/*
	font-size: most browsers have font size 16px as default; 
	that means 77% translates into 12.32px
*/
@import url(whatsNewStyle.css);
body {
	font: normal 77% arial, sans-serif;
	background: #EEEEEE;
}

h1,h2 {
	font-size: 1.34em;
	font-weight: normal;
	margin-bottom: 10px;
}

a:link,a:visited {
	color: #1754CD;
	text-decoration: none;
}

a:HOVER {
	text-decoration: underline;
}

.hsx-loading {
	margin: 200px auto;
	width: 100px;
	height: 40px;
	padding: 0 0 0 20px;
	background: url(../images/loadingTransparent.gif) top left
		no-repeat transparent;
}

input.invalid {
	border: 1px solid red !important;
}

hr {
	border: none;
	border-top: 1px solid #7392B0;
}

/* GWT STYLES */
.gwt-SuggestBoxPopup {
	background-color: white;
	border: 1px solid #CCCCCC;
	border-top: 0px;
	border-radius: 0px 0px 2px 2px;
	z-index: 10;
}

.gwt-SuggestBoxPopup table {
	border-spacing: 0px;
	width: 100%;
}

.gwt-SuggestBoxPopup .item {
	padding: 5px;
}

.gwt-SuggestBoxPopup .item-selected {
	background-color: #EBFBD2;
}

.gwt-ListBox {
	padding: 2px;
	min-width: 100px;
}

.gwt-RadioButton {
	padding-top: 5px;
}

.gwt-RadioButton input {
	margin-right: 5px;
}

.gwt-Label {
	display: inline-block;
}

/* HSX Styles. Should be after GWT Styles to allow overriding */
.hsx-left {
	float: left;
}

.hsx-right {
	float: right;
}

.hsx-clear {
	clear: both;
}

.hsx-boxsizingBorder {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

.hsx-overflowHidden {
	overflow: hidden;
}

.hsx-overflowAuto {
	overflow: auto;
}

.hsx-inlineBlock {
	display: inline-block;
}

.hsx-label-margin {
	margin-right: 5px;
}

.hsx-full-width {
	width: 100%;
}

.hsx-full-height {
	height: 100%;
}

.hsx-suggest-paging-bar {
	padding: 5px 15px;
	height: 15px;
	border-top: 1px solid #CCCCCC;
}

.hsx-multiselect-suggest-paging-bar {
	padding: 4px 6px;
	height: 15px;
	border-top: 1px solid #CCCCCC;
}

textarea.hsx-verticalResizable {
	resize: vertical;
}

/* Make vertical scrollbars disappear for Internet Explorer */
textarea {
	overflow: auto;
}

.hsx-form-pnl {
	background: #C1D1E0;
	/*
	margin: -27px auto 0 30%;
	border: 1px solid #84A3C1;
	*/
}

.hsx-combobox .x-form-field.x-form-text {
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-ms-box-sizing: content-box;
}

.hsx-combobox-large .x-form-field.x-form-text {
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-ms-box-sizing: content-box;
}

.x-form-field.x-form-text {
	height: 30px;
	border: 1px solid #84A3C1;
	background-image: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

.x-box-item .x-form-field.x-form-text {
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-ms-box-sizing: content-box;
}

.hsx-form-pnl .x-form-text {
	width: 190px !important;
}

.hsx-form-pnl .hsx-1col .x-form-text {
	width: 400px !important;
}

.hsx-form-pnl .x-panel-tl,.hsx-form-pnl .x-panel-tr,.hsx-form-pnl .x-panel-bl,.hsx-form-pnl .x-panel-br,.hsx-form-pnl .x-panel-ml,.hsx-form-pnl .x-panel-mr,.hsx-form-pnl .x-panel-bc,.hsx-form-pnl .x-panel-tc,.hsx-form-pnl .x-panel-mc
	{
	background-image: none;
	background-color: transparent;
	border: 0;
	padding: 0;
}

.hsx-form-pnl .x-panel-mc {
	background-color: #C1D1E0;
	/*border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;*/
}

.hsx-form-pnl .x-form-label-top .x-form-item {
	margin-bottom: 10px;
}

.hsx-form-pnl .x-form-invalid,.hsx-error-cnt {
	border-color: #ff0000;
}

.hsx-error-cnt {
	color: #ff0000;
	font-size: 1.0em;
	margin-top: 5px;
}

.hsx-error-label {
	color: #ff0000;
	font-size: 1.0em;
}

.hsx-error-text {
	color: #ff0000;
}

.hsx-success-label {
	color: #7E9404;
	font-size: 1.0em;
}

.hsx-notification-count-label {
	background-color: red;
	color: white;
	padding: 0px 4px;
	font-size: 0.933em !important;
	/*border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;*/
	margin-left: 5px;
}

.hsx-field-validation-error {
	position: relative;
	top: -8px;
	color: #ff0000;
}

/* Header */
.hsx-header {
	left: 0;
	top: 0;
	width: 100%;
}

.hsx-header-top {
	background-color: #FFFFFF;
	/*url(../images/header_bg_tl.png) top left no-repeat #161616;*/
	height: 25px;
}

.hsx-logo {
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	height: 39px;
	width: 260px;
	margin: 9px 0px 0px 10px;
	float: left;
}

.hsx-language-selector {
	float: right;
	margin: 10px 10px 15px 35px;
	width: 150px;
}

.hsx-header-bar {
	background: url(../images/bg_gradient.png) repeat-x #FFFFFF;
	height: 50px;
}

.hsx-header-toolbar {
	margin: 9px 10px 0px 0px;
	float: right;
}

.hsx-header-supplierSelectionContainer {
	float: right;
}

.hsx-header-user {
	color: #1754CD;
	border-right: 1px solid #CCCCCC;
	float: right;
	padding: 0 8px 0 20px;
	margin-right: 5px;
	background: url(../images/user.png) no-repeat top left transparent;
}

.hsx-header-user:HOVER {
	background: url(../images/user_hover.png) no-repeat top left transparent;
}

.hsx-header-label {
	color: #1754CD;
	float: right;
	padding: 0 8px 0 20px;
}

a.hsx-header-help-toolbar-menu-item {
	display: block;
	padding: 3px 5px;
	color: black;
}

.hsx-header-help-toolbar-version-label {
	display: block;
	padding: 3px 5px;
	border-top: 1px solid #CCCCCC;
	width: 100%;
}

.hsx-header-help-toolbar-menu-item:HOVER {
	background-color: #EBFBD2;
	text-decoration: none;
}

a.hsx-header-logout {
	color: #1754CD;
	float: right;
	padding-left: 20px;
	background: url(../images/logout.png) no-repeat top left transparent;
}

a.hsx-header-logout:HOVER {
	background: url(../images/logout_hover.png) no-repeat top left transparent;
}

.hsx-header-help {
	border-right: 1px solid #CCCCCC;
	float: right;
	margin-right: 8px;
	padding: 0 8px 0 18px;
	background: url(../images/help.png) no-repeat top left transparent;
}

.hsx-header-help:HOVER { 
	background: url(../images/help_hover.png) no-repeat top left transparent;
}
	

.hsx-content-left {
	position: absolute;
	top: 140px;
	width: 70%;
	left: 0;
	bottom: 0;
}

.hsx-content-right {
	position: absolute;
	top: 140px;
	right: 0;
	bottom: 0;
}

.hsx-content-area {
	margin: 0 auto 0 auto;
	width: 400px;
	background: #C1D1E0;
	border: 1px solid #84A3C1;
	padding: 20px;
}

/* Login form */
.hsx-login-form-column {
	display: table-cell;
	padding-right: 18px;
}

.hsx-login-form-column input.gwt-TextBox,.hsx-login-form-column input.gwt-PasswordTextBox
	{
	width: 175px;
	border: 1px solid #84A3C1;
}

.hsx-forgot-pwd-link {
	float: right;
	margin-top: 3px;
}

a.hsx-forgot-pwd-link {
	font-size: 0.933em;
}

.hsx-login-btn {
	clear: right;
	float: right;
	margin-top: 18px;
}

.hsx-column-layout-left {
	margin: 20px 0px 20px 0px;
	padding-right: 20px;
	border-right: 1px solid #CCCCCC;
}

.hsx-column-layout-right {
	margin: 20px 0px 20px 20px;
}

.hsx-hint-container {
	border: 1px solid #CCCCCC;
	padding: 5px;
	border-radius: 2px;
	background-color: #EBFBD2;
}

.hsx-column-top-and-horizontal-margins {
	margin: 20px 20px 0px;
}

.hsx-register-link-ctn {
	margin-top: 15px;
}

.hsx-register-link-ctn .x-component {
	font-size: 1.0em;
}

.hsx-register-link-ctn .x-component {
	font-size: 1.0em;
}

/*
.hsx-register-link-ctn .x-component {
	font-size: 1.2em;
}
*/
.x-component {
	font-size: 1.0em;
}

.hsx-remember-me-cnt {
	top: -5px;
}

.hsx-register-label {
 	margin-right: 10px;	
	width: 90px;
}

.hsx-forgot-pwd-link {
	font-size: 0.933em;
}

a.hsx-forgot-pwd-link,a.hsx-forgot-pwd-link:link,a.hsx-forgot-pwd-link:visited,a.hsx-forgot-pwd-link:hover,a.hsx-forgot-pwd-link:active,a.hsx-show-pwd-link,a.hsx-show-pwd-link:link,a.hsx-show-pwd-link:visited,a.hsx-show-pwd-link:hover,a.hsx-show-pwd-link:active
	{
	color: #666;
	text-decoration: underline;
}

.hsx-copyright {
  position: absolute;
  right: 15px;
  bottom: 9px;
}

/* Navigation Bar */
.hsx-navigation-pnl {
	border: 1px solid #84A3C1;
	/*border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;*/
}

.hsx-navigation-caption-pnl {
	/*border-radius: 5px 5px 0 0;*/
	background-color: #C1D1E0;
	height: 30px;
	border-bottom: 1px solid #84A3C1;
}

.hsx-navigation-iwantto-pnl {
	/*border-radius: 0 0 5px 5px;*/
	background-color: #FFFFFF;
	padding: 12px;
}

.hsx-navigation-iwantto-label {
	margin-bottom: 5px;
}

.hsx-block {
	display: block;
}

.hsx-clickable-label {
	cursor: pointer;
}

.hsx-clickable-label:HOVER {
	color: #1754CD;
}

.hsx-clickable-label-link {
	cursor: pointer;
	color: #1754CD;
}

.hsx-clickable-label-link:HOVER {
	text-decoration: underline;
}

/** class is used where :hover doesn't work (fileupload)*/
.hsx-clickable-label-link-hover {
	text-decoration: underline;
	cursor: pointer;
}

.hsx-anchor {
	cursor: pointer;
	color: #1754CD;
	text-decoration: none;
}

.hsx-anchor:HOVER {
	text-decoration: underline;
}

.hsx-bold {
	font-weight: bold;
}

.hsx-italic {
	font-style: italic;
}

.hsx-no-wrap {
	white-space: nowrap;
	overflow: hidden;
}

/* Registration form */
.hsx-registration-form-pnl {
	overflow: hidden;
}

.hsx-registration-form-pnl p {
	margin-bottom: 15px;
	font-size: 1.0em;
}

.hsx-registration-form-column {
	display: table-cell;
}

.hsx-registration-form-row,.hsx-registration-form-column {
	padding-right: 18px;
	padding-left: 2px;
}

.hsx-registration-form-column .hsx-field-validation-error,.hsx-registration-form-row .hsx-field-validation-error
	{
	position: relative;
	top: 2px;
	color: #ff0000;
}

.hsx-registration-form-column input.gwt-TextBox,.hsx-registration-form-column input.gwt-PasswordTextBox
	{
	width: 172px;
	border: 1px solid #84A3C1;
}

.hsx-registration-form-row {
	display: block;
}

.hsx-registration-form-row input.gwt-TextBox,.hsx-registration-form-row input.gwt-PasswordTextBox
	{
	width: 100%;
	border: 1px solid #84A3C1;
}

.hsx-registration-form-pwd-util {
	width: 100%;
	display: block;
	padding-left: 2px;
	margin-top: 3px;
}

.hsx-registration-form-pwd-util .hsx-show-pwd-link {
	padding-right: 6px;
}

.hsx-registration-form-custom-fields-container {
	padding-left: 2px;
	padding-right: 5px;
}

.hsx-assigned-catalogs-list {
	overflow: auto;
	height: auto;
	max-height: 110px;
}

.hsx-register-btn-cnt {
	margin-top: 10px;
}

.hsx-wellcome-btn-cnt {
  margin-top: 18px;
  float: right;
}

.hsx-terms-chkbox-cnt {
	margin-top: 20px;
	margin-bottom: 5px;
}

.hsx-terms-chkbox-label-link {
	margin-top: 8px;
	margin-left: 5px;
	cursor: pointer;
	color: #005599;
}

.hsx-terms-chkbox-label-link:HOVER {
	text-decoration: underline;
}

.hsx-terms-chkbox-label {
	margin-top: 8px;
	margin-left: 5px;
}

.hsx-register-btn {
	margin-left: 5px;
}

.hsx-password-strength {
	background: url(../images/password_strength.png) no-repeat 0 2px;
	padding-left: 35px;
	color: #666;
	margin-top: 5px;
	width: 100%;
}

.hsx-password-strength-0 {
	background-position: 0 -13px;
}

.hsx-password-strength-1 {
	background-position: 0 -28px;
}

.hsx-password-strength-2 {
	background-position: 0 -43px;
}

.hsx-password-strength-3 {
	background-position: 0 -58px;
}

.hsx-password-strength-4 {
	background-position: 0 -73px;
}

.hsx-password-strength-5 {
	background-position: 0 -88px;
}

.hsx-password-strength-6 {
	background-position: 0 -103px;
}

.hsx-show-pwd-link {
	float: right;
}

/* Welcome form */
.hsx-welcome-form-intro-cnt {
	margin: 20px 0 15px 30%;
	width: 410px;
}

.hsx-welcome-form-intro-cnt p {
	margin-bottom: 5px;
}

.hsx-welcome-form-pnl {
	margin-top: 0;
	width: 370px;
	padding: 10px;
}

/* readonly values */
.hsx-readonly-cnt {
	font-size: 1.0em;
	margin-bottom: 5px;
}

.hsx-readonly-value {
	font-weight: bold;
	margin-top: 3px;
	display: block;
}

/* Registration confirmation */
.hsx-confirmation-pnl h1 {
	margin-bottom: 25px;
}

.hsx-confirmation-pnl p {
	margin-bottom: 15px;
}

.hsx-confirmation-pnl .hsx-reg-data-label {
	color: #5b5b5b;
	font-size: 1.0em;
}

.hsx-confirmation-pnl .x-btn {
	margin-top: 10px;
	margin-left: auto;
}

/* Support panel */
.hsx-support-pnl-container {
	margin: 20px 10px 0 0;
}

.hsx-support-pnl-frame {
	height: 450px;
	width: 300px;
}

.hsx-support-pnl {
	background-color: #C1D1E0;
	/*border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;*/
	padding: 20px;
	width: 240px;
	border: 1px solid #84A3C1;
}

.hsx-support-pnl p {
	margin-bottom: 5px;
}

.hsx-support-pnl .hotline {
	font-weight: bold;
	margin: 10px 0;
}

.hsx-page-navigation {
	margin-top: 5px;
}

.hsx-page-navigation a {
	font-size: 0.933em;
}

/* Wizard */
.hsx-wizard-first-item,.hsx-wizard-middle-item,.hsx-wizard-last-item,.hsx-wizard-first-item-active,.hsx-wizard-middle-item-active,.hsx-wizard-last-item-active
	{
	height: 23px;
	padding: 8px 15px 0;
	font-size: 1.136em;
}

.hsx-wizard-first-item,.hsx-wizard-middle-item,.hsx-wizard-last-item {
	background-color: #EAEFF4;
	color: #999999;
	border-top: 1px solid #84A3C1;
}

.hsx-wizard-first-item-active,.hsx-wizard-middle-item-active,.hsx-wizard-last-item-active
	{
	background-color: #C1D1E0;
	color: #000000;
	border-top: 1px solid #84A3C1;
}

.hsx-wizard-first-item,.hsx-wizard-first-item-active {
	border-left: 1px solid #84A3C1;
}

.hsx-wizard-last-item,.hsx-wizard-last-item-active {
	border-right: 1px solid #84A3C1;
}

.hsx-wizard-arrow,.hsx-wizard-arrow-active-right,.hsx-wizard-arrow-active-left
	{
	width: 17px;
	height: 100%;
	background: url(../images/wizard-arrows.png) top left
		no-repeat transparent;
	border-top: 1px solid #84A3C1;
}

.hsx-wizard-arrow-active-left {
	background-position: 0 -31px;
}

.hsx-wizard-arrow-active-right {
	background-position: 0 -62px;
}

/*
	The main panel of a workflow step, including many other components
*/
.hsx-workflow-mainpanel {
	background-color: #FFFFFF;
	padding: 20px;
	/*border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;*/
	border: 1px solid #84A3C1;
}

.hsx-button-margin {
	margin-right: 10px;
}

.hsx-user-detail-image {
	float: right;
	text-align: left;
	margin-right: 10px;
}

.hsx-user-detail-embedded {
	max-width: 850px;
	width: 100%;
	height: 100%;
	max-height: 400px;
}

/*
	the widget in the complete user details workflow step 
	to show assigned catalogs and open dialog to edit them
*/
.hsx-editcatalogs-cellwidget {
	font-size: 1.055em;
	border: 1px solid;
	border-color: transparent;
	border-radius: 2px;
}

/*
	do not show default behavior (red border) -> only make catalog text red
*/
.hsx-editcatalogs-cellwidget.x-form-invalid {
	border-color: transparent;
}

.hsx-editcatalogs-cellwidget.x-form-invalid .catalogs-text {
	color: #CC3300;
}

/*
 	style settings for upload workflow, select mapping
*/
/*
	main widget for select mapping
*/
.hsx-select-mapping {
	border: 1px solid #CCCCCC;
	/*border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;*/
	background-color: white;
}

/*
	panel body inside a mapping
*/
.hsx-select-mapping .x-panel-body {
	border-style: solid;
	border-width: 0px;
	border-bottom-width: 1px;
	border-color: #CCCCCC;
}

/*
	panel header inside a mapping
*/
.hsx-select-mapping .x-accordion-hd {
	background-image: none;
	background-color: #CFF593;
	border-style: none;
	height: 18px;
	padding-top: 10px;
}

/*
	the icon image besided the panel header text
*/
.hsx-select-mapping .x-accordion-hd .x-panel-inline-icon {
	margin-left: 6px;
}

/*
	a panel inside the mapping widget that is collapsed
*/
.hsx-select-mapping .x-panel-collapsed .x-accordion-hd {
	border-style: solid;
	border-width: 0px;
	border-bottom-width: 1px;
	background-color: #EAEFF4;
	border-color: #84A3C1;
}

.hsx-select-mapping .x-panel-collapsed .x-accordion-hd:HOVER {
	background-color: #C1D1E0;
}
/*
	panel header text inside a mapping
*/
.hsx-select-mapping .x-panel-header-text {
	margin-left: 6px;
}

/*
	Radiobutton icons for mapping widget 
*/
.hsx-select-mapping-radiobutton-selected {
	background-image: url(../images/radiobutton_big_selected.png);
}

.hsx-select-mapping-radiobutton-unselected {
	background-image: url(../images/radiobutton_big.png);
}

/*
	documentation file link of a mapping
*/
.hsx-mapping-documentation-link {
	margin-right: 8px;
}

.hsx-mapping-file-container {
	border-top: 5px solid #EAEFF4;
}

.hsx-mapping-separator {
	border-top: 1px solid #CCCCCC;
	margin-top: 15px;
}

/*
	File description widget
*/
.hsx-file-description {
	border-style: solid;
	border-width: 0px;
	border-top-width: 1px;
	border-color: #CCCCCC;
}

/*
	Dataload upload files widget
*/
.hsx-dataload-uploadfiles {
	font-size: 1.055em;
	/*	border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px; */
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;
}

/*
	Dataload upload files widget, header row
*/
.hsx-dataload-uploadfiles-header {
	background-color: #C1D1E0;
}

/*
	Dataload upload files widget, header row column cell
*/
.hsx-dataload-uploadfiles-headercell {
	padding-top: 8px;
	padding-left: 12px;
	border-style: solid;
	border-width: 0;
	border-right-color: #8EACCB;
	border-right-width: 2px;
}

.hsx-dataload-uploadfiles-headercell:last-of-type {
	border-right-width: 0px;
}

/*
	Dataload upload area for one file
*/
.hsx-dataload-uploadfiles-filearea {
	background-color: #EAEFF4;
	padding-top: 8px;
	padding-left: 12px;
	padding-bottom: 12px;
	border-style: solid;
	border-width: 0;
	border-color: #CCCCCC;
	border-bottom-width: 1px;
}

.hsx-dataload-uploadfiles-filearea:last-of-type {
	border-bottom-width: 0px;
}

/*
	Dataload upload area for one file, alternate row color
*/
.hsx-dataload-uploadfiles-filearea.hsx-row-alt,.hsx-uploaded-file-container.hsx-row-alt
	{
	background-color: #F9F9F9;
}

/*
	Dataload upload area cell for one file, chosen file name
*/
.hsx-dataload-chosen-file-name {
	margin-right: 10px;
}

/*
	Dataload uploaded files confirmation page
*/
.hsx-uploaded-files-headline {
	padding: 8px;
	/*	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;*/
	border: 1px solid #CCCCCC;
	border-bottom-width: 0;
	background-color: #C1D1E0;
}

.hsx-uploaded-file-container {
	padding: 8px;
	background-color: #EAEFF4;
	border: 1px solid #CCCCCC;
	border-top-width: 0;
}

.hsx-uploded-files-msg {
	margin-bottom: 15px;
}

/*
	Dataload upload area cell for one file, delete link
*/
.hsx-dataload-delete-chosen-file-link {
	margin-right: 10px;
	float: left;
}

.hsx-dataload-upload-comment-container {
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	width: 50%;
}

.hsx-dataload-upload-options-container {
	float: right;
	margin-right: 10px;
	margin-top: 80px;
}

.hsx-dataload-upload-filetype-error {
	float: left;
	margin-left: 10px;
	font-size: 0.948em;
}

/*
	General options container inside a workflow step
*/
.hsx-workflow-options-container {
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;
	/*	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;*/
	background-color: #EAEFF4;
}

/*
	Dataload dry run summary page
*/
.hsx-dryrun-summary-list {
	margin-bottom: 15px;
}

.hsx-dryrun-summary-headline {
	padding: 8px;
	/*	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px; */
	border: 1px solid #CCCCCC;
	border-bottom-width: 0;
}

.hsx-dryrun-summary-header-msg {
	margin-bottom: 20px;
}

.hsx-dryrun-summary-mainerror-msg {
	margin-bottom: 8px;
}

.hsx-dryrun-summary-entry {
	padding: 8px;
	background-color: #fff;
	border: 1px solid #CCCCCC;
	border-top-width: 0;
}

.hsx-dryrun-summary-entry.hsx-row-alt {
	background-color: #F9F9F9;
}

.hsx-dry-run-summary-container {
	margin-bottom: 8px;
}

.hsx-dryrun-summary-hint-link {
	margin-right: 5px;
}

.hsx-approve-for-import-hint {
	margin-bottom: 12px;
}

.hsx-errorreport-header {
	font-size: 1.218em;
	margin-bottom: 12px;
}

.hsx-errorreport-window-header {
	margin-bottom: 12px;
}

.hsx-errorreport-summary-container {
	background-color: #EAEFF4;
	font-size: 1.055em;
	padding: 12px;
	padding-bottom: 18px;
	border: 1px solid #84A3C1;
	margin-left: 18px;
}

.hsx-errorreport-summary-container-line {
	margin-bottom: 3px;
}

.hsx-errorreport-summary-showInTimeline {
	margin-top: 9px;
}

.hsx-errorreport-summary-importfiles-container {
	margin-bottom: 12px;
}

.hsx-errorreport-structured-info-header {
	height: 28px;
}

.hsx-errorreport-structured-info {
	width: 99% !important;
}

.hsx-errorreport-info-text {
	margin-bottom: 8px;
	font-size: 1.136em;
	color: #ff0000;
}

.hsx-grouped-errorreport-header {
	background-color: #C1D1E0;
	padding: 8px;
	border-style: solid;
	border-color: #84A3C1;
	border-width: 1px;
	/*border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px; */
}

.hsx-grouped-errorreport-header-label {
	font-size: 1.055em;
	font-weight: bold;
}

.hsx-grouped-errorreport-grid .x-grid3 {
	border-radius: 0px;
	border-top-width: 0px;
}

/*
	Dataload upload files widget
*/
.hsx-table {
	background-color: #fff;
	font-size: 1.055em;
	/*	border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px; */
	border-style: solid;
	border-width: 1px;
	border-color: #84A3C1;
}

.hsx-table table {
	border-collapse: collapse;
}

/*
	Dataload upload files widget, header row
*/
.hsx-table-header {
	background-color: #ABCCF2;
}

/*
	Dataload upload files widget, header row column cell
*/
.hsx-table-headercell {
	background-color: #C1D1E0;
	padding-top: 8px;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 6px;
	border-style: solid;
	border-width: 0;
	border-right-color: #8EACCB;
	border-right-width: 2px;
}

.hsx-table-headercell-noborder {
	background-color: #C1D1E0;
	padding-top: 8px;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 6px;
}

.hsx-table-headercell:last-of-type {
	border-right-width: 0px;
}

.hsx-table-cell {
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: #fff;
	border-style: solid;
	border-color: #CCCCCC;
	border-width: 0px;
	border-bottom-width: 1px;
}

.hsx-table-cell.hsx-textalign-center {
	text-align: center;
}

.hsx-table-cell.hsx-textalign-left {
	text-align: left;
	padding-left: 8px;
	/* wrapped words break table layout */
	white-space: nowrap;
}

.hsx-table-cell.hsx-no-visible-border {
	border-color: transparent;
}

.hsx-table-cell.hsx-no-visible-bottom-border {
	border-bottom-color: transparent;
}

.hsx-table-cell.hsx-row-alt {
	background-color: #F9F9F9;
}

.hsx-errorreport-overview-area {
	margin-bottom: 24px;
}

.hsx-errorreport-overview-area table {
	width: 99.99%;
}

.hsx-container-with-maximum-size {
	max-width: 900px;
}

.hsx-scroll-vertically {
	position: absolute;
	top: 10px;
	bottom: 0;
	width: 100%;
	box-sizing: border-box;
	overflow-y: auto;
}

.hsx-dataload-report {
	background-color: #E6E6D4;
	/*border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px; */
}

.hsx-dashboard {
	padding-bottom: 15px;
	background-color: #EEEEEE;
	overflow-y: auto;
	/*border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;*/
}

.hsx-dashboard-leftcontent-container {
	display: inline-block;
	width: 60%;
	box-sizing: border-box;
	vertical-align: top;
}

.hsx-dashboard-rightcontent-container {
	display: inline-block;
	width: 40%;
	padding-left: 10px;
	box-sizing: border-box;
	vertical-align: top;
}

.hsx-dashboard-portlet {
	background-color: #C1D1E0;
	border-width: 1px;
	border-color: #84A3C1;
	border-style: solid;
	/*	border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px; */
}

.hsx-dashboard-portlet-top-margin {
	margin-top: 10px;
}

.hsx-dashboard-portlet-header {
	border-bottom: 1px solid #84A3C1;
	padding: 7px 8px;
}

.hsx-dashboard-catalogs-portlet-header {
	padding-bottom: 8px;
}

.hsx-dashboard-opentasks-body {
  padding: 10px;
  background: white;
  width: 100%;
  box-sizing: border-box;
}

input.gwt-TextBox,input.gwt-SuggestBox,select.gwt-ListBox,textarea.gwt-TextArea,input.gwt-PasswordTextBox
	{
	font-family: arial, sans-serif;
	background-image: none;
	padding: 4px 6px;
	border-radius: 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	-webkit-border-radius: 2px 2px 2px 2px;
	border: 1px solid #CCCCCC;
	font-size: 1.055em;
}

input.gwt-TextBox,input.gwt-PasswordTextBox {
	height: 22px;
	line-height: 22px;
}

input.gwt-SuggestBox {
	line-height: 20px;
}

input.gwt-TextBox.hsx-boxsizingBorder, input.gwt-PasswordTextBox.hsx-boxsizingBorder {
	height: 32px;
}

input.gwt-TextBox.invalid {
	border-color: #ff0000;
}

.hsx-timeline-message-container {
	padding: 12px 12px 0px 12px;
	background-color: #FFFFFF;
	/* not transparent because of slide in effect */
	position: relative;
}

.hsx-timeline-message-pin-icon {
	width: 14px;
	height: 14px;
	margin: 0 auto -10px;
	position: relative;
	cursor: inherit;
}

.hsx-timeline-message-pin-icon-pin {
	background: transparent url(../images/feedPin.png) no-repeat;
	cursor: pointer;
}

.hsx-timeline-message-pin-icon-pin-over {
	background: transparent url(../images/feedPinOver.png)
		no-repeat;
	cursor: pointer;
}

.hsx-timeline-message-pin-icon-pinned {
	background: transparent url(../images/feedPinned.png)
		no-repeat;
	margin-bottom: -8px;
	margin-top: -2px;
	cursor: pointer;
}

.hsx-timeline-message-pin-icon-pinned-pinning-notallowed {
	background: transparent url(../images/feedPinned.png)
		no-repeat;
	margin-bottom: -8px;
	margin-top: -2px;
}

.hsx-timeline-message-pin-icon-unpin {
	background: transparent url(../images/feedUnpin.png)
		no-repeat;
	margin-bottom: -8px;
	margin-top: -2px;
	cursor: pointer;
}

.hsx-timeline-message-pin-icon-invisible {
	background: transparent;
}

.hsx-timeline-message-container-bottom-wedge {
	background-image: url(../images/message_bottom_wedge.png);
	background-repeat: no-repeat;
	margin-left: 10px;
}

.hsx-timeline-message-main-container {
	padding: 7px 10px 10px 7px;
	background-color: #EAEFF4;
	overflow-x: hidden;
}

.hsx-timeline-message-container-indented {
	padding-top: 0px;
	padding-left: 30px;
}

.hsx-timeline-message-container-header {
	margin-bottom: 6px;
}

.hsx-message-icon-container {
	width: 42px;
	float: left;
	margin-top: 8px;
}

.hsx-timeline-header-message {
	z-index: 1;
}

.hsx-timeline-showAllComments-container {
	background-color: #FFFFFF;
	padding: 3px 12px 5px 30px;
	position: relative;
	z-index: 1;
}

.hsx-timeline-notification-widget {
	background-color: #EBFBD2;
	padding-top: 6px;
}

.hsx-timeline-notification-container {
	text-align: center;
	margin-bottom: 4px;
}

.hsx-timeline-feed-divider {
	height: 5px;
	border-style: solid;
	border-color: #CCCCCC;
	border-width: 0;
	border-bottom-width: 1px;
	background-color: #FFFFFF;
}

.hsx-timeline-more-comments-label {
	background-color: #EAEFF4;
	text-align: center;
	font-style: italic;
	display: block;
}

.hsx-timeline-message-date-text {
	color: #7F7F7F;
	margin-top: 4px;
}

.hsx-timeline-message-text-wrapper {
	margin-left: 42px;
	overflow: hidden;
}

.hsx-timeline-message-text {
	overflow: hidden;
	display: inline;
	word-wrap: break-word;
	/* Margin for link */
	margin-right: 5px;
}

.hsx-timeline-message-removed-text {
	overflow: hidden;
	display: inline;
	word-wrap: break-word;
	/* Margin for link */
	margin-right: 5px;
	font-style: italic;
	color: #999;
}

.hsx-timeline-message-link {
	overflow: hidden;
	display: inline-block;
	vertical-align: bottom;
}

.hsx-timeline-message-userinfo-text {
	font-weight: bold;
	margin-top: 4px;
}

.hsx-timeline-message-removed-userinfo-text {
	font-style: italic;
}


.hsx-timeline-show-older-messages-container {
	background-color: #EAEFF4;
	padding: 10px;
}

.hsx-timeline-filter-combobox-container {
	background-color: #EAEFF4;
	padding: 8px 12px;
	overflow: auto;
}

.hsx-timeline-filter-organizations {
	width: 49%;
	float: left;
}

.hsx-timeline-filter-organizations .hsx-menu-button-element-right {
	height: 26px;
}

.hsx-timeline-filter-organizations input.hsx-supplier-selection-input {
	height: 28px;
}

.hsx-timeline-filter-types {
	width: 50%;
	float: right;
	line-height: 20px;
}

.hsx-timeline-filter-combobox-container .hsx-menu-button-element-left {
	padding: 5px 6px;
	height: 16px;
}

.hsx-timeline-filter-combobox-container .hsx-menu-button-element-right {
	height: 26px;
}

.hsx-timeline-typefilter-combobox-list > .x-combo-list-item:nth-of-type(-n+1),
.hsx-timeline-typefilter-combobox-list > .x-combo-list-item.x-combo-selected:nth-of-type(-n+1) {
	font-style: italic;
	border-style: solid !important;
	border-width: 0px !important;
	border-bottom-width: 1px !important;
	border-color: #CCCCCC !important;
}

.hsx-timeline-supplierfilter-combobox-list > .x-combo-list-item:nth-of-type(-n+1),
.hsx-timeline-supplierfilter-combobox-list > .x-combo-list-item.x-combo-selected:nth-of-type(-n+1) {
	font-style: italic;
	border-style: solid !important;
	border-width: 0px !important;
	border-bottom-width: 1px !important;
	border-color: #CCCCCC !important;
}

.hsx-timeline-add-message-container {
	padding: 8px 12px;
	background-color: #EAEFF4;
}

.hsx-timeline-add-message-container-indented {
	background-color: #FFFFFF;
	padding: 10px;
	padding-left: 30px;
	padding-top: 0px;
	padding-bottom: 5px;
}

.hsx-timeline-add-message-container textarea.hsx-timeline-new-message-editarea
	{
	padding: 6px;
	height: 30px;
	width: 100%;
}

.hsx-timeline-new-message-buttonarea {
	height: 32px;
}

input.hsx-supplier-selection-input {
	width: 100%;
	height: 32px;
	border-right: 0px;
}

input.hsx-supplier-multiselection-input {
	width: 100%;
	height: 32px;
	border-right: 0px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 7px;
}

.hsx-timeline-new-feed-combobox {
	margin-bottom: 5px;
}

.hsx-timeline-add-message-container .hsx-menu-button-element-right {
	height: 30px;
	background-position: 0 0;
}

.hsx-timelineToLabel {
	margin: 8px 5px 0px 0px;
}

.hsx-timeline-no-data {
	text-align: center;
	color: #808080;
	font-style: italic;
	padding: 12px;
}

.hsx-mapping-no-data {
	text-align: center;
	color: #808080;
	font-style: italic;
}

.hsx-form-label {
	margin-bottom: 2px;
	margin-top: 10px;
	display: block;
}

.hsx-form-label-inline {
	margin-bottom: 2px;
	margin-top: 10px;
	display: inline-block;
}

.hsx-listbox-form {
	height: 32px;
	width: 100%;
}

.hsx-listbox-form .hsx-menu-button-element-left {
	height: 16px;
	padding: 8px;
}

.hsx-listbox-form .hsx-menu-button-element-right {
	height: 32px;
	background-position: 0 2px;
}

.hsx-label-form {
	height: 32px;
}

input.gwt-TextBox:FOCUS,select.gwt-ListBox:FOCUS,textarea.gwt-TextArea:FOCUS,input.gwt-PasswordTextBox:FOCUS
	{
	border-color: #7eadd9;
}

/*
.ext-strict .ext-gecko .hsx-timeline-new-feed-combobox-container .x-form-field-wrap .x-form-trigger,
.ext-gecko .hsx-timeline-new-feed-combobox-container .x-form-field-wrap .x-form-trigger,
.hsx-timeline-new-feed-combobox-container .x-form-field-wrap .x-form-trigger {
	height: 28px !important;
	padding-top: 2px !important;
}
*/
/*
.hsx-timeline-new-feed-combobox-list > .x-combo-list-item:nth-of-type(-n+1),
.hsx-timeline-new-feed-combobox-list > .x-combo-list-item.x-combo-selected:nth-of-type(-n+1) {
	font-style: italic;
	border-style: solid !important;
	border-width: 0px !important;
	border-bottom-width: 1px !important;
	border-color: #CCCCCC !important;
}
*/
.hsx-timeline-message-author-icon-loggedin-user {
	background-image: url(../images/logged_in_user.png);
	background-repeat: no-repeat;
}

.hsx-timeline-message-author-icon-other-user {
	background-image: url(../images/other_user.png);
	background-repeat: no-repeat;
}

.hsx-timeline-message-author-icon-system-user {
	background-image: url(../images/system_user.png);
	background-repeat: no-repeat;
}

.hsx-timeline-message-delete-icon {
	background-image: url(../images/deleteIcon.png);
	background-repeat: no-repeat;
	margin-top: 5px;
	width: 8px;
	height: 8px;
	cursor: pointer;
}

.hsx-timeline-addmessage-added-content-container {
	margin-top: 6px;
	margin-bottom: 6px;
	margin-left: 2px;
}

.hsx-timeline-divider {
	border-style: solid;
	border-width: 0px;
	border-bottom-width: 1px;
	border-color: #84A3C1;
}

/*
	Import manager
*/
.hsx-importmanager-view {
	padding: 12px;
	background-color: #E6E6D4;
	/*	border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px; */
}

.hsx-grid-no-border .x-grid3 {
	border-radius: 0px;
	border-width: 0px;
}

.hsx-importmanager-refresh-link {
	margin-top: 4px;
}

/*
	Catalogs portlet
*/
.hsx-catalogs-portlet-catalog-header {
	background-color: #EAEFF4;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 6px;
	padding-bottom: 8px;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
}

.hsx-catalogs-portlet-catalog-last-update {
	margin-top: 4px;
}

.hsx-catalogs-portlet-catalog-actions-container {
	background-color: #fff;
	padding: 10px;
	padding-bottom: 12px;
	min-height: 30px;
}

.catalog-history-expand-button {
	height: 15px;
	width: 100%;
	padding-top: 3px;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	border-top: 1px solid #CCCCCC;
}

.catalog-history-expand-button-expanded {
	background-image: url(../images/collapse_up.png);
}

.catalog-history-expand-button-collapsed {
	background-image: url(../images/expand_down.png);
}

.hsx-catalogs-portlet-catalog-container {
	background-color: #fff;
}

.hsx-catalogs-importjobs-container {
	padding-left: 12px;
	padding-right: 12px;
	overflow: hidden;
}

.hsx-catalogs-importjobs-no-activity-label {
	padding: 8px;
	text-align: center;
	font-style: italic;
	background-color: #F9F9F9;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
}

.hsx-catalog-importjob-container {
	padding: 8px;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 0px;
	border-top-width: 1px;
}

.hsx-catalog-importjob-container.hsx-last-row {
	border-bottom-width: 1px;
}

.hsx-catalog-container.hsx-row-alt {
	background-color: #F9F9F9;
}

.hsx-catalogs-portlet-separator {
	height: 20px;
	background-color: #FFFFFF;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 0px;
	border-top-width: 1px;
}

.hsx-catalogs-portlet-catalog-bottom-toolbar {
	height: 5px;
}

.hsx-catalog-importjob-info-component {
	margin-right: 8px;
}

/*
	main content panel for all workflows / screens
*/
.hsx-maincontent-panel {
	background-color: #EAEFF4;
	border: 1px solid #84A3C1;
	/*border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;*/
	/*
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	width: 100%;
	*/
}

.hsx-master-header-view {
    position: absolute;
    height: 50px;
    left: 0;
    right: 0;
}

.hsx-master-nav-view {
    display: block;
    height: 100%;
    width: 200px;
    vertical-align: top;
    margin: 10px 0 0 5px;
}

.hsx-master-main-view {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
  display: block;
}

.hsx-master-main-view-with-nav {
	left: 205px;
	padding: 10px;
}

.hsx-master-main-view-without-nav {
	left: 0;
}

.hsx-navigation-content-container {
    width: 100%;
    margin: 50px 0 0 0;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    bottom: 0;
}

.hsx-maincontent-panel.borderless {
	border: 0px;
}

.hsx-maincontent-content {
	padding: 12px;
	background-color: #EAEFF4;
	/*
	height: 100%;
	*/
}

.hsx-maincontent-header {
	padding: 7px 0 8px 12px;
	background-color: #C1D1E0;
	border-bottom: 1px solid #8EACCB;
}

.hsx-default-top-margin {
	margin-top: 10px;
}

.hsx-default-top-margin-small {
	margin-top: 5px;
	margin-right: 15px;
}

/*
	header toolbars
*/
.hsx-header-toolbar-detailview {
	background-color: #C1D1E0;
	height: 30px;
	padding: 0px 8px;
	border: 1px solid #84A3C1;
	border-bottom: 1px solid #CCCCCC;
	/*	border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px; */
}

.hsx-header-toolbar-listview {
	padding: 5px 7px 5px 5px;
	min-height: 24px;
	overflow: visible;
	border: 1px solid #84A3C1;
	/*	border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px; */
	background-color: #FFFFFF;
}

.hsx-header-toolbar-left-button {
	border-right: 1px solid #84A3C1;
	display: inline-block;
	height: 22px;
	padding: 8px 10px 0px 0px;
	font-size: 0.933em;
}

.hsx-detail-view-maincontent {
	background-color: #fff;
	border-style: solid;
	border-color: #84A3C1;
	border-width: 1px;
	border-top-width: 0;
	/* absolute positioning for scrollbars */
	position: absolute;
	top: 74px;
	left: 12px;
	right: 12px;
	bottom: 12px;
	overflow: auto;
}

.hsx-list-view-maincontent {
	background-color: #fff;
	border-style: solid;
	border-color: #84A3C1;
	border-width: 1px;
	border-top-width: 0;
}

/* Toolbar search */
.hsx-search-container .hsx-search-box {
	float: left;
	height: 18px;
	line-height: 18px;
	padding: 2px 6px;
}

.hsx-search-container .hsx-search-button {
	float: left;
	height: 24px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 0;
	padding: 0;
}

/* Single value combo box */
.hsx-single-value-combo {
	min-width: 150px;
}

/*
	Catalog details
*/
.hsx-catalog-details-basedata-container {
	padding: 20px;
	border-style: solid;
	border-color: #CCCCCC;
	border-width: 0px;
	border-bottom-width: 1px;
}

.hsx-catalog-details-supplier-text {
	font-size: 1.136em;
}

.hsx-catalog-details-catalognames-text {
	font-size: 1.136em;
	display: inline-block;
	margin: 5px 5px 0px 0px;
}

.hsx-catalog-details-importjobs-container {
	padding-top: 20px;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 16px;
}

.hsx-catalog-details-importjobs-header {
	margin-bottom: 8px;
}

.hsx-catalog-details-importjobs-header-text {
	font-size: 1.136em;
}

.hsx-status-widget-container-left {
	background-color: #F9F9F9;
	font-size: 1.055em;
	float: left;
	border-style: solid;
	border-color: #CCCCCC;
	border-width: 1px;
	/*border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;*/
	padding: 8px;
}

.hsx-status-widget-container-right {
	font-size: 1.055em;
	float: left;
	border-style: solid;
	border-color: #CCCCCC;
	border-width: 1px;
	border-left-width: 0;
	/*	border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	-webkit-border-radius: 0 3px 3px 0; */
	padding: 8px;
}

.hsx-catalog-details-editname-defaultlocale-text {
	position: absolute;
	bottom: 42px;
	margin-top: 4px;
	padding-top: 4px;
	padding-bottom: 8px;
}

.hsx-catalog-details-editname-container {
	position: absolute;
	bottom: 90px;
	top: 0;
	width: 90%;
	overflow-y: auto;
}

.hsx-catalog-details-editname-label {
	font-size: 1.055em;
}

.hsx-catalog-details-editname-label-empty {
	font-style: italic;
}

/*
 	Mapping details
*/
.hsx-mapping-detail-header {
	padding: 20px;
}

.hsx-mapping-detail-content {
	padding: 0px 20px 20px 20px;
}

.hsx-mapping-detail-button-container {
	padding: 0 10px 20px 0;
	overflow: auto;
}

/*
	ComboBoxes
*/
.hsx-combobox .x-triggerfield-noedit {
	height: 21px !important;
	background-image: none;
	padding-top: 0px !important;
	margin-top: 0px;
	margin-bottom: 0px;
}

.hsx-combobox .x-form-trigger.x-form-trigger-arrow {
	background-position: 0 -2px;
	padding-top: 0px !important;
	margin-top: 0px;
	margin-bottom: 0px;
}

.hsx-combobox .x-form-trigger.x-form-trigger-arrow {
	height: 22px !important;
}

.ext-strict .ext-gecko .hsx-combobox .x-form-field-wrap .x-form-trigger,.ext-gecko .hsx-combobox .x-form-field-wrap .x-form-trigger,.hsx-combobox .x-form-field-wrap .x-form-trigger
	{
	height: 22px !important;
	padding-top: 2px;
}

.ext-strict .ext-safari .x-form-field-wrap.hsx-combobox .x-form-trigger,.ext-strict .ext-gecko .x-form-field-wrap.hsx-combobox .x-form-trigger
	{
	height: 21px !important;
}

.ext-strict .ext-safari .x-form-field-wrap.hsx-combobox-large .x-form-trigger
	{
	height: 30px;
}

.hsx-combobox-large .x-triggerfield-noedit {
	height: 30px !important;
	background-image: none;
}

.hsx-combobox-large .x-form-trigger.x-form-trigger-arrow,.hsx-combobox-large .x-form-trigger.x-form-date-trigger
	{
	background-position: 0 2px;
	height: 32px !important;
}
/*
.hsx-combobox-large .x-form-trigger.x-form-trigger-arrow {
	height: 33px !important;
}
*/
/*
	Menu button
*/
.hsx-menu-button-element-left {
	height: 13px;
	background-color: white;
	border-top-right-radius: 2px;
	border-style: solid;
	border-color: #CCCCCC;
	border-width: 1px 0px 1px 1px;
	padding: 4px;
	font-size: 1.055em;
	white-space: nowrap;
}

/*
	this is necessary to prevent making the font size multiple times bigger in grid cells 
*/
.x-grid3-cell-inner .hsx-menu-button-element-left {
	font-size: 1em;
}

.hsx-menu-button-element-right {
	height: 21px;
	width: 17px;
	background-color: white;
	background-image: url("../images/dropdown_arrow.gif");
	background-position: 0 -2px;
	border-bottom-right-radius: 2px;
	border-top-right-radius: 2px;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px 1px 1px 0;
	margin-left: -1px;
}

.hsx-grid-with-action-column td.x-grid3-cell-last {
	padding-top: 2px;
}

.hsx-single-action-button {
	border-top-right-radius: 0px;
	border-width: 1px;
}

.hsx-single-action-button .gwt-Label {
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
}

/*
	Action Popup menu
*/
.hsx-action-popup-menu {
	background-color: white;
	border-style: solid;
	border-color: #CCCCCC;
	border-width: 1px;
	/*border-radius: 0 0 2px 2px;*/
	z-index: 100;
}

.hsx-action-popup-menu .gwt-MenuBar table {
	border-spacing: 0;
}

.hsx-action-popup-menu-item {
	padding-left: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 1.055em;
	cursor: inherit;
}

.hsx-action-popup-menu .gwt-MenuItem-selected {
	background-color: #ebfbd2;
}

.hsx-action-popup-menu .hsx-multi-select-checkbox {
	padding: 5px;
	margin: 0px;
}

.hsx-action-popup-menu .hsx-multi-select-checkbox:HOVER {
	background-color: #EBFBD2;
}

.hsx-multi-select-button-container {
	padding: 5px;
	border-top: 1px solid #CCCCCC;
}

.hsx-refreshlink-container {
	margin-top: 4px;
}

.hsx-paging-container {
	margin-top: 4px;
	margin-right: 5px;
	padding-right: 8px;
	border-right: 1px solid #CCCCCC;
}

.hsx-centered-image {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.hsx-attachment-link {
	margin-left: 4px;
	vertical-align: top;
}

.hsx-multiselect-combobox-okbutton {
	margin-bottom: 4px;
}

.hsx-importjob-report-info-icon {
	margin-top: -4px;
	margin-right: 6px;
}

/* 	container for license information displayed in 
 	invitation complete supplier data workflow step 
 */
.hsx-invitation-license-information {
	margin-top: 18px;
}

/* 	container for license hint displayed in 
 	invitation complete supplier data workflow step 
 */
.hsx-invitation-license-hint {
	margin-top: 4px;
}

/* GXT style overrides */
.x-form-field.x-form-text,x-form-item-label {
	font-family: arial, sans-serif;
}

.x-btn {
	height: 30px;
	font-size: 1em;
}

.x-border-layout-ct,.x-panel-body {
	background-color: transparent;
}

.x-date-inner th {
	font: normal 1.0em arial, sans-serif;
}

.x-grid3-footer-row td,.x-ftree-text,.x-ftree2-text span,.x-date-mp td,.x-info-mc,.ext-el-mask-msg div,.x-tab-strip span.x-tab-strip-text,.x-form-invalid-msg,.x-small-editor .x-form-field,.x-btn,.x-btn button,.x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label,.x-grid3-hd-row .x-grid3-hd,.x-grid3-row .x-grid3-cell,.x-grid3-summary-row .x-grid3-cell,.x-grid3-topbar,.x-grid3-bottombar,.x-grid-empty,.x-dd-drag-ghost,.x-tree3-node-text,.x-date-inner a,.x-date-mp td,.x-date-mp-btns button,.x-tip .x-tip-mc,.x-tip .x-tip-body,.x-menu-list-item,.x-combo-list-small,.x-panel-mc,.x-panel-fbar td,.x-panel-fbar span,.x-panel-fbar input,.x-panel-fbar div,.x-panel-fbar select,.x-panel-fbar label
	/*.x-window-mc*/ {
	font: normal 1.0em arial, sans-serif;
}

.x-form-group-label,.x-form-cb-label,.x-menubar-item,.x-form-grow-sizer,.ext-safari .x-small-editor .x-form-field
	{
	font: normal 1.055em arial, sans-serif;
}

.x-window-mc,.x-window-dlg .ext-mb-textarea {
	font: normal 1.0em arial, sans-serif;
}

.x-form-item {
	font-size: 1.0em;
}

.x-form-field.x-form-text {
	font-size: 1.055em;
}

.x-form-label {
	font-size: 1.055em;
}

.x-form-item-label {
	font-size: 1.055em;
}

.x-combo-list {
	font-size: 1.0em;
	cursor: inherit;
}

.x-combo-list .x-combo-selected {
	cursor: inherit;
}

.x-triggerfield-noedit,.x-form-trigger.x-form-trigger-arrow,.x-form-trigger.x-form-trigger-arrow.x-form-trigger-over
	{
	cursor: inherit;
}

.x-item-disabled {
	cursor: inherit;
}

/* set size to 1em because this is a container element
*/
.x-menu-text {
	font: bold 1.0em arial, sans-serif;
}

.x-fieldset legend,.x-grid-group-hd .x-grid-group-div,.x-date-middle,.x-date-left,.x-date-right,.x-tip .x-tip-header-text,.x-combo-list-hd,.x-window-tl .x-window-header
	{
	font: bold 0.933em arial, sans-serif;
}

.x-info-header {
	font: bold 1.055em arial, sans-serif;
}

.x-progress,.x-date-days td,.x-date-left,.x-info-tl .x-info-header,.x-info-body,.my-list,.x-view-item,.x-view-item-check td,.my-tbl,.my-tbl-col-text,.my-tbl-data .my-tbl-item-cell-text,.my-treetbl-item-text span,.my-treetbl-col-text,.my-treetbl-data .my-treetbl-cell-text,.x-grid3-td-numberer div,.x-box-mc,.x-panel-header,.x-panel-tl .x-panel-header
	{
	font-family: arial, sans-serif;
}

/*
.hsx-button-grey .x-btn-tl,.hsx-button-grey .x-btn-tr,.hsx-button-grey .x-btn-tc,.hsx-button-grey .x-btn-ml,.hsx-button-grey .x-btn-mr,.hsx-button-grey .x-btn-mc,.hsx-button-grey .x-btn-bl,.hsx-button-grey .x-btn-br,.hsx-button-grey .x-btn-bc
	{
	background-image: url(../images/btnGrey.gif);
}

.x-btn-tl,.x-btn-tr,.x-btn-tc,.x-btn-ml,.x-btn-mr,.x-btn-mc,.x-btn-bl,.x-btn-br,.x-btn-bc
	{
	background-image: url(../images/btn.gif);
}

button.x-btn-text,x-btn button.x-btn-text {
	font-size: 1.0em;
}

.x-btn button {
	padding-left: 8px;
	padding-right: 8px;
}

.ext-gecko .x-btn button,.ext-webkit .x-btn button {
	padding-left: 5px;
	padding-right: 5px;
}

*/

button {
	border: 1px solid #bfbfbf;
	border-radius: 2px;
	background: linear-gradient(to bottom, #e7eff9 0%,#c1d1e0 100%);
	padding: 5px 10px;
	cursor: pointer;
	min-width: 70px;
	margin: 2px;
}

button:HOVER {
	background: linear-gradient(to bottom, #c1d1e0 0%,#84a3c1 100%);
}

button:disabled {
	cursor: default;
	background: linear-gradient(to bottom, #e7eff9 0%,#c1d1e0 100%);
}

button.hsx-button-grey {
	background: linear-gradient(to bottom, #dddddd 0%,#b1b1b1 100%);
}

button.hsx-dialog-box-button {
	float: right;
	margin-top: 10px;
}

.hsx-window-button-bar {
	position: absolute;
	bottom: 15px;
	right: 22px;
}

.hsx-bottom-container {
	position: absolute;
	bottom: 15px;
}

.x-window-bc .x-window-footer {
	font-size: 1.0em;
}

.x-modal {
	filter: alpha(opacity =     50);
	opacity: .5;
}

.x-window-tc,.x-window-tl,.x-window-tr,.x-window-bc,.x-window-bl,.x-window-br,.x-window-ml,.x-window-mr,.x-window-mc,.x-window-plain .x-window-mc,.x-window-plain .x-window-body,.x-panel-ghost,.x-panel-ghost .x-window-tl
	{
	background: none #EEEEEE !important;
	border: 0;
}

.x-window-mr {
	padding-right: 12px;
}

.x-window-ml {
	padding-left: 12px;
}

.x-window-tl,.x-window-tr {
	/*	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0; */
	
}

.x-window-bl,.x-window-br {
	/*border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;*/
	
}

.x-window-tl .x-window-header,.x-window-dlg .x-window-body {
	padding-left: 10px;
	padding-right: 15px;
}

.x-window-body {
	padding-left: 10px;
	padding-right: 10px;
}

.x-panel-fbar {
	float: right;
	padding-right: 10px;
}

.x-window-tl .x-window-header {
	color: #000;
	padding-top: 20px;
	padding-left: 15px;
}

.x-window-dlg .x-window-header-text,.x-window-header-text {
	font-size: 1.34em;
	font-weight: normal;
}

.x-tool {
	background-image: url(../images/tool-sprites.gif);
}

.x-tool-close {
	position: relative;
	top: -13px;
	left: 13px;
}

.x-panel-ghost {
	/*	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; */
	
}

.x-panel-ghost ul {
	border: 0;
}

/*
	Dropdown arrow in dropdown list / ComboBox:
	- set correct image
	- set margins to overlay it partly over input field (no right border)
*/
.x-form-field-wrap .x-form-trigger {
	background-image: url("../images/dropdown_arrow.gif");
	background-position: 0 0;
	border-width: 0;
	margin-right: 3px;
	margin-left: -4px;
	background-color: white;
	border-color: #84A3C1;
	border-style: solid;
	border-width: 1px 1px 1px 0;
}

/*
	Item text in a dropdownlist / combobox:
	- set height
*/
.ext-strict .ext-gecko .x-small-editor .x-form-field-wrap .x-form-trigger,.ext-gecko .x-small-editor .x-form-field-wrap .x-form-trigger,.x-small-editor .x-form-field-wrap .x-form-trigger
	{
	height: 30px !important;
	padding-top: 2px;
}

.ext-strict .ext-webkit .x-small-editor .x-form-field-wrap .x-form-trigger,.ext-webkit .x-small-editor .x-form-field-wrap .x-form-trigger
	{
	height: 30px !important;
	padding-top: 0px;
}

/*
	Item in a dropdownlist / combobox :
	- set font size
*/
.x-combo-list-item {
	font-size: 1.055em;
}

/*
	Item in a dropdownlist / combobox with mouse over:
	- set background color accordingly
*/
.x-combo-list-item.x-view-highlightrow {
	background-color: #ebfbd2;
}

/*
	Dropdown arrows in invalid fields:
	- should be red like the input field
*/
.ext-strict input.x-form-invalid+.x-form-trigger-arrow,input.x-form-invalid+img.x-form-trigger
	{
	border-color: #CC3300;
}

.x-form-invalid,textarea.x-form-invalid {
	background-image: none;
	background-color: #FFFFFF;
	border: 1px solid red;
}

/* Progress bar */
.x-progress-wrap {
	border: 2px solid #CCCCCC;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.x-window-dlg .x-progress-wrap {
	margin-top: 15px;
}

.x-progress-inner {
	background-color: #fff;
	background-image: none;
	height: 20px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.x-progress-bar {
	background-color: #CFF593;
	background-image: none;
	border: 0;
	height: 20px;
}

.x-progress-bar .x-progress-text {
	display: none;
}

.x-progress-text-back {
	color: #000;
}

.gwt-InlineLabel {
	float: none;
}

.gwt-CheckBox {
	display: block;
	margin: 5px 0px;
}

.gwt-CheckBox input {
	margin-right: 5px;
}

.gwt-CheckBox label {
	vertical-align: top;
}

.x-combo-list {
	font-family: arial, sans-serif;
}

.x-form-textarea {
	font-family: arial, sans-serif;
}

.gwt-Frame {
	border-width: 0 0 0 0;
}

.hsx-diagram {
	background-color: #FFF;
	overflow-x: hidden;
}

.hsx-diagram-toolbar {
	padding: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 3px;
	margin-bottom: 3px;
}

.hsx-diagram-title {
	padding: 6px;
	background-color: #EAEFF4;
}

.hsx-diagram-container {
	padding: 1px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

.hsx-paging-widget-for-grid {
	padding: 10px;
}

.x-grid3-header-offset {
	padding-left: 0px;
}

.hsx-registration-form-pnl .x-grid3-header {
	background-color: #C1D1E0;
}

.hsx-mapping-status-margin {
	margin-top: 70px;
}

.hsx-mapping-supplier-assign-button {
	min-width: 46px;
	font-size: 16px;
}

.hsx-mapping-supplier-assign-add-button {
	top: 80px;
}

.hsx-mapping-supplier-assign-remove-button {
	top: 160px;
}

.hsx-button-right-arrow {
	background-image: url(../images/button_right_arrow.png);
}

.hsx-button-left-arrow {
	background-image: url(../images/button_left_arrow.png);
}

.hsx-button-right-margin .x-btn-text {
	margin-right: 6px;
}

.hsx-button-left-margin .x-btn-text {
	margin-left: 6px;
}

.hsx-supplier-assignment-navigation {
	min-height: 200px;
}

.hsx-header-toolbar-listview.hsx-supplier-assignment-navigation {
	margin-top: 5px;
}

.hsx-supplier-assignment-navigation-title {
	text-align: center;
	margin-top: 3px;
}

.hsx-supplier-assignment-navigation-allContainer {
	margin-top: 7px;
}

.hsx-supplier-assignment-navigation-title {
	text-align: center;
}

.hsx-supplierassignment-statefilter {
	min-width: 128px;
}

.hsx-supplierassignment-searchfilter input {
	width: 150px;
}

.hsx-wordwrap {
	word-wrap: break-word;
}

/* 
	https://jira.heiler.com/browse/HSP-2457
	We don't want to see any third party toolbars like this. 
	They may cause problems displaying our web app (hidden parts at top of the browser client).
*/
iframe.apn-toolbar {
	display: none;
}

.gwt-Frame.hsx-contributed-frame-view {
	height: 100%;
	width: 100%;
	margin-top: 5px;
	z-index: -1;
	overflow: hidden
}

.gwt-Frame.hsx-contributed-frame-view.borderless {
	margin-top: 0px;
}

.hsx-contributed-frame-view-container {
	height: 100%;
	width: 100%;
}

.hsx-inactive-supplier-column {
	background: transparent url(../images/stop_small.png) no-repeat;
	padding-left: 20px;
}

/* GWT Error popups*/

.hsx-popup {
    background: #EEEEEE;
    padding: 25px 20px 15px 20px;
    border: 1px solid;
    box-shadow: 0px 0px 5px 5px #aaa;
    z-index: 3000;
}

.hsx-popup .dialogTop {
	font-size: 1.34em;
}

.hsx-popup-msg {
	display: block;
	margin: 10px 0 10px 0;
}

.hsx-popup-button {
	display: block;
	float: right;
	padding-left: 10px;
	padding-right: 10px;
}

.hsx-select-catalog-container {
  margin-bottom: 30px;
}

/* Popup Icons*/
.hsx-popup-error {
	padding-left: 45px;
	min-height: 35px;
	background: url(../images/icon-warning.gif) top left no-repeat;
}

.hsx-small-component-padding {
	padding: 3px 4px 3px 4px;
}

.hsx-small-component-margin {
	margin: 3px 4px 3px 4px;
}

.hsx-new-entity-container input {
	width: 100%;
}

.hsx-new-entity-container-div {
	display: block;
	padding: 0 20px 0 0;
	overflow: hidden;
	margin: 2px 0;
}

.hsx-scrollable-absolute-position {
	overflow: auto;
    position: absolute;
}

.x-window .hsx-edit-supplierfields-container {
	bottom: 55px;
	top: 0px;
    width: 90%;
}

/*
	Why do we need that here? Bug in FF? 
*/
.ext-gecko .x-window .hsx-edit-supplierfields-container {
	top: 40px;
}

.x-window .hsx-edit-userfields-container-new-user {
	bottom: 50px !important;
}

.hsx-break-all-words {
	word-break: break-all;
}

.hsx-field-column-margins {
	margin-right: 4px;
}

.hsx-checkbox-custom-field-margins {
	margin-top: 16px;
}

.hsx-field-column-margins .hsx-checkbox-custom-field-margins {
	margin-top: 23px;
}

.hsx-tooltip {
    padding: 2px 2px 2px 2px;
    z-index: 2001;
    background-color: white;
	border: 1px solid #CCCCCC;
	max-width: 380px;
	/*
	-webkit-box-shadow: 0px 2px 2px #CCC;
	box-shadow: 0px 2px 2px #CCC;
	*/
}

.hsx-tooltip-details {
   margin-left: 80px;
}

.hsx-tooltip-avatar {
    padding: 0px 0px 0px 0px;
    margin: auto auto;
    height: 75px;
    width: 75px;
}

.hsx-tooltip-email {
	color: #1754CD;
    padding: 2px 2px 2px 2px;
}

.hsx-tooltip-supplier {
    padding: 2px 2px 2px 2px;
}

.hsx-tooltip-username {
	font-size: 1.34em;
    padding: 2px 2px 2px 2px;
}

.hsx-tooltip-customfields {
	 padding: 2px 2px 2px 2px;
}

.hsx-tooltip-userdetails {
	 padding: 2px 2px 2px 2px;
}

.hsx-current-navigation-action {
	background-color: transparent;
}

.hsx-contributed-frame-panel {
	height: 100%;
}


/* Error pages */

.hsx-errorpage-content-title {
	line-height: 35px;
	font-size: 13px;
	padding-left: 10px;
}

.hsx-errorpage-content-description {
	margin: 5px 10px;
	line-height: 22px;
	padding-bottom: 5px;
}

.hsx-available-catalogs-list {
	overflow: auto;
	height: auto;
	max-height: 240px;
	margin-top: 10px;
}

/*
	Tasks
*/

.hsx-tasks-portlet-viewTasksButtonContainer {
	background-color: #fff;
	padding: 10px;
	padding-bottom: 0px;
	min-height: 30px;
}

.hsx-multi-select-suggest-checkbox{
	padding: 8px 0px 4px 6px;
    margin: 0;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hsx-multi-select-suggest-checkbox.gwt-CheckBox input{
	height: 12px;
	width: 12px;
}

.hsx-multi-select-suggest-checkbox:HOVER {
	background-color: #E5E5E5;
}

.hsx-broker-supplierSelection-container{
	padding-top: 20px;
}

.hsx-broker-supplierSelection-label{
	float: left;
    padding-top: 4px;
}

.hsx-broker-supplierSelection-dropDown{
	min-width: -webkit-fill-available;
    padding-left: 70px;
}

.hsx-broker-selection-popup-view {
    top: 40%;
    right: 40%;
    position: absolute;
    height: fit-content;
    width: 400px;
}


.hsx-broker-selection-close .x-tool, .x-tool-close, .x-tool-close-over {
 	visibility: hidden;
 }
 
 .hsx-import-error-close .x-tool-close {
  	visibility: visible;
 }

 /*
	Broker supplier selection Popup menu
*/

.gwt-PopupPanel.hsx-action-popup-menu-scroll {
	background-color: white;
	border-style: solid;
	border-color: #CCCCCC;
	border-width: 1px;
	overflow-y: overlay !important;
	padding-bottom: 8px;
	max-height: 150px;
	min-height: 40px;
}

.hsx-action-popup-menu-scroll .gwt-MenuBar table {
	border-spacing: 0;
}

.hsx-action-popup-menu-item-scroll {
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 2px;
	font-size: 11px !important;
	cursor: inherit;
	text-overflow: ellipsis;
	overflow-x: hidden;
	}

.hsx-action-popup-menu-scroll .gwt-MenuItem-selected {
	background-color: #CCCCCC;
}

 /*
	Header Broker supplier selection menu
*/

.gwt-PopupPanel.hsx-action-header-menu-scroll {
	background-color: white;
	border-style: solid;
	border-color: #CCCCCC;
	border-width: 1px;
	overflow-y: overlay !important;
	overflow-x: hidden !important;
	padding-bottom: 8px;
	max-height: 150px;
	min-height: 40px;
}

.hsx-action-header-menu-scroll .gwt-MenuBar table {
	border-spacing: 0;
}

.hsx-action-header-menu-item-scroll {
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 2px;
	font-size: 11px !important;
	cursor: inherit;
	text-overflow: ellipsis;
	overflow-x: hidden;
	max-width: 173px;
}

.hsx-action-header-menu-scroll .gwt-MenuItem-selected {
	background-color: #CCCCCC;
}