/*---- CUSTOM STYLES -----*/
.xdebug-error {
    margin-top:70px;
}
/** @import url(https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext); */
html .pageBody {
    font-size:13px;
}
input:focus, button:focus, textarea:focus, select:focus {
    outline: none;
    box-shadow: none;
    -webkit-box-shadow: none;
}

input:focus, textarea:focus, select:focus {
    border-color: #999A9A;
    box-shadow: none;
    -webkit-box-shadow: none;
}

input:not([type=checkbox]):not([type=radio]), input[type=text], input[type=password], input[type=search], textarea, select {
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    padding: 0 3px 0 0;
    font-size: 12px;
    min-height: 24px;
    line-height: normal;
    box-sizing: border-box;
    vertical-align: middle;
    text-indent: 0;
}

button.active {
    opacity: 0.7;
}

.chzn-container-single .chzn-single {
    border: 1px solid #CCCCCC;
    border-radius: 4px;
}

.chzn-container-single .chzn-single-plus {
    border-color: #CCCCCC;
}

input[readonly] {
    border: 1px solid #EFEFEF;
}

input[type=file] {
    padding: 0;
    vertical-align: middle;
    cursor: pointer;
    font-size: 12px;
    border: none !important;
    margin: 2px 0;
}

input[type=radio] {
    height: auto;
    line-height: normal;
}

input[type=file]::-webkit-file-upload-button {
    visibility: hidden;
}

.entryTable input[type=checkbox] {
    margin-top: 6px;
    display: block;
}

input[type=file]::before {
    content: 'Upload file';
    display: inline-block;
    background: #068dcd;
    border: none;
    height: 24px;
    line-height: 24px;
    padding: 0 5px 0 2px;
    border-radius: 4px;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    font-weight: bold;
    font-size: 11px;
    color: #FFFFFF;
    transition: background-color 0.25s ease;
}

input[type=file]:hover::before {
    background-color: #06aef1;
}

select[multiple] {
    height: auto;
    line-height: normal;
}

textarea {
    resize: none;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    padding: 4px;
    font-size: 12px;
    height: auto;
    max-height: 100px;
    line-height: normal;
}

button, a.actionButton {
    display: inline-block;
    width: auto;
    min-width: 100px;
    height: 36px;
    line-height: normal;
    text-align: center;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
    padding: 6px 24px;
    text-decoration: none;
    padding: 0 6px;
    color: #FFFFFF;
    border: none;
    transition: background-color 0.25s ease;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    filter: none;
    text-shadow: none;
    box-shadow: none;
}

a.actionButton {
    padding: 9px 6px;
    height: auto;
}

button[disabled=disabled], button[disabled], a.actionButton.disabled {
    background: #CCCCCC;
    filter: none;
}

button:not(.gridMoveUp):not(.gridMoveDown), a.actionButton {
    background: #068dcd;
    filter: none;
}

button[disabled]:not(.gridMoveUp):not(.gridMoveDown) {
    opacity: 0.7;
}

button.ui-button, a.actionButton {
    color: white !important;
}

button *, a.actionButton * {
    padding: 0;
}

button:not(.gridMoveUp):not(.gridMoveDown):hover, a.actionButton:hover {
    background-color: #06aef1;
    filter: none;
}

/*---- LAYOUT SPECIFIC ---- */

.formName {
    text-shadow: none;
    text-transform: uppercase;
    font-size: 17px;
    margin: 6px auto
}

.space {
    display: none;
}

/*---- JQUERY UI BUTTONS ----*/

.ui-datepicker-buttonpane button {
    background: #f6a828 !important;
    color: #FFFFFF !important;
    border: none !important;
    font-weight: bold !important;
}

.ui-datepicker-buttonpane button:hover {
    background-color: #f7b850 !important;
}

.bsInRFP {
    color: blue
}

.bsRFPNotPaid {
    color: red
}

/*---- Nice radioButtons ----*/

.radioButtons {
    display: block;
    list-style-type: none;
    padding: 2px 0 0 0;
    outline: 0;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    white-space: nowrap;
    height: 10px;
}

.radioButtons li {
    display: inline-block;
    margin: 0 3px 0 0;
    width: 80px;
    height: 23px;
    position: relative;
    text-align: center;
    background-color: #CCC;
    border-radius: 5px;
}

.radioButtons label, .radioButtons input {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.radioButtons input[type="radio"] {
    opacity: 0.011;
    z-index: 100;
}

.radioButtons input[type="radio"]:checked + label {
    background: #068dcd;
}

.radioButtons input[type="radio"]:checked.none + label {
    background: gray;
    color: white;
    font-weight: bold;
}

.radioButtons input[type="radio"]:checked.approved + label {
    background: green;
    color: white;
    font-weight: bold;
}

.radioButtons input[type="radio"]:checked.disapproved + label {
    background: red;
    color: white;
    font-weight: bold;
}

.radioButtons label {
    padding: 4px 5px 5px 5px;
    cursor: pointer;
    /* z-index:10; */
    border-radius: 5px;
}

.radioButtons label:hover {
    background: #DDD;
}

.ajaxPopupWindow {
    z-index: 100;
}

/* small screen support */

tbody tr.gridCellRowHigh.selected td {
    background-color: #FFE8E8;
}

input[name="autoCheckbox"] {
    margin-top: 2px;
    position: relative;
    top: 3px;
    margin-right: 5px;
}

[tooltip]:before {
    /* needed - do not touch */
    content: attr(tooltip);
    position: absolute;
    opacity: 0;

    /* customizable */
    transition: all 0.15s ease;
    padding: 5px;
    color: #333;
    border-radius: 0px;
    border: 1px solid black;
    min-width: 250px;
    box-shadow: 1px 1px 2px silver;
}

[tooltip]:hover {
    cursor: help;
}

[tooltip]:hover:before {
    /* needed - do not touch */
    opacity: 1;

    /* customizable */
    background: lightyellow;
    margin-top: -30px;
    margin-left: 10px;
}

[tooltip]:not([tooltip-persistent]):before {
    pointer-events: none;
}

button.PMCEdisabled, a.actionButton.PMCEdisabled {
    opacity: 0.8;
    cursor: not-allowed;
}
button.PMCEpressed, a.actionButton.PMCEpressed {
    opacity:0.6;
    position:relative;
}
button.PMCEpressed:hover, a.actionButton.PMCEpressed:hover {
    cursor: wait !important;
}
button.PMCEpressed:before, a.actionButton.PMCEpressed:before {
    display:block;
    content:' ';
    position:absolute;
    margin-left:50%;
    width:16px;
    height:11px;
    background:transparent url('../../wfEngine/images/notify-loader.gif') no-repeat;
    top: 2px;
    transform: translate(-80%, 0);
}

button.PMCEdisabled:hover, a.actionButton.PMCEdisabled:hover {
    cursor: default;
    background-color: #068dcd !important;
}

.valueHighlight {
    background-color: #FFF8DD; /** #FFECDD; **/

}

.valueHighlightNone {
    /** background-color: #FFF8D1; /** #FFECDD; **/

}

.tooltip-inner {
    white-space: pre-line;
}

input[type="checkbox"] {
    vertical-align: middle;
}

.save-tabrow li.selected {
    background-color: brown;
    color: white;
}

.save-tabrow li.selected a {
    color: white;
}

.save-tabrow li.selected div a {
    color: black;
}

.save-tabrow {
    padding-bottom: 10px;
}

.filtredtable > thead > tr > th.orangecol {
    background: #EFEEDE; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#FFFAF4, #EFEEDE); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFFAF4, #EFEEDE); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFFAF4, #EFEEDE); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFFAF4, #EFEEDE); /* Standard syntax */
}

.cswBackTop {
    width: 100%;
    max-width: 1050px;
    margin: 0 auto;
}

.cswBackTop td {
    padding: 3px 10px;
    box-sizing: border-box;
    text-align: left;
}

.cswBackTop div.chzn-container {
    width: 100% !important;
}

.cswBackTop td * {
    box-sizing: border-box;
}

.cswBackTop .contactStatusImage {
    margin: 0 5px 0 2px;
}

#useExchange1 {
    width: 16px;
}

#useExchange1:before {
    content: 'E';
}

.ajaxPopupBackground {
    z-index: 1000;
}

.ajaxPopupWindow,
.ajaxPopupBackground {
    z-index: 1000;
}

.save-tabrow li {
    background-color: #B4CEAD;
    background: -webkit-linear-gradient(#B4CEAD, #F0F0F0); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#B4CEAD, #F0F0F0); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#B4CEAD, #F0F0F0); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#B4CEAD, #F0F0F0); /* Standard syntax */
}

.save-tabrow li.selected {
    background-color: red;
    background: -webkit-linear-gradient(red, #F0F0F0); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(red, #F0F0F0); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(red, #F0F0F0); /* For Firefox 3.6 to 15 */
    background: linear-gradient(red, #F0F0F0); /* Standard syntax */

}

.save-tabrow .addFilter {
    background-color: #FFCB8C;
    background: -webkit-linear-gradient(#FFCB8C, #F0F0F0); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFCB8C, #F0F0F0); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFCB8C, #F0F0F0); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFCB8C, #F0F0F0); /* Standard syntax */

    background: -webkit-linear-gradient(blue, #AACFFF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(blue, #AACFFF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(blue, #AACFFF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(blue, #AACFFF); /* Standard syntax */
}

.save-tabrow .addFilter a {
    color: white;
}

/* BSPAger */
.BSPagerNavigation {
    line-height: 56px;
    float: left;
}

.BSPagerNavigation > div {
    display: inline-block;
    float: left;
}

.BSPagerNavigation > div.nextOnClose {
    height: 56px;
}

.BSPagerNavigation > div.nextOnClose .valign {
    height: 56px;
    line-height: 18px;
    display:table-cell;
    vertical-align:middle;
}

.BSPagerNavigation > div.nextOnClose .valign.txt {
    width: 80px;
}

#tab-csw .pageHeaderTable, #tab-csw .actionCommentsBlock {
    display: none;
}

#component-csw-display ~ #component-e .actionCommentsBlock {
    display: none;
}

#component-csw-display .pageHeaderTable {
    display: block;
}

#ajaxPopup {
    /*overflow: hidden !important;*/
}

#ajaxPopup .componentHolder {
    padding: 10px 10px 0px 10px;
}

#ajaxPopup h3 {
    padding-bottom: 5px;
}

#ajaxPopup .indicators {
    color: red; font-weight: bold;
}

#ajaxPopup h3 span {
    font-size: .9em;
    font-weight: normal;
    margin-left: 30px;
}

#ajaxPopup .ui-tabs, #RFPDialogTabs.ui-widget-content {
    border: none;
}

.ui-tabs {
    overflow: hidden;
    padding: 0.2em;
    position: relative;
    clear: both;
    float: none;
}

.ui-tabs-panel {

}

.ajaxPopupHeader {
    height: 20px;
    position: absolute;
    right: 5px;
    text-align: right;
    top: 5px;
    z-index: 1000;
}

.dialogGrid .row, #component-strfp .row {
    text-align: center;
    display: inline-block;
    min-height: 56px;
}

#component-strfp .row.actionButtons {
    float: none;
    display: table;
    margin: 0px auto 0px auto;
}

#component-strfp .row.actionButtons .column {
    float: left;
}

#component-toPay .row, #component-approval .row {
    display: table;
    margin: 0px auto;
    height: 60px;
}

#component-toPay .row, #component-approval .row.actionButtons {
    height: 60px;
    line-height: 28px;
}

#component-toPay .row.note, #component-approval .row.note {
    height: 30px;
    line-height: 30px;
    padding: 0px 0px 0px 10px;
}

#component-toPay .row.note input, #component-approval .row.note input {
    width: 660px;
}

.dialogGrid .row div {
    height: 18px;
}

#component-toPay .row .column, #component-approval .row .column, .dialogGrid .row .column, #component-strfp .row .column {
    float: left;
    line-height: 58px;
    padding-right: 5px;
    margin-right: 10px;
}

#component-toPay .row .label, #component-approval .row .label, .dialogGrid .row .label, #component-strfp .row .label {
    padding: 0px 10px 0px 10px;
    font-weight: bold;
    display: block;
    line-height: 20px;
}

.dialogGrid .row label {
    font-weight: bold;
    color: black;
    margin-left: 5px;
    margin-right: 20px;
}

#component-toPay .row .input, #component-approval .row .input, .dialogGrid .row .input, #component-strfp .row .input {
    vertical-align: middle;
    line-height: 36px;
}

.dialogGrid .amountActions {
    display: block;
}

#TPDialogTabs #component-ab, #RFPDialogTabs #component-ab, #STRFPDialogTabs #component-ab {
    display: none;
}

#TPDialogTabs .ui-tabs-panel, #RFPDialogTabs .ui-tabs-panel, #STRFPDialogTabs .ui-tabs-panel {
    overflow-y: scroll;
}

#component-toPay .hasDatepicker, #component-strfp .hasDatepicker {
    width: 70px;
}

#component-toPay input[type="text"], #RFPDialogTabs input[type="text"], #STRFPDialogTabs input[type="text"], #component-strfp input[type="text"] {
    font-size: 12px !important;
}

#component-toPay input.value, .dlgSendToRFP input.value, #component-approval input.value {
    text-align: right;
    width: 90px
}

.dynForm .highlight {
    -webkit-box-shadow: 5px 5px 5px black;
    -moz-box-shadow: 5px 5px 5px black;
    box-shadow: 5px 5px 5px black;
    -webkit-box-shadow: 0 0 5px red;
    -moz-box-shadow: 0 0 5px red;
    box-shadow: 0 0 5px red;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-size: 12px !important;
}

.clearfix {
    clear: both;
    float: none;
    height: 0px;
}

#TPDialogTabs #component-ab, #RFPDialogTabs #component-ab {
    display: none;
}

#component-toPay #inputPayNote {
    width: 900px;
}

.financialRow {
    display: table;
    font-size: 10pt;
    width: 100%;
    background-color: #FFFEE5;
    margin: 0px;
    padding: 6px;
    border-spacing: 10px;
    border-collapse: collapse;
}

.financialRow > div {
    padding-top: 4px;
    padding-bottom: 4px;
    border-top: 1px solid grey;
    border-bottom: 1px solid grey;
}

.financialRow .row {
    display: table-row;
}

.financialRow .row .column {
    display: table-cell;
    padding: 2px;
    white-space: nowrap;
}

.financialRow .row .separator {
    display: table-cell;
    width: 1em;
}

.financialRow .row .title {
    padding: 0px 5px 0px 5px;
    font-weight: bold;
    white-space: nowrap;
    float: left;
    border-left: 1px solid black;
}

.financialRow .row .column:first-child .title {
    border: none;
}

.financialRow .row .value {
    text-align: right;
    white-space: nowrap;
}

.financialRow .row .value.referencedValueDiffers {
    color: orange;
}

.financialRow .zeroValue {
    color: silver;
}

.financialRowContainer .financialRow {
    width: 900px;
    margin: 10px auto 10px auto;
}

.financialRowTable {
    width: 100%;
}

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

#currencySeparator {
    width: 2px;
    display: inline-block;
}

.financialRowTable tbody .columnItem {
    display: table-row;
    clear: left;
}

.financialRowTable tbody .columnItemValue {
    text-align: right;
    display: inline;
    white-space: nowrap;
}

#urur-table tbody tr:nth-child(2n+0) {
    background-color: #fbfbfb;
}

#urur-table tbody td:nth-child(2n+0) {
    background-color: #fbfbfb;
}

#urur-table th span.thtext2InnerGroup {
    margin-right: 5px;
}

.ui-tabs-panel {
    min-height: 150px;
}

#ajaxPopupWindow header {
    background-color: #F0F0F0;
    margin: -10px -10px 10px -10px;
    padding-top: 10px;
}

#component-strfp select, #component-toPay select, #component-approval select {
    background-color: white;
}

input.readonly, select.readonly, input[type="checkbox"].readonly {
    background-color: #EBEBE4;
}


/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid navy;
	background: #F8FF7C; /* url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x; */
  font-weight: bold;
	color: #363636;
}

.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: center;
	text-decoration: none;
}

.deliveryCheckerTable tr:hover {
    background-color:#B8C7CC;
}

.hmActive {
    color: white !important;
    background-color: #90959a!important;
}

.validTMContactTrue {
    background-color: #ddffdd;
}

.validTMContactFalse {
    background-color: #ffdddd;
}
.required {
    color:red;
}

.gridButton {
    min-width: 50px;
    height: 20px;
    margin: 0 0 0 2px;
    font-size: 10px;
    padding: 3px 7px;
}

@media print {

    body {
        margin: 0;
        color: #000;
        background-color: #fff;
    }

    .pageHeaderBackgound,#component-submenu,.pageFooter,button{
        display: none;
    }

    .entryTable{
        border: none;
    }

}