@charset "UTF-8";

.lighttone .login .panel-heading { background: #18b3a3; color:#fff;}
.lighttone .loginbtn {background:#18b3a3; }
.bluetone .login .panel-heading { background: #50acc3; color:#fff;}
.bluetone .loginbtn {background:#50acc3; }
.lighttone #sidebar-wrapper { box-shadow:inset -2px 0 1px #c0c0c0 ;}
.lighttone .sidebar-nav li a{ border-bottom: 1px solid #bcbcbc; box-shadow: none;}
.lighttone #wrapper .nav-top-fix { background:#f1f1f1;}
.lighttone .sidebar-nav li a:hover, .lighttone .sidebar-nav li a.active{ color:#f1f1f1; background:#18b3a3; text-decoration: none; border-bottom: 1px solid #18b3a3; }
.lighttone .nav-top-fix ul.sub-nav li a:hover, .lighttone .nav-top-fix ul.sub-nav li a.active {  background: #18b3a3!important;  }
.lighttone  .navbar-toggle { border:1px solid #18b3a3; background:#18b3a3!important;}
.lighttone .poweredBy{ border-top: 1px solid #bcbcbc; }

.lighttone  #wrapper > #sidebar-wrapper > #sidebar > .bottom { border-top: 1px solid #bcbcbc!important; }
.lighttone  #wrapper > #sidebar-wrapper > #sidebar > .bottom li { border-right: 1px solid #bcbcbc!important; }

.datebtn { float:right; padding:6px 7px; border-color: #adadad;}
.dateform { width:auto; position:absolute; top:40px; right:15px; padding:15px 12px; background:rgba(255, 255, 255, 0.8); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); border:1px solid rgba(0, 0, 0, 0.15); border-radius:4px; z-index:20;}
.dateform .form-group {  min-height:32px; margin:0px 1px;}
.relativeblock { position:relative; }
.relativeblock .togglebutton { position:absolute; left:15px; bottom:15px; z-index:2;}
.displaydaterange { background:none; font-size:12px; display:inline-block;  border:none; line-height:16px; width:160px; letter-spacing:-0.2px;}
.dashbar { background:#fff; width:100%; float:left; margin:24px 0 0 0; box-shadow: 0 0 4px rgba(0, 0, 0, 0.09);}
.dashheading { float:left; line-height:32px;font-weight: bold;}
.dashheading >span { line-height:32px; width:32px; text-align:center; height:32px; vertical-align:top; display:inline-block; margin-right:8px;}
.dashheading >span i { line-height:32px;}
.dashbar .btn { border-radius:0;}
.dashbar{position:relative}
.dashbar .dateform {top: 33px;right: 0;}

.lighttone .ui-slider-tip{right:5px;}
.lighttone .ui-slider-tip:after {right:3px;left: unset;}
.lighttone .rangeslider .ui-slider-handle:nth-child(3) .ui-slider-tip { left: 1px;  right: unset;}
.lighttone .rangeslider .ui-slider-handle:nth-child(3) .ui-slider-tip:after {left:4px;}

.table.sortable > thead > tr th { position:relative;}
.table.sortable > thead > tr th.sorting, .table.sortable > thead > tr th.st-sort-ascent, .table.sortable > thead > tr th.st-sort-descent { cursor:pointer;}

.table.sortable > thead > tr th.sorting:after,
.table.sortable > thead > tr th.st-sort-ascent:after,
.table.sortable > thead > tr th.st-sort-descent:after {
  position: static;
  top: 0px;
 /* right: 8px;*/
  display: block;
  display: inline-block;
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size:13px; 
  padding:0px 6px;
}

.table.sortable > thead > tr th.sorting:after {
  content: "\f0dc";
  color: #ced2d4;
}

.table.sortable > thead > tr th.st-sort-ascent:after {
  content: "\f0de";
  top: 10px;
  color: #428bca;
}

.table.sortable > thead > tr th.st-sort-descent:after {
  content: "\f0dd";
  top: 10px;
  color: #428bca;
}


.fullblock {width:100%; display:none; text-align:left; padding:8px 10px; float:left; }
.head01 { font-size:14px; font-weight:normal;  color:#0d0d0d; width:100%; float:left; margin:10px 0 3px 0; text-align:left; cursor:pointer; padding:10px 15px;
border: 1px solid #eae9e8; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; box-shadow: 0 1px 0px rgba(0, 0, 0, 0.176);
background-color: #f7f8f8;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f8f8), to(#eee));
background-image: -webkit-linear-gradient(top, #f7f8f8, #eee);
background-image:    -moz-linear-gradient(top, #f7f8f8, #eee);
background-image:     -ms-linear-gradient(top, #f7f8f8, #eee);
background-image:      -o-linear-gradient(top, #f7f8f8, #eee);
background-image:         linear-gradient(top, #f7f8f8, #eee);
}
.misc ul, .misc ol { list-style-position: outside; list-style-type:disc; margin:8px 0; padding:0 0 0 20px; }
.ppDots ul{ list-style-type:none }
.ppDots li:before {  content: '✓ ';}
.misc ol { list-style-type:decimal;}
.misc ul li, .misc ol li { display:list-item; width:100%; margin:0px 0px 6px 0px; line-height:20px; }
.misc table { border-collapse: collapse;}
.misc table, .misc th, .misc td { border: 1px solid #ddd; padding:4px; margin:6px;  }
.misc a { color:#274e87; text-decoration:none; }
.misc p { width:100%; float:left; margin:0 0 8px 0; line-height:20px;}

.headpoint { font-size:18px; color:#1d2126; width:100%; float:left; margin:15px 0 10px 0; text-align:left;}

.h4 {line-height:24px; font-size:17px; }
.h4 a {color:#0a88cc;}
.searchdropdown .search-box { height:34px; }
.searchdropdown  .search-control .addon-thumb:first-child, .searchdropdown  .search-control .addon-thumb:last-child{ top:8px!important;}

.fullbtn { margin-bottom:0!important; background-color: #eee;  border-color:#ddd!important; padding:12px!important;}
.fullbtn.btn-success { color:#fff; background-color: #18b3a3; }
.lighttone .nav > li > a:focus, .lighttone .nav > li > a:hover { background-color:#18b3a3; color:#fff; }
.darktone .nav > li > a:focus, .darktone .nav > li > a:hover { background-color:#D9534F; color:#fff; }
.bluetone .nav > li > a:focus, .bluetone .nav > li > a:hover { background-color:#50acc3; color:#fff; }
.userform  > .panel-body   .nav > li  { margin-right:3px!important;}
.userform  .panel { border-top-right-radius:0px; border-top-left-radius:0px;}
.userform  .panel .panel-heading { padding:7px 15px;}

.tabledropdown { width:auto; float:right; display:inline-block;  font-size:12px; color:#626262;  text-align:left;}
.tabledropdown .btn { padding:3px 6px!important; font-size:12px; width:auto; text-align:left; position:relative;color:#626262;  text-overflow: ellipsis; overflow:hidden;  }
.tabledropdown li a { font-size:12px!important; color:#626262; text-overflow: ellipsis; overflow:hidden; padding:5px 10px!important; border-bottom:1px solid #e2e2e2!important;}
.tabledropdown li:last-child a{  border-bottom:0px solid #e2e2e2!important;}
.tabledropdown .dropdown-menu { left:auto; right:0;}
.tabledropdown .badge { padding: 2px 4px; border-radius:4px; float:right!important;}
.tabledropdown li a:first-child span { float:left;}
#page-content-wrapper { position:relative; }
.underProgress { width:100%; float:left; vertical-align:middle; position:absolute; top:50px; right:0; left:0; height:91.5%; background-color: rgba(255, 255, 255, 0.60); z-index:99999; text-align:center; }
.underProgress img { position:relative; top:50%; margin-top:-100px; }


 .nicescroll-rails-hr { display:none!important; }

.gendertype  .btn { border-radius:2px;}
/*
#wrapper  #policyManagementpage i { content:""; background:url(../images/privacyicon.png) no-repeat right center  ; min-height:18px; text-align:center;  transition:none!important;}
#wrapper  .sidebar-nav li a#policyManagementpage:hover i ,#wrapper  .sidebar-nav li a#policyManagementpage.active i  {  background:url(../images/privacyiconHover.png) no-repeat right center  ;}
#wrapper .sidebar-nav li a#termsManagementpage:hover i , #wrapper .sidebar-nav li a#termsManagementpage.active  i {  background:url(../images/termiconHover.png) no-repeat right center  ;}
#wrapper  #termsManagementpage i { content:""; background:url(../images/termicon.png) no-repeat right center ; min-height:18px; text-align:center; transition:none!important; }
#wrapper a#policyManagementpage, #wrapper  a#termsManagementpage { padding:10px 19px; }

#wrapper #policyManagementpage i:before, #wrapper  #termsManagementpage i:before {content:"";}
#wrapper #policyManagementpage .panel-title >  i { content:""; background:url(../images/privacyicon.png) no-repeat 14px center #fff; min-height:18px; text-align:center;  transition:none!important; padding:0; }
#wrapper  #termsManagementpage .panel-title > i { content:""; background:url(../images/termicon.png) no-repeat 14px center #fff; min-height:18px; text-align:center; transition:none!important; padding:0;  }
*/
.dashbar .displaydaterange { width:165px;}

#wrapper .themesetting {bottom:16px;}
#wrapper.active .themesetting {bottom:80px;}

.customloader { position:fixed!important; }

.tripModal .modal-header { position:relative; color:#626262; }

.tripbtn{  margin-bottom: 0!important;  padding: 3px 8px 3px 8px; font-size:13px; }
.tripbtn span { background:url(../images/trip-icon.png) no-repeat top left ; background-size:100%; width:18px; display:inline-block; margin:0 0 0 3px;  }

.switch .off { letter-spacing:-0.5px;}
.searchform  .formhead{ margin-bottom:0px;}
.searchform  .formsection { padding-bottom:0; }

.searchform  #searchCollapse { padding:5px 0; float:left; width:100%; }
.srchbtn { position:absolute; right:0; top:0; height:100%; padding:12px 15px; border:none; border-left:1px solid #ddd;}
.srchbtn.collapsed i.fa-chevron-up:before{ content: "\f078"!important;}

.boxforbox .panel  { border-radius:8px;}
.boxforbox .round-icon {border-bottom-left-radius:7px!important; border-top-left-radius:7px!important;}
.borderData { width:100%; border-bottom:1px solid #dedede; float:left; color: #626262; font-size: 13px; line-height: 32px; padding: 0px; font-weight:bold; }
.borderData { width:100%; border-bottom:1px solid #dedede; float:left; color: #626262; font-size: 13px; line-height: 32px; padding: 0px; font-weight:bold; }

.form-control:disabled, .form-control[readonly] {    background-color: #eceeef;    opacity: 1;}
.paddingbtNone { padding-bottom:0;}
.userview .form-group { min-height:54px;}
.map-legend li span { float:right; width:32px; border-radius:4px; margin-left:3px; padding:3px 0px;margin-top: 1px;}

.um { background:#ff7a7b; color:#fff;}
.hb { background:#0ab0d0; color:#fff;}
.rpa { background:#faab54; color:#fff;}
.sp { background:#8384bf; color:#fff;}
.pu { background:#a80103; color:#fff;}
.la { background:#fa6c25; color:#fff;}

.tripModal .map-legend { width:100%; top:0; right:auto; position:relative; padding:0; }
.tripModal .map-legend ul { width:100%; float:left; background:#f2f3f9; padding:0px 0px 0px 8px; margin:0;}
.tripModal .map-legend li { float:left; border-right:1px solid #d2d2d2; margin: 0 0.5% 0 0; width: 19.0%; font-size:13px;}
.tripModal .map-legend li#latehour_tripHistory, .tripModal .map-legend li#latehour_tripHistory:hover{ border-right:none!important;}
#wrapper .modal-lg { width:1010px;}
.tripModal .map-legend li#hardBrake_tripHistory {width:15.5%;}
.tripModal .map-legend li#speedViolation_tripHistory {width:13.0%;}
.tripModal .map-legend li#phoneUsages_tripHistory {width:15.5%;}
.tripModal .map-legend li#latehour_tripHistory {width:14.5%;}
.lighttone .map-legend li#latehour_tripHistory, .lighttone .map-legend li#latehour_tripHistory {
  background: url(../images/xemplar_sprite.png) no-repeat 0 -548px;
}



.borderd{ width:100%; float:left; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; margin:10px 0; }
.borderd .table > tbody > tr > td{  border-right: 1px solid #ddd; padding: 4px 6px!important; }
.borderd .table > tbody > tr > td:last-child { border-right:0px solid #ddd; }


/*
.verticalTab  ul.verticalList{ list-style:none; padding:0; margin:20px 0; border-radius:4px; overflow:hidden; border-top:1px solid #ddd;}
.verticalTab  ul.verticalList li { margin:0}
.verticalTab  ul.verticalList li a { border-radius:0px; border-top:none; text-transform:uppercase; color:#383838; font-size:14px; background:#f7f8f8; padding:15px!important;}
.verticalTab  ul.verticalList li a.btn-success , .verticalTab  ul.verticalList li a:hover{ color:#fff; background:#0a88cc;}
.verticalPanel { width:100%; margin:22px 0; float:left;}
.vert-pane { width:100%; float:left;}
.vert-pane .table > tbody > tr > td{ font-size:13px!important; padding:10px 15px; border: 1px solid #ddd;}
.vert-pane .table > tbody > tr > th { font-size:14px!important; padding:10px 15px; border: 1px solid #ddd; background:#f2f3f9 ;}*/


.statpanel { width:100%; padding:15px; border:1px solid #ddd; display:inline-block; text-align:center; margin:0 0 24px 0; border-radius:4px;  -moz-transition: all .3s ease;  -o-transition: all .3s ease;  -webkit-transition: all .3s ease; position:relative; background:#f0f4f8 ; }
.statpanel:hover {  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);}
.stathead {width:100%; line-height:18px; height:54px;  font-size:14px; display:inline-block; margin:0;}
.statthumb { padding:0; display:inline-block; width:100%; height:130px!important; }
.statthumb img { display:inline-block;}
.statpoint {background:#e6e6e6; font-size:13px; font-weight:400; display:inline-block; padding:4px 6px;  margin:0 1px 10px 1px; border:1px solid #cecece; border-radius:4px; }
/*.statthumb.progress-bars {width:100%; margin-bottom:0;  }*/
/*padding:0; float:none; display:inline-block;text-align: center; height:auto!important; */
.statthumb.progress-bars,.statthumb.progress-bars-2 {width:100%; margin-bottom:0; }
.statthumb.progress-bars .progressBar,.statthumb.progress-bars-2 .progressBar-2{ display:inline-block; margin-left: 0;}
.statthumb.progress-bars .progressBar .pattern,.statthumb.progress-bars-2 .progressBar-2 .pattern-2 { padding:2px 6px 6px 6px; color:#fff; background:#3485ff!important; }
.progressHead { font-weight:600; width:100%; display:inline-block; margin-top:10px; line-height:13px;}
.progressHead-2 { font-weight:600; width:100%; display:inline-block; margin-top:10px; line-height:13px;}
.poppoint { position:absolute; bottom:-14px; left:50%; border-radius:50%!important; background:#fff; font-size:16px;  display:inline-block; padding:3px; margin-left:-15px; border:1px solid #adadad; width:28px; height:28px; color:#0a88cc; }
.popover-content { font-size:12px!important;text-align:justify }

.dropdown-menu { left:auto!important; right:0px!important;}
.dropdown-menu  .datetimepicker  { width:240px!important;}
.claimsDropsown  .datetimepicker  { width:326!important;}
.dropdown-menu  .datetimepicker  th.switch {  left: 35px!important;}

#wrapper .modal-lg2 {  width: 1010px;max-width: 96%; top:50%; margin-top:-150px;}
#wrapper .modal-lg3 {  width: 1010px;max-width: 52%; top:50%; margin-top:-150px;}
#wrapper .modal-lg4 {  width: 350px;max-width: 52%; top:50%; margin-top:-150px;}
#wrapper .modal-lg5 {  width: 416px;max-width: 52%; top:50%; margin-top:-150px;}
.download-msg{width:100%;margin:0 auto;position:absolute;top:10%;left:0;border-radius:20px;font-size: 30px; text-align: center;
padding:20px;}
/* -- policy info coming soon    */
.id-card .panel-body{min-height: 282px;}
.blue-bar{display:none;}
.driving-scrore ul li.heading-scrore {
  /*padding-top: 2px;
  padding-bottom: 9px;*/
  margin: 0;
}
.lighttone .id-card .panel-body {
   /* border-bottom: 2px solid #18B3A3;  */
}
/* -- policy info coming soon    */

@media (max-width: 700px) {
#wrapper .modal-lg2 {  width: 1010px;max-width: 96%; top:0; margin-top:0px;}
}

/*.lighttone #wrapper > #sidebar-wrapper > #sidebar > .bottom{width: 100%;position: absolute;  bottom: 16px;
}
.lighttone #wrapper > #sidebar-wrapper > #sidebar > .bottom li {  width: 25%;  float: left;}
*/
@media screen and (min-width: 760px) and (max-width:1100px) {
  .lighttone .boxforbox .panel .panel-body,.bluetone .boxforbox .panel .panel-body,.darktone .boxforbox .panel .panel-body {padding: 10px 8px 10px 48px;}
  .lighttone .boxforbox .round-icon,.bluetone .boxforbox .round-icon,.darktone .boxforbox .round-icon{padding: 22px 16px;font-size: 13px;width: 42px;}
  .lighttone .boxforbox .panel .panel-body h6,.bluetone .boxforbox .panel .panel-body h6,.darktone .boxforbox .panel .panel-body h6 {height: 40px;font-size:11px;}
}

/* .lighttone #wrapper.active #sidebar-wrapper, .darktone #wrapper.active #sidebar-wrapper {left: 240px;} */
.lighttone #sidebar-wrapper, .darktone #sidebar-wrapper {margin-left: -240px; width: 240px;}
.lighttone #sidebar_menu, .darktone #sidebar_menu {width: 240px;}
.lighttone .sidebar-nav, .darktone .sidebar-nav, .bluetone .sidebar-nav{width: 256px;}
.lighttone .sidebar-nav li a, .darktone .sidebar-nav li a {width: 240px;}

/* .darktone #wrapper.active, .darktone #wrapper.active .nav-top-fix { padding-left: 240px;} */
.nav-top-fix ul.sub-nav li a, .sidebar-nav li a span  { font-weight:bold;}

.ngdialog.ngdialog-theme-default.center-popup .ngdialog-content {top: 50%; margin-top: -100px;}

.theme-menu li.midcol{background: url(../images/pattern.jpg) 0 0 repeat;}
body.bluetone{background: url(../images/body-bg.jpg) 0 0 repeat;} 
.bluetone #wrapper #sidebar-wrapper, .bluetone #wrapper .nav-top-fix{background: url(../images/pattern.jpg) 0 0 repeat;}
.bluetone .sidebar-nav li a {border-bottom: 1px solid #02323e;/*border-left:5px solid #000;*/}
.bluetone #wrapper.active > #sidebar-wrapper > #sidebar > .bottom {
  border-top: 1px solid #02323e;}
  .bluetone .poweredBy {border-top: 1px solid #02323e;}
  .bluetone #wrapper.active > #sidebar-wrapper > #sidebar > .bottom li {border-right: 1px solid #02323e; }
.bluetone .sidebar-nav li a.active {background:#50acc3;/*border-left:5px solid #50acc3*/}
  .bluetone .sidebar-nav li a:hover{background:#50acc3;/*border-left:5px solid #50acc3*/}
  .fullbtn.btn-success { background-color: #50acc3;}
  .bluetone .btn-success { background-color: #50acc3;border-color: #50acc3;}
  .lighttone .btn-success { background-color: #15a293;border-color: #15a293;}
  .darktone .btn-success { background-color: #D9534F;border-color: #D9534F;}
  .bluetone .nav-top-fix ul.sub-nav li a:hover, .bluetone .nav-top-fix ul.sub-nav li a.active {
    background-color: #50acc3;
   }
   .bluetone #wrapper.active > #sidebar-wrapper > #sidebar > .bottom li a{border-left:0px solid red;}
   .bluetone .btn-success.disabled, .bluetone .btn-success.disabled.active, .bluetone .btn-success.disabled.focus, .bluetone .btn-success.disabled:active, .bluetone .btn-success.disabled:focus, .bluetone .btn-success.disabled:hover, .bluetone .btn-success[disabled], .bluetone .btn-success[disabled].active, .bluetone .btn-success[disabled].focus, .bluetone .btn-success[disabled]:active, .bluetone .btn-success[disabled]:focus, .bluetone .btn-success[disabled]:hover, fieldset[disabled] .bluetone .btn-success, fieldset[disabled] .bluetone .btn-success.active, fieldset[disabled] .bluetone .btn-success.focus, fieldset[disabled] .bluetone .btn-success:active, fieldset[disabled] .bluetone .btn-success:focus, fieldset[disabled] .bluetone .btn-success:hover, 
   .bluetone .btn-success.active, .bluetone .btn-success.focus, .bluetone .btn-success:active, .bluetone .btn-success:focus, .bluetone .btn-success:hover, .bluetone .open>.dropdown-toggle.btn-success
   {
    background-color: #50acc3;border-color: #50acc3;
    }
    .lighttone .btn-success.disabled, .lighttone .btn-success.disabled.active, .lighttone .btn-success.disabled.focus, .lighttone .btn-success.disabled:active, .lighttone .btn-success.disabled:focus, .lighttone .btn-success.disabled:hover, .lighttone .btn-success[disabled], .lighttone .btn-success[disabled].active, .lighttone .btn-success[disabled].focus, .lighttone .btn-success[disabled]:active, .lighttone .btn-success[disabled]:focus, .lighttone .btn-success[disabled]:hover, fieldset[disabled] .lighttone .btn-success, fieldset[disabled] .lighttone .btn-success.active, fieldset[disabled] .lighttone .btn-success.focus, fieldset[disabled] .lighttone .btn-success:active, fieldset[disabled] .lighttone .btn-success:focus, fieldset[disabled] .lighttone .btn-success:hover, 
    .lighttone .btn-success.active, .lighttone .btn-success.focus, .lighttone .btn-success:active, .lighttone .btn-success:focus, .lighttone .btn-success:hover, .lighttone .open>.dropdown-toggle.btn-success
    {
     background-color: #15a293;border-color: #15a293;
    }
    .darktone .btn-success.disabled, .darktone .btn-success.disabled.active, .darktone .btn-success.disabled.focus, .darktone .btn-success.disabled:active, .darktone .btn-success.disabled:focus, .darktone .btn-success.disabled:hover, .darktone .btn-success[disabled], .darktone .btn-success[disabled].active, .darktone .btn-success[disabled].focus, .darktone .btn-success[disabled]:active, .darktone .btn-success[disabled]:focus, .darktone .btn-success[disabled]:hover, fieldset[disabled] .darktone .btn-success, fieldset[disabled] .darktone .btn-success.active, fieldset[disabled] .darktone .btn-success.focus, fieldset[disabled] .darktone .btn-success:active, fieldset[disabled] .darktone .btn-success:focus, fieldset[disabled] .darktone .btn-success:hover, 
    .darktone .btn-success.active, .darktone .btn-success.focus, .darktone .btn-success:active, .darktone .btn-success:focus, .darktone .btn-success:hover, .darktone .open>.dropdown-toggle.btn-success
    {
     background-color: #D9534F;border-color: #D9534F;
    }
    .bluetone .boxforbox .btn-success.disabled{background-color: #15a293!important;border-color: #15a293!important;}
    .bluetone .boxforbox .btn-info.disabled{background-color: #5BC0DE!important;border-color: #5BC0DE!important;}
    .lighttone .boxforbox .btn-success.disabled{background-color: #15a293!important;border-color: #15a293!important;}
    .lighttone .boxforbox .btn-info.disabled{background-color: #5BC0DE!important;border-color: #5BC0DE!important;}
.bluetone .formhead > i, .bluetone .greypanel .panel-heading .panel-title i {color: #50acc3;}
.radiobuttonPadding{
  margin-top: 3px !important;
  margin-right: 2px !important;
}


/* Aspen dark theme */
.bluetone .login .panel-heading, .bluetone .loginbtn {background: #1b3b46;}
body.bluetone{background-image: none;background-color: #f9f5f0;}
.bluetone #wrapper #sidebar-wrapper, .bluetone #wrapper .nav-top-fix{background: #1b3b46;background-image: none;}
.bluetone .sidebar-brand{background-color: #f9f5f0;}
.bluetone #sidebar_menu li a,.bluetone .customdateicon{color: #1b3b46;}
.bluetone .nav-top-fix .navbar-right li.notifications-menu > a:hover{background-color: #000;}

.bluetone .btn-success, .btn-info, .bluetone .redgradbtn,
.bluetone .searchbtn.collapsed, .bluetone .addbtn.collapsed,.bluetone .searchbtn:focus, .bluetone .addbtn:focus,
.bluetone .searchbtn, .bluetone .addbtn,
.bluetone .btn-success[disabled], .bluetone .btn-success:focus,
.bluetone .customtab > li.active > a, .bluetone .customtab > li.active > a:focus, 
.bluetone .customtab > li.active > a:hover, .bluetone .customtab > li > a:hover {background-color: #1b3b46!important;border-color: #1b3b46!important;}

.bluetone .btn-success:hover, .bluetone .redgradbtn:hover, .btn-info:hover,
.bluetone .searchbtn.collapsed:hover, .bluetone .addbtn.collapsed:hover
{background-color: #000!important;border-color: #000!important;}

.bluetone .fullbtn:hover{background-color: #1b3b46!important;color:#FFF;}
.bluetone .sidebar-nav li a i, .bluetone #wrapper.active .sidebar-nav li a i {color: #e3750d;}
.bluetone .sidebar-nav li a.active,.bluetone .sidebar-nav li a:hover {background: #000;}
.bluetone .formhead > i, .bluetone .greypanel .panel-heading .panel-title i {
  color: #1b3b46;
}
.bluetone .dashboardIcons {color: #1b3b46;}
.bluetone ._720kb-datepicker-calendar-header:nth-child(odd) {background: #1b3b46;}
._720kb-datepicker-calendar-header ._720kb-datepicker-calendar-header-left a, 
._720kb-datepicker-calendar-header ._720kb-datepicker-calendar-header-left a:hover,
._720kb-datepicker-calendar-header ._720kb-datepicker-calendar-header-right a,
._720kb-datepicker-calendar-header ._720kb-datepicker-calendar-header-right a:hover {
  color: #fff !important;}
._720kb-datepicker-calendar-month span {color: #fff;}
.bluetone ._720kb-datepicker-calendar-day._720kb-datepicker-active, .bluetone ._720kb-datepicker-calendar-day:hover {
  background: #e3750d;}
.bluetone ._720kb-datepicker-calendar-header:nth-child(even) {background: #fff;}
._720kb-datepicker-calendar-header ._720kb-datepicker-calendar-years-pagination a {
  color: #000 !important;
}
._720kb-datepicker-calendar-header ._720kb-datepicker-calendar-years-pagination a:hover {
  background: #e3750d;
}
.bluetone .nav-top-fix ul.sub-nav li a:hover, .bluetone .nav-top-fix ul.sub-nav li a.active {
  background-color: #000;
}
.bluetone .uislider .ui-slider-range {background: #e3750d;}
.bluetone .rangeslider { background: #000;}
.bluetone .ui-slider-tip {background:#1b3b46;}
.bluetone .ui-slider-tip:after {color: #1b3b46;}

/* Aspen light theme */
.lighttone .login .panel-heading, .lighttone .loginbtn {background: #1b3b46;}
body.lighttone{background-image: none;background-color:#1b3b46 ;}
.lighttone #wrapper #sidebar-wrapper, .lighttone #wrapper .nav-top-fix{background: #f9f5f0;background-image: none;}
.lighttone .sidebar-brand{background-color: #f9f5f0;}
.lighttone #sidebar_menu li a,.lighttone .customdateicon{color: #1b3b46;}
.lighttone .nav-top-fix .navbar-right li.notifications-menu > a:hover{background-color: #e3750d;}
.lighttone .sidebar-nav li a {border-bottom: 1px solid #1b3b46;}
.lighttone #wrapper > #sidebar-wrapper > #sidebar > .bottom li {border-right: 1px solid #1b3b46!important;}
.lighttone #wrapper > #sidebar-wrapper > #sidebar > .bottom{border-TOP: 1px solid #1b3b46!important;}
.lighttone .greypanel .panel-heading {background: #f9f5f0;}

.lighttone .btn-success, .btn-info, .lighttone .redgradbtn,
.lighttone .searchbtn.collapsed, .lighttone .addbtn.collapsed, .lighttone .searchbtn:focus, .lighttone .addbtn:focus,
.lighttone .searchbtn, .lighttone .addbtn,
.lighttone .btn-success[disabled], .lighttone .btn-success:focus,
.lighttone .customtab > li.active > a, .lighttone .customtab > li.active > a:focus, 
.lighttone .customtab > li.active > a:hover, .lighttone .customtab > li > a:hover {background-color: #1b3b46!important;border-color: #1b3b46!important;}

.lighttone .btn-success:hover, .lighttone .redgradbtn:hover, .btn-info:hover,
.lighttone .searchbtn.collapsed:hover, .lighttone .addbtn.collapsed:hover
{background-color: #e3750d!important;border-color: #e3750d!important;}

.lighttone .fullbtn:hover{background-color: #1b3b46!important;color:#FFF;}
.lighttone .sidebar-nav li a i {color: #e3750d;}
.lighttone .sidebar-nav li a.active i, .lighttone .sidebar-nav li a:hover i {color: #1b3b46;}
.lighttone .sidebar-nav li a.active,.lighttone .sidebar-nav li a:hover {background: #e3750d;color: #1b3b46}
.lighttone .formhead > i, .lighttone .greypanel .panel-heading .panel-title i {
  color: #1b3b46;
}
.lighttone .dashboardIcons {color: #1b3b46;}
.lighttone ._720kb-datepicker-calendar-header:nth-child(odd) {background: #1b3b46;}
.lighttone ._720kb-datepicker-calendar-header ._720kb-datepicker-calendar-header-left a, 
._720kb-datepicker-calendar-header ._720kb-datepicker-calendar-header-left a:hover,
._720kb-datepicker-calendar-header ._720kb-datepicker-calendar-header-right a,
._720kb-datepicker-calendar-header ._720kb-datepicker-calendar-header-right a:hover {
  color: #fff !important;}
.lighttone ._720kb-datepicker-calendar-month span {color: #fff;}
.lighttone ._720kb-datepicker-calendar-day._720kb-datepicker-active, .lighttone ._720kb-datepicker-calendar-day:hover {
  background: #e3750d;}
.lighttone ._720kb-datepicker-calendar-header:nth-child(even) {background: #fff;}
.lighttone ._720kb-datepicker-calendar-header ._720kb-datepicker-calendar-years-pagination a {
  color: #000 !important;
}
.lighttone ._720kb-datepicker-calendar-header ._720kb-datepicker-calendar-years-pagination a:hover {
  background: #e3750d!important;
}
.lighttone .nav-top-fix ul.sub-nav li a:hover, .lighttone .nav-top-fix ul.sub-nav li a.active {
  background-color: #e3750d!important;
}
.lighttone .nav-top-fix ul.sub-nav li a {background: #f9f5f0;}
.lighttone .ui-slider-tip {color: #fff;}
.lighttone .uislider .ui-slider-range {background: #e3750d;}
.lighttone .rangeslider { background: #000;}
.lighttone .ui-slider-tip {background:#1b3b46;}
.lighttone .ui-slider-tip:after {color: #1b3b46;}
.lighttone .dashbar {border: 1px solid #FFF;}
.colorGreen{
  color: green!important;
}
.colorRed{
  color:red!important;
}
.colorBlack{
  color: #626262!important;
}
.accidentbtn{  margin-bottom: 0!important;  padding: 3px 8px 3px 8px; font-size:13px; }
.accidentbtn span { background:url(../images/fnol@2x.png) no-repeat top left ; background-size:100%; width:18px; display:inline-block; margin:0 0 0 3px;  }
.accidentMainBox{
  font-weight: bold !important;
  color:#07101e 
}
#accidentReportModal .form-group{
  min-height: 0px !important;
}
#accidentReportModal .errorMsg{
  top: -17px;
}
.checkBoxDisable{
  pointer-events: none;
  opacity: 0.5;
}

/* simulate radiobutton appearance using pseudoselector */
input[type="radio"] {
  /* remove standard background appearance */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* create custom radiobutton appearance */
  display: inline-block;
  width: 15px;
  height: 15px;
  padding: 2px;
  /* background-color only for content */
  background-clip: content-box;
  border: 2px solid #bbbbbb;
  /* background-color: #e7e6e7; */
  border-radius: 50%;
}

/* appearance for checked radiobutton */
input[type="radio"]:checked {
  background-color: #000
  ;
}


.award-badge-footer{
  margin-top: 5px;
  padding-left: 10px;
}
.award-label{
  font-weight: bold !important;
  text-transform: uppercase;
  color: #383838;
}
.award-label-div{
  width:100px;
  text-align: center;
}
@media (min-width: 768px){
.awardsSecondLayer .col-md-4 {
    width: 33.33333333%;
    float: left;
}
.awardsFirstLayer .col-md-3{
  width:25%;
  float: left;
}
}

.paymenthistorypadding{  padding-right: 54px;}
.togglepaymenthistorypadding{  padding-right: 85px;}
@media (max-width: 767px){
  .paymenthistorypadding{  padding-right: 35px!important;}
  .togglepaymenthistorypadding{  padding-right: 35px!important;}
}
@media (min-width: 768px) and (max-width: 991px){
  .paymenthistorypadding{  padding-right: 35px!important;}
  .togglepaymenthistorypadding{  padding-right: 35px!important;}
}
@media screen and (min-width: 1000px) and (max-width: 1249px) {
  .paymenthistorypadding{  padding-right: 35px!important;}
  .togglepaymenthistorypadding{  padding-right: 35px!important;}
}


@media screen and (min-width: 1250px) and (max-width: 1399px) {
  .paymenthistorypadding{  padding-right: 54px!important;}
  .togglepaymenthistorypadding{  padding-right: 90px!important;}
}
@media screen and (min-width: 1399px) and (max-width: 1600px) {
  .paymenthistorypadding{  padding-right: 80px!important;}
  .togglepaymenthistorypadding{  padding-right: 115px!important;}
}
@media screen and (min-width: 1601px) and (max-width: 1800px) {
  .paymenthistorypadding{  padding-right: 110px!important;}
  .togglepaymenthistorypadding{  padding-right: 145px!important;}
}
@media screen and (min-width: 1801px) and (max-width: 2000px) {
  .paymenthistorypadding{  padding-right: 140px!important;}
  .togglepaymenthistorypadding{  padding-right: 185px!important;}
}