/** 
 * This file contains layout style properties for spark components:
 * fonts, dimensions, paddings and margins, positions.
 * General CSS document rules are written in spark.css file.
 *
 * Contents:
 *  1. ------------------------------- Page Content --------------------------------
 *  2. ------------------------------- Input Fields --------------------------------
 *  3. ------------------------------- Label Widgets -------------------------------
 *  4. ---------------------------------- Buttons ----------------------------------
 *  5. -------------------------------- File Upload --------------------------------
 *  6. -------------------------------- Field panel --------------------------------
 *  7. ----------------------------------- Menu ------------------------------------
 *  8. --------------------------------- Tab Bars ----------------------------------
 *  9. ------------------------------ Table Component ------------------------------
 * 10. ------------------------------- Modal Widgets -------------------------------
 * 11. ------------------------------- Message panel -------------------------------
 * 12. --------------------------------- Calendar ----------------------------------
 * 13. -------------------------------- Message Icon -------------------------------
 * 14. -------------------------------- Wizard Panel -------------------------------
 * 15. ------------------------------- Printing Rules ------------------------------
 */
 
/* (+) ------------------------------- Page Content -------------------------------- */
.border { padding-left: 5px;}
.noWrap { white-space: nowrap;}
.wordWrap {	white-space: normal;}
.wordWrap tr td { white-space: pre;}
.displayInline { display: inline-block;}
.paddingTop0px { padding-top: 0px;}
.paddingRight { padding-right: 5px;}
.alignMiddle { vertical-align: middle;}
.textRight { text-align: right;}
.displayNone { display: none;}
.notAvailablePlace { padding: 20px;}
tr.rowAlignTop>td,
tr.rowAlignTop>td>* {
	margin-top: 0px;
	vertical-align: top;
}
.marginBottom {	margin-bottom: 6px;}
.scrollMaxHeight180px {
	overflow: auto;
	max-height: 180px;
}
.scrollMaxHeight200px {
	overflow: auto;
	max-height: 200px;
}
.boldBig { font-size: 120%;}
.footerContacts {
	padding-top: 9px;
	width: 400px;
}
.footerContacts>*,
.footerContacts>a.spark-Anchor {
	white-space: nowrap;
	display: inline-block;
	margin-right: 4px;
	padding-left: 4px;
}
@external ptn_files_section;
.partnersPage .ptn_files_section { display: table-cell;}
.heading { padding-left: 17px;}
.h1 {
	font-size: 18pt;
	padding-top: 10px;
	padding-bottom: 10px;
}
.h2 {
	font-size: 14pt;
	padding-top: 5px;
	padding-bottom: 5px;
}
.headerSubject {
	font-size: 15px;
	margin-top: 20px;
	margin-bottom: 20px;
}
fieldset.sectionPanel>legend { font-size: large;}
.workHoursView { text-align: center;}
.frachtLogo {
	height: 35px;
	width: 138px;
	display: block;
	margin-top: 4px;
	margin-left: 10px;
}
.iconContact {
	display: inline-block;
	margin-left: 5px;
	padding-left: 5px;
	padding-right: 20px;
	line-height: 18px;
}
.locationFlag {
	vertical-align: middle;
	margin-bottom: 3px;
}
/* (-) ------------------------------- Page Content -------------------------------- */
/* (+) ------------------------------- Input Fields -------------------------------- */
.gwt-DateBox { width: 6em;}
.listTableDisplayOnly .spark-Field-displayOnly {
	padding-left: 3px;
	padding-bottom: 2px;
}
.spark-LocationWithAddressField-readonly strong,
.spark-LocationWithAddressField-displayOnly strong { font-size: 18px;}
.spark-LocationWithAddressField textarea {
	padding: 0px;
	margin-top: 2px;
}
.spark-LocationWithAddressField>table .spark-SuggestField {	height: 100%;}
.spark-LocationWithAddressField>table .spark-SuggestField:LAST-CHILD {
	min-height: 20px;
	height: auto;
}
.spark-LoadFactorField,
.spark-LoadFactorField + .spark-Field-displayOnly {
	text-align: right;
}
.oneRowTextAreaField {
	line-height: 16px;
	height: 17px;
}
.spark-TextAreaSuggestField { border-spacing: 0;}
.spark-TextAreaSuggestField td { padding: 0;}
.spark-TextAreaSuggestField .spark-SuggestField-arrow { height: 20px;}
.spark-TextAreaSuggestField .spark-SuggestField {
	width: 0px !important;
	height: 0px !important;
}
.spark-TextAreaSuggestField textarea {
	vertical-align: top;
	padding-bottom: 0px;
	padding-top: 0px;
	resize: vertical;
	width: 100%;
	min-height: 100%;
	height: 20px;
	line-height: 20px;
}
.spark-TimeField input {
	padding: 0px;
	height: 20px;
}
/* (-) ------------------------------- Input Fields -------------------------------- */
/* (+) ------------------------------- Label Widgets ------------------------------- */
.styleForLabel { font-size: 12px;}
.infoPopup-hint {
	font-size: 11px;
	padding-top: 4px;
}
.helpText {
	clear: left;
	font-size: 10px;
	line-height: 10px;
	margin-top: -2px;
}
.version-number {
	text-align: right;
	margin-right: 20px;
	margin-top: 8px;
	white-space: nowrap;
}
/* (-) ------------------------------- Label Widgets ------------------------------- */
/* (+) ---------------------------------- Buttons ---------------------------------- */
.scheduleButtonLeft,
.scheduleButtonRight {
	width: 16px;
	height: 65px;
}
/* Is still needed? */
.gwt-Button .gwt-InlineLabel,.gwt-Button .gwt-Image { vertical-align: bottom;}
.gwt-Button .gwt-Image { padding-right: 5px;}
.buttonExpand {
	width: 35px;
	height: 37px;
	display: block;
}
.buttonExpand .buttonImage { margin: 0px;}
.buttonHistorySmall {
	display: block;
	width: 16px;
	height: 16px;
	margin-top: 2px;
}
.buttonPurseSmall {
	display: block;
	width: 16px;
	height: 16px;
	margin-top: 2px;
}
.buttonMoneyYaltSmall {
	display: block;
	width: 16px;
	height: 16px;
	margin-top: 2px;
}
.iconButton {
	width: 16px;
	height: 16px;
	float: left;
}
.iconButton:hover {
	width: 16px;
	height: 16px;
	float: left;
}
/* Old version buttons */
.buttonImage, .cssButtonImage {
	width: 16px;
	height: 15px;
	display: block;
	margin-right: 5px;
}
.buttonImage {
	float: left;
	margin-top: 1px;
}
.cssButtonImageWrapper {
	position: absolute;
	top: 0px;
	height: 24px;
}
.cssButtonImageRight {
	margin-right: 0px;
	margin-left: 5px;
}
.anchorAddSuggest {
	display: inline-block;
	padding-left: 17px;
	height: 14px;
}
.anchorWithImage { white-space: nowrap;}
.anchorWithImage .buttonChange {
	width: 11px;
	height: 12px;
	margin-top: 2px;
}
.anchorWithImage .buttonCancelSmall,
.anchorWithImage:active .buttonCancelSmall {
	width: 16px;
	height: 15px;
	margin-top: 2px;
}
.anchorWithImage .buttonGotoSmall,
.anchorWithImage:active .buttonGotoSmall {
	width: 16px;
	height: 16px;
	margin-top: 2px;
}
.anchorWithImage .buttonPrintPdfSmall,
.anchorWithImage:active .buttonPrintPdfSmall {
	width: 16px;
	height: 16px;
	margin-top: 2px;
}
.anchorWithImage .buttonRemoveSmall
.anchorWithImage:active .buttonRemoveSmall {
	width: 13px;
	height: 12px;
}
/* (-) ---------------------------------- Buttons ---------------------------------- */
/* (+) -------------------------------- File Upload -------------------------------- */
/* (-) -------------------------------- File Upload -------------------------------- */
/* (+) -------------------------------- Field panel -------------------------------- */
.formViewListContainer {
	padding-top: 7px;
	padding-left: 5px;
}
.horizontalFieldsPanel td { padding-right: 3px;}
.verticalFieldPanel { display: inline;}
.verticalFieldsPanel .spark-Field-label {
	display: block;
	float: left;
	min-width: 100px;
}
.verticalFieldsPanel input {
	display: block;
	margin-bottom: 3px;
	margin-right: 3px;
}
.verticalFieldsPanel .spark-InfoButton { margin-right: 3px;}
.verticalFieldsPanelFieldGroup input { display: inline;}
/* (-) -------------------------------- Field panel -------------------------------- */
/* (+) ----------------------------------- Menu ------------------------------------ */
.menuLevel2 { padding-left: 20px;}
.menuLevel1 table,
.menuLevel2 table { border-collapse: collapse;}
.menuLevel2Panel {
	height: 35px;
	padding-right: 20px;
}
.menuLevel2Panel a { font-size: 12px;}
.menuLevel2Panel a,.menuLevel2Panel button { white-space: nowrap !important;}
.menuItem {
	position: relative;
	white-space: nowrap;
}
.menuLevel1 .menuItem {
	font-size: 16px;
	line-height: 50px;
	padding: 0px 13px 0px;
	border-collapse: collapse;
}
.menuLevel2 .menuItem {
	font-size: 12px;
	height: 30px;
	padding: 0px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
}
.menuPopup table,.menuPopup tbody {
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
}
.menuTransition {
	width: 35px;
	height: 50px;
	padding: 0px;
}
.rightMenu {
	height: 50px;
	widht: 80px;
}
.rightMenuItem {
	display: block;
	white-space: nowrap;
	padding: 5px 10px 0px 10px;
	height: 24px;
}
a.headerLinkCompanyDropDown .spark-Icon {
	font-size: 11px;
	padding-right: 6px;
	margin-right: 6px;
}
a.headerLinkLogout {
	float: right;
	height: 28px;
	width: 28px;
}
a.headerLinkHelp { padding-right: 20px;}
a.darkDropDownAnchor {
	padding: 4px;
	width: 12px;
	height: 11px;
	display: block;
}
.prmptActiveSplnName {
	display: inline;
	white-space: nowrap;
	font-size: 14px;
	padding-right: 10px;
}
.anchActiveSplnName {
	white-space: nowrap;
	font-size: 14px;
	padding-left: 30px;
	padding-right: 30px;
	display: inline;
}
.menuLevel1 .menuItem.headerLinkFrachtTrade {
	white-space: normal;
	line-height: 16px;
	width: 65px;
	padding-left: 50px;
}
.headerLinkFrachtTrade .headerLinkFrachtTradeIcon {
	position: absolute;
	left: 7px;
	top: 7px;
	width: 40px;
	height: 35px;
}
.planSystem {}
.planBasic {}
.planBasicPlius {}
.planProfessional {}
/** Legend **/
.legend { padding-top: 20px;}
.legend td,.legend td img {	vertical-align: middle;}
.legend td img { text-align: right;}
.legendPanel {
	position: relative;
	min-width: 840px;
}
.legendTable {
	display: block;
	border-spacing: 0;
	position: absolute;
	right: 0;
}
.legendTable td {
	height: 28px;
	padding: 0px;
}
.legendTable td div { margin-right: 5px;}
.legendTable td img {
	margin-left: 6px;
	margin-right: 4px;
	margin-top: 5px;
}
td.legendTableFirstCell {
	width: 29px;
	height: 28px;
}
td.legendTableLastCell {
	height: 28px;
	width: 29px;
}
/** ISO icons **/
.isoLogo {
	position: relative;
	height: 39px;
	width: 75px;
	display: block;
	margin-right: 10px;
	margin-top: 4px;
}
.isoLogoBig {
	position: absolute;
	display: inline-block;
	width: 150px;
	height: 78px;
	z-index: 100;
	bottom: 75%;
	right: 25%;
	overflow: visible;
}
/* (-) ----------------------------------- Menu ------------------------------------ */
/* (+) --------------------------------- Tab Bars ---------------------------------- */
.decoratedTabBar .gwt-TabBarFirst-wrapper { padding-right: 10px;}
.decoratedTabBar .gwt-TabBarItem {
	margin-left: 0px;
	margin-right: -12px;
	border-collapse: separate;
	position: relative;
	top: 1px;
	z-index: 0;
}
.decoratedTabBar .gwt-TabBarItem-selected {	z-index: 1;}
.decoratedTabBar .gwt-TabBarItem-selected .tabMiddleLeft,
.decoratedTabBar .gwt-TabBarItem-selected .tabMiddleRight,
.decoratedTabBar .tabMiddleLeft,
.decoratedTabBar .tabMiddleRight {
	width: 29px;
	height: 28px;
	display: block;
}
/* (-) --------------------------------- Tab Bars ---------------------------------- */
/* (+) ------------------------------ Table Component ------------------------------ */
.summaryCell { font-size: 12px;}
.spark-TableComponent-row .SummaryRow td { padding: 0px;}
.statusCodeQueryInput img { vertical-align: middle;}
/** Simple table **/
.simpleTable { border-spacing: 4px;}
.simpleTable tr:first-child td { height: 17px;}
.simpleTableWithPadding { padding: 10px 20px;}
/** Cell list with filter button bar **/
.cellListWithFilterButtonsBar {
	padding-top: 5px;
}
/* (-) ------------------------------ Table Component ------------------------------ */
/* (+) ------------------------------- Modal Widgets ------------------------------- */
.loadingSmall {
	width: 16px;
	height: 16px;
}
.alcsInfoPopup {
	font-size: 10pt;
	padding: 10px;
}
.hintPopup { font-size: 10px;}
.formPopupBody {
	padding: 5px;
	padding-right: 25px;
	min-height: 100px;
	max-height: 600px;
	min-width: 300px;
	max-width: 1000px;
	/* overflow: visible !important; */
}
.confirmationDialog {
	z-index: 2;
	max-width: 700px;
}
.feedbackPopup {
	padding: 10px;
	z-index: 10;
}
.feedbackPopup .gwt-Label {
	padding: 5px;
	font-size: 11pt;
}
.alcs-loading {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: -100px;
}
/* (-) ------------------------------- Modal Widgets ------------------------------- */
/* (+) ------------------------------- Message panel ------------------------------- */
/* (-) ------------------------------- Message panel ------------------------------- */
/* (+) --------------------------------- Calendar ---------------------------------- */
/* (-) --------------------------------- Calendar ---------------------------------- */
/* (+) -------------------------------- Message Icon ------------------------------- */
/* (-) -------------------------------- Message Icon ------------------------------- */
/* (+) -------------------------------- Wizard Panel ------------------------------- */
/* (-) -------------------------------- Wizard Panel ------------------------------- */
/* (+) ------------------------------- Printing Rules ------------------------------ */
/* (-) ------------------------------- Printing Rules ------------------------------ */