body::-webkit-scrollbar, div::-webkit-scrollbar, ul::-webkit-scrollbar, section::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
 
body::-webkit-scrollbar-track, div::-webkit-scrollbar-track, ul::-webkit-scrollbar-track, section::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
}
 
body::-webkit-scrollbar-thumb, div::-webkit-scrollbar-thumb, ul::-webkit-scrollbar-thumb, section::-webkit-scrollbar-thumb {
  background-color: #00ABEB;
  outline: 1px solid slategrey;
}
a{
    outline: none !important;
}
@media (min-width: 359px){
    .cd-gallery li {
        width: 100%;
    }
}
@media (min-width: 992px){
    .typo-line{
        padding-left: 140px;
        margin-bottom: 40px;
        position: relative;
    }

    .typo-line .category{
        transform: translateY(-50%);
        top: 50%;
        left: 0px;
        position: absolute;
    }
}

.all-icons [class*="pe-"]{
    font-size: 40px;
}
.all-icons input{
    border: 0;
}
.all-icons .font-icon-detail{
    text-align: center;
    padding: 45px 0px 30px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    margin: 15px 0;
}
.all-icons .font-icon-detail input{
    margin: 25px auto 0;
    width: 100%;
    text-align: center;
    display: block;
    color: #aaa;
    font-size: 13px;
}

#map{
    position:relative;
    width:100%;
    height: calc(100% - 60px);
}

.places-buttons .btn{
    margin-bottom: 30px
}
.sidebar .nav > li.support_btn{
    color: #636363;
    position: absolute;
    width: 100%;
    bottom: 10px;
}
.sidebar .nav > li.support_btn a{
    background: rgba(255, 255, 255, 0.14);
    opacity: 1;
    color: #636363;
}
.sidebar .nav > li a:hover{
    color: #fff !important;
    background-color: rgba(0,171,235,0.5);
}
.table-upgrade td:nth-child(2),
.table-upgrade td:nth-child(3){
    text-align: center;
}
.menu_dev{
    background: rgba(255, 255, 255, 0.13);
}
.map_overlay{
    background: url(images/overlay.png) repeat 0 0;
    height: calc(100% - 60px);
    width: 100%;
    position: absolute;
    top: 60px;
    left: 0;
    z-index: 1;
    opacity: 0.7;
}
.devs_form{
    display: inline-block;
    height: 44px;
}
.info{
    display: none;
    position: fixed;
    width: 100%;
    height: 150px;
    background: #fff;
    bottom: 0;
    color: #ADADAD;
    font-size: 13px;
    overflow-y: hidden;
    overflow-x: overlay;
    white-space: nowrap;
}
.info_dev, .info_status, .info_driver, .info_notify, .info_tracker_status, .info_can, .info_options, .info_driving_time_calc, .device_detail_panel{
    /*width: 200px;*/
    min-width: 200px;
    height: 150px;
    display: inline-table;
    /*display: table-cell !important;*/
    border-right: 1px solid #eee;
    padding: 8px;
    background: #fff;
}
.info_tracker_status{
    min-width: 250px;
}
.info_dev span, .info_status span, .info_driver span, .info_tracker_status span, .info_notify span, .info_can span, .info_options span, .info_driving_time_calc span, .device_detail_panel span {
    display: block;
}
.selected_device{
    background: rgba(245, 245, 245, 0.74);
}
.status_label{
    margin-top: 2px;
}
.status, .status_bottom, .status_bottom_ignition{
    width: 10px;
    height: 10px;
    background: gray;
    border-radius: 16px;
    display: inline-block;
    float: left;
    margin-right: 5px;
    margin-top: 4px;
}
.status_bottom{
    margin-top: 2px !important;
}
.status.online, .status.move, .status_bottom.online, .status_bottom.move, .status_bottom_ignition.online{
    background: #88b24c;
}
.status.stop{
    background: #00abeb;
}
.status_bottom.parking, .status.parking, .status.offline, .status_bottom.offline, .status_bottom_ignition.offline{
    background: #ef562d;
}
.bad_value{
    color: #ef562d;
}
.ok_value{
    color: #88b24c;
}
.marker_label{
    background-color: #fff;
    font-size: 14px;
    text-align: center;
    border: 1px solid #ededed;
    white-space: nowrap;
}
/*.dev_odo span{
    width: 21px;
    height: 16px;
    margin: 1px 1px 1px 0;
    display: inline-block;
    background-color: #7B7F8B;
    text-align: center;
    color: #fff;
    cursor: default;
}*/
#devices, #tab_type{
    z-index: 99999999999;
    position: fixed;
    width: 250px;
    /*min-height: 30%;
    max-height: 80%;*/
    top: 65px;
    right: 10px;
    padding: 5px;
    background: rgba(255,255,255,0.8);
    border-radius: 2px;
}
.devgroup{
    background: rgba(255, 255, 255, 0.8) !important;
    padding: 0 !important;
}
.devgroup_device{
    cursor: pointer;
    padding: 0;
    margin: 0;
    height: 45px;
    padding-left: 12px !important;
    padding-right: 12px !important;
}
.devgroup_device:not(:last-child){
    border-bottom: 1px dashed #ededed;
}
#live-search{
    background: rgba(255, 255, 255, 0.8);
    border-radius: 2px;
    padding: 5px;
    margin: 0;
}
#filter{
    width: 100%;
    border: none;
}
#filter-count{
    display: block;
    color: #ADADAD;
    font-style: italic;
}
.device_edit{
    width: 24px;
    height: 24px;
    float: right;
    background-image: url('https://cdn2.iconfinder.com/data/icons/circle-icons-1/64/gear-24.png');
    margin-top: 6px;
    position: absolute;
    right: 5px;
}
.menu_device_nick{
    display: block;
    color: #ADADAD;
    font-style: italic;
    font-size: 10px;
    display: block;
    font-weight: normal !important;
}
.menu_device_name{
    white-space: nowrap;
    overflow: hidden;
    max-width: 135px;
    text-overflow: ellipsis;
    display: block;
}
#search_dev{
    border: 1px solid #dddddd;
    background: #fff;
    border-radius: 4px;
}
.floatr{
    float: right;
    margin-left: 10px;
}
*:focus {
    outline: none;
}
.help{
    cursor: help;
}
ul#device_menu{
    position: absolute;
    right: 0;
    width: 200px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #f1f1f1;
    z-index: 999;
    border-radius: 2px;
    font-size: 12px;
}
ul#device_menu li{
    display: block;
    color: #000;
    padding: 5px;
    text-decoration: none;
}
ul#device_menu li:first-child{
    border-radius: 2px 2px 0 0;
}
ul#device_menu li:last-child{
    border-radius: 0 0 2px 2px;
}
ul#device_menu li:hover{
    background-color: #00ABEB;
}
.ui-state-active{
    background: #00ABEB !important;
    border: 1px solid #1dc7ea !important;
}
.active_menu{
    background-color: rgba(0,171,235,1) !important;
    color: #fff !important;
}
.gsm{
    width: 16px;
    height: 16px;
    background-size: 16px 16px !important;
    display: inline-block !important;
}
.gsm_0{
    background: url('/images/gsm/0.png');
}
.gsm_1{
    background: url('/images/gsm/1.png');
}
.gsm_2{
    background: url('/images/gsm/2.png');
}
.gsm_3{
    background: url('/images/gsm/3.png');
}
.gsm_4{
    background: url('/images/gsm/4.png');
}
.gsm_5{
    background: url('/images/gsm/5.png');
}
.strong{
    font-weight: 500;
    text-transform: uppercase;
}
.panel-map{
    overflow: hidden;
}
.ui-sortable-helper{
    background: rgba(245, 245, 245, 0.74);
}
.sortable, .remove{
    width: 13px;
    height: 13px;
    float: right;
    margin-top: -20px;
}
.remove{
    cursor: pointer;
}
.sortable{
    margin-right: 20px;
    cursor: move;
}
.placeholder-sortable{
    display: inline-block;
    background: orangered;
    width: 200px;
    min-width: 200px;
    height: 150px;
}
.info_notify_data{
    overflow: auto;
    height: 100px;
}
.event{
    
}
.event_date{
    font-style: italic;
    font-size: smaller;
    font-weight: 400;
}
.info_item_header{
    margin-bottom: 5px;
}
.nocan, .noevents{
    width: 200px;
    text-align: center;
    white-space: normal;
    font-style: italic;
    margin-top: 20px;
}
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace .pace-activity {
  display: block;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 0;
  width: 300px;
  height: 300px;
  background: #00abeb;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transform: translateX(100%) translateY(-100%) rotate(45deg);
  transform: translateX(100%) translateY(-100%) rotate(45deg);
  pointer-events: none;
}

.pace.pace-active .pace-activity {
  -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
  transform: translateX(50%) translateY(-50%) rotate(45deg);
}

.pace .pace-activity::before,
.pace .pace-activity::after {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    bottom: 30px;
    left: 50%;
    display: block;
    border: 5px solid #fff;
    border-radius: 50%;
    content: '';
}

.pace .pace-activity::before {
    margin-left: -40px;
    width: 80px;
    height: 80px;
    border-right-color: rgba(0, 0, 0, .2);
    border-left-color: rgba(0, 0, 0, .2);
    -webkit-animation: pace-theme-corner-indicator-spin 3s linear infinite;
    animation: pace-theme-corner-indicator-spin 3s linear infinite;
}

.pace .pace-activity::after {
    bottom: 50px;
    margin-left: -20px;
    width: 40px;
    height: 40px;
    border-top-color: rgba(0, 0, 0, .2);
    border-bottom-color: rgba(0, 0, 0, .2);
    -webkit-animation: pace-theme-corner-indicator-spin 1s linear infinite;
    animation: pace-theme-corner-indicator-spin 1s linear infinite;
}

@-webkit-keyframes pace-theme-corner-indicator-spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg); }
}
@keyframes pace-theme-corner-indicator-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}
.search-input{
    background-image: url('https://cdn2.iconfinder.com/data/icons/cute-tech-icon-set-1/512/Search-24.png');
    background-repeat: no-repeat;
    padding-left: 26px;
}
.search-input:focus{
    background-image: none;
    padding-left: 0px;
}
.search-input:focus::-webkit-input-placeholder { color:transparent; }
.search-input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
.search-input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
.search-input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */
.dd-options {
	overflow: auto !important;
	max-height: 500%;
}
.dd-option{
    height: 60px;
    white-space: nowrap;
}
.dd-option-image{
    height: 40px;
}
.dd-selected{
    white-space: nowrap;
}
.dd-selected-text{
    margin-top: 10px;
}
.dd-select{
    height: 85px;
}
.ui-accordion .ui-accordion-content p{
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}
.fc-time{
    display: none;
}
tr:first-child>td>.fc-day-grid-event{
    padding: 5px;
}
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(/pre-loader/images/loader-64x/Preloader_2.gif) center no-repeat #fff;
}
.cal-back{
	background-image: url(https://cdn2.iconfinder.com/data/icons/4web-3/139/expand-left-32.png);
	background-repeat: no-repeat;
	background-position: 50%;
	width: 46px;
    height: 100%;
	border-left: 1px solid #ededed;
	cursor: pointer;
    display: inline-block;
    border-right: 1px solid #eee;
}
.cal-back:hover{
	background-color: #ededed;
}
.pad-l-0{
    padding-left: 0;
}
.center{
    text-align: center;
}
.edit_icon{
    width: 32px;
    height: 32px;
    background-image: url(/images/icons/edit_32.png);
    cursor: pointer;
}
.add_icon{
    width: 32px;
    height: 32px;
    background-image: url(/images/icons/add_32.png);
    cursor: pointer;
}
.btn-group-sm>.btn, .btn-sm {
    padding: 5px 10px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    border-radius: 3px;
}
.margin-left-5{
    margin-left: 5px !important;
}
.content_bg{
    height: 100%;
    position: fixed;
    width: 100%;
}
.noresize {
  resize: none; 
}
#back-1{
    position: relative;
}
.support_buttons{
    position: fixed;
    bottom: 0;
    width: 260px;
}
.support_buttons a{
    position: relative;
    display: block;
    padding: 10px 15px;
    width: 220px;
}
version{
    color: #777;
    padding: 10px 15px;
    font-style: italic;
    font-size: 10px;
}
.colorbox_error{
    padding: 20px;
    text-align: center;
    padding-top: 13%;
}
.colorbox_error span{
    font-size: 24px;
    margin-top: -4px;
    margin-left: 20px;
}
@media (max-width: 768px) {
    .colorbox_error span{
        font-size: 14px !important;
    }
}
.colorbox_error img{
    margin-top: -20px;
}
.g-recaptcha{
    width: 200px;
    margin-bottom: 15px;
}
#driving_time_calc_origins{
  color: #444;
  line-height: 28px;
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 30px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
  color: #fff !important;
}
.uppercase{
  text-transform: uppercase;
}
.dataTables_wrapper .dataTables_filter input{
  border: 1px solid #ccc;
}
.subuser_device_status_1{
  background-color: #23B6ED !important;
}
.fc-list-item-time, .fc-list-item-marker{
    display: none;
}


/* Green Drive */
.greendrive{border: 1px solid #88b24c !important;}
.percent_1{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 1%, #88b24c 1%, #88b24c); } 
.percent_2{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 2%, #88b24c 2%, #88b24c); } 
.percent_3{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 3%, #88b24c 3%, #88b24c); } 
.percent_4{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 4%, #88b24c 4%, #88b24c); } 
.percent_5{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 5%, #88b24c 5%, #88b24c); } 
.percent_6{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 6%, #88b24c 6%, #88b24c); } 
.percent_7{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 7%, #88b24c 7%, #88b24c); } 
.percent_8{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 8%, #88b24c 8%, #88b24c); } 
.percent_9{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 9%, #88b24c 9%, #88b24c); } 
.percent_10{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 10%, #88b24c 10%, #88b24c); } 
.percent_11{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 11%, #88b24c 11%, #88b24c); } 
.percent_12{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 12%, #88b24c 12%, #88b24c); } 
.percent_13{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 13%, #88b24c 13%, #88b24c); } 
.percent_14{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 14%, #88b24c 14%, #88b24c); } 
.percent_15{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 15%, #88b24c 15%, #88b24c); } 
.percent_16{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 16%, #88b24c 16%, #88b24c); } 
.percent_17{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 17%, #88b24c 17%, #88b24c); } 
.percent_18{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 18%, #88b24c 18%, #88b24c); } 
.percent_19{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 19%, #88b24c 19%, #88b24c); } 
.percent_20{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 20%, #88b24c 20%, #88b24c); } 
.percent_21{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 21%, #88b24c 21%, #88b24c); } 
.percent_22{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 22%, #88b24c 22%, #88b24c); } 
.percent_23{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 23%, #88b24c 23%, #88b24c); } 
.percent_24{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 24%, #88b24c 24%, #88b24c); } 
.percent_25{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 25%, #88b24c 25%, #88b24c); } 
.percent_26{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 26%, #88b24c 26%, #88b24c); } 
.percent_27{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 27%, #88b24c 27%, #88b24c); } 
.percent_28{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 28%, #88b24c 28%, #88b24c); } 
.percent_29{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 29%, #88b24c 29%, #88b24c); } 
.percent_30{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 30%, #88b24c 30%, #88b24c); } 
.percent_31{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 31%, #88b24c 31%, #88b24c); } 
.percent_32{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 32%, #88b24c 32%, #88b24c); } 
.percent_33{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 33%, #88b24c 33%, #88b24c); } 
.percent_34{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 34%, #88b24c 34%, #88b24c); } 
.percent_35{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 35%, #88b24c 35%, #88b24c); } 
.percent_36{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 36%, #88b24c 36%, #88b24c); } 
.percent_37{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 37%, #88b24c 37%, #88b24c); } 
.percent_38{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 38%, #88b24c 38%, #88b24c); } 
.percent_39{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 39%, #88b24c 39%, #88b24c); } 
.percent_40{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 40%, #88b24c 40%, #88b24c); } 
.percent_41{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 41%, #88b24c 41%, #88b24c); } 
.percent_42{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 42%, #88b24c 42%, #88b24c); } 
.percent_43{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 43%, #88b24c 43%, #88b24c); } 
.percent_44{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 44%, #88b24c 44%, #88b24c); } 
.percent_45{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 45%, #88b24c 45%, #88b24c); } 
.percent_46{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 46%, #88b24c 46%, #88b24c); } 
.percent_47{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 47%, #88b24c 47%, #88b24c); } 
.percent_48{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 48%, #88b24c 48%, #88b24c); } 
.percent_49{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 49%, #88b24c 49%, #88b24c); } 
.percent_50{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 50%, #88b24c 50%, #88b24c); } 
.percent_51{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 51%, #88b24c 51%, #88b24c); } 
.percent_52{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 52%, #88b24c 52%, #88b24c); } 
.percent_53{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 53%, #88b24c 53%, #88b24c); } 
.percent_54{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 54%, #88b24c 54%, #88b24c); } 
.percent_55{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 55%, #88b24c 55%, #88b24c); } 
.percent_56{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 56%, #88b24c 56%, #88b24c); } 
.percent_57{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 57%, #88b24c 57%, #88b24c); } 
.percent_58{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 58%, #88b24c 58%, #88b24c); } 
.percent_59{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 59%, #88b24c 59%, #88b24c); } 
.percent_60{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 60%, #88b24c 60%, #88b24c); } 
.percent_61{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 61%, #88b24c 61%, #88b24c); } 
.percent_62{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 62%, #88b24c 62%, #88b24c); } 
.percent_63{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 63%, #88b24c 63%, #88b24c); } 
.percent_64{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 64%, #88b24c 64%, #88b24c); } 
.percent_65{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 65%, #88b24c 65%, #88b24c); } 
.percent_66{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 66%, #88b24c 66%, #88b24c); } 
.percent_67{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 67%, #88b24c 67%, #88b24c); } 
.percent_68{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 68%, #88b24c 68%, #88b24c); } 
.percent_69{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 69%, #88b24c 69%, #88b24c); } 
.percent_70{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 70%, #88b24c 70%, #88b24c); } 
.percent_71{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 71%, #88b24c 71%, #88b24c); } 
.percent_72{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 72%, #88b24c 72%, #88b24c); } 
.percent_73{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 73%, #88b24c 73%, #88b24c); } 
.percent_74{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 74%, #88b24c 74%, #88b24c); } 
.percent_75{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 75%, #88b24c 75%, #88b24c); } 
.percent_76{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 76%, #88b24c 76%, #88b24c); } 
.percent_77{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 77%, #88b24c 77%, #88b24c); } 
.percent_78{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 78%, #88b24c 78%, #88b24c); } 
.percent_79{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 79%, #88b24c 79%, #88b24c); } 
.percent_80{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 80%, #88b24c 80%, #88b24c); } 
.percent_81{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 81%, #88b24c 81%, #88b24c); } 
.percent_82{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 82%, #88b24c 82%, #88b24c); } 
.percent_83{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 83%, #88b24c 83%, #88b24c); } 
.percent_84{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 84%, #88b24c 84%, #88b24c); } 
.percent_85{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 85%, #88b24c 85%, #88b24c); } 
.percent_86{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 86%, #88b24c 86%, #88b24c); } 
.percent_87{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 87%, #88b24c 87%, #88b24c); } 
.percent_88{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 88%, #88b24c 88%, #88b24c); } 
.percent_89{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 89%, #88b24c 89%, #88b24c); } 
.percent_90{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 90%, #88b24c 90%, #88b24c); } 
.percent_91{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 91%, #88b24c 91%, #88b24c); } 
.percent_92{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 92%, #88b24c 92%, #88b24c); } 
.percent_93{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 93%, #88b24c 93%, #88b24c); } 
.percent_94{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 94%, #88b24c 94%, #88b24c); } 
.percent_95{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 95%, #88b24c 95%, #88b24c); } 
.percent_96{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 96%, #88b24c 96%, #88b24c); } 
.percent_97{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 97%, #88b24c 97%, #88b24c); } 
.percent_98{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 98%, #88b24c 98%, #88b24c); } 
.percent_99{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 99%, #88b24c 99%, #88b24c); } 
.percent_100{ background: -webkit-linear-gradient(left, #ef562d, #ef562d 100%, #88b24c 100%, #88b24c); }
.old_sw_btn{
  border-right: 1px solid #ededed;
}
#toasty{
  width: 216px;
  height: 256px;
  position: fixed;
  z-index: 999999999;
  bottom: 0;
  right: 0;
  display: none;
}
#display_crash{
  width: 216px;
  height: 256px;
  position: fixed;
  z-index: 999999999;
  bottom: 0;
  right: 0;
  display: none;
}
#display_crash img{
  width: 200px;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {  
   opacity: 1;
}

.max_zoom{
  padding: 5px;
  height: 24px;
  width: 45px;
}
#maptype_text{
  margin-top: 8px;
  display: block;
}
.mapstyle{
  display: inline-block;
  width: 24.5%;
  height: auto;
  cursor: pointer;
}
@media screen and (max-width: 480px) {
  .mapstyle{
    width: 100%;
  }
  .ui-tabs .ui-tabs-nav li {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .mapstyle{
    width: 33%;
  }
  .ui-tabs .ui-tabs-nav li {
    width: 100%;
  }
}
@media screen and (max-width: 960px) {
  .mapstyle{
    width: 49%;
  }
}

.mapstyle img{
  width: 100%;
  border: 2px solid #FFF;
}
.mapstyle img.current_style{
  border: 2px solid #00ABEB;
}
.langs{
	margin-bottom: -30px;
}
.login_log_flag{
  float: left;
  display: inline-block;
  margin-right: 5px;
  margin-top: -2px;
}
.cd-filters{
  width: max-content;
  /*padding-left: 120px;*/
  /*width: 900px;*/
  display: block;
  overflow-x: overlay;
  white-space: nowrap;
}
.cd-tab-filter .cd-filters{
  margin-left: 130px;
}

@media(max-width: 768px) {
    button.full-width {
        width: 100%;
        margin-top: 5px;
    }
}
.jqstooltip{
  height: 20px !important;
  width: 40px !important;
  color: #fff;
}
.no_overspeed{
  width: 100%;
  top: 35%;
  position: relative;
  text-align: center;
  font-size: 16px;
  color: #181818;
}
.nopadding{
  padding: 0 !important;
}
.nomargin{
  margin: 0 !important;
}
.float-left{
  float: left;
}
.code_link_b{
  font-weight: bold;
}