@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

html {
    scroll-behavior: smooth;
}


* {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
    list-style: none;
    /* 				
		font-family:  Helvetica!important; */
    font-family: 'Poppins', sans-serif;
}

#contentpage .modal-body div#pos-card input {
    width: auto !important;
}

div#page-wrapper {
    height: 100vh !important;
}


div#pos-card .col-sm-4 label {
    margin-right: 15px;  
    margin-bottom: 0px;
}

div#pos-card .col-sm-4 {
    display: flex;
    align-items: center;
}


div#collapseExample {
    margin-top: -50px;
}

div#contentpage .pos-package > .btn {
    width: 180px !important;
}

div#tbody.displaybuy {
    display: inline-block;
}

.col-md-2.pull-right.adjust-button {
    margin-top: -13px;
}

select#PNRReports_GDS {
    height: auto !important;
}

select#PNRReports_Airline {
    height: auto !important;
}

select#DdlCountry {
    height: auto !important;
}

select#ddlGDS {
    height: auto !important;
}

select#LstAirline {
    height: auto !important;
}

button#btnsubmit.approval {
    color: #fff;
    min-width: 129px !important;
}

select#AirReport_SelectAirLine {
    height: auto !important;
}

select#AirReport_SelectAgent {
    height: auto !important;
}

div#contentpage .pos_width button#btnsubmit {

    background-color: #0b2d49 !important;
    border-color: #0b2d49 !important;
}

#mySidenav {
   box-shadow:none !important;
}

div#contentpage {
    max-width: 100vw !important;
}

.dropdownhgh {
    height: auto !important;
}

div#contentpage a.paginate_button.current {
    color: #0b2d49 !important;
    font-weight: 600;
}

.pos_width {
    width: 100%;
    display: flex;
}

    .pos_width > div > .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

.wrapper {
    overflow: hidden !important;
    float: left !important;
    width: 100% !important;
    min-height: 100vh !important;
    margin: 0px;
    box-sizing: border-box;
}

a {
    text-decoration: none !important;
}

p, h1, h2, h3, h4, h5, h6 {
    margin: 0px;
}

.form-control:focus {
    color: #04333a;
    background-color: #ffffff;
    border-color: #fff0;
    outline: 0;
    box-shadow: none;
}

.btn-outline-primary {
    color: #0076be;
    border-color: #0076be;
}

div#contentpage {
    transition: 0.5s;
    transform-origin: left;
}

div#contentpage {
    padding-top: 8px !important;
    max-width: 100% !important;
    padding-bottom: 8px !important;
}

    div#contentpage.slide {
        max-width: 100% !important;
    }

div#mainarea {
  margin-left:0;
}

    div#mainarea.table-Data {
        /*  margin-left: 56px;*/
        margin-left: 0px;
    }

/*.rit_nav > div > a {
    background: #fff;
}*/

section#banner {
    border-bottom: 0;
}

div#mySidenav.nav-menu-open {
    margin-left: -173px;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #0076be;
    border-color: #0076be;
}
/*side menu*/
/*
div#mySidenav:hover {
    width: 178px;
}*/


div#mySidenav:hover .navbar-inverse .navbar-nav > li > a {
    display: block !important;
    visibility: visible;
}


.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 99;
    top: 0;
  /*  left: 57px;*/
  left:0;
     background-color: #fff !important;
    overflow-x: hidden;
    padding-top: 0px;
    box-shadow: 1px 1px 5px rgb(0 0 0 / 30%);
    transition-duration: .2s;
    -webkit-transition-timing-function: cubic-bezier(0.4,0,0.2,1);
    transition-timing-function: cubic-bezier(0.4,0,0.2,1)
}
#banner .navbar-inverse .navbar-nav > li > a {
    color: #013f72 !important;
    white-space: nowrap;
}

    #banner .navbar-inverse .navbar-nav > li > a.open-submenu {
        visibility: visible;
    }

    .sidenav a {
        padding: 8px 5px 8px 6px;
        text-decoration: none;
        font-size: 11px;
        color: #013f72 !important;
        display: block;
        transition: 0.3s;
        border-bottom: 1px solid #013f72;
    }

header a.closebtn {
    border: 0px;
}

a.closebtn {
    border-bottom: 0px;
}


#mySidenav .navbar-inverse, #mySidenav .navbar-nav > li > .dropdown-menu {
    background-color: #f7f7f7 !important;
    border-radius:0 !important;
}

.mega-dropdown-menu > li ul > li > a:hover, .mega-dropdown-menu > li ul > li > a:focus {
    border-left: none !important;
    background: #fff !important;
    color: #013f72 !important;
}

.sidenav a:hover {
    color: #013f72;
    font-weight: 500;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 15px;
    font-size: 20px;
    margin-left: 50px;
    z-index:99;
}

a#logout {
    padding-top: 25px;
}

@media screen and (max-height: 450px) {
   

        .sidenav a {
            font-size: 12px;
        }
}

div#myNavbar {
    margin-top: 0 !important;
}

.nav_section {
    width: 100%;
    display: flex;
}

    .nav_section > div {
        width: 32.33%;
        display: inline-block;
    }

.mid_nav ul {
    float: left;
}



    .mid_nav ul li {
        float: left;
        padding: 0px 7px;
        font-size: 12px;
        color: white;
        font-weight: 500;
        letter-spacing: .6px;
        cursor: pointer;
    }


#mySidenav.main-menu-open .navbar-inverse {
    visibility: visible !important;
}

#banner .toggle_icon {
    color: #fff !important;
    font-size: 22px;
    cursor: pointer;
    display: inline-block;
    width: 24px !important;
    position: relative !important;
    left: -2px !important;
}

.rit_nav i {
    border: 1px solid white;
    color: white;
    background-color: red;
    border-radius: 50%;
    padding: 2px;
    font-size: 9px;
}



.bell_box {
    padding: 1px 3px;
    background-color: white;
    display: inline-block;
    border-radius: 5px;
    border: 1px solid #fffeff;
    /* width: 200px; */
    margin-top: 5px;
    display: none;
}

.mid_nav {
    padding: 22px 0px;
}

.bell_box button {
    letter-spacing: .5px;
    border-radius: 4px;
    color: white;
    background-color: #0f9aeb;
    font-size: 11px;
    border: white;
    padding: 5px 6px;
    width: 75px;
    cursor: pointer;
}

.mid_nav ul {
    margin-bottom: 0px;
}

.bell_box img {
    padding: 2px 7px;
    width: 70px;
    /* height: 27px; */
}

.bel {
    display: block;
    width: 100%;
    text-align: right;
    padding-top: 10px;
}

.dddddddd {
    border-radius: 6px 6px 0px 0px;
    padding: 10px 17px 8px;
    background-color: #16364fe0;
}
/*Waiting page------*/



.waiting_page {
    width: 100%;
    background-color: #ffffff;
    height: 100vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

#ForProcess {
    margin: 0;
    position: absolute;
    top: 48%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
    background-color: #0b2d49bf;
    border-radius: 15px;
    margin-left: 0%;
    padding: 22px 49px 40px;
    width: 28%;
}

    #ForProcess hr {
        padding: 0;
        margin-top: 21px;
        margin-bottom: 19px;
        border: 0.1px solid #0b2d49 !important;
    }

h3.thumb-title {
    font-size: 22px;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .9px;
    text-align: center;
    margin-bottom: 10px;
}

.call_center label {
    color: #fff;
    display: block;
    width: 100%;
    font-size: 12.5px;
    letter-spacing: .7px;
    padding: 0px 10px;
    margin-bottom: 8px;
}

.cl_box input {
    border-radius: 5px;
    border: none;
    padding: 9px 35px;
    background-color: #e2e3e7;
    width: 100%;
    position: relative;
    height: 36px;
}

input.cal_email {
    padding-top: 12px;
}

    input.cal_email.user_cl {
        padding-top: 6px;
    }

.cl_box i {
    font-size: 12px;
    position: absolute;
    z-index: 100;
    left: 11px;
    top: 38px;
}

.cl_box {
    position: relative;
}

    .cl_box i.fa.fa-check {
        font-weight: lighter;
        color: #009900;
        top: 11px;
        right: 11px;
        left: inherit;
        font-size: 14px;
    }

    .cl_box span {
        color: #0b2d49;
        font-size: 12px;
        right: 9px;
        top: 10px;
        position: absolute;
        font-weight: 700;
        /* letter-spacing: .7px; */
    }

button.cl_btn {
    margin: auto;
    border-radius: 4px;
    color: white;
    font-size: 16px;
    border: none;
    text-align: center;
    background-color: #0b2d49;
    padding: 3px 23px;
    margin: 12px 0px;
    font-weight: 600;
    /* letter-spacing: .7px; */
    text-transform: capitalize;
    margin: 12px auto;
    display: block;
}

hr {
    margin-top: 6px;
    border-color: #ffffff00 !important;
    margin-bottom: 6px;
}

.row.tab_frst .col-sm-8 {
    line-height: 22px;
}

.htdt_img {
    width: 20px;
}

.chn_pck_htl hr {
    margin-top: 6px;
    border-color: #c7c7c7 !important;
    margin-bottom: 6px;
    border-width: 2px;
}

.chn_pck_htl .img-fluid.ht_str {
    width: 13px;
}

.pack_flt.pack_htl .chn_pck_htl .pack_frst_rw_cntnt p {
    font-weight: 600;
    font-size: 9px;
}

.chn_pck_htl .pack_frst_rw_cntnt p:last-child {
    font-size: 12px;
    font-weight: 400;
}

.pack_flt.pack_htl .chn_pck_htl h5 {
    font-size: 13px !important;
}

.pack_flt.pack_htl {
    padding-top: 2px;
}

.col-sm-6 .selector {
    margin-right: 3px;
    margin-left: 4px !important;
}

.cl_box img {
    width: 17px;
    position: absolute;
    z-index: 100;
    left: 8px;
    top: 6px;
}

.cl_box img {
    width: 17px;
    position: absolute;
    z-index: 100;
    left: 8px;
    top: 6px;
}

.chn-htl .pack_flt.pack_htl h5 {
    font-size: 13px;
}

img.img-fluid.cl_pass {
    top: 3px;
    width: 23px;
}

.call_center input::placeholder {
    color: #1d293f !important;
}

section#pack_who button {
    margin-top: 32px;
    padding: 3px 15px;
    background-color: #0d9b00;
    color: white;
    border: none;
    font-size: 11px;
    border-radius: 9px;
    font-size: 12px;
}
/*<!---------------Header start  ----------------->*/


header {
    padding: 0px 0px;
    /* background-image: linear-gradient(to top, #f2f3ff, #f5f5ff, #f7f7ff, #fafaff, #fcfcff, #fcfcff, #fcfcff, #fcfcff , #fafaff, #f7f7ff, #f5f5ff, #f2f3ff); */
    border-top: 6px solid #087bc0;
    background-color: white;
}

.bg-light {
    background-color: #f8f9fa00 !important;
}

.navbar-brand img {
    width: 150px;
}

div#navbarSupportedContent {
    justify-content: space-between;
}

.center_menu {
    margin: auto;
}

ul.nav-rit {
    padding: 6px 5px;
    background-color: #087bc0;
    margin-bottom: 0;
}

    ul.nav-rit .btn {
        letter-spacing: .4px;
        border: 0px;
        font-weight: 500;
        font-size: 12px;
        color: #ffffff;
        padding: 2px 8px;
        border-right: 1px solid #0044c1;
        border-radius: 0;
        padding: 0px 6px;
    }


        ul.nav-rit .btn:last-child {
            border: 0;
        }

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
    color: rgb(252 189 51);
    border-bottom: 2px solid rgb(252 189 51);
}

.navbar-light .navbar-nav .nav-link {
    letter-spacing: .5px;
    color: rgb(2 119 190);
    font-size: 15px;
    font-weight: 600;
    padding: 6px 8px;
    margin: 0px 9px;
}

.htl_control {
}
/*<!------------Header End ------------------- -->*/
/* --------Search control------------- */

#search_control {
    /* position: absolute; */
    margin-top: 16%;
    width: 100%;
}

ul.servc_tab {
    text-align: center;
    margin-bottom: 0px;
}

.service_name li {
    border-radius: 9px;
    text-align: center;
    margin-right: 3px;
    background-color: #ffffff00;
    color: #ffffff;
    padding: 3px 5px;
    border: 0px solid #ffffff00;
    border-radius: 0px;
    transition: .2s;
    font-size: 7px;
    color: #ffffff;
    font-weight: 600;
    min-width: 94px;
    margin: auto;
    display: inline-block;
    text-align: center;
    color: white;
    border-radius: 6px 6px 0px 0px;
    height: 30px;
}

#search_control ul li span {
    font-weight: 500;
    letter-spacing: .6px;
    font-size: 13px;
    color: #feffff;
}

ul.servc_tab li i {
    display: none;
    color: #ffffff;
    position: relative;
    margin: auto;
    font-size: 20px;
}

ul.servc_tab li.active {
    background-color: #19364c;
}

    ul.servc_tab li.active span {
        color: #fff !important;
    }
/* .activesearch{
						border-color: #0b2d49!important;
			background-color: #0b2d49!important;
			color: #ffffff!important;
			} */
/* .activesearch span{
						color: #ffffff!important;
						} */
.activesearch span {
    letter-spacing: .2px;
    font-size: 17px;
    color: #0c6195;
}

.service_control {
    background: rgba(0, 0, 0, 0.5);
    display: inline-block;
    width: 100%;
    padding: 10px 0 20px;
}

.supplier span {
    padding-top: 9px;
    font-size: 12px;
    color: white;
    vertical-align: super;
}

.supplier p {
    text-align: left;
    color: white;
    padding: 10px 0px;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
}

.service_name li img {
    width: 30px;
    padding: 0px 5px;
}

.check-in input {
    text-align: right;
}

.check-out input {
    text-align: left;
}

.row.service_row {
    margin-bottom: 0px;
}

    .row.service_row > div:first-child {
        padding-left: 15px;
    }

    .row.service_row > div {
        padding: 0px 2px;
    }

.row.way_row span {
    color: white;
    font-size: 12px;
    vertical-align: super;
    padding-top: 5px;
}

.search-icon {
    position: relative;
}

.search_control {
    margin: auto;
    width: 90%;
}

.nit, .dat {
    -webkit-box-flex: 12%;
    -ms-flex: 0 0 12%;
    flex: 0 0 12%;
    max-width: 12%;
}

.city-place {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 26%;
    flex: 0 0 26.6%;
    max-width: 26.6%;
}

.search-icon i {
    position: absolute;
    top: 9px;
    left: 5px;
    color: #707070b3;
    font-size: 11px;
}

input.form-control.star {
    padding: 8px;
}

.row.service_row > div:last-child {
    padding-right: 15px;
}

.search-icon input, .search-icon select {
    border: 1px solid #ffffff;
    background-color: #ffffff !important;
    border-radius: 3px;
    padding: 4px 17px 4px 23px;
    font-size: 10px;
    height: 30px !important;
    font-weight: 500;
    color: #707070e6;
    letter-spacing: .5px;
    width: 100%;
}

.search-icon img {
    position: absolute;
    top: 8px;
    right: 5px;
    color: #707070;
    font-size: 12px;
}

.row.service_row > div {
    padding: 0px 2px;
}

.row.advance_search_row {
    display: none;
}

.dat input {
    border-radius: 3px;
    padding: 4px 17px 4px 17px;
    font-size: 10px;
    height: 30px !important;
    font-weight: 600;
    color: #16364f;
    letter-spacing: .5px;
    border: 1px solid #ffffff;
}

.advance_search_row p {
    color: #ffffff;
    font-size: 13px;
    cursor: pointer;
    font-weight: 600;
    letter-spacing: .4px;
}

#banner .advance_search_row p {
    margin-top: 9px;
}

.advance_search_row p i {
    margin-left: 10px;
    vertical-align: top;
}

.row.advance_search_box {
    padding-top: 10px;
}

    .row.advance_search_box .row.service_row label {
        padding: 0px 26px;
        font-size: 13px;
        color: #f5f5f5;
        letter-spacing: .2px;
        margin-bottom: 6px;
        display: none;
    }

.row.service_row {
    margin-bottom: 0px;
}

.search-icon > label {
    padding: 0px 30px;
    color: white;
    font-size: 14px;
    display: none;
}

.pop-up-box {
    background-color: #ffffff;
    width: 251px;
    margin: 0;
    position: absolute;
    top: 25px;
    border: 2px solid #132f45;
    padding: 5px 5px 5px 5px;
    border-radius: 4px;
    z-index: 1000;
    font-size: 13px;
    font-weight: 600;
    left: -18px;
}

.no_system {
    display: flex;
    align-items: center;
}

    .no_system > button, .no_system > input {
        margin: 0px;
        background-color: #184c95;
        border: none;
        width: 29%;
        display: inline-block;
        text-align: center;
        padding: 0px;
        color: white;
    }

.close_btn {
    color: #272424;
    position: absolute;
    right: 6px;
    top: -1px;
    font-weight: 700;
    cursor: pointer;
}

img.img-fluid.desti-icon {
    left: 0px;
    top: 2px;
    /* width: 17px; */
}

.room_count > div {
    border: 0px;
    font-size: 13px;
    text-align: center;
    display: inline-block;
    width: 30%;
    border: 1px solid #f0f5ff;
    background-color: #142f45;
    color: white;
}

.row.pop-up-box select {
    text-align-last: center;
    opacity: initial;
    height: 20px !important;
    padding: 0px;
    color: #135c95;
    text-align: center;
    /* width: 100%; */
    font-size: 12px;
    color: #707070;
}

    .row.pop-up-box select:focus {
        border: 1px solid #70707091;
    }

.row.repeat_row.cust_repeat > div {
    margin-bottom: 10px;
    padding: 0px 2px;
}

#pack .search_btn {
    margin-top: 41px;
}

.search-icon i.fa.fa-chevron-down {
    top: 10px;
    left: inherit;
    right: 11px;
    font-size: 9px;
}

.search_btn {
    /* width: 100%; */
    border: 1px solid #0b2d49;
    padding: 5px 14px;
    text-align: center;
    background-color: #0b2d49;
    color: white;
    font-size: 16px;
    transition: .2s;
    height: 46px;
    border-radius: 4px;
    border-radius: 3px;
    /* padding: 4px 5px 4px 34px; */
    font-size: 12px;
    height: 28px !important;
}

.htl_control_btn {
    text-align: right;
    margin-top: 5px;
}

.col-sm-2.p-0.dash {
    text-align: center;
    vertical-align: 36px;
    line-height: 46px;
    font-size: 36px;
    color: #5c5c5c;
}


.row.way_row {
    padding-left: 20px;
    margin-bottom: 12px;
}

    .row.way_row span {
        color: white;
        font-size: 11px;
        vertical-align: middle;
    }

.col-sm-2.OW_Width {
    max-width: 25%;
    flex: 0 0 24.99999%;
}

#pack .search_btn {
    height: 30px !IMPORTANT;
    margin-top: 37px !important;
    width: 100%;
}

#pack .row.service_row > div:last-child {
    padding-right: 2px;
}

.multi_way_service .row.service_row > div:first-child {
    padding-left: 20px;
}

/*-----------------------Banner Start-------------------------*/
#banner {
    background-image: url("https://149354439.v2.pressablecdn.com/wp-content/uploads/2013/08/slide4.jp");
}

img.d-block.w-100.img-fluid {
    height: 278px;
}

.overlay {
    background: #00000059;
    height: 100%;
    width: 100%;
    position: absolute;
    opacity: .5;
    display: none;
}

.carousel-caption {
    top: 23%;
}

#banner h5 {
    margin-bottom: 15px;
    font-size: 33px;
    letter-spacing: .2px;
    font-weight: 600;
    color: white;
    text-transform: capitalize;
}

#banner {
    padding: 0px 0 0 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

/*---------------------Banner End-----------------*/
div#copywrite > div {
    display: flex;
    justify-content: space-between;
}

.deal_section {
    position: relative;
}

.deal {
    position: absolute;
    top: 0px;
}

.pop-up-box {
    background-color: #ffffff;
    width: 300px;
    margin: 0;
    position: absolute;
    top: 31px;
    border: 2px solid #132f45;
    padding: 5px 1px 5px 1px;
    border-radius: 4px;
    z-index: 1000;
    font-size: 13px;
    font-weight: 600;
    left: -30px;
}

    .pop-up-box label {
        letter-spacing: .5px;
        color: #1a364b;
        font-size: 11px;
        margin-bottom: 0px;
    }

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgb(252 189 51) !important;
    border-bottom: 2px solid #fcbd33;
}
/*-----------------Copuwrite--------------*/
#copywrite {
    line-height: 50px;
    /* padding: 10px 0px; */
    letter-spacing: .3px;
    font-size: 10px;
    background-color: #16364f;
    color: #fbffff;
    vertical-align: middle;
    font-weight: 300;
}

div#copywrite span {
    color: #0c94e5;
    /* font-size: 9px; */
    padding: 0px 15px;
    font-size: 11px;
}

#copywrite .mention {
    color: white;
    font-weight: 400;
    letter-spacing: 1.5px;
}
/*push*/
.push_box {
    height: 150px;
    /* width: 23%;*/
    display: flex;
    margin: 0px 6px;
    background-color: #0b2d49;
    color: white;
    /* font-size: 14px; */
    /* letter-spacing: .5px; */
    /* line-height: 28px; */
    border-radius: 5px;
    overflow: hidden;
}

.cust-push {
    padding: 18px 0px;
    background-color: #ecf7fd;
}

.push {
    display: flex;
}

.titl {
    font-weight: 700;
    padding: 25px 10px;
    font-size: 24px;
    color: #16364f;
    max-width: 1140px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

    .titl span {
        padding: 0px 10px;
        font-weight: normal;
    }

.push_box_first {
    width: 60%;
    display: inline-block;
    position: relative;
}

.push_box_second {
    width: 40%;
    display: inline-block;
    padding: 7px 14px;
    text-align: left;
    position: relative;
}

.push_box_first p {
    position: absolute;
    bottom: 0px;
    background-color: #0b2d49bf;
    /* display: block; */
    width: 100%;
    padding: 8px 16px;
    color: white;
    font-size: 20px;
    letter-spacing: 1.6px;
    font-weight: 600;
    text-transform: uppercase;
}

/* .s:after {
				position: absolute;
			content: '';
			border-right: 32px solid #0b2d49;
			border-top: 12px solid transparent;
			border-bottom: 12px solid transparent;
			left: -34px;
			bottom: 31px;
			z-index: 99;
			} */
.s {
    position: relative;
}

img.arr_l, img.arr_r {
    background-color: white;
    background-color: whie;
    /* position: relative; */
    /* top: 50%; */
    border: 1px solid gainsboro;
    border-radius: 50%;
    padding: 4px;
    width: 23px;
}

.side_arw {
    position: relative;
    top: 50%;
    /* left: 0%; */
    z-index: 1000000;
}

.push_box_first img {
    width: 100%;
    height: 100%;
}

.push_box_second p {
    font-size: 10px;
    letter-spacing: .6px;
    color: #ffffff;
    line-height: 15px;
}

img.arr_l {
    margin-left: -21px;
}

#search_control ul li span {
    font-weight: 500;
    letter-spacing: .6px;
    font-size: 13px;
    color: #9b9b9b;
    /* line-height: 32px; */
}

img.arr_r {
    text-align: right;
    float: right;
    transform: rotate(180deg);
    margin-right: -21px;
}

.push_box_second h4 {
    font-weight: 700;
    font-size: 20px;
}

.push_box_second h6 {
    font-size: 22px;
    font-weight: normal;
}
/* Slick slider */

.slick-slide {
    margin: 0px 10px;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

    .slick-track:before,
    .slick-track:after {
        display: table;
        content: '';
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

button.slick-prev.slick-arrow {
    z-index: 1000;
    position: absolute;
    /* bottom: 0; */
    top: 40%;
    left: -21px !important;
}

button.slick-next.slick-arrow {
    position: absolute;
    right: -61px;
    top: 42%;
    z-index: 1000;
}

.trending-tour-item__info {
    position: absolute;
    bottom: 6px;
    display: flex;
    font-size: 14px;
    color: white;
    font-weight: 600;
    letter-spacing: .6px;
    justify-content: space-between;
    width: 100%;
    left: 0px;
}



.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

    .slick-track:before,
    .slick-track:after {
        display: table;
        content: '';
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-arrow {
    box-sizing: none;
    border: none;
    color: transparent;
    font-weight: 600;
    background-color: transparent;
}

    .slick-arrow:focus {
        outline: none;
    }

.trending-tour-item {
    position: relative;
}

.trending-tour-item__group-infor__lasting {
    font-weight: 700;
    display: flex;
    background-color: #fefefe;
    color: #0b2d49;
    font-size: 13px;
    font-weight: 700;
    display: flex;
    background-color: #fefefe;
    color: #0b2d49;
    font-size: 13px;
    border-radius: 4px;
    padding: 2px 3px;
    align-items: center;
    justify-content: space-evenly;
    width: 100%;
}

    .trending-tour-item__group-infor__lasting img {
        width: 14px;
    }

.trending-tour-item__group-infor--left > span {
    display: none;
}

.trending-tour-item__name img {
    margin: 0px 8px;
    width: 57px;
    border-radius: 4px;
}

img.trending-tour-item__thumnail.img-fluid {
    min-height: 223px;
    border-radius: 7px;
    max-height: 222px;
    width: 100%;
    height: 223px;
}

#existing {
    padding: 18px 0px;
    background-color: #ecf7fd;
}

.container-fluid {
    width: 96%;
}

.trending-tour-item__group-infor {
    padding: 0px 5px;
}

.slick-prev:before, .slick-next:before {
    border: 1px solid gainsboro;
    content: "<";
    color: #0b2d49;
    font-size: 30px;
    font-size: 19px;
    background-color: white;
    border-radius: 50%;
    padding: 0px 7px;
}

.slick-next:before {
    content: ">";
}

.mnth_middle, .mnth_left, .mnth_right {
    width: 100%;
    display: inline-block;
}

.mnth-section {
    display: block;
    width: 100%;
}

.mnth-name {
    DISPLAY: NONE;
}

div#htl_rslt .air_lin_div {
    display: none;
}

div#flt_rslt .htl_lin_div {
    display: none;
}

.mnth-name p {
    text-align: center;
    font-size: 18px;
    color: #16364f;
    font-weight: 700;
}

    .mnth-name p span {
        font-weight: 400;
    }

#month {
    background-color: #e4e4e4;
    padding: 10px 0px;
}

.mnt-dtl {
    margin-right: 6px;
    width: calc(33.3% - 6px);
    display: inline-block;
    margin: 4px 3px;
    background-color: #0b2d49;
    color: white;
    padding: 1px 2px;
    font-size: 12px;
    border-radius: 10px;
}

.air_lin_div, .htl_lin_div {
    margin: 0px 0px 4px;
    background-color: white;
    color: #16364f;
    padding: 3px 2.5px;
    position: relative;
}

    .air_lin_div > p, .htl_lin_div > p {
        font-size: 12px;
        font-weight: 700;
        text-align: left;
        letter-spacing: .0px;
        padding-left: 17px;
        margin-bottom: 0px;
        width: 73%;
        text-overflow: ellipsis;
        overflow: hidden;
        overflow: hidden;
        white-space: nowrap;
    }

.d {
    display: block;
    width: 100%;
    padding-left: 3px;
}

    .d > div {
        width: 28%;
        display: inline-block;
        height: 100%;
        vertical-align: text-top;
    }

.chang_flt {
    bottom: 2px;
    text-align: right;
    color: #08b0ff;
    font-size: 8px;
    font-weight: 600;
    display: inline-block;
    float: right;
    line-height: -39px;
    position: absolute;
    right: 5px;
    border: 42px;
}

.airlin_detail.dprtur, .airlin_detail.arrival, .airlin_detail.seats {
    line-height: 13px;
    font-size: 8px;
    font-weight: 600;
    line-height: 13px;
    font-size: 8px;
    font-weight: 500;
    position: relative;
    padding-left: 0px;
}

.airlin_detail.seats {
    width: 0%;
    font-size: 10px;
    font-weight: bold;
}

.chai-img {
    width: 20px;
}

section#month .container-fluid {
    width: 100%;
}

.airlin_detail.dprtur:before {
    position: absolute;
    background-image: url(../images/depature.PNG);
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1000;
    width: 15px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: top;
    display: none;
}

.airlin_detail.arrival:before {
    position: absolute;
    background-image: url(../images/arrival.PNG);
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1000;
    width: 15px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: top;
    display: none;
}

.deatil_popup_one h5, .deatil_popup_two h5 {
    font-size: 15px;
    font-weight: 700;
}

.dprty-img, .arriv-img, .chai-img {
    vertical-align: text-top;
    width: 12px;
}

.deatil_popup_two img {
    width: 50px;
    margin-bottom: 10px;
}

.airlin_detail.seats:before {
    position: absolute;
    background-image: url(../images/chair.png);
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1000;
    width: 15px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: top;
    display: none;
}

.deatil_popup_two img.str {
    text-align: right;
    width: 19px;
    float: right;
}

.deatil_popup hr {
    border-color: #0b2d4982 !important;
    margin-bottom: 12px;
    margin-top: 6px;
    margin-bottom: 7px;
}

.popup_tw_below {
    align-items: center;
    width: 100%;
    display: flex;
}

.mnt-dtl.active_mnth {
    background-color: #027e1b;
}

span.price_span {
    /* line-height: 35px; */
    text-align: right;
    font-size: 13px;
    font-weight: 700;
    float: right;
    line-height: 22px;
}

p.wrd_drptur > span {
    letter-spacing: .2px;
    font-weight: 800;
    font-size: 11px;
    padding-right: 5px;
}

.deatil_popup_two {
    font-size: 11px;
}

p.dprtur_titl {
    font-weight: 700;
    font-size: 9px;
}

.mnt-dtl > p {
    display: flex;
    justify-content: space-between;
    padding: 0px 3px;
    display: inline-block;
    font-size: 10px;
}

    .mnt-dtl > p img {
        height: 17px;
        /* width: 37px; */
    }

.kd {
    font-weight: 700;
}

p.first_p {
    display: flex;
    font-size: 13px;
    font-weight: 200;
}

img.img-fluid.yellow_star {
    float: right;
    width: 11px;
}

.htll_dtll {
    font-size: 11px;
    font-weight: 600;
}

.ht_vw {
    width: 50%;
    display: inline-block;
    font-size: 9px;
    font-weight: 600;
    line-height: 13px;
}

.htll_dtll {
    justify-content: space-between;
    width: 100%;
    display: block;
    display: flex;
    padding-left: 10px;
    padding-left: 6px;
}

img.img-fluid.htl_img {
    display: inline;
    width: 14px;
    vertical-align: middle;
    text-align: center;
    margin: auto;
    padding-right: 5px;
}

.detail_click > img {
    width: 14px;
}

.detail_click {
    float: right;
    position: relative;
    display: inline-block;
    font-size: 10px;
    cursor: pointer;
}

.deatil_popup {
    background-color: #ffffff;
    width: 358px;
    margin: 0;
    position: absolute;
    bottom: 0px;
    border: 0px solid #132f45;
    padding: 5px 1px 5px 1px;
    border-radius: 4px;
    z-index: 1000;
    font-size: 13px;
    font-weight: 500;
    left: -52px;
    border-radius: 7px;
    padding: 5px;
    box-shadow: 1px 1px 16px 3px #c9c9c982;
    padding: 18px 30px 18px 30px;
    color: #043f70;
    font-size: 13px;
}
/* package */
.sss {
    width: 65%;
    display: inline-block;
}

.deatil_popup_one img {
    width: 65px;
    margin-bottom: 10px;
}

.ss {
    display: block;
    width: 100%;
}

    .ss > div:nth-child(1), .ss > div:nth-child(3) {
        width: 10%;
        display: inline-block;
    }

div#holidy {
    padding: 0px 116px;
}

.pk_flt_arrive, .pk_flt_deprtur {
    width: 49%;
    display: inline-block;
}

img.airl_img {
    width: 100%;
}

.pk_flt_dtl {
    display: flex;
    justify-content: space-between;
}

.pk_flt_tim {
    display: flex;
}

.pack_frst_rw4 {
    display: flex;
}

.pack_frst_rw4_img {
    width: 10%;
    display: inline-block;
    text-align: right;
}

.pack_frst_rw4_cntnt {
    display: inline-block;
    width: 39%;
    font-size: 10px;
    font-weight: 500;
    margin-bottom: 10px;
    padding-left: 15px;
}

.pack_flt {
    font-size: 11px;
    letter-spacing: .2px;
    padding: 10px 0px;
    color: #16364f;
    width: 100%;
}

.pack_frst_rw {
    display: flex;
}

.pack_frst_rw_img {
    text-align: right;
    padding: 0px 6px;
    width: 10%;
    display: inline-block;
}

.pack_frst_rw4_cntnt h6 {
    font-size: 10px;
    font-weight: 700;
}

.pack_frst_rw_cntnt {
    width: 90%;
    display: inline-block;
}

.pack_frst_rw4_cntnt p {
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .3px;
    line-height: 13px;
}

.flt_dtl_titl {
    margin-bottom: 18px;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #16364f;
    letter-spacing: 0px;
    line-height: 17px;
}

.pack_frst_rw_img i.fa.fa-plane {
    font-size: 23px;
}

p.text-center.pck_mdl_stp {
    font-weight: 600;
    font-size: 10px;
}

img.depr_img {
    width: 16px;
}

.pack-total-left div p {
    display: inline-block;
    width: 223px;
    font-size: 13px;
    line-height: 31px;
    font-weight: 500;
}

.pack_frst_rw_cntnt p {
    font-weight: 500;
    font-size: 10px;
}

.pack-total {
    padding-top: 21px;
}

.pack-total-left div:last-child p {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 17px;
}

.pack_flt.pack_htl img {
    border: 1px solid #dcdcdc00;
    border-radius: 6px;
}

.pack-total-right {
    position: relative;
}

    .pack-total-right button {
        position: absolute;
        bottom: 0px;
    }

.ri {
    margin-top: 23px;
}

    .ri p {
        width: 75px !important;
        font-weight: 600;
        border-radius: 4px;
        border: 1px solid #7cc6ff;
        padding: 2px 5px;
        display: inline-block;
        text-align: center;
    }

.chn-htl button {
    padding: 5px 10px;
    background-color: #38ff00;
    color: white;
    border: none;
    font-size: 11px;
    padding: 3px 15px;
    background-color: #0894ff;
    color: white;
    border: none;
    font-size: 11px;
    border-radius: 9px;
    font-size: 12px;
}

.pack_flt.pack_htl h5 {
    font-weight: 600;
    font-size: 16px;
    color: #16364f;
    margin-bottom: 1px;
}

.pack-total-right button {
    padding: 3px 15px;
    background-color: #419d03;
    color: white;
    border: none;
    font-size: 11px;
    border-radius: 9px;
    font-size: 12px;
}

p.flt_dtl_titl button {
    font-weight: 600;
    padding: 3px 21px;
    background-color: #0295d9;
    color: white;
    border: none;
    font-size: 11px;
    border-radius: 9px;
    font-size: 12px;
    float: right;
}

.pack_flt.pack_htl .col-sm-6 .hltdat {
    font-size: 11px;
    font-weight: 700;
    margin-top: 7px;
}

.pack_flt.pack_htl h5 {
    font-weight: 600;
    font-size: 16px;
    color: #16364f;
}

.img-fluid.ht_str {
    width: 19px;
}

.pack_flt p span {
    font-weight: 700;
    padding-right: 10px;
}

.pck_mdl_stp {
    font-size: 11px;
    font-weight: 300;
    padding: 22px 0px;
}

.pk_flt_deprtur p, .pk_flt_arrive {
    font-weight: 700;
}

.ms {
    width: 18%;
    display: inline-block;
    padding: 0px 0px;
}

.phn-no {
    width: 30%;
    display: inline-block;
    padding: 0px 10px;
}

    .ms input, .phn-no input {
        width: 100%;
    }


.container_padding {
    padding: 10px 100px;
}

#pack_who .container_padding {
    background-color: #d8f1ff;
    padding: 10px 100px;
    border-radius: 0px 0px 5px 5px;
    margin: 0px 0px 10px;
}

.pck_adlt {
    color: white;
    font-size: 18px;
    background-color: #16364f;
    padding: 9px 0px;
    border-radius: 5px 5px 0px 0px;
}

#pack_who label {
    font-size: 12px;
    color: #5a5a5a;
    font-weight: 500;
    margin-bottom: 0px;
}

section#pack_who input, section#pack_who select {
    background-color: white;
    border: none;
    height: 37px;
    border-radius: 4px;
    font-size: 11px;
    color: #afacac;
    margin-bottom: 2px;
    border: 1px solid #ebebeb;
}

.contunu_btn {
    display: inline-block;
    text-align: right;
    float: right;
    /* position: absolute; */
    /* bottom: 0; */
}

    .contunu_btn button {
        color: white;
        font-size: 18px;
        background-color: #16364f;
        padding: 10px 0px;
        border-radius: 5px 5px 0px 0px;
    }

.who {
    font-weight: 700;
}

section#pak-cncl .container-fluid.p-0 {
    padding: 16px;
    background-color: #ffc7cf;
    color: red;
    font-size: 12px;
}

    section#pak-cncl .container-fluid.p-0 p {
        padding: 10px;
    }

.push_box_second:after {
    position: absolute;
    content: '';
    border-right: 32px solid #0b2d49;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    left: -28px;
    bottom: 5px;
    z-index: 99;
}

.pack-natiin {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 27%;
    max-width: 27%;
}

.chn_pck_htl {
    box-shadow: 1px 1px 9px 0px #dcdcdc82;
    width: 435px;
    position: absolute;
    top: 30px;
    z-index: 100;
    background-color: white;
    right: 110px;
    padding: 30px 0px;
    border-radius: 7px;
}

.ht-img {
    height: 100%;
    width: 100%;
}

.col-sm-3.chn-htl {
    position: relative;
}

.pack-nit {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 13.9%;
    max-width: 13.9%;
    position: relative;
}

.pak_r1 > div, .pak_r2 > div {
    display: inline-block;
}

.col-sm-12.pak_r2 > div, .col-sm-12.pak_r1 > div {
    padding: 0px 2px;
    margin-bottom: 5px;
}

#holidy .row.service_row > div {
    padding: 0px 15px;
}

.pack_desti {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 43%;
    max-width: 43%;
}

.memb_plus {
    border-radius: 2px;
    padding: 2px 3px;
    position: absolute;
    right: 3px !important;
    left: inherit !important;
    font-size: 8px !important;
    color: #19354b !important;
    background-color: #dbd4d4c2;
    font-weight: 200;
    top: 2px !important;
}

.memb_min {
    border-radius: 2px;
    padding: 2px 3px;
    position: absolute;
    right: 3px !important;
    left: inherit !important;
    font-size: 8px !important;
    color: #19354b !important;
    background-color: #dbd4d4c2;
    font-weight: 200;
    bottom: 2px !important;
    top: inherit !important;
}

.holidy_control_btn button {
    height: 30px !important;
}

.tab_dar {
    background-color: #e8e8e89e;
    padding: 5px 35px;
    display: flex;
    justify-content: space-between;
    margin: 4px 0px;
}

    .tab_dar span p:first-child {
        font-weight: 700;
    }

    .tab_dar span p:last-child {
        font-weight: 500;
        font-size: 9px;
    }

.tab_frst {
    padding: 0px 35px;
}

.tab_dar > span:last-child {
    display: flex;
    align-items: center;
}

button.choose_htl {
    background-color: #16364f;
    padding: 3px 10px;
    border-radius: 6px;
    font-size: 10px;
    margin: 0px 0px 0px 6px;
    cursor: pointer;
}

.das_lin {
    line-height: 7px;
    width: 90px;
    border-bottom: 1px solid #0c54af;
    padding-top: 4px;
    padding-bottom: -3px;
    margin-bottom: 4px;
}

.deatil_popup_one {
    font-size: 11px;
}

.pach_flt_chn_btn {
    padding-right: 100px;
}

p.flt_dtl_titl.pach_flt_chn_btn button {
    padding: 5px 10px;
    background-color: #38ff00;
    color: white;
    border: none;
    font-size: 11px;
    padding: 3px 15px;
    background-color: #0894ff;
    color: white;
    border: none;
    font-size: 11px;
    border-radius: 9px;
    font-size: 12px;
}

.tab_dar {
    transition: .5s;
}

    .tab_dar:hover {
        background-color: #d9d9d9 !important;
    }

button {
    cursor: pointer;
}

.flt_pop_rit {
    width: 20%;
    position: relative;
}

.flt_pop_lft {
    width: 80%;
}

.flr_pop_sectpn {
    display: flex;
    width: 100%;
    padding: 15px;
}

.flt-popup.pack-flt-chang {
    box-shadow: 1px 1px 9px 0px #dcdcdcb3;
    width: 483px;
    position: absolute;
    top: 379px;
    z-index: 100;
    background-color: white;
    right: 317px;
    /* padding: 25px 25px; */
    border-radius: 5px;
}

.pach_flt_chn_btn button {
    position: relative;
}

.flt_pop_rit button {
    padding: 5px 10px;
    background-color: #38ff00;
    color: white;
    border: none;
    font-size: 11px;
    padding: 3px 15px;
    background-color: #1a354b;
    color: white;
    border: none;
    font-size: 11px;
    border-radius: 5px;
    font-size: 12px;
}

.flt_pop_lft_rw4 {
    display: flex;
}

.flt_pop_lft_rw4_img {
    width: 6%;
    /* display: inline-block; */
    text-align: right;
    /* display: flex; */
    position: relative;
    line-height: 40px;
}

.flt_pop_lft_rw4_cntnt {
    display: inline-block;
    width: 43%;
    font-size: 10px;
    font-weight: 500;
    margin-bottom: 0px;
    padding-left: 4px;
}

    .flt_pop_lft_rw4_cntnt h6 {
        font-size: 10px;
        font-weight: 700;
    }

    .flt_pop_lft_rw4_cntnt p {
        font-weight: 500;
        font-size: 10px;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: .0px;
        line-height: 13px;
    }

.flt_pop_lft_rw.stoppage {
    display: flex;
}

.flt_pop_lft_rw_cntnt {
    width: 100%;
    display: inline-block;
}

    .flt_pop_lft_rw_cntnt p.text-center.pck_mdl_stp {
        font-weight: 500;
        font-size: 9px;
        padding: 12px 0px;
        color: #114e7e;
    }

.flt_airlin {
    width: 76px;
}

.flt_pop_lft_rw4_img i.fa.fa-angle-down {
    background-color: #0268b5;
    font-size: 17px;
    color: white;
    border-radius: 6px;
    padding: 1px 4px;
    text-align: left;
    float: left;
    /* vertical-align: inherit; */
    /* line-height: 31px; */
    position: absolute;
    bottom: 0px;
    left: 0;
}

.flt_pop_lft_rw4_cntnt_img {
    float: right;
    text-align: right;
}

.flt_pop_rit button {
    position: absolute;
    bottom: 0;
    right: 0;
}

.flt-popup.pack-flt-chang hr {
    /* color: red; */
    border-top: 2px solid rgb(219 217 217) !important;
}

.frslt-lftsid {
    padding: 20px 20px;
    box-shadow: 0 0 5px #774d52;
    border-radius: 4px;
    background-color: #ffffff;
    color: #ffffff;
    position: relative;
}

.lft-side-head {
    text-align: right;
    border-bottom: 1px solid gainsboro;
    padding-bottom: 20px;
}

    .lft-side-head > h5 {
        letter-spacing: .3px;
        color: #000000;
        font-weight: 600;
        font-size: 19px;
    }

    .lft-side-head > p {
        color: #9b9b9b;
        font-size: 11px;
        /* letter-spacing: .3px; */
        font-weight: 500;
    }

span.cust_rest {
    font-size: 13px;
    position: absolute;
    top: 21px;
    right: 9px;
    color: #ffffff;
    background-color: #0f9aeb;
    padding: 2px 4px;
    border: 2px solid #0b2d49;
    border: 2px solid #0f9aeb;
}

.htl {
    padding-top: 23px;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 0px;
}

.title-sidebar {
    font-weight: 600;
    font-size: 16px;
    padding: 14px 0px;
    padding-top: 0px;
    color: #0b2d49;
}

.pricslidr {
    font-weight: 400;
    font-size: 11px;
    text-align: center !important;
    width: 100%;
    color: #9d9c9b;
    margin-top: 7px;
}

.ui-slider.ui-slider-horizontal {
    height: 1px;
    /*background: #d0d0d0;*/
    padding-top: 2px;
    top: 13px;
    border: none !important;
    margin-bottom: 32px;
}

#slider-range {
    position: relative;
    width: 96% !important;
    margin: 0px auto 23px;
}

.ui-slider-horizontal .ui-slider-range {
    top: 6px !important;
    height: 5px !important;
}

.ui-slider-range.ui-widget-header.ui-corner-all {
    background-color: rgb(199 195 195) !important;
    margin-top: -3px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    text-align: center;
    background: #0b2d49 !important;
    border: 1px solid #0b2d49 !important;
    font-size: 12px;
}

.ui-slider-handle.ui-state-default.ui-corner-all {
    position: absolute;
    margin-top: -1px;
    height: 20px;
    width: 20px;
    border-radius: 70px !important;
    border: 0px solid #eaeaea !important;
    background-color: #0b2d49 !important;
    cursor: pointer;
}

.chng_btn > p {
    display: none;
}

.chng_btn button {
    margin: 7px 0px;
    border-radius: 0px;
    background-color: #0f9aeb;
    border-color: #0f9aeb;
    float: right;
}

.htl {
    padding-top: 23px;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 23px;
}

.Htlfltr {
    padding: 4px 0px;
    display: flex;
    font-size: 12px;
    cursor: pointer;
}

.checkboxx {
    background-color: transparent !important;
}

.htl.strRat.loaction > div {
    line-height: 23px;
    /* height: 30px; */
    margin-bottom: 4px;
    background-color: #0b2d49;
    transition: .2s;
    cursor: pointer;
    border-radius: 3px;
}

.Htlfltr input[type="checkbox"] {
    margin-top: 1px;
}

.checkboxx label {
    color: #545351 !important;
    font-weight: 600;
    padding-left: 0px;
    letter-spacing: .2px;
    padding-left: 10px;
    margin: 0;
    font-size: 11px !important;
    line-height: 15px;
}

.htl.strRat.loaction .Htlfltr label {
    margin: 0;
    font-size: 11px;
    padding-left: 10px;
}

.htl {
    padding-top: 23px;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 23px;
}

.Htlfltr {
    padding: 4px 0px;
    display: flex;
    font-size: 11px;
    cursor: pointer;
}

.rit {
    padding-right: 15px;
    padding-left: 6px;
}

.trnsfer_modify {
    margin: 0px 0px 10px 0px !important;
    padding: 0px 15px 0px;
    color: #ffffff;
    font-size: 14px;
    box-shadow: 0 2px 7px 0 rgb(0 0 0 / 45%);
    border-radius: 4px;
}

.trns_top_result {
    background-color: #0b2d49;
    border-radius: 4px 4px 0px 0px;
    padding: 5px 10px;
    color: white;
    font-size: 14px;
    letter-spacing: .3px;
}

.row.trnsfr_info p:first-child {
    font-size: 12px;
    font-weight: 600;
    color: #0b2d49;
    padding: 12px 0px 0px;
}

.trnsfr_info p:last-child {
    color: #4a4a4a;
    padding: 0px 0px;
    /* font-weight: 600; */
    font-size: 12px;
}

.chng_btn > button {
    font-size: 11px;
    letter-spacing: .3px;
    text-align: center;
}

.ht_result {
    padding: 28px 0px;
}

.start.col-sm-12 > span {
    margin-right: 2px;
    background-color: #0b2d49;
    padding: 4px 6px;
    color: white;
    border-radius: 4px;
    cursor: pointer;
    transition: .2s;
}

.start_count.col-sm-12 {
    margin-top: 14px;
}

    .start_count.col-sm-12 > span {
        text-align: center;
        padding: 4px;
        color: #7e7a7a;
        margin-right: 2px;
    }

.htlsrchbar {
    padding-top: 23px;
    border-bottom: 1px solid #8d8484;
    padding-bottom: 23px;
}

.lft-side-head {
    text-align: right;
    border-bottom: 1px solid gainsboro;
    padding-bottom: 20px;
}

.example {
    background-color: #0b2d49;
    display: flex;
}

.srch {
    width: 88%;
    font-weight: 400;
    background-color: #ffffff;
    border: 2px solid #0b2d49;
    padding: 4px 0px 4px 5px;
    font-size: 12px;
}

button.sidbarsrchbtn {
    border: none;
    background-color: #ffffff00;
    color: white;
    /* width: 100%; */
    padding-left: 6px;
}

#slider-range > span:nth-child(3) {
    left: 92% !important;
}

.trnsfer_modify_model {
    padding-bottom: 10px;
    padding-top: 14px;
}

.modal-content {
    border: 1px solid white;
}

.modal button.close {
    margin-top: -11px;
    margin-right: 1px;
    background-color: transparent;
    width: auto;
    right: 10px;
}

.trnsfer_modify_model {
    padding-bottom: 10px;
    padding-top: 14px;
}

.search-icon {
    position: relative;
}

    .search-icon i {
        position: absolute;
        top: 8px;
        left: 10px;
        color: #076ba7;
    }

    div#htl .search-icon input, .search-icon select {
        border-radius: 0px;
        padding: 4px 5px 4px 29px;
        font-size: 11px;
        height: 34px;
        width: 100%;
    }

i.fa.fa-user-plus.form-control-icon {
    font-size: 12px;
    left: -20px;
    top: 2px;
}

.modify_trnsfer input {
    margin-bottom: 11px;
}

select#exampleFormControlSelect1 {
    margin-bottom: 9px;
}

.modify_btn {
    width: 100%;
    border: 1px solid #061725;
    padding: 5px 5px 5px 5px;
    text-align: center;
    background-color: #061725;
    color: white;
    font-size: 15px;
    transition: .2s;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 62%;
        margin: 1.75rem auto;
    }
}

.ng-hide {
    display: none !important;
}

.ng-show {
    display: block !important;
}

ul.hotel-filter {
    color: black;
}

hotel-filter {
    font-weight: 500;
    font-size: 12px;
}

ul.star-filter label {
    font-size: 12px;
    color: #0b2d49;
    font-weight: 500;
}

.filter_type.star-rating input {
    margin-right: 10px;
    width: 12px;
}

hotel-filter-template i {
    font-size: 12px !important;
    color: rebeccapurple;
}

hotel-filter {
    font-weight: 500;
    font-size: 12px;
}

ul.star-filter label {
    font-size: 12px;
    color: #0b2d49;
    font-weight: 500;
}

.filter_type.star-rating input {
    margin-right: 10px;
    width: 12px;
    margin-top: 2px;
}

hotel-filter-template i {
    font-size: 12px !important;
    color: rebeccapurple;
}

.filter_type.star-rating li label {
    margin-bottom: 1px;
}

span.range-min, span.range-max {
    color: #0b2d49;
    font-size: 12px;
    font-size: 900;
}

span.range-min {
    float: left;
}

span.range-max {
    float: right;
}

hotel-temp star-rating {
    top: 4px !important;
    right: 5px !important;
}

.mnt-dtl:hover {
    background-color: #031f36;
    box-shadow: 1px 1px 2px 3px #ddcaca;
}

hotel-temp sub {
    bottom: inherit;
    font-size: inherit;
    margin-left: 4px;
}

.detail-content h1 {
    font-size: 24px;
    color: #fff;
    margin: 0 0 15px 0;
}

hotel-details .detail-content h1 {
    color: #0b2d49;
    padding-top: 15px;
}

hotel-details .detail-content star-rating {
    font-size: 15px;
}

hotel-details .detail-content .box-meta {
    border: 1px solid #0b2d496b;
    padding: 1px 8px;
    background-color: #0b2d4921;
    display: inline-block;
    margin-bottom: 27px;
    width: 100%;
}

.detail-content .box-meta li {
    display: inline-block;
    vertical-align: top;
    margin-right: 40px;
    font-size: 14px;
    color: #fff;
}

hotel-details .sticky-content ul.box-meta li {
    color: #0b2d49 !important;
}

.detail-content .top-tab {
    padding: 21px 37px 10px;
    border-radius: 4px 4px 0 0;
    background: #fff;
}

.detail-content .nav-tabs {
    border-bottom: 0px #dedede solid;
}

    .detail-content .nav-tabs li {
        margin: 0 20px 0 0;
    }

        .detail-content .nav-tabs li a {
            /* width: 105px; */
            font-size: 14px;
            color: #f9f9f9;
            border-radius: 0px;
            vertical-align: top;
            padding: 6px 8px;
            border: none;
            font-weight: 600;
            transition: 0.5s;
            background-color: #0b2d49;
        }

.detail-content .content-tabs {
    background: #fff;
    /* border-radius: 5px 5px 0 0; */
    overflow: hidden;
    /* padding: 0 20px; */
}

.sliderleft {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 100%;
    max-width: 100%;
}

.slider_bigimg > img {
    height: 330px;
    width: 100%;
}

.sliderleft {
    padding: 0;
}

.sliderrit {
    display: none;
}

.hotel_desc span.pre.ar-right {
    padding: 3px 7px 3px 6px;
    color: #ffffff;
    position: absolute;
    top: 50%;
    font-size: 18px;
    left: 17px;
}

.tour-amen h3 {
    font-size: 19px;
    text-transform: capitalize;
    font-weight: 700;
    color: #0b2d49;
    margin: 0 0 8px 0;
}

.tour-amen.clearfix h5 {
    font-size: 13px;
    margin-bottom: 10px;
}

.tour-amen ul li {
    font-size: 16px;
    color: #909090;
    width: 33.3%;
    float: left;
    padding: 7px 0;
}

.MealFilter input[type=checkbox] {
    width: auto !important;
    background: #ffffff;
    border-radius: 0.25em;
    box-shadow: 0 0 0 0.1em #c7cad1 inset;
}

.MealFilter input[type=checkbox] {
    margin-right: 15px !important;
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 1px solid #efefef !important;
    border-radius: 10px !important;
    margin-top: 20px;
}

.cust_add_bottom {
    padding-bottom: 2px;
}

    .cust_add_bottom legend {
        font-size: 14px;
        font-weight: 100;
        color: #ffffff;
        margin-bottom: 0;
        width: 28%;
        border-radius: 6px;
        padding: 10px 12px;
        background-color: #0b2d49;
        font-family: 'Libre Franklin', sans-serif;
        margin-bottom: 18px;
    }

.row.add_bottom_30.hidden-xs {
    padding-bottom: 10px;
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 6px 9px 5px 9px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    color: #fff !important;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #09abeb;
    border-radius: 18px;
}

.custbadge-center {
    text-align: center;
}

.custar-right {
    border-right: 1px solid #efefef;
    margin-bottom: 18px;
    min-height: 84px;
}

ul.list_ok li {
    line-height: 24px;
    width: 100%;
    font-size: 12px;
    padding: 0px 0px;
    color: #909090 !important;
}

ul.list_ok i {
    margin-right: 10px;
    color: #113c73;
    font-size: 12px;
}

ul.list_ok li a {
    width: 100%;
    font-size: 12px;
    padding: 0px 0px;
    color: #6f6a6a !important;
    border-bottom: 1px solid #6f6a6a;
    font-weight: 700;
}

span.capcity_item {
    font-size: 15px;
    color: #0b2d49;
    text-align: center;
    font-weight: 700;
    display: block;
}

    span.capcity_item i {
        font-weight: 700;
        margin-right: 5px;
        font-size: 16px;
        color: #113c73 !important;
    }

.hlt_detl span.capcity_item > span {
    font-size: 15px !important;
}

.capcity_item_center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.capcity_item_center {
    flex-direction: column;
}

.price_list {
    display: inline-block;
    min-height: 50px;
    font-size: 15px;
    color: #626263;
    width: 100%;
    margin-left: 0;
    text-align: center;
    font-weight: bold;
    font-family: 'Libre Franklin', sans-serif;
}

.btn-danger, .btn-default {
    background-color: #113c73 !important;
    border-color: #0b2d49 !important;
    min-width: auto;
    color: #fff;
}

button.btn.btn-danger.bok-btn {
    margin-top: 19px;
    width: auto;
    padding: 3px;
}

.cust_add_bottom > div > div > div.row.add_bottom_30.hidden-xs > div:nth-child(5) {
    margin: auto;
    text-align: center;
}

.price_list small {
    display: block;
}

.bok-btn {
    width: 146px;
    font-size: 13px !important;
}

.offer-detail {
    overflow: hidden;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}

#flightcheckout_form .panel-heading {
    padding: 10px 0px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

#flightcheckout_form .panel-heading {
    border-bottom: 0px solid #0b2d49;
    margin: 0px 5px;
}

.panel-body {
    font-size: 13px;
    line-height: 29px;
}

.amenities_lists span {
    display: block;
    font-size: 13px;
    color: #847f7f;
}

.amenities_lists .amenty_content.col-md-4.col-sm-4.col-xs-12 {
    display: block;
}

    .amenities_lists .amenty_content.col-md-4.col-sm-4.col-xs-12 span {
        display: inline-block;
        margin-right: 10px;
    }

    .amenities_lists .amenty_content.col-md-4.col-sm-4.col-xs-12 i {
        margin-right: 10px;
    }

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}

h3.panel-title strong {
    font-size: 20px;
    color: #0b2d49;
}

.panel-body.hasScroll {
    color: #847f7f;
}

.detail-content .tab-content p {
    font-size: 14px;
    color: #847f7f;
    margin-bottom: 33px;
}

hotel-details .general_description.have_details.add_bottom_30 p {
    margin-top: initial;
    margin-bottom: inherit;
}

.bn {
    width: 100%;
    background-image: url(/assets/SFOB2C/Backoffice/images/banner02.png);
    padding: 0px 0 0 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

app-index > .container-fluid {
    width: 100%;
    background-image: url(/assets/SFOB2C/Backoffice/images/banner02.png);
    padding: 0px 0 0 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.col_rw {
    background-color: whitesmoke;
}

.ui-widget.ui-widget-content {
    font-size: 12px !important;
    border: 1px solid #c5c5c5;
    width: 236px !important;
    font-weight: 500;
}

hotel-search-control .search-icon.traveller_box {
    border: 1px solid #061725;
    background-color: #ffffff !important;
    border-radius: 0px;
    padding: 6px 17px 4px 28px;
    font-size: 10px;
    height: 30px !important;
    font-weight: 500;
    color: #707070e6;
    letter-spacing: .5px;
}

hotel-search-control input#txt_guest {
    height: auto !important;
    border: none;
    background-color: transparent !important;
    padding: 0;
}

:focus-visible {
    outline: none;
}

.ui-widget-header {
    /*border: 1px solid #1c394f !important;*/
    background: #1c394f !important;
    color: #ffffff !important;
    font-weight: bold;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    background-color: white;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #ffffff;
    background-color: #0b2d49 !important;
}

a.ui-state-default:hover {
    color: white !important;
}

hotel-result .btn-primary {
    background-color: #0f9aeb !important;
    border-color: #0f9aeb !important;
    min-width: 92px;
}

span.next.ar-left {
    padding: 3px 7px 3px 6px;
    color: #ffffff;
    position: absolute;
    top: 45%;
    font-size: 18px;
    right: 17px;
}

ul.box-meta li {
    font-size: 12px !important;
    padding: 4px;
}

    ul.box-meta li i {
        margin-right: 10px;
    }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    color: #ffffff !important;
}

.form-infomation .tour-infomation {
    box-shadow: 0px 0px 4px #dedede;
    padding: 42px 30px 27px 30px;
    margin-bottom: 30px;
}

#flight_booking_steps .form-infomation .tour-infomation {
    padding: 20px 20px 3px 20px !important;
    margin-bottom: 4px !important;
    margin-top: 30px;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}

#flightcheckout_form .panel-body h4 {
    margin: 18px 0px;
    font-size: 15px;
    padding-left: 15px;
    color: #686868;
}

.form-group.form-check.bottom_checkbox {
    margin-top: 17px;
}

textarea.form-control {
    font-size: 12px;
}

.input-group.full_width input, .input-group.full_width select {
    font-size: 12px;
}

.form-infomation .tour-infomation h3 {
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 600;
    color: #191919;
    margin: 0 0 0px 0;
}

h3.panel-title strong {
    font-weight: 600;
    font-size: 18px;
}

span.icon_set_1_icon-70 i {
    margin-right: 10px;
}

.summery .flight-card {
    padding: 20px;
}

checkout_booking_wizard .form-wizard .flight-card {
    box-shadow: 0px 0px 4px #dedede !important;
}

.checkout_booking_wizard .summery .flight-card {
    margin-bottom: 0px;
}

checkout-fare-details {
    line-height: 21px;
    font-size: 12px;
}

.checkout_booking_wizard #flightcheckout_form .summery .flight-card {
    flex-direction: initial !important;
}

h3.sidebar_sec_title {
    font-size: 20px;
    font-weight: 400;
    font-size: 18px;
}

.checkout_booking_wizard .HotelBookingSummary {
    display: flex;
    padding-top: 10px;
}

.hotelImg img {
    border: 1px solid #a9a0a0;
    width: 105px;
    max-height: 150px;
    height: 92px;
}

.checkout_booking_wizard .hotelInfo {
    padding: 0px 8px;
}

div#flightcheckout_form .checkout_booking_wizard .hotelInfo > h4 {
    margin: 0px;
    padding-top: 0px;
    font-size: 13px;
    color: #7b7c7c;
}

input.form-control.ng-untouched.ng-pristine.ng-invalid {
    font-size: 12px;
    height: 38px;
}

aside#flight_trip_summary ul.list_icons i {
    font-size: 12px !important;
    width: 19px;
}

.checkout_booking_wizard .hotelInfo > p {
    color: #979191;
    padding-top: 5px;
    font-size: 13px;
}

aside#flight_trip_summary ul.list_icons {
    color: #919090;
    font-size: 12px;
    line-height: 31px;
}

.summery span.icon-calendar > i {
    font-size: 18px;
    margin-right: 7px;
}

aside#flight_trip_summary {
    margin-top: 30px;
    box-shadow: 0px 0px 4px #dedede;
    padding: 0px;
}



.form-actions button {
    cursor: pointer;
    padding: 9px;
    color: white;
    font-size: 12px;
    background-color: #0b2d49;
    border: none;
    border-radius: 0;
    width: 120px;
}

hotel-modify-component .search-item.city p {
    color: #0f9aeb;
}

hotel-modify-component .row.my-2.custmy-2 > form > div > div {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 100%;
    max-width: 50%;
}

hotel-modify-component input, hotel-modify-component select {
    height: 44px;
    font-size: 12px;
    border-color: #ab9e9e !important;
    border-radius: 4px !important;
    box-shadow: none;
}

hotel-modify-component .row.my-2.custmy-2 p {
    margin: 10px 0px;
    font-size: 13px;
    display: block;
    width: 100%;
    color: #0b2d49 !important;
    font-weight: 600;
}

#myModal > div > div > div > hotel-modify-component > div > form > div > div.col-md-2.col-sm-6.wdth-13.pd-lt-0.ar-right.custgustpopup > div > div {
    width: 100%;
    height: 44px;
    font-size: 12px;
    border-color: #ab9e9e !important;
    border-radius: 4px !important;
    box-shadow: none;
    /* padding: 12px; */
}

hotel-modify-component input#txtvpax {
    width: 100%;
    padding: 13px;
    box-shadow: none;
    border: 1px solid #8d8b8b;
}

hotel-modify-component button.btn.btn-primary.btn-search {
    height: 42px;
}

.room_block .col-sm-5.col-xs-5, .room_block .col-sm-7.col-xs-7 {
    display: inline-block;
    /* display: flex; */
}

.plus_minus_box {
    /* display: block; */
    /* width: 100%; */
    display: flex;
    /* max-width: 100px; */
}

    .plus_minus_box > button, .plus_minus_box > input {
        width: 30%;
        display: inline-block;
        padding: 0px;
        text-align: center;
        border: 1px solid #19364d;
    }

.col-sm-7.col-xs-7.ar-right > div {
    display: inline-block;
}

.room_block select {
    width: 76%;
    height: 30px !important;
}

i#Closebox {
    TEXT-ALIGN: RIGHT;
    color: #1a374e !IMPORTANT;
    FLOAT: RIGHT;
    display: none;
}

flight-result .fliter, flight-result .ht_result, flight-result .rit, flight-result .trnsfer_modify {
    color: black;
}

.flights__total {
    margin-bottom: 1rem;
    font-weight: 500;
}

    .flights__total span {
        font-size: 1.3rem;
    }

.top-flights {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 3rem;
}

    .top-flights .top-flight-card:not(:last-child) {
        margin-right: 2rem;
    }

.top-flight-card {
    border-radius: 1.5rem;
    box-shadow: 0 0 0.1rem HSLA(var(--color-purple), 0.1);
    display: -webkit-box;
    display: flex;
    padding: 2rem;
    background-color: #fff;
    cursor: pointer;
    -webkit-transition: 0.6s var(--ease-out-quart);
    transition: 0.6s var(--ease-out-quart);
}

.top-flight-card__price {
    margin-right: 1.5rem;
}

.top-flight-card__heading {
    margin-bottom: 0.4rem;
    font-weight: 500;
}

.top-flight-card__sub-heading {
    font-size: 1rem;
}

.top-flight-card.is-active,
.top-flight-card:hover {
    background-color: HSL(var(--color-purple));
    color: #fff;
}
/*.flights-list__item:not(:last-child) {
  margin-bottom: 2.5rem;
}*/
.summery .flight-card {
    flex-direction: column;
    align-items: baseline;
}

    .summery .flight-card .flight-card-content .flight-row .plane img {
        margin: 0 auto;
    }

    .summery .flight-card .flight-card-content .flight-row .plane:before {
        top: 24px;
        width: 112px;
    }

    .summery .flight-card .flight-card-content .flight-row .plane:after {
        top: 24px;
        width: 112px;
    }

.flight-card {
    border-radius: 1.5rem;
    box-shadow: 0 0 0.1rem HSLA(var(--color-purple), 0.1);
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    padding: 3rem;
    background-color: #fff;
}

.flight-card__airline {
    border-radius: 100%;
    overflow: hidden;
    -webkit-box-flex: 0;
    flex: 0 1 5rem;
    border: 0.2rem solid #fff;
}

    .flight-card__airline + .flight-card__airline {
        position: relative;
        top: -1.5rem;
    }

.flight-card__departure {
    margin-left: 2rem;
}

.flight-card__arrival {
    margin-right: 3rem;
    text-align: right;
}

.flight-card__route {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-flex: 1;
    flex: 1 0 auto;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 0 4rem;
}

.flight-card__duration,
.flight-card__type {
    font-size: 1.4rem;
}

.flight-card__type {
    margin-top: 1rem;
}

.flight-card__action {
    text-align: center;
}

.flight-card__time {
    display: inline-block;
    margin-bottom: 0.8rem;
    font-size: 2rem;
    font-weight: 500;
}

.flight-card__city {
    margin-bottom: 0.4rem;
    font-size: 1.5rem;
}

.flight-card__day {
    font-size: 1.4rem;
}

.flight-card__price {
    margin-bottom: 2rem;
}

.flight-card__cta {
    min-width: 16rem;
}

.flight-card {
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    border: 2px dotted #d5d5d5;
    padding: 10px 30px 26px;
}

    .flight-card .flight-card-content {
        width: 100%;
        height: auto;
        display: inline-block;
    }

        .flight-card .flight-card-content .flight-row {
            width: 100%;
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
        }

            .flight-card .flight-card-content .flight-row .plane {
                text-align: center;
                position: relative;
            }

                .flight-card .flight-card-content .flight-row .plane img {
                    width: 50px;
                }

                .flight-card .flight-card-content .flight-row .plane p {
                    font-size: 10px;
                    color: #b0a0a0;
                }

                .flight-card .flight-card-content .flight-row .plane:before {
                    content: '';
                    width: 80px;
                    border-bottom: 3px dotted #e1dbdb;
                    position: absolute;
                    top: 40px;
                    left: -75px;
                }

                .flight-card .flight-card-content .flight-row .plane:after {
                    content: '';
                    width: 80px;
                    border-bottom: 3px dotted #e1dbdb;
                    position: absolute;
                    top: 40px;
                    right: -75px;
                }

        .flight-card .flight-card-content .flight-from {
            text-align: left;
            float: left;
        }

        .flight-card .flight-card-content .flight-to {
            text-align: right;
            float: right;
        }

            .flight-card .flight-card-content .flight-from span, .flight-card .flight-card-content .flight-to span {
                display: block;
            }

            .flight-card .flight-card-content .flight-from .from-time, .flight-card .flight-card-content .flight-from .to-time, .flight-card .flight-card-content .flight-to .from-time, .flight-card .flight-card-content .flight-to .to-time {
                font-size: 20px;
                color: #B9B3B3;
                font-weight: 600;
            }

            .flight-card .flight-card-content .flight-from .from-city, .flight-card .flight-card-content .flight-from .to-city, .flight-card .flight-card-content .flight-to .from-city, .flight-card .flight-card-content .flight-to .to-city {
                font-size: 14px;
                color: #B3B3B3;
                font-weight: 400;
            }

        .flight-card .flight-card-content .flight-details-row {
            width: 100%;
            display: grid;
            padding: 30px 50px;
            grid-template-columns: 1fr 1fr 1fr;
        }

            .flight-card .flight-card-content .flight-details-row span {
                display: block;
            }

            .flight-card .flight-card-content .flight-details-row .title {
                color: #6a8597;
                font-size: 16px;
                letter-spacing: 3px;
            }

            .flight-card .flight-card-content .flight-details-row .detail {
                margin-top: .2em;
                color: #002C5F;
                font-size: 18px;
            }

            .flight-card .flight-card-content .flight-details-row .flight-operator {
                text-align: left;
                float: left;
            }

            .flight-card .flight-card-content .flight-details-row .flight-class {
                float: right;
                text-align: right;
            }

            .flight-card .flight-card-content .flight-details-row .flight-number {
                padding-left: 80px;
            }

.fltHpyDtlInfo table,
.fltHpyDtlInfo table thead th {
    background: #fff !important;
    color: #000 !important;
}

.stopsLoader1 {
    width: 100%;
    height: 30px;
    background-image: linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5) 100%, rgba(255, 255, 255, 0) 100%), linear-gradient(RGBA(119, 153, 190, .2) 100%, transparent 0);
    background-repeat: no-repeat;
    background-size: 20px 100%, 100% 100%, 100% 70px;
    background-position: 0 100%, 0 0px, 0 72px;
    animation: slAnim 1s infinite;
}

span.stopsLoader1 {
    vertical-align: middle;
    display: inline-block;
}

.stopsLoader1 {
    width: 100%;
    height: 30px;
    background-image: linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5) 100%, rgba(255, 255, 255, 0) 100%), linear-gradient(RGBA(119, 153, 190, .2) 100%, transparent 0);
    background-repeat: no-repeat;
    background-size: 20px 100%, 100% 100%, 100% 70px;
    background-position: 0 100%, 0 0px, 0 72px;
    animation: slAnim 1s infinite;
}

span.stopsLoader1 {
    vertical-align: middle;
    display: inline-block;
}
/*Animation for Result Begin*/
.stopsLoader:empty {
    width: 20%;
    height: 60px;
    background-image: linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(RGBA(119, 153, 190, .2) 40px, transparent 0), linear-gradient(RGBA(119, 153, 190, .2) 10px, transparent 0);
    background-repeat: no-repeat;
    background-size: 20px 70px, 100% 70px, 100% 70px;
    background-position: 0 0, 0 0, 0 50px;
    animation: slAnim 1s infinite;
}

@keyframes slAnim {
    to {
        background-position: 100% 0, 0 0, 0 50px;
    }
}

@keyframes airLgolist {
    to {
        background-position: 100% 10px, 10px 10px, 42% 10px, 96% 10px
    }
}

@keyframes normlist {
    to {
        background-position: 100% 10px, 10px 10px, 95% 10px
    }
}

@keyframes fltDtLoader {
    to {
        background-position: 100% 10px, 0 10px
    }
}

@keyframes depArvLoader {
    to {
        background-position: 100% 10px, 0 10px, 0 35px
    }
}

@keyframes fltLegLoad {
    to {
        background-position: 100% 0, 10px 15px, 5% 10px, 15% 10px, 15% 35px, 30% 8px, 80% 10px, 98% 10px, 55% 22px, 55% 8px, 55% 33px, 2% 60px, 20% 60px, 38% 60px, 56% 60px, 74% 60px, 94% 60px
    }
}

@keyframes fltPrceLoader {
    to {
        background-position: 100% 0, 5% 0, 5% 25px, 5% 50px, 5% 105px
    }
}


flight-result .short-by-show ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

    flight-result .short-by-show ul li {
        width: 24%;
    }

        flight-result .short-by-show ul li select {
            height: 33px;
            line-height: 33px;
            padding: 0px 12px;
            border: 1px solid #ddd;
            background: transparent;
            border-radius: 0px;
            background-color: #fff;
            width: 100%;
            color: #888383;
        }




@media (max-width: 767px) {
    .sight_row > div {
        padding: 0px 15px;
    }

    #banner .toggle_icon {
        color: #0b2d49 !important;
    }

    flight-result .short-by-show ul {
        flex-direction: column;
    }

        flight-result .short-by-show ul li select {
            width: 100%;
        }

    flight-result .filters-panel {
        padding: initial !important;
    }
}

div#contentpage {
    width: 100%;
    max-width: 1144px;
    margin-right: -15px;
    margin-left: -15px;
    margin: auto;
    max-width: 1140px;
    width: 100%;
    /* padding-right: 15px; */
    /* padding-left: 15px; */
    margin-right: auto;
    margin-left: auto;
    padding-top: 30px;
    font-size: 13px;
    font-weight: 500;
    padding-bottom: 30px;
}


div#contentpage {
    font-size: 12px;
}

    div#contentpage .form-group {
        padding: 0;
    }

    div#contentpage .no-margin.skin-color {
        margin-bottom: 10px;
        margin-left: 10px;
        padding-bottom: 10px;
        font-size: 15px !important;
        /* background-color: red; */
        border-bottom: 1px solid gainsboro;
    }

        div#contentpage .no-margin.skin-color label {
            padding-bottom: 10px;
            font-size: 20px !important;
            /* background-color: red; */
        }

    div#contentpage div#divHTML a {
        color: white;
        background-color: #0b2d49;
        font-weight: 500;
        border: 1px solid #0b2d49;
        border-radius: 2px;
        padding: 4px 7px;
    }

    div#contentpage div#divHTML {
        padding-left: 10px;
    }

div#tblPayment .col-sm-2 {
    font-weight: bold;
}

.col-sm-4 textarea#Remarks {
    margin-top: 0px;
}

div#contentpage label {
    /*margin-top: 0.3rem;*/
    font-size: 12px;
    font-weight: bold
}

div#contentpage .form-group .col-md-6 {
    margin: 5px 0px;
    display: flex;
}

div#contentpage .form-group .list-inline {
    padding-left: 0;
    list-style: none;
    display: flex;
    margin-bottom: 0px;
}

    div#contentpage .form-group .list-inline li {
        margin: 0px 5px;
    }

div#contentpage button {
    font-size: 12px;
}

div#contentpage ul.list-inline li {
    margin: 0px 2px;
}

div#contentpage input {
    padding-right: 10px !important;
    margin-right: 4px;
}

div#contentpage form {
    margin-top: 18px;
    padding-top: 13px;
}

div#contentpage .form-group {
    padding: 0;
    margin-bottom: 0px !important;
}

div#contentpage::placeholder {
    font-size: 12px;
}

div#contentpage::placeholder, div#contentpage select {
    font-size: 12px !important;
}

div#contentpage {
    min-height: 500px;
    margin-bottom: 10px;
    border-radius: 2px;
    font-size: 12px;
    background-color: #f1f1f187;
    padding: 20px 10px;
    margin-top: 10px;
    box-shadow: 0px 1px 3px 1px #dcdcdcb0;
}

    div#contentpage button.btn, div#contentpage #CompanyDetail input.btn.btn-info.btn-block {
        float: right;
        width: 112px !important;
        margin-right: 0px;
        margin-top: 10px;
        border: 1px solid #0b2d49;
        padding: 4px 14px;
        text-align: center;
        background-color: #0b2d49;
        color: white;
        transition: .2s;
        border-radius: 4px;
        font-size: 12px;
        height: 31px !important;
        margin-right: 1px;
    }

    div#contentpage a.btn.btn-primary {
        FONT-SIZE: 12PX;
        color: white;
        color: white;
        background-color: #0b2d49 !important;
        font-weight: 500;
        border: 1px solid #0b2d49 !important;
        border-radius: 2px;
        padding: 4px 7px;
    }

    div#contentpage li.nav-item.active a {
        background-color: #0b2d49 !important;
        color: white;
    }

    div#contentpage .txt-box-t td button {
        FONT-WEIGHT: 400;
        padding: 3px 13px;
        border: 1px solid gainsboro;
        background-color: #0b2d49;
        color: white;
    }

    div#contentpage .nav-pills .nav-link {
        border-radius: .25rem;
        background-color: #0b2d4966;
        color: #0b2d49;
        font-weight: 600;
    }

    div#contentpage select#servicesddl {
        height: 34px !important;
    }

    div#contentpage .form-group .list-inline li {
        margin: 0px 5px;
        display: flex;
        align-items: baseline;
    }

    div#contentpage .form-group .colmd-6 {
        display: flex;
    }

    div#contentpage .tab-content-title {
        font-size: 24px;
    }

    div#contentpage button#SearchQuerybtn {
        background-color: #0b2d49;
        color: white;
        margin: 0px !important;
        border: 1px solid #0b2d49;
    }

    div#contentpage .caret {
        display: none;
    }

    div#contentpage div#TabName {
        display: flex;
        margin-bottom: 10px;
        font-size: 12px;
    }

    div#contentpage .btn-info {
        font-size: 12px;
    }

    div#contentpage div#Managesupplierfeeds b {
        font-weight: normal;
    }

    div#contentpage div#Managesupplierfeeds {
        margin-bottom: 10px;
    }

    div#contentpage button.btn.btn-primary.btn-sm {
        width: 136px !important;
        display: inline-block;
    }

    div#contentpage a#btnAddNew {
        font-size: 11px;
    }

    div#contentpage a.btn.btn-success.btn-sm {
        color: white;
        font-size: 11px;
    }

    div#contentpage table#dataTable .btn {
        margin: 0px;
    }

    div#contentpage div#dataTable_wrapper {
        font-size: 10px;
    }

    div#contentpage table#dataTable .btn {
        margin: 0px;
        font-size: 11px;
    }



    div#contentpage ul#ContainTab li.active a {
        background-color: #0b2d49;
    }

    div#contentpage ul#ContainTab li {
        margin-right: 3px;
    }

    div#contentpage ul#ContainTab {
        margin-top: 16px;
    }

    div#contentpage ul#ContainTab {
        border-bottom: 0px solid #113c73a6;
    }

    div#contentpage input#BtnSbmtData, div#contentpage input#BtnSbmtSecond {
        font-size: 10px !important;
        font-size: 12px;
        width: 117%;
        text-align: center;
        align-items: center;
        padding: 0px !important;
    }

    div#contentpage div#dashboard hr {
        display: none;
    }

    div#contentpage .paginate_button, div#contentpage a#tblManagePrefered_next, div#contentpage a#tblManagePrefered_previous {
        width: 81px;
        background-color: #0b2d49 !important;
        color: white !important;
        font-size: 11px;
        font-weight: 300;
        margin-top: 7px;
    }

.navbar button.navbar-toggle {
    display: none;
}

div#contentpage .nav-tabs > li {
    margin-right: 4px;
}

    div#contentpage .nav-tabs > li a {
        color: #56b3ff;
    }

div#contentpage .nav-tabs > li {
    /* padding: 5px; */
    margin-right: 0px;
    border: 1px solid #009cdb2e;
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    padding: 10px 10px;
    margin-right: 6px;
}

div#contentpage div#CompanyDetail {
    padding-top: 10px;
}

div#contentpage .nav-tabs > li.active {
    color: #ffffff;
    border: 1px solid #113c73a6;
    border-bottom-color: transparent;
    background-color: #0b2d49;
}

div#contentpage div#aircraft > div {
    display: flex;
}

div#contentpage div#Bookingclass ul.list-inline li {
    width: 10%;
    display: inline-block;
}

div#contentpage ul.list-inline li {
    width: 13%;
    display: inline;
}

.fade {
    opacity: 1 !important;
}

div#contentpage #aircraft > div:nth-child(34) {
    DISPLAY: INLINE-BLOCK;
}

div#contentpage .all-bordr.form-section {
    padding-top: 19px;
}

div#contentpage div#tblPnr_wrapper .dataTables_filter label {
    top: -135px;
}

div#contentpage div#tblsection {
    background-color: #0b2d49 !important;
    width: 100%;
}

    div#contentpage div#tblsection > div > div {
        font-size: 12px;
        display: inline-block;
        width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 20%;
        max-width: 18%;
    }

div#contentpage .person-information button.btn {
    margin-top: 0px;
}

div#contentpage .row.ff_pos > div {
    width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 20%;
    max-width: 19.333333%;
}

div#contentpage div#tdPay > div {
    width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 20%;
    max-width: 19.333333%;
}

div#contentpage div#tdPay > .col-sm-5 {
    /* width: 50%; */
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 29%;
    max-width: 29.333333%;
}

div#contentpage .bt_pos {
    text-align: right;
}

div#contentpage .form-group.row.roww_pos {
    margin-bottom: 13px;
    padding-bottom: 8px !important;
}

div#contentpage .select_htl_pos {
    width: 100%;
    padding-left: 14px;
}

div#contentpage .person-information .form-group.row {
    padding-bottom: 10px !important;
}

.navbar-nav > li > .dropdown-menu > .col-sm-3 {
    width: 100%;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin: 0;
    padding: 0;
}

div#contentpage div#divHTML table {
    width: 100%;
}

    div#contentpage div#divHTML table th, div#divHTML table td {
        padding: 7px 0px !important;
    }

.bluetophead {
    background: #0b2d49 !important;
}

.table > thead > tr > th {
    background: #0b2d49;
    color: #fff;
}

div#contentpage .person-information input#btnSave {
    margin-top: 10px;
    background-color: #0b2d49;
    color: white;
    text-align: center;
    padding: 10px;
    border: none;
    float: left;
    font-size: 12px;
    width: 112px !important;
    margin-right: 0px;
    margin-top: 10px;
    /* width: 100%; */
    border: 1px solid #0b2d49 !important;
    padding: 4px 14px;
    text-align: center;
    background-color: #0b2d49 !important;
    color: white;
    font-size: 16px;
    transition: .2s;
    height: 46px;
    border-radius: 4px;
    border-radius: 0px;
    /* padding: 4px 5px 4px 34px; */
    font-size: 12px;
    height: 31px !important;
}

div#contentpage .person-information a.paginate_button.current {
    color: #7e7e7e !important;
}

div#contentpage .tab-pane.fade .form-group.row > div {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 24.666667%;
    max-width: 25.666667%;
    margin-bottom: 19px;
}

div#contentpage div#divAllMenus .card.card-body {
    margin: 2px;
}

div#contentpage .card.card-body h4 {
    margin: 5px;
    font-size: 20px;
    padding: 0px;
}

div#contentpage table#tblResult {
    margin-top: 10px;
}

div#divAllMenus .form-group.row-2 {
    display: flex;
    flex-direction: row;
    font-size: 12px;
}

div#contentpage #CompanyDetail .person-information .nav-tabs {
    border-bottom: 0px solid #113c73a6;
}

div#contentpage #CompanyDetail form {
    margin-top: 0px;
    padding-top: 4px;
}

div#contentpage #CompanyDetail .no-margin.skin-color {
    padding-bottom: 30px;
}

div#contentpage #CompanyDetail input, div#contentpage #CompanyDetail select, div#contentpage #CompanyDetail textarea {
    padding-right: 10px !important;
    margin-right: 4px;
    font-size: 12px !important;
    border: 1px solid #a3a3a3;
    background-color: #ffffff !important;
    border-radius: 2px;
    padding: 4px 17px 4px 17px;
    font-size: 10px;
    height: 30px !important;
    font-weight: 500;
    color: #707070e6;
    letter-spacing: .5px;
    width: 100%;
}

div#contentpage form#formid .person-information > div > div {
    padding-left: 0px;
}

div#contentpage #dashboard #tbody .form-group.row > div {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

div#divHTML td {
    padding-bottom: 10px !important;
    /* margin-top: 10px!important; */
    padding: 0px !important;
    /* padding-top: 8px!important; */
}

div#contentpage #dashboard #tbody .form-group.row > div > div {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 14%;
    max-width: 19%;
    display: inline-block;
}

div#contentpage #dashboard #tbody a.btn.btn-danger.btn-sm {
    font-size: 11px;
}

div#contentpage .tab-container.full-width-style.arrow-left.dashboard.firstchildcontainer {
    /* padding: 31px; */
    background-color: #f8f8f8 !important;
    margin: 7px;
}

div#contentpag div#test0 {
    display: flex;
}

.pos_buy, .pos_fare, .pos_netfare {
    display: flex;
}

    .pos_fare > div, .pos_netfare > div {
        -webkit-box-flex: 0;
        -webkit-box-flex: 0;
        -webkit-box-flex: 0;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 16.5%;
        max-width: 100%;
        margin-top: 9px;
    }

div#contentpage div#test0 {
    display: flex;
}

.pos_info {
    position: absolute;
    right: 112px;
}

div#contentpage ul.list-inline li {
    width: auto;
    display: inline;
}

div#contentpage .all-bordr.form-section ul.list-inline li {
    display: flex !important;
}

.pageLoader {
    width: 100%;
    min-height: 30px;
    background-image: linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 100%, rgba(255, 255, 255, 0) 100%), linear-gradient(RGBA(119, 153, 190, 0.2) 100%, transparent 0);
    background-repeat: no-repeat;
    background-size: 20px 100%, 100% 100%, 100% 70px;
    background-position: 0 100%, 0 0px, 0 72px;
    animation: pageLoaderAnim 1s infinite;
}

@-webkit-keyframes pageLoaderAnim {
    to {
        background-position: 100% 0, 0 0, 0 50px;
    }
}

@-moz-keyframes pageLoaderAnim {
    to {
        background-position: 100% 0, 0 0, 0 50px;
    }
}

@-ms-keyframes pageLoaderAnim {
    to {
        background-position: 100% 0, 0 0, 0 50px;
    }
}

@-o-keyframes pageLoaderAnim {
    to {
        background-position: 100% 0, 0 0, 0 50px;
    }
}

@keyframes pageLoaderAnim {
    to {
        background-position: 100% 0, 0 0, 0 50px;
    }
}

@-webkit-keyframes slAnim {
    to {
        background-position: 100% 0, 0 0, 0 50px;
    }
}

@-moz-keyframes slAnim {
    to {
        background-position: 100% 0, 0 0, 0 50px;
    }
}

@-ms-keyframes slAnim {
    to {
        background-position: 100% 0, 0 0, 0 50px;
    }
}

@-o-keyframes slAnim {
    to {
        background-position: 100% 0, 0 0, 0 50px;
    }
}

@keyframes slAnim {
    to {
        background-position: 100% 0, 0 0, 0 50px;
    }
}

span.pageLoader {
    vertical-align: middle;
    display: inline-block;
}

.search-bg.m-1 label {
    display: none;
}


.search-bg.m-1 label, .search-bg.m-1 i {
    display: none;
}

fixpkg-search select.form-control, fixpkg-search input.form-control {
    border: 1px solid #061725;
    background-color: #ffffff !important;
    border-radius: 3px;
    padding: 4px 17px 4px 17px;
    font-size: 10px;
    height: 30px !important;
    font-weight: 500;
    color: #707070e6;
    letter-spacing: .5px;
    border-radius: 0px;
    padding: 4px 5px 4px 29px;
    font-size: 11px;
}

fixpkg-result .filter-container h3 {
    padding-bottom: 10px;
    letter-spacing: .3px;
    color: #000000;
    font-weight: 600;
    font-size: 24px;
    border: 0px dashed #0b2d49;
    margin-bottom: 13px;
    padding: 9px;
    background-color: #113c730d;
}

fixpkg-result ul.filter-options li label {
    padding-left: 8px;
    color: #706e6e;
    font-size: 11px;
    vertical-align: top;
    width: 93%;
}

fixpkg-result span.range-min, fixpkg-result span.range-max {
    line-height: 33px;
}

fixpkg-result h4.filter-title {
    font-weight: 600;
    font-size: 16px;
    padding: 2px 0px 13px;
    color: #0b2d49;
    width: 100%;
    display: block;
}

.filter-section {
    box-shadow: 0 0 8px #565656 !important;
    padding: 15px 8px 29px 8px;
    border-radius: 4px;
    margin-bottom: 20px;
    background: #f8f8f8;
}

.ui-widget.ui-widget-content.ui-slider-horizontal {
    width: 95% !important;
    margin-left: 3px;
}

.ui-widget.ui-widget-content.ui-autocomplete {
    width: 300px !important;
}

.fixpkg-result {
    width: 100%;
    border: none;
    box-shadow: 0px 0px 8px #eee;
    overflow: hidden;
    padding: 0px 10px 0px 10px;
    /* display: flex; */
    margin-top: 0px;
    border: 1px solid #edebeb;
    border-radius: 4px;
}

img.pkg-image {
    height: 200px;
    max-height: 200px;
    width: 100%;
    border-radius: 7px;
    padding-top: 5px;
}

fixpkg-result .fixpkg-result .row .col-md-3:first-child {
    padding-right: 0;
}

.pkg-title {
    padding-top: 10px;
    font-weight: bold;
    margin-top: 0px;
    font-size: 18px;
    color: #000;
    margin-bottom: 4px;
}

fixpkg-result .pkg-title span.pkg-duration {
    color: #0f9aeb;
    padding-left: 1px;
    font-size: 15px;
}

.hotel-name {
    font-size: 12px;
    color: #959595;
    font-weight: bold;
    letter-spacing: .5px;
}

.fixpkg-result .hotel-room {
    padding-top: 10px;
}

    .fixpkg-result .hotel-room div {
        font-size: 13px !important;
        color: #a19999;
    }

fixpkg-result .pkg-includes li {
    margin-top: 9px;
    margin-bottom: 0px;
    cursor: pointer;
    border-radius: 0 40px 0 40px;
    transition: all linear 0.2s;
    text-align: center;
    border: 3px solid #c6c6c67d;
    min-width: 111px;
    box-shadow: 0px 0 10px #eee;
    display: inline-block !important;
}

.fixpkg-result .pkg-includes ul li a {
    color: #0076be !important;
    font-weight: 500;
}

.pkg-includes ul li a img {
    height: initial !important;
}

fixpkg-result .pkg-includes li span {
    text-align: center;
    display: block;
    color: black;
    padding-left: 6px;
}

.fixpkg-result .row .col-md-3.text-center {
    border-left: 1px solid gainsboro;
    border-left-style: dotted;
}

.fixpkg-result .pkg-trip-date {
    color: #525253;
    font-size: 14px;
    font-weight: 500;
    padding-top: 8px;
}

.fixpkg-result .pkg-date {
    color: #0076be;
    font-size: 13px;
    font-weight: 500;
}

.fixpkg-result .pkg-price {
    color: #696967;
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 0px;
}

.fixpkg-result .btn {
    width: 100%;
    margin: 5px 0px;
}

fixpkg-result .modal-content {
    max-height: 450px;
    overflow: auto;
}

fixpkg-result .modal-content {
    border-bottom: 6px solid #0b2d49 !important;
}

fixpkg-result .modal-header {
    border-bottom: 1px solid gainsboro !important;
    background-color: #0b2d49 !important;
    color: white !important;
    font-size: 12px;
}

fixpkg-result .modal-title {
    margin: 0 !important;
    line-height: 1 !important;
    font-size: 14px;
}

fixpkg-result button.close {
    color: white !important;
    opacity: 1 !important;
    position: absolute !important;
    top: 3px !important;
    right: -3px !important;
    margin-top: -12px !important;
}

fixpkg-result .flt-seg-title {
    border-top: 1px solid gainsboro !important;
    color: #0076be !important;
    border-bottom: 1px solid gainsboro !important;
    margin: 10px 0px !important;
    padding: 5px 0px !important;
    font-size: 12px;
}

.fixpkg-include-flight .flt-seg-desc {
    padding-top: 15px;
}

fixpkg-result .flt-seg-desc .row div {
    text-align: center !important;
    vertical-align: middle !important;
    font-weight: 500 !important;
    font-size: 11px !important;
}

fixpkg-include-flight .flt-seg-desc > .row > .col-md-3.col-xs-6 {
    flex-direction: column;
}

fixpkg-include-flight .flt-seg-desc img {
    margin: auto !important;
}

fixpkg-result .flt-seg-desc .row div {
    text-align: center !important;
    vertical-align: middle !important;
    font-weight: 500 !important;
    font-size: 13px !important;
}

.flight_border_line {
    border-bottom: 1px dotted #bdbdbd;
}

fixpkg-result .flight_border_line::before {
    content: '';
    color: #e26d6d;
    background-color: #0076be;
    height: 14px;
    width: 14px;
    position: absolute;
    left: 2px;
    top: 12px;
    border-radius: 50%;
}

fixpkg-result .flight_border_line::after {
    content: '';
    color: #e26d6d;
    background-color: #0076be;
    height: 14px;
    width: 14px;
    position: absolute;
    right: 2px;
    top: 13px;
    border-radius: 50%;
}

span.pkg-name {
    display: block;
}

.fixpkg-result button.btn {
    border-radius: 0px;
    font-size: 13px;
    background-color: #0b2d49 !important;
    border-color: #0b2d49 !important;
    min-width: 92px;
}

fixpkg-modify .modify-container > div > form {
    box-shadow: 0 2px 4px #eee !important;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 2px 11px 0px;
}

.container.px-containr form {
    display: flex;
    flex-direction: row;
    width: 100%;
    box-shadow: 0px 3px 8px #0b2d498a !important;
}

.form-row.pax-form-row {
    width: 87% !important;
    padding-bottom: 13px;
}

.flx_btn {
    width: 57% !important;
    margin: 0px;
    padding: 0 4px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 17.333333%;
    max-width: 27.333333%;
}

fixpkg-modify .form-row > div {
    width: 20%;
    padding: 0 2px;
    margin-top: 8px;
    display: block;
    width: 100%;
}

    fixpkg-modify .form-row > div label {
        color: #868686;
    }

fixpkg-result .modify-container i {
    display: none;
}

fixpkg-modify .form-row > div select {
    border: 1px solid gainsboro;
}

fixpkg-modify .pax-modify_btn .btn {
    width: 100%;
    margin-top: 0px !important;
    text-transform: capitalize;
    border-radius: 3px !important;
    font-size: 16px !important;
    background-color: #0b2d49;
    color: white;
    font-family: 'Libre Franklin', sans-serif;
    letter-spacing: .4px;
    font-weight: 500;
    margin-bottom: 15px;
}

fixpkg-result > div {
    padding-top: 20px !important;
}

fixpkg-modify p.text-left.pl-2 {
    color: #0b2d49 !important;
}

fixpkg-modify .form-row > div select, fixpkg-modify .form-row > div input {
    height: 39px !important;
    font-size: 13px;
    border-radius: 0px;
    border: 1px solid #0b2d4963;
    background-color: #f3f5f8 !important;
}

fixpkg-modify .form-row > div label {
    font-size: 13px;
    font-weight: 500;
    padding-left: 4px;
    margin-bottom: 1px;
}

fixpkg-modify .collapse-pax {
    position: absolute;
    z-index: 10000;
    position: absolute;
    background-color: #0b2d49;
    border-radius: 4px;
    padding: 10px;
    margin-top: 5px;
    width: 279px;
    color: white;
}

    fixpkg-modify .collapse-pax label {
        color: white !important;
        font-size: 12px !important;
        font-weight: 300;
    }

.form-group.pax-collapse-pax-form-grp select, .form-group.pax-collapse-pax-form-grp input {
    height: 25px !important;
    width: 65px;
    border: 1px solid #c5cdd3;
    color: #c5cdd3 !important;
}

fixpkg-modify button.btn.text-light.donebtn {
    width: 100%;
    background-color: #0f9aee;
    font-size: 13px;
    border-radius: 0px;
    padding: 3px 16px;
}

fixpkg-modify .text-left.room-count {
    font-size: 12px;
}

fixpkg-modify .pax-cadult, fixpkg-modify .pax-cchild, fixpkg-modify .pax-cinfant, fixpkg-modify .pax-cbed {
    width: 100%;
    border: 1px solid red;
    color: white !important;
    border: 1px solid #7a7474 !important;
    height: 24px !important;
}

.collapse-pax.selected_box_bottom {
    position: absolute;
    z-index: 10000;
    position: absolute;
    background-color: #0b2d49;
    border-radius: 4px;
    padding: 10px;
    margin-top: 5px;
    width: 279px;
    color: white;
}

.text-left.room-count {
    font-size: 12px;
}

.collapse-pax.selected_box_bottom label {
    color: white !important;
    font-size: 12px !important;
    font-weight: 300;
    display: block;
}

button.btn.btn-primary.donebtn {
    width: 100%;
    background-color: #a9c4e9;
    font-size: 13px;
    border-radius: 0px;
    padding: 3px 16px;
}

.select-space select, .select {
    width: 100%;
    font-size: 12px;
    padding: 3px;
}

select {
    font-size: 12px;
    padding: 4px;
}

.collapse-pax.selected_box_bottom {
    width: 120%;
    position: absolute;
    z-index: 10000;
    position: absolute;
    background-color: #0b2d49;
    border-radius: 4px;
    padding: 10px;
    margin-top: 5px;
    width: 279px;
    color: white;
}

fixpkg-search .select-space select, fixpkg-search .select {
    padding: 3px;
    width: 100%;
    font-size: 12px;
}

.pkg-alldet .price-summary .modal-content {
    box-shadow: none !important;
    border: 1px solid gainsboro !important;
}

fix-package-detail .modal-content {
    position: inherit;
}

fix-package-detail > div {
    padding-top: 12px !important;
}

fix-package-detail .pkg-title {
    padding: 15px;
    border: 1px solid #ddd;
}

.pkg-title {
    padding-top: 10px;
    font-weight: bold;
    margin-top: 0px;
    font-size: 18px;
    color: #747272;
    margin-bottom: 4px;
}

fix-package-detail .pkg-title h4 {
    font-size: 18px;
}

.FlightInfo > .col-md-12 {
    padding: 0px;
}

.FlightInfo > .col-md-12 {
    padding: 0px;
}

fix-package-detail .pkg-slider-container {
    margin: 10px 0;
}

    fix-package-detail .pkg-slider-container .pkg-slider {
        position: relative;
    }

    fix-package-detail .pkg-slider-container .pkg-slider {
        position: relative;
    }

        fix-package-detail .pkg-slider-container .pkg-slider img.pkg-slider-img {
            width: 100%;
            max-height: 500px;
        }

fix-package-detail .tabs {
    margin: 10px 0;
}

    fix-package-detail .tabs ul.pkg-tabs {
        margin: 0;
    }

        fix-package-detail .tabs ul.pkg-tabs li {
            list-style: none;
            display: inline-block;
            margin-right: 5px;
        }

            fix-package-detail .tabs ul.pkg-tabs li a.active {
                background-color: #0b2d49;
                color: #fff;
            }

            fix-package-detail .tabs ul.pkg-tabs li a {
                display: block;
                padding: 10px;
                text-decoration: none;
                cursor: pointer;
                background-color: #eee;
            }

.tab-content {
    /*padding: 15px 15px 10px;*/
    margin-bottom: 20px;
    z-index: 2;
    border-top: 0px;
}

fix-package-detail .tabs .tab-content {
    padding: 10px;
    border: 1px solid #0b2d49;
}

.pkgDetail-container {
    box-shadow: 0 0 5px #abb0b7;
    margin-bottom: 10px;
}

    .pkgDetail-container .pkgDetail-heading {
        padding: 10px;
        background-color: #0b2d49;
        color: #fff;
        font-size: 14px;
    }

    .pkgDetail-container .pkgDetail-body {
        padding: 10px;
    }

        .pkgDetail-container .pkgDetail-body > div {
            border: 1px solid #ddd;
            padding: 15px;
        }

.col-md-12.col-sm-12.custpax_col12 {
    position: relative;
}

fixpkg-detail-hotel > .row > .col-md-4 img {
    max-height: 158px !important;
    width: 100% !important;
}

fix-package-detail-temp .hotel-name {
    color: #4d4e4e;
    font-weight: bold;
    letter-spacing: .5px;
}

.marginextra .hotel-name {
    font-size: 19px;
}

fixpkg-detail-hotel .hotel-location {
    color: #0378bf !important;
    font-size: 12px !important;
}

.marginextra .hotel-location i {
    color: #0378bf;
}

.custpax_col12 fixpkg-detail-hotel div#rooms_0 {
    border: 1px solid #ddd;
    border-top: 0;
    border-top: 1px solid #ddd;
    margin-top: 18px;
    font-size: 12px;
}

    .custpax_col12 fixpkg-detail-hotel div#rooms_0 .row {
        margin: 0;
        border-bottom: 1px solid #eee;
    }

        .custpax_col12 fixpkg-detail-hotel div#rooms_0 .row > div {
            padding: 10px;
        }

.salereport input[type=checkbox], fix-package-detail input[type=radio] {
    margin: 4px 5px 0 !important;
}

fix-package-detail .modal-content {
    position: inherit;
}

.pkg-alldet .price-summary .modal-content {
    box-shadow: none !important;
    border: 1px solid gainsboro !important;
}

.pkg-alldet .price-summary .modal-header span {
    font-weight: 600;
    color: #484747;
}

.fxpack-det div#priceSummary {
    color: #002e6e;
    font-weight: 700;
}

    .fxpack-det div#priceSummary table tr:first-child td {
        color: #0b2d49 !important;
    }

#tblBreakup {
    box-shadow: 0px 0px 4px -1px #8a8888 !important;
    border: 1px solid #0378bf !important;
    border-radius: 10px !important;
}

#tblBreakup {
    margin-top: 40px;
}

.tbl_heading {
    background-color: #0378bf !important;
    font-size: 14px !important;
}

.tbl_heading {
    padding: 5px;
    background-color: #002e6e;
    color: #fff;
    border-radius: 10px 10px 0 0;
    font-size: 18px;
    text-align: center;
}

.inner_tbl th:nth-child(1), .inner_tbl td:nth-child(1) {
    width: 30% !important;
    text-align: center !important;
}

.tbl_footer td {
    padding-top: 5px;
    border-top: 1px solid #808080;
}

.inner_tbl th:nth-child(1), .inner_tbl td:nth-child(1) {
    width: 50%;
    text-align: left;
    padding: 5px;
}

filter-template ul {
    font-size: 12px;
    color: #727070;
}

    filter-template ul label {
        margin-left: 12px;
        width: 85%;
    }

span.lwr-price {
    float: right;
}

filter-template .side-lbl {
    font-size: 15px;
    margin-bottom: 15px;
    font-weight: 500;
    color: #0b2d49;
}


.module-travel.clearfix h3 {
    font-size: 15px;
    margin-bottom: 15px;
    font-weight: 500;
    color: #0b2d49;
}

.custpax_col12 .btn {
    background-color: #0b2d49 !important;
    border-radius: 0px;
    position: absolute;
    top: -1px;
    right: 4px;
    letter-spacing: .3px;
    font-size: 12px;
    padding: 5px;
    width: auto;
    border-color: #0b2d49 !important;
}

.col-md-12.col-sm-12.custpax_col12 {
    position: relative;
}

fixpkg-detail-flight .row {
    margin-right: 2px;
    margin-left: 2px;
    border-bottom: 1px dashed gainsboro;
    padding: 18px 0px;
}

    fixpkg-detail-flight .row > .col-md-1.col-sm-12 {
        color: #3176be;
        width: 16%;
        font-size: 12px;
        padding-top: 1px;
    }

    fixpkg-detail-flight .row img {
        text-align: center;
        margin: auto;
    }

    fixpkg-detail-flight .row div {
        text-align: center;
    }

    fixpkg-detail-flight .row > .col-md-4.col-sm-6 {
        color: #3176be;
        width: 24%;
    }

    fixpkg-detail-flight .row > .col-md-1.col-sm-12 {
        display: none;
    }

fixpkg-detail-flight .flight_border_line::before {
    content: '';
    color: #ffffff;
    height: 12px;
    width: 12px;
    position: absolute;
    background-color: #4d89c7;
    border-radius: 50%;
    left: 7px;
    top: 13px;
}

fixpkg-detail-flight .flight_border_line::after {
    content: '';
    color: #ffffff;
    height: 12px;
    width: 12px;
    position: absolute;
    background-color: #4d89c7;
    border-radius: 50%;
    right: 7px;
    top: 13px;
}

flight-result .filters-panel {
    font-size: 13px;
    border-radius: 0px;
    margin-bottom: 40px;
    background: #f8f8f8;
    padding: 7px 11px 4px 21px;
}

.filters-panel .short-by-show {
    text-align: center;
}

flight-result .short-by-show ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 0px;
}

label.control-label.fltsort {
    padding-left: 50px;
    font-weight: 600;
    line-height: 26px;
}

flight-details-template {
    width: 100%;
}

.col-md-9.vghv {
    border-right: 1px solid #f3f0f0;
    padding-right: 15px !important;
}

.flight-card__time {
    display: inline-block;
    margin-bottom: 1px;
    font-size: 13px;
    font-weight: 500;
}

.flight-card__city {
    margin-bottom: 1px;
    font-size: 13px;
    font-weight: 500;
}

.flight-card__day {
    margin-bottom: 1px;
    font-size: 13px;
    font-weight: 500;
}

.flight-card__route {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-flex: 1;
    flex: 1 0 auto;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 0 4rem;
}

.flight-card__duration, .flight-card__type {
    font-size: 13px !important;
    color: #747474;
}

.layover {
    text-align: center;
}

.route-line__stop {
    border-radius: 100%;
    box-sizing: content-box;
    width: 0.6rem;
    height: 0.6rem;
    position: absolute;
    top: 50%;
    background-color: HSL(var(--color-purple));
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}

.route-line__start {
    left: 0;
    border: 3px solid #0076be;
    background-color: #fff;
}

.route-line__end {
    right: 0;
    border: 0.6rem solid HSL(var(--color-light-purple));
    -webkit-transform: translate3d(50%, -50%, 0);
    transform: translate3d(50%, -50%, 0);
    background-color: #0076be;
}

.flight-card__type {
    margin-top: 1rem;
}



.flight-card__arrival {
    margin-right: 3rem;
    text-align: right;
}

.flight-card__action {
    text-align: center;
}

.flight-card__price {
    margin-bottom: 2rem;
}

p.flight-card__price.styled-price {
    font-size: 21px !important;
    padding-left: 29px;
    color: #5d5a5a !important;
    padding-left: 29px;
    color: #5d5a5a !important;
    font-weight: 500;
}

.styled-price sub {
    bottom: inherit;
    /*vertical-align: bottom;
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);*/
}





.flight_block_b {
    border-bottom: 1;
    box-shadow: 0 0 8px #0b2d49 !important;
    background: #0b2d49 !important;
    color: white;
    border-top: 1px solid #191970 !important;
}

.curPointFlt {
    border: 1px solid #ffffff !important;
    background-color: #0b2d49 !important;
    padding: 5px 8px !important;
    border-radius: 16px !important;
    transition: .5s !important;
    font-size: 12px;
    margin-top: 10px;
    margin: auto !important;
    text-align: center;
    margin-left: 29px;
    display: block;
    width: 90%;
    cursor: pointer;
}

.row.pop-up-box.flt-pop-up-box.main-popup {
    display: none;
}

    .row.pop-up-box.flt-pop-up-box.main-popup.visible {
        display: flex !important;
    }

fixpkg-detail-flight button.btn.btn-primary {
    background-color: #0b2d49 !important;
    border-radius: 0px;
    position: absolute;
    top: -1px;
    right: 4px;
    letter-spacing: .3px;
    font-size: 12px;
    padding: 5px;
    width: auto;
    border-color: #0b2d49 !important;
}

fixpkg-detail-flight .row div {
    font-weight: 500;
    text-align: center;
    font-size: 12px;
    color: #6c6c6c;
}

.col-md-10.col-sm-12.fixpkg-detail-flight {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 100%;
    max-width: 100.333333%;
}

.btn-danger, .btn-default {
    background-color: #0b2d49 !important;
    border-color: #0b2d49 !important;
    min-width: 120px;
    color: #fff;
}

.route-line {
    position: relative;
    margin: 1rem 0 0;
    width: 100%;
    height: 1px;
    border: 1px dashed #0076be;
}

lightInfo > .col-md-12 {
    padding: 0;
    /* padding-top: 10px; */
}

.fltHpyDtlMenu.row > div {
    margin: auto;
    text-align: center;
    padding-top: 10px;
}

utton.flight-card__cta.btn-primary.btn_booknow.checkout {
    border: none;
    box-shadow: none;
    font-size: 12px;
    background: #113c73 !important;
    border-color: #113c73 !important;
    min-width: 92px;
    padding: 13px;
}

button.flight-card__cta.btn-primary.btn_booknow.checkout span {
    background-color: transparent !important;
    display: none;
}

.col-sm-12.col-sm-12.col-xs-12.borderAll.hpyfltDtlsWrap.padLR0.padTB20 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.fGS0 {
    background-color: #ffffff;
    color: #0076be;
    padding: 15px 0px !important;
    border-radius: 4px !important;
    margin-bottom: 5px !important;
    display: flex;
}

.db {
    display: block !important;
    font-weight: 600 !important;
    font-size: 12px !important;
}

span.db.greyLt.ico10 {
    color: #8f8f8f !important;
    font-family: 'Poppins' !important;
    font-weight: 500 !important;
    font-size: 16px !important;
}

.db {
    display: block !important;
    font-weight: 600 !important;
    font-size: 12px !important;
}

img.flightImagesNew {
    border: 1px solid gainsboro !important;
}

span.ico15.db.padT5.padB5 {
    font-size: 16px !important;
    color: #8f8f8f !important;
}

span.fb.padR5 strong {
    color: #8f8f8f !important;
}

.alert-danger {
    color: #0b2d49 !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}


.layover img {
    margin-right: 5px !important;
    height: 25px !important;
    display: inline-block !important;
    margin-top: 4px !important;
}

flight-details-pane .table > thead > tr > th, flight-details-pane .table td, flight-details-pane .table th {
    font-size: 12px;
}

button.flight-card__cta.btn-primary.btn_booknow.checkout {
    background-color: #113c73 !important;
    border-color: #113c73 !important;
    min-width: 92px;
    font-size: 14px;
    padding: 5px;
}

div#flt .row.pop-up-box select {
    text-align-last: center;
    opacity: initial;
    height: 27px !important;
    padding: 0px;
    color: #135c95;
    text-align: center;
    width: 71px !important;
    font-size: 12px;
    color: #707070;
}

div#flt .row.pop-up-box.flt-pop-up-box.main-popup.visible > div {
    padding: 0px 1px px;
}

div#flt .pop-up-box {
    width: 313px;
}

fixpkg-search button.btn.btn-primary {
    /* width: 100%; */
    /* width: 100%; */
    border: 1px solid #0b2d49 !important;
    padding: 5px 14px;
    text-align: center;
    background-color: #0b2d49 !important;
    color: white;
    font-size: 16px;
    transition: .2s;
    height: 46px;
    border-radius: 4px;
    border-radius: 3px;
    /* padding: 4px 5px 4px 34px; */
    font-size: 12px;
    height: 28px !important;
}

hotel-search-control input#txt_guest {
    padding: 0px 5px 4px 2px !important;
    border-color: white !important;
}

fixpkg-search .search-bg.m-1 > div > div > div {
    padding: 0px 2px;
}

hotel-search-control .plus_minus_box > button, hotel-search-control .plus_minus_box > input {
    width: 30% !important;
    display: inline-block;
    padding: 0px;
    text-align: center;
    border: 1px solid #19364d;
    text-align-last: center;
    padding: 0px !important;
    height: 27px !important;
}

hotel-search-control .pop-up-box {
    padding: 5px 9px 5px 5px;
}

hotel-search-control .room_block select {
    width: 76%;
    height: 30px !important;
    border: 1px solid gainsboro;
}

.tab-content.pos_cmpny_cntent {
    padding: 0px;
}

ul.nav.nav-tabs.pos_cmpny_ul {
    border: 0px;
}

div#contentpage ul.nav.nav-tabs.pos_cmpny_ul > li.active {
    color: #ffffff;
    border: 0px solid #113c73a6;
    border-bottom-color: transparent;
    background-color: #0b2d49;
}

div#contentpage ul.nav.nav-tabs.pos_cmpny_ul li a {
    border: 0px;
}

h2.no-margin.skin-color.pos_cmpny {
    margin-bottom: 31px;
}

h2.no-margin.skin-color.pos_cmpny {
    margin-bottom: 31px;
    border-bottom: 1px solid #0b2d49;
}

.person-information hr {
    display: none;
}

.tab-content.pos_cmpny_cntent .person-information hr {
    display: none;
}

.tab-content.pos_cmpny_cntent {
    border-top: 1px solid #cfd1d5;
}

div#contentpage .tab-content.pos_cmpny_cntent div#CompanyDetail .form-group.row > div {
    margin-bottom: 0px;
    padding-bottom: 0px !important;
}

.tab-content.pos_cmpny_cntent div#Registration .col-md-12 {
    display: flex;
}

div#contentpage input, div#contentpage select, div#contentpage textarea {
    padding-right: 10px !important;
    margin-right: 4px;
    padding-right: 10px !important;
    margin-right: 4px;
    font-size: 12px;
    border: 1px solid #a3a3a3;
    background-color: #ffffff !important;
    border-radius: 2px;
    padding: 4px 17px 4px 17px;
    font-size: 10px;
    height: 30px;
    font-weight: 500;
    color: #707070e6;
    letter-spacing: .5px;
    font-size: 12px !important;
}

div#contentpage .tab-content.pos_cmpny_cntent form {
    margin-top: 0px;
    padding-top: 0px;
}

div#contentpage .tab-content > .active {
    border: 1px solid #abafb5a6 !important;
}

div#contentpage .form-group.row.pos_cmpny_btn > div {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 32.5% !important;
    max-width: 35.666667% !important;
    margin-bottom: 19px !important;
    margin-top: 0px;
    padding-top: 0px;
}

form#formid .person-information > div {
    padding-left: 0px;
}

div#contentpage div#divHTML table th, div#contentpage div#divHTML table td, div#contentpage div#divHTML table td a {
    text-align: center;
    font-size: 11px;
}

div#contentpage form#formid {
    padding-top: 0px;
    margin-top: 0px;
}

.table > thead > tr > th {
    font-size: 11px !important;
    background: #0b2d49 !important;
    color: #fff !important;
    font-weight: 500 !important;
    text-align: center !important;
    padding: 7px 0px !important;
}

.table-bordered > thead > tr > td {
    background: #ffffff !important;
    color: #363434 !important;
    font-weight: 500 !important;
    text-align: center !important;
    padding: 7px 0px !important;
}

div#contentpage div#tbody label b {
    font-weight: 400;
    /* padding: 9px; */
}

div#contentpage .btn-primary, div#contentpage .btn-success, div#contentpage .btn-warning {
    background-color: #16364f !important;
    border-color: #16364f !important;
    min-width: 75px !important;
    color: white;
}

div#contentpage .btn-danger, div#contentpage .btn-default {
    background-color: #16364f !important;
    border-color: #16364f !important;
    min-width: 80px !important;
    color: #fff !important;
}

div#contentpage .btn-info, div#contentpage .btn-info:focus {
    color: #fff;
    background-color: #0b2d49 !important;
    border-color: #0b2d49 !important;
    min-width: 120px;
}

div#contentpage .table-bordered > thead > tr > th, div#contentpage .table-bordered > tbody > tr > th, div#contentpage .table-bordered > tfoot > tr > th, div#contentpage .table-bordered > thead > tr > td, div#contentpage .table-bordered > tbody > tr > td, div#contentpage .table-bordered > tfoot > tr > td {
    text-align: center !important;
}

div#contentpage table.dataTable tbody th, div#contentpage table.dataTable tbody td {
    padding: 8px 10px;
    font-size: 12px !important;
}

div#contentpage div#EditModel > .modal-body {
    width: 80%;
    margin: auto;
}

div#contentpage .modal-header {
    background-color: #0b2d49;
    padding: 0px;
}

div#contentpage .modal button.close {
    opacity: 1;
    margin-top: 22px;
    margin-right: 1px;
    background-color: transparent;
    width: auto;
    color: white;
    right: 10px;
    box-shadow: none;
    font-size: 22px !important;
    position: absolute;
    padding: 0 !important;
    top: -16px !important;
}



div#contentpage .modal-body {
    padding: 5px 15px;
}

    div#contentpage .modal-body input, div#contentpage .modal-body select, div#contentpage .modal-body textarea {
        width: 100% !important;
    }

    div#contentpage .modal-body label {
        margin-top: 0rem;
        font-size: 11.2px;
    }

div#contentpage div#EditModel input#ShowDetails, div#contentpage div#EditModel input#ShowNetFare, div#contentpage div#EditModel input#IsPartnerTrue {
    width: auto !important;
    /* margin: auto; */
    vertical-align: text-top;
    margin-top: -6px;
}

div#contentpage .modal-body .pos_edit input, div#contentpage .modal-body .pos_edit select, div#contentpage .modal-body .pos_edit textarea {
    width: 100% !important;
}

div#contentpage .table td, div#contentpage .table th {
    text-align: center;
}

div#contentpage div#tbody {
    padding: 30px;
}

div#contentpage .selector input {
    height: auto !important;
}

div#contentpage .table-bordered > thead > tr > th, div#contentpage .table-bordered > tbody > tr > th, div#contentpage .table-bordered > tfoot > tr > th, div#contentpage .table-bordered > thead > tr > td, div#contentpage .table-bordered > tbody > tr > td, div#contentpage .table-bordered > tfoot > tr > td {
    border: 1px solid #dddddd4f;
}

div#contentpage table input, div#contentpage table select, div#contentpage table textarea {
    height: auto !important;
}

div#contentpage .nav-tabs#ContainTab > li > a {
    margin-right: 0px;
    border: 0px solid #009cdb2e;
}

div#contentpage .tab-content > .tab-pane.active {
    border: 1px solid #abafb5a6 !important;
    padding: 12px;
}

div#contentpage .list-inline input {
    height: auto !important;
}

div#contentpage .modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    color: white;
    text-align: left;
    font-size: 15px;
    /* float: left; */
    width: 100%;
    padding: 6px;
}

div#contentpage .row > .btn-group.pull-right > a {
    margin-left: 14px;
    margin-right: 4px;
}

div#contentpage input#IsMembership {
    height: auto !important;
}

div#contentpage .form-actions.text-right button.btn.btn-success {
    margin-top: 0px;
}

div#contentpage select#modelFinance_Currency {
    margin-bottom: 10px;
}

nav.navbar.navbar-inverse .dropdown-toggle::after {
    display: none;
}

div#contentpage .pos_mang_tabll input, div#contentpage .pos_mang_tabll select, div#contentpage .pos_mang_tabll textarea {
    height: 30px !important;
}

.pos_mang {
    flex: 0 0 65.333333%;
    max-width: 74.333333%;
    display: inline-block;
    /* font-size: 21px; */
}

div#contentpage .pos_succes {
    margin-top: 0px !important;
}

div#contentpage .pos_chk {
    display: flex;
}

div#contentpage .pos_txet select#AgentReports_SelectAgent {
    height: auto !important;
}

div#contentpage .pos_satff_rest {
    padding: 0px;
}

div#contentpage .pos_supplier_h {
    margin-bottom: 10px;
    margin-left: 10px;
    padding-bottom: 10px;
    font-size: 20px !important;
    /* background-color: red; */
    border-bottom: 1px solid gainsboro;
}

div#contentpage .pos_fb {
    text-align: left !important;
    padding-left: 15px;
}

div#contentpage .modal-body .form-group.row.pos_pop_rw input, div#contentpage .pop-splr input {
    width: auto !important;
    height: auto !important;
}

.pos_conatiner {
    padding-top: 0px !important;
}

div#contentpage .nav-tabs > li > a {
    border: 0px solid #009cdb2e;
}

#contentpage .pos_ttab_content h4.tab-section-title {
    margin-top: 10px;
    font-size: 15px;
    padding: 15px;
    margin-bottom: 10px;
}

#contentpage .pos_ttab_content .row > .col-md-6 {
    display: flex;
    margin-bottom: 10px;
}

#contentpage .pos_ttab_content .row > .col-md-2 {
    /* margin-top: 10px; */
    margin-bottom: 10px;
}

#contentpage .pos_ttab_content a.btn.btn-danger {
    float: right;
    font-size: 12px;
    width: 112px !important;
    margin-right: 0px;
    margin-top: 10px;
    /* width: 100%; */
    border: 1px solid #0b2d49 !important;
    padding: 4px 14px;
    text-align: center;
    background-color: #0b2d49 !important;
    color: white;
    font-size: 16px;
    transition: .2s;
    height: 46px;
    border-radius: 4px;
    border-radius: 0px;
    /* padding: 4px 5px 4px 34px; */
    font-size: 12px;
    height: 31px !important;
    margin-right: 1px;
}

#contentpage .pos_ttab_content .booking-footer.row .col-md-6.text-right {
    /* float: right; */
    flex-direction: row-reverse;
}

div#contentpage .pos_discun input, div#contentpage .pos_discun select {
    width: auto !important;
    height: auto !important;
}


.ui-autocomplete-loading {
    background-image: url('/assets/SFOB2C/Backoffice/images/loading.gif');
    background-size: 20px 20px;
    background-position: right center;
    background-repeat: no-repeat;
}

.FlightInfo {
    margin-bottom: 20px;
}

.fare-card {
    display: block;
    margin-top: 20px;
}

    .fare-card table {
        margin-top: 10px;
    }

        .fare-card table td:nth-of-type(1) {
            text-align: left !important;
        }

.flt_pass_net li {
    float: left;
    margin-right: 10px;
}

    .flt_pass_net li label {
        vertical-align: middle;
        margin-left: 5px;
    }

.form-control:focus {
    border-color: #0b2d49;
}

.flight-leg {
    font-size: 14px;
}

.display-flex {
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: row !important;
    justify-content: space-between;
}

    .display-flex.no-margin {
        margin-bottom: 20px;
    }

.width20prc {
    width: 23%;
}

.flight-misc-info {
    width: 31%;
    text-align: center;
}

.sidebar_sec_title {
    margin-bottom: 10px;
    margin-top: 10px;
    border-bottom: 1px solid #a6add2;
    /* padding-bottom: 10px; */
    color: #371048;
    font-weight: 700;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 16px;
}

.summery {
    box-shadow: none !important;
}

.flightTripInfoLine .trip_date {
    color: #0b2d49;
    font-size: 12px;
}

.canclsn-block {
    background: white;
    width: 45vw;
    border: 3px solid #371048;
    padding: 10px;
    margin: 20px 0;
    z-index: 9;
    position: relative;
    overflow: auto;
    direction: ltr;
    text-align: left;
}

.modal-backdrop {
    opacity: 0.5 !important;
}

div#grops_add {
    padding: 7px 15px;
    display: flex;
    flex-direction: row-reverse;
}

flight-modify-component .row.custfltrw.modifycustfltrw {
    width: 100%;
    font-size: 12px;
    font-weight: 600;
    color: white;
}


    flight-modify-component .row.custfltrw.modifycustfltrw > div {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 18.666667%;
        max-width: 18.666667%;
    }

flight-modify-component .row.modrow {
    padding-top: 15px;
    padding-left: 15px;
}

    flight-modify-component .row.modrow input, flight-modify-component .row.modrow select {
        border: 1px solid #d3cece;
        border: 1px solid #838485;
        width: 100%;
        margin-top: 10px;
        background-color: #ffffff;
        padding: 7px 10px;
        border-radius: 3px;
        font-size: 13px;
    }

flight-modify-component .content.custcontntW > .row > div {
    padding: 0px 2px;
}

flight-modify-component .row.srchrw > div {
    padding: 0px 2px !important;
    margin-bottom: 4px;
}

    flight-modify-component .row.srchrw > div select {
        margin-top: 0px;
    }

flight-modify-component .row.srchrw {
    padding: 9px;
}

    flight-modify-component .row.srchrw button.btn.btn-primary {
        font-size: 15px;
        padding: 2px;
        color: #ffffff !important;
        background-color: #043778 !important;
        font-weight: 500;
    }

flight-modify-component .popup-content {
    font-size: 12px;
    font-weight: 500;
    position: absolute;
    background-color: #ffffff;
    padding: 15px;
    color: #363636;
    width: 197px;
    padding-bottom: 0px;
    border-radius: 3px;
}

flight-result .modal-content {
    background-color: #0b2d49;
}

flight-modify-component .search-item p, flight-modify-component .searchFlight p {
    color: white;
}

flight-modify-component button.btn.btn-primary {
    font-size: 13px;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    min-width: 92px;
    font-weight: 500;
    color: #0b2d49;
}

flight-result .close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: 3.5;
}

    flight-result .close:focus, flight-result .close:hover {
        color: #fff;
        text-decoration: none;
        opacity: 1;
    }

flight-modify-component .col-md-12.advancesupplier2 {
    font-size: 12px;
    color: white;
    display: inline-block;
    width: auto;
    margin-top: 9px;
    padding-left: 7px;
}

flight-modify-component .row.my-2 > div:last-child, flight-modify-component .row.my-2 > div:nth-child(4) {
    display: block;
    width: 100%;
}

flight-modify-component .col-md-12.advancesupplier2 input {
    margin-left: 10px;
    margin-right: 14px;
}

.set_directclients {
    top: 10%;
}

    .set_directclients div#contentpage .tab-pane.fade .form-group.row > div {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 19px;
    }

    .set_directclients .person-information {
        padding-top: 0px;
    }

    .set_directclients .tab-container.full-width-style.arrow-left.dashboard.firstchildcontainer {
        margin-top: 200px !important;
    }

    .set_directclients div#contentpage .no-margin.skin-color {
        font-size: 25px !important;
    }

    .set_directclients div#contentpage .tab-container.full-width-style.arrow-left.dashboard.firstchildcontainer {
        /* padding: 31px; */
        background-color: #ffffff !important;
    }

    .set_directclients div#contentpage .modal button.close {
        color: #061725;
    }

div#contentpage table#tblBooking th {
    text-align: center;
    padding: 8px 10px !important;
    font-size: 11px !important;
}

.set_directclients div#dashboard > .row {
    width: 100%;
    display: block;
}

    .set_directclients div#dashboard > .row .person-information > .row > div {
        /* display: block; */
        width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 49%;
        max-width: 49%;
        margin-bottom: 19px;
    }

div#contentpage .set_directclients .tab-container.full-width-style.arrow-left.dashboard.firstchildcontainer {
    margin-top: 200px !important;
    background-color: white !important;
}

div#contentpage .set_directclients .person-information h1 {
    font-size: 22px !important;
}

div#contentpage button {
    font-size: 12px;
    /*color: #061725 !important;*/
}

.row.flt_dtl_section_rw .flt_dtl_section_col > div {
    padding: 6px;
}

.row.flt_dtl_section_rw .flt_dtl_section_col {
    display: flex;
}

div#contentpage ul.nav.nav-tabs.pos_cmpny_ul > li.active a {
    color: #fff !important;
}

input[type=checkbox], input[type=radio] {
    vertical-align: middle;
}

div#contentpage .table.gridclass td, div#contentpage .table.gridclass th {
    padding: 15px !important;
    width: auto !important;
    white-space: nowrap;
}

@media (min-width: 576px) {
    .charter-d .modal-dialog.modal-lg {
        max-width: 100% !important;
        margin: 1.75rem auto;
    }
}


div#ui-datepicker-div {
    z-index:99 !important;
}

#banner {
    transition: 0.5s;
    transform-origin: left;
    max-width: 100% !important;
}



  /*  #banner.slide {
        max-width: 100% !important;
        transform: translateX(0px);
        transform-origin: left;
        margin-left: 106px;
    }*/

/*.layot-logo {
    position: absolute;
    left: -107px;
    top: 11px;
    z-index: 9;
    transition:0.5s;
}

    .layot-logo.layout-logo-slide {
        left: 10px;
    }*/


    #banner .navbar-inverse .navbar-nav > li > a:hover {
        background-color: #fff !important;
    }

#mySidenav {
    width: 173px;
    min-width:173px;
    /*border-right: 1px solid #ddd;*/
    box-shadow:none !important;
}


ul.notification-menu-unorder-list {
    margin: 0;
    padding: 0;
}



.notification-menu {
    position: fixed;
    top: 77px;
    left: 0;
    height: 100%;
    z-index: 99;
    background: #ddd;
}

ul.notification-menu-unorder-list > li > a > .fa-message::after {
    content: '\f27a';
}

ul.notification-menu-unorder-list > li > a > i {
    font-family: 'FontAwesome';
    font-style: normal;
    color: #013f72;
}

.notification-menu > ul.notification-menu-unorder-list > li > a {
    padding: 0 20px;
    margin-top: 18px;
    display: block;
}

.navbar-nav > li:last-child > .dropdown-menu {
    min-height: 430px;
}

    
/*
    #mySidenav .navbar-nav > li > .dropdown-menu {
        position: absolute !important;
        left: 176px;
        border-radius: 0;
    }

    #mySidenav .navbar-nav > li > .dropdown-menu {
        position: absolute !important;
        left: 176px;
        border-radius: 0;
        min-width: 0px !important;
        white-space: nowrap;
        max-width: 0 !important;
        visibility: hidden;
    }*/


.nav_section {
    background: #0b2d49 !important;
}

#dvdashboard > h1 {
    color: #fff !important;
}

.mid_nav li a {
    color: #fff !important;
}

.rit_nav > div {
    background: #fff;
    padding: 0 8px;
}