/***************************
****************************
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: 0 0;}
.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:0 -34px}
.nav-icon.icon-sh{background-position: 0 -65px;}
.navbar-default .nav > li > a:hover .icon-sh,.navbar-default .nav > li > a:focus .icon-sh,.navbar-default .nav > li.active > a .icon-sh{background-position:0 -98px}
.nav-icon.icon-re{background-position: 0 -130px;}
.navbar-default .nav > li > a:hover .icon-re,.navbar-default .nav > li > a:focus .icon-re,.navbar-default .nav > li.active > a .icon-re{background-position:0 -163px}
.nav-icon.icon-ad{background-position: 0 -194px;}
.navbar-default .nav > li > a:hover .icon-ad, .navbar-default .nav > li.active > a .icon-ad{background-position:0 -230px}
.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:55px;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;}
/*-- // 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}
/*-- // 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;}
/*-- // 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%;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%;}
.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;}
.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}
/*-- // 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;}
.survey-tab-container {overflow-y: auto;}
/*-- //GRID CELL // --*/
.bg-status{color:#fff;text-align:center;font-size:11px;width:70px;border-radius:2px;padding:2px;margin:0 auto;}
.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;}
/*-- // OVERRITE // --*/
.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;}
.custom-upload .dx-fileuploader-wrapper{padding:0;}
.custom-upload .dx-fileuploader-input-wrapper{padding:0;margin:0;border:0;}
.custom-upload .dx-fileuploader-input-wrapper{padding:10px;height:100px;border:2px #ccc dashed;margin-bottom:10px;border-radius:0;}
.custom-upload .dx-fileuploader-input-wrapper .dx-button{margin-right:5px;}
.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}
.permit-block .dx-field{margin-bottom:0;}
.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;}
.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.more-label-width .label-block { width: calc(155px - 4px);}
.modal-popup-form.more-label-width .modal-input { width: calc(100% - 165px);}
.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-form .dx-field{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;}
/*-- // 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}
/*-- // 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;}
.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;}
.dispatch-wrapper .grid-title .title-block h2{ font-size: 16px;}
.font-large { font-size: large;}
.table-fixed { table-layout: fixed; }
.bg-other-carrier{background:#808080}

/*----// Spring Surveys 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; }

.download-button { margin-bottom: 10px;}
.download-button a{padding: 9px 10px;text-align:center;color: #9ba3a8;display: block;background: #fff;}
.icon-arrow{background:url(../../images/arrow.png) no-repeat;background-size:cover;width:50px;height:10px;display:inline-block;}
.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;}
.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;}
.ng-modal-content{padding:15px 20px;}
.dx-datebox-calendar .dx-dropdowneditor-icon:before {  margin-left: -16px;}
.cursor-pointer {cursor: pointer;}
.cursor-notAllowed {cursor: not-allowed;}
.cursor-default {cursor:default}


/*--// Survey //--*/
/*.image-container .dx-field-label {
    width: 28%;
    box-sizing: border-box;
    -moz-transform: rotate(-90.0deg);
    -o-transform: rotate(-90.0deg);
    -webkit-transform: rotate(-90.0deg);
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0.083);
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)";
    transform: rotate(-90.0deg);
}*/

.dx-field-label {
    float: left;
}
.image-container .dx-field-label {
    width: auto;
    overflow: visible;
    padding-top: 0;
}
.image-container .dx-field-label span {
   -webkit-transform: rotate(90deg);
   -moz-transform: rotate(90deg);
   -o-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    white-space: nowrap;
    display: block;
    bottom: 0;
    width: 20px;
    height: 20px;
 }

.dx-field-value {
    float: left;
}

.image-container .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button), .image-container .dx-field-value-static {
    width:calc(100% - 35px);
}
.image-container .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button) img, .image-container .dx-field-value-static img {
        width: 100%;
        height:auto;
        vertical-align:middle;
        max-height:200px;
 }

/*-- // 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;}
    .survey-tab-container {overflow: auto;}
}
@media screen and (max-width: 1440px) {
  .addedit-popup .dx-scrollview-content .custom-form .dx-fieldset img{max-height:400px;}
  .general-block{width:65%;}
  .general-detail-row .dx-field { display: inline-block; min-width: 220px;}
  .permit-block .permit-detail-column1{padding:0 5px;}
  .load-alert{padding:7px 10px;}
  .custom-upload .btn-close{margin-left:3px;}
  .grid-pos table tbody tr td > a{ left: 0px;}
}
@media screen and (max-width: 1366px) {
    .survey-tab-container {overflow: auto;}
}
@media screen and (max-width: 1280px) {
    /*.survey-tab-container {height:420px;}*/

}
@media screen and (max-width: 1024px) {
  .col-right-5{padding-right:15px !important;}
  .col-left-5{padding-left:15px !important;}
}
/*CSS Style*/
/*North/South Image*/
.dx-fileuploader-show-file-list .dx-fileuploader-files-container {
  padding: 0px;
}
.text-word-wrap { word-wrap:break-word;}
.northsouthPhotoHeightWidth{width:226px;height:116px;}
.northsouthPhotoBoxSizing {width:100%; height:auto; padding:1px; border:1px solid lightgrey; min-height: 200px;}
/*AdditionalPhoto blockquote ui*/
.uploaded-block {font-family: 'Roboto Condensed', sans-serif;}
.uploaded-block ul{list-style:none;margin:10px 0;padding:0;}
.uploaded-block ul li{border:1px #ccc solid;display:inline-block;width:200px;height:240px;position:relative;text-align:center;position:relative;vertical-align:top;margin:0 15px 25px 0;box-shadow:2px 2px 2px #eee;}
.uploaded-block ul li img{height:150px;width:auto;max-width:inherit;}
.uploaded-block ul li > a{display:block;padding:0;}
.uploaded-block ul li > a.img-block{height:150px;overflow:hidden;}
.uploaded-block ul li > a.close-img{position:static;margin:0;padding:0 10px 10px 10px;font-size:16px;color:#ff4b4b;text-align:right;}
.uploaded-block ul li > a i{font-size:14px;color:#fe6868;}
.uploaded-block ul li .thumb-name{height:55px;margin:0 0 5px 0;border-top:1px #ccc solid;padding-top:5px;}
.block-with-text {overflow: hidden;position: relative;max-height:55px;text-align: left;padding-right: 1em;padding:0 10px;display:block;font-weight:400;}
.block-with-text:before {content: '...';position: absolute;right: 10px;bottom: 0;padding-left:5px;background:#fff;}
.block-with-text:after {content: '';position: absolute;right: 8px;width: 1em;height: 1em;margin-top: 0.2em;background: white;}