/* File Created: August 27, 2013 */

/** Fonts **/
body,span,table,input,div,li{font-family:Verdana;font-size:11px;} 

/** Width **/
body,.content,.header,.footer,development  {width:100%;}

.assignmentRowHover{background-color:#88FF88;}

/** General **/
body{margin:0 0;}
td {white-space:nowrap;}
a:hover{cursor: pointer;}
.align-right {text-align:right;}
.tm{margin-top:9px;}
.hidden{display:none;}
.float-right{float:right;}
.float-left{float:left;}
.time-edit{width:55px;}
.spin-edit{width:90px;}
.overflow-hidden{overflow:hidden;}
.inline-block
{
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        display: inline;
}
.align-button-right {width:80px; display:inline-block;margin-top:10px;margin-right:0px;margin-bottom:10px; float:right;}
.footer{background-color:#FFFFFF;min-height:50px;}
.secret-control{display:inline-block;overflow:hidden;white-space:nowrap; height:0px; width:0px;}
.editform-command-buttons{text-align: left; padding: 2px 2px 2px 2px;}

div.trunkFloatingRow, div.jobFloatingRow{display:block;border:1px solid #D9DAE0; background-color:#d9e4fd;width:150px; line-height:21px; height:21px; color:black; text-align:center;}

.dxmLite_DevEx.dxm-ltr .dxm-popup .dxm-gutter.dxm-noImages .dxm-item, .dxmLite_DevEx.dxm-ltr .dxm-popup .dxm-noImage {
    padding-left:20px;
}

/**Toast**/
#toast
{
    color:black;
    text-align:left;
    background-color:#FFFACD;
    opacity:0.0;
    filter:alpha(opacity=0); /* For IE8 and earlier */

    /*Size*/
    width:300px; 
    min-height:28px;

    /*Border*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:1px solid #FFD700;

    /*Position*/
    position:fixed;
    bottom:50px;
    left:50%;
    margin-left:-180px;
    padding-top:10px;
    padding:10px 10px 10px 58px;
    z-index:99999;
}

#toast > img{
    position:absolute;left:0px;top:0px;    
}
#toast > #toast-title{
    font-weight:bold;    
}

/**Searchbox**/
div.searchbox .background, div.searchbox .control{display:none;}

div.searchbox .background{
    position:fixed;
    top:0px;left:0px;right:0px;bottom:0px;
    background-color:Black;
    -moz-opacity: 0.15;
    opacity: 0.15;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=15);
}

div.searchbox .control{
    position:fixed;
    width:650px;
    left:50%;
    top:50%;
    margin-left:-325px;
    height:400px;
    margin-top:-200px;
    vertical-align:top;
    background-color:#f2f3f4;
    border:solid 1px gray;
}

/**Information Box**/
div.information-box > div{font-weight:bold;background-color:#FFFACD;border:solid 1px #FFD700; color:#353535;text-align:center;height:60px;line-height:60px;margin:20px 10px 20px 10px;}
div.information-box > div > img{margin-right:20px;}

/**Buttons**/
.image-button{margin-bottom:2px;cursor:pointer;border: 0;padding: 0;height: auto}
.image-button:hover{opacity: 0.6;filter: alpha(opacity=60);}
.image-button:active{opacity: 0.3;filter: alpha(opacity=30);}
.image-button-checked{background-color:ButtonShadow;}

.image-button.disabled{cursor:default;}
.image-button.disabled:hover{opacity: 1;filter: alpha(opacity=100);}

.dummy-button{margin-bottom:2px;}

/**Popup Controls**/
.confirmation-box .cancel, 
.confirmation-box .ok{
    width:120px;
    margin-bottom:10px;
}
.confirmation-box .cancel{float:right;margin-right:5px;}
.confirmation-box .ok{float:left;margin-left:5px;}

.raise-qa-popup-dialog span{white-space:nowrap;}
.raise-qa-popup-dialog .dxeButtonEditSys, 
.raise-qa-popup-dialog .dxeTextBoxSys
{width:150px;}

.raise-qa-popup-dialog .button,
.raise-qa-popup-dialog .dxbButton_DevEx,
.upload-pod-popup-dialog .button,
.upload-pod-popup-dialog .dxbButton_DevEx
{width:80px; display:inline-block;margin-top:10px;margin-right:0px;margin-bottom:10px; float:right;}

/** Company **/
.company{background-color:#FFFFFF;min-height:400px;}
.company .callback-panel{width:200px;}
.company .popup-dialog{height:150px;}
.company .popup-dialog .button
{
    float: left; 
    margin-right: 8px; 
    margin-bottom:8px;
    width:80px;
}

/** Job Sheet **/
.job-sheet {
    background-color: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.job-sheet .callback-panel{width:200px;}

.job-sheet .popup-dialog{height:150px;}
.job-sheet .popup-dialog .button
{
    float: left; 
    margin-right: 8px; 
    margin-bottom:8px;
    width:80px;
}

/** Fleet - Assets **/
.fleet-assets{background-color:#FFFFFF;min-height:400px;}
.fleet-assets .callback-panel{width:200px;}
.fleet-assets .popup-dialog{height:150px;}
.fleet-assets .popup-dialog .button
{
    float: left; 
    margin-right: 8px; 
    margin-bottom:8px;
    width:80px;
}

/** Fleet - Trailers **/
.fleet-trailers{background-color:#FFFFFF;min-height:400px;}
.fleet-trailers .callback-panel{width:200px;}
.fleet-trailers .popup-dialog{height:150px;}
.fleet-trailers .popup-dialog .button
{
    float: left; 
    margin-right: 8px; 
    margin-bottom:8px;
    width:80px;
}

/** Fleet - Drivers **/
.fleet-drivers{background-color:#FFFFFF;min-height:400px;}
.fleet-drivers .callback-panel{width:200px;}
.fleet-drivers .popup-dialog{height:150px;}
.fleet-drivers .popup-dialog .button
{
    float: left; 
    margin-right: 8px; 
    margin-bottom:8px;
    width:80px;
}

/** Static **/
.static{background-color:#FFFFFF;min-height:400px;}

/** Traffic Sheet (callback panel, filter, popups, grid and map **/
.traffic-sheet{background-color:#FFFFFF; position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
.traffic-sheet .callback-panel{width:200px;}
.traffic-sheet .popup-dialog{height:150px;}
.traffic-sheet .popup-dialog .button
{
    float: left; 
    margin-right: 8px; 
    margin-bottom:8px;
    width:80px;
}

#divHeader {
display: flex;
}


.filter
{   
    position:relative;
    border:solid 1px #eeeeee;
    background-color:#EDEDED;
    border-top:solid 1px #999999; 
    padding-top:3px;
    vertical-align:middle;
    max-height:25px;
    height:25px;
}

.filter > .grid-control
{
    position:absolute; 
    top:3px; 
    right:3px;
}
.grid-heading
{
    color:#3333BB;
    font-weight:bold;
    font-size:larger;
    width:200px;
}
.filter > img
{
    padding:0px;
    margin:0px 0px 3px 0px !important;
}
.filter > span,
.filter > div,
.filter > table
{
    min-height:21px;
    max-height:21px;
    height:21px;
}
.filter > span,
.filter > div,
.filter > img,
.filter > table,
.grid-control > div,
.filter > .grid-heading
{
    display:inline-block;
    *display:inline;
    zoom:1;
    margin:0px;
    padding:0px;
}
.filter > .vr
{
    width:1px;
    height:25px;
    border-left:solid 1px #BBBBBB;
    background-color:white;
    margin:0px 5px 0px 5px;
    padding:0px;
}

/** Trunk **/
.trunk .assignment .dxeControlsCell_DevEx {
    padding: 0px;
}
.trunk .assignment .grid{width:100%;}

/**.trunk .dxeEditArea_DevEx{width:139px;}**/
.trunk .dxeButtonEdit_DevEx{width:148px;}
.trunk .dxeButtonEdit_DevEx .dxeEditArea_DevEx{width:100%;}


/** Reports **/
.reports{padding-top:10px;padding-left:10px;}
.reports .dxnbControl_DevEx{width:200px;}
.reports .dock-zone{float:left;margin-right:3px;}

/** Cookie Notice**/
div.cookie-notice{padding-left:20px;width:800px;}
div.cookie-notice td {white-space:normal;}
div.cookie-notice thead {font-weight:bold;}
div.cookie-notice a{float:right;}

/** KPI **/
.kpi .filter {padding-top:2px;}
.kpi .filter .label{display:inline-block; vertical-align:top; height:100%; margin-top:5px;}
.kpi .filter .checkbox{display:inline-block; margin-top:0px;}

div.job-dataentry-sfc .table{border-collapse:collapse; table-layout:fixed; border-spacing:0px;}
div.job-dataentry-sfc .table > tbody > tr > td {padding:0px; margin:0px;height:22px; overflow:hidden; max-height:22px; vertical-align:middle;}
div.job-dataentry-sfc .tdAuto, div.job-dataentry-sfc .tdTrailer{display:none;}
div.job-dataentry-sfc .date{width:123px;}
div.job-dataentry-sfc .time{width:44px;}

div.fleet-transportplan{padding:10px 10px 0px 10px;}

div.fleet-transportplan .highlight{font-size:11px; color:#A1A3AA;margin-bottom:10px;}
div.job-dataentry-sfc .highlight{font-weight:bold; color:#CC0000;}

div.trailer{padding:10px 10px 0px 10px;}

div.fleet-sheet .completion-confirmation
{
    border:solid 1px #A1A3AA;
}
table.completion-confirmation
{
    border-left:solid 1px #d9dae0;
    border-top:solid 1px #d9dae0;
    width:100%;
    font-family:Verdana, Geneva, sans-serif;
    font-size:11px;
}
table.completion-confirmation thead
{
    background-color:#f1f2f6
}
table.completion-confirmation td
{
    border-right:solid 1px #d9dae0;
    border-bottom:solid 1px #d9dae0;
    padding:4px 6px;
    overflow:hidden;
    white-space:nowrap;
    empty-cells:show;
    border-collapse:separate!important;
    display:table-cell;
}

/** JobSearchSE **/

#jobSearchSE {width:100%;}

#jobSearchSE > div 
        {
            margin:170px auto;
            background-color:#FFFFFF;
            max-width:400px;
            box-shadow:2px 2px 5px #888888;
            -webkit-border-radius: 15px;
            -moz-border-radius: 15px;
            border-radius: 15px; 
            border:solid 1px #DDDDDD;
            padding:20px;
        }

#jobSearchSE .row > span, #jobSearchSE .row > table {display:inline-block; vertical-align:middle; margin-bottom:5px;}

#jobSearchSE .row > span {width:200px}

#jobSearchSE .row > a, #jobSearchSE .row > div {margin-left:204px; margin-bottom:10px; display:inline-block;}

/** JobSheetSE **/

.jobSERow {background-color:#DDDDDD}

/** ChangePassword **/

div.change-password
        {
            width:340px; 
            background-color:#FFFFFF;
            position:absolute; 
            left:50%; 
            top:50%; 
            margin: -120px 0 0 -170px;
            box-shadow:2px 2px 5px #888888;
            -webkit-border-radius: 15px;
            -moz-border-radius: 15px;
            border-radius: 15px; 
            border:solid 1px #DDDDDD;
            padding:20px;	
        }    
        
        div.change-password div.row
        {
        	padding:2px 0px 2px 0px;
        	display:block;
        	width:100%;
        	float:left;
        }
        div.change-password div.row:after { 
           content: " ";
           display: block; 
           height: 0; 
           clear: both;
        }
        
        div.change-password div.col-50,
        div.change-password div.col-100
        {
        	display:block;
        	float:left;
        	line-height:25px;
        }
        div.change-password div.col-50 {width:50%;}
        div.change-password div.col-100 {width:100%;}
        div.change-password .pull-right > * {float:right;}
        div.change-password ul{color:Red;}
        div.change-password .info
        {
            background-color:#d9edf7;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px; 
            border:solid 1px #bce8f1;
            color:#31708f;
            margin-top:10px;
            margin-bottom:10px;
            padding-top:5px;
            padding-bottom:5px;
            text-align:center;
            padding-left:10px;
            padding-right:10px;
            width:320px !important;
        }
        div.change-password .info{

        }
        div.change-password .hidden{display:none;}
        
.dxeMemoEditAreaSys 
{
	white-space:pre-wrap !important;
}

div.flat-tariff-lookup {
    margin:15px auto;
    padding:0px;
    width:1200px;
}
    div.flat-tariff-lookup > div {
        margin-top:10px;
        width:1200px;
        padding:0px;
    }
    div.flat-tariff-lookup > div.criteria {
    }
        div.flat-tariff-lookup > div.criteria div.row {
            display:block;
            height:30px;
        }
        div.flat-tariff-lookup > div.criteria div.col {
            display:inline-block;
            vertical-align:middle;
            overflow-x:hidden;
        }
        div.flat-tariff-lookup > div.criteria div.inline-input-group {
            display:inline-block;
        }
        div.flat-tariff-lookup > div.criteria div.inline-input-group > div.col:nth-child(1) {
            width:130px;
        }
        div.flat-tariff-lookup > div.criteria div.inline-input-group > div.col:nth-child(2) {
            width:200px;
        }
    div.flat-tariff-lookup div.revenue {
    }
    div.flat-tariff-lookup div.cost {
    }
    div.flat-tariff-lookup div.activity-log {
    }


div.sfc-sign-out {
    margin:15px auto;
    padding:0px;
    width:1024px;
}
    div.sfc-sign-out > div {
        margin-top:10px;
        width:1024px;
        padding:0px;
    }

    div.sfc-sign-out > img.header-logo {
        display:inline-block;
        height:56px;
    }
    div.sfc-sign-out > h1.header-title {
        display:inline-block;
        height:56px;
        line-height:56px;
        vertical-align:middle;
        margin:0px;
        float:right;
    }


    div.sfc-sign-out > div.criteria {
    }
        div.sfc-sign-out > div.criteria div.row,
        div.sfc-sign-out > div.job div.row
         {
            display:block;
            height:30px;
        }
        div.sfc-sign-out > div.criteria div.col,
        div.sfc-sign-out > div.job div.col {
            display:inline-block;
            vertical-align:middle;
            overflow-x:hidden;
        }
        div.sfc-sign-out > div.criteria div.inline-input-group,
        div.sfc-sign-out > div.job div.inline-input-group {
            display:inline-block;
        }
        div.sfc-sign-out > div.criteria div.inline-input-group > div.col:nth-child(1),
        div.sfc-sign-out > div.job div.inline-input-group > div.col:nth-child(1)
         {
            width:120px;
        }
        div.sfc-sign-out > div.criteria div.inline-input-group > div.col:nth-child(2),
        div.sfc-sign-out > div.job div.inline-input-group > div.col:nth-child(2) {
            width:200px;
        }



.warning {
    color: red;
}

.not-warning {
    color: green;
}