/***************************
****************************
Do not edit it without designers permission
****************************
***************************/
/*-- // COMMON // --*/
.field-error{background:#D9534F;color:#fff;padding:7px 10px;border-radius:3px;font-size:12px;}
.btn-primary{background-color:#79658D;border-color:#493d55;color:#fff}
.btn-primary:hover{background-color: #493d55;}
.title-block h2{color: #a2a2a2;font-weight: 300;font-size:22px;}
.title-block h2 strong{color:#656565;}
.fa-round-border {border-radius: 50%; border: 1px solid; padding: 2px 4px;}
.b-0{border: 0;}
.text-left{text-align: left !important;}
.text-right{text-align: right !important;}
.text-center{text-align: center !important;}
.wd-auto{ width: auto !important;}
/*-- // NAVIGATION // --*/
.page-wrapper{margin:0 0 0 188px;position:inherit;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;}
body.mini-navbar .page-wrapper{margin:0 0 0 54px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;}
nav{font-family: "Roboto Condensed",sans-serif;}
.navbar-static-side{position:absolute;width:188px;z-index:100;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;height:100%;background:#493d55}
.toggler-top{border:0;border-radius:0!important;color:#777!important;margin:0;padding:13px 18px;line-height:20px;margin-left:-54px;}
.pt-8{padding-top: 8px;}
.minimalize-styl-2{float:left;}
.toggler-top i{font-size:26px;color:#7E7B8C;}
.toggler-top:focus{outline:none;}
body.mini-navbar .navbar-static-side{width:54px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;}
.nav-icon{background-image:url(../../images/nav-sprite.png);display:inline-block;height:31px;margin-right:8px;width:31px;vertical-align:middle;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;position:absolute;}
body.mini-navbar span.nav-label{font-size:0;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease; opacity:0;}
span.nav-label {font-weight: 300;position: relative;vertical-align: middle;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;font-size:15px;opacity:1;display:inline-block;padding-left:35px;min-height:30px;}
body.mini-navbar .navbar-default .nav li a span:last-child{opacity:0;}

.nav-icon.icon-da{background-position: -4px -5px;}
.navbar-default .nav > li > a:hover .icon-da,.navbar-default .nav > li > a:focus .icon-da,.navbar-default .nav > li.active > a .icon-da {background-position: -4px -45px}
.nav-icon.icon-ice {background-position: -4px -85px;}
.navbar-default .nav > li > a:hover .icon-ice, .navbar-default .nav > li > a:focus .icon-ice, .navbar-default .nav > li.active > a .icon-ice {background-position: -4px -125px;}
.nav-icon.icon-ol {background-position: -4px -165px;}
.navbar-default .nav > li > a:hover .icon-ol, .navbar-default .nav > li > a:focus .icon-ol, .navbar-default .nav > li.active > a .icon-ol {background-position: -4px -205px;}
.nav-icon.icon-oe {background-position: -4px -405px;}
.navbar-default .nav > li > a:hover .icon-oe, .navbar-default .nav > li > a:focus .icon-oe, .navbar-default .nav > li.active > a .icon-oe {background-position: -4px -445px;}
.nav-icon.icon-pro {background-position: -4px -1205px;}
.navbar-default .nav > li > a:hover .icon-pro, .navbar-default .nav > li > a:focus .icon-pro, .navbar-default .nav > li.active > a .icon-pro {background-position: -4px -1245px;}
.nav-icon.icon-ad{background-position: -4px -1365px;}
.navbar-default .nav > li > a:hover .icon-ad, .navbar-default .nav > li > a:focus .icon-ad, .navbar-default .nav > li.active > a .icon-ad {background-position: -4px -1405px}
.nav-icon.icon-con{background-position: -4px -1285px;}
.navbar-default .nav > li > a:hover .icon-con, .navbar-default .nav > li > a:focus .icon-con, .navbar-default .nav > li.active > a .icon-con {background-position: -4px -1325px}


.nav-header{background:#493d55 none repeat scroll 0 0;font-size:21px;font-weight:300;padding:15px 15px 10px;transition: all 0.5s ease;}
body.mini-navbar .nav-header{font-size:0;padding:0;transition: all 0.5s ease;}
body.mini-navbar .navbar-default .nav > li.nav-header{height:55px;}
.navbar-default .nav > li.nav-header{border-left:0;}
.side-menu.nav{z-index:200;position:relative;}
.sidebar-collapse{height:100%;}
.navbar-default .nav > li > a{padding:10px 20px 10px 5px;color:#fff;}
.navbar-default .nav > li > a:hover, .navbar-default .nav > li.active > a{background-color:#3680bd;color:#fff}
.navbar-default .nav > li.has-child > a:focus { color: #fff;background: #493d55; }
.navbar-default .nav > li.has-child.active > a:focus { color: #fff;background: #3680bd; }
.navbar-default .nav > li > a.active{transition: all 0.5s ease;}
body.mini-navbar .navbar-default .nav > li > a{font-size:16px;transition: all 0.5s ease;}
.navbar-default .nav > li > ul.nav.nav-second-level > li > a:hover{background-color: #3680bd;    color: #fff;}
.mini-navbar .navbar-default .nav > li > a{padding:4px 10px;}
.has-child .nav.nav-second-level > li > a{padding-left:45px;}
.nav-second-level{background: #62566f}
.mini-navbar .nav-second-level{background-color:#62566f;font-size:12px;left:54px;padding:0px;position:absolute;top:0}
body.mini-navbar:not(.fixed-sidebar):not(.canvas-menu) .nav-second-level{display:none !important}
body.mini-navbar:not(.fixed-sidebar):not(.canvas-menu) .nav li:hover > .nav-second-level,.mini-navbar .nav li:focus > .nav-second-level{border-radius:0 2px 2px 0;display:block !important;height:auto;min-width:140px}
body.mini-navbar .navbar-default .nav > li > .nav-second-level li a{font-size:12px;padding:10px 15px;}
.has-child .arrow {top:18px;position:absolute;right:12px;}
.has-child.active .arrow.fa-angle-right::before{content:"\f107";}
.nav > li > a{color:#878787;font-size:15px;font-weight:300;transition: all 0.5s ease;}
.status-links li.active a { text-shadow: 0px 0px 0px #493d55;}
/*-- // TOP NAV // --*/
.navbar-static-top{background:#fff none repeat scroll 0 0;border:0;margin:0;}
.nav.navbar-right{margin-right: 0;}
.nav.navbar-right > li > a{color:#444;height:55px;border:0;line-height:39px;padding:10px 5px;}
.nav.navbar-right > li > a:focus, .nav.navbar-right > li > a:hover{background:none;}
.navbar-top-links li{display:inline-block;vertical-align:top;}
.navbar-top-links li a{min-height:41px;}
.icon-map{background:url(../../images/map-icon.png) no-repeat;width:30px;height:30px;display:block;}
.dashboard-text{position: absolute;left: 0;right: 0;margin: 0 auto;text-align: center;height: 55px;line-height: 40px;font-size: 18px;color:#a2a2a2;font-weight:300;padding: 8px 0;top: 0;}
.dashboard-text strong{color:#656565;}
.other-dashboard .panel-heading .dashboard-text{ left: auto;padding: 3px;}
.sub-nav{background: #f9f9f9;padding: 5px;border: 1px #e4e4e4 solid;border-bottom: 0;}
.border-bottom-t-nav{border-bottom:0!important;}
.nav.navbar-right > li > span{color:#444;font-size:18px}
.dropdown-menu{border:medium none;border-radius:3px;box-shadow:0 0 3px rgba(86,96,117,0.7);display:none;float:left;font-size:12px;left:0;list-style:outside none none;padding:0;position:absolute;text-shadow:none;top:100%;z-index:1000}
/*-- // MANAGE SHIPMENT TOP NAV // --*/
.status-links li{ display: inline-block;text-align: center;line-height: 12px;margin: 0 5px;}
.status-links li a{ font-size: 10px;}
.status-links li i{width: 25px;height: 25px;display: block;text-align: center;vertical-align: middle;border-radius: 15px;color: #fff;line-height: 25px;margin: 0 auto;font-size: 14px;font-style: normal;}
.status-links li.active i { box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.5);}
/*-- // WR NUMBER // --*/
.bg-brgreen{background:#ecfee6;border:1px #0a6522 solid;}
/*-- // LOGIN // --*/
.login-block {margin: 0 auto;width: 450px;padding-top:50px;}
.box-content{padding: 15px 20px 20px; color: #493d55;font-weight:300;}
.login-block .box-content h2{border-bottom: 5px solid #493d55;font-size: 37px;padding: 0 0 12px;}
.login-block .box-content h3{font-size:22px;}
.login-btn{border-radius:0;background:#493d55;font-weight:600;border-color:#493d55;width:100%;font-size:14px;}
.login-btn:hover, .login-btn:focus{background:#40353A;border-color:#40353A;}
.login-link{font-weight: 500; cursor:pointer;}
.error-msg{color:#fe6868;border:1px #fe6868 solid;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
/*-- //RIGHT CONTAINER// --*/
.right-container{background:#eee;overflow-y: auto}
h2.page-head{color:#a2a2a2;display:block;margin:14px 10px;padding:0;line-height:27px;font-weight:300;font-size: 18px;}
/*-- // JV DASHBOARD // --*/
.dark-block{background:rgba(0,0,0,.2);padding:2px 5px;position:relative;}
.left-detail{float:left;width:48%;font-size:11px;font-weight:500;text-align:left;}
.right-detail{float:right;width:42%;font-size:11px;font-weight:500;text-align:right;}
.left-detail span, .right-detail span{font-size:20px;vertical-align:middle;font-weight:100;}
.available-block{position: absolute;left: 0;right: 0;margin: 0 auto;width: 33px;font-size: 10px;text-align: center;top: -11px;line-height:12px;}
.image-track{background-size: cover;display: block;width: 1240px;height: 240px;margin: 0 auto 10px auto;position:relative;text-align:center;}
.image-track .track-number{color:#69008C;font-weight:600;font-size:15px;position:absolute;background:none;border:0;padding:0;font-family:'Roboto Condensed', sans-serif;}
.image-track .mead{left: 170px;top: 112px;}
.image-track .lockchart{left: 585px;top: 110px;}
.image-track .lacde{left: 1004px;top: 110px;}
.image-track .daivic{left: 1204px;top: 194px;}
.image-track .ekati{left: 1204px;top: 30px;}
.image-track .mead-lockchart{left: 402px;top: 73px;}
.image-track .lockchart-mead{left: 340px;top: 73px;}
.image-track .lockchart-lacde{left: 828px;top: 73px;}
.image-track .lacde-lockchart{left: 764px;top: 73px;}
.image-track .lacde-daivic{right: 102px;top: 154px;}
.image-track .daivic-lacde{right: 160px;top: 155px;}
.image-track .lacde-ekati{right: 106px;top: -8px;}
.image-track .ekati-lacde{right: 163px;top: -8px;}
.direction-block{position:absolute;bottom:-15px;left:0;right:0;margin:0 auto;text-align:center;}
.direction-block span{display:block;color:#b7b7b7;}
.icon-arrow{background:url(../../images/arrow.png) no-repeat;background-size:cover;width:50px;height:10px;display:inline-block;}
.road-closure-error{background:#eddadc;color:#bf1f37;border:1px #bf1f37 solid;text-align:center;padding:2px 0;margin-bottom: 10px;}
.road-closure-error a{display:block;padding:0;font-size:10px;line-height:10px;color:#bf1f37;margin-top:3px;}
.icon-exclamation{background:url(../../images/roadalertred.png) no-repeat;width:20px;height:20px;display:inline-block;vertical-align:middle;background-size:cover;margin-right:10px;}
/*-- // CARRIER MODAL // --*/
.carrier-modal .grid-title .title-block{padding:10px 0;}
.carrier-modal .grid-right-block{padding:10px 0;}
.carrier-modal .modal-body{padding:7px;}
.carrier-modal .modal-content{border:10px #efefef solid;border-radius:0;}
.carrier-modal .grid-title{border:0;margin-bottom:10px;}
.carrier-modal .next-title{position:absolute;right:0;left:0;top:10px;margin:0 auto;width:180px;text-align:center;color:#aaa;font-size:16px;font-weight:300;}
.carrier-modal button.close, .dispatch-modal button.close{position:absolute;right:1px;z-index:1;top:-2px;}
/*-- // CARRIER // --*/
.shipment-block{padding:10px 60px;}
.color-block{width:200px;display:inline-block;margin:0 3px;}
.shipment-wrap{color:#fff;position:relative;font-family:'Roboto', sans-serif;}
.shipment-wrap .number-block{font-size:44px;position:absolute;left:0;width:100px;text-align:center;font-weight:100;top: 5px;}
.shipment-wrap .number-text{float: right;font-size: 22px;width: calc(100% - 100px);padding: 15px 10px 15px 0;text-align:right;font-weight:300;}
.grid-wrap .grid-title .add-button{position:absolute;right:0;top:0;}
/*.add-button > a{padding: 13px 15px;display: block;border-left:1px #eee solid;text-align:center;color:#9ba3a8;}*/
.add-button a{padding: 9px 10px;text-align:center;color:#9ba3a8;display: block;background: #fff;}
.add-button {margin-bottom: 10px; }
/*-- // OTHER DESTINATION DISPATCH // --*/
.other-dashboard .panel-default{border:0;border-radius:0;}
.other-dashboard .panel-heading{background:none;border:0;padding:0;}
.other-dashboard .panel-title{padding:10px;border-bottom:1px #eee solid;}
.other-dashboard .panel-title a{color:#a5a5a5;font-weight:300;display:block;padding:5px 0;}
.other-dashboard .panel-title a strong{color:#606060;}
.other-dashboard .panel-default>.panel-heading+.panel-collapse>.panel-body{border:0;}
.edit-block{padding:5px 10px;position:relative;border-bottom:1px #eee solid;}
.edit-block label{display:block;color:#b2b2b2;font-weight:300;}
.tab-btn-wrap{position:absolute;right:0;top:0;}
.tab-btn-wrap ul{margin:0;padding:0;list-style:none;}
.tab-btn-wrap ul > li{display:inline-block;}
.tab-btn-wrap ul > li > a{padding:4px 10px;text-align:center;display:block;line-height:12px;border-left: 1px #eee solid;}
.tab-btn-wrap ul > li> a > i{display:inline-block;text-align:center;font-size:19px;}
.tab-btn-wrap ul > li> a > span{display:block;line-height: 13px;width: 35px;font-size:11px;}
.acc-icon{background:url(../../images/icon-sprite.png) no-repeat;display:block;}
.single-arrow{background-position:-1px -17px;width:18px;height:19px;}
.double-arrow{background-position:-1px 0px;width:18px;height:19px;}
.insert-icon{background-position:0px -35px;width:18px;height:19px;}
.plus-icon{background-position:0px -56px;width:18px;height:19px;}
.other-dashboard .panel-body > label{font-size:15px;font-weight:400;margin-bottom: 5px;}
.other-dashboard .grid-pos{padding:0;}
.other-dashboard .grid-pos table.grid-scroll{margin:0;}
.other-dashboard .grid-tags ul li{font-size: 14px;/*line-height: 18px;*/}
.other-dashboard .grid-pos table thead tr th{font-size:16px;color:#5c5c66;height:40px;line-height:40px;/*text-align:left;*/}
.other-dashboard .grid-pos table.grid-scroll thead, table.grid-scroll thead{background:#dadbdf;border-bottom:0;border-top:1px #333 solid;height:40px;}
.other-dashboard .last-dispatch{ right: 0;top: 0;}
/*-- // ACCORDION // --*/
.panel-heading .accordion-toggle:after {font-family: 'FontAwesome'; content: "\f077";float: right;color: grey;}
.panel-heading .accordion-toggle.collapsed:after {content: "\f078";}
/*-- // FIXED HEADER GRID [ONLY FOR HTML] // --*/



.black{border-bottom:1px #333 solid;margin:0;}
.grid-pos table.grid-scroll {width: 100%;margin:15px 0 0 0;}
.grid-pos table.grid-scroll tbody, .grid-pos table.grid-scroll thead{ display: block;clear:both;}
.grid-pos table.grid-scroll thead{border-bottom:1px #333 solid;height:32px;padding-right:15px;}
.grid-pos table.grid-scroll thead.no-bottom-border{border-bottom:none;height:32px;padding-right:15px;}
.grid-pos table thead tr, .grid-pos table tbody tr{display:block;}
.grid-pos table thead tr th {height: 30px;line-height: 30px;color: #989898;font-size: 18px;font-weight: 300;float: left;padding:0 5px;}
.default-grid thead tr th{height: 30px;line-height: 30px;color: #989898;font-size: 18px;font-weight: 300;border:0;}
.grid-pos table thead tr th.search-header{padding-left: 120px;}
.grid-pos table tbody tr td{font-size:16px;vertical-align:middle;padding:2px 5px 0 5px;padding-bottom:2px;border-bottom:1px #e2e2e2 solid;height: 41px;line-height:35px;position:relative;float:left;}
.default-grid tbody tr td{font-size:16px;vertical-align:middle;padding:2px 5px 2px 5px;border:0;height: 41px;line-height:35px;}
.grid-pos table tbody tr.no-bottom-border td{ border-bottom: none;}
.grid-pos table tbody tr td > a{position:absolute;left:10px;top:3px;padding:0;color:#b9b9c3;font-size:17px;width: 10px;}
.grid-pos table.grid-scroll tbody{overflow-y: auto;overflow-x: hidden;}
.grid-wrap{background:#fff;font-family:'Roboto Condensed', sans-serif;position:relative;height: 100%;}
.grid-pos{position:relative;padding:20px 0 0 0;}
.grid-title{border-bottom:1px #eee solid;}
.grid-title .title-block{width:49.9%;float:left;padding:10px;}
.grid-right-block{float:right;width:49%;text-align:right;padding:10px;}
.grid-right-block input{border:0;border-bottom:1px #eee solid;color:#eee;padding:5px 0;font-size:12px;width:220px}
.grid-right-block input:focus{outline:none;}
.grid-right-block input::placeholder  {color:#ccc;}
.grid-right-block p{color:#b00000;font-size:17px;padding:0;}
.grid-title .title-block h2{padding:0;}
.last-dispatch{position:absolute;right: 9px;top: 27px;font-size:16px;}
.search-grid-tags{ width: 100px;display: inline-block;vertical-align: top;}
.search-grid-tags ul{ list-style: none;}
.grid-tags{display:inline-block;overflow-x: auto;width: calc(100% - 120px);}
.grid-tags.grid-tags-selectwr{ width: calc(100% - 215px);vertical-align: bottom;}
.grid-tags.grid-tags-wrconvoy{ width: 100%;}
.last-dispatch .grid-tags{vertical-align: middle;width: 230px;}
.grid-tags ul{list-style:none;padding:0;margin:0;}
.grid-tags ul li{display:table-cell;vertical-align: middle;}
.grid-tags ul li>div{min-width:40px; max-height: 30px; height: 30px;display: block;font-size: 14px;border-radius:5px;text-align:center;line-height:12px;margin: 0 2px 0 2px;}
.grid-tags::-webkit-scrollbar {
  width: 4px;background-color: #3680bd;height: 4px;
}
.grid-tags::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #fff;
}
.grid-tags::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #ccc;
}
.search-grid-tags ul li.input-list{padding:0;}
.panel-body .grid-tags ul li.input-list{width:100%;}
.search-grid-tags ul li .dx-texteditor{ border-radius: 0;border: 0;}
.search-grid-tags ul li .dx-placeholder:before{ padding: 0;font-size: 12px;}
.search-grid-tags ul li .dx-autocomplete .dx-texteditor-input{ font-size: 14px;}
.search-grid-tags ul li input{border:0;width:100%;border-bottom:1px #ccc solid;font-size:12px;padding: 3px 0;min-height: 32px;border-radius: 0;}
.search-grid-tags ul li .br-red input{ color: #cf4733; background: #fce1e1;}
.search-grid-tags ul li input::placeholder  {color:#a2a2a2;}
.search-grid-tags ul li input:focus{outline:none;}
.grid-link{text-align:right;text-decoration:underline;}
.grid-link a,.grid-link span{font-size:12px;margin-left:5px;}
.grid-link a.disable,.grid-link span{color:#a0a0a0;cursor: not-allowed}
.grid-link a{color:#2f7ed1;}
.link-delete{color:#cf4733;}
.interval-block{background:#493d55;position:absolute;right:0px;left:0px;bottom:0px;padding:7px 10px;font-size:14px;color:#e8dfea;}
.interval-block a{color:#e8dfea;font-size:18px;vertical-align:middle;margin-left:5px;}
.interval-block a:hover, .interval-block a:focus{color:#a2a2a2;}
.time-block{position:absolute;left:110px;bottom:43px;background:rgba(73, 61, 85, 0.85);border-radius:5px;padding:15px;text-align:left;width:580px;}
.time-block p.title{font-size:16px;}
.time-block .dx-field { color: #e8dfea;min-height: auto; display: inline-block;font-family: 'Roboto Condensed', sans-serif;margin-right: 5px;}
.time-block p{padding:0 0 5px 0;color:#fffdff;}
.time-block p label{margin:0 7px;font-weight:400;}
.time-block p label input[type=radio]{margin:0;vertical-align: middle;margin-right: 3px;}
.time-block .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button), .time-block  .dx-field-value-static{width:50px; float: none; display: inline-block; vertical-align: middle;}
.time-block .dx-texteditor{background:#cbc8cf;border:0;padding:3px 5px;color:#333;border-radius: 0;padding: 0;}
.time-button{padding-top: 5px;text-align: center;display: inline-block;margin-left: 20%;position: relative;}
.time-button .pop-over-btn{background:#cbc8cf;display:inline-block;border-radius:2px;padding:3px 30px;color:#493d55;font-size:14px;font-weight:600; border: 0;margin-left: 5px;}
.time-button .pop-over-btn.dx-button-has-text .dx-button-content { padding: 0; }
.time-button .pop-over-btn .dx-button-text { line-height: 1;}
.time-block .dx-field-label {font-family: 'Roboto Condensed', sans-serif; color: #e8dfea;padding: 0;width: auto; float: none; display: inline-block; vertical-align: middle;}
.time-block .dx-texteditor-input{ padding: 4px 5px; background: transparent; border-radius: 0px; min-height: auto;}
.time-block .dx-invalid-message.dx-overlay-wrapper { text-align: left;}

.setting-text{display: inline-block;}
.setting-text a{font-size: 12px;}
.clear-toggle {z-index: 1;background: rgba(73, 61, 85, 0.85);border-radius: 5px;font-size: 12px;color: #fff;line-height: 16px;padding: 5px 10px;left: 0;top: 0;text-align: left;
  -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);} /*width: 100px;position: absolute;*/
.dx-popover-wrapper .dx-popover-arrow:after, .dx-popover-wrapper.dx-popover-without-title .dx-popover-arrow:after {background: #645a6e;}
.shipment-info p{line-height: normal;}
/*.clear-toggle{z-index: 1;background:rgba(73, 61, 85, 0.85);border-radius:5px;font-size:12px;color:#fff;line-height:16px;padding:5px 10px;position: absolute;left: 22px;top: -2px;width: 155px;text-align:left;
-webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);
box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);}*/
.clear-toggle a{ display: block;padding: 0;margin: 0;}
.clear-toggle a, .clear-toggle a:hover, .clear-toggle a:focus{color:#fff;}
.clear-toggle a.link-disabled, .clear-toggle a.link-disabled:hover, .clear-toggle a.link-disabled:focus{opacity: 0.4;cursor: not-allowed}
.other-dashboard a.link-disabled, .other-dashboard a.link-disabled:hover, .other-dashboard a.link-disabled:focus{opacity: 0.4;cursor: not-allowed}
table.grid-scroll tr.row-disabled{opacity: 0.8;cursor: not-allowed}
/*-- // MANAGE SHIPMENT // --*/
.manage-grid{margin-top:15px;}
.manage-grid table thead tr th{color:#333;font-size: 16px;font-weight: 400;}
.manage-grid table tbody tr td{font-size:14px;}
.bg-status{color:#fff;text-align:center;font-size:11px;width:70px;border-radius:2px;padding:2px;margin:0 auto;}
.nav.navbar-right > li.add-button{border-left:1px #eee solid;border-right:1px #eee solid;}
.nav.navbar-right > li.add-button a{font-weight:300;color:#9ba3a8;padding:10px;}
.view-block{margin: 0 auto;display: inline-block;position: absolute;left: 0;right: 0;text-align: center;padding: 15px 0;}
.my-view-block {display: block; position: relative;}
.view-block select{padding:5px;border:0;font-size:16px;}
.view-block select:focus{outline:none;}
.view-btn{position:relative;display:inline-block;}
.view-btn>a{font-size:16px;}
.view-btn>a:hover, .view-btn>a:focus{color:#0059B2;}
.arrow-box {position: absolute;text-align: left;padding: 5px;width: 100px;top: 25px;right: -12px;background: #fff;border: 1px solid #ececec;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.13);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.13);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.13);border-radius:5px;font-size:11px;line-height:14px;z-index: 99;}
.arrow-box:after, .arrow-box:before {bottom: 100%;right: 9px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.arrow-box:after {border-color: rgba(136, 183, 213, 0);border-bottom-color: #fff;border-width: 10px;right:11px;margin-left: -10px;}
.arrow-box:before {border-color: rgba(194, 225, 245, 0);border-bottom-color: #ececec;border-width: 12px;margin-left: -12px;}
.arrow-box ul{list-style:none;}

/*-- // MODAL VERTICAL CENTER // --*/
.modal {text-align: center;padding: 0!important;}
.modal:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -4px;}
.modal-dialog {display: inline-block;text-align: left;vertical-align: middle;}
/*-- //CONTAINER// --*/
.content-wrapper {padding:10px;overflow-y:auto; height: 100%;}
.icon-btn{border:1px #ccc solid;display:inline-block;margin-right:5px;color:#777777;vertical-align:top;}
.icon-btn:hover, .icon-btn:focus{background:#0078D7;color:#fff;border-color:#0078D7;}
.btn-custom{border-radius:0;background:#fff;color:#777777;margin-right:5px;border:1px solid #ccc;padding:0;}
.btn-custom:hover, .btn-custom:focus{border:1px #0078D7 solid;background:#0078D7;color:#fff;}
.btn-custom-danger{border-radius:0;background:#FE6868;color:#fff;padding:0;}
.btn-custom-danger:hover, .btn-custom-danger:focus{border:1px #FE6868 solid;background:#fff;color:#FE6868;}
.btn-custom.form-btn{margin:0;width:100%;}
.sprite.sprite-export{background-position:-63px 0px;}
.icon-btn:hover .sprite.sprite-export{background-position:-63px -25px;}
.sprite.sprite-filter{background-position:-21px 0px;}
.icon-btn:hover .sprite.sprite-filter{background-position:-21px -25px;}
.sprite.sprite-grid{background-position:0 0px;}
.icon-btn:hover .sprite.sprite-grid{background-position:0 -25px;}
.sprite.sprite-report{background-position:-112px 0px;}
.icon-btn:hover .sprite.sprite-report{background-position:-112px -25px;}
.grid-view{border:1px #EAEAEA solid;margin-bottom:15px;}
.gridViewContainer .grid-details{width: 16px;height: 16px;-webkit-background-size: auto; -moz-background-size: auto; -o-background-size: auto;background-size: auto;background-image: url(../../images/sprite.png); background-repeat: no-repeat; display: inline-block;cursor: pointer;position: relative;top: 2px;background-position: 0 -155px;}
.sprite.sprite-info {background-position: -87px 0;margin:0 auto;}
.grid-btn-block{background:#F5F5F5;padding:5px;border:1px #eaeaea solid;}
/*-- // SWITCH BUTTON OVERRITE // --*/
.switch{position:relative;display:block;vertical-align:middle;width:100px;height:32px;cursor:pointer;display:inline-block;margin-bottom:0;}
.switch-input{position:absolute;top:0;left:0;opacity:0}
.switch-label{position:relative;display:block;height:inherit;font-size:14px;border:0;border-radius:inherit;background:#00cc66;color:#fff;}
.switch-handle{display:none}
.switch-label:before,.switch-label:after{position:absolute;top:0;bottom:0;line-height:1;-webkit-transition:inherit;-moz-transition:inherit;-o-transition:inherit;transition:inherit;text-align:center;padding:8px 0;font-weight:500;}
.switch-label:before{content:attr(data-off);right:0;left:0;margin:0 auto;text-align:center;padding:8px 0;}
.switch-label:after{content:attr(data-on);left:0; right:0;margin:0 auto;opacity:0}
.switch-input:checked ~ .switch-label{background:#fe6868;}
.switch-input:checked ~ .switch-label:before{opacity:0}
.switch-input:checked ~ .switch-label:after{opacity:1}
.switch-handle{position:absolute;top:4px;left:4px;width:28px;height:28px;background:linear-gradient(to bottom,#FFF 40%,#f0f0f0);background-image:-webkit-linear-gradient(top,#FFF 40%,#f0f0f0);border-radius:100%;box-shadow:1px 1px 5px rgba(0,0,0,0.2)}
.switch-handle:before{content:"";position:absolute;top:50%;left:50%;margin:-6px 0 0 -6px;width:12px;height:12px;background:linear-gradient(to bottom,#eee,#FFF);background-image:-webkit-linear-gradient(top,#eee,#FFF);border-radius:6px;box-shadow:inset 0 1px rgba(0,0,0,0.02)}
.switch-input:checked ~ .switch-handle{left:74px;box-shadow:-1px 1px 5px rgba(0,0,0,0.2)}
.switch-label,.switch-handle{transition:All .3s ease;-webkit-transition:All .3s ease;-moz-transition:All .3s ease;-o-transition:All .3s ease}
/*-- //CUSTOM FORM// --*/
.btn-save{background:#0078D7;color:#fff;}
.btn-save:hover, .btn-save:focus{background:#fff;color:#0078D7;border-color:#0078D7;}
.danger-btn{background:#FE6868;color:#fff;}
.danger-btn:hover, .danger-btn:focus{background:#fff;color:#FE6868;border-color:#FE6868;}
/*-- //ng-dialogue// --*/
.ngdialog-overlay{z-index:-1;}
.ngdialog {z-index: 1000 !important;overflow: hidden;}
.ngdialog .ngdialog-content{margin: 1% auto;width: 850px;position:relative;}
.ngdialog-close::before{font-size:20px;z-index:1000;}
.ngdialog .resolution-dialogue{overflow:hidden;}
.label-block{ margin-bottom: 2px;font-weight: 100; color: #666}
/*-- // DEVELOPERS // --*/
.mandatory-block{color:#f05050;font-size:14px;line-height:16px;}
/*-- //GRID CELL // --*/
.status-inactive , .grid-cell-status-inactive {background-color: #FFC7CE !important;color:#9C0006 !important}
.status-active, .grid-cell-status-active {background-color: #C6EFCE !important;color:#006100 !important}
.status-inactive {border: solid 1px #9C0006 !important}
.status-active {border: solid 1px #52c168 !important}
.impact-type-options-spills{width:300px; float:left !important;}
.impact-type-options-release {float:left !important;width:250px;margin-left:-225px !important;position:absolute;}
.impact-type-options-wildlife {float:left !important;width:150px;margin-left:-130px !important;position:absolute;}
.btn-unassign{padding:5px;cursor:pointer;background-color:lightgray;}
.btn-unassign:hover{background-color:gray;}
/*-- // TABLE GRID BLOCK// --*/
.grid-tags li img, .grid-tags li i{display: block;text-align: center;margin: 0 auto;padding: 0;max-height: 12px;}
.convoy-text{position: absolute;left: 2px;top: 2px;font-size: 12px;}
.convoy-data{ position: absolute;left: 0;right: 0;bottom: 2px;}
.grid-tags li i.experienced-star{position: absolute;right: 2px;top: 2px;font-size: 12px;}
.experienced-star {color: #FFD24D;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #663300;}
.grid-tags ul li a.text-white:hover, .grid-tags ul li a.text-white:focus{color: #fff;}
/*.last-dispatch .grid-tags ul li {line-height: 26px;}*/
.tooltip-inner {white-space:pre;max-width: none;}
/*-- // SHIPMENT // --*/
.shipment-number{font-weight:100;font-size:16px;color:#5f5f5f;}
.ng-modal-content{padding:15px 20px;}
.shipment-status { width: 200px;  position: absolute; height: auto; right: 20px; top: 0; bottom: 0; max-height: 90%; }
.shipment-form h3, .shipment-status h3{font-weight:600;font-size:16px;text-transform:uppercase;margin-bottom:20px;}
.shipment-form h3 > span, .shipment-status h3 > span{font-weight:300;text-transform:none;}
.shipment-form{width:calc(100% - 200px);float:left;}
.shipment-form .help-block{font-size:12px;position: absolute;right: -22px;top: 6px;word-wrap: break-word;text-align:center;line-height:13px;color:#909090;}
.general-block{width:70%;float:left;padding:0 5px;margin-bottom:15px;}
.general-detail-column1{width:50%;float:left;}
.general-detail-column2{width:50%;float:left;}
.general-detail-row { float: left;  width: 100%; }
.general-detail-row .dx-field { display: inline-block; min-width: 280px;}
.shipment-form .general-detail-row .dx-field:last-child .dx-field-label { width: 70px; }
.shipment-form .general-detail-row .dx-field:last-child .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button){ width: calc(100% - 70px);}
.shipment-form .general-detail-row .help-block{font-size:12px;position: absolute;right: -83px;top: -6px;width: 80px;word-wrap: break-word;text-align:center;line-height:13px;color:#909090;}
.upload-block{width:25%;float:right;padding:0 5px;}
.shipment-form .upload-block h3 { padding: 0 18%;}
.upload-block p { width: 65%; margin: 0 auto; text-align: left;color: #666; font-weight: 100;}
.custom-upload{margin:5px 0 12px;text-align:center;line-height: normal;}
.custom-upload a{color:#0059B2;text-decoration:underline;}
.custom-upload .btn-close{border:1px #333 solid;font-size:12px;border-radius:10px;width:18px;height:18px;text-align:center;padding:1px;margin-left:15px;display:inline-block;color:#333;font-weight:600;text-decoration:none;}
.default-grid .custom-upload{height:20px;line-height:20px;position:relative;}
.default-grid .custom-upload .btn-close{top:0;line-height:14px;}
.driver-block{margin-bottom:15px;}
.driver-block .driver-field{width:50%;float:left;padding:0;}
.driver-block .carrier-field { float: left; width: 40%; }
.driver-block .driver-checkbox{width:auto;text-align:right;padding: 7px 5px;display: inline-block;vertical-align: middle;}
.driver-block .pumper-unit-checkbox { padding-left: 15px;}
.load-block{position:relative;}
.load-block h3 i { font-size: 11px;    vertical-align: bottom;}
.load-alert{background:#fbe9e4;border:1px solid #e04749;text-align: center;color: #e04749;padding:10px;position:absolute;top:-7px;right:0;left:130px;border-radius:3px;}
.load-detail-column1{width:35%;float:left;}
.load-detail-column2{width:35%;float:left;padding-right:0px;}
.load-detail-column2 .help-block{right:-24px;width:auto;top:5px;}
.load-detail-column3{width:23%;float:left;padding-right:0px;}
.load-detail-column3 .help-block{width: auto;right: 5px;top: 5px;}
.load-detail-column4{width:20.2%;float:left;}
.load-detail-column4 .help-block{width: auto;right: 5px;top: 5px;}
.gvm-value { display: inline-block; vertical-align: middle; padding: 8px 0 9px; color: #909090;}
.shipment-form .load-detail-column5 .dx-field-label { width: 60px; }
.load-radio-block ul{list-style:none;}
.load-radio-block ul li{width:1%;display:table-cell;}
.permit-block{background:#fff6de;border:#986633 solid 1px;padding:15px;margin:0 30px 15px 30px;}
.permit-block .permit-detail-column1{width:20%;float:left;padding:0 40px 0 5px;}
.permit-block .permit-detail-column2{width:20%;float:left;padding:0 40px 0 5px;}
.permit-block .permit-detail-column3{width:20%;float:left;padding:0 40px 0 5px;}
.permit-block .permit-detail-column4{width:20%;float:left;padding:0 40px 0 5px;}
.permit-block .permit-detail-column5{width:20%;float:left;padding:0 40px 0 5px;}
.select-load-option{ max-width: 96%; margin: 0 auto;}
.history-link { display: block; padding: 0 20px; color: #676a6c; text-decoration: underline;}
.progress-bar-vertical {width: 12px; min-height: 100%; display: flex; align-items: flex-start;box-shadow: none; border-radius: 0;background-color: #CEC7D6; border: 1px solid  #4B3F57; background-image: repeating-linear-gradient(45deg, transparent, transparent 1px, rgba(255,255,255,.8) 3px, rgba(255,255,255,.1) 3px);}
.progress-bar-vertical .progress-bar { width: 100%; height: 0; -webkit-transition: height 0.6s ease; -o-transition: height 0.6s ease; transition: height 0.6s ease;}
.progress-bar { box-shadow: none;}
.shipment-statusbar {position: absolute; height: 69%; left: -10px; top: 0px;}
.shipment-timeline { padding-right: 10px; float: right; position: relative; height: 100%;}
.progress-bar-light-green { background-color: #97b092;background-color: rgba(35,190, 0, 0.6); }
.warning-block { display: inline-block; vertical-align: middle; color:#9d6904 ;    font-size: 15px;letter-spacing: 0.5px;     padding: 5px 0;} 
.warning-block i{color: #d67400;    font-size: 22px;}
.permit-block + .notes-block .dx-texteditor { height: 50px;}
/*-- // SHIPMENT ORDER TRACK // --*/
.list-group.vertical-steps{padding-left:20px; height: 100%;}
.list-group.vertical-steps .list-group-item{border:0;border-left:1px solid #848484;box-sizing:border-box;border-radius:0;padding-left:22px;padding-right:0;padding-bottom:20px;padding-top:0;width:100px;}
.list-group.vertical-steps .list-group-item.active{background-color:transparent;color:inherit}
.list-group.vertical-steps .list-group-item:last-child{border-left:3px solid transparent;padding-bottom:0}
.list-group.vertical-steps .list-group-item::before{border-radius:50%;background-color:#ece5dd;color:#555;content:"";display:inline-block;float:left;height:25px;line-height:25px;margin-left:-35px;text-align:center;width:25px}
.list-group.vertical-steps .list-group-item:nth-child(1){color:#CB8316;text-align:center;}
.list-group.vertical-steps .list-group-item:nth-child(1)>span{color:#676a6c}
.list-group.vertical-steps .list-group-item:nth-child(1)::before{background-color:#CB8316}
.list-group.vertical-steps .list-group-item:nth-child(2){color:#69008C;text-align:center;}
.list-group.vertical-steps .list-group-item:nth-child(2)>span{color:#676a6c}
.list-group.vertical-steps .list-group-item:nth-child(2)::before{background-color:#69008C}
.list-group.vertical-steps .list-group-item:nth-child(3){color:#0059B2;text-align:center;}
.list-group.vertical-steps .list-group-item:nth-child(3)>span{color:#676a6c}
.list-group.vertical-steps .list-group-item:nth-child(3)::before{background-color:#0059B2}
.list-group.vertical-steps .list-group-item:nth-child(4){color:#006600;text-align:center;height:auto;}
.list-group.vertical-steps .list-group-item:nth-child(4)>span{color:#676a6c}
.list-group.vertical-steps .list-group-item:nth-child(4)::before{background-color:#006600}
.list-group.vertical-steps .list-group-item span,.list-group.vertical-steps .list-group-item a{display:block;overflow:hidden;padding-top:2px}
.list-group.vertical-steps .list-group-item.active::before{}
.list-group.vertical-steps .list-group-item.completed{border-left:3px solid #0052c2}
.list-group.vertical-steps .list-group-item.completed::before{background-color:#0052c2;color:#fff}
.list-group.vertical-steps .list-group-item.completed:last-child{border-left:3px solid transparent}
/*-- // OVERRITE // --*/

.view-block{ background: #fff;padding: 3px 7px;margin-bottom: 10px;}
.view-block > label{ display: inline-block;vertical-align: middle;font-weight: 400;margin-right: 5px;}
.view-block > .dx-field{ display: inline-block;vertical-align: middle;margin: 0;}
.view-block > .view-btn{display: inline-block;vertical-align: middle;}
.view-block .dx-selectbox .dx-texteditor-input{ padding: 3px;}
.view-block .dx-field{ min-height: 25px;}
.view-block.history-block{position: absolute;left: 0;right: 0;margin: 0 auto;width: 315px;top: 65px;padding:3px 10px;margin-top: 5px;}
/*.view-block.history-block{position: absolute;left: 0;right: 0;margin: 0 auto;width: 627px;top: 6px;padding:2px 10px;}*/
.view-block.history-block .show-history{display: inline-block;vertical-align: middle;margin-right: 20px;}
.view-block.history-block .dx-field{margin:0;}
.view-block.history-block .dx-field .dx-texteditor{width:215px;}
.view-block.history-block .dx-field-label{width: 100px;}
.view-block.history-block .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button){width: calc(100% - 100px);}
.view-block.history-block .dx-field-value.dx-radiogroup, .view-block.history-block .dx-field-value:not(.dx-widget) > .dx-radiogroup{margin:5px 0;}
.view-btn{position:relative;display:inline-block;}
.view-btn>a{font-size:16px;}
.view-btn>a:hover, .view-btn>a:focus{color:#0059B2;}
.clear-toggle.view-toggle{ background: none;padding: 5px;border-radius:0;}
.clear-toggle.view-toggle li{ line-height: 14px;}
.clear-toggle.view-toggle a{ color: #0A4273;font-size: 11px; opacity: 0.8}
.clear-toggle.view-toggle a:hover {  opacity: 1}

.delete-button a {
    padding: 8px 10px;
    text-align: center;
    color: #b0373d;
    display: block;
    background: #FFBFC0;
    border: 1px solid #b0373d;
}



.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical .dx-scrollable-content, .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content{padding-right:0;}
.dropdown .dx-button-has-icon .dx-button-content{padding:0;}
.model-spacing{position:relative;overflow: hidden}
/*.dx-scrollable-container{overflow:visible;}*/
.dx-button-has-icon .dx-icon{font-size:22px;width: 30px;}
.dx-texteditor.dx-state-focused, .dx-texteditor.dx-state-active{border-color:#006FC8;}
.icon-btn .dx-button-has-icon .dx-button-content{padding:6px 7px;}
.btn-custom.dx-button-has-text .dx-button-content{padding:5px 10px;}
.dx-icon.sprite, .sprite{background:url(../../images/sprite.png) no-repeat;background-position:0 0;width:15px; height:15px;display:block;}
.dx-datagrid-headers .dx-datagrid-table .dx-row > td, .dx-datagrid .dx-column-lines > td{border-color:#EAEAEA;}
.dx-datagrid-rowsview .dx-selection.dx-row > td, .dx-datagrid-rowsview .dx-selection.dx-row:hover > td{background-color:#0078D7;color:#fff;}
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-lines) > td, .dx-datagrid-rowsview .dx-selection.dx-row:hover:not(.dx-row-lines) > td{border-bottom:#0078D7;border-top:#0078D7;}
.dx-column-lines.dx-selection td a{color:#fff;}
.icon-btn .dx-button{border:0;box-shadow:none;background:#fff;border-radius:0;}
.icon-btn:hover .dx-button, .icon-btn:focus .dx-button{background:#0078D7;color:#fff;border-color:#0078D7;}
.dx-column-lines.dx-selection td .sprite.sprite-info{background-position:-87px -25px;}
.dx-pager .dx-pages .dx-selection, .dx-pager .dx-page-sizes .dx-selection{background-color:#0078D7;}
.dx-pager .dx-pages .dx-navigate-button{padding:4px 13px;}
.dx-pager .dx-pages .dx-page{padding:2px 7px;}
.dx-datagrid-headers{color:#828282;font-size:14px;}
.dx-datagrid-rowsview .dx-row > td{font-size:13px;}
.dx-menu-item-text{font-size:13px;color:#000;}
.dx-icon-filter-operation-not-contents{vertical-align:top;}
.dx-radiogroup-horizontal .dx-radiobutton{margin-right:10px;}
.shipment-form .dx-field-label{text-align:right;width:130px;padding-right: 15px; padding-left: 0;color: #666;font-weight: 100;}
.shipment-form .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button), .shipment-form .dx-field-value-static{width:calc(100% - 130px);}
.custom-upload .dx-fileuploader-wrapper{padding:0;}
.custom-upload .dx-fileuploader-input-wrapper.custom-upload .dx-fileuploader-input-wrapper{padding:0;margin:0;border:0;}
.custom-upload .dx-button{border:0;color:#0059B2;font-size:14px;float:none;}
.custom-upload .dx-button-has-text .dx-button-content{padding:0;}
.custom-upload .dx-button.dx-state-hover{background:none;}
.custom-upload .dx-button-text{text-decoration:underline;}
.custom-upload .dx-fileuploader-input-container{display:none;}
/*-- //COLOR OVERWRITE// --*/
.dx-switch.dx-state-active .dx-switch-container{border-color:#0078D7;background-color:#0078D7}
.dx-switch.dx-state-hover .dx-switch-container{border-color:#0078D7}
.dx-switch.dx-state-focused .dx-switch-container{border-color:#0078D7}
.dx-switch-off{color:#0078D7}
.dx-switch-on{color:#0078D7}
.dx-tab.dx-state-focused:after{border:1px solid #0078D7;}
.dx-tab .dx-icon{color:#0078D7;}
.dx-tab-selected .dx-icon{color:#0078D7}
.dx-nav-item.dx-state-focused,.dx-rtl .dx-nav-item.dx-state-focused{-webkit-box-shadow:inset 0 0 0 1px #0078D7;-moz-box-shadow:inset 0 0 0 1px #0078D7;box-shadow:inset 0 0 0 1px #0078D7}
.dx-texteditor.dx-state-focused,.dx-texteditor.dx-state-active{border-color:#0078D7;}
.dx-show-clear-button .dx-icon-clear{color:#0078D7;}
.dx-dropdowneditor-icon{color:#0078D7;}
.dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon,.dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon{color:#0078D7;}
.dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-radiobutton-icon:before,.dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-checkbox-icon{border-color:#0078D7}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused{background-color:#0078D7;}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active{background-color:#0078D7;}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-list-slide-item-content{background-color:#0078D7;}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item .dx-icon{color:#0078D7}
.dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused{background-color:#0078D7;}
.dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active{background-color:#0078D7;}
.dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-listime-blockt-item.dx-state-active .dx-list-slide-item-content { background-color: #0078D7;}
.dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item .dx-icon{color:#0078D7}
.dx-progressbar-range{border:1px solid #0078D7;background-color:#0078D7;}
.dx-progressbar-animating-container{background-image:-webkit-linear-gradient(left,transparent 5%,#0078D7,transparent 95%);background-image:-moz-linear-gradient(left,transparent 5%,#0078D7,transparent 95%);background-image:-ms-linear-gradient(left,transparent 5%,#0078D7,transparent 95%);background-image:-o-linear-gradient(left,transparent 5%,#0078D7,transparent 95%);}
.dx-rtl .dx-progressbar .dx-progressbar-animating-container,.dx-rtl.dx-progressbar .dx-progressbar-animating-container{background-image:-webkit-linear-gradient(left,transparent 5%,#0078D7,transparent 95%);background-image:-moz-linear-gradient(left,transparent 5%,#0078D7,transparent 95%);background-image:-ms-linear-gradient(left,transparent 5%,#0078D7,transparent 95%);background-image:-o-linear-gradient(left,transparent 5%,#0078D7,transparent 95%);}
.dx-slider-range.dx-slider-range-visible{background:#0078D7;}
.dx-lookup-arrow{color:#0078D7;}
.dx-tag-remove-button:before,.dx-tag-remove-button:after{background:#0078D7}
.dx-radiobutton-checked .dx-radiobutton-icon-dot{background:#0078D7;margin-left: 5px;margin-top: -15px;}
.dx-radiobutton.dx-state-hover .dx-radiobutton-icon:before{border-color:#0078D7}
.dx-radiobutton.dx-state-focused:not(.dx-state-active) .dx-radiobutton-icon:before{border:1px solid #0078D7}
.dx-state-focused.dx-accordion-item{border-color:#0078D7}
.dx-pager .dx-pages .dx-selection,.dx-pager .dx-page-sizes .dx-selection{background-color:#0078D7}
.dx-datagrid .dx-link{color:#0078D7}
.dx-datagrid-focus-overlay{border:2px solid #0078D7}
.dx-datagrid-filter-row .dx-menu-item.dx-state-focused:after{border:2px solid #0078D7}
.dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor.dx-state-focused:after{border:2px solid #0078D7}
.dx-datagrid-rowsview .dx-selection.dx-row > td,.dx-datagrid-rowsview .dx-selection.dx-row:hover > td{background-color:#0078D7;}
.dx-datagrid-rowsview .dx-selection.dx-row > td.dx-datagrid-group-space,.dx-datagrid-rowsview .dx-selection.dx-row:hover > td.dx-datagrid-group-space{border-right-color:#0078D7}
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-lines) > td,.dx-datagrid-rowsview .dx-selection.dx-row:hover:not(.dx-row-lines) > td{border-bottom:1px solid #0078D7;border-top:1px solid #0078D7}
.dx-datagrid-search-text{color:#fff;background-color:#0078D7}
.dx-menu-item .dx-icon{color:#0078D7}
.dx-menu-base .dx-menu-item-selected,.dx-menu-base .dx-menu-item-selected.dx-state-focused,.dx-menu-base .dx-menu-item-selected.dx-state-active{background-color:#0078D7}
.dx-calendar-cell.dx-calendar-selected-date,.dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today{color:#fff;background-color:#0078D7;}
.dx-treeview .dx-treeview-node.dx-treeview-item-with-checkbox.dx-state-focused > .dx-checkbox .dx-checkbox-icon{border:1px solid #0078D7}
.dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused > .dx-treeview-item{background-color:#0078D7}
.dx-tabpanel.dx-state-focused .dx-multiview-wrapper{border:1px solid #0078D7}
.dx-tabpanel.dx-state-focused .dx-tab-selected:after{border-top:1px solid #0078D7;border-right:1px solid #0078D7;border-left:1px solid #0078D7}
.dx-fieldset{margin:0;}
.dx-datebox-calendar .dx-dropdowneditor-icon::before, .dx-dropdowneditor-icon::before{color:#232323;}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-selectbox-selected.dx-state-focused{background-color:rgba(0, 120, 215, 0.7)}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-selectbox-selected{background-color:rgba(0, 120, 215, 0.25)}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover{background-color:rgba(0, 120, 215, 0.15)}
.dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon, .dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon{background-color:#fff;}
.stripped-datagrid .dx-datagrid .dx-row-alt > td {background-color:#F8F8F8}
.dx-popup-bottom.dx-toolbar{padding:10px 20px;margin:0;border-top:1px #ccc solid;}
.dx-field input, .dx-field textarea{font-family: 'Roboto Condensed', sans-serif;font-size:13px;}
.dx-texteditor-input{color:#666666;}
.dx-field-value span.sub-text{bottom: 10px;font-size: 12px; position: absolute;right: 30px;background:#FAFAFA;}
.dx-field-value span.sub-text.text-field{right:10px;}
.dx-texteditor-input{width:100% !important;}
.dx-button{border-radius:0;}
.dx-popup-content .dx-button{margin:0 7px 0 0;}
.dx-popup-title {font-family:'Roboto Condensed', sans-serif; font-weight: 100; color: #333;}
.dx-button-has-text .dx-button-content{padding:6px 12px;}
.dx-popup-content{padding:0;}
.custom-form .dx-fieldset .dx-field .dx-field-label{display:block;width:100%;font-weight:500;font-family: 'Roboto Condensed', sans-serif;color:#232323;}
.custom-form .dx-fieldset .dx-field .dx-field-value{display:block;width:100%;position:relative;font-family: 'Roboto Condensed', sans-serif;}
.addedit-popup .model-spacing > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content{padding:10px 20px;}
.addedit-popup .dx-scrollview-content .custom-form .dx-fieldset{overflow:hidden;}
.addedit-popup .dx-scrollview-content .custom-form.incident-wrap .dx-fieldset{overflow:visible;}
.addedit-popup .dx-scrollview-content .custom-form .dx-fieldset img{max-height:700px;}
.dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button).tab-field, .dx-field-value-static.tab-field{ width: 30%;float: left;}
.dx-popup-footer.ng-footer{bottom:auto;}
.dx-popup-footer{position:absolute;left:0;right:0;bottom:0;padding:10px 20px;background:#fff;border-top:1px #ccc solid;}
.ngdialog-popup .dx-scrollable-container{padding-bottom:54px;}
.ngdialog-popup .grid-view .dx-scrollable-container{ padding-bottom: 0;}
.dx-field{margin-bottom:15px;}
.dx-field:last-of-type{margin-bottom:15px;}
.dx-fieldset{padding:15px;margin:0;}
.dx-scrollview-content .dx-overlay-content {width:100% !important;}
.custom-upload .dx-button.dx-state-focused{ background: none;}
.checkbox-right .dx-checkbox-icon {float:right;vertical-align:middle;}
.dx-checkbox-text{margin-left:0;padding-left:0;margin-right: -22px;padding-right: 27px;line-height: 22px;font-weight: 100; color: #666}
.manage-road-pauses .dx-checkbox-text {font-weight: normal; color: #333}
.manage-road-pauses .dx-state-disabled .dx-checkbox-text {opacity: 1;}
.shipment-form .dx-field:last-of-type, .shipment-form .dx-field { margin-bottom: 20px;}
.shipment-form .driver-block {  margin-bottom: 0; }
.shipment-form .load-detail-column2 .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button), .shipment-form .load-detail-column2 .dx-field-value-static{width:calc(100% - 130px);}
.shipment-form .load-detail-column3 .dx-field-label{width:150px;}
.shipment-form .load-detail-column3 .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button), .shipment-form .load-detail-column2 .dx-field-value-static{width:calc(100% - 150px);}
.shipment-form .load-detail-column3 .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button) .dx-texteditor, .shipment-form .load-detail-column2 .dx-field-value-static .dx-texteditor, .shipment-form .load-detail-column4 .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button) .dx-texteditor{padding-right:22px;}
.shipment-form .load-detail-column4 .dx-field-label{width:120px;}
.shipment-form .load-detail-column4 .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button), .shipment-form .load-detail-column2 .dx-field-value-static{width:calc(100% - 120px);}
.shipment-form .load-detail-column5 { float: left;}
.shipment-form .load-radio-block ul li .dx-field-label{display:block;text-align:center;width:100%;padding:8px 0;}
.shipment-form .load-radio-block ul li .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button), .shipment-form .load-radio-block ul li .dx-field-value-static{width:112px;float:none;margin:0 auto;}
.shipment-form .permit-block .dx-field-label{width: 110px;color:#986633;}
.permit-block .dx-field{margin-bottom:0;}
.shipment-form .permit-block .dx-field-value .dx-radiogroup .dx-widget{color:#986633;}
.shipment-form .permit-block .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button), .shipment-form .permit-block .dx-field-value-static{width:calc(100% - 110px);}
.shipment-form .permit-block .help-block{color:#986633;}
.permit-block .dx-radiobutton.dx-state-hover .dx-radiobutton-icon:before{border-color:#463b45}
.permit-block .dx-radiobutton-checked .dx-radiobutton-icon-dot{background:#463b45;}
.permit-block .dx-radiobutton.dx-state-focused:not(.dx-state-active) .dx-radiobutton-icon:before{border:1px solid #463b45}
.notes-block .dx-texteditor{height:145px;margin-bottom: 10px;}
.notes-block  .dx-textarea .dx-texteditor-input{resize: both;}
.shipment-form .select-load-option ul li .dx-field-label{text-align: left;}
.dx-link a{color: #9e8eae;}
.select-load-option .dx-field {display: inline-block;}
.ngdialog.ngdialog-theme-default .ngdialog-content{border-radius:0;background:#fff;padding:0; }
.ngdialog {text-align: center;padding: 0!important;}
.ngdialog:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -4px;}
.ngdialog-content {display: inline-block;text-align: left;vertical-align: middle;}
.ngdialog-overlay{background:rgba(0, 0, 0, 0.6);}
.btn-action {width: 22%;display: block;}
.footer-inputfield { width: calc(100% - 22%); display: block;text-align: center;float: right;}
.status-detail-column1, .status-detail-column2, .status-detail-column3 {display: inline-block; vertical-align: middle;}
.status-detail-column1{width: 120px;}
.status-detail-column2{width: 184px;}
.status-detail-column3{width: 120px;float: left;margin-left: 100px;}
.footer-inputfield .status-detail-column2 .dx-field-label{ width: 130px;}
.footer-inputfield .status-detail-column2 .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button), .status-detail-column2 .dx-field-value-static{width: calc(100% - 130px)}
.status-checkbox { width: calc(60% - 4px);     display: inline-block; vertical-align: middle;}
.status-checkbox:last-child {    width: 40%;}
.footer-inputfield .dx-field-label {  width: 125px; text-align: right; padding: 8px 8px 9px 15px; font-weight: 100; color: #666; }
.footer-inputfield .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button), .dx-field-value-static { width: calc(100% - 125px); float: left;}
.staus-checkbox-group { float: right; width: 34%;text-align: right;}
.dropdown-view-block .dx-texteditor{border: 0; font-size: 16px;}
.dropdown-view-block .dx-field {display: inline-block; vertical-align: middle; margin-bottom: 0;}
.dropdown-view-block .dx-dropdowneditor.dx-state-hover .dx-dropdowneditor-icon,
.dropdown-view-block .dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon{background-color: transparent;}
.dx-datagrid-content .dx-datagrid-table .dx-row > td { border-bottom: 1px solid #EAEAEA;}
.stripped-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td { border-bottom: 1px solid #EAEAEA;}
.dx-dropdowneditor-button {	width: 15px;}
.dx-dropdowneditor-button-visible .dx-texteditor-input { padding-right: 15px;}
.view-block .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button), .view-block .dx-field-value-static { width: 50%;}
.grid-searched .dx-toolbar-items-container .dx-texteditor { border: 0; border-bottom: 1px solid #EAEAEA; border-radius: 0; color: #EAEAEA; margin-right: 25px;}
.dx-dropdowneditor.dx-state-hover .dx-dropdowneditor-icon, .dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon {background-color: transparent;}
.dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible .dx-texteditor-input, .dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible .dx-texteditor-input { padding-right: 20px;}
.dx-dropdowneditor-button { width: 20px;}
.modal-popup-header.dx-popup-title.wr-driver-modal-header, .ngdialog .resolution-dialogue.wr-driver-modal-content{overflow: visible;}
/* model header */
.modal-popup-header.dx-popup-title{overflow: hidden;}
.modal-popup-form .label-block { display: inline-block; vertical-align: middle; width: calc(130px - 4px); text-align: right; margin-right: 10px;}
.modal-popup-form .modal-input { display: inline-block; vertical-align: middle; width: calc(100% - 144px);}
.modal-popup-form .modal-input.static-input {width: 80px;position: relative;}
.modal-popup-form .full-field .label-block{ display: block;width: 100%;text-align: left;}
.modal-popup-form .full-field strong{ font-size: 18px;font-weight: 400;}
.static-input input{padding:5px 45px 5px 5px;}
.static-input .dx-texteditor.dx-invalid .dx-texteditor-container:after{right: 22px}
.static-input .dx-texteditor.dx-invalid .dx-texteditor-input {padding-right: 46px;}
.static-value{ position:absolute; right:5px; top: 10px;color: #b7b7b7;font-size: 12px;font-weight: normal;}
.status-block {position: absolute;right: -25px;}
.status-block .status-block-label{border-radius: 5px;padding: 3px 30px;}
.active-status {color: #0a6522;}
.inactive-status {color: #aa0708;}
.bg-inactive{ background-color: #ffcfcf;border:1px solid #aa0708;}
.bg-active{ background-color: #d5ffd5;border:1px solid #0a6522;}
.modal-popup-form .dx-field:last-of-type {margin-bottom: 8px;}
.modal-popup-header.dx-popup-title{font-size: 22px;}
.modal-popup-form .modal-checkbox .label-block { width: 138px; }
.modal-checkbox .dx-checkbox-text {padding-right: 37px;}
.authorized-weight .dx-datagrid-headers{border-bottom: 0;}
.authorized-weight .dx-datagrid-rowsview{border-top: 0;}
.authorized-weight .grid-view{border: 0;     padding: 0 40px;}
.authorized-weight .dx-button-has-text .dx-button-content{padding: 10px 12px;}
.authorized-weight { position: relative; height: 290px; }
/*.grid-vertical-lbl { position: absolute; bottom: 70px; -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg); left: -35px;}*/
.grid-vertical-lbl {position: absolute;top: 150px;-ms-transform: rotate(270deg);-webkit-transform: rotate(270deg);transform: rotate(270deg);left: -38px; color: #a2a2a2; }
.grid-horizontal-lbl { text-align: center; display: block; margin-top: 30px; margin-bottom: 10px; color: #a2a2a2;}
.authorized-weight .grid-title .title-block { width: 100%; float: none;}
/* WR Driver popup */
.wr-driver-col1 .label-block span { color: #909090;  line-height: 13px; font-size: 12px; display: block;}
.modal-popup-form .wr-driver-half .modal-input {  width: 30%;}
.dx-datebox-calendar .dx-dropdowneditor-icon:before {  margin-left: -16px;}
.wr-driver-popup .modal-checkbox .dx-checkbox-text { padding-right: 30px; }
.driver-history h3{font-weight: 600; font-size: 16px; text-transform: uppercase;}
.driver-history span{font-weight: 300;text-transform: none;}
.modal-popup-form .trailer-checkbox .label-block { width: 170px;}
.modal-popup-form.trailer-config-popup .wr-driver-half .label-block { width: 168px; margin-right: 0;}
/*.trailer-grid { max-height: 250px; overflow: auto;}*/
.trailer-title { font-size: 18px; color: #333; border-bottom: 1px solid #ddd; padding-bottom: 5px;}
.trailer-title span{font-size: 12px; margin-left: 3px;}
.trailer-config-block { display: inline-block; padding-right: 10px; text-align: center;}
.modal-popup-form .trailer-config-lbl .label-block { width: auto; margin: 10px 0; font-size: 16px;}
.modal-popup-form .trailer-config-input { width: 93px;}
.icethichness-auth-label .label-block { text-align: right; margin-bottom: 0;  margin-right: 0; padding: 7px 0;width: 100%;}
.icethichness-auth-input .modal-input {  width: 100px;}
.wr-driver-status{    left: 50%; right: auto; top: -10px; display: block; transform: translateX(-50%);}
.wr-driver-number{float: right;}
.wr-driver-number .label-block {font-family: 'Roboto Condensed', sans-serif; font-weight: 600; color: #333; font-size: 22px;}
.manage-grid-height{ height: auto;}
.pause-grid-height{ height: 50px;}
/* YKD dashboard design */
.schedule-center{position: absolute;left: 0;right: 0;width: 425px;margin: 0 auto;}
.schedule-center .show-date{ display: inline-block;width: 100px;vertical-align: top;}
.schedule-center .show-date .dx-field-label{ width: 75px}
.schedule-center .show-date .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button), .schedule-center .show-date .dx-field-value-static{ width: calc(100% - 75px);}
.schedule-center .show-history{ display: inline-block;width: 315px;vertical-align: middle;padding-left: 10px;}
.schedule-center .show-history .dx-field-label{ width: 95px;vertical-align: mid}
.schedule-center .show-history .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button), .schedule-center .show-history .dx-field-value-static{ width: calc(100% - 95px);}
.schedule-center .show-history .dx-radio-value-container {  display: inline-block; text-align: center; padding: 0;}
.schedule-center .show-history .dx-radiogroup-horizontal .dx-radiobutton { width: 20%; text-align: center; padding: 0 5px; margin: 0; }
.schedule-center .show-history .dx-radiobutton-checked .dx-radiobutton-icon-dot { margin-left: 4px; margin-top: -13px;width: 9px;height: 9px;}
.schedule-center .show-history .dx-item-content { font-weight: 100; color: #666; font-size: 12px;line-height: 14px;}
.schedule-center .show-history .dx-radiobutton-icon { width: 18px; height: 18px;}
.schedule-center .show-history .dx-radiobutton-icon:before {  width: 15px; height: 15px;}
.schedule-center .show-history .dx-field-value.dx-radiogroup, .schedule-center .show-history .dx-field-value:not(.dx-widget) > .dx-radiogroup{ margin: 0;}
.schedule-center .dx-field{ margin-bottom: 0;}
.ykd-dashboard .grid-title .title-block {  padding: 10px 10px 10px;}
.single-truck-alert { width: 100%; max-height: 315px;  -webkit-transform: translate(0,0); -ms-transform: translate(0,0);  -o-transform: translate(0,0); transform: translate(0,0); display: inline-block; text-align: left; vertical-align: middle; -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5); box-shadow: 0 5px 15px rgba(0,0,0,.5); background: #eee;}
.single-truck-alert .dx-popup-title.modal-popup-header { padding: 15px 15px 0; }
.single-truck-alert .ngdialog-popup .dx-scrollable-container{padding: 0;}
.single-truck-alert .dx-toolbar-before div { color: #93100e; text-transform: uppercase; font-size: 28px; padding: 0; font-weight: 500; margin: 0; }
.dx-popup-title.dx-toolbar .dx-toolbar-before.isExperience-block{right: 0;text-align: center;margin: 0 auto;width: 100%;}
.single-truck-alert .custom-form .dx-fieldset { font-size: 16px; text-align: center; font-family: 'Roboto Condensed', sans-serif;}
.single-truck-alert .custom-form .dx-fieldset strong {   font-size: 20px; font-weight: 400; }
.single-truck-alert .custom-form .highlight { background: #cbc8cf; display: inline-block; border: #66636d solid 1px; padding: 3px 15px; color: #66636d; border-radius: 3px; font-size: 16px;}
.single-truck-alert .custom-form .highlight > div{padding: 0;}
.single-truck-alert .alert-btn-action .dx-button-content { background: #cbc8cf; border: #66636d solid 1px; color: #66636d; border-radius: 3px; font-family: 'Roboto Condensed', sans-serif; padding: 3px 30px; font-size: 16px;}
.single-truck-alert .alert-btn-action .dx-button {background: transparent; padding: 0;}
.single-truck-alert .alert-btn-action .dx-button.dx-state-hover, .single-truck-alert .alert-btn-action .dx-button.dx-state-focused {border-color: #ddd;}
.single-truck-alert .dx-button.dx-state-focused {box-shadow: none;}
.cursor-pointer {cursor: pointer;}
.cursor-notAllowed {cursor: not-allowed;}
.cursor-default {cursor:default}
.grabbable { cursor: move; cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; }
.grabbable.dndDragging {  cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing;}
.authorized-weight.ykd-setting { height: 180px;}
.ykd-setting .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button), .ykd-setting .dx-field-value-static { width: 65px; display: inline-block; float: none; vertical-align: middle; margin-right: 5px; }
.ykd-setting .dx-field-label { display: inline-block; width: auto; float: none; vertical-align: middle; min-width: 160px; text-align: right; max-width: 160px; }
.authorized-weight.ykd-setting .grid-view {  padding: 0 20px;}
.ykd-setting .dx-field-label.setting-lbl { min-width: auto;}
.manage-road-pauses .dx-switch-handle:before, .manage-road-pauses .dx-switch-on-value .dx-switch-handle:before { background-color: #ffffff;}
.manage-road-pauses  .dx-switch-container{padding: 0; background-color: #c9302c; color: #fff; border: 1px solid #c9302c;}
.manage-road-pauses .dx-switch-off, .manage-road-pauses .dx-switch-on { color: #fff;}
.manage-road-pauses .dx-switch-on-value .dx-switch-container{padding: 0; background-color: #5cb85c; border: 1px solid #5cb85c;}
.manage-road-pauses .dx-switch.dx-state-hover .dx-switch-container, .manage-road-pauses .dx-switch.dx-state-focused .dx-switch-container{border-color: #c9302c; background-color: #c9302c; }
.manage-road-pauses .dx-switch-on-value.dx-switch.dx-state-hover .dx-switch-container, .manage-road-pauses .dx-switch-on-value.dx-switch.dx-state-focused .dx-switch-container{border-color: #5cb85c; background-color: #5cb85c; }
.manage-road-pauses .dx-switch.dx-state-hover .dx-switch-handle:before, .manage-road-pauses .dx-switch.dx-state-focused .dx-switch-handle:before{background-color: #fff;}
.dispatched-row > td { background: #f7f7f7;color:#ccc}

.blackout-row > td { background: #aaa;}
.blackout-row .dx-texteditor{ background: none;}
.blackout-row .dx-texteditor-input{background: none;border-bottom: 1px #000 solid;}
.blackout-row .dx-placeholder{ color: #000;}
.grid-pos table tbody tr.blackout-row td{ border-bottom: 1px #000 solid;color: #000;}
.grid-pos table tbody tr.blackout-row td > a{ color: #000;}
.blackout-row .grid-link a.disable, .blackout-row .grid-link span{color: #5f5a5a;}

.roadPause-row > td { background: #FCF8F8;}
.roadPause-row .dx-texteditor{ background: none;}
.roadPause-row .dx-texteditor-input{background: none;border-bottom: 1px #bd656e solid;}
.roadPause-row .dx-placeholder{ color: #bf6770;}
.grid-pos table tbody tr.roadPause-row td{ border-bottom: 1px #daabb0 solid;color: #bf6770;}
.grid-pos table tbody tr.roadPause-row td > a{ color: #bf6770;}
.roadPause-row .grid-link a.disable, .roadPause-row .grid-link span{color: #bf6770;}

/*-- // FIXED SIDEBAR // --*/
.fixed-sidebar{position: absolute;bottom: 0;left: 0;right: 0;text-align: center;}
.fixed-sidebar .sidebar-sub-title{ color: #B6B1BB;border-bottom: 1px #B6B1BB solid;margin-bottom: 3px;padding-bottom: 5px;}
.fixed-sidebar > ul > li{ display: table-cell;width: 1%;text-align: center;color: #B6B1BB;padding: 5px 0;font-size: 18px;}
.fixed-sidebar > ul > li > span{ display: block;padding-top: 3px;font-size: 11px;}
.mini-navbar .fixed-sidebar > ul > li{ display: block;width: 100%;}
/***************************
****************************
Add your code here
****************************
***************************/
.under-construction{ display: block;width: 100%;float: none !important;height: 200px !important;border: 0 !important;text-align: center;top: 50%;transform: translateY(-50%);left: 0;right: 0;position: absolute;color: #999999; font-size: 18px}
.navbar-default .nav > li.has-child > a:focus:hover { color: #fff;background: #3680bd; }
.dx-scrollview-content .dx-item.dx-list-item:first-child.dx-state-hover,
.dx-scrollview-content .dx-item.dx-list-item:first-child.dx-state-active,
.dx-scrollview-content .dx-item.dx-list-item:first-child.dx-state-focused{ background: none;color: #333;}

.login-username{padding: 10px;display: block;position: relative;border-bottom: 0.5px solid;border-bottom-color: #eae3e3;}
/*==============================*/
.modal-popup-form .wr-driver-half .modal-input {  width: 45%;}
.modal-popup-form .wr-driver-half .modal-input .dx-datebox{width:100% !important;}
.matrix-grid .dx-header-row td:not(:first-child) .dx-datagrid-text-content:after{content: '"'}
.pointer-move{ cursor: -webkit-grab;}
.border-gray{border: 1px #ccc solid}
/*-- // CARRIER // --*/
.carrier-wrap .shipment-block{padding:10px 0;}
.carrier-wrap .shipment-wrap .number-block{width:70px;font-size: 38px;}
.carrier-wrap .shipment-wrap .number-text{width:130px;text-align:right;font-weight: 500;font-size: 18px;margin-right: 20px;}
.carrier-wrap .grid-link{text-align:left;}
.carrier-wrap .grid-pos table tbody tr td{ font-weight: 300;}
.carrier-wrap .grid-right-block p{ font-weight: 300;}
/*-- // CONNECTION LOSS // --*/
.connection-loss{text-align: center;position: fixed;z-index: 3000;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.5);display: none;}
.connection-loss>.connection-text{ color: #fff;top: 50%;height: 100%;font-size: 18px;position: absolute;left: 0;right: 0;text-shadow: 0px 1px 1px rgb(109, 109, 109);}
/*-- // DROPDOWN ALERT // --*/
.dx-texteditor.dx-invalid .dx-texteditor-container:after{ right: 10px;}
.dd-alert .dx-invalid.dx-dropdowneditor .dx-texteditor-container:after{ right: 25px;}
.dt-alert .dx-invalid.dx-dropdowneditor .dx-texteditor-container:after { right: 27px;}
.calendor-alert .dx-invalid.dx-dropdowneditor .dx-texteditor-container:after{ right: 32px;}
.calendor-alert .dx-invalid.dx-texteditor{ width: 100% !important;}
.icethickness-box .dx-texteditor.dx-invalid .dx-texteditor-container:after {right: 20px;}
/*-- // OVERRITE // --*/
.dx-dropdownmenu-list .dx-list-item-content{ padding: 0;}
.dx-dropdownmenu-list .dx-list-item-content>a{ padding: 10px;display: block;padding-left: 30px;position: relative;}
.dx-dropdownmenu-list .dx-list-item-content>a>.fa{ position: absolute;left: 10px;top: 11px;}
/*-- // TABLE NO DATA // --*/
.no-data>td{ display: block;width: 100%;float: none !important;height: 200px !important;border: 0 !important;text-align: center;}
.no-data>td>div{top: 50%;transform: translateY(-50%);left: 0;right: 0;position: absolute;color: #999999;}
/*-- // LOADING BLOCK // --*/
.loading-wrap{background: #f9edbe;border: #f0ce87 1px solid;padding: 7px 15px;color: #000;position: absolute;top: 0;left: 0;right: 0;display: inline-block;z-index: 3000;width: 160px;font-size: 14px;margin: 0 auto;text-align: center;font-weight: 500;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.36);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.36);
  box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.36);}
/*-- // DESIGN CHANGES // --*/
.input-span{ font-size: 10px;color: #c1c1c1;text-align: center;position: absolute;left: 0;right: 0;}
.cancel-wrap{ position: absolute;right: 0;top: 20px;display: block;}
.cancel-wrap>a{ display: block;color: #961818;text-decoration: none;}
.error-text-red {background-color: #fce1e1;color: #cf4733; padding:5px 15px;}
.checkbox-wrapper strong{ font-weight: 400;font-size: 16px;margin-bottom: 10px;display: block;}
.checkbox-wrapper ul{ margin: 0;padding: 0;list-style: none;}
.checkbox-wrapper ul li{ width: 130px;display: inline-block;margin-bottom: 10px;}
.checkbox-left .dx-checkbox-text{ padding-left: 5px;padding-right: 0;}
.checkbox-left.dx-checkbox{ display: block;}
.partial-pause-wrapper .authorized-weight.ykd-setting { border: 1px #eee solid;}
.partial-pause-wrapper .authorized-weight.ykd-setting .grid-view{ padding: 0;}
.partial-pause-wrapper .grid-scroll thead th{ padding: 10px 15px;}
.dispatch-wrapper .grid-title .title-block h2{ font-size: 16px;}
.partial-pause-link{ color: #cf4733;float: right;}
.font-large { font-size: large;}
.table-fixed { table-layout: fixed; }
.bg-other-carrier{background:#808080}

/*----// Ice Profiling Changes  //-----*/
.dx-datagrid .dx-link.remove-underline {
    text-decoration: none;
}

 .usercheckbox > .dx-checkbox-container > .dx-checkbox-icon {
    float: left;
    margin-right: 10px;
}
/*-- // DATA PENDING // --*/
.pending-block{ padding: 0 20px 20px 20px;}
.pending-block ul{ list-style: none;}
.pending-block ul > li{border: #d7d7d7 solid 1px;background: #eeeeee;padding: 10px;font-size: 16px;border-radius: 5px;margin-bottom: 3px;clear: both;position: relative;}
.pending-block ul > li > a{position: absolute;right: -30px;top: 7px;border: 1px solid #d9534f;border-radius: 15px;padding: 3px 5px;font-size: 12px;background: #fff;color: #d9534f;}
.pending-block ul > li > span{ float: right;}
.pending-block ul > li > i{ margin-right: 5px;}
.pending-block ul > li.success{ border-color: #4ba84a;background: #e9f1e2;}
.pending-block ul > li.success > i{ color: #4ba84a;}
.pending-block ul > li.success > span{color: #4ba84a;}
.pending-block ul > li.error{ background: #ffd2d1;border: 1px #d9534f solid;}
.pending-block ul > li.error > i{ color: #d9534f;}
.pending-link{position: absolute;right: 45px;top: 9px;background: #eee;padding: 5px 10px;text-align: center;border: 1px #ccc solid;padding-right: 30px;}
.pending-link > i{ position: absolute;right: 5px;top: 10px;font-size: 18px;}
.pending-link > span{ background: none;border: 0;box-shadow: none;display: block;font-size: 10px;margin: 2px auto 0 auto;}
.upload-file > a:first-child{ font-size: 14px;padding-right: 15px;}
.ellipses{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;display: block;}
.custom-upload .btn-close{ position: absolute;right: 0;top: 6px;background: #fff;}
.btn-links + .pending-link { right: 150px; }
/*-- // MEDIA // --*/
@media (min-width: 1200px) {
  .dispatch-modal .modal-lg {width: 1110px;}
}
@media screen and (max-width: 1680px) {
  .dx-field-value.dx-radiogroup, .dx-field-value:not(.dx-widget) > .dx-radiogroup{margin:9px 0;}
  .has-field{position:relative;width:auto;}
  .has-field .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button){width:30%;}
  .addedit-popup .dx-scrollview-content .custom-form .dx-fieldset img{max-height:500px;}
}
@media screen and (max-width: 1440px) {
  .addedit-popup .dx-scrollview-content .custom-form .dx-fieldset img{max-height:400px;}
  .shipment-form .dx-field-label{ width: 100px;}
  .general-block{width:65%;}
  .shipment-form .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button), .shipment-form .dx-field-value-static { width: calc(100% - 100px); }
  .general-detail-row .dx-field { display: inline-block; min-width: 220px;}
  .shipment-form .general-detail-row .dx-field:last-child .dx-field-value:not(.dx-widget) > .dx-widget{margin:2px 0;}
  .permit-block .permit-detail-column1{padding:0 5px;}
  .shipment-form .permit-block .permit-detail-column3 .dx-field-label, .shipment-form .permit-block .permit-detail-column4 .dx-field-label, .shipment-form .permit-block .permit-detail-column5 .dx-field-label{width:75px;}
  .shipment-form .permit-block .permit-detail-column3 .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button), .shipment-form .permit-block .dx-field-value-static,
  .shipment-form .permit-block .permit-detail-column4 .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button), .shipment-form .permit-block .dx-field-value-static,
  .shipment-form .permit-block .permit-detail-column5 .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button), .shipment-form .permit-block .dx-field-value-static{width:calc(100% - 75px)}
  .shipment-form .permit-block .permit-detail-column3, .shipment-form .permit-block .permit-detail-column4, .shipment-form .permit-block .permit-detail-column5 {padding:0 25px 0 5px;}
  .shipment-form .dx-field:last-of-type, .shipment-form .dx-field { margin-bottom: 8px;}
  .shipment-form h3, .shipment-status h3{margin-bottom:10px;}
  .shipment-form .load-detail-column2 .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button), .shipment-form .load-detail-column2 .dx-field-value-static{width:calc(100% - 100px);}
  .load-alert{padding:7px 10px;}
  .custom-upload .btn-close{margin-left:3px;}
  /*.full-pause-4 .label-block{ margin-left: 10px;}
    .full-pause-3{ width: 300px;}
    .full-pause-3 .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button), .full-pause-2 .dx-field-value-static{ width: calc(100% - 85px);}
    .full-pause-3 .dx-field-label{ width: 85px;}*/
  .grid-pos table tbody tr td > a{ left: 0px;}
  .ykd-setting .dx-field-label{ min-width: 155px;max-width: 155px;padding: 8px 4px;}
}
.font-20 {
    font-size: 22px;
}
.head-data small {
    font-size: 10px;
}
.head-data > .status-links {
    padding: 15px 20px 0px;
}
.center-data .font-20 {
    font-size: 26px;
    color: #43166f;
}
.center-data small{
    font-size: 11px;
}
.flex-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.flex-box li{
    list-style-type: none;
}
    .flex-box .head-data > .status-links {
        padding: 15px 10px 0;
    }
    @media screen and (max-width: 1024px) {
        .col-right-5{padding-right:15px !important;}
  .col-left-5{padding-left:15px !important;}
}