span.clearer {clear:both;overflow:hidden;height:0px;display:block;}
/* CUSTOM */

.pageBody:not(body) {
 background-color: #FFFFFF;
 margin:80px 0 20px 0;
}

.pageHeader:before{height:0!important;}

.cswLeftHeader {
 color:#515B71!important;
 font-weight:bold;
 min-width:80px;
 white-space: nowrap;
 vertical-align:top;
 text-align: left;
 border-left:1px solid #CCC;'
}

/* ----- */

.CSWBack{position:relative;}
.CSWBack .fieldWrapper{display:inline-block;text-align:left;padding:0 10px;width:19%;max-width:200px;box-sizing: border-box}
.CSWBack .fieldWrapper select { max-width: 200px; }
.CSWBack .fieldWrapperFullWidth { max-width:1050px; margin:10px auto 0;box-sizing: border-box;}
.CSWBack .fieldWrapper1_3Width, .CSWBack .fieldWrapper2_3Width { display:inline-block}
.CSWBack .fieldWrapper1_3Width { width:33%;max-width:350px; margin:10px auto 0;box-sizing: border-box;}
.CSWBack .fieldWrapper2_3Width { width:66%;max-width:700px; margin:10px auto 0;box-sizing: border-box;}
.CSWBack .fieldWrapper1_3Width input, .CSWBack .fieldWrapper2_3Width input { width: 85%;}
.CSWBack .fieldWrapperFullWidth strong { display:inline-block; width:10%; max-width:105px;text-align: left;}
.CSWBack .fieldWrapperFullWidth input { width:85%;max-width:885px;}
.CSWBack .fieldWrapper b, .CSWBack .fieldWrapper select{ display:block;margin:3px 0;}
.CSW{ margin:0 auto;border:1px solid #CCCCCC;box-shadow:none;border-collapse:separate;border-radius:5px;color:#1e1f23;}
.CSW .htmleditor{ color:#1e1f23;}

.CSW .selectWrapper{display:block; min-width:230px; white-space:nowrap;margin-bottom:2px;text-align:left;/*overflow:hidden;*/}
.CSW .selectWrapper .cswArrow{line-height:24px; margin-top:9px;}
.CSW .selectWrapper select{padding-top:2px;float:left;display:block;}
.CSW .selectWrapper .inputWrapper{display:block;float:left;text-align:left;}
.CSW .selectWrapper input[type=checkbox]{display:block;margin:7px 0 0 6px;}
.CSW .selectWrapper b{line-height:24px;display:block;float:left;text-align:left;min-width:75px;}
.CSW .selectWrapper b[role="user"]{line-height:24px;display:block;float:left;text-align:left;min-width:35px;}
.CSW .selectWrapper input[type=text]{float:left;display:block;}
.CSW u{color:#515B71;}
.actionComments{margin:10px auto; max-width: 1050px;}
.cswButtons{display:block;overflow:hidden;margin:0;}
/*.cswButtons > *{display:inline-block;margin:0 5px;}*/
.formSubmitButton{display:inline-block;margin:10px 5px 0;}

.CSW td[align=right]{text-align:right;}

/* ----- */

.CSWBack {
 text-align: center;
 background-color: #F0F0F0;
 padding-top: 2px;
 /*padding-bottom: 20px;*/
 width: 100%;
 min-width:850px;
 
}

table#costCenterStatistic tr td.gridCell{border-bottom:1px solid #CCCCCC!important;}
table#costCenterStatistic tr:last-child td.gridCell{border-bottom:none!important;}

.CSW {
 margin-top: 10px; 
 margin-left:auto; 
 margin-right: auto; 
 max-width: 1050px;
 width:100%;
 border: 1px solid #999A9A;
 background-color: white;
 box-shadow: 0 3px 2px #CCCCCC;
 border-spacing: 15px;
 color: #171919;
}
.CSW.CSWtab {
 border:none;
 box-shadow:none;
}

.CSW input {
 color:navy;
 border: 1px solid #F0F0F0;
}

.CSW input#state{width:100%;}

.CSW select {
 color:navy;
 border: 1px solid #aaa;
}

.CSW u {
 color:#212323;
 font-size: 18px;
}

.CSW textarea {
 font-family: robotoregular, 'trebuchet ms', arial, sans-serif;
 border: 1px solid #aaa;
}

.CSW .gridTable, .CSW table {
 width: 100%;
 margin: 0px 0px;
 border-spacing: 0px;
 border-collapse: collapse;
 font-size:13px;
}

.CSW .gridTable input {
 color:navy;
 border: none;
}

.CSW .gridTable td, .CSW .gridTable th, .CSW table.summaryStyle > tbody > tr > td {
 border: 1px solid #CCCCCC;
 padding: 2px 2px 2px 4px;
 position:relative;
 background-clip:padding-box;
 box-sizing: inherit;
}

.CSW .gridTable td > .formInputEdit {
}
.CSW table.summaryStyle > thead > tr > th.summaryCell, .CSW table.summaryStyle > tbody > tr > td.summaryCell {

}
.CSW .gridTable tr td:last-of-type .formInputContainer {
 width:100% !important;
}

.CSW .htmleditor {
 min-height: 20px;
 border: 1px solid #F0F0F0;
 margin-bottom: 10px;
 color: navy;
 font-size: 16px;
}

.CSW .htmleditor p {
 margin: 0px 0px;
 font-size: 16px;
}
 
.componentHolder .pageHeaderTable {
/* background-color: white; */ 
} 
/*** READONLY SUPPORT ***/

[readonly] {
 background-color: white;
 outline: none; 
}

.CSW input[readonly]:focus {
 background-color: white;
 box-shadow:none; 
}

.CSW input[readonly] {
 border: 1px solid white;
} 
 
.CSW .htmleditor[readonly] {
 border: 1px solid white;
}

.calcTableEdit {
 padding: 0px;
 box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.15), 0px 1px 0px #FFF inset;
 border-width: 1px;
 border-style: solid;
 border-color: #B6B6B6 #B6B6B6 #999;
 -moz-border-top-colors: none;
 -moz-border-right-colors: none;
 -moz-border-bottom-colors: none;
 -moz-border-left-colors: none;
 border-image: none;
 padding: 2px 4px 0px;
 white-space: normal;
 background: #CFD1CF linear-gradient(to bottom, #F5F5F5, #CFD1CF) repeat scroll 0% 0%;
 transition:opacity ease-in 400ms,width linear 200ms, height linear 200ms;
 width: 930px;
 height: 30px;
 overflow: hidden;
}
.calcTableEdit:after {
 content:'';
 display:block;
 clear:both;
}
.calcTableToolbar {
 float: left;
 margin: 0px 4px 3px 0px;
 border-width: 1px;
 border-style: solid;
 border-color: #A6A6A6 #A6A6A6 #979797;
 -moz-border-top-colors: none;
 -moz-border-right-colors: none;
 -moz-border-bottom-colors: none;
 -moz-border-left-colors: none;
 border-image: none;
 border-radius: 3px;
 box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 0px 2px rgba(255, 255, 255, 0.15) inset, 0px 1px 0px rgba(255, 255, 255, 0.15) inset;
 background: #E4E4E4 linear-gradient(to bottom, #FFF, #E4E4E4) repeat scroll 0% 0%;
}
.calcTableButton {
 display: inline-block;
 height: 18px;
 padding: 6px 6px 2px;
 outline: 0px none;
 cursor: default;
 float: left;
 border: 0px none;
 text-decoration:none;
 font-size:10px;
 color:#222;
 line-height:19px;
 font-weight: 400;
 text-transform: uppercase;
 letter-spacing: -0.4px;
}
/*--------*/
.calcTableButton.inline {
 display: inline-block;
 float: none;
 height: 20px;
 vertical-align: top;
 text-align: center;
 line-height: normal;
 color: #333333;
 margin: 2px 3px;
 border-radius: 4px;
 text-transform: uppercase;
 font-size: 13px;
 cursor: pointer;
 border: none!important;
 padding: 2px 5px 2px 3px!important;
 font-family: 'Roboto',sans-serif;
}
/*--------*/
.calcTableToolbar span.textLeft {
 padding-left:4px;
}
.calcTableToolbar span.textRight {
 padding-right:4px;
}
.calcTableToolbar span.textBoth {
 padding:0 4px;
}
a.calcTableButton:hover  {
 box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3) inset;
 background: #CCC linear-gradient(to bottom, #F2F2F2, #CCC) repeat scroll 0% 0%;
}

a.calcTableButton.active{
 box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.7) inset, 0px 1px 0px rgba(0, 0, 0, 0.2);
}
.calcTableButtonIcon {
 cursor: inherit;
 background-repeat: no-repeat;
 margin-top: 1px;
 width: 16px;
 height: 16px;
 float: left;
 display: inline-block;
}
#showTable {
 background: transparent url("../images/icons.png") no-repeat scroll 0px -2064px !important
}
#showDescription, a#description1 {
  width: 16px;
  height: 16px;
  /*background: transparent url("../images/icons.png") no-repeat scroll 2px -887px !important;*/
  margin-top:1px;
  border:1px solid transparent !important;
 }
a#description1:before {
 content:'';
 display:inline-block;
 width: 16px;
 height: 16px;
 background: transparent url("../images/icons.png") no-repeat scroll 0px -888px !important;
}
a#description1:hover, a#description1.active {
 box-shadow: none !important;
 background: transparent linear-gradient(to bottom, #FFD58B 0%, #FFAE56 100%) repeat scroll 0% 0% !important;
 border: 1px solid #0C087F !important;
 box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3) inset !important;
}
#commentGroup1 span.calcTableButton {
 display:none;
}
.cke_inner .cke_top {
 padding: 2px 4px 0px;
}
.cke_inner .cke_toolgroup {
 margin: 0 4px 3px 0;
}

#gridTableContainer.hidden, textarea.hidden {
 display:none;
}
.gridTable textarea {
 width:100% !important;
 white-space:pre;
 font-size:12px;
}
.ui-autocomplete, .ui-autocomplete * {
 box-sizing:border-box;
 border-radius:0 !important;
}
.ui-autocomplete {
 width:885px !important; /* */
 border:1px solid #333;
 padding:0;
 overflow-x: hidden;
}
.ui-autocomplete .ui-corner-all {
 border:none;
}
.ui-autocomplete .ui-state-hover {
 background: #ECF4FC;
 color: #000080;
 margin:0 !important;;
}
a.deleteRow {
 font-weight: 700;
 font-size: 16px;
 color: #777;
 display: inline-block;
 padding-left: 9px;
 position: absolute;
 width: 10px;
 overflow: hidden;
 box-sizing: border-box;
 transition:width ease-out 500ms;
 margin-left:-5px;
 right:-15px;
 top:10%;
}
a.deleteRow:hover {
 cursor:pointer;
 color:red;
}
tr:hover > td > a.deleteRow {
 width:22px;
}

.editMode .CSW .inputField {
 border:1px solid #aaa;
 box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
 position:relative;
 line-height: 1;
 display:inline-block;
 min-width:20px;
 margin:0 5px;
 box-sizing:border-box;
 padding: 0 2px 0 0;
}

.editMode .CSW .inputField:focus {
 border-color:#04B70C;
}
.editMode .CSW .inputField::selection {
 border-color:#007EFD;
}
.editMode .CSW .inputField:hover {
 background-color:#aaa;
}
.editMode .CSW .inputField.inputExpression {
 /*width:25px;*/
}
.editMode .CSW .inputField:before {
 content: '|';
 display:inline-block;
 visibility:hidden;
 margin-left:-6px;
}
.editMode .CSW .inputField:hover:after {
 /*content: attr(id);*/
 background-color:#fff;
 display:inline-block;
 height:100%;
 /*width:24px;*/
 font-size:12px;
 font-weight: 400;
 color:#666;
 margin-left:5px;
 padding:2px;
 position:absolute;
 right:-24px;
 top:-2px;
 box-shadow:1px 1px 2px rgba(0,0,0,0.4);
}
.editMode .CSW .inputField.totalPriceField:hover:after {
 left:0px;
 margin-left:0;
 top:-25px;
}
.editMode .CSW .inputExpression:hover,.editMode .CSW .totalPriceField:hover {
 cursor:context-menu;
}
.editMode #situationText,.editMode #dataText,.editMode #paymentText,.editMode #solutionText {
 border:1px solid #EFEFEF;border-radius:5px;width:100%;/*text-indent:5px;*/
}

.fieldHeader{font-size:19px;font-weight:600;padding:5px 0;color:#171919;}
/*.cke {
 opacity:0.1;
 transition:opacity ease-out 200ms;
}
.cke:hover {
 opacity:1;
}*/

#cktoolbarContainer {
 margin-top:0;
 background:transparent;
 width: 960px !important;
 position: absolute;
 margin-left: -465px;
 left: 50%;
 top:3px;
 border-top: 1px solid #B1CCF8 !important;
 border-bottom: 1px solid #4D74AE !important;
 height: 33px !important;
 background: transparent linear-gradient(to bottom, #D1E4FC 0%, #81A9E2 100%) repeat scroll 0% 0% !important;
 overflow:visible;
 box-shadow: 1px 2px 3px rgba(0,0,0,0.5);
}
#editorHider {
 width: 880px;
 position: absolute;
 opacity:0.6;
 height:31px;
 background: transparent linear-gradient(to bottom, #D1E4FC 0%, #81A9E2 100%) repeat scroll 0% 0% !important;
 z-index:999;
 margin-top: 1px;
}
#calcTableControlContainer {
 position:absolute;
 left:-50px;
 top:32px;
 z-index:50;
 overflow: hidden;
 width:1030px;
 box-shadow: 1px 2px 3px rgba(0,0,0,0.5);
}
#calcTableControlContainer .calcTableEdit {
 width:1030px;
}
#calcTableShowButtonContainer {
 position:absolute;
 right:5px;
 z-index:50;
 top:3px;
}
.cke.cke_chrome {
 border:none;
}
.cke_inner {
 background:transparent !important;
}
.cke_top,.calcTableEdit {
 border-top:1px solid #B1CCF8 !important;
 border-bottom: 1px solid #4D74AE !important;
 background: #d1e4fc; /* Old browsers */
 background: -moz-linear-gradient(top, #d1e4fc 0%, #81a9e2 100%) !important; /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d1e4fc), color-stop(100%,#81a9e2)) !important; /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top, #d1e4fc 0%,#81a9e2 100%) !important; /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top, #d1e4fc 0%,#81a9e2 100%) !important; /* Opera 11.10+ */
 background: -ms-linear-gradient(top, #d1e4fc 0%,#81a9e2 100%) !important; /* IE10+ */
 background: linear-gradient(to bottom, #d1e4fc 0%,#81a9e2 100%) !important; /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1e4fc', endColorstr='#81a9e2',GradientType=0 );
}
a.cke_button,.calcTableButton {
 padding: 2px 3px !important;
}
a.cke_button_off,a.cke_button_disabled,.calcTableButton {
 border:1px solid transparent !important;
}
a.cke_button_off:hover, a.cke_button_off:focus, a.cke_button_off:active, a.cke_button_disabled:hover,
a.cke_button_disabled:focus, a.cke_button_disabled:active,a.cke_button_on,a.cke_button_on:hover, a.cke_button_on:focus,
a.cke_button_on:active, a.calcTableButton.active, a.calcTableButton:hover, a.calcTableButton.active {
 background: #ffd58b; /* Old browsers */
 background: -moz-linear-gradient(top, #ffd58b 0%, #ffae56 100%) !important; /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd58b), color-stop(100%,#ffae56)) !important; /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top, #ffd58b 0%,#ffae56 100%) !important; /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top, #ffd58b 0%,#ffae56 100%) !important; /* Opera 11.10+ */
 background: -ms-linear-gradient(top, #ffd58b 0%,#ffae56 100%) !important; /* IE10+ */
 background: linear-gradient(to bottom, #ffd58b 0%,#ffae56 100%) !important; /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd58b', endColorstr='#ffae56',GradientType=0 );
 border:1px solid #0C087F !important;
 box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3) inset !important;
}
#calcTableControl #columnsToolbar a.calcTableButton, #calcTableControl #totalColumnsToolbar a.calcTableButton {
 border-color:#4D74AE !important;
}
#calcTableControl #columnsToolbar a.calcTableButton:not(:first-of-type), #calcTableControl #totalColumnsToolbar a.calcTableButton:not(:first-of-type) {
 border-left:none !important;
}
/*#calcTableControlContainer .calcTableToolbar {
 border:1px solid #0C087F !important;
}
#calcTableControlContainer .calcTableToolbar a.calcTableButton:hover, #calcTableControlContainer .calcTableToolbar a.calcTableButton.active {
 border-top-color:transparent !important;
 border-bottom-color:transparent !important;
}
#calcTableControlContainer .calcTableToolbar a.calcTableButton:last-of-type:hover {
 border-right-color: transparent; !important;
}
#calcTableControlContainer .calcTableToolbar a.calcTableButton:first-of-type:hover {
 border-left-color: transparent; !important;
}*/
.cke_ltr .cke_button:first-child, .cke_rtl .cke_button:last-child,.cke_ltr .cke_button:last-child, .cke_rtl .cke_button:first-child  {
 border-radius:0 !important;
}
.cke_toolgroup,.calcTableToolbar {
 background:transparent !important;
 border:none !important;
 box-shadow: none !important;
}
.calcTableToolbar {
 border:1px solid transparent !important;
 /*box-shadow: 0 0 3px #aeeaee, 0 0 2px rgba(0,0,0,0.5) inset !important;*/
 border-radius:0;
 height:24px;
 line-height:25px;
}
a.cke_combo_button {
 background: #dbe9f9; /* Old browsers */
 background: -moz-linear-gradient(top, #dbe9f9 0%, #9fbae0 100%) !important; /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbe9f9), color-stop(100%,#9fbae0)) !important; /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top, #dbe9f9 0%,#9fbae0 100%)!important; /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top, #dbe9f9 0%,#9fbae0 100%) !important; /* Opera 11.10+ */
 background: -ms-linear-gradient(top, #dbe9f9 0%,#9fbae0 100%) !important; /* IE10+ */
 background: linear-gradient(to bottom, #dbe9f9 0%,#9fbae0 100%) !important; /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbe9f9', endColorstr='#9fbae0',GradientType=0 );
 border: 1px solid transparent !important;
 box-shadow:none !important;
 margin: 0 6px 1px  0 !important;
}
#calcTableControl {
 height:29px !important;
}
#firstButton, #secondButton {
 border:1px solid transparent !important;
 box-shadow:none !important;
}
#firstButton {
 border:none !important;
}

.cswArrow img {
 position: absolute;
 top: -1px;
}
 
.cswArrow {
 width: 20px;
 position: relative;
 text-align: left;
 display: inline-block;
 vertical-align: top;
}

.cke_panel {
 border: 1px solid #4D74AE !important;
}
.cke_panel_grouptitle {
 background: #d1e4fc; /* Old browsers */
 background: -moz-linear-gradient(top, #d1e4fc 0%, #81a9e2 100%) !important; /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d1e4fc), color-stop(100%,#81a9e2))!important; /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top, #d1e4fc 0%,#81a9e2 100%) !important; /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top, #d1e4fc 0%,#81a9e2 100%) !important; /* Opera 11.10+ */
 background: -ms-linear-gradient(top, #d1e4fc 0%,#81a9e2 100%) !important; /* IE10+ */
 background: linear-gradient(to bottom, #d1e4fc 0%,#81a9e2 100%) !important; /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1e4fc', endColorstr='#81a9e2',GradientType=0 );
}

.actionCommentPreview {
 max-width: 1050px;
 width: 99%;
 text-align: left;
 border: 1px solid gray;
 font-size: 16px;
 font-family: Roboto, sans-serif;
 padding: 4px;
 padding-left: 10px;
 background-color: #FFF9BF;
}
.actionCommentPreview td

#deliveryApprovalComment,
#actionComment, .previousNote {
 /*max-width: 1050px;*/
 width: 90%;
 height: 420px;
 font-size: 16px;
 font-family: Roboto, sans-serif;
}
.previousNote {
 background-color: #FFF9BF;
 height: auto;
 margin: 10px auto 14px;
 padding: 6px 3px 3px 7px;
 text-align: left;
 border-top: 1px solid grey;
 border-bottom: 1px solid grey;
 position:relative;
}
.previousNote .heading {
 font-size: 10pt;
 text-transform: uppercase;
 margin-left:6px;
}
#fullDeliveryConfirmationStatus{
 font-weight: 700;
 border:none;
}

span.inputField {
 text-indent: 2px;
}
.cke_menu_panel {
 width:165px !important;
}
.editMode .CSW span.inputField.paymentTypeField, .editMode .CSW span.inputField.ckSelect {
 padding-right:15px;
 cursor:pointer;
}
.editMode .CSW span.inputField.paymentTypeField::after, .editMode .CSW span.inputField.ckSelect::after {
 content: ' ';
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 6px 4px 0 4px;
 border-color: #007bff transparent transparent transparent;
 display:block;
 position:absolute;
 right:2px;
 top:5px;
}

.editMode .CSW span.inputField.paymentTypeField:hover::after, .editMode .CSW span.inputField.ckSelect:hover::after {
 content: ' ';
 background-color:transparent;
 display:inline-block;
 height:0;
 /*width:24px;*/
 font-size:12px;
 font-weight: 400;
 color:#666;
 margin-left:0;
 padding:0;
 border-color: #78d8ff transparent transparent transparent;
 box-shadow:none;
 right:2px;
 top:5px;
}
.paymentTypePopup, .ckSelectPopup {
 position:absolute;
 text-align:left;
 z-index:100;
 margin-top:17px;
 border:1px solid #999;
 box-shadow:1px 2px 3px rgba(0,0,0,0.5);
}
.paymentTypePopup div, .ckSelectPopup div {
 cursor:pointer;
 padding:0 3px;
 background-color:white;
}
.paymentTypePopup div.selected, .ckSelectPopup div.selected {
 background-color:#78d8ff;
}
.paymentTypePopup div:hover, .ckSelectPopup div:hover {
 background-color:#007bff;
 color:white;
}
.htmleditor ul, .htmleditor ol {
 padding-left:23px;
}
.htmleditor ul li, .htmleditor ol li {
 font-size:16px;
}
.cke_dialog .realLinkPreview {
 text-decoration:underline;
 cursor:pointer;
 font-weight:700;
}
.cke_dialog .realLinkPreview:hover {
 font-weight:700;
 color:#007bff;
}

td[id^="a-c-note-"] {
 display: block;
 max-width: 150px;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 padding-top: 13px;
}


.delivery .productTable .mainRow td {
 border-bottom: none;

}

.delivery .productTable .mainRow td,
.delivery .productTable .mainRow td input {
 background-color:#F1FAFE;
} 

.productTable td, .productTableSummary td {
 background-color:white;
 box-sizing:border-box;
}
.productTable tbody.ui-state-highlight td, .productTableSummary tbody.ui-state-highlight td {
 background-color:#FFE4AC;
}
.productTable .deleter {
 /*top: 5px;*/
}
.productTable .deleter, .productTable .tic-deleter {
 /*right:-14px;*/
 font-size:12px;
}
.productTable tbody.filled .deleter:hover, .productTable tbody.filled .tic-deleter:hover {
 color:red;
}
.productTable tbody.filled .dragHandle {
 left: -14px;
 font-size:12px;
}
div.hidden {
 display:none;
}
.summaryRow td {
 width:100px;
}
.summaryRow td.percentCell {
 width:50px;
 /*background-color:#eee;*/
 border: 1px solid #ccc;
}
.summaryRow td.percentCell input {
 /*background-color:#eee;*/
}
.gridTable td, .gridTable th, table.summaryStyle > tbody > tr > td {
 border: 1px solid #CCCCCC;
 padding: 2px 2px 2px 4px;
 position:relative;
 background-clip:padding-box;
}
.wfCalcTable .productTableSummary {
 width:25% !important;
 float:right;
 margin-top:-1px;
 /*clear:both;*/
 margin-left:127px;
 margin-right:21px;
}
.wfCalcTable .productTableSummary.readonly {
 margin-right:0;
}
.wfCalcTable tr:not(.mainRow) td.deleterColumn {
 display:none;
}
/*.wfCalcTable::before {
 content:'';
 display:block;
 position:absolute;
 right:0;
 top:0;
 bottom:0;
 width:1px;
 background-color:white;
}*/
.wfCalcTable .productTable .deleterColumn {
 width:14px;
}
.wfCalcTable .productTable th.deleterColumn {
 display:none;
}
/*.wfCalcTable .additionalControlStructure .productTableSummary:nth-of-type(1) {
 float:none;
 position:absolute;
 left:37.5%;
 margin-left:0;
}
.wfCalcTable .additionalControlStructure .productTableSummary:nth-of-type(2) {
 float:none;
 positioN:absolute;
 left:0;
 margin-left:0;
}*/
.wfCalcTable .productTableSummary.exchangeRateTable th, .additionalControlStructure table.convertedTable th {
 width:146px;
}
.wfCalcTable .productTableSummary.exchangeRateTable td, .additionalControlStructure table.convertedTable td {
 width:100px;
}
.wfCalcTable .productTableSummary.exchangeRateTable td input, .wfCalcTable .productTableSummary.exchangeRateTable td select, .additionalControlStructure table.convertedTable input {
 width:100%;
}
.wfCalcTable .productTableSummary th {
 padding-left:5px;
 /*background: white;
 color:black;*/
 width:80px;
}
.wfCalcTable .productTableSummary th[colspan="2"] {
 width:130px;
}
.wfCalcTable tfoot td {
 background: transparent linear-gradient(to bottom, #F7FCFF 0%, #CAEEF7 100%) repeat scroll 0% 0%;
 color: #515B71;
}
.wfCalcTable tfoot td input, .wfCalcTable tfoot td input:focus {
 background:transparent !important;
 border:none !important;
}
.productTable > tbody:not(.filled) td input {
 color:#888;
}
/*.productTableSummary tbody:first-child tr td,
.productTableSummary tbody:first-child tr th, .productTableSummary {
 border-top:none !important;
}*/
a.calcTableButton:not(:first-of-type) {
 border-left: medium none !important;
}
.gridSummaryCell {

}
.gridSummaryCell input:before {
 display:inline-block;
 position:absolute;
 left:0;
 top:5px;
}
.inputField {
 position:relative;
}
#fieldTooltip {
 position:absolute;
 background-color:white;
 border:1px solid #999;
 font-size:9px;
 /*width:70px;*/
 height:22px;
 top:-30px;
 left:-1px;
 padding:3px;
 text-indent:0;
 /*box-shadow: 0px 0px 5px white, 1px 1px 1px rgba(0,0,0,0.4);*/
}
#fieldTooltip span {
 color:#888;
}
#fieldTooltip.oneRow {
 height:11px;
}

.cswCostCenterDataHeader {
 text-align: left;border-left:1px solid #CCC !important;
} 

.cswCostCenterDataCell {
 text-align: right;border-left:1px solid #CCC !important;border-bottom:1px solid #CCC;
} 

.tmContactPicker.ui-autocomplete-loading {
 background: white url('../../wfEngine/images/notify-loader.gif') 50% center no-repeat;
}
.exchangeRateTable.currencySelect.selecting {
 background: white url('../../wfEngine/images/notify-loader.gif') 50% center no-repeat;
}

/** costCenterStatistic **/

.costCenterStatistic {
 font-size: 10px;
 border-top: 1px solid #CCC;
 border-right: 1px solid #CCC;
 border-spacing: 0px;
 border-collapse: separate;
}
.costCenterStatistic th {
 text-align: center;
 vertical-align: bottom;
 border-left: 1px solid #CCC;
 border-bottom: 1px solid #CCC;
 padding: 5px;
}

.costCenterStatistic td:first-child {
 text-align: left;
} 

.costCenterStatistic td {
 text-align: right;
 border-left: 1px solid #CCC;
 border-bottom: 1px solid #CCC;
 white-space: nowrap;
 padding: 5px;
}


.costCenterStatistic .greenColor {
 background-color: #B4CEAD;
 border-left: 1px solid darkgreen;
}

.costCenterStatistic .orangeColor {
 background-color: #FFCB8C;
 border-left: 1px solid darkgreen;
}

.costCenterStatistic .blueColor {
 background-color: #56CCFF;
 border-left: 1px solid darkgreen;
}

.costCenterStatistic .purpleColor {
 background-color: #927CFF;
 border-left: 1px solid darkgreen;
}

term {
 background-color:purple;
 color:white;
}

table.productTable button[disabled] {
 cursor:not-allowed;
 opacity:0.6;
 display:none;
}
table.productTable button[disabled]:hover {
 opacity:0.6;
 background-color:#068dcd !important;
}

.CSW table.tableInCell {
 border: 0px solid #CCCCCC;
 position: relative;
 margin-bottom: 10px;
 background-color: white;
 background-clip: padding-box;
}
table.productTable td[data-column=delivery], table.productTable td[data-column=payment] {
 padding:0;
 border:0;
}

table.productTable table.tableInCell {
 /*border:none;
 border-top: 1px solid #CCCCCC;
 border-bottom: 1px solid #CCCCCC;*/
 border:2px solid #cccccc;
 margin:0px 0px 0px 0px;
 width: 100%;
 background-color: white;
}
table.productTable table.tableInCell.empty {
 margin:0;
}

table.tableInCell th.noBg {
 background:transparent;
}
table.tableInCell th {
 letter-spacing: -1px;
}
table.tableInCell th, table.tableInCell td.gridSummaryCell {
 background: linear-gradient(to bottom, #fff 0%,#aaa 100%);
}
/*table.tableInCell td {
 border:1px solid #CCC;
}*/
table.tableInCell td:first-child, table.tableInCell th:first-child {
 border-left:none;
}
table.tableInCell td:last-child, table.tableInCell th:last-child {
 border-right:none;
}

table.tableInCell td input, table.tableInCell td textarea, table.tableInCell td label, table.tableInCell td span {
 height:24px;
}
table.tableInCell input[type=checkbox], table.tableInCell input[type=radio] {
 height:15px;
 width:15px;
 margin:5px;
 display:inline-block;
}
table.tableInCell td textarea {
 height:25px;
 min-height:25px;
 overflow:hidden;
 font-family:'Roboto',sans-serif;
 border:none;
 padding-top: 6px;
 white-space: normal;
}
table.tableInCell td input[readonly], table.tableInCell td textarea[readonly] {
 color:#888;
}
table.tableInCell tfoot td {
 background:transparent;
}
table.tableInCell td.alignCenter {
 text-align:center;
}
table.tableInCell td button {
 height: 24px;
 font-size: 13px;
 min-width:30px;
 font-weight:400;
}

table.tableInCell span.fullySomethingStatus {
 padding-left: 10px;
 font-weight: 700;
}


table.tableInCell span.otherStatus {
 padding-left: 10px;
 font-weight: 700;
}

table.tableInCell span.warningStatus {
 padding-left:10px;
 color:red;
}

table.productTable tbody {
 border:1px solid #ccc;
}
table.productTable tbody table.tableInCell tbody {
 border:none;
}
/*table.tableInCell thead, table.tableInCell tbody, table.tableInCell tfoot {
 border:none;
}*/

table.productTable tbody:empty, table.tableInCell:empty {
 display:none;
}

tbody td[data-column=delivery] {
 display:none !important;
}
tbody.filled td[data-column=delivery] {
 display:table-cell !important;
 padding: 0px 0px 0px 5px;
 background-color: #F1FAFE !important;
 /* border-bottom: 3px solid brown !important; */ 
 /* background-color: brown !important; */
}

tbody.filled td[data-column=delivery]:empty {
 padding:0;
}

.CSW .cswFinancial {
 width: 100%; 
 border-spacing: 4px; 
 border-collapse: none;
 background-color: #FFFEE5; 
}

.CSW .cswFinancial td {
 white-space: nowrap;
}

.CSW .cswFinancial td[role="valx"] {
 border-left: 1px solid grey;
}
 
.CSW .cswFinancial td {
 margin: 4px;
 padding: 4px;
}

.productTable td[data-column=productControls] button {
 font-size: 14px;
 font-weight: 400;
 min-width: auto;
 height: auto;
 padding: 2px 4px;
}

table.exchangeRateTable.productTableSummary {
 clear: both;
 margin: 15px 1px;
}
.editMode table.exchangeRateTable.productTableSummary {
 margin-right:21px;
}
/*.ajaxCSW table.exchangeRateTable.productTableSummary {
 margin-right: 389px;
}*/
.tableInCell tbody:empty + thead, .tableInCell tbody:empty + thead + tfoot {
 display:none;
}

.cswBackTop .chzn-container-single .chzn-single {
 height: 24px;
 padding: 0 0 0 4px;
}
.fileuploadBox {
 position:relative;
}
.fileuploadBox.popup {
 display:none;
 position: fixed;
 top: 30%;
 z-index: 1000;
 background: white;
 padding: 10px 0 10px 10px;
 box-shadow: 0 0 3px #666;
 left: 50%;
 width:600px;
 margin-left:-300px;
}
.fileuploadBox h2 {
 text-align:center;
 padding-bottom: 8px;
}
.fileuploadBox .fileuploadParamFieldgroup {
 width:50%;
 float:left;
 padding-right:10px;
 box-sizing: border-box;
 position:relative;
}
.fileuploadBox .fileuploadParamFieldgroup.documentDate, .fileuploadBox .fileuploadParamFieldgroup.documentValue {
 width:25%;
}
.fileuploadBox .fileUploadErrors {
 clear:both;
}
.fileuploadBox label {
 width:45%;
 display:inline-block;
 height:auto !important;
}
.fileuploadBox .fileuploadParam, .fileuploadBox .fileuploadInputJakoby[type=text] {
 display:inline-block;
 margin-bottom:1%;
}
.fileuploadBox h2 + .fileuploadInputJakoby + input.fileuploadInput,
.fileuploadBox h2 + label + .fileuploadInputJakoby + input.fileuploadInput {
 top:42px;
}
.fileuploadBox input.formatNumber[type=text], .fileuploadBox input.formatPercent[type=text], .fileuploadBox input.formatPrice[type=text] {
 text-align:right !important;
}
.fileuploadBox select.fileuploadParam {
 width:100%;
}
.fileuploadBox textarea.fileuploadParam {
 border: 1px solid #aaa !important;
 height:65px !important;
}
.fileuploadBox button.uploadConfirmButton {
 display:block;
 margin: 10px auto 3px;
 font-weight: 700;
 padding: 8px 6px;
 height: auto;
}
.fileuploadBox button.uploadCloseButton {
 display: inline-block;
 position: absolute;
 top: 0px;
 right: 10px;
 margin: 10px auto 3px;
 font-weight: 700;
 padding: 1px 6px;
 background-color: white;
 color: #666;
 border: 1px solid #ddd;
 font-size: 20px;
}
.fileuploadBox button.uploadConfirmButton[disabled] {
 display:block;

}
.fileuploadBox p.warning {
 color:red;
 text-align:center;
}


.fileuploadProgress {
 width:98%;
 height:0px;
}
.fileuploadProgress .progress {
 width:0;
 height:100%;
 background: transparent url('../images/progressbar.gif') repeat;
}
input.fileuploadInput[type=file]::before {
 content:'';
 display:none;
}
.fileuploadBox input.fileuploadInput[type=file], .fileuploadBox input[type=text] {
 border: 1px solid #aaa !important;
 height: 21px;
 text-align: left !important;
}
.fileuploadBox input.fileuploadInput[type=file] {
 position:absolute; right:10px; top:12px;
 opacity:0;
 height:27px;
}
table.tableInCell td button.fileuploadButton {
 background:white !important;
 color:#aaa;
 /*border:1px solid #ddd;
 width:20%;*/
 position: absolute;
 right: 5px;
 /*left:8px;*/
 padding:0;
 min-width:20px;
 top:2px;
 font-weight:700;
 font-size:20px;
 transition:color 200ms ease-in;
}
.fileuploadFilesContainer {
 display:inline-block;
 width:70%;
 padding:1px 0 0;
 position:relative;
}
.fileuploadFilesContainer.readonly {
 width:100%;
}
.fileuploadFilesContainer .fileGroup {
 font-size:13px;
 padding:2px 4px 0;
 border:1px solid #ddd;
 border-radius:2px;
 margin: 0 4px 1px 0;
 display:inline-block;
}
.fileuploadFilesContainer.rows {
 width:95%;
 padding-bottom:5px;
}
.fileuploadFilesContainer.rows .fileGroup {
 display:block;
}


.fileuploadFile {
 display:inline-block;
 min-width:16px;
 height:16px;
 margin: 3px 0 0 6px;
 /*vertical-align: bottom;*/
 box-sizing:border-box;
 padding:2px 0 0 16px;
 text-decoration: none;
 background: transparent no-repeat top left;
 background-size:16px;
}

.fileuploadFileContainer span.edit, .fileuploadFileContainer span.delete {
 border-radius: 4px;
 position:absolute;
 /*right: 4px;*/
 right:-13px;
 top: 5px;
 color: #aaa;
 transition:color 200ms ease-in;
}
.fileuploadFileContainer span.edit:hover, .fileuploadFileContainer span.delete:hover, button.fileuploadButton:hover {
 color:black;
 cursor:pointer;
}
.fileuploadFileContainer span.edit {
 /*right:20px;*/
 right:3px;
 top: 6px;
}
.fileuploadFilesContainer.rows .fileuploadFileContainer {
 display:block;
 min-height:22px;
 height:auto;
 padding-bottom:4px;
 border-bottom:1px solid #ddd;
 position: relative;
}
.fileuploadFilesContainer.rows .fileuploadFileContainer.headerRow {
 min-height:18px;
 height:18px;
}
.fileuploadFilesContainer.rows .fileuploadFile {

}
.fileuploadFilesContainer.rows .fileuploadFile:last-child {
 border-bottom:none;
}
.fileuploadFilesContainer .fileAttribute {
 margin-right:8px;
 text-decoration:none;
 color:navy;
 display:inline-block;
 vertical-align: top;
 padding-top: 5px;
 /*height:auto;*/
}
.fileuploadFilesContainer.rows .fileuploadFileContainer .fileAttribute {
 height: 18px;
 overflow:hidden;
 font-size:10px;
}
.fileuploadFilesContainer.rows .fileuploadFileContainer.headerRow .fileAttribute {
 height:14px;
}
.fileuploadFilesContainer.rows .fileuploadFileContainer .fileAttribute[data-attributename="comments"] {
 height:auto;
 /*white-space: pre;*/
}
.fileuploadFileContainer .fileAttribute[data-attributeName="documentType"] {
 margin-left:5px;
 width:79px;
}
.fileuploadFileContainer .fileAttribute[data-attributeName="documentValue"] {
 width:50px;
}
.fileuploadFileContainer .fileAttribute[data-attributeName="billNumber"] {
 width:50px;
}
.fileuploadFileContainer .fileAttribute[data-attributeName="comments"] {
    max-width: 35%;
}

.fileUploadWindow {
 width:70%;
 height:370px;
 padding:10px;
 border: 1px solid #666;
 box-shadow: 0 0 2px #666;
 position:absolute;
 top:50%;
 left:50%;
 margin-left:-35%;
 margin-top:0;
 background-color:white;
 z-index:20;
}

table.tableInCell .tic-deleter {
 right:-11px;
 top:24%;
}

.wfCalcTable {
 position:relative;
}


.tableInCell td[data-column=status] {
 padding:0;
}
td[data-column=status] input[type=radio] {
 display:none;
}
td[data-column=status] input[type=radio] + label {
 overflow: hidden;
 font-size: 11.5px;
 display: block;
 color: #555;
 font-weight: 400;
 padding: 4px 4px;
 background-color: white;
 border-radius: 0px;
 text-align: center;
 height: auto;
}
td[data-column=status] input[type=radio] + label:not(:last-of-type) {
 /*margin-right:6px;*/
}
td[data-column=status] input[type=radio] + label:first-of-type {
 border-bottom:1px solid silver;
}
td[data-column=status] input[type=radio] + label:before {
 /*content: '';
 font-size:14px;
 display: inline;
 color:#555;
 font-weight: 700;
 padding:3px 5px;
 background-color: #eee;
 border-radius:5px;*/
}
td[data-column=status] input[type=radio] + label:hover {
 cursor: pointer;
 opacity:0.9;
}
td[data-column=status] input[type=radio]:checked + label {
 color:white;
}
td[data-column=status] input[type=radio][value=a]:checked + label {
 background-color: green;
}
/*td[data-column=status] input[type=radio][value=a] + label:before {
 content: 'Ap';

}*/
td[data-column=status] input[type=radio][value=r]:checked + label {
 background-color: red;
}
/*td[data-column=status] input[type=radio][value=r] + label:before {
 content: 'Dis';

}*/
td[data-column=status] input[type=radio][value=i]:checked + label {
 background-color: #888;
}
/*td[data-column=status] input[type=radio][value=i] + label:before {
 content: 'P';
}*/
td[data-column=status] input[type=radio][value=i] + label, td[data-column=status] input[type=radio][value=c] + label {
 display:none;
}
.confirmationButtons {
 padding:20px; clear:both; text-align:center;
}
.confirmationButtons button {
 margin: 15px 0 5px;
 padding: 3px 8px;
 height: auto;
 font-weight: 400;
}
.actualItemDeliveryTable {
 width:100%;
 border-collapse: collapse;
 border:1px solid silver;
 background: white;
}
.actualItemDeliveryTable:hover {
 cursor:pointer;
}
.actualItemDeliveryTable th, .actualItemDeliveryTable td {
 padding: 4px 5px 4px 7px;
 border:1px solid silver;
 font-size:12px;
 font-family:Tahoma;
}
.actualItemDeliveryTable th:first-child, .actualItemDeliveryTable td:first-child {
 /*padding-left:0;*/
}
.actualItemDeliveryTable tfoot td {
 border-top:1px solid silver;
}
.actualItemDeliveryTable th, .actualItemDeliveryTable tfoot td{
 text-align:left;
 font-size:12px;
 color: #515B71;
}
.actualItemDeliveryTable td.number {
 text-align:right;
}
.wfCalcTable table input[readonly] {
 border:none;
}

.actualItemDeliveryTable tr,
.actualItemDeliveryTable tfoot tr {
 background-color: #F4F6FF;
}

.delivery .gridTable > thead > tr > th,
.productTable > thead > tr > th {
 border-bottom: 2px solid brown;
}
 
.actualItemDeliveryTable th, .productTableSummary.gridTable.deliveryTable th,
.productTable table.tableInCell th, 
button:not(.gridMoveUp):not(.gridMoveDown)[data-rowtype="Delivery"], table.exchangeRateTable tr.additional[data-tableName=delivery] th,
.productTable .fully.fullyDelivered {
 background: #0005A8;
 background: -moz-linear-gradient(top, #B5B7DD 0%,#C4B2FF 100%) !important; /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B5B7DD), color-stop(100%,#C4B2FF)) !important; /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top, #B5B7DD 0%,#C4B2FF 100%) !important; /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top, #B5B7DD 0%,#C4B2FF 100%) !important; /* Opera 11.10+ */
 background: -ms-linear-gradient(top, #B5B7DD 0%,#C4B2FF 100%) !important; /* IE10+ */
 background: linear-gradient(to bottom, #B5B7DD 0%,#C4B2FF 100%) !important; /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B5B7DD', endColorstr='#C4B2FF',GradientType=0 );

/* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2E1Nzg2MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4OTRhNGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
 background: -moz-linear-gradient(top,  #a57863 1%, #894a4a 100%);
 background: -webkit-linear-gradient(top,  #a57863 1%,#894a4a 100%);
 background: linear-gradient(to bottom,  #a57863 1%,#894a4a 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a57863', endColorstr='#894a4a',GradientType=0 );*/

 color:#202020;
}


table.productTable table.deliveryTable {
 border: none;
 table-layout: fixed;
}
table.productTable table.deliveryTable th, table.productTable table.deliveryTable td {
 /*overflow:hidden;
 white-space: nowrap;*/

}

.productTable table.tableInCell tfoot td.gridSummaryCell:first-child, 
table.productTable table.deliveryTable  th:first-child,
table.productTable table.deliveryTable  td:first-child {
 border-left: 1px solid silver;
} 

.productTable table.tableInCell tfoot td.gridSummaryCell:last-child, 
table.productTable table.deliveryTable  th:last-child,
table.productTable table.deliveryTable  td:last-child {
 border-right: 1px solid silver;
} 

table.productTable table.deliveryTable  th {
 border-top: 1px solid silver;
}

.additionalControlStructure table.productTableSummary {

}

.additionalControlStructure table.convertedTable {
 position:absolute;
 margin-top: 15px;
 margin-left:-1px;
 width:262px !important;
}
.additionalControlStructure tbody.summaryRow.exchangeRow td[colspan="3"] {
 color:white;
}
.additionalControlStructure tbody.summaryRow.exchangeRow td[colspan="3"]::before {
 content:' ';
 position:absolute;
 width:100%;
 top:0;
 left:0;
 right:0;
 height:1px;
 display:block;
 background-color:white;
}

.delivery .productTableSummary.gridTable.deliveryTable tfoot .tableInCellSummaryRow td, .actualItemDeliveryTable tfoot td {
 background: white;
 color:black;
 border:none;
 border-top: 2px solid black;
 border-bottom: 2px solid black;
 padding-top:0;
 padding-bottom:0;
}

.delivery .productTable table.tableInCell tfoot td.gridSummaryCell{
 background: white;
 color:black;
 border:none;
 border-top: 2px solid black;
 border-bottom: 2px solid brown;
 padding-top:0;
 padding-bottom:0;
}

.productTable table.tableInCell tfoot td.gridSummaryCell input { /* inputy v summary row */
 color:black;
 font-weight: bold;
}

button:not(.gridMoveUp):not(.gridMoveDown)[data-rowtype="Delivery"] {
 font-size: 12px;
 white-space:nowrap
}
.actualItemDeliveryTable th, .actualItemDeliveryTable tfoot td {
 padding: 2px 2px 2px 4px;
 font-family:'Roboto',sans-serif;
}
.actualItemDeliveryTable tfoot td {
 padding: 2px 5px 2px 7px;
}
.currencyReadonly {
 color:navy;
 padding: 4px 3px;
 display: inline-block;
}

.CSW table.confirmationButtons {
 margin-bottom:20px;
}

.productTable .fully {
 font-size:12px;
 padding:4px;
}
.productTable .fully.fullyDelivered {

}
.tableInCell .cellMessage {
 display:inline-block;height:auto;padding:2px 3px;
 font-size: 12px;
 text-align: center;
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
}
.tableInCell .cellMessage > span {
 height:auto;
 top: 50%;
 position: absolute;
 left: 50%;
 -webkit-transform: translate(-50%,-50%);
 -ms-transform: translate(-50%,-50%);
 transform: translate(-50%,-50%);
}
.tableInCell .cellMessage.approved {
 color:white;
 background-color:green;
}
.tableInCell .cellMessage.rejected {
 color:white;
 background-color:#aa4422;
}
.tableInCell .cellMessage.approved {
 color:white;
 background-color:#0069ff;
}
.tableInCell .cellMessage.pending  {
 background-color:silver;
}
.CSWBack .ajaxPopupWindow h1 {
 margin:5px 0;
}
.CSWBack .ajaxCSW {
 border:1px solid #aaa;
 width: 98%;
 margin: 5px auto;
 padding: 7px;
}
.CSWBack .ajaxCSW button[type=button]:nth-of-type(2) {
 margin-left:3px;
}

.CSWBack .ajaxCSW .bottomLineTable {
 width: 75%;
 margin: 0 auto;
}

.CSWBack .ajaxCSW .bottomLineTable td {
 vertical-align: middle;
 padding: 5px 0;
 width:20%;
}
#nextDeliveryDate {
 border: 1px solid #ccc;
}
#nextDeliveryDate[readonly] {
 color:#999;
}

.CSWBack .ajaxCSW .bottomLineTable td input:not([type=checkbox]):not([type=radio]),
.CSWBack .ajaxCSW .bottomLineTable td input[type=text], span#measurer {
 min-height:initial;
 font-size:10pt;
 font-family: 'Roboto', sans-serif;
 padding:0;
 margin:0;
 border: none;
 margin-top: -2px;
}
span#measurer {
 display:none;
 font-size:10.5pt;
}

.cswVisualFinancialRow .financialRow {
 margin: 0 auto;
 width:90%;
}

.filesRow tr:nth-of-type(2n) {
 background-color:#FFF2E8;
}

.filesRow th {
 border-bottom: 1px solid gray;
}
.filesRow th ,
.filesRow td {
 border-left: 1px solid silver;
}
  
.filesRow th:last-child ,
.filesRow td:last-child {
 border-right: 1px solid silver;
}

.filesRow tr:last-child  {
 border-bottom: 1px solid gray;
}

.filesRow tr:hover {
 background-color:#FFFFFF;
}

.filesRow {
 background-color: #FFEBD8;
 margin: 0px;
 padding: 6px;
 border-spacing: 10px;
 border-collapse: collapse;
 text-align:left;
 border-top: 1px solid grey;
 border-bottom: 1px solid grey;
 position: relative;
}
.filesRow table td.comment {
 overflow:hidden;
}
.filesRow table td.comment > span {
 white-space: nowrap;
 overflow: hidden;
 position:absolute;
 top:50%;
 -webkit-transform: translateY(-50%);
 /*transform: translateY(-50%);*/
 -ms-transform: translateY(50%);
}
.filesRow table td.comment:hover {
 cursor: pointer;
}
.vact {
 display:table;
}
.vact span  {
 display:table-cell;
 vertical-align: center;
}

.filesRow table th, .filesRow table td {
 padding:0 3px;
 height:21px;
}

.filesRow .fileuploadFile {
 padding-top:0;
 padding-left:18px;
 margin-left:0;
}

.financialRow {
 position: relative;
 text-align:left;
}

.financialRowTable {
 text-align: center;
 width:100%;
}

.financialRowTable th {
 padding-top:3px;
}

.financialRowTable td {
 padding-bottom: 3px;
}
.alignRight {
 text-align:right;
}
.alignLeft {
 text-align:left;
}
.financialRow .heading,
.filesRow .heading, .previousNote .heading {
 position: absolute;
 top: -10px;
 background-color: white;
 color: green;
 font-weight: bold;
 padding-left: 3px;
 padding-right: 3px;
 padding-bottom: 0px;
}
.filesRow .alignRight {
 white-space:nowrap;
}
.cswHeaderTable input[type=checkbox] {
 margin-top:-5px;
}

#costCenterStatisticPreview {
 text-align: center;
}
 
#costCenterStatisticPreview > table {
 margin-left: auto;
 margin-right: auto;
} 
 
.costCenterButton {
 margin-top: 4px;
  background-color: orange;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  font-size: 12px;
  padding: 0 6px;
  color: #FFFFFF;
  border: none;
  transition: background-color 0.25s ease;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
/** haha hide placeholders for readonly fields :) **/
[readonly]::-webkit-input-placeholder { /* WebKit browsers */
 color:    #fff;
 opacity:0;
}
[readonly]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color:    #fff;
 opacity:  0;
}
[readonly]::-moz-placeholder { /* Mozilla Firefox 19+ */
 color:    #fff;
 opacity:  0;
}
[readonly]:-ms-input-placeholder { /* Internet Explorer 10+ */
 color:    #fff;
 opacity:0;
}