:root {
    --sherpa-blue: #02495d;
    --sherpa-blue-light: #03A3BB;
    --green: #C0C350;
    --gray: #DDDDDD;
    --gray-light:#f3f3f3;
    --white: #ffffff;
    --black: #000000;
    --text-dark:#4E4E50;
    --text-light:#75767B;
    --btn-green:#46a045;
    --btn-blue:#3289d6;
    --btn-orange:#f18f0b;
    --btn-red: #e83e3c;
    --btn-ink: #003087;
    --table-text-color:#5a6477; 
    --border-2x:2px solid #80808033;
    --border-flight-result:1px solid #e4e4e4;
    --paginate-normal:#009cde;
    --paginate-active:#003087;

}

.text-dark{
    color: var(--text-dark)!important;
}
.text-light-custom{
    color:var(--text-light)!important;
}
.text-table{
    color: var(--table-text-color);
}
.text-green{
    color: var(--green)!important;
}
.bg-gray{
    background: var(--gray);
}
.bg-gray-light{
    background: var(--gray-light)!important;
}
.bg-blue-light{
    background: var(--sherpa-blue-light);
}
.bg-blue-dark{
    background: var(--sherpa-blue);
}
.border-2x{
    border: var(--border-2x);
}
.btn-blue-dark, .btn-blue-dark:hover, .btn-blue-dark:focus, .btn-info, .btn-info:hover, .btn-info:focus, .btn-default, .btn-default:hover, .btn-default:focus{
    background: var(--sherpa-blue);
    color:var(--white);
    border-color:  var(--sherpa-blue);
}
.btn-blue-light, .btn-blue-light:hover, .btn-blue-light:focus{
    background: var(--sherpa-blue-light);
    color:var(--white);
}
.btn-green, .btn-green:hover, .btn-green:focus{
    background: var(--green);
    color:var(--white);
}

.btn.btn-img {
    padding: 0!important;
}
.btn-img img{
    width: 25px;
    min-width: 25px;
}
.btn.border-green-btn, .btn.border-blue-btn , .btn.border-orange-btn , .btn.border-red-btn, .btn.borderless-icon-btn {
    border-radius: 4px!important;
    padding: 2px 6px!important;
    font-size: 14px;
    font-weight: bold!important;
}
.border-green-btn {
    border: 2px solid var(--btn-green);
    color: var(--btn-green)!important;
}
.border-blue-btn {
    border: 2px solid var(--btn-blue);
    color: var(--btn-blue)!important;
}
.border-orange-btn {
    border: 2px solid var(--btn-orange);
    color: var(--btn-orange)!important;
}
.border-red-btn {
    border: 2px solid var(--btn-red);
    color: var(--btn-red)!important;
}
.borderless-icon-btn{
    color: var(--btn-ink);
}
body{
    background-color: var(--gray);
}
p{
    color: var(--text-light);
    font-size: 14px;
    font-weight: 600;
}
.skin-black-light div.wrapper{
    background-color: var(--gray-light)!important;
}
.sidebar-toggle, .sidebar-toggle:hover, .sidebar-toggle:focus{
    background-color: var(--sherpa-blue)!important;
    color: var(--white)!important;
    box-shadow: none;
}
aside.main-sidebar{
    background:var(--sherpa-blue)!important;
}
aside.main-sidebar section.sidebar a{
    color: var(--white)!important;
    font-size: 13px;
}
.name_user_down{
    color:var(--text-dark);
}
/** top nav **/
.linkHolder{
    background: white;
    width: 100px;
    margin: 5px;
    padding: 5px;
    text-align: center;
}
.linkHolder.active, .linkHolder.active .topLink p{
    background-color: var(--green);
    color: var(--white);
}
.linkHolder:hover{
    background: var(--green);
}
.linkHolder:hover .topLink p{
    color: var(--white);
}
.topLink p{
    margin:0;
    color: var(--text-dark);
}
.topLink .icon i{
    font-size: 25px;
}
.topLink .icon .fa-plane, .fa-plane.rotate{
    transform: rotate3d(1, 1, 2, 307deg);
}
.topLink .linkText{
    font-size: 14px;
    font-weight: bold;
}
.balanceDiv{
    padding: 12px 8px;
    font-size: 14px;
    font-weight: 600;
}
/** table **/
.table-responsive::-webkit-scrollbar, .slimScrollDiv::-webkit-scrollbar {width: 5px;height: 5px;}
.table-responsive::-webkit-scrollbar-track, .slimScrollDiv::-webkit-scrollbar-track {background: #E9E9E9;}
.table-responsive::-webkit-scrollbar-thumb, .slimScrollDiv::-webkit-scrollbar-thumb {background: #C5C3C2;}

.table th, .table td{
    font-size: 14px;
    font-weight: 600;
    /* border-top: 2px solid #80808033!important; */
}
table.dataTable thead th, table.dataTable tfoot th{
    background-color: var(--white) !important;
    color: darkblue;
  }

  table.dataTable>thead>tr>th ,table.dataTable thead th, table.dataTable tbody td{
    border-width:1px!important;
}
table.dataTable>:not(:last-child)>:last-child>*{
    border-color: #ddddde;
}
.dataTables_paginate .pagination, .dt-bootstrap5 .pagination{
    padding:0;
    background:var(--white)!important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
    padding:0;
}
.dataTables_paginate .page-item.disabled .page-link,.dataTables_paginate .page-link{
    background:white!important;
    border:0;
    color:var(--paginate-normal)!important;
}
.dataTables_paginate .pagination>.active>a,.dataTables_paginate .pagination>.active>a:focus,.dataTables_paginate .pagination>.active>a:hover{
    background:white!important;
    border:0;
    color:var(--paginate-active)!important;
}
div.dataTables_wrapper div.dataTables_length select{
    min-width: 50%!important;
    max-width: 100%!important;
    background-position: right 0.3rem center!important;
}
div.dataTables_wrapper div.dataTables_length select:focus{
    box-shadow: none;
}
/* .table-green thead th, table.dataTable thead th, .table-green th, table.table th{
    background-color: var(--green)!important;
    color: var(--white)!important;
} */
.dt-bootstrap5 .pagination, .dt-bootstrap5 .pagination li a{
    background:var(--white);
    color: var(--paginate-normal)!important;
}
.new-drop .dropdown-toggle::after{
    display: none;
}
.new-drop .dropdown-menu>li>a {
    color:var(--btn-blue);
    width: 100%;
    padding: 5px 3px;
    display: inline-block;
    border-bottom: 1px solid #ddddde;
}
.new-drop .dropdown-menu{
    padding: 0px !important;
}
.new-drop .dropdown-menu>li>a:hover {
    background-color: var(--btn-blue);
    color: var(--white);
}
.table.table-light th{
    background-color: var(--white)!important;
    color:var(--black)!important;
}
table.dataTable{
    margin-top: 6px!important;
}
.dropdown-menu{
    padding: .5rem 5px!important;
}
/* Data table */
.dt-bootstrap5 .pagination li{
    padding:0!important;
    margin: 0 6px!important;
}

/** sidebar **/
.main-sidebar, .left-side{
    padding-top: 0 !important;
}
.logo-lg img, .logo-mini img {
    width: 100%!important;
    min-height: 45px!important;
    object-fit: contain!important;
    background: var(--white);
    /* vertical-align: top; */
}
.logo {
    float: none!important;
    margin-right: 0!important;
}
.sidebar-menu>li {
    border-bottom: 2px dashed white;
}
.sidebar-menu>li:hover>a, .sidebar-menu>li.active>a, ul.sidebar-menu>li.active>a {
    background: var(--sherpa-blue-light)!important;
}
.sidebar-menu>li>.treeview-menu {
    background: var(--sherpa-blue)!important;
}
/** vertical tabs **/
.custom-v-tab{
    /* box-shadow: 0px 0px 1px black; */
    border: 2px solid #80808033;
}
.custom-v-tab .nav-pills .nav-link{
    background:var(--gray-light);
    color: var(--text-dark);
    border: 2px solid #80808033;
    border-radius: 0;
    border-bottom: 0;
    border-left: 0;
    font-size: 16px;
    font-weight: bold;
}
.custom-v-tab .nav-pills .nav-link:first-child{
    border-top:0;
}
.custom-v-tab .nav-pills .nav-link:last-child{
    border-bottom: 2px solid #80808033;
}
.custom-v-tab .nav-pills .nav-link.active, .custom-v-tab .nav-pills .show>.nav-link, .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: var(--text-dark);
    background-color: white;
    border: 0;
}
.custom-v-tab .nav-pills .nav-link .icon{
    width:60px;
    display: block;
}
footer.main-footer{
    z-index: 1040;
}
/** bootstrap override **/
.form-control, .form-select, .select2-container--default .select2-selection--single, .alladvnce, .enq_row label .form-control {
    border: 1px solid #80808033!important;
    color: var(--text-light)!important;
    font-size: 14px;
    font-weight: bold;
}
.form-control::placeholder , .enq_row label .form-control::placeholder {
    color: var(--text-light)!important;
}
.form-label, .wament, .form-check-label, .enq_row label, .dash_tabs .pack_details label, .dash_tabs .price_details .form-group > label, .cost_itin .form-group > label, .enq_row .form-group > label, .itin_box label{
    color: var(--text-dark)!important;
    font-size: 14px!important;
    font-weight: bold!important;
}
.btn{
    text-transform: uppercase!important;
    font-weight: 600!important;
    border-radius: 0!important;
}
.btn-sm{
    font-size: 12px!important;
}
.tabspl, .waywy, .multi_city_container {
    float: none;
}
.radio-right .form-check-input {
    float: right;
    margin-right: -1.5em;
}

.datemark_custom::after {
    content: "\f073";
    bottom: 0;
    color: var(--text-dark);
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    font-size: 18px;
    right: 0;
    line-height: 42px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 40px;
}
.datemark_custom input{
    padding-right: 40px;
}

.add_city_btn, .city_close_btn{
    color: var(--text-dark);
    position: relative;
}
.searcharea{
    background-image: none;
    padding: 0;
}

.select2-container .select2-selection--single{
    height: 36px!important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--text-light)!important;
    line-height: 32px!important;
    padding-right: 2.25rem!important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    /* height: 0; */
    left: 15%!important;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    border: solid #343a40!important;
    border-width: 0 2px 2px 0!important;
    display: inline-block!important;
    padding: 3px!important;
    width: 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.alladvnce{
    margin:0!important;
    width: 100%!important;
}
.nav-tabs .nav-link{
    background: var(--gray-light);
    color: var(--text-dark);
    border: 2px solid #80808033;
    border-radius: 0;
    border-bottom: 0;
    border-left: 0;
    font-size: 16px;
    font-weight: bold;
}
.nav-tabs .nav-link i, .ind_4 i, .pack_cont i, legend i{
    color: var(--green);
}
/** filght search page */
.boxlabl, .placenameflt{
    color: var(--text-dark);
    font-weight: bold;
}
.datein, .countlbl, .contryname{
    color:var(--text-light);
    font-weight: 500;
}
.divinsidefltr{
    border: 0;
    box-shadow: none;
}
.sortli, .flitone{
    float: none;
}
.sorta{
    padding-left: 23px;
    border: var(--border-flight-result);
    position: relative;
}
.sortul .sortli:not(:first-child) .sorta{
    border-left: 0;
}
.sortul .sortli:not(:last-child) .sorta{
    border-right: 0;
}
.sorta strong, .hedtowr{
    color:var(--text-dark);
    font-weight: bold;
}
.sorta.asc::after {
    color: var(--text-dark);
    margin-right: 20px;
    float: none;
    position: absolute;
    right: 0;
}
.sorta.active {
    border-top: var(--border-2x);
    border-bottom: 2px solid var(--green);
}
.smalairport, .stop-value, .durtntime{
    color: var(--text-dark);
}
.insidesame {
    display: block!important;
    padding: 0!important;
    text-align: unset!important;
}
#flight_search_result .insidesame {
    text-align: unset;
}
.bigtimef{
    color: var(--text-dark);
    background: var(--gray-light);
    text-align: center;
    font-weight: bold;
    font-size: 15px;
}
#flight_search_result .priceflights{
    text-align: center;
}
.flightResult {
    display: block;
    font-size: 15px;
    text-align: center;
    font-weight: 500;
}
.filtersho{
    background-color: var(--gray-light);
    color: var(--text-dark);
    float: none;
    padding: 10px 10px 20px;
}
.avlhtls, .avlhtls strong{
    color: var(--text-dark);
}
.filtersho::after{
    content: '';
}
#reset_filters, #reset_filters:hover, #reset_filters:focus{
    background: var(--gray-light);
    color: var(--text-dark);
    font-size: 14px;
    font-weight: normal!important;
    text-transform: capitalize!important;
    margin-right: 0;
    z-index: 1;
    position: relative;
}
.btn#reset_filters{
    border: var(--border-flight-result);
}
.resetFilterDiv::after{
    content: "";
    display: block;
    width: 126px;
    height: 1px;
    background: var(--gray-light);
    right: 22px;
    top: 50%;
    position: absolute;
}
.resetFilterDiv::before{
    content: "";
    display: block;
    width: 126px;
    height: 1px;
    background: var(--gray-light);
    left: 22px;
    top: 50%;
    position: absolute;
}
.boxins, .alltwobnd{
    display: flex;
}
.stopone{
    float: none;
    display: block;
    height: auto;
}
.starin{
    height: 100%;
    border-bottom-width: 4px;
}
.stopbig{
    line-height: 1.1;
    height:auto;
    color: #666;
    font-size: 12px;
}
.htlcount{
    background: white;
}
.toglefil.enabled.active .starin {
    border: 1px solid var(--green);
    border-bottom-width: 4px;
    color: var(--text-dark);
}
[type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label{
    background: white;
}
[type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after{
    content: "";
    font-family: "";
    top: -4px;
    background: white;
    background-color: white;
    border-radius: 11px !important;
    border: 4px solid var(--green);
}
.nav-tabs.flittwifil li.active::after{
    content: '';
}
.squaredThree [type="checkbox"]:checked + label:after {
    left: -4px;
}

.squaredThree label {
    background-color: white;
    border-radius: 11px !important;
    border: 4px solid #212529;
}
.locationul{
    width: 100%;
}
.comn_close_pop{
    background: var(--sherpa-blue);
    color:var(--white);
}
.contfare {
    background: var(--gray-light);
    margin: 0;
}
.contfare .nav-tabs{
    border: var(--border-2x);
    border-bottom: 0;
    padding: 8px 0px;
}
.contfare .tab-content{
    border: var(--border-2x);
    border-top: 0;
}
.tabmarg {
    padding: 15px 10px 0;
    margin: 0;
    background: var(--white);
}
.popuphed, .popconyent, .popfooter {
    float: none;
    background: var(--gray-light);
}
.nav-tabs.flittwifil li{
    margin: 0;
}
.popconyent{
    padding:15px;
}
.nav-tabs.flittwifil li.active a, .nav-tabs.flittwifil li.active a:hover {
    background: var(--gray-light);
    border: 0 none;
    color: var(--text-dark);
}
.nav-tabs.flittwifil li a{
    background: var(--gray-light);
    font-weight: bold;
}
.nav-tabs.flittwifil li a.active, .nav-tabs.flittwifil li.active a.active{
    background: var(--white);
}
.inboundiv{
    margin: 10px;
    border: var(--border-flight-result);
}
.rowfare{
    display: flex;
}
/** create FIT Enquiry **/
.dashboard_header{
    background: var(--gray-light)!important;
}
.content-header .breadcrumb{
    float: none;
}
.content-header .breadcrumb{
    content: '>\00a0';
}
.breadcrumb ol li{
    list-style: none;
}
.customer_enquiry.toggle_contain {
    max-width: 100%;
}
.enq_row .form-control::placeholder, .form-control::placeholder{
    color: var(--text-light)!important;
    font-weight: bold;
    font-size: 14px;
}
.reports, .booking_form{
    padding: 0;
}
.enq_section {
    padding: 10px;
}
.absoluteBreadcrumb{
    position: absolute;
    right: 4px;
    top: -2px;
}
/* package */
.deal_img span.rating, .deal_img span.tour_price{
    color: #fff;
    border-radius: 4px;
    padding: 5px;
    /* border-top-right-radius:4px; */
}
.deal_img span.rating{
    background-color: var(--green);
}
.deal_img span.tour_price {
    background-color: var(--sherpa-blue);
}
.tour_in h3{
    color: var(--text-dark);
}
.mar0 i{
    color: var(--green);
}
.tab-content{
    background: var(--white);
}
.bodyContent, .contact_us{
    padding-top: 1rem;
    width: 100%;
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
    margin-right: auto;
    margin-left: auto;
    background: var(--gray-light)!important;
    
}
.actionBtn .btn{
    margin-right: 5px;
    margin-bottom: 5px;
}
.pagination{
    width: 100%;
    background: var(--gray);
    padding: 5px;
    margin: 10px 5px;
}
.pagination li.active a, .pagination>.active>a:hover{
    background-color: var(--white)!important;
    color:var(--black)!important;
}
.pagination li a{
    font-size: 14px;
    padding: 4px 7px;
}
.pagination li,.pagination li a {
	margin: 0;
	/* color: black !important; */
	font-weight: bold;
}
.panel-body{
    padding-top: 10px;
}
legend{
    font-weight: bold;
    border: var(--border-flight-result);
}
.checkboxDynamic [type="checkbox"]:not(:checked), .checkboxDynamic [type="checkbox"]:checked {
    position: relative; 
    left: auto;
}
.checkboxDynamic [type="checkbox"]:not(:checked) + label:after, .checkboxDynamic [type="checkbox"]:checked + label:after{
    content: '';
    display: none;
}
.alldasbord {
    background: #fff none repeat scroll 0 0;
    border:0;
    border-radius: 0;
    box-shadow: none;
    float: none;
    padding: 6px 7px;
    width: 100%;
}
.step_head{
    display: flex;
    float: none;
    justify-content: space-between;
}
.rowother .far{
    background: var(--green);
}
.radio {
    font-size: 13px;
}
.radio [type="radio"]{
    transform: translateY(2px);
}
/* Responsive */
@media (min-width:992px){
    .header-95{
        width: 96%;
    }
    .header-5{
        width: 4%;
    }
}
@media (min-width:501px){
    .header-95{
        width: 94%;
    }
    .header-5{
        width: 6%;
    }
}
@media only screen and (min-width:401px) and (max-width:500.99px){
    .header-95{
        width: 91%;
    }
    .header-5{
        width: 9%;
    }
}
@media only screen and (min-width:320px) and (max-width:400.99px){
    .header-95, .header-5{
        width:100%;
    }
}
@media (max-width: 767px) {
    .sidebar-open .main-sidebar, .sidebar-open .left-side{
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
}

}

@media (max-width:500px){
    .dateTimeText, .walkinCustomerText, .fs-xs-12{
        font-size: 12px;
    }
}
@media (max-width: 550px) {
.countmore .btn-default {
    border: 2px solid #80808033!important;
    border-radius: 0% !important;
    height: auto!important;

}
}

/** supervision **/
.content-header{
    padding-left: 0!important;
    padding-bottom: 5px!important;
}
.content-header h1{
    color: var(--green);
    text-transform: uppercase;
}
.count_top i{
    color: var(--green);
}
.datemark_custom {
    position: relative;
}
.datemark_custom::after {
    content: "\f073";
    bottom: 0;
    color: var(--text-dark);
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    font-size: 18px;
    right: 0;
    line-height: 42px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 40px;
}
.accordion-button:not(.collapsed) {
    color: var(--text-dark);
    font-weight: bold;
    background-color: var(--gray-light);
}
@media (min-width: 1200px){
.content-header h1 {
    font-size: 2rem!important;
}
}
.flex-gap{
    gap:6px;
}


.min-max{
    min-width: max-content;
}

.pull-right{
    float:right;
}