@font-face {
    font-family: "SFProText-Regular";
    src: url('https://gltrans.sst.bg/www/assets/fonts/sf-pro-text/SF-Pro-Text-Regular.otf') format("opentype");
  }
  @font-face {
    font-family: "SFProText";
    src: url('https://gltrans.sst.bg/www/assets/fonts/sf-pro-text/SF-Pro-Text-Regular.otf') format("opentype");
  }
  @font-face {
    font-family: "SFProText-Semibold";
    src: url('https://gltrans.sst.bg/www/assets/fonts/sf-pro-text/SF-Pro-Text-Semibold.otf') format("opentype");
  } 
  @font-face {
    font-family: "SFUIDisplay-Regular";
    src: url('https://gltrans.sst.bg/www/assets/fonts/sf-ui-display/SF-UI-Display-Regular.otf') format("opentype");
  }
  @font-face {
    font-family: "SFUIDisplay";
    src: url('https://gltrans.sst.bg/www/assets/fonts/sf-ui-display/SF-UI-Display-Regular.otf') format("opentype");
  }
 
body {
    background-color: #f9fbfe;
}
/* Icon Class Starts here */
.icon-container {
    width: 24px;
    height: 24px;
    margin: 0 9px 0 0;
    padding: 3px 1px 1px 2px;
}
.icon-container a { text-decoration: none;}
.ci{
    width:20px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 24px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}
.ci-trash{
    background: url('/www/assets/img/icons/13-delete-default.svg');
    background-repeat: no-repeat;
    background-size: auto;
}
.ci-trash:hover{
    background: url('/www/assets/img/icons/13-delete-hover.svg');
    background-repeat: no-repeat;
    background-size: auto;

}
.ci-edit{
    background: url('/www/assets/img/icons/00-edit-default.svg');
    background-repeat: no-repeat;
    background-size: auto;
}
.ci-edit:hover{
    background: url('/www/assets/img/icons/00-edit-hover.svg');
    background-repeat: no-repeat;
    background-size: auto;
}
.ci-close{
    background: url('/www/assets/img/icons/14-close-default.svg');
    background-repeat: no-repeat;
    background-size: auto;
}
.ci-close:hover{
    background: url('/www/assets/img/icons/14-close-hover.svg');
    background-repeat: no-repeat;
    background-size: auto;
}
.ci-duplicate{
    background: url('/www/assets/img/icons/06-duplicate-default.svg');
    background-repeat: no-repeat;
    background-size: auto;
}
.ci-duplicate:hover{
    background: url('/www/assets/img/icons/06-duplicate-hover.svg');
    background-repeat: no-repeat;
    background-size: auto;
}
.ci-truck2{
    background: url('/www/assets/img/icons/p-inside-a-circle-svgrepo-com.svg');
    background-repeat: no-repeat;
    background-size: auto;
}
.ci-truck2:hover{
    background: url('/www/assets/img/icons/p-inside-a-circle-svgrepo-com-hover.svg'); 
    background-repeat: no-repeat;
    background-size: auto;
}
.ci-truck4{
    background: url('/www/assets/img/icons/Delivery.svg');
    background-repeat: no-repeat;
    background-size: auto;
}
.ci-truck4:hover{
    background: url('/www/assets/img/icons/Delivery-hover.svg'); 
    background-repeat: no-repeat;
    background-size: auto;
}
.ci-comment{ 
    background: url('/www/assets/img/icons/02-add-comment-default.svg');
    background-repeat: no-repeat;
    background-size: auto;
}
.ci-comment:hover{
    background: url('/www/assets/img/icons/02-add-comment-hover.svg');
    background-repeat: no-repeat;
    background-size: auto;
}
.ci-print{
    background: url('/www/assets/img/icons/17-print-default.svg');
    background-repeat: no-repeat;
    background-size: auto;
}
.ci-print:hover{
    background: url('/www/assets/img/icons/17-print-hover.svg');
    background-repeat: no-repeat;
    background-size: auto;
}
.ci-check{
    background: url('/www/assets/img/icons/03-mark-course-as-done-default.svg');
    background-repeat: no-repeat;
    background-size: auto;
}
.ci-check:hover{
    background: url('/www/assets/img/icons/03-mark-course-as-done-hover.svg');
    background-repeat: no-repeat;
    background-size: auto;
}
.ci-mail{
    background: url('/www/assets/img/icons/10-send-status-default.svg');
    background-repeat: no-repeat;
    background-size: auto;
}
.ci-mail:hover{
    background: url('/www/assets/img/icons/10-send-status-hover.svg');
    background-repeat: no-repeat;
    background-size: auto;
}
.ci-eye{
    background: url('/www/assets/img/icons/01-quick-preview-default.svg');
    background-repeat: no-repeat;
    background-size: auto;
}
.ci-eye:hover{
    background: url('/www/assets/img/icons/01-quick-preview-hover.svg');
    background-repeat: no-repeat;
    background-size: auto;
}
.ci-add{
    background: url('/www/assets/img/icons/11-add-final-default.svg');
    background-repeat: no-repeat;
    background-size: auto;
}
.ci-add:hover{
    background: url('/www/assets/img/icons/11-add-final-hover.svg');
    background-repeat: no-repeat;
    background-size: auto;
}
.ci-phone{
    background: url('/www/assets/img/icons/07-phone-default.svg');
    background-repeat: no-repeat;
    background-size: auto;
}
.ci-phone:hover{
    background: url('/www/assets/img/icons/07-phone-hover.svg');
    background-repeat: no-repeat;
    background-size: auto;
}
.ci-whatsapp{
    background: url('/www/assets/img/icons/09-whatsapp-default.svg');
    background-repeat: no-repeat;
    background-size: auto;
}
.ci-whatsapp:hover{
    background: url('/www/assets/img/icons/09-whatsapp-hover.svg');
    background-repeat: no-repeat;
    background-size: auto;
}
.ci-skype{
    background: url('/www/assets/img/icons/08-skype-default.svg');
    background-repeat: no-repeat;
    background-size: auto;
}
.ci-skype:hover{
    background: url('/www/assets/img/icons/08-skype-hover.svg');
    background-repeat: no-repeat;
    background-size: auto;
}
.ci-status{
    background: url('/www/assets/img/icons/doc-icon.svg');
    background-repeat: no-repeat;
    background-size: auto;
}
.ci-status:hover{
    background: url('/www/assets/img/icons/doc-icon_hover.svg');
    background-repeat: no-repeat;
    background-size: auto;
}
.ci-map-marker {
    background: url('/www/assets/img/icons/16-gpis-link-default.svg');
    background-repeat: no-repeat;
    background-size: auto;
}
.ci-map-marker:hover{
    background: url('/www/assets/img/icons/16-gpis-link-hover.svg');
    background-repeat: no-repeat;
    background-size: auto;
}

.ci-draggable {
    background: url('/www/assets/img/icons/15-draggable-indicator-default.svg');
    background-repeat: no-repeat;
    background-size: auto;
    cursor:all-scroll;
}
.ci-draggable:hover{
    background: url('/www/assets/img/icons/15-draggable-indicator-hover.svg');
    background-repeat: no-repeat;
    background-size: auto;
}
.ci-mine {
    background: url('/www/assets/img/icons/mine-icons.svg');
    background-repeat: no-repeat;
    background-size: 20px;
}
.ci-mine:hover{
    background: url('/www/assets/img/icons/mine-icons-hover.svg');
    background-repeat: no-repeat;
    background-size: 20px;
}
.ci-copy {
    background: url('/www/assets/img/icons/20-copy-adress-to-clipboard-default.svg');
    background-repeat: no-repeat;
    background-size: auto;
    cursor:all-scroll;
}
.ci-copy:hover{
    background: url('/www/assets/img/icons/20-copy-adress-to-clipboard-hover.svg');
    background-repeat: no-repeat;
    background-size: auto;
}

.ci-refresh{
    background: url('/www/assets/img/icons/18-refresh-default.svg');
    background-repeat: no-repeat;
    background-size: auto;
    padding-left: 0;
    padding-right: 0;
    min-height: 40px;
    height: 40px;
    font-size: 33px;
    float: left;
    width: 65px;
    margin-left: 5px;
    overflow: hidden;
}
.ci-refresh:hover{
    background: url('/www/assets/img/icons/18-refresh-hover.svg');
    background-repeat: no-repeat;
    background-size: auto;
    color: transparent;
}
.ci-refresh{
    color: transparent;
} 
.ci-back{
    background: url('/www/assets/img/icons/04-back-default.svg');
    background-repeat: no-repeat;
    background-size: auto;
    margin-right: -6px;
    margin-top: 2px;
    float: left;
    font-size: 12px;
    color: #545252;
}
.ci-back:hover{
    background: url('/www/assets/img/icons/04-back-hover.svg');
    background-repeat: no-repeat;
    background-size: auto;
    color: #3e86ff;

}

.ci-gps_add{
    background: url('/www/assets/img/icons/24-gps-add-.svg');
    background-repeat: no-repeat;
    background-size: auto;
}
.ci-gps_add:hover{
    background: url('/www/assets/img/icons/24-gps-add-hover.svg');
    background-repeat: no-repeat;
    background-size: auto;
}

.panel-default {
    border-radius: 10px;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.16);
}
.panel-body {padding: 0px 20px 2px 20px;}
.custom_search_container label {font-size: 11px; color: #383f4c;width: 100%;}
#customSearch {
    width: calc(95% - 65px);
    height: 40px;
    margin: 1px 0 0;
    border-radius: 6px;
    border: solid 1px #c1c7d0;
    float: left;
}
.refresh-button-container {margin-top: 20px;
    padding-left: 0px;}

.btn-primary {
    background-color: #3e86ff;
    border-color: #3e86ff;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.06);
}
.btn-primary:hover {
    color: #fff;
    background-color: #3e86ff;
    border-color: #3e86ff;
}
.top-add-button {
    margin-top: 12px;
}
.sub-link-container{
    text-align: center;
    margin-bottom: 10px;
    margin-top: 40px;
}
.sub-link-container ul {
    display: inline-block;
    padding-left: 0px;
    min-height: 30px;}
.sub-link-container ul li {list-style: none;}
.sub-link-container .top-sub-links {
    float: left;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background: transparent;
}
.sub-link-container .top-sub-links a{
    background-color: #fff;
    border-color: #fff;
    color:#1b1b1b;
    margin: 0px;
    padding: 10px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.06);
}
.sub-link-container .active a{
    background-color: #3e86ff;
    border-color: #3e86ff;
    color:#fff;

}

/*.sub-link-container .top-sub-links a:hover{*/
/*     text-decoration: none;*/
/*     background-color: #3e86ff;*/
/*     border-color: #3e86ff;*/
/*     color:#fff;*/
/*}*/

.sub-link-container .active a{
    color:#fff;
}
a.dt-button{
    background: #e9f0fd;
    border: 1px solid #e9f0fd;
    margin-bottom: 10px;
    padding: 15px;
    border-radius: 5px;
    padding-right: 25px;
    padding-left: 25px;
    color: #3e86ff;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    background-image: none;
}
a.dt-button:hover {
    background: #e9f0fd;
}
a.dt-button:hover:not(.disabled) {
    border: 1px solid #3e86ff;
    background-color: #e9f0fd;
    background-image: none;
}
.dt-button-collection  a.dt-button{
    background: none;
    border: none;
    color:#545252;
    padding: 0.5em 1em;
}
.dt-button-collection  a.dt-button:hover{
    background: none;
    border: none;
    color:#3e86ff;
}
.pagination > .active > a{
    background-color: #3e86ff;
    border-color: #3e86ff;
}
.pagination > li > a{
    color: #3e86ff;

}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    background-color: #3e86ff;
    border-color: #3e86ff;
    cursor: default;
}
.table-bordered {
    border: none;
    border-bottom: 1px solid #ddd;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: none;
    border-top: 1px solid #ddd;
}
tfoot {display: none;}
.loud {
    font-weight: normal;
}
#datatable strong {font-weight: normal;}
.table-responsive .form-control {border-radius: 8px;}
div.dataTables_paginate ul.pagination {
    margin-top: 20px;
}
.pagination > li > a, .pagination > li > span {
    border: none;
    padding: 3px 9px 1px 9px;
    margin: 2.5px;
}
.pagination > li > a {
    color: #3f4754;
}
.pagination .previous a,.pagination .next a {font-weight: bold;
    font-size: 16px;
    background-color: #eee;
    border-color: #ddd;
}
#datatable_info  {
    float: left;
    margin-top: 20px;
}
.table_search {margin: 20px 20px 21px 0px;
    width: 80% !important;
    border: solid 1px #c1c7d0;
    height: 30px!important;}
.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
    padding-top: 22px;
    padding-bottom: 22px;
}
.well_new {
    min-height: 20px;
    padding: 19px;
    padding-top: 70px;
    margin-bottom: 20px;
    background-color: #f9fbfe;
}
/* Form CSS */
.form-head h3 {margin-top: 20px;
    margin-bottom: 15px;
    color: #383f4c;
    font-family: SFUIDisplay;}
.form-head hr {margin-top: 14px;
    margin-left: -22px;
    margin-right: -22px;
    }
.map-form label {
    height: 16px;
    font-family: SFUIDisplay;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.18px;
    color: #383f4c;}
.map-form .form-control {
    height: 40px;
    padding: 8px 8px 8px 10px;
    border-radius: 6px;
    border: solid 1px #adb0b7;
    font-family: SFUIDisplay;
}
.map-form   .chosen-single {
    height: 40px;
    padding: 3px 8px 8px 10px;
    border-radius: 6px;
    border: solid 1px #adb0b7;
    font-family: SFUIDisplay;
}
.form-seperator {
    border: 0;
    border-top: 1px solid #eee;

}
.input-group-addon {
    cursor: pointer;
    background: #3e86ff;
    border-radius: 6px;
    color: #fff;
}
.radio-container {
    border: solid 1px #ededed;
    color: #1a1919 !important;
    padding: 11px 33px 11px 55px;
    display: table-cell;
    min-width: 170px;
    border-radius: 4px;
    font-size: 13px!important;
    height : 40px !important;
}

.radio-container input[type="radio"], .radio-container input[type="checkbox"] {
    margin-top: 3px;
}
.radio-container-car {
    width: auto;
}
.active_radio {
    border: 1px solid#3e86ff;
    color: #3e86ff!important;
    background: rgba(233, 240, 253,0.5);
}
.add_load_btn {
    color: #3e86ff;
    background-color: #e9f0fd;
    border-color: #e9f0fd;
    margin-left: 50px;
    margin-top: 25px;
    padding: 17px 30px 17px 30px;
}
.add_load_btn:hover {
    color: #3e86ff;
    background-color: #dadde0;
    border-color: #dadde0;
    padding: 17px 30px 17px 30px;
}
.remove_button {
    margin-right: 16px;
    color: #3e86ff;
    background-color: #e9f0fd;
    border-color: #e9f0fd;
    padding: 17px 30px 17px 30px;
}
.remove_button:hover {
    color: #3e86ff;
    background-color: #dadde0;
    border-color: #dadde0;
    padding: 17px 30px 17px 30px;
}
.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th.dow,
.table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td.day {
    padding-top: 5px;
    padding-bottom: 5px;}
.loadunload_info_container {padding-left: 15px; padding-right: 15px;}
.loadunload_info_container .row {
    margin-left: 0px;
    margin-right: 0px;}

.row_count {   float: left;
    font-size: 25px;
    line-height: normal;
    color: #bac5d9;
    padding-top: 80px;
}
.loadunload_info_container .side_container {
    width: 15px;
}
.loadunload_info_container .side_container .draggable_container { margin-top: 90px;
    margin-bottom: 15px;
    padding-left: 5px;}
.loadunload_info_container .main_container { width: 94%!important; padding-left: 5px;
    padding-right: 5px;}
.route_container { background-color: #f9fbfe;
    border-top: 0px solid transparent;
    display: inline-block;
    width: 100%;
    padding: 30px;
    margin-bottom: -4px;
    /* margin: 30px 30px 30px 40px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px; */
    border-radius: 10px;
}
.route_container label {font-weight: normal;font-size: 11px;}
.bgwhite {background-color: #fff!important;}
#route_button_container {padding-top: 34px;}
#route_map_button { margin: 3px 0 4px 7px;
    font-family: SFUIDisplay;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.04px;
    color: #1a1919;
    text-decoration: none;}
#route_map_button span { width: 22px;
    height: 22px;
    margin: 0 7px 0 0;
    padding: 4px 8px 4px 8px;
    color: #fff;
    font-size: 16px;
    border-radius: 100%;
    background-color: #3e86ff;}
/* Switch Button CSS */
/* The switch - the box around the slider */
label.switch {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 22px;
}
.switch-container {
    margin-top: 25px;
    padding: 4px 18px 3px 10px;
    border-radius: 3px;
    color: #1a1919;
    border: solid 1px #c1c7d0;
    cursor: pointer;
}
.switch-container:hover {
    border: solid 1px #3e86ff;
}
#premium_switch {
    margin-top: 0px;
    padding-top: 8px;
}
.active-switch {
    border: solid 1px #3e86ff;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffffff;
    border: 1px solid #c1c7d0;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}
.active-switch .slider {
    border: solid 1px #3e86ff;
}
.switch-container:hover .slider {
    border: solid 1px #3e86ff;
}

.slider:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 3px;
    bottom: 3px;
    background-color: #c1c7d0;
    border: 1px solid #c1c7d0;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}
.switch-container:hover .slider:before {
    background-color: #c1c7d0;
    border: solid 1px #c1c7d0;
}
.active-switch .slider:before {
    background-color: #3e86ff;
    border: 1px solid #3e86ff;
}
.active-switch:hover .slider:before {
    background-color: #3e86ff;
    border: 1px solid #3e86ff;
}
.siwtch_label { font-weight: normal;cursor: pointer;}
/*
input:checked + .slider {

  background-color: #2196F3;
}*/

input:focus + .slider {
    -webkit-box-shadow: 0 0 1px #2196F3;
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    background-color: #2196F3;
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}
#ownid {
    background: rgba(241, 244, 251,0.5);
    margin: 15px;
    display: inline-block;
    border-radius: 3px;
}
#selledid {
    background: rgba(241, 244, 251,0.5);
    margin: 15px;
    display: inline-block;
    border-radius: 3px;
}
.fileupload_container {
    margin: 21px 225px 10px 0px;
    border: 1px dashed #3e86ff;
    display: inline-block;
}
.btn-submit {
    margin-left: 18px;
    padding: 14px 30px 13px 30px;
}
.course_button_container {margin-right: 60px;}
.course_button_container .form-group{ display: inline;}
.client_warn_container {
    border: solid 1px #adb0b7;
    /* height: 40px; */
    /* padding: 8px 8px 8px 10px; */
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.client_warn_container .form-control
{
    width: 94%;
    border: none;
    border-right: 1px solid #adb0b7;
    margin-right: 5px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.client_warn_container label {margin: 10px 10px 10px 0px;}
.client_warn_container .checkbox{margin: 11px 7px 10px 6px;}
.client_warn_container input[type="checkbox"] {
    width: 18px;
    height: 18px;
    border-radius: 2px;
    border: solid 1px #3e86ff;
    background-color: rgba(62, 134, 255, 0.1);
}
.form-control {color:#383f4c;}
.form-control:hover,  .form-control:focus {  border: solid 1px #3e86ff;
    box-shadow: inset 0 0 0px #000000, 0 0px 8px 0 #67afe9;
}
.selected label{ color:#3e86ff;}
.client_warn_container input:checked {
    border-radius: 2px;
    border: solid 1px #3e86ff;
    background-color: rgba(62, 134, 255, 0.1);
}
.chosen-container .chosen-results li.highlighted { color: #383f4c;
    background-color: rgba(62, 134, 255, 0.1)!important; }
.chosen-container .chosen-results li.highlighted:hover {
    color: #383f4c!important;
}
.chosen {font-family: SFUIDisplay !important; }
/* Home page css starts */
.page_title {
    margin: 140px 0px 100px 0px;
    font-family: SFUIDisplay;
    font-size: 40px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.22;
    letter-spacing: 0.14px;
    color: #545252;
}
.page_title span { font-weight: 600;}
.home_top_image {
    margin:50px;
}
.home-top-add-button {
    padding: 14px 103px 13px 100px;
    margin: 140px 0px 15px;
    width: 100%;
}
.home-top-add-button:hover {
    background-color: #326bcc;
}
.home-top-add-button:focus {
    background-color: #326bcc;
}
.home-top-go-course-button {
    padding: 14px 103px 13px 100px;
    background-color: #e9f0fd;
    border:1px solid #e9f0fd;
    border-radius: 5px;
    color: #3e86ff;
    width: 100%;
}
.home-top-go-course-button:hover {
    background-color: #d6e4ff;
    border:1px solid #d6e4ff;
    border-radius: 5px;
    color: #3e86ff;
}
.home-top-go-course-button:focus {
    background-color: #d6e4ff;
    border:1px solid #d6e4ff;
    border-radius: 5px;
    color: #3e86ff;
}
.home_top_box {
    padding: 0px 20px 26px 20px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.06);
    background-color: #ffffff;
    width: 100%;
    min-height: 100px;
    margin: 46px 0px 40px 0px;
    border-top: 5px solid #3e86ff;
}
.home_top_box h3 {
    font-family: SFUIDisplay;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.06px;
    color: #383f4c;
    min-height: 55px;
}
.home_top_box p {margin:0px}
.home_top_box p a { color: #3e86ff;text-decoration: none;}
.home_top_box p a:hover { color: #23527c;}
.home_table_container {height: 400px;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: scroll;
    scrollbar-color: #3e86ff #F5F5F5;
    scrollbar-width: thin;
}
.home_table_link { font-size: 14px; color: #3e86ff; text-decoration: none;}
.home_table_link:hover { text-decoration: none;}
.home_table hr {
    margin-top:0px;
    margin-bottom:0px;
    border: dashed 1px #979797;}
::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 5px;
}

::-webkit-scrollbar-thumb {
    background-color: #3e86ff;
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
    box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
::-webkit-scrollbar-track-piece {
    background-color: #e9f0fd;
}

.home_table_container::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px #e9f0fd;
    background-color: #F5F5F5;
}

.home_table_container::-webkit-scrollbar
{
    width: 5px;
    background-color: #F5F5F5;
}

.home_table_container::-webkit-scrollbar-thumb
{
    background-color: #3e86ff;
    border: 2px solid #3e86ff;
}
.panel {border:none;}
.chosen-container-single .chosen-single {
    line-height: 30px;
}
.even_address  { background-color: #fbfbfb;}
/*
  * New Style | 25.01.2021
  *
  */
.courses_header h3 {
    font-size: 30px;
    font-weight: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.09px;
    color: #1a1919;
    margin-bottom: 17px;
    margin-top: 8px;
}
.top-add-button{
    padding: 14px 50px 13px 46px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.06);
    background-color: #3e86ff;
    line-height: 1.5;
    text-align: center;
    color: #ffffff;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}
.sub-link-container .top-sub-links a {
    padding: 10px 14px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.06);
    background-color: #ffffff;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    line-height: 2.46;
    text-align: center;
    color: #1b1b1b;
    display: inline-block;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    font-family: 'SFUIDisplay';
}
.sub-link-container .top-sub-links.active a{
    background-color: #3e86ff;
    color: #ffffff;
}
.sub-link-container .top-sub-links.active .top-sub-links_number{
    background-color: #ffffff;
    color: #3e86ff
}
.sub-link-container .top-sub-links{
    margin: 5px 15px;
}

.top-sub-links_number {
    width: 25px;
    height: 25px;
    background-color: #ededed;
    display: inline-block;
    vertical-align: middle;
    font-size: 10px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.5;
    text-align: center;
    color: #1b1b1b;
    margin-left: 5px;
    border-radius: 50%;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}
.panel.courses_panel {
    padding-top: 34px;
    position: relative;
}
/*
.courses_panel  #datatable_new_length {
    display: none;
}

.courses_panel  #datatable_new_filter {
    display: none;
} */
.courses_panel table.dataTable tr td:nth-of-type(2) {
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.33px;
    color: #3f4754;
}
.courses_panel .table-condensed > tbody > tr > td{
    padding-top: 20px;
    padding-bottom: 20px;
}
.courses_panel div.dataTables_paginate ul.pagination{
    margin-top: 39px;
}
.panel.courses_panel div.dataTables_info {
    float: left;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    color: #3f4754;
    padding-top: 42px;
}
.app_icon {
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    vertical-align: top;
}

.icon_arrow {
    width: 5px;
    height: 11px;
}

.arrow_prev {
    background-image: url(/www/assets/img/icons/21-arrow-prev-default.svg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.arrow_next {
    background-image: url(/www/assets/img/icons/21-arrow-prev-default.svg);
}

.pagination .previous a, .pagination .next a {
    padding: 7px 10px;
    border-radius: 2px;
    background-color: #e9f0fd;
    height: 25px;
}

.pagination > li > a, .pagination > li > span {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.33px;
    color: #3f4754;
    height: 25px;
    padding: 3px 9px 1px;
    border-radius: 2px;
    background-color: transparent;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    text-align: center;
}

.pagination > li > a:hover {
    background-color: #e9f0fd;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
    border-radius: 2px;
}
.sub-link-container .top-sub-links:not(.active) a:hover{
    background-color: #e9f0fd;
    border-color: transparent;
}
.sub-link-container .top-sub-links a:hover{
    text-decoration: none;
}
.sub-link-container .top-sub-links:not(.active) a:hover .top-sub-links_number{
    background-color: #ffffff;
}
.courses_panel .table-responsive {
    margin-top: 34px;
}
div.dt-button-collection {
    width: 125px;
    margin: 2px 0 0;
    padding: 8px 30px;
    border-radius: 5px;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.06);
    background-color: #ffffff;
    border: 0;
}

div.dt-button-background {
    background: transparent;
}

div.dt-button-collection button.dt-button, div.dt-button-collection div.dt-button, div.dt-button-collection a.dt-button {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.33px;
    text-align: center;
    color: #545252;
    padding: 0;
    margin: 0 0 8px;
}
a.dt-button.buttons-collection {
    min-width: 125px;
    text-align: center;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.06);
}

button.dt-button:active:not(.disabled), button.dt-button.active:not(.disabled), div.dt-button:active:not(.disabled), div.dt-button.active:not(.disabled), a.dt-button:active:not(.disabled), a.dt-button.active:not(.disabled),button.dt-button:focus:not(.disabled), div.dt-button:focus:not(.disabled), a.dt-button:focus:not(.disabled),a.dt-button.buttons-collection:focus,a.dt-button.buttons-collection:active {
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.16);
    background-color: #e9f0fd !important;
    background-image: none!important;
    border: 0;
}
.top-add-button:hover {
    background-color: #326bcc;
}
.span_labels {
    width: 99px;
    height: 29px;
    padding: 4px;
    border-radius: 3px;
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: -0.28px;
    text-align: center;
    margin: 2px 0;
}
.span-important {
    background-color: rgba(208, 138, 255, 0.33);
    color: #a153d5;
}
.span-detained {
    background-color: rgba(255, 210, 125, 0.33);
    color: #e6ab37;
}
.span-reversed {
    background-color: rgba(255, 125, 125, 0.33);
    color: #e63737;
}
.span-premium {
    background-color: rgba(96, 203, 255, 0.33);
    color: #20b6ff;
}
.span_adventure {
    background-color: #E1FFE3;
    color: #5BC85A;
}
.span_notadventure{
    background-color: #B3FFFB;
    color: #5CB8B5;
     
}
.span-customer {
    background-color: rgba(255, 46, 197, 0.33);
    color: #ff2ec5;
     
}
.courses_panel_user {
    width: 35px;
    height: 35px;
    padding: 7px 5px;
    background-color: #ebf2ff;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.33px;
    text-align: center;
    color: #3e86ff;
    border-radius: 50%;
}
table.table.table-bordered th {
    background-image: none;
    padding-bottom: 14px;
    font-family: 'SFUIDisplay';
}
.ci-transport-history {
    background: url(/www/assets/img/icons/22-transport-history.svg);
    background-repeat: no-repeat;
    background-size: auto;
}

.ci-transport-history:hover {
    background: url(/www/assets/img/icons/22-transport-history-hover.svg);
    background-repeat: no-repeat;
    background-size: auto;
}
a.ci {
    color: transparent;
}
.courses_panel table.table.table-bordered tbody tr td:last-of-type a {
    width: 24px;
    display: inline-block;
    vertical-align: top;
    height: 24px;
    margin: 5px;
}

.courses_panel table.table.table-bordered tbody tr td:last-of-type {
    min-width: 72px;
    width: 72px;
    padding-top: 15px;
    padding-bottom: 15px;
}
@media all and (max-width: 768px){
    .sub-link-container .top-sub-links{margin:4px}
    .courses_panel .table-responsive{margin-top: 84px}
}

@media all and (max-width: 567px){
    #wrap > .container{padding: 60px 0 0;width: 100%;}
    .courses_panel .panel-body{
        padding: 0 15px 30px;
    }
}
.address_panel { padding: 0px 0px 30px 0px;}
.address_panel .form-head{ padding-left: 45px;}
div#content-container {max-width: 1542px;width: 100%;}
.address_panel .form-seperator { margin-top: 0px;
    margin-bottom: 0px;}
.courses_loading {
    display: inline-block;
    width: 100%;
}
.courses_loading_data {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -0.33px;
    color: #3e86ff;
    display: block;
    min-height: 20px;
}

.courses_loading_info {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    line-height: 0.5;
    letter-spacing: -0.33px;
    color: #3f4754;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    white-space: nowrap;
    border-top: 1px dashed #979797;
    padding-top: 4px;
    margin-top: 2px;
    display: inline-block;
    width: 100%;
}

.courses_loading_copy {
    width: 12px;
    height: 12px;
    border: 0;
    padding: 0;
    cursor: pointer;
}
.navbar.navbar-default.navbar-fixed-top {
    padding: 24px 0px 21px 0px;
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
    background-color: #ffffff;
}

.navbar-default .navbar-brand {
    font-size: 26px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.08px;
    text-align: center;
    color: #131415;
    padding: 0;
    padding-left: 15px;
    padding-right: 24px;
    height: auto;
}

.navbar-default .navbar-nav > li > a {
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.04px;
    text-align: center;
    color: #3f4754;
    padding: 10px 14px;
    border-radius: 3px;
}

@media (min-width: 769px){
    .navbar-nav{
        float:none;
        margin: 0 auto;
        display: table;
        table-layout: fixed;
    }
}


.navbar-default .navbar-nav ~ button.right.btn.btn-default.btn-right.pull-right {
    display: none;
}

.navbar-nav > li {
    margin: 0 8px;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {background-color: #e9f0fd;color: #629aff;}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #629aff;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: transparent;
    color: #629aff;
}

.dropdown-menu > li > a {
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.04px;
    color: #545252;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background: transparent;
    color: #629aff;
}

.navbar-nav > li > .dropdown-menu {
    margin: 0;
    padding: 15px;
}

.dropdown-menu > li > a {
    padding: 0;
    text-align: left;
}

.navbar-nav > li > .dropdown-menu >li:not(:last-of-type) {
    margin-bottom: 13px;
}

.collapse.navbar-collapse {
    min-height: auto;
}

.history_wrapper {
    padding-top: 70px;
}
.history_top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto 30px;
}

.history_title {
    margin: auto;
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.09px;
    color: #1a1919;
}

a.back_to_prev_btn {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.04px;
    color: #545252;
    text-decoration: none;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

a.back_to_prev_btn .glyphicon {
    color: #bac5d9;
    vertical-align: top;
    margin-right: 7px;
}

.history_box {
    border-radius: 5px;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.16);
    background-color: #ffffff;
    padding-bottom: 24px;
    position: relative;
    margin-bottom: 20px;
}

.history_head_title {
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.06px;
    color: #545252;
    margin: 0;
}

.history_head {
    height: 57px;
    padding: 17px 20px 16px;
    position: relative;
}

.history_head:after {content: '';width: calc(100% - 50px);position: absolute;left: 0;bottom: 0;background: #f3f3f3;height: 1px;}

.history_cart_title {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.33px;
    color: #3f4754;
}

.history_body {
    overflow-y: auto;
   /* min-height: 50vh; */
    min-height: 682px;
    max-height: 682px;
    padding: 5px 20px 5px;
    position: relative;
}

.history_cart {
    padding: 10px 0;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.33px;
    color: #3f4754;
}

.history_body .history_cart:not(:last-of-type) {
    border-bottom: 1px solid #f3f3f3;
}

.history_cart_desc {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.33px;
    color: #3f4754;
}

.history_cart_desc p {
    margin: 0;
}

.history_cart_data {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: -0.28px;
    color: #b5b5b5;
}
.history_box:after {content: '';background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(87%, #ffffff));background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), #ffffff 87%);background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff 87%);height: 54px;position: absolute;bottom: 24px;width: calc(100% - 20px);left: 0;z-index: 1;}

a.back_to_prev_btn:hover,a.back_to_prev_btn:hover .glyphicon {
    color: #629aff;
}

.history_footer {margin-top: 19px;text-align: center;margin-bottom: 74px;}

.history_btn {
    max-width: 224px;
    height: 48px;
    padding: 14px 15px 13px 15px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.06);
    background-color: #3e86ff;
    display: inline-block;
    width: 100%;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus,.btn-primary:active:hover {
    background: #326bcc;
    box-shadow: none;
    /* border: 0; */
    outline: 0;
}

.btn-primary {
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}
@media all and (min-width:  1490px){
    .navbar-header {
        position: absolute;
    }
}
@media all and (min-width:  1201px){
    a.back_to_prev_btn{
        position: absolute;}
}
@media all and (max-width: 576px){
    .history_top{-ms-flex-wrap: wrap;flex-wrap: wrap}
    a.back_to_prev_btn{margin-right: 10px;margin-bottom: 15px;margin-top: 15px}
}

.container{
    width: 100%;
    max-width: 1480px;
}
button:focus {
    outline: none;
}
.courses_loading_data.courses_loading_foot {
    border-top: 1px dashed #979797;
    padding-top: 4px;
    margin-top: 4px;
}
.modal-dialog {
    width: 100%;
    max-width: 914px;
    border-radius: 3px;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.06);
    background-color: #ffffff;
    border: 0;
    margin: 10vw auto;
}

.modal-content {box-shadow: 0 0 0;border: 0;}

.modal-header {
    border: 0;
    padding: 40px 24px 25px;
    text-align: center;
}

.modal-header .modal-title {
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.09px;
    color: #1a1919;
    float: left;
    margin: auto;
    width: 100%;
   /* max-width: calc(100% - 100px); */
    min-height: 54px;
}

.modal-header .close {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.04px;
    color: #545252;
    margin: 0;
    margin-top: 10px;
    display: inline-flex;
    padding: 3px 4px;
    border-radius: 3px;
    background-color: transparent;
    opacity: 1;
}

.modal-header .close span {
    color: #bac5d9;
    margin-right: 0px;
    height: 13px;
    width: 13px;
    margin-top: 2px;
}

.modal-header .close:hover {
    background: #F1F3F7;
}


.modal_title {
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.06px;
    color: #545252;
    margin: 0 0 21px 0;
}
label.modal_label {
    font-size: 11px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: 0.18px;
    color: #383f4c;
    margin-bottom: 1px;
}

.modal-body textarea.form-control {
    max-width: 302px;
    height: 315px;
    margin: 1px 0 0;
    padding: 12px;
    border-radius: 6px;
    border: solid 1px #c1c7d0;
    resize: none;
}

.history_box.modal_box {
    background: transparent;
    box-shadow: 0 0 0;
    margin-bottom: 0;
}

.history_box.modal_box .history_body {
    max-height: 330px;
    min-height: 300px;
    padding-left: 0;
}
.modal-footer {
    border: 0;
    padding: 20px 15px 40px;
    text-align: center;
}
.modal-footer .btn-default.btn-light {
    max-width: 220px;
    height: 48px;
    margin: 0 15px;
    width: 100%;
}

.btn-light:hover,.btn-light:active,.btn-light:focus,.btn-light:active:hover {
    background-color: #d6e4ff;
    color: #3e86ff;
    border: 0;
    outline: 0;
    box-shadow: none;
}

.btn-light {
    padding: 14px;
    border-radius: 5px;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.06);
    background-color: #e9f0fd;
    border: 0;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.33px;
    text-align: center;
    color: #3e86ff;
    transition: .2s;
    background-image: none;
}

.modal-footer .btn-success.btn-primary {
    max-width: 220px;
    height: 48px;
    margin: 0 15px;
    width: 100%;
}
.modal_comment_box {
    width: 100%;
    margin: auto;
    max-width: 330px;
}

.border_right_1 {
    border-right: 1px solid #DCDCDC;
}
.table-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.ci-flag {
    background: url(/www/assets/img/icons/12-change-status-type-default.svg);
    background-repeat: no-repeat;
    background-size: auto;
}
.ci-flag:hover{
    background: url(/www/assets/img/icons/12-change-status-type-hover.svg);
    background-repeat: no-repeat;
    background-size: auto
}

.clinet_loading {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.33px;
    color: #3f4754;
    display: inline-block;
}

.client_top {
    display: inline-block;
    width: 100%;
    padding-bottom: 6px;
    border-bottom: dotted 1px #979797;
}

.soc_pattern {
    display: inline-block;
    width: 100%;
    margin-top: 5px;
}

.soc_pattern .ci {background-size: contain;font-size: 22px;margin: 2.5px;height: 22px;display: inline-block;background-position: center;}

.clinet_data {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -0.28px;
    color: #b5b5b5;
    display: inline-block;
    width: 100%;
}

a.clicnet_foot_modal {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.33px;
    color: #3e86ff;
    text-decoration: none;
}

.client_foot {
    padding-top: 5px;
    display: inline-block;
}


.span_statusn {
    background-color: rgba(225, 255, 40, 0.33);
    color: #7a8a15;
    width: auto;
    height: auto;
    padding: 4px 15px;
}

.table-condensed  td {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.33px;
    color: #3f4754;
}
/*
.dataTables_length {
    display: none;
}
*/
.dataTables_filter {
    display: none;
} 
.clicnet_foot_modal.ci.ci-edit.add_action {
    background: none;
    padding: 0;
    width: 100%;
}
.ui-tooltip, .arrow:after {
    background: white;
}
.ui-tooltip {
    border: 0!important;
    padding: 15px 30px 15px;
    border-radius: 3px;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.16);
    background-color: #ffffff;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.33px;
    color: #3f4754;
    min-width: 162px;
    text-align: center;
}

.ui-tooltip:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -15px;
    width: 25px;
    height: 15px;
    box-shadow: 6px 5px 9px -9px black;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    background: white;
    content: none
}
.message_title {
    display: block;
    font-size: 15px;
    line-height: 20px;
}
.message_title.success {
    color: #41bc40
}
.message_title.error {
    color: #ff3e3e
}
/** 05.02.21*/
.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.select_status_box {
  /*  max-width: 1115px; */
    border-radius: 3px;
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.06);
    background-color: #ffffff;
    padding-top: 18px;
    padding-bottom: 30px;
}

.select_status_box_top {
    padding: 0  20px 17px;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 15px;
}

.select_status_box .modal_title,.transport_point_box .modal_title {
    color: #383f4c;
    margin-bottom: 3px;
}

.select_status_box_top:after {content: '';width: calc(100% - 34px);height: 1px;background-color: #f3f3f3;position: absolute;bottom: 0;left: 0;}

.status_span {
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.04px;
    color: #a0a0a0;
}

.status_story_link {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.33px;
    text-align: center;
    color: #3e86ff;
}

.status_box_input,.add_file_btn {
    margin-top: 10px;
    margin-bottom: 0;
}

.status_box_input label {
    font-size: 11px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: 0.18px;
    color: #383f4c;
    margin-bottom: 1px;
}

.form-control {
    padding: 8px 8px 8px 12px;
    border-radius: 6px;
    border: solid 1px #c1c7d0;
    height: 40px;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.04px;
    color: #545252;
}

select.form-control {
    padding-right: 32px;
    -webkit-appearance: none;
    background-image: url(/www/assets/img/icons/19-dropdown-arrow-default.svg);
    background-color: transparent;
    background-position: calc(100% - 15px) center;
    background-repeat: no-repeat;
    background-size: 15px;
}
.select_status_box select.form-control:hover {
    background-image: url(/www/assets/img/icons/19-dropdown-arrow-hover.svg);
}

.add_file_btn input[type="file"] {
    display: none;
}

.add_file_btn label {
    width: 159px;
    height: 40px;
    padding: 13px;
    border-radius: 3px;
    border: solid 1px #3e86ff;
    background-color: rgba(62, 134, 255, 0.09);
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: 0.04px;
    color: #545252;
    text-align: center;
    margin-bottom: 0;
    vertical-align: bottom;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

@media all and (min-width: 768px){
    .add_file_btn{margin-top: 34px;text-align: right;}
}

.add_file_btn label:hover {
    background: #3e86ff;
    color: #fff;
}

.form-control:hover,.form-control:focus {
    border: solid 1px #3e86ff;
    -webkit-box-shadow: none;
    box-shadow: none;
}

a {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.33px;
    text-align: center;
    color: #3e86ff;
}

a:hover {color: #3572d9;text-decoration: none;}
.select_status_box > .container {
    padding-left: 20px;
    padding-right: 20px;
}
.transport_point_box {
    border-radius: 3px;
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.06);
    background-color: #ffffff;
    margin-top: 17px;
}

.transport_point_container {
    max-height: 573px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 5px;
    margin-top: 14px;
}


.status_box_radio {
    margin-bottom: 14px;
    width: 100%;
}

.status_box_radio input[type="checkbox"] {
    display: none;
}

.status_box_radio input[type="checkbox"]:checked ~ label {
    border-color: #3e86ff;
}

.status_box_radio label {
    padding: 17px 0;
    border-radius: 3px;
    border: solid 1px #e8e8e8;
    background-color: #ffffff;
    cursor: pointer;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    margin: 0;
    width: 100%;
}

.status_box_radio label:hover {
    background-color: rgb(249, 249, 249);
}

.status_label_top {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 20px 15px;
    border-bottom: 1px solid #f3f3f3;
}

.status_label_top .modal_title {}

.status_label_load {
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.04px;
    color: #A9A8A8;
}

.status_label_foot {
    padding: 21px 20px 0;
}

.status_label_date {
    margin-right: 40px;
    margin-bottom: 15px;
}

.status_label_date_title {
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.04px;
    color: #a0a0a0;
    display: block;
    margin-bottom: 2px;
}

.status_label_date_info {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: 0.04px;
    color: #545252;
}
.transport_point_box_top {
    padding: 17px 20px 16px;
    border-bottom: 1px solid #f3f3f3;
}
.modal-footer.status_modal_footer {
    border-radius: 3px;
    box-shadow: 0 -3px 30px 0 rgba(0, 0, 0, 0.06);
    background-color: #ffffff;
    margin-top: -15px;
    position: relative;
    z-index: 1;
    padding: 25px 20px;
}
.mileage_box {
    max-width: 560px;
    margin: 50px auto;
}

.mileage_input label {
    font-size: 11px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: 0.18px;
    color: #383f4c;
    margin-bottom: 1px;
}

.form-group.mileage_input {
    margin-bottom: 18px;
}
.priority_box {
    margin: 20px auto 60px;
}

.priorityt_label {
    margin-top: 15px;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.04px;
    color: #a7a3a2;
}

.priority_box .modal_comment_box {
    max-width: 256px;
}
.finished_box .modal_title {
    font-size: 30px;
    letter-spacing: 0.09px;
    text-align: center;
    color: #1a1919;
    margin-bottom: 74px;
}

.finished_box {
    padding-top: 79px;
    padding-bottom: 48px;
    max-width: 500px;
    margin: auto;
}
.delete_box {
    padding-top: 79px;
    max-width: 500px;
    margin: auto;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.05px;
    text-align: center;
    color: #1a1919;
}

.delete_box .modal_title {
    font-size: 30px;
    letter-spacing: 0.09px;
    text-align: center;
    color: #1a1919;
    margin-bottom: 20px;
}
.modal-footer.delete_box_footer {
    padding-bottom: 94px;
}

.btn-success.btn-primary.btn_delete {
    background-color: #ff3e3e;
    border-color: #ff3e3e;
}

.btn-success.btn-primary.btn_delete:hover,.btn-success.btn-primary.btn_delete:active,.btn-success.btn-primary.btn_delete:focus,.btn-success.btn-primary.btn_delete:active:hover {
    background-color: #e63838;
    border-color: #e63838;
}
.modal-footer.delete_success_footer {
    padding-top: 40px;
    padding-bottom: 79px;
}

.delete_success_box {
    padding-top: 100px;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.05px;
    color: #1a1919;
}

.delete_success_box .modal_title {
    font-size: 30px;
    letter-spacing: 0.09px;
    text-align: center;
    color: #1a1919;
    margin-bottom: 20px;
}
.allStatuses_modal .modal-header{text-align:center;padding:18px 17px;border-bottom:1px solid #f3f3f3}
.allStatuses_modal .modal-header .modal-title{font-size:20px;letter-spacing:.06px;color:#545252;min-height:10px}
.allStatuses_modal .modal-dialog{max-width:422px}
.allStatuses_modal .modal-header .close{margin:auto}
.allStatuses_modal .modal-header .close span{margin-right:0;margin-left:6px}
.allStatuses_modal .modal-footer{padding:25px;position:relative}
.allStatuses_modal .modal-footer:before{content:'';width:calc(100% - 50px);height:1px;background:#f3f3f3;top:15px;left:50%;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.allStatuses_modal .modal-footer button.btn{margin:0 10px;max-width:164px}

.all_status_list{max-height:404px;overflow-y:auto;padding:0 10px}
.all_status_item:not(:last-of-type){border-bottom:1px solid #f3f3f3}
.all_status_item h3{margin:0;font-size:14px;font-weight:600;line-height:1.5;letter-spacing:-.33px;color:#3f4754}
.all_status_text{font-size:14px;font-weight:400;font-style:normal;line-height:1.5;letter-spacing:-.33px;color:#3f4754}
.all_status_text p{margin:0}
.all_status_date{font-size:12px;font-weight:400;font-style:normal;line-height:1.75;letter-spacing:-.28px;color:#b5b5b5}
.all_status_copy_btn{font-size:12px;font-weight:400;font-style:normal;line-height:1.75;letter-spacing:-.28px;color:#bac5d9}
.all_status_copy_btn:hover .ci-status {
    background: url(/www/assets/img/icons/doc-icon_hover.svg);
    background-repeat: no-repeat;
    background-size: auto;
}
.all_status_icon{width:12px;height:17px;padding:0;display:inline-block;vertical-align:middle;margin-right:5px}
.all_status_item{padding:10px 0}
.allStatuses_modal .modal-body{padding:0 15px}
@media all and (max-width: 768px){
    .border_right_1{border: 0}
    .modal-footer .btn-default.btn-light,.modal-footer .btn-success.btn-primary{
        margin: 5px;
    }
    .allStatuses_modal .modal-footer button.btn {
        max-width: 120px;
        margin: 5px ;
    }
}
.back_link { color: #545252;}
.back_link:hover { color: #3e86ff;}
.review_info {
    margin: 2px 0 0;
  font-family: SFUIDisplay;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: 0.04px;
  color: #545252;
}
.quick_review_container label {
    font-family: SFUIDisplay;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.04px;
  color: #a0a0a0;
}
.address_container {
    margin: 0 0 25px;
    padding: 17px 0 23px 1px;
    border-radius: 3px;
    border: solid 1px #e8e8e8;
    background-color: #ffffff;
    display: flow-root;
}
.address_container hr {
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #f3f3f3;
    margin-left: -17px;
    margin-right: -17px;
}
.address_container .form-head h5 { float:right;
    font-family: SFUIDisplay;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.04px;
    text-align: right;
    color: #545252;
}
.address_container .form-head h3 {
    margin-top: 0px;
    margin-bottom: 0px;
}
.pdf_review_link a{ padding: 10px 24px 11px 14px;
    border-radius: 3px;
    border: solid 1px #3e86ff;
    background-color: rgba(62, 134, 255, 0.09);}
    .pdf_review_link a span {
        margin-top: 20px;
    }
.chosen-container a { text-align: left;}
.sendEmailPopup .modal-header .modal-title { max-width: 100%;}
.d-none { display: none;}
.mail_message {
    height: 143px!important;
}
.mobile_address_header h3 {margin-top: 30px;}
.error_row {border: 2px solid red;}
.modal-footer .btn-danger{
    max-width: 220px;
    height: 48px;
    margin: 0 15px;
    width: 100%;
}

.courses_panel .table-condensed > tbody > tr > td {padding: 20px;}

body {
    font-family: "SFUIDisplay";
}
.table_bold {font-family: 'SFUIDisplay';}
.home_data_box h3 {margin: 17px 0px 16px 0px;
    font-family: SFUIDisplay;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.06px;
    color: #383f4c;}
    .allStatuses_modal .modal-header .close span {margin-left:0px;}
    .modal-header .close .ci {padding-right: 0px!important;}
.modal-body .delete_box {
    padding-top: 0px;
}
.modal-footer .finished_box {
    padding-top: 0px;
}
.modal-header .modal_title{
    font-family: SFUIDisplay;
  font-size: 30px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.09px;
  color: #1a1919;
}
 .page_length_container {margin-top: 24px;}
 #datatable_new_length {display: none;}
 #datatable_course_length {display: none;}
 #datatable_length {display: none;}
 @media (min-width: 1200px) {
    .modal-dialog { max-width: 1215px;}
    .modal-open .modal {
        overflow-x: hidden;
        overflow-y: hidden;
    }
    .modal-dialog { 
        margin: 3vw auto;
    }
    .status-dialog .modal-content .modal-body {height: 688px;overflow: scroll;}
 }
 .status_box_radio input[type="radio"] {
     display: none;  
}
.status_box_radio input[type="radio"]:checked ~ label {
    border-color: #3e86ff;
}
.input_file_name{
    clear: both;
    display: block;
    color: #3e86ff; 
    margin: 5px;
}
.remove_file {cursor: pointer;}
.mileage_box { 
    margin: 5px auto;
}
@media (min-width: 768px)
 {
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: 30px;
    }
 }
 .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{
    background-color: #e9f0fd;
    color: #629aff;
    padding: 5px;
    border-radius: 3px;
 }
 .courses_loading_info {
     white-space: normal;
     line-height: 1.5;
 }
 .client_top {
     line-height: 1.5;
 }
 .clinet_data {
     line-height: 1.5;
 }
 .home_data_box .form-head h3 {
     font-family: "SFUIDisplay"; 
 }
 .home_top_box h3 {
    font-family: "SFUIDisplay"; 
 }

 /* Custom CSS */

 div#content-container {max-width: 1920px;width: 100%;}
.well_new {
    max-width: 1835px;
    margin-left: auto;
    margin-right: auto;
}
 .panel.courses_panel { 
    max-width: 1792px;
}
.tracking_error_message {
    color: #ff3e3e;
    margin-left: 15px;
}
.addCourse_panel {
    width: 1106px;
    margin:0px auto;
    margin-bottom: 35px;
}
.home_container {
    max-width: 1261px;
    margin: 0px auto;
}
.home_top_box {
    max-width: 289px;
}
.home_panel {
    max-width: 612px;
}
.map-form label {font-size: 11px;}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
    padding-left: 7px;
    padding-right: 7px;
}
.add_links {float:right; font-family: SFProText;
    font-size: 11px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: 0.18px;
    color: #383f4c;}
.add_links i {color: #3e86ff; width: 12px;
    height: 12px;
    display: inline-block;
    margin: 2px 4px -2px 4px;} 
.add_links .emaillink {
    font-family: SFProText;
  font-size: 10px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.17px;
  color: #3e86ff;} 
  
  .ci-input-refresh{
    background: url('/www/assets/img/icons/22-input-refresh.svg');
    background-repeat: no-repeat;
    background-size: auto;

}
.ci-input-add{
    background: url('/www/assets/img/icons/23-input-add.svg');
    background-repeat: no-repeat;
    background-size: auto;
}
.siwtch_label {font-size: 13px!important;
    position: relative;     
    top: 3px;}
.courses_loading_info { width: 147px;}
.courses_loading_data { width: 147px;}
.client_top{width: 147px;}
.clinet_loading {width: 147px;}
.status_fields {
    padding: 0 20px 17px;
}

.status_box_radio { 
    width: 98%;
    margin: 3px;
} 
.courses_loading_date {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -0.33px;
    color: #3e86ff;
    display: block;
    min-height: 20px;
}

.tooltip {
    display: none;
    position: absolute;
    min-width: 50px;
    max-width: 200px;
    min-height: 16px;
    max-height: 200px;
  /*  background: rgba(0,0,0,.8); */
    color: #000;
    padding: 8px;
    border-radius: 2px;
    z-index: 3000;
    line-height: 16px;
    font-size: 12px;
    opacity: 0.01;
    -webkit-transition: opacity 75ms linear;
    -moz-transition: opacity 75ms linear;
    -ms-transition: opacity 75ms linear;
    transition: opacity 75ms linear;
    
    /*
    -webkit-filter: drop-shadow(2px 2px 1px rgba(0,0,0,0.3));
    -moz-filter: drop-shadow(2px 2px 1px rgba(0,0,0,0.3));
    filter: drop-shadow(2px 2px 1px rgba(0,0,0,0.3));
    -webkit-transform: translateY(0);
    -webkit-backface-visibility: hidden;
    */
}

.tooltip-callout {
    position: absolute;
}

.tooltip .tooltip-callout:before, .tooltip .tooltip-callout:after {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.tooltip.left .tooltip-callout:before, .tooltip.left .tooltip-callout:after {
    left: 100%;
}

.tooltip.left .tooltip-callout:after {
    border-color: rgba(255, 255, 255, .8);
    border-left-color: rgba(255, 255, 255, .8);
    border-width: 5px;
    top: 50%;
    margin-top: -5px;
}

.tooltip.right .tooltip-callout:before, .tooltip.right .tooltip-callout:after {
    right: 100%;
}

.tooltip.right .tooltip-callout:after {
    border-color: rgba(255, 255, 255, .8);
    border-right-color: rgba(255, 255, 255, .8);
    border-width: 5px;
    top: 50%;
    margin-top: -5px;
}

.tooltip.below .tooltip-callout:before, .tooltip.below .tooltip-callout:after {
    bottom: 100%;
}

.tooltip.below .tooltip-callout:after {
    border-color: rgba(255, 255, 255, .8);
    border-bottom-color: rgba(255, 255, 255, .8);
    border-width: 5px;
    left: 50%;
    margin-left: -5px;
}

.tooltip.above .tooltip-callout:before, .tooltip.above .tooltip-callout:after {
    top: 100%;
}

.tooltip.above .tooltip-callout:after {
    border-color: rgba(255, 255, 255, .8);
    border-top-color: rgba(255, 255, 255, .8);
    border-width: 5px;
    left: 50%;
    margin-left: -5px;
}
.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #ffffff;
}
.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #000;
    text-align: center;
    background-color: #fff;
    border-radius: 4px;
    border-radius: 3px;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.16);
}
.tooltip.in { 
    opacity: 1; 
}
.cke_inner p {
    margin: 0;
}
.address_list {
    position: absolute;
    z-index: 999999;
    background: #fff;
    width: 100%;
    border: 1px solid #ddd;
    padding: 5px;
}

.address_list p {
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    padding: 0 10px;
    margin: 4px;
}

.address_list P:hover {
    background: #ddd;
}

/* Mobile Friendly Buttons */
.form-check-inline {
    display: inline-block;
}
.form-check-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 2.5em;
    height: 2.5em;
    border-radius: 50%;
    outline: none;
    border: 2px solid #ccc;
    margin-right: 1em;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
  }

.form-check-input:checked {
    background-color: #007bff;
    border-color: #007bff;
}

.form-check-label i {
    font-size: 1.2em;
    color: #ccc;
    vertical-align: middle;
    position: relative;
    top: 0;
    cursor: pointer;
    left: -30px;
}

.form-check-input:checked + .form-check-label i {
    color: #fff;
}

.form-check-inline:has(.form-check-label > i.fa-check) .form-check-input:checked {
	background-color: #4BB543;
    border-color: #4BB543;
	transition: background-color 0.2s ease-in-out;
}
.form-check-inline:has(.form-check-label > i.fa-times) .form-check-input:checked {
    background-color: #c91d12;
    border-color: #c91d12;
	transition: background-color 0.2s ease-in-out;
}
/* ═══ PERF.3-css-fix — Select2 v4 parity with .form-control (height 40px,
   radius 6px, custom arrow). Applied after PERF.3 AJAX promotion of
   #client/#selledto/#carrier/#sclient/#sprevozvach. */

.select2-container--default .select2-selection--single {
    height: 40px !important;
    border: solid 1px #c1c7d0;
    border-radius: 6px;
    background: #fff;
    background-image: url(/www/assets/img/icons/19-dropdown-arrow-default.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 15px) center;
    background-size: 15px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px !important;
    padding-left: 12px;
    padding-right: 32px;
    color: #545252;
    font-size: 14px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px;
    width: 32px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single {
    border: solid 1px #3e86ff;
}