@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.2/font/bootstrap-icons.css");

/* START: Firefox - Scrollbar - CSS */
*{ scrollbar-width: auto; scrollbar-color: #2cabe3 #ffffff; }
/* END: Firefox - Scrollbar - CSS */
  
/* START: Chrome, Edge, and Safari - Scrollbar - CSS */
*::-webkit-scrollbar{ width: 10px; height: 10px; }
*::-webkit-scrollbar-track{ background: #ffffff; }
*::-webkit-scrollbar-thumb{ background-color: #2cabe3; border-radius: 10px; border: 3px solid #ffffff; }
/* END: Chrome, Edge, and Safari - Scrollbar - CSS */
.text-violet{ color: #857bf0; }
.cursor_grab{ cursor: grab !important; }
.cursor_grabbing{ cursor: grabbing !important; }
.blockUI.blockOverlay,.blockUI.blockMsg.blockPage{ z-index: 999999 !important; }


.dashboard_items_card{ position: relative; }
.custom_switch_dashboard_items_container{
    position: absolute;
    right: 3px;
    top: 2px;
    z-index: 10;
    display: none;
    cursor: pointer;
}
.custom_switch_dashboard_items_container .form-check-input{
    height: 1rem;
    width: 1.5rem;
    margin-left: 0rem;
    cursor: pointer;
}
.toggle_charts_dump .form-switch{ padding-left: 0; }
.toggle_charts_dump .form-switch .form-check-label{ line-height: 0; }
.toggle_charts_dump .form-check-input{
    height: 1.2rem;
    width: 2rem;
    margin-left: 0;
    margin-right: 5px;
    float: unset;
    cursor: pointer;
}
.site_logo_label{
    border: 2px dashed #2cabe3;
    padding: 15px;
    width: 100%;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    color: #2cabe3;
    letter-spacing: 0.6px;
    cursor: pointer;
}
.dashboard_items_card:hover .custom_switch_dashboard_items_container{ display: block; }

.item_2_container .form-check-input:checked, .item_6_container .form-check-input:checked, .item_12_container .form-check-input:checked, .item_22_container .form-check-input:checked, .item_26_container .form-check-input:checked{ background-color: #28c76f; }
.item_3_container .form-check-input:checked, .item_5_container .form-check-input:checked, .item_11_container .form-check-input:checked, .item_15_container .form-check-input:checked, .item_21_container .form-check-input:checked, .item_27_container .form-check-input:checked{ background-color: #ff9f43 }
.item_4_container .form-check-input:checked, .item_14_container .form-check-input:checked, .item_20_container .form-check-input:checked{ background-color: #26d6eb; }
.item_8_container .form-check-input:checked, .item_23_container .form-check-input:checked, .item_28_container .form-check-input:checked{ background-color: #ea5455; }
.item_9_container .form-check-input:checked{ background-color: #857bf0; }
.item_24_container .form-check-input:checked, .item_29_container .form-check-input:checked{ background-color: #4b4b4b; }

.desboard_depot_container .main_row{
    background: aliceblue;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    margin-right: 14px !important;
    margin-left: 14px !important;
}
.desboard_depot_container .main_row img{ background-color: #fff; border-radius: 50%;  }

/* START: Custom CSS */
.dashboard-ecommerce-container ul li{ list-style-type: none; }
.dashboard-ecommerce-container ul li .card:hover{ cursor: move; }
#slide_width_custom{ transition: 0.2s; }
.slide_width_custom_sm{ width: 30rem !important; }
.slide_width_custom_sm_ur{ width: 30% !important; }
.slide_width_custom_lg{ width: 70% !important; }
.slide_width_custom_lg_v2{ width: 90% !important; }
.slide_width_custom_lg_v3{ width: 83% !important; }
.second_slide_view{ display: none; }
.slide_width_custom_lg #sort_form_custom{ padding-right: 0 !important; }
.slide_width_custom_lg #second_slide{ padding-left: 0 !important; }
.fs-10{ font-size: 10px !important; }
.fs-11{ font-size: 11px !important; }
.fs-12{ font-size: 12px !important; }
.fs-14{ font-size: 14px }
.fs-20{ font-size: 20px }
#second_slide{ 
    margin-top: 5px;
    border-left: 1px solid #2cabe33d; 
}
.fs-12{ font-size: 12px; }
.table_overflow_manage{ overflow: scroll; }
.table_overflow_manage table tbody tr td img{ border: 2px solid #fff; }
.table_full_height{ height: 60vh; }
table svg.font-small-4 { color: #2cabe3; }
.hidden_custom { display: none; }
/* .nav-tabs{justify-content: center !important;} */
.content-header-title,.content-header .breadcrumb{ margin-top: 5px; }
/* .dt-customer-table th{ text-align: center !important; } */
.main_form_btn{ width: 29%; }
#add_more_btn{ width: 38%; }
.main_form_btn ,#add_more_btn{
    font-size: 0.9rem;
    font-weight: bolder;
}
.custom_hr{ display: none; }
.cpsu_heading{ margin-bottom: 15px; }
.filter_section_custom{
    border: 1px solid #2cabe33d;
    margin-bottom: 2rem;
    margin-top: 3px;
    padding-bottom: 1rem;

}
.generate_password_btn{ padding: 10px !important; }
.leaflet_map_custom{ height: 250px !important; }
.filter_serach, .filter_checkbox_countainer{ margin-top: 15px; }
.filter_checkbox{ padding-bottom: 5px; }
.add_elm_container{ position: relative; }
.add_elm_btn{
    position: absolute;
    right: 0;
    top: 20px;
}
.dropzone_custom{
    min-height: 36px !important;
    padding: 5px !important;
}
.badge_custom{ font-size: 100% !important; }
.slide_icon_container{
    width: 100%;
    height: 80px;
    padding: 0px 20px;
    border-bottom: 1px solid #2cabe33d;
    background-color: #fff;
    z-index: 2;
}

.slide_toggle_container{
    border-bottom: 1px solid #2cabe33d;
    padding-top: 37px;
}
.slide_toggle_container .nav-tabs{ margin-bottom: unset !important; }
.quick_tab .nav-tabs{
    margin-bottom:unset !important;
    padding-top: 14px;
}
.slide_icon,.slide_heading{
    float: left;
    padding-right: 5px;
    padding-top: 10px;
}
.slide_heading h4{ padding-top: 4px; }
.slide_custom_overflow{
    padding-bottom: 30px !important;
    overflow-y: scroll;
    overflow-x: hidden;
    height: calc(var(--vh, 1vh)*100 - 150px) !important;
}
.slide_custom_overflow_ps{
    padding-bottom: 30px !important;
    overflow-y: scroll;
    overflow-x: hidden;
    height: calc(var(--vh, 1vh)*100 - 45px) !important;
}
.slide_custom_overflow_v2{
    padding-bottom: 30px !important;
    overflow-y: scroll;
    overflow-x: hidden;
    height: calc(var(--vh, 1vh)*100 - 139px) !important;
}
.slide_custom_overflow_v3{
    padding-bottom: 30px !important;
    overflow-y: scroll;
    overflow-x: hidden;
    height: calc(var(--vh, 1vh)*100 - 100px) !important;
}
.slide_btn_overflow{
    position: fixed;
    bottom: 0;
    z-index: 2;
    padding: 10px;
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #2cabe33d;
}
.slide_btn_overflow_width{ width: 41.5% !important; }
.slide_btn_overflow_width_v2{ width: 33% !important; }
.slide_btn_overflow_width_v3{ width: 100% !important; }
.slide_icon img{ width: 56px; height: 56px; }
.slide_icon .quick_driver_img{
    border-radius: 50%;
}
.quick_view_custom{ position: relative; }
.quick_view_custom h4{
    padding-top: 0 !important;
    margin-bottom: 0 !important;
}
.quick_view_custom_job h4{
    padding-top: 5px !important;
    padding-left: 5px !important;
    margin-bottom: 0 !important;
}
.quick_icon{
    position: absolute;
    top: 5px;
    right: 5px;
}
.quick_icon a{ padding-right: 5px; }
.quick_sidebar_custom{ width: 80rem !important; }
.quick_type_container{
    padding-top: 30px;
    position: absolute;
    right: 0;
}
.quick_type_container ul li{ display: inline-block; }
.quick_type_container li{
    float: left;
    list-style-type: none;
    padding: 0 10px;
}
.quick_type_container li.quick_border{ border-right: 2px solid #2cabe33d; }
.quick_type_heading{ font-size: 10px; }
.quick_type_data{ letter-spacing: 1px; }
.quick_slide_section_a{
    border-right: 1px solid #2cabe33d;
    padding-right: 0;
}
.quick_job_box{
    background: #2cabe3;
    color: #fff;
    font-size: 0.9rem;
    padding: 10px;
    border: 1px solid #2cabe33d;
    /* border-radius: 10px; */
    margin-right: 10px;
    margin-bottom: 6px;
}
.job_box_v2{
    background: #2cabe3 !important;
    margin-right: 0 !important;
}
.job_box_v3{
    background: #717171 !important;
    margin-right: 0 !important;
}
.job_box_note .job_notes{ border-right: 1px solid #fff; }
.qbasic_pricing_pan{
    float: right;
}
.qbasic_pricing_pan li{
    float: left;
    padding: 0 10px;
    border-bottom: 0 !important;
}
.qbasic_pricing_pan .quick_border{ border-right: 2px solid #2cabe33d; }
.quick_job_box .box_head b{ font-size: 1rem !important; }
.job_box_v2 .badge_custom, .job_box_v3 .badge_custom { margin-bottom: 10px; }
.job_box_v2 ul, .job_box_v3 ul{ margin-bottom: 0 !important; }
.quick_job_address{ 
    background: #00000024;
    padding: 10px;
    text-align: right;
 }
.job_box_v2 .quick_job_address, .job_box_v3 .quick_job_address{ text-align: unset !important; }


 .qbasic_tab_container{ border-left: 1px solid #2cabe33d; }
 .quick_basic_tab_side_b{ font-size: 0.9rem; }
 .quick_basic_tab_side_b ul li{
    border-bottom: 1px solid #2cabe33d;
    padding-bottom: 5px;
 }
 .job_box_data{ word-wrap: anywhere; }
.quick_slide_section_a .accordion .accordion-header button { color: #2cabe3; }
.quick_slide_section_b .quick_slide_tabbing{ padding: 0 15px 0 0; }
.quick_slide_section_b table,.quick_slide_section_b .quick_tab .nav-item { font-size: 0.9rem; }
.quick_slide_section_b .quick_tab .nav-item .nav-link{ padding: 0.26rem 1rem !important; }
.quick_slide_section_b th{ font-weight: 500;}
.quick_slide_section_b .table_section_custom{ overflow-x: scroll; }
.quick_slide_overflow{ 
    height: calc(var(--vh, 1vh)*100 - 140px) !important;
    padding-bottom: 30px !important;
    overflow-y: scroll;
    overflow-x: hidden;
}
.quick_slide_two_overflow{ 
    height: calc(var(--vh, 1vh)*100 - 200px) !important;
    padding-bottom: 30px !important;
    overflow-y: scroll;
    overflow-x: hidden;
}
.quick_slide_three_overflow{
    height: calc(var(--vh, 1vh)*100 - 240px) !important;
    padding-bottom: 30px !important;
    overflow-y: scroll;
    overflow-x: hidden;  
}
.quick_slide_three_job_overflow{
    height: calc(var(--vh, 1vh)*100 - 190px) !important;
    padding-bottom: 30px !important;
    overflow-y: scroll;
    overflow-x: hidden;  
}
.overflow_scroll_fix{
    margin-right: -15px;
    padding-right: 15px;
}
.quick_tab{
    margin-left: -15px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-left: 15px;
}
.quick_filter_container{
    border-top: 1px solid #2cabe33d;
    border-bottom: 1px solid #2cabe33d;
    padding: 0px 0px 20px 25px;
    margin-left: -15px;
}
.quick_filter_job{
    margin-right: -15px;
    margin-bottom: 15px;
}
.qfj_basic{
    margin-bottom: 0 !important;
    border-bottom: unset !important;
}
.quick_accord{
    border-top: 1px solid #2cabe33d;
    font-size: 0.9rem;
}
.quick_accord .accordion-body{ 
    padding-top: 10px;
    padding-bottom: 0;
}
.quick_accord .fw-bolder{ padding-right: 0 !important; }
.quick_btn_custom{ width: 33% !important; }
.quick_notification{ 
    border-top: 1px solid #2cabe33d;
    padding-left: 0;
    margin-left: 0;
    padding-top: 15px;
}
.quick_notification .quick_job_address ul.list-unstyled{ margin-bottom: 7px; }
.accordion .accordion-body{ word-wrap: break-word; }
.form_container{ 
    position: relative;
    margin-top: 20px;
    padding-right: 5px;
    padding-left: 5px;
 }
.form_container_payment{
    position: relative;
    margin-top: 23px;
    padding-right: 5px;
    padding-left: 5px;
}
.form_container_main{
    padding-right: 5px;
    padding-left: 5px;
 }
 .form_custom,  select + .form_custom{
    pointer-events: none;
    position: absolute;
    left: 15px;
    top: 8px;
    font-size: 0.9rem;
    transition: .2s;
    transition-timing-function: ease;
    opacity: .6;
}

input:focus ~ .form_custom,
input:not(:placeholder-shown) ~ .form_custom,
select:focus~.form_custom,
select:not([value=""]):valid~.form_custom,
textarea:focus ~ .form_custom,
textarea:not(:placeholder-shown) ~ .form_custom{
    left: 10px;
    top: -18px;
    font-size: 9pt;
    opacity: .9;
}
.custom_color_field{ height: 37px; }
.custom_switch{
    height: 2.2rem !important;
    width: 6.5rem !important;
}

#sub_type:not(:checked){
    background-color: #28c76f !important;
}
#sub_type{
    background-color: #ff9f43 !important;
}

.custom_switch_lablel_left{
    left: 15px !important;
    top: 7px !important;
    font-weight: bolder;
}
.custom_switch_lablel_left svg{
    position: absolute;
    right: -27px;
    top: 2.3px;
    color: #ff9f43;
}
.custom_switch_lablel_right{
    left: 33px !important;
    top: 7px !important;
    font-weight: bolder;
    color: #fff;
}
.custom_switch_lablel_right svg{
    position: absolute;
    left: -24px;
    top: 3px;
    color: #28c76f;
}

.custom_lable{ margin-top: 5px; }
.sub_checkbox_custom{ margin-top: 9px; }
tbody .selected{
    background: #006997;
    color: #fff;
}
tbody .selected .feather{ color: #fff; }
tbody .selected .dropdown-item .feather{ color: unset; }
.dt_btn_custom{ padding-right: 5px; }
.quick_class_list{
    width: 16%;
    display: inline-block;
}
.quick_class_list div{ margin-bottom: 3px; }
.border_bottom{
    border-bottom: 1px solid #2cabe33d;
    padding-bottom: 10px;
}
.select_option_custom{ height: 97px; }
.select_option_custom option {
    margin-top: 5px;
    padding: 7px;
}
.select_option_custom option:checked{
    background: #2cabe3;
    color: white;
    font-weight: bolder;
    text-transform: capitalize;
    border-radius: 5px;
}

.profile_container #profile-preview,.profile_container .profile-preview-opa{
    width:100%;
    display:none;
    transition: 0.5s;
}
.profile_container #profile-preview:hover,.profile_container .profile-preview-opa:hover {
    opacity: 0.5;
}
.profile_container input {
    display:none;
}
.profile_container label {
display:block;
line-height:40px;
text-align:center;
color:#2cabe3;
font-size:15px;
font-weight: 500;
cursor:pointer;
border: 2px dashed #2cabe3;
}

.profile_container-v2 label{
    line-height: 25.85px;
    color: #b6b6bf;
    border: 2px dashed #b6b6bf;
    font-size: unset;
}

.profile_container-v2 label:focus, .profile_container-v2 label:hover, .profile_container-v2 label:active{
    border-color: #2cabe3;
    color: #2cabe3;
}

.profile_close {
    display: none;
    position: absolute;
    right: 5px;
    z-index: 1;
    cursor: pointer;
}
.profile_close:hover ~ #profile-preview,.profile_close:hover ~ .profile-preview-opa{ opacity: 0.5; }
select[readonly] {
    background: #eee; /*Simular campo inativo - Sugestão @GabrielRodrigues*/
    pointer-events: none;
    touch-action: none;
}
.quick_view_doc_image{
width: 83px;
border: 2px solid #2cabe3;
margin-left: 5px;
height: 65px;
}
.qja_custom{
    opacity: 0.7;
    pointer-events: none;
}
.fs-12{ font-size: 12px !important; }
.fs-13{ font-size: 13px !important; }
.action-toggle-bb{ border-bottom: 1px solid #80808026; }
.pop-pod-bb{ border-bottom: 2px solid #717171; }
.form-control-v2{
    border: 2px dashed #b6b6bf !important;
    border-radius: 0 !important;
}
.form-control-v2:active, .form-control-v2:hover, .form-control-v2:focus{
    border-color: #2cabe3 !important;
}
.nav-pills-custom{
    border-bottom: 1px solid #2cabe33d;
    border-radius: 0;
}
.nav-pills-custom .nav-link{
    padding: 10px 6px 10px 6px !important;
    background-color: unset !important;
    font-weight: bold !important;
}
.nav-pills-custom .nav-link.active{
    box-shadow: none !important;
    border-color: #2cabe3 !important;
    border-radius: 0 !important;
    border-top: 2px solid !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
}
.nav-pills-custom .nav-link-c1.active{ color: #2cabe3; }
.nav-pills-custom .nav-link-c2.active{ color: #ea5455; }
.nav-pills-custom .nav-link-c3.active{ color: #28c76f; }
.general-job-table table th, .general-job-table table td{ font-size: 12px; padding: 5px; }
.general-job-table table th{ width: 70px; }
.allocation-table table tr th{ vertical-align: middle; }
.allocation-table table tr td{ vertical-align: baseline; }
.allocation-table table tr td,.allocation-table table tr th{ padding: 4px; }
.form-check-inline-custom{
    display: inline-block;
    margin-right: unset;
    margin-left: 6px;
}

.allocation_v1_job_table thead tr{ background-color: #b5e2f5; text-transform: uppercase; }
.allocation_v1_job_table .card{ overflow: unset !important; }
.allocation_v1_job_table tbody tr td{ padding: 0 !important; }
.allocation_v1_job_table input[type='checkbox']{ cursor: pointer; }

.job_contain_a, .job_contain_b{
    padding: 0;
    font-size: 0.9rem;
}
.job_contain_b{
    padding: 5px;
    border: 2px solid #2cabe33d;
}
.jobs_lables{ cursor: pointer; }
.job-lable-bg{ background: #b0ef8f !important; }
.job_selected_border{ border-color: #b0ef8f !important; }
.job_collection_border{ border-bottom: 2px solid #2cabe33d; padding-bottom: 5px;}
.job_child_contain{
    border-right: 2px solid #2cabe33d;
    padding: 0px 5px;
    user-select: none;
}
.job_child_a{ padding: 0 5px 0 15px !important; }
.job_child_d{
    margin: auto;
    padding-left: 0;
    padding: 0px 5px;
    text-align: center;
}
.job_child_a .badge, .job_child_b .badge{
    display: block !important;
    white-space: unset !important;
    line-height: 1.2 !important;
}
.manifest_section_heading{
    background: #ccebf8;
    color: #69797f;
    padding: 10px;
    margin-bottom: 10px;
}
#manifest_data_dump, .driver_and_vehicle_container{
    height: 59vh;
    overflow-y: scroll;
    overflow-x: hidden;
}
.dump_job_data .form-check-input:checked{
    background-color: #28c76f !important;
    border-color: #28c76f !important;
}
.drivers_vehicles_container .nav-pills .nav-link{ font-weight: 500; border: unset; }
.drivers_vehicles_container .nav-pills .nav-link.active{
    border: unset;
    box-shadow: unset;
    color: #5e5873;
    background-color: #ccebf8;
    font-weight: 500;
}
.driver_info_custom, .vehicle_info_custom{
    display: inline-block;
    font-weight: 500;
}
.driver_info_custom{ width: 41px; }
.vehicle_info_custom{ width: 55px; }
.view_driver_link{
    position: absolute;
    right: 15px;
    bottom: -3px;
    z-index: 3;
}
.no_select_data{ user-select: none; }

.table-job-count{
    position: absolute;
    top: -15px;
    right: -4px;
}
.vehicle_data_dump .driver_vehicle_cuntainer .selected_vehicle_driver, .remove_vehicle_driver{
    position: absolute;
    top: 5px;
    right: 8px;
    z-index: 3;
} 
.driver_vehicle_cuntainer{ cursor: pointer; }
.driver_vehicle_border{
    border: 1px solid #2cabe33d;
    margin: 5px;
}
.status_filter_container{
    height: 37vh;
    overflow: scroll;
}
.border-bottom-custom{
    border-bottom: 1px solid #2cabe33d;
    padding-bottom: 10px;
}
table.dt-unbilled-jobs-table tbody > tr.selected, table.dt-invoice-table tbody > tr.selected{background-color: #006997 !important; }

.input-checkbox-container input[type=checkbox]{background-size: 65%;}
.input-checkbox-container .form-check-input:not(:disabled):checked, .form-check-success .form-check-input:not(:disabled):focus{
    border-color: #28c76f;
    box-shadow: 0 2px 4px 0 rgba(40, 199, 111, 0.4);
}
.input-checkbox-container .form-check-input:checked{ background-color: #28c76f !important; }
.border-bottom-for-nav{
    border-bottom: 1px solid #2cabe33d;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.my--20px{ margin-left:-20px; margin-right:-20px; }
.my--14px{ margin-left:-14px; margin-right:-14px; }

.ml-20px-mr-15px{ margin-left:-20px; margin-right:-15px;}
.ml-15px-mr-20px{ margin-left:-15px; margin-right:-20px;}
.w-27{ width: 27%; }
.w-37{ width: 37%; }
.w-70{ width: 70%; }
.ms-30{ margin-left: 0.30rem !important; }
.me-30{ margin-right: 0.30rem !important; }

.form-check-input-success:checked{ background-color: #28c76f; border-color: #28c76f; }
.form-check-input-danger:checked{ background-color: #ea5455; border-color: #ea5455; }
.form-check-input-warning:checked{ background-color: #ff9f43; border-color: #ff9f43; }
.form-check-input-info:checked{ background-color: #00cfe8; border-color: #00cfe8; }
.form-check-input-dark:checked{ background-color: #4b4b4b; border-color: #4b4b4b; }
.filter_section_custom .form-check-input[type="radio"] { border-radius: 30%; }
.customer_select_container{
    padding: 10px;
    height: 150px;
    overflow-y: scroll;
    overflow-x: hidden;
    border: 1px solid #d8d6de;
    border-radius: 0.357rem;
}
.data_ga_address{
    max-height: 300px;
    overflow-y: scroll;
}
.color-inherit-cus{ color: inherit !important; }
tr.selected .customer-info-custom .avatar-wrapper .bg-primary{ background-color: #fff !important; color: #2cabe3 !important; }
.mt-12rem{ margin-top: 12rem; }
.mt-18rem{ margin-top: 18rem; }
#custom_job_table_container table tbody tr td{ font-size: 0.857rem !important; }
.date-time-custom{
    width: 100%;
    display: block;
    min-height: 2.714rem;
    padding: 5px;
    border: 1px solid #d8d6de;
    border-radius: 4px;
    color: #444;
}
.border-left-custom{ border-left: 1px solid #2cabe33d }
/* END: Custom CSS */

/* START: CUSTOM FOR JOB PAGE */
.checkbox-danger:checked{ background-color: #ea5455; border-color: #ea5455; }
.activity_time_line_dump .timeline-item .timeline-event .user-info p{ text-transform: capitalize; }
.activity_time_line_card{ height: 75vh; overflow: scroll; }
.job_form_section{ 
    padding-left: 10px !important; 
    padding-right: 10px !important;
}
.card_custom{ margin-bottom: 20px !important; }
.slide_width_custom_lg_jobs{ width: 95% !important; }
.job_model_custom{ padding: 10px; }
.job_form_checkbox{ margin-bottom: 5px !important; }
.job_repeater_section_field{ 
    padding-left: 2px !important; 
    padding-right: 0 !important;
}
.job_repeater_select{ width: 20%; }
.job_repeater_input{ width: 13%; }
.address_custom{
    border: 1px solid #d8d6de;
    border-radius: 5px;
    padding: 10px;
}
.checkboxDiv{ display: none; }
.standard-option-table-container, .custom-amounts-table-container{ max-height: 300px; overflow: scroll; border: 1px solid #2cabe33d; border-bottom: 0; }
.standard-option-table-container table tbody, .custom-amounts-table-container table tbody{ font-size: 12px; font-weight: 500; }
.custom-amounts-table-container tbody tr td input{ padding: 5px; }
.standard-option-table-container table th, .standard-option-table-container table td,.custom-amounts-table-container table th, .custom-amounts-table-container table td{ padding: 0.4rem 0.72rem; }
.error_pop_pod_img{
    color: #ed6b6c;
    font-size: 13px;
    font-weight: bold;
}
/* END: CUSTOM FOR JOB PAGE */


/* START: CUSTOM FOR CHECKLIST */
.get_list_items{
    background-color: #2cabe3;
    color: #fff;
    border-radius: 5px;
    padding: 6px 0 6px 10px;
    margin-top: 5px;
    font-size: 16px;
}
.list_item_container{
    background-color: #2cabe3;
    color: #fff;
    padding: 7px;
    margin-top: 5px;
    border-radius: 5px;
    transition: 0.7s;
}
.list_item_no{ 
    display: inline-block;
    width: 30px;
    font-size: 20px;
    font-weight: bolder;
    background-color: #2cabe3;
    text-align: center;
    
 }
.list_item_txt{ font-size: 14px }
.list_item_btn{
    opacity:0;
    width: 23px;
    height: 23px;
    padding: 6px;
    font-size: 10px;
    font-weight: bolder;
    border: 0;
    border-radius: 50%;
    background: #e60000;
    color: #fff;
    float: right;
    transition: 0.4s;
}
.list_item_container:hover > .list_item_btn{
    opacity:100;
}
.vehicle_image_block{
    position: relative;
    width: 100%;
    height: 180px;
}
.vehicle_image_block .m_img{
    width: 100%;
    height: 100%;
}
.vehicle_image_block .o_img{
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
}
/* START: CUSTOM FOR CHECKLIST */



/* START: VEHICLE CLASSIS */
.map_marker_img{
    width: 50%;
    border: 1px solid #80808024;
}
.map_marker_img:hover{ opacity: 0.5; }
.licence_class_custom .form-check-inline{ 
    width: 27%;
    padding-bottom: 5px;
 }
 .licence_class_custom .form-check-inline label{ font-size: 13px !important; }
/* END: VEHICLE CLASSIS */

/* START: Price Modifiers Group CSS */
.price_group_box_side{ width: 100% !important; }
.price_group_box_middle{ padding-top: 33vh; }
.price_group_box{
    height: 62vh;
    overflow-y: scroll;
    overflow-x: hidden !important;
    font-size: 0.9rem;
}
.price_group_box .item-driver{
    display: block;
    padding: 10px 0px 10px 10px;
    border-bottom: 1px solid #2cabe33d;
}
.price_group_box .additemd{ text-align: center; cursor: pointer; }
/* END: Price Modifiers Group CSS */


/* START: Pricesets CSS */
.add_pricesets_btn{ border-top: 1px solid #2cabe33d;  margin-top: 20px; }
.pset_general_option_tbl table tbody td{ padding-top: 10px; }
.pset_select_zones_tbl .form-check{ width: 250px; }
/* END: Pricesets CSS */


/* START: Prestart CSS */
.prestart_box{ background: #2cabe31f; padding: 10px; }
.prestart_header{ border-bottom: 3px solid #fff; padding: 0 0px 5px 0px; }
.prestart_content{ padding-top: 10px; }
.prestart_ans_ques_row{ padding: 5px; margin-bottom: 5px; background: #f0f8ff; }
.prestart_ans_ques_col{ margin: auto; }
.prestart_ans_ques_col p{ margin-bottom: 0; }
.pre_answers{ height: 125px; overflow-y: auto; overflow-x: hidden; }
/* END: Prestart CSS */


/* START: Allocation CSS */
.allocation_container .driver_part_allocation, .combo-truck-driver{ font-size: 0.9rem; }
.slimScrollDiv_container{
    background: #ececec;
    padding: 10px;
    border-right: 3px solid #75cd85;
    border-left: 3px solid #75cd85;
}
.allocation_truck_box{ border-bottom: 3px solid #fff; }
.combo-truck-driver{ border-bottom: 2px solid #2cabe33d; }
.combo-truck-driver .truck,.combo-truck-driver .trailer,.combo-truck-driver .driver{ height: 160px; }
.combo-truck-driver .truck .heading, .combo-truck-driver .trailer .heading, .combo-truck-driver .driver .heading{
    background: #2cabe3;
    text-align: center;
    color: #fff;
    font-weight: bold;
    padding: 3px 0;
    text-transform: uppercase;
}


/* ALLOCATION V.2 */
#allocation-v2-container{
    height: 72vh;
    overflow: scroll;
    background-color: #eff5f7;
    padding-top: 13px;
    padding-bottom: 13px;
    user-select: none;
}
#allocation-v2-container .allocation-v2-panel-head{
    background-color: #2cabe3;
    padding: 10px;
}
#allocation-v2-container .allocation-v2-toggle-btn{
    color: #fff;
    padding-left: 3px;
}
#allocation-v2-container .allocation-v2-panel-head{
    background-color: #2cabe3;
    padding: 10px;
}
#allocation-v2-container .allocation-v2-jobs-container{ padding: 10px 10px 1px 10px; min-height: 155px; }
#allocation-v2-container .allocation-v2-jobs{
    border: 1px solid #2cabe33d;
    margin-bottom: 10px;
    background-color: #fff;
    width: 100%;
}
#allocation-v2-container .allocation-v2-jobs.ui-draggable-dragging{ width: 300px; }
#allocation-v2-container .allocation-v2-jobs tr td{ padding: 0; }
#allocation-v2-container .allocation-v2-panel-head .allocation-v2-identifier{
    display: inline-block;
    margin-bottom: 0;
    color: #fff;
    font-size: 13px;
    letter-spacing: 0.5px;
    font-weight: 600;
}
#allocation-v2-container .allocation-v2-address{
    font-size: 12px;
    margin-top: 10px;
}
#allocation-v2-container .allocation-v2-drop-container{
    cursor: pointer;
}
/* END: Allocation CSS */

/* START: Custom Responsive Media Query */
@media only screen and (max-width: 1200px){
    #add_more_btn{
        margin-top: 5px;
        width: 100%;
    }
    .main_form_btn{ width: 49%; }
}
@media (max-width: 1130px) and (min-width: 991px){
    .job_checkbox_custom{ width: 100%; }
}
@media only screen and (max-width: 991px){
    .slide_width_custom_sm { width: 45% !important; }
    .slide_width_custom_lg{ width: 100% !important; }
    .job_form_section{ width: 100%; }
}
@media only screen and (min-width: 768px){
    .modal-slide-in .modal-dialog .modal-content{ overflow: unset !important; }
}
@media only screen and (max-width: 768px){
    #second_slide{ width: 100% !important; }
    .slide_width_custom_sm { width: 55% !important; }
    .custom_hr{ display: block; }
    .slide_width_custom_lg #sort_form_custom{ padding-right: 15px !important; }
    .slide_width_custom_lg #second_slide{ padding-left: 15px !important; }
    .breadcrumb-wrapper .breadcrumb { display: none !important; }
    .breadcrumbs-top .content-header-title {display: unset !important;}
    .table_section_custom{ padding: 0 !important; }
    .filter_section_custom{ margin-bottom: 5px !important; }
    .filter_section_custom, .table_section_custom{ width: 100% !important; }
    .slide_custom_overflow{ height: unset !important; }
    .slide_btn_overflow{ position:unset !important;  }
    .slide_btn_overflow_width{ width: 100% !important; }
    #slide_btn_overflow .main_form_btn { width: 49%; }

}
@media only screen and (max-width: 668px){
    .slide_width_custom_sm { width: 65% !important; }
}
@media only screen and (max-width: 576px){
    .job_checkbox_custom{ width: 100%; }
    .job_repeater_select{ width: 100%; }
    .job_input_qty{ width: 100%; }
    .job_input_dimension{ width: 33.3%; }
    .job_input_weight{ width: 75%; }
    .job_input_btn{ width: 24.5%; }
}
@media only screen and (max-width: 568px){
    .slide_width_custom_sm { width: 85% !important; }
    .main_form_btn {
        width: 100%;
        margin-bottom: 5px;
    }
    .licence_class_custom .form-check-inline{ width: 100%; }
    #customer_portsl_sub_user div.border,#collapseExample div.border{ padding-bottom: 4.5rem !important; }
}
@media only screen and (max-width: 468px){
    .form_container,.form_container_main{ width: 100% !important; }
    .form_container_payment{ width: 100% !important; }
}
@media only screen and (max-width: 355px){
    .cpsu_heading{ font-size: 13px; }
    .cpsu_heading a{
        width: 60px !important;
        height: 27px !important;
        padding: 5px !important;
    
    }
}
/* END: Custom Responsive Media Query */

/* START: EXP */
  .box {
    display: block;  
    background: #fff;
    margin-bottom: 1em;
  }
  
  #fade-in {
    position: relative;
    float: right;
    height: 100%;
    width: 1px;
    opacity: 0;
    transition: all 0.15s ease;
  }
  
  #fade-in.show {
    position: relative;
    float: right;
    opacity: 1;
    height: 100%;
    width: 30rem;
    border-left: 1px solid #2cabe33d;
  }
/* END: EXP */


/* START: ALLOCATION PAGE CSS */
.al-pt-0-60{ padding-top: 0.6rem; }
.allocation-section-bg{ background-color: #2cabe321; }
.allocation-section-2-bg{ background-color: #2cabe30a; }
.vehicle-driver-container{
    height: 63vh;
    overflow-y: scroll;
}
.vehicle-driver-group{
    cursor: pointer;
    user-select: none;
}
.vehicle-driver-group img, .allocation-vehicle-box img{ border: 1px solid #ccebf8; }
.vehicle-info-box, .driver-info-box{ position: relative; }
.vehicle-driver-view-icon{
    position: absolute;
    top: -7px;
    right: 0px;
}
.allocation-container{ user-select: none; }
.allocation_depot_fleet_container{
    font-size: 13px;
    font-weight: 500;
}
.allocation-box-heading{
    background-color: #2cabe3d4;
    text-align: center;
}
.allocation-box-heading span{
    color: #fff;
    font-weight: 500;
}
.allocation-jobs-container{ user-select: none;}

.allocation-jobs-container .nav.nav-tabs{ justify-content: center; }
.allocation-jobs-container #hurricane-tab.nav-link.active{ color: #ea5455; }
.allocation-jobs-container #hurricane-tab.nav-link::after{
    background: linear-gradient(30deg, #ea5455, rgb(246, 185, 185)) !important;
    transition: transform 0.3s;
}
.allocation-jobs-container #same-day-tab.nav-link.active{ color: #28c76f; }
.allocation-jobs-container #same-day-tab.nav-link::after{
    background: linear-gradient(30deg, #28c76f, rgb(177, 235, 203)) !important;
    transition: transform 0.3s;
}

.allocation-jobs-container .general-tab, .allocation-jobs-container .hurricane-tab, .allocation-jobs-container .same-day-tab{ position: relative; }
.allocation-jobs-card{ position: relative; }
.allocation-job-refresh{ cursor: pointer; }
.allocation-jobs-container table{ width: 100%; cursor: grab; background-color: #fff; }
.allocation-jobs-container th{ min-width: 31%; }
.allocation-jobs-container th, .allocation-jobs-container td{
    padding: 5px;
    vertical-align: top;
}
.general-job-container, .hurricane-job-container, .same-day-job-container{ font-size: 12px; }
.allocation-job-main-container{ height: 50vh; overflow-y: scroll;}

.general-job-container table{ border: 2px solid #2cabe3; }
.hurricane-job-container table{ border: 2px solid #ea5455; }
.same-day-job-container table{ border: 2px solid #28c76f; }

.general-job-container th, .general-job-container td{ border-bottom: 1px solid #2cabe33d; }
.hurricane-job-container th, .hurricane-job-container td{ border-bottom: 1px solid #ea54555e; }
.same-day-job-container th, .same-day-job-container td{ border-bottom: 1px solid #28c76f63; }


.hurricane-link{ color: #ea5455c4; }
.hurricane-link:hover{ color: #ea5455; }

.same-day-link{ color: #28c76fc9; }
.same-day-link:hover{ color: #28c76f; }

.ui-droppable .allocation-container .job-table-section{ height: 50.7vh; overflow: scroll; position: relative; }

.allocation-job-table div.card{ overflow: scroll; }
.allocation-job-table .table_overflow_manage{ overflow: clip; }

.current-online, .current-offline{ border-top: unset !important; border-bottom: unset !important; }
.current-online { border-left: 2px solid #53C166 !important; border-right: 2px solid #53C166 !important; }
.current-offline { border-left: 2px solid #635c5c !important; border-right: 2px solid #635c5c !important; }
.allocation-refresh-animation{ animation: animName 1s linear infinite; }
@keyframes animName{ 0%{ transform: rotate(0deg); }100%{ transform: rotate(360deg); } }

.loading-job-data-spinner{
    position: absolute;
    width: 94.5%;
    height: 100%;
    background: #eff5f7;
    z-index: 2;
}
.loading-job-data-spinner img{
    position: absolute;
    top: 40%;
    left: 42%;
}

.loading-job-spinner{
    position: absolute;
    top: 70px;
    left: 0;
    width: 100%;
    height: 85%;
    background: #fff;
}
.loading-job-spinner img{
    position: absolute;
    top: 40%;
    left: 40%;
}
.job-table-container .allocation-job-table table{ font-size: 12px; }
.job-table-container .allocation-job-table table.dataTable thead .sorting_asc::after, .job-table-container .allocation-job-table table.dataTable thead .sorting_asc::before{ background-image: unset; }

.job-table-container .allocation-job-table table.dataTable > thead .sorting_asc, .job-table-container .allocation-job-table table.dataTable > thead .sorting_desc{ cursor: unset; position: unset; }
/* END: ALLOCATION PAGE CSS */


/* START: ZONE LOOKUP PAGE */
.zone_lookup_table_container{
    overflow: scroll;
    height: 68vh;
    margin-top: 22px;
    position: relative;
    border-right: 1px solid #c7e6f3;
    border-bottom: 1px solid #c7e6f3;
}
table.zone_lookup_table{ font-size: 12px; }
.zone_lookup_table_container{ position: relative; }
.zone_lookup_table_container .table-1 th{ min-width: 10rem; }
.zone_lookup_table_container .table-1 thead{ position: sticky; top: 0px; z-index: 1; }
.zone_lookup_table_container .table-1 tbody th{ position: sticky; left: 0px; }
/* .zone_lookup_table_container .table-2-container{ position: sticky; top: 0; z-index: 998; } */
/* .zone_lookup_table_container .table-3-container{ position: sticky; left: 0; z-index: 997; } */
/* .zone_lookup_table_container .table-3-container .table-3, .zone_lookup_table_container .table-3-container .table-3 th{ border-top: 0; } */
.zone-lookuptable-4-container{ position: absolute; top: 22px; z-index: 999; }
table.zone_lookup_table th, table.zone_lookup_table td{ border: 1px solid #c7e6f3; }
table.zone_lookup_table, table.zone_lookup_table th{ padding: 5px 10px; white-space: nowrap; background: #f0f8ff; }
table.zone_lookup_table td input.zone_lookup_input{ width: 100%; padding: 2px 6px; border: 1px solid #6e6b7b2e; }
table.zone_lookup_table td input.zone_lookup_input:focus-visible{ outline: unset; }
.active-from-to, .zone_lookup_input{ transition: 0.5s; }
.active-from-to, .zone_lookup_input:focus{ background: #28c76f !important; color: #fff; font-weight: bold; }
.update_and_save_model{
    user-select: none;
    position: fixed;
    top: 0;
    z-index: 999999;
    background: #000000d1;
    width: 100%;
    height: 100%;
}
.update_and_save_model div.msg_container{
    text-align: center;
    margin-top: 25vh;
}
/* END: ZONE LOOKUP PAGE */


/* START: PRICE SET PAGE CSS */
#price-modifiers-fill table th, #price-modifiers-fill table td, .dump_price_modifier_models table th, .dump_price_modifier_models table td, .pset_select_zones_tbl table td{ padding: 15px 8px; }
.pset_select_zones_tbl table td{ word-wrap: anywhere; vertical-align: top; }
.dump_price_modifier_models{ position: relative; z-index: 1200; }
.dump_price_modifier_models .modal-dialog .modal-body{ height: 78vh; overflow: scroll; }
.price-set-tab-container{ height: 54vh; overflow-y: scroll; }
/* END: PRICE SET PAGE CSS */

.flatpickr-current-month .flatpickr-monthDropdown-months span, .flatpickr-current-month .numInputWrapper span{ display: block; }


#jobs_toggle_columns_container{ max-height: 500px; overflow-y: scroll; }


#active-plan table th, #active-plan table td { padding: 5px 10px; }


.select_card_container{ position: relative; }
.select_card_radio_box{ position: absolute; right: 0; top: 4px; }
.dump-quick-look-up-jobs{ max-height: 400px; overflow: scroll; }



.block-content-ui-custom{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #0000008a;
    z-index: 999999;
    text-align: center;
    padding-top: 33vh;
}
.block-content-ui-custom img{ width: 80px; }
.block-content-ui-custom b{ display: block; font-size: 18px; color: #fff; }

/* DATA-TABLE THEAD CSS */
.table_overflow_manage.table_full_height{ position: relative; }
.table_overflow_manage.table_full_height thead{
    position: sticky;
    top: 0;
    z-index: 1;
}
.table_overflow_manage.table_full_height thead tr th{ background-color: #b5e2f5 !important; }


/* INVOICE QUICK NOTE CSS */
#invoice-form #previous_notes_dump{ max-height: 20rem; overflow: scroll; }