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

@font-face {
    font-family: 'Cen751Rm';
    src: url('../fonts/Cen751Rm.eot');
    src: url('../fonts/Cen751Rm.eot') format('embedded-opentype'), url('../fonts/Cen751Rm.woff2') format('woff2'), url('../fonts/Cen751Rm.woff') format('woff'), url('../fonts/Cen751Rm.ttf') format('truetype'), url('../fonts/Cen751Rm.svg#Cen751Rm') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: 'Cen751Rm',sans-serif;
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #000
}

.table td, .table th {
    padding: 8px;
}

a {
    text-decoration: none
}

* {
    box-sizing: border-box;
}

button {
    cursor: pointer;
    outline: none;
}

    button:focus {
        outline: none;
    }

input {
    outline: none;
}

.fsize11 {
    font-size: 12px;
}

.fsize12 {
    font-size: 13px;
}

.fsize13 {
    font-size: 14px;
}

.fsize14 {
    font-size: 15px;
}

.fsize16 {
    font-size: 17px;
}

.text-white {
    color: #fff
}

.form-control {
    padding: 4px 4px;
}

.btn-bg {
    color: #000 !important;
    background-color: #d7ac37 !important;
    border-color: #d7ac37 !important;
}

.btnadmin {
    background: #ddd;
    padding: 2.8px 10px;
    border-radius: 5px;
    border: 0;
    color: #000;
    vertical-align: middle;
}

.bg_yellow {
    background: #557ebf !important;
    color: #fff !important;
}

.cl_grey {
    color: #a3a3a3
}

.cl_dgrey {
    color: #4b4b4b
}

.green {
    color: #557ebf;
}

.link_txt, .morelink {
    color: #d55500
}

    .link_txt:hover, .morelink:hover {
        color: #2f75c5
    }

.bg_white {
    background: #fff;
}

.list_style {
    margin: 0px;
    padding: 5px 0 5px 16px;
}
/*Search Page*/

.search_sec {
    padding-bottom: 1px;
}

.main_wrapper {
}

.hm_bg {
    background: url(../images/mainbg2.jpg) no-repeat right;
    background-size: cover;
}



.modify_bg {
    background: url(../images/mainbg2.jpg) no-repeat right;
    background-size: cover;
}

.search_form {
    border-radius: 10px;
    padding: 1.3rem 1.5rem 1.5rem;
    font-size: 15px;
    width: 1000px;
    max-width: 100%;
    margin: 0 auto;
    background: rgba(255,255,255,0.8) url(../images/motiff1.png) no-repeat right center;
    background-size: 130px;
}

.header_rht {
    text-align: right;
}

.info_bx {
    list-style: none;
    padding-left: 0;
    margin: 0;
    display: inline-block;
}

    .info_bx a {
        color: #000;
    }

        .info_bx a:hover {
            color: #557ebf
        }

    .info_bx li {
        display: inline-block;
    }

        .info_bx li:first-child {
            margin-left: 0
        }

        .info_bx li .fa {
            background: #557ebf;
            color: #000;
            width: 24px;
            height: 24px;
            border-radius: 50%;
            line-height: 24px;
            text-align: center;
            font-size: 15px;
            margin-right: 4px;
        }

.lang_opt {
    list-style: none;
    padding-left: 10px;
    margin: 0;
    display: inline-block;
}

    .lang_opt li {
        display: inline-block;
        font-weight: 500;
        line-height: 15px;
    }

    .lang_opt a {
        color: #000;
    }

        .lang_opt a.selected {
            color: #557ebf;
        }

    .lang_opt li:last-child, .log_ul li:last-child, .navbar-nav li:last-child {
        border-right: 0;
        padding-right: 0
    }

.main_header {
    padding: 10px 0 0;
    border-bottom: 5px solid #557ebf;
}

.log_ul {
    list-style: none;
    padding: 0;
    margin: 0px 0 0 18px;
    text-align: right;
}

    .log_ul li {
        display: inline-block;
        font-weight: 500;
        line-height: 16px;
        position: relative;
    }

        .log_ul li a {
            color: #000
        }


.rewardbx {
    border: #557ebf 1px solid;
    border-radius: 5px;
    margin-left: 5px;
    color: #fff;
    background: #557ebf;
    position: relative;
    padding: 0 5px;
}

    .rewardbx:hover {
        background: #8aa6d2;
        color: #fff;
        border-color: #557ebf;
    }

.info_bx .rewardbx .fa {
    width: auto;
    height: auto;
    line-height: initial;
    background: transparent;
    color: #fff;
    font-size: 10px;
    /* vertical-align: unset; */
    margin-right: 0;
}

.rewardbx .dropdown-menu {
    width: 182px;
    top: 20px;
}

.rewardbx:hover .dropdown-menu {
    display: block;
    width: 182px;
    top: 20px;
}

.info_bx .rewardbx:hover .fa {
    color: #fff
}

.rewardbx .dropdown-menu li span, .rewardbx .dropdown-menu li a {
    border-top: 1px solid #557ebf;
    color: #fff
}

.rewardbx .dropdown-menu li:first-child span {
    border-top: 0
}

.rewardbx .dropdown-item {
    padding: 5px 5px;
}

.navbar-nav li:hover .dropdown-menu {
    display: block;
}

.dropdown-menu {
    transition: 0.5s;
    animation: zoomIn 400ms;
    border-radius: 0;
    background: #557ebf;
    top: 34px;
    border: 2px solid #8aa6d2;
    padding: 5px;
    left: initial;
    right: 0;
}



.smenu3 {
    width: 730px;
}

.dropdown-menu.smenu3 {
    left: -390px;
}

.tooltip-menu {
    background-color: #e0e0e0 !important;
    color: #557ebf !important;
    border-radius: 0 !important;
}

.navbar .navbar-nav .smenu3 a.dropdown-item {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.dropdown-item {
    padding: 8px 10px;
    border-bottom: 1px solid #557ebf;
    font-size: 14px;
    transition: 0.5s;
}

.logo img {
    max-width: 100%;
    margin-top: 2px;
    margin-bottom: -17px;
}

.bor_smenu {
    border-left: 1px solid #ffce49;
    border-right: 1px solid #ffce49;
}


.navbar .navbar-nav .active a {
    text-decoration: none;
    background: #557ebf;
    color: #fff;
}

.navbar-nav li {
    border-right: 4px solid #fff;
}

.navbar .navbar-nav a {
    background: #8aa6d2;
    cursor: pointer;
    color: #fff;
    border-radius: 8px 8px 0 0;
}

    .navbar .navbar-nav a.dropdown-item {
        border-radius: 0
    }

    .navbar .navbar-nav .active a:hover, .navbar .navbar-nav a:hover {
        background: #557ebf;
        color: #fff;
    }

.dropdown-item:hover {
    background: #8aa6d2;
    color: #fff !important;
}

.navbar a:hover {
    color: #557ebf;
    text-decoration: none;
}

.dropdown-item:last-child {
    border-bottom: 0
}

.navbar {
    font-weight: 500;
    font-size: 15px;
    padding: 0px 0;
}

    .navbar a {
        color: #000;
    }

.link-nav {
    padding: 10px;
}

.navbar-nav li {
    line-height: 16px;
    display: inline-flex;
}

/*.navbar-nav > li:before {
    content: "|";
    position: absolute;
    margin-top: 10px;
}*/

.navbar-nav > li.active:before, .navbar-nav > li.active + li:before {
    content: '';
}

.log_ul > li:before {
    content: "|";
}

.navbar-nav > li:first-child:before, .log_ul > li:first-child:before {
    content: '';
}

.inp_group {
    position: relative;
}

    .inp_group .fa {
        font-size: 19px;
        color: #b0b0b0;
        width: 20px;
        text-align: right;
    }

    .inp_group .fa-map-marker {
        font-size: 25px;
        top: 9px;
    }

.form_control {
    width: 100%;
    height: 42px;
    outline: none;
    border-radius: 5px;
    padding: 10px 10px;
    transition: 0.5s;
    font-size: 13px;
    background: #f9f9f9;
    border: 1px solid #d7d7d7;
}

select.form_control, select.form_control1, .fil_input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.form_control:focus, .form_control:active {
    border-color: #557ebf;
    /*border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);*/
}

.inp_group .form_control {
    padding-right: 33px;
}

.form_control::placeholder {
    color: #a3a3a3
}

.btn_search {
    background: #557ebf;
    border: 0;
    height: 42px;
    color: #fff;
    border-radius: 5px;
    font-size: 17px;
    transition: .2s ease;
}

    .btn_search:hover {
        background: #8aa6d2;
        color: #fff;
    }

.search_sec h3 {
    text-align: center;
    color: #000;
    font-weight: 400;
    padding: 40px 0 20px;
    font-size: 26px;
}

.search_mh {
    /*min-height: auto;*/
    padding-bottom: 30px;
}

.pass_form {
    position: absolute;
    right: -102px;
    z-index: 2;
    top: 60px;
    width: 450px;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #dbdbdb;
    font-size: 14px;
}

    .pass_form .icon {
        top: 9px;
    }

    .pass_form select.form_control {
        background: #f6f6f6 url(../images/dwonarrow.png) no-repeat 96% center;
        padding-right: 25px;
    }

    .pass_form.add_form {
        top: 224px;
    }

    .pass_form .form_control {
        height: 36px;
        padding: 6px 6px;
    }

    .pass_form .label_txt {
        color: #000
    }

    .pass_form:before {
        content: "";
        position: absolute;
        top: -13px;
        width: 0;
        height: 0;
        border-left: 24px solid transparent;
        border-right: 24px solid transparent;
        border-bottom: 13px solid #dbdbdb;
        right: 192px;
    }

    .pass_form:after {
        content: "";
        position: absolute;
        top: -12px;
        width: 0;
        height: 0;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-bottom: 12px solid #ffffff;
        right: 196px;
    }

.bg_grey {
    background: #f5f5f5;
}

.bg_lgrey {
    background: #f6f6f6;
}

.card-title {
    color: #000
}

.serv_sec {
    padding: 30px 0;
}

.box_diff {
    margin: 15px 0;
}

    .box_diff .card-img-top {
        height: 222px;
    }

.card {
    border: 0;
    transition: 0.5s;
}

    .card:hover {
        transform: translate(0, -8px);
        box-shadow: 0px 13px 8px #d8d8d8;
    }

.card-ul {
    list-style: none;
    margin: 0px;
    padding: 5px 0 10px 16px;
}

.ul_list {
    list-style: none;
    margin: 0px;
    padding: 5px 0 10px 0px;
}

    .ul_list:last-child {
        padding-bottom: 0;
    }

    .card-ul li, .ul_list li {
        position: relative;
        margin-bottom: 5px;
    }

        .card-ul li:before {
            content: "";
            position: absolute;
            left: -16px;
            top: 6px;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #557ebf;
        }

        .ul_list li:before {
            content: "";
            position: absolute;
            left: 0px;
            top: 7px;
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: #557ebf;
        }

.btn_small {
    border-radius: 5px;
    font-size: 13.2px;
    padding: 4px 10px;
    display: inline-block;
    border: 1px solid #557ebf;
    transition: 0.5s;
    background: transparent;
}

.btn_mid {
    border-radius: 5px;
    font-size: 15px;
    padding: 6.5px 10px;
    display: inline-block;
    border: 1px solid #557ebf;
    transition: 0.5s;
}

.box_diff .card-title {
    text-transform: uppercase;
}

.btn_yellow, .btn_green:hover, .fil_bt:hover, .bprocess_btn:hover {
    background: #557ebf;
    color: #fff;
}
    /*.btn_blue {
    background: #557ebf;
    color: #000;
}*/

    .btn_yellow:hover {
        background: #8aa6d2;
        color: #fff;
        text-decoration: none;
    }

.dbtn:hover {
    background: #8aa6d2 !important;
    color: #fff !important;
    text-decoration: none;
}

.btn_green {
    border: 1px solid #557ebf;
    color: #557ebf;
    background: transparent;
}

.btn_blue:hover {
    background: #557ebf;
    color: #fff;
    text-decoration: none;
}

.signin_popup .modal-content {
    background: #557ebf;
    color: #000
}

.signin_popup .modal-header {
    border-bottom: 1px solid #e4a700;
}

.signin_popup label {
    display: block;
    color: #000;
    margin-bottom: 0;
}

.inp_group1 .fa {
    font-size: 21px;
    color: #000;
    text-align: right;
}

.input_form {
    width: 100%;
    height: 50px;
    outline: none;
    border-radius: 5px;
    border: 0;
    padding: 10px 10px;
    transition: 0.5s;
}

.icon {
    position: absolute;
    right: 12px;
    top: 12px;
}

.inp_group1 .input_form {
    margin-bottom: 15px;
}

.input_form::placeholder {
    color: #a3a3a3
}

.label_txt {
    display: block;
    color: #000;
    margin-bottom: 0;
}

.label_common {
    display: block;
    margin-bottom: 0
}

.modal-title {
    font-size: 20px;
}

.log_btn {
    width: 100%;
    border: 0;
    transition: 0.5s;
    margin-top: 5px;
    padding: 10px 10px;
    font-size: 18px;
    border-radius: 5px;
}

.for_pass {
    text-align: center;
    font-size: 13px;
    padding-top: 10px;
}

.form-control {
    font-size: 14px;
    border: 1px solid #d7d7d7;
}

.table_pad td, .table_pad th {
    padding: 0.50rem;
}

/*result*/

.dest_sresult {
    text-align: center;
    color: #fff;
}

.dest_sdate {
    vertical-align: middle
}

.mod_btn {
    max-width: 120px;
    transition: 0.3s;
    overflow: hidden;
    position: relative;
    background: #557ebf;
    font-weight: 500;
    border: 0;
    color: #fff;
    height: 23px;
    border-radius: 5px;
    font-size: 13px;
    margin-left: 10px; /*vertical-align:text-bottom*/
}

    .mod_btn:hover {
        background: #8aa6d2;
    }

    .mod_btn:after {
        background: #557ebf;
        transition: 0.3s;
        opacity: 1;
        right: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        content: "";
    }

    .mod_btn:before {
        background: #eb4435;
        transition: 0.5s;
        opacity: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        content: "";
    }

    .mod_btn .amodify, .mod_srch .amodify {
        display: none;
    }

    .mod_btn.active:before, .btnpa[aria-expanded="true"]:before {
        left: 0;
        opacity: 1;
    }

    .mod_btn.active:after, .btnpa[aria-expanded="true"]:after {
        right: -100%;
        opacity: 0;
    }

    .mod_btn span {
        position: relative;
        z-index: 1;
        transition: 0.3s;
    }

    .mod_btn.active .bmodify, .mod_srch.active .bmodify {
        display: none;
    }

    .mod_btn.active .amodify, .mod_srch.active .amodify {
        display: block;
        color: #fff;
    }

.dest_name {
    font-size: 20px;
    font-weight: 500;
    color: #000;
}

.inner_pages {
    padding: 20px 0;
}

.sortb_by .form-control {
    padding: 0 4px;
    height: 32px;
    font-size: 13px;
}

.aside_map {
    height: 177px;
    width: 100%;
}

.pack_details {
    margin-bottom: 15px;
    border-radius: 5px;
    border: 1px solid transparent;
    transition: 0.5s;
}

    .pack_details:hover, .pack_details:hover .border-left {
        border-color: #557ebf !important;
    }

    .pack_details:last-child {
        margin-bottom: 0;
    }

.box_aside {
    padding: 15px;
    background: #fff;
    margin-bottom: 10px;
}

.mhght_aside {
    max-height: 220px;
    overflow-y: auto;
}

.aside_label {
    font-size: 14px;
    margin-bottom: 8px;
    line-height: 14px;
}

    .aside_label span {
        float: right;
        color: #b0b0b0;
        font-size: 11px;
    }

        .aside_label span a {
            color: #787878
        }

            .aside_label span a:hover {
                color: #2f75c5
            }

.aside_input {
    width: 100%;
    border-radius: 4px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    background: #f6f6f6;
    border: 1px solid #d7d7d7;
    padding: 6px;
    font-size: 13px;
}

    .aside_input:focus {
        border-color: #557ebf;
        outline: 0;
        /*box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);*/
    }

.search_form .aside_input {
    background: transparent;
    position: relative;
    z-index: 1;
}

.search_form .inp_group {
    background: #f9f9f9;
    border-radius: 5px;
}

.box_aside label:last-child {
    margin-bottom: 0
}

.box_aside label input {
    vertical-align: middle;
}

.rating_bx {
    border: 1px solid #dcdcdc;
}

.rating_bx_inner {
    border-bottom: 1px solid #dcdcdc;
    padding: 4px 6px 1px;
}

    .rating_bx_inner:last-child {
        border-bottom: 0
    }

    .rating_bx_inner a {
        color: #bfbfbf;
        padding: 3px 8px;
        display: block;
    }

    .rating_bx_inner .fa, .rating_bx_inner1 .fa {
        color: #ffba00;
        margin-right: 2px;
    }

.mycheck input[type="checkbox"]:checked + label .fa-star {
    color: #ffba00;
}

.mycheck input[type="checkbox"] + label .fa-star {
    color: #a3a3a3;
}

.rating_bx_inner span {
    float: right;
    font-size: 11px;
    padding-top: 3px;
}

.rating_bx_inner.active .fa, .rating_bx_inner:hover .fa, .rating_bx_inner.active a, .rating_bx_inner:hover a {
    color: #053b6c;
}

.pack_head {
    font-size: 20px;
    font-weight: 600;
    margin: 0;
}

    .pack_head b {
        font-weight: normal
    }

.dest_city .fa {
    color: #02440f;
    font-size: 16px;
}

.rating_star {
    font-size: 13px;
}

    .rating_star .fa {
        color: #dbdcde;
    }

        .rating_star .fa.active {
            color: #ffba00;
        }

.pack_rht {
    text-align: center;
    height: 100%;
}

.aside_filter {
    font-size: 13px;
}

.pack_mid p {
    font-size: 13px;
    margin-bottom: 5px;
}

.descriptionheight {
    height: 40px;
    overflow: hidden;
}

.pack_mid p:last-child {
    margin-bottom: 0;
}

.price_dtl {
    font-size: 22px;
    color: #02430f;
    font-weight: 600;
}

.link_normal {
    color: #585858
}

.pack_img {
    width: 152px;
    height: 135px;
}

.mdf_roomdltbox {
    background: #ffffff;
    padding: 10px;
    border-bottom: 4px solid #f5f5f5;
}

    .mdf_roomdltbox:last-child {
        border-bottom: 0;
    }

    .mdf_roomdltbox.selected, .mdf_roomdltbox:hover {
        background: #ffe2a9;
        color: #000;
    }

.price_room_total {
    font-size: 16px;
    display: block;
    font-weight: bold;
}

.room_selected {
    background: #e4efff
}

.table-white {
    background: #fff;
}

    .table-white thead {
        background: #557ebf;
        color: #fff;
    }
/* Custom radio buttons */

.myradio {
    display: inline;
    position: relative;
    /*width: 15px; height: 15px; */
    align-self: center;
}

    .myradio input[type="radio"] + label {
        display: inline-block;
        cursor: pointer;
        padding-left: 22px;
        margin-right: 10px;
    }

        .myradio input[type="radio"] + label:before {
            content: "";
            display: block;
            width: 14px;
            height: 14px;
            margin-right: 14px;
            position: absolute;
            top: 4px;
            left: 2px;
            border: 1px solid #aaa;
            background-color: #fff;
            border-radius: 50%;
        }

    .myradio input[type="radio"] {
        display: none !important;
        *display: inline;
    }

        .myradio input[type="radio"]:checked + label:after {
            content: "";
            display: block;
            position: absolute;
            top: 8px;
            left: 6px;
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: #557ebf;
        }

        .myradio input[type="radio"]:checked + label:before {
            border: 1px solid #557ebf;
        }

        .myradio input[type="radio"]:disabled + label:before {
            cursor: not-allowed;
            opacity: .5;
        }
/* Custom checkbox */

.mycheck input[type="checkbox"] + label, .di_mycheck.mycheck input[type="checkbox"] + input + label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-left: 0;
    margin-bottom: 0;
    margin-right: 15px;
    line-height: 25px;
}

    .mycheck input[type="checkbox"] + label:before, .di_mycheck.mycheck input[type="checkbox"] + input + label:before {
        content: "";
        display: block;
        width: 16px;
        height: 16px;
        margin-right: 15px;
        position: absolute;
        top: 5px;
        left: 0;
        background-color: #fff;
        border: 1px solid #787878;
        border-radius: 3px;
    }

.mycheck input[type="checkbox"], .di_mycheck.mycheck input[type="checkbox"] {
    display: none !important;
    *display: inline;
}

    .mycheck input[type="checkbox"]:checked + label:after, .di_mycheck.mycheck input[type="checkbox"]:checked + input + label:after {
        content: "✔";
        font-size: 15px;
        line-height: 16px;
        color: #ffffff;
        display: block;
        position: absolute;
        top: 5px;
        left: 2px;
        width: 18px;
        height: 18px;
        border-radius: 3px;
    }

    .mycheck input[type="checkbox"]:checked + label:before, .di_mycheck.mycheck input[type="checkbox"]:checked + input + label:before {
        background-color: #557ebf;
        border-color: #557ebf
    }

#jssor_1 {
    min-width: 100%;
}

.pagination .page-item select {
    padding: .36rem .50rem .36rem .40rem;
    border: 1px solid #dee2e6;
    line-height: 1.25;
    margin-left: -1px;
    display: block;
    background: #fff;
    color: #557ebf;
}
/*details*/

.newtabcheckin {
    background: #f6f6f6;
    padding: 4px;
    float: left;
    margin-right: 5px;
    font-size: 13px;
}

    .newtabcheckin b {
        color: #2f75c5;
    }

.newtabicon {
    font-size: 14px;
    margin-right: 5px;
    vertical-align: text-bottom;
}

.newtab_nav {
    margin: 10px 0 0;
    padding: 0 0 8px;
    list-style: none;
    border-bottom: 2px solid #e7e7e7;
}

    .newtab_nav li {
        margin: 0px 5px 0 0;
        border-right: 1px solid #fff;
        float: left;
        background: #557ebf;
        color: #000;
        cursor: pointer;
        border-radius: 5px;
    }

        .newtab_nav li a {
            color: #000;
            padding: 6px 10px;
            display: block;
        }

        .newtab_nav li:hover {
            background: #557ebf;
        }

            .newtab_nav li:hover, .newtab_nav li:hover a {
                color: #000;
                text-decoration: none;
            }

.add_info {
    font-size: 13px;
    color: #888;
}

.newtabbtl_box {
    padding: 15px;
    margin-top: 5px;
    background: #f5f5f5;
}

    .newtabbtl_box h2 {
        background: #fff;
        padding: 5px 8px;
        font-size: 16px;
        margin: 0 0 4px;
    }

    .newtabbtl_box p {
        margin: 0 0 10px;
        padding: 10px;
        font-size: 13px;
        background: #fff
    }

.newtabcheckin {
    background: #f6f6f6;
    padding: 4px;
    float: left;
    margin-right: 5px;
    font-size: 12px
}

/*.newtabcheckin b {
        color: #2f75c5
    }*/

.newtabheading {
    background: #eaeaea;
    color: #000;
    padding: 10px 15px;
    font-size: 18px;
    margin: 15px 0 0;
}

.htlroombox {
    max-width: 1180px;
    overflow-x: auto
}

.newtab_table {
    background: #fff;
    margin-right: 5px;
}

    .newtab_table:last-child {
        margin-right: 0
    }

    .newtab_table th {
        text-align: left;
        background: #ebebeb;
        color: #2f75c5;
        font-weight: 400
    }

    .newtab_table td, .newtab_table th {
        border: none;
        vertical-align: top
    }

    .newtab_table tr.active, .newtab_table tr:hover {
        background: #fbe1a2
    }

.newtabhtlpricebox {
    float: right;
    width: 40%;
    font-size: 17px;
    text-align: right
}

    .newtabhtlpricebox span {
        font-size: 19px;
        font-weight: 700;
        color: #000
    }

    .newtabhtlpricebox dfn {
        font-size: 16px;
        color: #2f75c5
    }

.newtabhtml {
    background: #ffba00;
    color: #000;
    padding: 4px;
    float: left;
    margin-right: 8px
}

[data-title]:after {
    position: absolute;
    content: attr(data-title);
    color: #555;
    background: #d7d7d7;
    padding: 3px 5px;
    border-radius: 3px;
    font-size: 12px;
    margin-left: -20px;
    font-family: halvetica, Sans-Serif;
    white-space: nowrap;
    z-index: 15;
    margin-top: 20px;
    transition: .2s .2s ease-in;
    visibility: hidden
}

[data-title]:hover:after {
    visibility: visible;
    color: #555
}

.room_head {
    background: #2f75c5;
    color: #fff;
    font-weight: 500;
    padding: 6px 10px;
    margin: 0;
    font-size: 16px;
}

.roomcol_sec {
    margin-top: 10px;
}
/*Booking Queue*/

.action_btn a {
    display: inline-block;
}

.action_btn .fa {
    background: #557ebf;
    color: #fff;
    padding: 5px 7px;
    border-radius: 4px;
    font-size: 16px;
    vertical-align: middle;
}

.open_link {
    background: #557ebf;
    padding: 3px 10px 4px;
    border-radius: 5px;
    color: #fff;
    vertical-align: middle;
    height: 27px;
}

    .open_link[disabled="disabled"], .open_link[disabled="disabled"]:hover {
        background: #D3D3D3;
        color: #000;
    }

    .open_link:hover {
        background: #8aa6d2;
        color: #fff;
        text-decoration: none;
    }



.action_btn .fa:hover {
    background: #8aa6d2;
    color: #fff
}
/*No Result Found*/

svg {
    padding-top: 75px;
}

.ht_height {
    height: 440px;
}

.nfound i.fa-exclamation {
    position: absolute;
    top: 130px;
    left: 130px;
    font-size: 70px;
    color: #eb4435
}

.nfound i.fa-meh-o {
    position: absolute;
    top: 120px;
    left: 110px;
    font-size: 80px;
    color: #eb4435
}

.nfound_bxicon {
    width: 320px;
    display: inline-block;
    position: relative;
}

.nfound i.fa-search {
    position: absolute;
    top: 125px;
    left: 115px;
    font-size: 65px;
    color: #eb4435
}

.nfound i.fa-times {
    position: absolute;
    top: 145px;
    left: 134px;
    font-size: 20px;
    color: #000;
}

.white_bg {
    background: #fff;
}

.message-box {
    height: 200px;
    width: 380px;
    color: #eb4435;
    font-weight: 300;
    display: inline-block;
}

    .message-box h1 {
        font-size: 70px;
        line-height: 46px;
        margin: 20px 0;
    }

    .message-box .ch_heading {
        font-size: 90px;
    }

    .message-box p {
        font-size: 21px;
        color: #000;
    }

.action-link-wrap a {
    font-size: 16px;
    color: #000;
    cursor: pointer;
}

#Polygon-1, #Polygon-2, #Polygon-3, #Polygon-4, #Polygon-4, #Polygon-5 {
    animation: float 1s infinite ease-in-out alternate;
}

#Polygon-2 {
    animation-delay: .2s;
}

#Polygon-3 {
    animation-delay: .4s;
}

#Polygon-4 {
    animation-delay: .6s;
}

#Polygon-5 {
    animation-delay: .8s;
}

@keyframes float {
    100% {
        transform: translateY(20px);
    }
}

@keyframes float {
    100% {
        transform: translateY(20px);
    }
}
/*New Style for booking page*/

.tripDiv {
    border: 1px solid #f9bc38;
    background-color: #ffe5ad;
}

.font-20 {
    font-size: 20px;
}

.bg_wt {
    background-color: #fff;
}

.cardfn {
    border: 1px solid rgba(0, 0, 0, .125);
    transition: none;
    border-radius: 0;
}

    .cardfn:hover {
        transform: none;
        box-shadow: none;
    }

.Fwidth {
    width: 100%;
    float: left;
}

.margin-top--1 {
    margin-top: -1px;
}

.action_btn a:not([href]) {
    cursor: pointer
}

.red, .action_btn a.red:not([href]) {
    color: red;
}

.lgreen, .action_btn a.lgreen:not([href]) {
    color: #26b74e;
}

.action_btn a.cl_grey:not([href]) {
    color: #a3a3a3;
}

.bredtext {
    color: #0c5ca4;
    float: left;
    padding: 3px 30px 3px 0;
    position: relative;
}

    .bredtext:not(:last-of-type):after {
        content: "❯";
        position: absolute;
        right: 11px;
        top: 6px;
        font-size: 11px;
        color: #333;
    }

.finputR {
    border-radius: .25rem 0 0 .25rem;
    color: #6d6d6d;
}
/*New Style for booking page End*/

/* Transfer css*/

.transfer_search_form {
    width: 90%;
    margin: 0 auto;
    padding: 15px 20px 25px;
    background: rgba(2, 42, 86, 0.7);
    border: 2px solid rgba(248, 248, 248, 0.4);
    border-radius: 10px;
}

.transfer_search_form_modify {
    width: 90%;
    margin: 0 auto;
    padding: 0px 20px 45px;
}
/*select.form_control{color:#a3a3a3}*/

.transfer_pack_img {
    width: 100px;
    height: 100px;
}

.ui-datepicker td span, .ui-datepicker td a {
    padding: 0.2em;
}

/*footer*/



.pagination-sm .page-link {
    padding: 3px 10px;
    line-height: 20px;
    margin: 0 1px;
    font-size: 12px;
    color: #557ebf;
}

.page-item.active .page-link {
    background-color: #557ebf;
    border-color: #557ebf;
}

.search_pol_ul {
    list-style: none;
    border-radius: 6px;
    padding: 6px;
    margin: 0;
    border: 2px solid #eaeef3;
    position: absolute;
    left: 0;
    top: 100%;
    background: #fff;
    z-index: 2;
    width: 400px;
}

    .search_pol_ul p {
        /*color:#333;*/
        margin: 0;
    }

        .search_pol_ul p:last-child {
            margin-bottom: 0;
        }

    .search_pol_ul li {
        padding: 3px 7px;
    }

        .search_pol_ul li:nth-child(even) {
            background: #f5f5f5;
        }

        .search_pol_ul li a {
            display: block;
        }

        .search_pol_ul li:hover {
            background: #e9eef3;
        }

            .search_pol_ul li:hover a {
                text-decoration: none;
                color: #000;
            }

.toggle.btn {
    height: 26px !important;
    width: 95px !important;
    min-height: 26px;
}

.toggle-group .btn {
    font-size: 13px;
    line-height: 11px;
}

.btn-light.toggle-off {
    background-color: #dae0e5;
}

.search_pol_ul li span {
    color: #000
}

.close_btn {
    cursor: pointer;
    font-size: 25px;
    position: absolute;
    right: 0;
    top: -29px;
    color: #dc3545;
}

.main_heading {
    font-size: 22px;
    color: #557ebf; /*text-shadow: 0px 6px 2px #efe9e9;*/
}

textarea.ad_textarea {
    resize: none;
    height: 107px;
}

#upload {
    opacity: 0;
    height: 34px;
}

#upload-label {
    position: absolute;
    top: 50%;
    left: 8px;
    transform: translateY(-50%);
    white-space: nowrap;
    width: calc(100% - 99px);
    overflow: hidden;
    text-overflow: ellipsis;
}

.btn_upload {
    background: #eaeaea;
    cursor: pointer;
    margin: 3px 3px !important;
    border-radius: 5px;
    padding: 3px 10px;
}

    .btn_upload:hover {
        background: #557ebf;
        color: #000
    }

.image-area {
    border: 1px dashed rgb(234, 234, 234);
    padding: 4px;
    position: relative;
    width: 90px;
    height: 90px;
    border-radius: 4px;
}

    .image-area::before {
        content: 'Uploaded image result';
        color: #fff;
        font-weight: bold;
        text-transform: uppercase;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 0.8rem;
        z-index: 1;
    }

    .image-area img {
        z-index: 2;
        position: relative;
        width: 100%;
        height: 100%;
    }

.upload_logo {
    border: 1px solid #ced4da;
    border-radius: 5px;
}

.ui-tooltip.ui-widget {
    background-color: #fff;
    font-size: 11px;
    opacity: 1;
    box-shadow: 0 0 0;
    border-radius: 0;
}

.msg_bx .fa {
    font-size: 55px;
}

.overlay_5 {
    background: rgba(0,0,0,0.5);
}
/*.collapse_tree table {border-width: 0; width: 100%; text-align: left; background: #f5f5f5; margin-bottom: 2px;}
.collapse_tree table td:nth-last-child(2){width: 25px;}
.collapse_tree table td{padding:5px;}
.collapse_tree table td:nth-last-child(3){background:#fff; width:25px;}*/
.disabled_btn {
    cursor: not-allowed;
}

    .disabled_btn .fa, .disabled_btn .fa:hover {
        background: #d2dde8 !important;
        color: #fff;
    }

.btn_mid[disabled="disabled"], btn_mid[disabled="disabled"]:hover {
    background: #d2dde8 !important;
    color: #7b7777 !important;
    opacity: 0.8;
    cursor: not-allowed;
}

.policydetail {
    font-size: 12px;
    transition: 0.3s ease-in;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    width: 305px;
    right: 0;
    padding-top: 8px;
    z-index: 2;
}

.policydetailinner {
    background: #fff;
    border: 2px solid #dee2e6;
}

.pol_txt {
    position: relative;
    display: inline-block;
    min-width: 100px;
}

.policyContainer:hover .pol_txt:before {
    content: "";
    position: absolute;
    top: 18px;
    right: 0px;
    left: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 8px solid #dee2e6;
    text-shadow: 0 0 2px #f5f5f5;
}

.policyContainer:hover .policydetail {
    visibility: visible;
    opacity: 1;
}

.policyContainer table td, .policyContainer table th {
    padding: 5px;
}

.add_popup[style="opacity: 0.3;"] .form_control {
    pointer-events: none;
}

.add_popup[style="opacity: 1;"] .form_control {
    pointer-events: visible;
}

.morecontent span {
    display: none;
}

.morelink {
    display: inline-block !important;
}

.main_head {
    background: #557ebf;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 400;
    color: #000;
    padding: 6px 15px
}

.banner_inner {
    width: 100%;
    height: 350px;
    position: relative;
    /*border-bottom: 5px solid #557ebf;*/
    background: url(../images/mainbg2.jpg) no-repeat right !important;
    background-size: cover !important;
}

    .banner_inner h3 {
        color: #000;
        font-weight: normal;
        font-size: 40px;
        padding-left: 0;
        display: flex;
        text-shadow: 0 1px 2px #fff;
        height: 100%;
        align-items: center;
    }

    .banner_inner img {
        height: 100%;
        float: right;
    }
/*.inner_pages_cnt p{margin:12px 0;}*/
.inner_pages_cnt p:last-child, .inner_pages_cnt ul:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.cont_bx {
    position: relative;
    padding: 14px 0 10px;
}

    .cont_bx .fa {
        font-size: 25px;
        color: #557ebf;
        width: 40px;
        text-align: center;
        float: left;
        padding-top: 3px;
    }

    .cont_bx .fa-phone {
        padding-top: 7px;
    }

    .cont_bx p, .cont_bx address {
        width: calc(100% - 40px);
        float: right;
    }

        .cont_bx p span, .cont_bx address span {
            display: block;
            font-weight: bold;
        }

        .cont_bx p a {
            color: #000;
        }

.map_bx {
    height: 350px;
    width: 100%;
    margin-top: 15px;
    border: 2px solid #dee2e6;
}

.about_banner {
    background: #fbfbfc url(../images/aboutus-l-min.png) no-repeat right !important;
    background-size: cover !important;
}

.contact_banner {
    background: #fbfbfc url(../images/contact-us.jpg) no-repeat 50% top;
}

.privacy_banner {
    background: #fbfbfc url(../images/privacy-policy.jpg) no-repeat 50% top;
}

.terms_banner {
    background: #fbfbfc url(../images/terms.jpg) no-repeat 50% top;
}

.faq_banner {
    background: #fbfbfc url(../images/faq-banner.jpg) no-repeat 50% top;
}

.btn-outline-primary {
    color: #557ebf !important;
    border: 1px solid #557ebf;
}

    .btn-outline-primary:hover {
        color: #fff !important;
        background: #557ebf;
    }

[data-toggle="collapse"] {
    cursor: pointer;
}

.role_tab a {
    cursor: pointer;
    background: #f5f5f5;
    padding: 3px 8px;
    border: 1px solid #fff;
}

    .role_tab .active, .role_tab a:hover {
        color: #000;
        background: #557ebf;
    }

.label_grey {
    font-size: 12px;
    margin-bottom: 0;
    color: #8c8a8a;
}

#titlediv {
    display: none;
}

.zsiq_float:hover #titlediv {
    display: block;
    animation: 0.3s zsiqcntanim !important;
}

.tic_que_dtl label {
    margin-bottom: 0;
    color: #6d7c93;
}

.tag_bx {
    background: #eaeef3;
    padding: 2.8px 10px;
    font-size: 13px;
    border-radius: 4px;
}

    .tag_bx b {
        font-weight: normal
    }

.orng {
    color: #eb4435;
}

.mfilter {
    display: none;
}

.word_break {
    word-break: break-all;
}

.wel_user {
    min-height: 350px;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    display: flex;
}

.mth {
    display: none;
}

.table-bordered thead td, .table-bordered thead th {
    border-bottom-width: 1px;
}

.rdarea {
    resize: none;
}

.admin_ul {
    list-style: none;
    padding: 0;
}

    .admin_ul li {
        border-right: 0;
    }

        .admin_ul li a {
            border-top: 1px solid #557ebf;
        }

.smenu3 .admin_ul li:nth-child(1) a, .smenu3 .admin_ul li:nth-child(2) a, .smenu3 .admin_ul li:nth-child(3) a, .smenu2 .admin_ul li:nth-child(1) a, .smenu2 .admin_ul li:nth-child(2) a {
    border-top: 0;
}

.smenu3, .smenu2, .smenu1 {
    padding: 6px 0;
}

.admin_ul li {
    padding: 0 6px !important;
}

.smenu3 .admin_ul li:nth-child(3n-1) {
    border-left: 1px solid #8aa6d2;
    border-right: 1px solid #8aa6d2
}

    .smenu3 .admin_ul li:nth-child(3n-1) a {
        margin: 0 auto;
    }

.smenu2 {
    width: 450px;
}

    .smenu2 .admin_ul li:nth-child(even) {
        border-left: 1px solid #ffce49;
    }

.more {
    display: none;
}

.myBtn {
    font-size: 13px;
}

.smore-height {
    height: 61px;
    overflow: hidden;
    display: inline-block;
}

.pack_mid .pb-2 a {
    font-size: 12px;
}

.searchpopup img {
    padding: 24px 0 16px;
}

.progress_staus {
    background: #fff; /*border:1px solid #fff;*/
    border-radius: 6px;
    overflow: hidden;
    padding: 0;
    border: 1px solid #e2e5e9;
}

    .progress_staus li {
        float: left;
        list-style: none;
        font-size: 14px;
        width: 20%;
        color: #919191;
        position: relative;
        padding: 16px 16px 16px 20px;
    }

        .progress_staus li:first-child {
            padding: 16px 16px 16px 16px;
        }

        .progress_staus li span {
            width: 25px;
            height: 25px;
            border-radius: 50%;
            background: #e5e5e5;
            display: inline-block;
            text-align: center;
            font-size: 12px;
            font-weight: normal;
            position: relative;
            z-index: 1;
            line-height: 25px;
            margin-right: 3px;
            color: #787878;
        }

        .progress_staus li strong {
            overflow: hidden;
            width: calc(100% - 32px);
            display: inline-block;
            position: relative;
            z-index: 1;
            font-weight: normal;
            vertical-align: middle;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .progress_staus li.active:before {
            content: "";
            color: #000;
            position: absolute;
            background: #e4eee7;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
        }

        .progress_staus li.active:after {
            content: "";
            color: #000;
            position: absolute;
            background: #557ebf;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 4px;
            z-index: 1;
        }

        .progress_staus li.active span {
            color: #fff;
            background: #557ebf;
        }

        .progress_staus li.active, .progress_staus li.active a {
            color: #000;
        }

            .progress_staus li.active .caret_process {
                position: relative;
                right: -16px;
                top: 0;
                z-index: 1;
                height: 100%;
                width: 12px;
            }

                .progress_staus li.active .caret_process:before {
                    content: "";
                    color: #000;
                    position: absolute;
                    right: -13px;
                    top: -18px;
                    width: 100%;
                    height: 100%;
                    border-top: 30px solid transparent;
                    border-bottom: 30px solid transparent;
                    border-left: 12px solid #fff;
                }

                .progress_staus li.active .caret_process:after {
                    content: "";
                    color: #000;
                    position: absolute;
                    right: -12px;
                    top: -18px;
                    width: 100%;
                    height: 100%;
                    border-top: 30px solid transparent;
                    border-bottom: 30px solid transparent;
                    border-left: 12px solid #e4eee7;
                }

    .progress_staus.fprocess li {
        width: 25%;
    }

.btn-outline-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle {
    background-color: #557ebf;
    border-color: #557ebf;
    color: #fff;
}

    .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus, .btn-outline-primary.focus, .btn-outline-primary:focus {
        box-shadow: 0 0 0;
    }

.hnfound {
    background: #fff;
    padding: 20px;
    text-align: center;
    border-radius: 5px;
}

    .hnfound h2 {
        font-size: 22px;
        font-weight: bold;
    }

        .hnfound h2 img {
            margin-right: 8px;
        }

.req_bx {
    width: 400px;
    max-width: 100%;
    margin: 0 auto;
}

.cl_blue {
    color: #004784
}

.filter_sec {
    border: 1px solid #dbffe4;
    border-radius: 5px;
    margin-top: -45px;
}

    .filter_sec .col-lg-2 {
        border-right: 1px solid #dddddd;
    }

        .filter_sec .col-lg-2:last-child {
            border-right: 0;
        }

.filter_sec_inner {
    min-height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .filter_sec_inner .active {
        color: #32a953
    }

    .filter_sec_inner .fa-caret-down {
        font-size: 24px;
        margin-left: 8px;
        vertical-align: sub;
    }

.fil_bt {
    background: #557ebf;
    border: 0;
    color: #fff;
    transition: 0.5s;
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 5px;
}

.custom-control-label::before, .custom-control-input:checked ~ .custom-control-label::before, .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    background-color: #f1f1f1;
    border: #787878 solid 1px;
}

.custom-switch .custom-control-label::before {
    border-radius: 7px;
    width: 35px;
}

.custom-switch .custom-control-label::after {
    top: calc(.28rem + 2px);
    left: calc(-2.1rem + 2px);
    width: calc(0.9rem - 4px);
    height: calc(0.9rem - 4px);
    background-color: #787878;
    border-radius: .5rem;
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #557ebf;
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    left: calc(-1.9rem + 2px);
}

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0;
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border: #787878 solid 1px;
}

.custom-control, .custom-control-label {
    cursor: pointer;
}

.sortby select {
    background: transparent;
    border: 0;
    outline: none;
    /*-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;*/
    padding: 0 2px;
}

.res_info {
    color: #000;
    text-align: center;
    font-size: 12px;
    background: #dddddd;
    padding: 5px;
}

input, select {
    outline: 0
}

.res_info .fa {
    font-size: 20px;
    vertical-align: text-top;
    color: #557ebf;
}

    .res_info .fa.fa-caret-down {
        font-size: 18px;
        vertical-align: middle;
    }

.fil_bx {
    position: absolute;
    top: 46px;
    background: #fff;
    border: 1px solid #787878;
    border-radius: 5px;
    width: 100%;
    text-align: left;
    padding: 10px;
    z-index: 2;
}

.clr_btn {
    font-size: 12px;
}

.fil_bx .fa-star {
    color: #557ebf
}

.fil_bx label:last-child {
    margin-bottom: 0;
}

.custom-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background: #557ebf;
    cursor: pointer;
}

.ads_banner {
    text-align: center;
}

    .ads_banner img {
        max-width: 100%;
    }

.table td.tpad {
    height: 50px;
    vertical-align: middle;
}

.nfound_bx {
    min-height: 450px;
}

.cl_yellow {
    color: #557ebf
}

.inner_pages_cnt {
    background: #fff;
    padding: 20px;
}

.nfound_bx h3 {
    font-size: 24px;
}

.nfound_bx h5 {
    font-size: 17px;
    margin-top: 5px;
}

.content_bx {
    margin-bottom: 15px;
    border-radius: 5px;
    background: #fff;
    padding: 15px;
}

    .content_bx:last-child {
        margin-bottom: 0;
    }

.summary_bx .table td, .summary_bx .table th {
    padding: 4px 7px;
    border-top: 0;
}

.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.sum_head {
    padding: 10px 8px;
    font-size: 16px;
}

.role_bx {
    margin-bottom: 10px;
}

    .role_bx:last-child {
        margin-bottom: 0
    }

.role_bx_inner {
    border: 1px solid #dee2e6;
    padding: 12px 25px;
}

.role_bx h2 {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    padding: 10px;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
    border-bottom: 0;
}

.ch_grey {
    padding: 3px;
    font-size: 13px;
}

    .ch_grey:nth-child(even) {
        background: #f8f9fa;
    }

    .ch_grey .mycheck input[type="checkbox"] + label {
        margin-right: 0;
    }

.filter_bx {
    background: #fff;
    padding: 18px;
    border-bottom: 1px solid #eff0f2;
}

    .filter_bx:first-child {
        border-radius: 5px 5px 0 0;
    }

    .filter_bx label {
        display: block;
        font-size: 15px;
        margin-top: -5px;
    }

        .filter_bx label span {
            float: right;
            color: #a3a3a3;
        }

        .filter_bx label a {
            color: #a3a3a3;
            font-size: 12px;
            border-right: 1px solid #a3a3a3;
            padding: 0 3px 0 0px;
            line-height: 12px;
            display: inline-block;
        }

        .filter_bx label span a:last-child {
            border-right: 0;
            padding-right: 0;
        }

    .filter_bx .app_filter a {
        text-transform: uppercase;
        font-size: 13px;
    }

.fil_badge span .fa-star {
    color: #557ebf
}

.fil_badge span {
    border: 1px solid #e0e0e0;
    padding: 2px 6px;
    display: inline-flex;
    border-radius: 15px;
    font-size: 12px;
    align-self: center;
    font-weight: 600;
    margin-right: 4px;
    margin-top: 5px;
    margin-bottom: 5px;
    align-items: center;
}

.fil_remove {
    width: 17px;
    height: 17px;
    background: #e6e6e5;
    font-size: 10px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    font-weight: bold;
    line-height: 16px;
    margin-left: 5px;
    color: #000;
    vertical-align: middle;
}

    .fil_remove:hover {
        text-decoration: none;
        color: #d80000
    }

.map_hotel {
    width: 100%;
    height: 100px;
}

.advisor_ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

    .advisor_ul li {
        margin-bottom: 5px;
    }

        .advisor_ul li:last-child {
            margin-bottom: 0
        }

    .advisor_ul .fa-tripadvisor {
        font-size: 20px;
    }

.circle_rating {
    background: #589441;
    position: relative;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    display: inline-block;
}

    .circle_rating.full:before {
        content: "";
        width: 10px;
        height: 10px;
        left: 0;
        right: 0;
        margin: 0 auto;
        background: #589441;
        border: 1px solid #ffffff;
        position: absolute;
        border-radius: 50%;
        top: 2px;
    }

    .circle_rating.half:before {
        content: "";
        width: 10px;
        height: 6px;
        left: -4px;
        right: 0;
        margin: 0 auto;
        background: #579240;
        border: 1px solid #ffffff;
        position: absolute;
        border-top-right-radius: 15px;
        border-top-left-radius: 15px;
        top: 4.6px;
        transform: rotate(-90deg);
        border-bottom: 0;
    }

    .circle_rating.half:after {
        content: "";
        width: 10px;
        height: 6px;
        right: -5px;
        left: 0;
        margin: 0 auto;
        background: #ffffff;
        border: 1px solid #ffffff;
        position: absolute;
        border-top-right-radius: 15px;
        border-top-left-radius: 15px;
        top: 4.6px;
        transform: rotate(90deg);
        border-bottom: 0;
    }

.actionbox {
    background: #0c5ca4;
    color: #fff;
    border-radius: 5px;
    margin-top: 8px;
    padding: 8px 0;
    z-index: 100;
    width: 350px;
}

    .actionbox::after {
        border-width: 27px 10px;
        border-color: transparent transparent transparent #0c5ca4;
        border-style: solid;
        content: "";
        position: absolute;
        right: -19px;
        top: 0;
    }

.conticon {
    display: inline-flex;
    justify-content: center;
    border-radius: 5px;
    width: 35px;
    height: 35px;
    padding: 4px;
    font-size: 24px;
    background: #fff;
    color: #333;
    cursor: pointer;
    margin-left: 5px;
}

.actionlink {
    color: #fff;
    line-height: 14px;
}

    .actionlink:hover {
        color: #f7f7f7;
    }

.whapp {
    background-color: #02d42c;
    color: #fff;
}

.comp {
    color: #f99a00;
}

.sresult {
    list-style: none;
    width: 100%;
    padding-left: 0;
    margin: 0;
    display: table;
    border: 1px solid #e0e0e0;
}

    .sresult li {
        width: 50%;
        padding: 6px;
        display: table-cell;
        text-align: center;
        background: #fafafb;
        border-right: 1px solid #e0e0e0
    }

        .sresult li a {
            color: #000;
        }

        .sresult li:last-child {
            border-right: 0
        }

        .sresult li.active {
            font-weight: bold;
            background: #f2f4ff;
            position: relative;
        }

            .sresult li.active:before {
                content: "";
                position: absolute;
                left: 0;
                right: 0;
                bottom: -9px;
                width: 0;
                height: 0;
                border-left: 14px solid transparent;
                border-right: 14px solid transparent;
                border-top: 8px solid #e0e0e0;
                margin: 0 auto
            }

            .sresult li.active:after {
                content: "";
                position: absolute;
                left: 0;
                right: 0;
                bottom: -8px;
                width: 0;
                height: 0;
                border-left: 13px solid transparent;
                border-right: 13px solid transparent;
                border-top: 8px solid #f2f4ff;
                margin: 0 auto;
            }

.filter_dropdown {
    font-size: 13px;
}

.sresult li .fa {
    color: #d80000;
    font-size: 18px;
    vertical-align: middle;
    margin-right: 4px;
}

.sortby_ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

    .sortby_ul li {
        float: left;
        width: 22.5%;
        margin-right: 0.5%;
    }

        .sortby_ul li:last-child {
            width: 32%;
        }

        .sortby_ul li:first-child {
            width: 20%;
        }

.fil_field {
    width: 100%;
    position: relative;
}

.fil_input {
    width: 100%;
    border: 1px solid #e0e0e0;
    background: #fafafb;
    height: 34px;
    padding: 0 20px 0 5px;
}

.fil_field .fa {
    position: absolute;
    right: 6px;
    font-size: 11px;
    color: #a8c1d6;
    top: 12px;
}

.sortby_ul label {
    padding-top: 8px;
}

.fil_field1 {
    position: relative;
}

    .fil_field1 .fa {
        position: absolute;
        right: 7px;
        top: 7px;
        color: #000;
        font-size: 19px;
    }

    .fil_field1 .fil_input {
        padding: 0 26px 0 10px
    }

.rd_bx {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 12px;
}

    .rd_bx li {
        display: inline-block;
        margin-right: 15px;
    }

    .rd_bx .fa {
        font-size: 18px;
        vertical-align: bottom;
        color: #818181;
    }

.fav_add {
    position: absolute;
    left: 8px;
    top: 1px;
    color: #bab6b6;
    cursor: pointer;
    font-size: 20px;
    z-index: 1;
}

    .fav_add.active .fa {
        color: #d80000;
    }

.btn_room {
    width: 100%;
    padding: 6px 10px;
    transition: 0.5s;
    border: 0;
    font-weight: bold;
    font-size: 15px;
    display: inline-block;
}

.pack_margin {
    border-left: 1px solid #e0e0e0;
    margin: -14px 0;
}

.pack_rht_inner {
    padding: 10px 10px;
}

.pack_margin .price_dtl {
    font-size: 19px;
}

.trans_img {
    width: 152px;
    height: 130px;
}

.greybg {
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 100;
    ;
}

.myclose {
    position: absolute;
    right: 8px;
    top: 2px;
    font-size: 33px;
    color: #557ebf;
    line-height: 33px;
}

    .myclose:hover {
        text-decoration: none;
    }

.errorpopup {
    width: 98%;
    max-width: 800px;
    border-radius: 10px;
    box-shadow: 2px 3px 4px #c6c6c6;
    position: fixed;
    left: 0;
    right: 0;
    margin: auto;
    top: 20%;
    background: #fff;
    z-index: 1020;
}

.hotelroompop {
    display: none;
    width: 98%;
    max-width: 1200px;
    max-height: 98vh;
    overflow-y: auto;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 110;
    margin: auto;
    background: #fff;
    border: 1px solid #e9e9e9;
    box-shadow: 2px 2px 3px #c6c6c6;
    border-radius: 5px;
    overflow-x: hidden;
    padding-bottom: 10px;
}

.htlheader {
    background: #f2f2f2;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 15px;
    margin-top: 20px;
}

.htldtltxt {
    background: #f9f9f9;
    padding-top: 8px;
    padding-bottom: 8px;
    border-right: 1px solid #e9e9e9;
}

.htldtlrow {
    padding: 0 15px;
    border: 1px solid #e9e9e9;
    margin-top: -1px;
}

.paxselect {
    padding: 5px;
    border: 1px solid #e0e0e0;
    width: 80px;
    background: #fafafb url('../images/down.jpg') no-repeat 97% center;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.vehicletype {
    color: #666;
    font-size: 13px;
}

    .vehicletype b {
        font-size: 17px;
        color: #000;
    }

    .vehicletype span {
        display: block;
    }

.font18 {
    font-size: 18px;
}

.btnodd {
    border: 1px solid #052648 !important;
    color: #052648;
    margin-bottom: 5px;
    text-decoration: none;
}

.trnsfrbox:not(:last-child) {
    border-bottom: 1px solid #e6e6e5;
}

.book_process {
    background: #fff;
    margin-bottom: 0;
    width: 100%;
    text-align: center;
    border-radius: 5px;
    list-style: none;
    padding: 0;
    display: table;
}

    .book_process .bookli {
        display: table-cell;
        vertical-align: middle;
        padding: 13px 20px;
        border-right: 1px solid #035115;
        color: #8d8d8d;
    }

.bookli:not(:first-child) {
    background: #f0f0f0;
}

.book_process .bookli:last-child {
    border-right: 0;
    border-radius: 0px 5px 5px 0;
}

.mod_srch {
    color: #557ebf;
    border-bottom: 1px solid #fddfa6;
    font-size: 16px;
    transition: 0.5s;
}

    .mod_srch:hover {
        border-color: #557ebf;
        color: #557ebf;
        text-decoration: none;
    }

.head_process {
    font-weight: 600;
    font-size: 15px;
    padding-bottom: 8px;
}

.nobx {
    width: 24px;
    height: 24px;
    background: #e5e5e5;
    text-align: center;
    color: #919191;
    display: inline-block;
    border-radius: 50%;
    font-size: 12px;
    line-height: 24px;
    margin-right: 2px;
}

.bookli.active {
    color: #000;
    background: #fff;
}

.bookli.visited {
    background: #fff;
    color: #4271bf;
}

.bookli.active .nobx {
    background: #557ebf;
    color: #000;
}

.bookli.visited .nobx {
    background: #4271bf;
    color: #fff;
}

.bookli.visited ul li {
    color: #4271bf;
}

    .bookli.visited ul li span {
        background: #375d9d;
    }

.bookli ul {
    list-style: none;
    width: 100%;
    padding-left: 0;
    display: table;
    font-size: 15px;
}

    .bookli ul li {
        position: relative;
        padding-right: 10px;
        color: #919191;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        /*margin-right: 4%;*/
        display: table-cell;
    }

        .bookli ul li span {
            width: 11px;
            height: 11px;
            display: inline-block;
            border-radius: 50%;
            background: #e5e5e5;
        }

        .bookli ul li .fa {
            display: none;
        }

        .bookli ul li.visited {
            color: #557ebf;
            padding-right: 25px;
        }

            .bookli ul li.visited span {
                background: #557ebf;
            }

        .bookli ul li.active {
            color: #557ebf;
            padding-right: 25px;
        }

            .bookli ul li.active span {
                background: #557ebf;
            }

            .bookli ul li.active .fa {
                color: #557ebf;
                position: absolute;
                display: block;
                right: 9px;
                top: 4px;
                font-weight: 600;
                font-size: 16px;
            }

.bprocess_btn {
    background: #cccccc;
    color: #818181;
    border: 0;
    border-radius: 5px;
    padding: 3px 8px;
    font-size: 13px;
    transition: 0.5s;
    margin-left: 2px;
}

.filter_bx {
    background: #fff;
    padding: 18px;
    border-bottom: 1px solid #eff0f2;
}

    .filter_bx:first-child {
        border-radius: 5px 5px 0 0;
    }

    .filter_bx label {
        display: block;
        font-size: 15px;
        margin-top: -5px;
    }

        .filter_bx label span {
            float: right;
            color: #a3a3a3;
        }

        .filter_bx label a {
            color: #a3a3a3;
            font-size: 12px;
            border-right: 1px solid #a3a3a3;
            padding: 0 3px 0 0px;
            line-height: 12px;
            display: inline-block;
        }

        .filter_bx label span a:last-child {
            border-right: 0;
            padding-right: 0;
        }

    .filter_bx .app_filter a {
        text-transform: uppercase;
        font-size: 13px;
    }

.fil_badge span .fa-star {
    color: #ffba00
}

.fil_badge span {
    border: 1px solid #e0e0e0;
    padding: 2px 3px 2px 5px;
    display: inline-flex;
    border-radius: 15px;
    font-size: 12px;
    align-self: center;
    font-weight: 600;
    margin-right: 4px;
    margin-top: 5px;
    margin-bottom: 5px;
    align-items: center;
}

.fil_remove {
    width: 17px;
    height: 17px;
    background: #e6e6e5;
    font-size: 10px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    font-weight: bold;
    line-height: 16px;
    margin-left: 5px;
    color: #000;
    vertical-align: middle;
}

    .fil_remove:hover {
        text-decoration: none;
        color: #d80000
    }

.map_hotel {
    width: 100%;
    height: 100px;
}

.advisor_ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

    .advisor_ul li {
        margin-bottom: 5px;
    }

        .advisor_ul li:last-child {
            margin-bottom: 0
        }

    .advisor_ul .fa-tripadvisor {
        font-size: 20px;
    }

.circle_rating {
    background: #589441;
    position: relative;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    display: inline-block;
}

    .circle_rating.full:before {
        content: "";
        width: 10px;
        height: 10px;
        left: 0;
        right: 0;
        margin: 0 auto;
        background: #589441;
        border: 1px solid #ffffff;
        position: absolute;
        border-radius: 50%;
        top: 2px;
    }

    .circle_rating.half:before {
        content: "";
        width: 10px;
        height: 6px;
        left: -4px;
        right: 0;
        margin: 0 auto;
        background: #579240;
        border: 1px solid #ffffff;
        position: absolute;
        border-top-right-radius: 15px;
        border-top-left-radius: 15px;
        top: 4.2px;
        transform: rotate(-90deg);
        border-bottom: 0;
    }

    .circle_rating.half:after {
        content: "";
        width: 10px;
        height: 6px;
        right: -5px;
        left: 0;
        margin: 0 auto;
        background: #ffffff;
        border: 1px solid #ffffff;
        position: absolute;
        border-top-right-radius: 15px;
        border-top-left-radius: 15px;
        top: 4.2px;
        transform: rotate(90deg);
        border-bottom: 0;
    }

.sresult {
    list-style: none;
    width: 100%;
    padding-left: 0;
    margin: 0;
    display: table;
    border: 1px solid #e0e0e0;
}

    .sresult li {
        width: 50%;
        padding: 6px;
        display: table-cell;
        text-align: center;
        background: #fafafb;
        border-right: 1px solid #e0e0e0
    }

        .sresult li a {
            color: #000;
        }

        .sresult li:last-child {
            border-right: 0
        }

        .sresult li.active {
            font-weight: bold;
            background: #f2f4ff;
            position: relative;
        }

            .sresult li.active:before {
                content: "";
                position: absolute;
                left: 0;
                right: 0;
                bottom: -9px;
                width: 0;
                height: 0;
                border-left: 14px solid transparent;
                border-right: 14px solid transparent;
                border-top: 8px solid #e0e0e0;
                margin: 0 auto
            }

            .sresult li.active:after {
                content: "";
                position: absolute;
                left: 0;
                right: 0;
                bottom: -8px;
                width: 0;
                height: 0;
                border-left: 13px solid transparent;
                border-right: 13px solid transparent;
                border-top: 8px solid #f2f4ff;
                margin: 0 auto;
            }

.filter_dropdown {
    font-size: 13px;
}

.sresult li .fa {
    color: #d80000;
    font-size: 18px;
    vertical-align: middle;
    margin-right: 4px;
}

.sortby_ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

    .sortby_ul li {
        float: left;
        width: 22.5%;
        margin-right: 0.5%;
    }

        .sortby_ul li:last-child {
            width: 32%;
        }

        .sortby_ul li:first-child {
            width: 20%;
        }

.fil_field {
    width: 100%;
    position: relative;
}

.fil_input {
    width: 100%;
    border: 1px solid #e0e0e0;
    background: #fafafb;
    height: 34px;
    padding: 0 20px 0 5px;
}

.fil_field .fa {
    position: absolute;
    right: 6px;
    font-size: 11px;
    color: #a8c1d6;
    top: 12px;
}

.sortby_ul label {
    padding-top: 8px;
}

input[type='range'] {
    width: 100%;
    height: 30px;
    overflow: hidden;
    cursor: pointer;
    outline: none;
}

    input[type='range'],
    input[type='range']::-webkit-slider-runnable-track,
    input[type='range']::-webkit-slider-thumb {
        -webkit-appearance: none;
        background: none;
    }

        input[type='range']::-webkit-slider-runnable-track {
            width: 200px;
            height: 3px;
            background: #c2c2c2;
        }

        input[type='range']:nth-child(2)::-webkit-slider-runnable-track {
            background: none;
        }

        input[type='range']::-webkit-slider-thumb {
            position: relative;
            height: 13px;
            width: 13px;
            margin-top: -6px;
            background: #053b6c;
            border: 1px solid #053b6c;
            border-radius: 25px;
            z-index: 1;
        }


        input[type='range']:nth-child(1)::-webkit-slider-thumb {
            z-index: 2;
        }

.rangeslider {
    position: relative !important;
    /*height: 60px;*/
    width: 100%;
    display: inline-block;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: -8px;
}

    .rangeslider input {
        position: absolute;
    }

.rangeslider {
    position: absolute;
}

    .rangeslider span {
        position: absolute;
        margin-top: 21px;
        left: 0;
        font-size: 12px;
    }

    .rangeslider .right {
        position: relative;
        float: right;
    }

.mfilter {
    display: none;
}

.inp_group .form_control {
    padding-right: 33px;
}

.form_control:focus, .form_control:active {
    border-bottom-color: #557ebf;
}

.form_control1 {
    width: 100%;
    height: 38px;
    outline: none;
    border-radius: 4px;
    border: 1px solid #e1e1e1;
    padding: 10px 10px;
    background: #fff;
    transition: 0.5s;
    font-size: 13px;
}

.search_fhotel .icon {
    top: 9px;
}

.htladdress {
    padding: 8px;
    display: inline-block;
    flex-direction: column;
}

.hotelname {
    font-size: 24px;
    color: #333;
    margin: 0;
}

.htladdress address {
    color: #3575d3;
}

.hotelname .fa {
    font-size: 15px;
    color: #dbdcde;
}

    .hotelname .fa.active {
        color: #ffba00;
    }

.pd_head {
    background: #f4f4f4;
    padding: 14px 20px;
    font-size: 18px;
}

.small, small {
    font-size: 90%;
}

.pack_table .mycheck input[type="checkbox"] + label {
    line-height: 18px;
    font-size: 13px;
    padding-top: 3px;
}

.cancellationpopup {
    font-size: 13px;
    transform: scale(0);
    position: absolute;
    width: 95%;
    width: 500px;
    right: 0;
    top: 16px;
    border: 1px solid #e6e6e6;
    transition: 0.2s;
    opacity: 0;
    border-radius: 3px;
    z-index: 150;
    box-shadow: 2px 3px 5px #e6e6e6;
    background: #fff;
    margin-bottom: 10px;
}

.cancelheading {
    padding: 8px 15px;
    background: #e1e1e1;
    display: flex;
    width: 100%;
}

.cancellationpopup .myclose {
    line-height: 24px;
}

.cancellationpopup p {
    font-size: 12px;
    margin-bottom: 5px;
}

.cancellationpopup ul {
    padding-left: 25px;
}

.popdtlbox {
    border: 1px solid #e6e6e6;
    padding: 15px 0;
    text-align: center;
}

.iconbox {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #eeeded;
    color: #c6c6c6;
    display: inline-block;
    font-size: 20px;
}

.popdtlbox strong {
    font-size: 16px;
    display: block;
}

.policyContainer:hover .cancellationpopup {
    transform: scale(1);
    opacity: 1
}

.policyContainer {
    position: relative;
}

.bgwhite {
    background: #ffffff;
}

#modifyForm {
    display: none;
}

#mbooking {
    text-align: center;
    border-bottom: 2px solid #557ebf;
    padding-left: 19px;
    width: 100%;
    margin: 0 auto;
}

    #mbooking.nav-tabs .nav-item.show .nav-link, #mbooking.nav-tabs .nav-link.active {
        color: #fff;
        background-color: #557ebf;
        border-color: #557ebf;
    }

    #mbooking.nav-tabs .nav-link {
        border-color: #eee;
        color: #515151;
        background: #ededed;
        padding: .65rem 4rem;
        border-radius: 5px 5px 0 0;
        font-size: 15px;
    }

    #mbooking.nav-tabs .nav-item {
        margin: 0 2px;
    }

.popsubheading {
    padding: 10px 15px;
    background: #f2f2f2;
    color: #000;
    font-size: 18px;
    border-radius: 5px;
}

.amenities {
    padding: 0 0 0 25px;
    margin: 0;
}

    .amenities li {
        padding: 5px;
        width: 25%;
        float: left;
    }

.htlnamefrstltr {
    background: #557ebf;
    color: #fff;
    font-size: 28px;
    width: 43px;
    height: 43px;
    border-radius: 50%;
    display: inline-block;
    padding: 8px;
    text-align: center;
    line-height: 26px;
    position: relative;
    top: -10px;
}

.nav-link {
    color: inherit;
}

.htladdress {
    padding: 8px;
    display: inline-block;
    flex-direction: column;
    width: calc(100% - 50px);
}

.hotelname {
    font-size: 24px;
    color: #333;
    margin: 0;
    position: relative;
}

.hotelname_txt {
    max-width: calc(100% - 122px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    vertical-align: sub;
}

.htladdress address {
    color: #3575d3;
}


.userlikes {
    display: inline-block;
    left: 8px;
    top: 0px;
    position: relative;
    background: #0c5ca4;
    color: #fff;
    border-radius: 3px;
    padding: 2px 5px;
    align-items: center;
    font-size: 13px;
}

    .userlikes .fa {
        color: #fff;
    }

    .userlikes:before {
        border-width: 6px 12px;
        border-style: solid;
        border-color: transparent #0c5ca4 transparent transparent;
        content: "";
        position: absolute;
        left: -21px;
    }

.likes {
    padding-left: 8px;
}

.htldetailsbox {
    padding: 8px;
    border: 1px solid #e9e9e9;
    border-top: none;
}

.htlheader {
    background: #f2f2f2;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 15px;
    margin-top: 20px;
}

.htldtltxt {
    background: #f9f9f9;
    padding-top: 8px;
    padding-bottom: 8px;
    border-right: 1px solid #e9e9e9;
}

.htldtlrow {
    padding: 0 15px;
    border: 1px solid #e9e9e9;
    margin-top: -1px;
}

.paxselect {
    padding: 5px;
    border: 1px solid #e0e0e0;
    width: 80px;
    background: #fafafb url('../images/down.jpg') no-repeat 97% center;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.vehicletype {
    color: #666;
    font-size: 13px;
}

    .vehicletype b {
        font-size: 17px;
        color: #000;
    }

    .vehicletype span {
        display: block;
    }

.font18 {
    font-size: 18px;
}

.font28 {
    font-size: 28px;
}

.owl-prev, .owl-next {
    position: absolute;
    width: 35px;
    height: 35px;
    top: 50%;
    display: none;
    direction: ltr;
}

#img_gallery:hover .owl-prev, #img_gallery:hover .owl-next {
    display: block;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    background: rgba(251, 188, 18,.8);
    color: #fff;
    line-height: 25px;
    font-size: 40px;
}

.owl-prev {
    left: 0;
}

.owl-next {
    right: 0
}

.sortby_bx {
    text-align: right;
}

    .sortby_bx label {
        margin-right: 5px;
    }

    .sortby_bx .fil_field {
        width: auto;
        display: inline-block;
    }

.htl_lft {
    width: calc(100% - 340px);
    float: left;
}

.htl_rht {
    float: right;
}

.ul_cnch {
    list-style: none;
    padding: 0;
    margin: 20px 0 0;
}

    .ul_cnch li {
        display: inline-block;
        margin-right: 10px;
    }

        .ul_cnch li:last-child {
            margin-right: 0
        }

        .ul_cnch li b {
            color: #0c5ca4
        }

.avlbroom .icon {
    top: 8px;
    right: 6px;
}

.icon_copy {
    float: right;
    color: #2f75c5;
    font-size: 18px;
    opacity: 0;
    transition: 0.3s;
}

.hover_bx:hover .icon_copy {
    opacity: 1
}

.mh124 {
    min-height: 124px;
}

.theight {
    height: 435px;
    overflow-y: auto;
}

.fdiv {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 98%;
    max-width: 1200px;
    right: 0;
    margin: 0 auto;
}

.ph100 {
    height: 100%;
}

.thght {
    overflow-y: auto;
    height: 100vh;
    float: left;
    width: 100%;
    padding-bottom: 165px;
}

    .thght thead tr th {
        position: sticky;
        top: 0;
        background: #fff;
        z-index: 1;
    }

    .thght tbody tr:nth-child(even) {
        background: #F9F9F9;
    }

.owl-carousel#img_gallery .owl-dots.disabled, .owl-carousel#img_gallery .owl-nav.disabled {
    display: block
}

.questionbox {
    background: #fff;
    border-radius: 7px;
    padding: 10px 15px;
    margin-bottom: 15px;
    border: 2px solid #e6e6e6;
}

.question .down {
    padding-top: 5px;
}

.questionbox:hover {
    background: #f7f7f7;
    box-shadow: 1px 2px 3px #e6e6e6;
}

.question {
    display: flex;
    justify-content: space-between;
    font-size: 20px;
    cursor: pointer;
}


.answerbox {
    padding: 10px 0 15px;
    font-size: 16px;
    display: none;
}

.down {
    color: #557ebf;
}

.question:hover .down {
    text-decoration: none;
    color: #557ebf;
}

.down.active {
    text-decoration: none;
    color: #557ebf;
}

.filter_popup {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 0;
    margin: auto;
    max-width: 500px;
    border-radius: 8px;
    z-index: 110;
}

.whitebgpopup {
    background: rgba(255,255,255,0.85);
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 100;
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0
    }

    100% {
        background-position: 468px 0
    }
}

.animated-background {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%,#dddddd 18%,#eeeeee 33%);
    background-size: 1000px 104px;
    position: relative
}

.filter_popup img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 0;
    margin: auto;
    max-width: 500px;
    border-radius: 8px;
    z-index: 110;
    width: 70px;
    height: 70px;
}

.pack_img img, .transfer_pack_img img, .trans_img img {
    width: 100%;
    height: 100%;
}

.loadimg2 {
    height: 180px;
}

.animated-background .animated-background_inner {
    display: none;
}

.animated-background_inner {
    width: 100%;
    height: 100%;
    font-size: 13px;
}

.search_form .label_txt small {
    color: #787d81;
    font-style: italic;
    font-size: 13px;
}

.nestedul {
    padding-left: 16px;
}

    .nestedul .nestedul {
        margin-top: 5px;
    }

.nested.nestedul {
    list-style: none
}

.nested input {
    border: 1px solid #ccc;
    height: 32px;
    font-size: 14px;
    background: #fff;
    border-radius: 4px;
    padding: 8px;
    width: 100%;
    max-width: 100%;
    margin: 0px 0 3px 0;
}

    .nested input:focus {
        border: 1px solid #26b74e;
    }

.text-danger {
    font-size: 14px;
}

.ft_copyrht {
    display: block;
    text-align: right;
    font-size: 12px;
}

.welmsg {
    border-radius: 10px;
    padding: 20px;
    font-size: 15px;
    width: 1000px;
    max-width: 100%;
    margin: 0 auto;
    background: #557ebf;
    text-align: center;
}

    .welmsg span {
        color: #557ebf;
        font-weight: bold;
        display: block;
        font-style: italic;
    }

#myTab li a {
    position: relative
}

    #myTab li a.disabled:before {
        content: "Please select previous rooms to enable next room selection";
        position: absolute;
        bottom: -40px;
        width: 190px;
        background: #557ebf;
        text-align: center;
        font-size: 12px;
        padding: 5px;
        color: #fff;
        line-height: 14px;
        border-radius: 4px;
        z-index: 1;
        opacity: 0;
        left: -60px;
    }

    #myTab li a.disabled:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #557ebf;
        bottom: -2px;
        opacity: 0;
        left: 33px;
    }

#myTab li:hover a.disabled:after, #myTab li:hover a.disabled:before {
    opacity: 1;
}

.pcc_btn {
    background: #32a953;
    color: #fff;
    padding: 2px 8px 1px;
    display: inline-block;
    font-size: 11px;
    border-radius: 15px;
    transition: 0.3s;
    text-decoration: none;
}

    .pcc_btn:hover {
        background: #557ebf;
        color: #000;
        text-decoration: none;
    }

.acc_header {
    background: #f8f9fa;
    border: 0;
    padding: 8px 10px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
    border-bottom: 0;
}

.collapse .card-body {
    border-top: 1px solid #dee2e6;
}

.acc_header a {
    color: #000;
    display: block;
    position: relative;
}

.acc_header .fa {
    float: right;
    padding-top: 5px;
}

.acc_header a .fa-plus:before {
    content: "\f068";
}

.acc_header a.collapsed .fa-plus:before {
    content: "\f067";
}

.footerline {
    background: #e9e9e9;
    color: #000; /*padding: .5rem;*/
    text-align: center;
    font-size: 85%;
    margin-top: 5px;
    font-weight: 400;
}

.audit_model {
    display: none;
    z-index: 1000;
    position: fixed;
    margin-top: 0;
    top: 0;
    height: 100%;
    background: rgba(0,0,0,0.65);
    width: 100%;
    left: 0;
    text-align: center;
}

.audit_model_inner {
    background: #fff;
    border: 1px solid #CCCCCC;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 5px 5px 10px #4a4a4a;
    width: 365px;
    padding: 12px;
    max-height: 100%;
    overflow-y: auto;
    margin: 0 auto;
}

    .audit_model_inner textarea {
        width: 100%;
        height: 300px;
        border: 1px solid #999;
        outline: none;
        padding: 8px;
        margin: 5px 0 2px;
    }

.audit_head {
    font-weight: bold;
    font-size: 15px;
}

.bcolr {
    color: #007bff;
}

.searchpopup.spopup {
    max-width: 900px;
    max-height: 90%;
    padding-top: 38px;
    padding-bottom: 15px;
}

.spopup .table-responsive {
    height: 100%;
}

    .spopup .table-responsive .table thead th {
        position: sticky;
        top: 0px;
        background: #557ebf;
        color: #fff;
    }

.searchpopup.ndata {
    text-align: center;
    height: auto;
    max-height: 210px;
    max-width: 360px;
}

.lb-loader, .lightbox {
    width: 100% !important;
    height: 100% !important;
    padding: 10px;
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
}

.lb-outerContainer {
    max-height: 100%;
    max-width: 100%;
    overflow: hidden;
}

.lb-container {
    width: 100%;
    height: 100%;
}

.lb-image {
    width: 100% !important;
    height: 100% !important;
}

.lightbox .lb-outerContainer {
    width: 500px;
    height: 500px;
    max-width: 100%;
    max-height: 90%;
}

.lightbox .lb-data .lb-number {
    padding: 10px 0;
}

.lightbox {
    display: flex;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.lb-dataContainer {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.lb-data {
    width: 500px;
    max-width: 100%;
    margin: 0 auto;
}

.erpopup {
    z-index: 111;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.calendar-table td[data-title]:after {
    display: none;
}

@keyframes progressFill {
    0% {
        width: 0%
    }

    100% {
        width: 90%
    }
}

.zmProgressBtn {
    position: relative;
    overflow: hidden;
}

    .zmProgressBtn .zmProgress {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 0%;
        background: rgba(0,0,0,.3);
    }

    .zmProgressBtn.loading .zmProgress {
        animation: progressFill 10s linear 1;
        width: 90%;
    }

.tarea {
    height: 70px;
    outline: none;
    width: 100%;
    resize: none;
    padding: 8px
}

.cookiesbx {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: rgba(2,73,22,0.8);
    color: #fff;
    padding: 10px;
    border-radius: 5px 5px 0 0;
    left: 0;
}

    .cookiesbx h3 {
        font-size: 18px;
        font-weight: bold;
        color: #557ebf;
    }

.popcose {
    position: absolute;
    right: 10px;
    top: 0;
    color: #fff;
    font-size: 22px;
}

    .popcose:hover {
        color: #557ebf;
    }

.cookiesbx .btn_mid {
    font-size: 14px;
}

.ui-autocomplete {
    position: absolute;
    height: 250px !important;
    overflow-y: auto;
    border: 1px solid #9c9c9c !important;
    font-size: 13px !important;
}

#Scontainer .ui-autocomplete {
    top: 42px;
    height: auto !important;
    min-width: 100%;
}

.ui-autocomplete li:hover, .ui-autocomplete li.selected, .ui-autocomplete li.active {
    background: #3297FD;
    color: #fff !important;
    padding: 3px 1em 3px .4em !important;
}

.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
    margin: 0 !important;
}

.quebx {
    position: relative;
}

.quebx_inner {
    position: absolute;
    z-index: 1;
    top: 23px;
    background: #fff;
    border: 2px solid #e9ecef;
    line-height: 18px;
    width: 440px;
    font-size: 14px;
    font-weight: 500;
    display: none;
}

.clquebx {
    position: absolute;
    right: 0px;
    color: red;
    top: -2px;
}

.quebx:hover .quebx_inner {
    display: block
}

.bkgbx {
    padding: 0 10px 0 92px;
}

.main_footer {
    padding: 10px 0 0;
    border-top: 2px solid #e6e3e1
}

.ft_social .fa {
    width: 24px;
    height: 24px;
    background: #000;
    text-align: center;
    color: #fff;
    line-height: 26px;
    transition: .5s
}

.ft_social .fa-facebook {
    background: #4268b3
}

.ft_social .fa-twitter {
    background: #41bceb
}

.ft_social .fa-instagram {
    background: #b92685
}

.ft_social .fa-youtube-play {
    background: #f00
}

.ft_social .fa-linkedin {
    background: #0077b5;
}

.ft_links li {
    display: block;
    border-right: 0;
    line-height: 25px;
    padding: 0;
    font-size: 15px;
    font-weight: 400
}

.footerline {
    font-size: 90%
}

.ft_social .fa:hover {
    background: #557ebf;
    color: #000;
    border-radius: 50%
}

.ft_social a {
    display: inline-block;
    padding-right: 1px
}

.ft_links {
    list-style: none;
    text-align: left;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 0;
    padding: 0
}

    .ft_links li a {
        color: #000;
        transition: .1s
    }

        .ft_links li a:hover {
            color: #8aa6d2;
            text-decoration: underline;
        }

    .ft_links li:last-child {
        border-right: 0;
        padding-right: 0
    }

.mohulogo {
    width: 120px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 80%;
    background-color: #fff;
    background-image: url(../../images/mohu-logo.png);
    background-image: -webkit-image-set(url('../../images/mohu-logo.webp') 1x);
    display: inline-block;
    height: 50px
}

.huzmin {
    width: 207px;
    background: url(../../images/min-logo.png) center center/98.5% no-repeat #fff;
    display: inline-block;
    height: 57px
}

.footerline {
    background: #e9e9e9;
    color: #000;
    /*padding: .5rem;*/
    text-align: center;
    font-size: 90%;
}

.linkdv {
    border-radius: 5px;
    background: #fff;
}

.linkdv_inner {
    padding: 35px;
    text-align: center;
    width: 700px;
    margin: 0 auto;
    max-width: 100%;
    min-height: 234px;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    display: flex;
}

.aproimg, .borderimg {
    max-width: 100%;
}

.linkdv_inner .bg_lgrey {
    border-radius: 12px;
}

.mh400 {
    min-height: 400px;
}

.form_input {
    position: relative;
}

.fcontrol {
    height: 44px;
    padding: 0 15px;
    background: #f9f9f9;
    border: 1px solid #d7d7d7;
    border-radius: .25rem;
    width: 100%;
    font-size: 14px;
}

.form_input .fcontrol {
    padding-left: 40px;
}

.form_input .fa {
    position: absolute;
    color: #ababab;
    font-size: 19px;
    left: 10px;
    top: 14px;
}

.btn_red {
    background: #eb4435;
    color: #fff;
    border: 1px solid #eb4435;
}

    .btn_red:hover {
        background: #f91500;
        color: #fff;
        text-decoration: none
    }

.bbtn_green {
    border: 1px solid #30a64b;
    color: #30a64b;
    background: #d5ecda;
}

.bbtn_red {
    border: 1px solid #fc2632;
    color: #fc2632;
    background: #fecdd1;
}

.dbcol {
    column-count: 2;
}

.ft_head {
    font-size: 16px;
}

.calfbx {
    background: #e9ecef;
    border-radius: 5px;
}

    .calfbx .form-control {
        background: transparent;
        z-index: 1;
        position: relative;
    }

.ui-datepicker .ui-state-default, .ui-datepicker.ui-widget-content .ui-state-default, .ui-datepicker .ui-widget-header .ui-state-default {
    border: 1px solid transparent;
    background: transparent;
    font-weight: normal;
    color: #000000;
    line-height: 14px;
    font-size: 12px;
    padding: 5px 5px;
    text-align: center;
    border-radius: 3px;
}

.ui-datepicker th {
    font-size: 12px;
    padding: 5px;
}

.ui-widget-header.ui-datepicker-header {
    border: 1px solid transparent
}

.ui-datepicker.ui-widget .ui-datepicker-title {
    font-size: 12px;
    color: #000;
}

.ui-datepicker .ui-state-disabled {
    opacity: 1 !important
}

    .ui-datepicker .ui-state-disabled .ui-state-default {
        cursor: not-allowed;
        text-decoration: line-through;
        color: #999;
    }

.ui-datepicker.ui-widget td {
    line-height: 24px;
}

#ui-datepicker-div {
    padding-top: 6px;
}

.ui-widget-header .ui-icon {
    margin-top: -10px;
    transform: scale(0.85);
    -webkit-filter: saturate(0%) grayscale(100%) brightness(69%) contrast(1000%);
}

.ui-datepicker .ui-datepicker-next:hover {
    background-color: #eee;
    right: 2px;
}

.ui-datepicker .ui-datepicker-prev:hover {
    background-color: #eee;
    left: 2px;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    top: 0 !important;
}

.ui-state-default.ui-state-hover:hover {
    background-color: #eee;
}

.ui-state-default.ui-state-active {
    background: #557ebf !important;
    color: #ffffff !important
}

.ndc_banner {
    background: #f6f6f6;
    text-align: center;
    padding: 20px 16px;
}

    .ndc_banner img {
        max-width: 100%;
        margin: 0 auto;
    }

.subpccbx .label_txt {
    display: inline-block;
    padding-right: 5px;
}

.subpccbx .form-control {
    display: inline-block;
    width: 220px;
    max-width: 100%;
    background: #fff;
    height: 29.8px;
    padding-right: 25px;
}

.subpccbx .icon {
    right: 8px;
    top: 5px;
}

.subpccbx .form-control.bcly {
    border-color: #557ebf
}

.ricon {
    background: #557ebf;
    color: #fff;
    padding: 3px 7px;
    border-radius: 4px;
    font-size: 16px;
    vertical-align: middle;
}

    .ricon img {
        filter: brightness(0) invert(1);
        margin-top: -3px;
    }

    .ricon:hover {
        background: #8aa6d2;
    }

        .ricon:hover img {
            filter: initial;
            filter: brightness(0) invert(1);
        }

.spccgroup {
    position: relative
}

    .spccgroup .inp_group {
        width: calc(100% - 80px);
    }

    .spccgroup .btn_small {
        position: absolute;
        z-index: 1;
        right: 0;
        bottom: 0;
        padding: 6px 6px;
        height: 42px;
        border-radius: 0 5px 5px 0;
        font-size: 12.5px;
    }

.btn_mid strong {
    font-weight: normal
}

.phead {
    text-align: left;
    border-bottom: 1px solid #ededed;
}

    .phead h2 {
        font-weight: bold;
        font-size: 19px;
        padding: 16px 0;
        margin: 0;
    }

.spcctxt {
    font-size: 25px;
}

.lgreen {
    color: #32a953
}

.coltoggle {
    position: relative
}

    .coltoggle:before {
        content: "\f078";
        font: normal normal normal 14px/1 FontAwesome;
        position: absolute;
        right: 6px;
        top: 13px;
    }

.table thead.coltoggle td:last-child {
    padding-right: 22px;
}

.coltoggle[aria-expanded="true"]:before {
    content: "\f077";
}

.coltoggle.border-bottom {
    border-bottom: 0 !important;
}

    .coltoggle.border-bottom[aria-expanded="true"] {
        border-bottom: 1px solid #dee2e6 !important;
    }

.coltoggle:after {
    content: "See Cancellation Policy";
    position: absolute;
    right: -12px;
    top: -10px;
    background: #557ebf;
    font-size: 12px;
    padding: 2px 4px;
    opacity: 0;
    color: #fff;
    visibility: hidden;
    border-radius: 4px;
    z-index: 1;
}

.coltoggle[aria-expanded="true"]:after {
    content: "Hide Cancellation Policy";
    right: -9px;
}

.coltoggle:hover:after {
    opacity: 1;
    visibility: visible
}

.action_btn .dropdown-menu a {
    padding: 1px 4px;
    font-size: 13px;
    display: block;
    color: #fff;
}

.action_btn .dropdown-menu {
    padding: 0px;
}

.addbtn {
    padding: 0px 5px;
    display: inline-block;
    color: #fff;
    background: #557ebf;
    border-radius: 4px;
    cursor: pointer;
    line-height: 17px;
    margin-top: 4px;
    text-decoration: none;
    transition: 0.5s;
    font-size: 11px;
}

    .addbtn:hover {
        background: #8aa6d2;
        text-decoration: none;
        color: #fff;
    }

.pass_form #RoomDetails select.form_control {
    background-color: #fff;
}

.rmbtn {
    position: absolute;
    right: 2px;
    top: 28px;
    color: red;
}

    .rmbtn:hover {
        color: red;
    }

#RoomDetails {
    border-radius: 0 0 9px 9px;
}

.ftbtm {
    display: inline-block;
    margin-right: 20px
}

    .ftbtm:last-child {
        margin-right: 0;
    }

.nogpopup {
    font-size: 19px;
    padding: 0 30px;
    min-height: 330px;
    background: url(../images/ppbg1.png) no-repeat 85px 0, url(../images/ppbg2.png) no-repeat bottom right 85px;
    background-color: #fff;
    padding-top: 85px;
    padding-bottom: 25px;
    overflow-y: auto;
    max-height: 100%;
}

    .nogpopup p {
        line-height: 24px;
    }

        .nogpopup p span {
            color: #557ebf;
        }

.subpccdul {
    padding: 0px;
    list-style: none;
    margin: 0px;
    position: absolute;
    background: #f6f6f6;
    z-index: 2;
    width: 100%;
    font-size: 13px;
    border: 1px solid rgb(156, 156, 156);
    border-radius: 0;
}

    .subpccdul li {
        padding: 0px 10px;
    }

        .subpccdul li span {
            float: right
        }

        .subpccdul li:hover {
            background: #007bff;
            color: #fff
        }

.page-link {
    color: #557ebf;
}

.sttable th {
    background: #557ebf !important;
}

#histroyppc #selectedId {
    height: 37px !important;
}

.btn-info {
    background-color: #557ebf;
    border-color: #557ebf;
}

    .btn-info:hover {
        background: #8aa6d2;
    }

#subPccForm .search_form, #room_form .search_form {
    background: #fff;
}

#ParentAgencyId.form-control {
    height: calc(1.5em + 0.75rem + 5px);
}

.linkdv_inner .cl_grey {
    color: #557ebf;
    font-weight: 600;
}

.btnpa {
    position: absolute;
    right: 0;
    top: -32px;
}

    .btnpa[aria-expanded="true"] .amodify {
        display: block
    }

    .btnpa[aria-expanded="true"] .bmodify {
        display: none;
    }

#hoteltb, #transfertb {
    transition: none 0s ease 0s !important;
}

.editbx {
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    height: 21.5px;
    display: inline-block;
    vertical-align: middle;
    padding: 0 4px;
}

.bkcount {
    background: #fff url(../images/countimg.png) no-repeat left 8px center;
    padding-left: 70px;
    height: 64px;
    display: flex;
    padding-right: 8px;
    align-items: center;
    font-size: 17px;
}

    .bkcount span {
        color: #557ebf;
        font-weight: bold;
        display: inline-block;
        padding-left: 8px;
        font-size: 20px;
    }

.bkform {
    position: relative;
    padding-right: 130px;
}

    .bkform .btn_search {
        position: absolute;
        right: 20px;
        width: 96px !important;
        bottom: 24px;
    }

.btn_dyellow {
    background: #ffb900;
    color: #000;
    text-decoration: none;
    border: 1px solid #e1e1e1;
}

.bktable .subpccbx .form-control {
    width: 130px;
    font-size: 12px;
    height: 26px;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
/*.mtable .subpccbx .icon{top: 3px;}*/
.sdw {
    display: inline-block;
    min-width: 97px;
}

.bktable .btn_small {
    font-size: 11px;
}

.bktable .open_link {
    padding: 1px 5px 2px;
    height: 22px;
    font-size: 12px;
}

.multiselect-native-select .btn-group {
    width: 100%;
    border-radius: 4px;
    background: transparent;
}

.multiselect-native-select .btn-default {
    text-align: left;
    padding: 10px 10px;
    font-size: 13px;
    border: 1px solid #d7d7d7;
    height: 42px;
    outline: none;
}

    .multiselect-native-select .btn-default:focus, .multiselect-native-select .btn-default:active {
        border-color: #557ebf;
        box-shadow: 0 0 0;
    }

.multiselect-native-select .dropdown-toggle::after {
    display: none;
}

.multiselect-native-select .dropdown-menu {
    background: #fff;
    box-shadow: 0 0 5px 0 #888;
    border: 0;
    width: 100%;
}

.multiselect-container > li {
    font-size: 13px;
}

    .multiselect-container > li > a > label {
        padding: 0;
        display: block;
    }

    .multiselect-container > li > a {
        display: block;
    }

        .multiselect-container > li > a > label > input[type=checkbox] {
            margin-bottom: 0;
            vertical-align: middle;
            margin-top: -2px;
        }

.sharebx {
    float: right;
}

    .sharebx bdi {
        padding-right: 5px;
    }

    .sharebx button {
        border: 0;
        background: transparent;
        color: #557ebf;
        margin: 0;
        padding: 0;
    }

#ShareBookingPop .greybg, #ShareBookingPop .searchpopup {
    z-index: 9999;
}

.custom-file {
    height: 40px;
}

.custom-file-label {
    height: 100%;
    background: #f9f9f9;
}

    .custom-file-label::after {
        height: 100%;
        padding: 9px 10px;
    }

.pabtn {
    position: absolute;
    right: 0;
    top: -32px;
}

.inner_pages .mod_btn {
    float: right;
    margin-bottom: 10px
}

    .inner_pages .mod_btn .fa {
        margin-right: 3px
    }

    .inner_pages .mod_btn:hover, .pabtn:hover, .pabtn.mod_btn:hover:after {
        background: #8aa6d2;
    }

    .inner_pages .mod_btn:after {
        display: none
    }

.search_form.popbx {
    position: fixed;
    z-index: 9999999999;
    right: -650px;
    top: 0px;
    width: 98%;
    max-width: 600px;
    padding: 40px 20px 20px;
    border-radius: 0;
    overflow: auto;
    transition: all 0.2s ease 0s;
    max-width: 650px;
    min-height: 100vh;
    background: url(../images/motif2.png) no-repeat left 10px top -110px scroll, url(../images/motiff1.png) no-repeat right 10px bottom -50px scroll;
    background-size: 200px;
    background-color: #fff;
    overflow-y: auto;
    max-height: 100%;
}

#hoteltb.popbx, #transfertb.popbx {
    transition: all 0.2s ease 0s !important;
}

.rightpopclose {
    position: absolute;
    right: 23px;
    font-weight: 700;
    font-size: 32px;
    top: 0;
    z-index: 2;
    color: #eb4435;
    transition: 0.5s;
    text-decoration: none;
}

    .rightpopclose:hover {
        text-decoration: none;
    }

.search_form.popbx.collapse.show {
    right: 0;
    transition: .2s ease;
}

.popgreybg {
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    z-index: 150;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
}

.popbx h2 {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 20px;
}

.popbx .multiselect-native-select .btn-default {
    padding: 15px;
    height: 51px;
    font-size: 15px;
}

.popbx .icon {
    right: 15px;
    top: 18px;
}

.popbx .form_control {
    height: 51px;
    font-size: 15px;
    padding: 15px;
    padding-right: 33px;
}

.popbx .btn_search {
    height: 51px;
}

.daterangepicker {
    z-index: 9999999999 !important;
}

.flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange, .flatpickr-day.selected.endRange {
    border-radius: 50px !important;
    z-index: 1;
}

.flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange {
    border-radius: 50px !important;
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
    background: #557ebf !important;
    border-color: #557ebf !important;
}

.flatpickr-day.inRange {
    box-shadow: -14px 0 0 #dbf1ff, 18px 0 0 #dbf1ff !important;
    -webkit-box-shadow: -12px 0 0 #dbf1ff, 18px 0 0 #dbf1ff !important;
}

.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
    background: #dbf1ff !important;
    border-color: #dbf1ff !important;
}

.flatpickr-day {
    max-width: unset !important;
    font-size: 14px;
}

    .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
        -webkit-box-shadow: -20px 0 0 #168fe9 !important;
        box-shadow: -20px 0 0 #168fe9 !important;
        z-index: -1;
        border-radius: 0 50px 50px 0 !important;
    }

.flatpickr-current-month span.cur-month {
    font-size: 14px !important;
}

.flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
    fill: #557ebf;
    padding-top: 0px !important;
    margin-top: -12px;
}

.flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg {
    fill: #8aa6d2 !important;
    padding-top: 0px !important;
}

.flatpickr-current-month input.cur-year {
    font-size: 15px !important;
}

.dayContainer + .dayContainer {
    overflow: hidden;
}

.multiMonth .dayContainer {
    width: 270px !important;
    min-width: 270px !important;
    max-width: 270px !important;
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
    -webkit-box-shadow: -20px 0 0 #557ebf !important;
    box-shadow: -20px 0 0 #557ebf !important;
}

.dbtn {
    font-size: 22px;
    transition: 0.5s;
    padding: 15px 15px;
    border-radius: 5px;
}

.zamzam_tabcontent {
    background: #fff;
    padding: 1rem;
    border-radius: 0;
}

.newsrow {
    margin: 0 -8px
}

    .newsrow .col-12 {
        padding: 0 8px
    }

.newsbox {
    border: 1px solid #cbcbcb;
    border-radius: 0.8rem;
    background: #fff;
    padding: 1rem 1rem;
    width: 100%;
    display: block;
    height: 100%;
}

    .newsbox figure {
        width: 100%;
        height: 230px;
        overflow: hidden;
    }

        .newsbox figure a {
            display: block;
            width: 100%;
            height: 100%;
            justify-content: center;
            align-items: center;
            display: flex;
        }

        .newsbox figure img {
            width: 100%;
            object-position: left top;
            height: 100%;
            transition: 0.5s;
            object-fit: cover;
        }

            .newsbox figure img.favlogo {
                width: auto;
                height: auto;
            }

    .newsbox h3 {
        text-align: center;
        font-weight: 600;
        margin-bottom: 0;
    }

    .newsbox:hover img {
        transform: scale(1.1)
    }

.bluemark {
    border-left: 5px solid #557ebf;
    padding-inline-start: 8px;
}

.fs16 {
    font-size: 16px;
}

#combap .form_input {
    position: relative;
    border: 1px solid #d7d7d7;
    background: #f9f9f9;
    border-radius: 5px;
}

#combap .form-group {
    margin-bottom: 0;
}

#combap .form_input .form-control {
    background: transparent;
    border: 0;
    padding-left: 40px;
    height: 44px;
}

#registerdiv .log_head {
    font-size: 1.75rem;
}

    #registerdiv .log_head span {
        display: block;
        color: #333333;
        font-size: 18px;
        padding: 2px 0 10px;
        font-weight: 500;
    }

#registerdiv .btn_lg {
    border: 1px solid transparent;
    padding: 7px 15px;
    font-size: 20px;
    font-weight: 400;
    transition: .2s ease;
    border-radius: 0.25rem;
}

    #registerdiv .bg_green, #registerdiv .btn_lg.bg_yellow:hover, #registerdiv .btn_mid.bg_yellow:hover {
        background: #557ebf !important;
        color: #fff !important;
        border: 1px solid #557ebf;
        text-decoration: none;
    }

    #registerdiv .btn_lg.bg_green:hover, #registerdiv .btn_mid.bg_green:hover, #registerdiv .btn_small.bg_green:hover {
        background: #8aa6d2 !important;
        color: #fff;
    }

#registerdiv .bg_yellow {
    background: transparent !important;
    border: 1px solid #557ebf;
    color: #557ebf !important;
}

.innerddwn {
    display: inline-block;
    background: rgb(85, 126, 191);
    padding: 2px 7px 2px;
    border-radius: 5px;
    position: relative;
    cursor: pointer;
    color: rgb(255, 255, 255);
    font-size: 13px;
}

    .innerddwn ul {
        position: absolute;
        top: 24px;
        background: #8aa6d2;
        z-index: 1;
        margin: 0;
        width: 195px;
        right: 0;
        text-align: left;
        list-style: none;
        display: none;
        padding: 6px;
    }

        .innerddwn ul li {
            border-bottom: 1px solid #8aa6d2;
        }

            .innerddwn ul li:last-child {
                border-bottom: 0;
            }

        .innerddwn ul a {
            display: block;
            padding: 4px 8px;
            background: #557ebf;
            transition: 0.5s;
            color: #fff;
            text-decoration: none;
        }

            .innerddwn ul a:hover {
                background: #8aa6d2;
            }

    .innerddwn:hover ul {
        display: block;
    }

/*altui*/

/*.hm_bg {
    background: url(../images/bgimages/logo.png) no-repeat right 30px top 30px, url(../images/bgimages/kqicon.png) no-repeat left 30px bottom, url(../images/bgimages/main-bg1.png) no-repeat bottom right;
    position: relative;
    background-size: 90px auto, 200px auto, 100%;
    padding-bottom: 40px;
    background-color: #415ba9;
}
.hm_bg.search_sec h3{color:#fff;}
.banner_inner{background: url(../images/bgimages/logo.png) no-repeat right 30px top 30px, url(../images/bgimages/kqicon.png) no-repeat left 30px bottom, url(../images/bgimages/main-bg1.png) no-repeat bottom right !important;
    position: relative;
    background-size: 90px auto, 200px auto, 100% !important;
    padding-bottom: 40px;
    background-color: #415ba9 !important; min-height:350px;}
.banner_inner h3{text-shadow: 0 0 0;
    padding-top: 95px;
    width: 100%;
    justify-content: center;
    align-items: end;
    text-align: center;
    padding-left: 60px;}*/
/*altui*/

.favaddbx {
    position: absolute;
    right: 12px;
    top: 5px;
    color: #bab6b6;
    cursor: pointer;
    font-size: 25px;
    z-index: 1;
}

    .favaddbx .fa {
        filter: drop-shadow(0 2px 3px #403d3d);
        color: #fff;
    }

.filter_bx .mycheck label {
    font-size: 13px;
}

.favaddbx.greycl .fa {
    color: #bab6b6
}

.favaddbx.active .fa, .favaddbx.greycl.active .fa {
    color: red
}

.asshowdiv_btn {
    color: #557ebf;
    font-weight: bold;
    font-size: 14px;
    background: transparent;
    outline: none;
    border: 0;
    transition: 0.5s;
    padding: 0;
    text-decoration: none;
}

    .asshowdiv_btn[aria-expanded="true"] .fa-plus-square:before {
        content: "\f146";
    }

#asshowdiv {
    transition: 0.5s;
    height: auto !important;
}

    #asshowdiv + #searchBtn {
        padding-top: 12px;
    }

    #asshowdiv.show + #searchBtn {
        padding-top: 30px;
    }

    #asshowdiv .row {
        display: flex;
        height: 0;
        transform: scaleY(0);
        transform-origin: top;
        transition: transform 0.2s ease
    }

    #asshowdiv.collapse:not(.show) {
        display: block !important
    }

    #asshowdiv.show .row {
        height: auto;
        visibility: visible;
        opacity: 1;
        transform: scaleY(1)
    }

.dropdownbx {
    border-radius: 5px;
    font-size: 15px;
    padding: 6.5px 10px;
    display: inline-block;
    border: 1px solid #557ebf;
    position: relative;
    transition: 0.5s;
    background: #557ebf;
    color: #fff;
}

.dropdownbxinner {
    position: absolute;
    top: 0px;
    background: #fff;
    z-index: 3;
    left: 0;
    color: #000;
    transition: 0.5s;
    margin: 0;
    padding: 0;
    display: flex;
    padding: 10px 15px;
    visibility: hidden;
    opacity: 0;
    box-shadow: 0px 0px 10px #b8b8b8;
}

    .dropdownbxinner li {
        list-style: none;
        margin-right: 15px;
    }

        .dropdownbxinner li .mycheck label {
            margin-right: 0
        }

        .dropdownbxinner li:last-child {
            margin-right: 0
        }

.dropdownbx:hover .dropdownbxinner {
    top: 37px;
    visibility: visible;
    opacity: 1
}

.admin_action_btn .open_link, .admin_action_btn .btn_mid {
    padding: 1px 5px 2px;
    display: inline-block;
    height: 24px;
    vertical-align: middle;
    font-size: 13px;
    text-decoration: none;
    transition: 0.5s;
}

.popupModal {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    position: fixed;
    padding: 15px;
    z-index: 110;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.popupModalInner {
    max-width: 100%;
    width: 900px;
    max-height: 100%;
    padding: 15px;
    background: #fff;
    border-radius: 8px;
    position: relative;
}

    .popupModalInner h2 {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 12px;
    }

    .popupModalInner .table td {
        font-size: 14px;
    }

.smrbtn {
    min-width: 85px;
}

/* custom css */
.headbg span{font-weight: 800; font-size: 20px;}
.headbg{background:#e0e5ef; display:flex; justify-content:space-between; align-items:center;}
.bradius8{border-radius:8px;}
.backbtn{float: right;
    background: #003263;
    color: #fff; 
    padding: 8px 15px;
    display: inline-block; transition:0.5s;
    border-radius: 8px;}
.backbtn .fa{font-size: 18px;
    margin-right: 5px;
    vertical-align: text-bottom;}
.backbtn:hover{background:#557ebf; color:#fff; text-decoration:none;}
.cominput{display: flex;}
.cominput .cominputbx{ display:inline-block;  position: relative;}
.cominputbx input{height:38px; padding:8px; width: 100%; border: 1px solid #e6e5e5; padding-right: 33px;}
.cominputbx .fa{position: absolute;
    right: 10px;
    top: 10px;
    font-size: 19px; color:#cccccc;}
.cominput .cominputbx:first-child input{border-radius:5px 0 0 5px; }
.cominput .cominputbx:last-child input{border-radius:0 5px 5px 0; border-left:0;}
.cominput.sinput .cominputbx input{border-radius:5px; border: 1px solid #e6e5e5 !important;}
.selectbx{height:38px; padding:8px; width: 100%; border: 1px solid #e6e5e5; border-radius: 8px;}
.input_agroup .agroupbx{display: inline-block;
    width: auto;
    min-width: 90px;
    max-width: calc(50% - 3px);}
.autogroup{display:flex;}
.autogroup .agroupbx{margin-right:8px; min-width: 78px;}
.autogroup .agroupbx:last-child{margin-right:0;}
.dtabs .nav-item{margin-right: 5px;}
.dtabs .nav-link{border: 1px solid #e0e0e0; color:#a6a6a6; padding: 0.5rem 1.5rem; border-radius: 5px; background: #ececec;}
.dtabs .nav-link.active, .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{background: #557ebf;
    color: #fff;
    box-shadow: 0px 3px 2px #ccc;
    border-color: #557ebf;}
.bshadow{box-shadow: 0 4px 2px #eaeaea;}
.blfilter{display:flex; justify-content:space-between; }
.blsearchbx{position: relative; display:inline-block; vertical-align: middle; margin-right:10px;}
.bls_input{border: 2px solid #cccccc;
    color: #fff;
    padding: 10px 10px 10px 38px;
    border-radius: 5px;
    background: #f5f5f5;
    height: 38.6px;}
.blsearchbx .fa{position: absolute;
    left: 10px;
    color: #cccccc;
    font-size: 23px;
    top: 7px;}
.quickbtn{background: #ececec;
    width: 48px;
    height: 36px;
    text-align: center;
    font-size: 18px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    color: #404040; transition:0.3s;
    border-radius: 5px;
    box-shadow: 0px 3px 2px #ccc; margin-right:4px;}
.mcolorbtn{background: #557ebf; color:#fff;}
.quickbtn:hover{background:#8aa6d2; color:#fff; text-decoration:none;}
.action_btn.gabtn .fa{background:#cccccc; color:#fff;}
.action_btn.gabtn .fa:hover{background: #557ebf;}
.collapsetable_btn{    width: 21px;
    height: 21px;
    display: inline-flex;
    background: #557ebf;
    color: #fff;
    text-decoration: none;
    justify-content: center;
    align-items: center;
    border-radius: 50%;}
.collapsetable_btn[aria-expanded="true"] .fa-plus:before{content:"\f068"}
.collapsetable_btn:hover{color:#fff; text-decoration:none;}
.circlebtn{width: 16px;
    height: 16px;
    background: #557ebf;
    color: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 9px;}
.circlebtn:hover{background: #8aa6d2; text-decoration:none; color:#fff;}
.bptable.table-bordered td, .bptable.table-bordered th{border:0; vertical-align:middle;}
.bptable, .bptable_inner{border-radius: 8px 8px 0 0; }
.bptable.table-bordered td{border-bottom:2px solid #f3f3f3;}
.bptable .collapse{background:#f8f8f8;}
.bptable_inner{box-shadow: 0 3px 4px #e2e2e2;}

.bptable_inner.table-white thead{background: #e0e5ef; color: #000;}
.bptable_inner.table-bordered td{border:1px solid #e8e2e2}
.tab_list{color:#000; text-decoration:none; margin-left:6px;}
.tab_list .fa{color:#557ebf;
    font-size: 15px;
    margin-right: 2px;}
.tab_list:hover{text-decoration:none; color:#557ebf;}
.tab_list.disabled, .tab_list.disabled .fa{color:#d3d3d3; cursor:default;}

.downloadbtn{position: relative;}
.downloadbtn_dlist{position: absolute;
    right: 0;
    top: 24px;
    margin-left: 0;
    background: #fff;
    min-width: 140px;
    list-style: none;
    border: 1px solid #CECCCC;
    border-radius: 8px; z-index:1;
    text-align: left;
    padding: 4px 8px;
    box-shadow: 0 0 8px #f7f7f7;}
.downloadbtn_dlist li{border-bottom:1px solid #F0F0EF;}
.downloadbtn_dlist li a{color:#000; display: block;
    padding: 3px 0;}
.downloadbtn_dlist li a:hover{text-decoration:none; color: #557ebf;}
.downloadbtn_dlist li:last-child{border-bottom:0;}
.suppContainerautocomplete .ui-autocomplete{width:100%; top: 65px;  left: 50%;}
.headbx {
    background: #E8ECF3;
    padding: 10px;
    font-size: 15px;
}
.inline_input_group {
    display: flex;
}

    .inline_input_group div {
        display: inline-block;
        margin-right: 10px;
    }

        .inline_input_group div:last-child {
            margin-right: 0;
        }
textarea.selectbx {
    height: 72px;
    resize: none;
}
.mheading {
    font-size: 16px;
    font-weight: bold;
}
.hdetailsbx {
    border: 1px solid #D6D6D6;
    border-radius: 6px;
}
.stotalbx {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #D6D6D6;
    font-size: 15px;
    padding-top: 10px;
}
.triptotal {
    display: flex;
    font-size: 16px;
    justify-content: space-between;
}
    .triptotal .fa {
        font-size: 19px;
        vertical-align: middle;
    }
.switchSuppContainerautocomplete .ui-autocomplete {top: 65px;}

@media(max-width:1024px) {
    .book_process .bookli {
        padding: 13px 10px;
    }

    .search_form .label_txt small {
        font-size: 12px;
    }

    .linkdv_inner {
        min-height: 267px;
    }

    .bkcount {
        font-size: 16px;
    }

    /*altui*/
    /*.hm_bg{background: url(../images/bgimages/logo.png) no-repeat right 16px top 13px, url(../images/bgimages/kqicon.png) no-repeat left 16px bottom, url(../images/bgimages/main-bg1.png) no-repeat bottom right; background-size: 65px auto, 90px auto, 100%; background-color: #415ba9;}
    .banner_inner h3{font-size: 20px;}
    .banner_inner{min-height: 270px; background-size: 55px auto, 130px auto, 100% !important;}*/
}

@media(max-width:991px) {
    .ftbtm {
        margin-left: 10px;
    }

    .ndc_banner {
        padding: 16px 16px;
    }

    .navbar-toggler {
        margin: 0 auto;
        padding-top: 0
    }

        .navbar-toggler .fa {
            font-size: 36px;
        }

    .navbar-toggler, button:focus {
        outline: none;
    }

    .navbar-nav li, .log_ul li {
        border-right: 0;
        border-bottom: 1px solid #557ebf;
        display: block;
        width: 100%;
    }

        .navbar a, .log_ul li a {
            background: #8aa6d2;
            font-weight: normal;
            color: #fff;
        }

    .navbar-collapse {
        background: #fff;
        margin-top: 53px;
        border: 1px solid #000;
        width: 100%;
        /*max-width: 320px;*/
        flex-basis: auto;
        flex-grow: inherit;
        right: 0;
        position: absolute;
        top: 0px;
    }

    .navbar .navbar-nav a {
        border-radius: 0;
    }

    .navbar a, .log_ul li a {
        display: block;
        padding: 7px 15px;
    }

    .log_ul li.active a {
        background: #557ebf;
        color: #fff;
        font-weight: bold;
    }

    .navbar .active a {
        border-radius: 0;
    }

    .log_ul li:hover a {
        background: #557ebf;
        color: #fff;
    }

    .navbar-nav li:before {
        content: "";
    }

    .log_ul {
        display: block;
        text-align: left;
        margin-left: 0;
    }

        .log_ul li:first-child:before, .log_ul li:before {
            content: '';
            padding: 0;
        }

        .log_ul li:last-child {
            border-bottom: 0
        }

    .admin_ul {
        background: #8aa6d2;
        border: 4px solid #557ebf;
        border-top: 0;
    }

    .dropdown-menu {
        border: 0
    }

    .rewardbx .dropdown-menu li span:hover, .rewardbx .dropdown-menu li a:hover {
        background: #557ebf
    }

    .navbar .navbar-nav .admin_ul li {
        padding: 0px !important;
    }

        .navbar .navbar-nav .admin_ul li a {
            background: #8aa6d2;
        }

    .smenu3, .smenu2, .smenu1 {
        padding: 0px 0;
    }

    .log_ul li:hover .dropdown-menu {
        width: 100%;
        position: relative;
        top: 0;
        margin-bottom: 6px;
    }

    .navbar .navbar-nav .admin_ul li a:hover {
        background: #557ebf;
        color: #fff;
    }

    .log_ul li:hover .dropdown-menu li a {
        background: #fff;
        color: #212529;
    }

    .log_ul li:hover .dropdown-menu li:hover a {
        background: #557ebf;
        color: #fff;
    }

    .admin_ul li {
        padding: 0 0px !important
    }

    .log_ul li .dropdown-menu li a {
        padding: 7px 9px;
    }

    .navbar-toggler {
        color: #8aa6d2;
        flex: auto;
        margin: inherit;
        float: right;
        text-align: right;
        width: 50px;
        position: absolute;
        right: 10px;
        top: -14px;
    }

        .navbar-toggler.collapsed {
            color: #557ebf;
        }

    .navbar {
        font-size: 14px;
        z-index: 9;
        position: absolute;
        right: 0;
        width: 100%;
        background: transparent;
        top: 40px;
        margin-top: 0 !important;
    }

    .pass_form {
        right: 0;
        left: 0;
    }

        .pass_form:before {
            left: 70px;
            right: 0;
        }

        .pass_form:after {
            right: 0;
            left: 74px;
        }

    .header_rht {
        text-align: center;
        padding: 5px 0;
    }

    .header_rht {
        background: #557ebf;
        color: #000;
        margin-top: 15px;
    }

    .info_bx, .bal_bx {
        color: #fff
    }

        .info_bx a, .lang_opt li a {
            color: #fff
        }

    .lang_opt li {
        border-color: #000
    }


    .main_header {
        padding-bottom: 0
    }

    .logo img {
        /*width: 164px;*/
        margin-bottom: 0;
        margin-top: 0;
    }

    .main_header {
        padding: 15px 0;
    }

    .lang_opt a, .lang_opt {
        color: #fff;
    }

    .navbar-collapse {
        border: 1px solid #557ebf;
        background: #557ebf
    }

    .lang_opt a.selected {
        color: #f9be00;
    }

    .mobmt10 {
        margin-top: 10px;
    }

    .banner_inner {
        background: #045010;
        height: 250px;
    }

        .banner_inner h3 {
            font-size: 24px;
        }

    .inner_pages_cnt {
        padding-top: 18px;
    }

    .navbar-nav .dropdown-menu {
        width: 100%;
        border: 0;
        left: 0;
        margin: 0;
    }

    .bor_smenu {
        border: 0;
    }

    .smenu3 {
        padding-top: 0;
    }

        .smenu3 .admin_ul li {
            border-bottom: 0;
        }

    .smenu2 {
        padding-top: 0;
    }

        .smenu2 .admin_ul li {
            border-bottom: 0;
        }

    .progress_staus li, .progress_staus.fprocess li {
        width: 100%;
        padding: 6px 8px 6px 8px;
    }

        .progress_staus li:first-child {
            padding: 6px 8px 6px 8px;
        }

        .progress_staus li.active .caret_process {
            display: none;
        }

        .progress_staus li.active {
            border-bottom: 1px solid #fff;
        }

    .fil_bt {
        width: 100%;
        margin-top: 3px;
    }

    .filter_sec_inner {
        align-items: inherit;
        text-align: left;
        justify-content: inherit;
        display: block;
        min-height: inherit;
        padding: 5px 15px;
    }

    .filter_sec {
        padding: 5px 15px;
    }

    .filter_sec_inner .fa-caret-down {
        float: right;
    }

    .filter_sec .col-lg-2 {
        border-right: 0;
        border-bottom: 1px solid #dddddd;
    }

        .filter_sec .col-lg-2:last-child {
            border-bottom: 0;
        }

    .fil_bx {
        position: relative;
        top: 8px;
        margin-bottom: 12px;
    }

    .result_txt {
        display: block;
        text-align: left;
    }

    .res_info {
        text-align: left;
    }

    .clr_btn {
        display: block;
        text-align: center;
        width: 100%;
        padding-top: 8px;
    }

    .back_btns {
        text-align: left !important;
        padding: 10px 15px;
    }

    .htlnamefrstltr, .userlikes, .htlheader, .hotelroompop .nav-tabs {
        display: none;
    }

    .filter_dropdown {
        margin-top: 10px;
    }

    .book_process .bookli:first-child {
        width: 100%;
        border-right: 0;
    }

    .book_process .bookli {
        float: left;
        width: 50%;
        border-bottom: 1px solid #035115;
    }

        .book_process .bookli:nth-child(odd) {
            border-right: 0
        }

        .book_process .bookli:nth-last-child(2), .book_process .bookli:nth-last-child(1) {
            border-bottom: 0
        }

    .mfilter {
        display: block;
        background: rgb(251, 188, 18);
        margin-bottom: 0;
        padding: 5px 10px;
        color: #000;
        border: 1px solid #dee2e6;
    }

        .mfilter .fa {
            float: right;
            margin-top: 4px;
        }

    .aside_filter {
        opacity: 0;
        overflow: hidden;
        height: 0;
        transition: 0.5s;
    }

        .aside_filter.show {
            opacity: 1;
            visibility: visible;
            height: auto;
            margin-bottom: 0px;
        }

    .htlnamefrstltr, .userlikes, .htlheader, .hotelroompop .nav-tabs {
        display: none;
    }

    .htldtlrow {
        margin-top: 8px;
    }

    .htldtltxt {
        border-top: 1px solid #e9e9e9;
    }

    .amenities li {
        width: 50%;
    }

    .mtab .nav-link {
        padding: .5rem 8px;
    }

    .htladdress {
        width: 100%;
    }

    .hotelname_txt {
        max-width: calc(100% - 62px);
    }

    .progress_staus li.active:after {
        height: 2px;
    }

    .pagination li {
        display: inline-block;
        font-size: 13px;
    }

    #histroyppc #selectedId {
        height: 31px !important;
    }

    .pagination .page-item.disabled:first-child {
        /*display: flex;*/
        margin-bottom: 2px;
        font-size: 13px;
        justify-content: center;
        vertical-align: middle;
    }

    .pagination .page-item select {
        padding: 4px 5px;
        height: inherit !important;
    }

    .pagination .page-item.disabled:first-child .page-link {
        padding: 5px 14px;
    }

    .pagination {
        display: block;
        text-align: left;
    }

    .page-link {
        padding: 6px 5px;
    }

    .rewardbx {
        background: #8aa6d2;
        color: #fff;
        border-color: #8aa6d2;
    }

    .info_bx .rewardbx .fa {
        color: #fff;
    }

    .linkdv_inner {
        min-height: 477px;
    }

    /*altui*/
    /*.banner_inner{margin-bottom: 0 !important; padding-bottom: 0px !important;}
    .banner_inner h3 {
        text-shadow: 0 0 0;
        padding-top: 189px;
        width: 100%; font-size: 18px;
        justify-content: center;
        align-items: end;
        text-align: center;
        padding-left: 30px;
    }    */
    /*altui*/

    /* custom css */
    .blsearch{float:left; width: 100%;}
    .dtabs{float:right; width: 100%;}
    .blfilter{display:block; clear:both; }

}

@media(max-width:767px) {
    .pagination .page-item.disabled:first-child .page-link {
        padding: 5.7px 14px;
    }

    .pagination .page-item select {
        padding: 5px 5px;
    }

    .hm_bg {
        background-position: center bottom;
    }

    .search_sec h3 {
        text-shadow: 0 0px 4px #fff;
    }

    .logo img {
        width: 200px
    }

    .navbar-toggler {
        top: -21px;
    }

    .navbar-collapse {
        margin-top: 30px;
    }

    .pay_method {
        padding: 15px;
        text-align: center;
    }

    .subpccbx {
        text-align: center;
        margin-bottom: 12px;
    }
    /*.search_mh {
        background-position: top right;
        padding-bottom: 20px;
        background-size: contain;
    }*/

    .linkdv_inner {
        padding: 16px;
        min-height: auto;
    }

    .mopt .form-group {
        margin-bottom: 10px;
    }

    .bkgbx {
        padding: 0 8px;
    }

    .question {
        font-size: 17px;
    }

    .answerbox {
        font-size: 14px;
    }

    .loadimg2 {
        height: 140px;
        margin-bottom: 10px;
    }

        .loadimg2:last-child {
            margin-bottom: 0;
        }

    .filter_dropdown .text-right {
        text-align: left !important;
        padding-top: 10px;
    }

    .pack_rht_inner.mh124 {
        min-height: inherit
    }

    .search_sec h3 {
        font-size: 21px;
        padding: 40px 0 20px;
    }

    .inp_group {
        margin-bottom: 10px;
    }

    .box_diff .card-img-top {
        height: 150px;
    }


    .pass_form {
        position: relative;
        left: 0;
        width: 100%;
        top: 0;
        margin-top: 19px;
    }

        .pass_form .px-2 {
            margin-bottom: 6px;
        }

            .pass_form .px-2:last-child {
                margin-bottom: 0
            }

        .pass_form:before {
            left: 0;
            right: 0;
            margin: 0 auto;
        }

        .pass_form:after {
            right: 0;
            left: 0;
            margin: 0 auto;
        }

    /* Transfer css*/
    .transfer_search_form {
        width: 100%;
    }

    .transfer_search_form_modify {
        width: 100%;
        padding: 0px;
    }


    .mright {
        text-align: right !important;
    }

    .search_mh {
        padding-bottom: 20px;
    }

    .main_footer {
        text-align: left;
        padding: 10px 0 0;
    }

    .fsize16, .sum_head {
        font-size: 14px;
    }

    .map_bx {
        height: 220px;
    }

    .main_head {
        font-size: 19px;
    }

    .search_form {
        padding: 15px 15px 18px;
        font-size: 14px;
    }

    .newtabbtl_box {
        padding: 8px;
    }

    .newtabheading {
        padding: 8px 8px;
        font-size: 15px;
    }

    .ht_height {
        height: inherit;
    }

    .nfound_bxicon {
        width: 100%;
        height: 400px;
    }

    .message-box {
        width: 100%;
    }

    .nfound i.fa-search {
        left: -30px;
        right: 0;
    }

    .nfound i.fa-times {
        left: -39px;
        right: 0;
    }

    .nfound svg {
        max-width: 100%;
    }

    .message-box h1 {
        font-size: 55px;
    }

    .nfound i.fa-exclamation {
        right: 0;
        left: -37px;
    }

    .message-box .ch_heading {
        font-size: 72px;
    }

    .nfound i.fa-meh-o {
        right: 0;
        left: -35px;
    }

    .message-box h2 {
        font-size: 22px;
    }

    .buttons-con {
        position: relative;
    }

    .action-link-wrap a {
        font-size: 14px;
    }

    .pack_head {
        font-size: 16px;
    }

    .mleft {
        text-align: left !important;
    }
    /*.mtable thead{display:none;}
    .mtable td, .mtable th{display:block; text-align:left; border-bottom: 0;}
    .mtable tr:last-child td:last-child, .mtable th:last-child{border-bottom: 1px solid #dee2e6;}
    .mth{display: inline-block; font-weight: bold; width: 50%;}
    .action_btn{display:inline-block;}
    .mtable{border-bottom:1px solid #dee2e6;}
    .mtable tr:nth-child(odd){background: #f5f5f5;}
    .mtable tr:first-child td:first-child{border-top:0 !important;}
    .mtable .policydetail{max-width: 100%;}*/
    .mtable thead {
        display: none;
    }

    .mtable td, .mtable th {
        display: block;
        text-align: left;
        border-bottom: 0;
    }
        /*.mtable tr:last-child td:last-child, .mtable th:last-child{border-bottom: 1px solid #dee2e6;}*/
        .mtable tr:first-child td:first-child, .mtable th:last-child {
            border-top: 0;
        }

    .mth {
        display: inline-block;
        font-weight: bold;
        width: 50%;
    }

    .action_btn {
        display: inline-block;
    }

    .table-responsive > .table-bordered {
        border-bottom: 1px solid #dee2e6;
    }

    .mtable tr:nth-child(odd) {
        background: #f5f5f5;
    }

    .action_btn .fa {
        font-size: 14px;
    }

    .table {
        font-size: 13px;
    }

    .policydetailinner .table {
        font-size: 12px;
    }

    .policydetail {
        width: 255px;
        max-width: 100% !important;
    }

    .hpd .mth {
        width: 40%;
    }

    .table-bordered td, .table-bordered th {
        border-left: 0;
        border-right: 0;
    }

    .main_heading {
        font-size: 18px;
    }

    .tic_que_dtl {
        font-size: 13px;
    }

    .table-responsive > .table-bordered {
        border: 1px solid #dee2e6;
    }

    .mtable td {
        word-break: break-all
    }

    .open_link {
        padding: 3px 8px;
    }

    .smenu3 .admin_ul li:nth-child(3n-1) {
        border: 0;
    }

    .smenu3 .admin_ul li:nth-child(1) a, .smenu3 .admin_ul li:nth-child(2) a, .smenu3 .admin_ul li:nth-child(3) a, .smenu2 .admin_ul li:nth-child(1) a, .smenu2 .admin_ul li:nth-child(2) a {
        border-top: 1px solid #ffce49;
    }

    .smenu2 .admin_ul li:nth-child(even) {
        border-left: 0;
    }

    .admin_ul li a {
        padding: 7px;
    }

    .navbar .navbar-nav .admin_ul li {
        padding: 0px !important;
    }

        .navbar .navbar-nav .admin_ul li.active a {
            background: #557ebf;
        }

        .navbar .navbar-nav .admin_ul li:last-child {
            border-bottom: 0
        }

    .dropdown-item:hover {
        color: #557ebf
    }

    .smenu3, .smenu2, .smenu1 {
        padding: 0px 0;
    }

    .hnfound h2 {
        font-size: 17px;
    }

    .hnfound {
        padding: 12px;
    }

    .mfright {
        float: right;
    }

    .box_aside .media, .pack_details .media {
        flex-wrap: wrap;
    }

    .pack_img, .transfer_pack_img, .trans_img {
        width: 100%;
    }

    .mediaimgbx {
        width: 100%;
        margin-right: 0 !important
    }


    .pack_details {
        padding: 15px;
    }

    .pack_mid {
        padding-top: 10px;
    }

    .pack_rht p br {
        display: none;
    }

    .pack_rht {
        text-align: left;
        margin-bottom: 0;
    }

    .map_hotel, .switch_bx {
        display: block;
    }

        .switch_bx .custom-switch, .sortby span {
            float: right;
        }

    .table td.tpad {
        height: initial;
    }

    .nfound_bx img {
        width: 120px;
    }

    .nfound_bx h3 {
        font-size: 21px;
    }

    .nfound_bx {
        min-height: 280px;
    }

    .content_bx {
        padding: 10px;
    }

    .ch_grey .col-lg-3 {
        padding-right: 5px;
        padding-left: 5px;
    }

    .role_bx h2 {
        font-size: 15px;
    }

    .pack_margin .price_dtl {
        font-size: 16px;
    }

    .book_process .bookli {
        width: 100%;
    }

        .book_process .bookli:nth-last-child(2) {
            border-bottom: 1px solid #035115;
        }

    .book_process .bookli {
        padding: 5px 10px;
        border-right: 0;
    }

    .sortby_ul {
        margin: 14px 0px 5px;
        float: left;
    }

    .book_process .bookli:last-child {
        border-radius: 0px 0px 5px 5px;
    }

    .sortby_ul li:last-child {
        margin-right: 0;
    }

    .sortby_ul li {
        width: 23.2%;
    }

    .filter_bx {
        padding: 10px;
    }

    .actionbox::after {
        top: 20px;
    }

    .pack_details .border-left {
        border-left: 0 !important
    }

    .hotelname {
        font-size: 20px;
    }

        .hotelname span {
            display: block;
        }

    .mtab {
        display: none;
    }

    .htldtlrow .btn_small {
        width: 100%;
    }

    .sortby_bx {
        text-align: left;
        padding-top: 8px;
    }

        .sortby_bx label {
            padding-top: 10px;
        }

        .sortby_bx .fil_field {
            float: right;
        }

    .htl_lft {
        width: 100%;
    }

    .hotelname_txt {
        max-width: 100%;
    }

    .htl_rht {
        width: 100%;
        text-align: left;
    }

    .ul_cnch {
        margin: 0 0 10px;
        padding: 0 8px;
    }

    .htl_lft address {
        margin-bottom: 0
    }

    .map_mhotel {
        display: block;
    }

    .sticky-top {
        position: relative;
    }

    .pd_head {
        padding: 14px 10px;
        font-size: 16px;
        margin-bottom: 10px;
    }

    .thght {
        padding-bottom: 261px;
    }

    .ft_copyrht {
        text-align: center
    }

    .mcheckbx.mycheck input[type="checkbox"] + label {
        display: block;
    }

    .mcheckbx {
        margin-bottom: 20px;
    }

    #myTabs.tabs li a {
        padding: 6px 2px;
        font-size: 13px;
    }

    .search_sec .d-flex {
        display: block !important
    }

    #insufficientBal .col-lg-4 img {
        width: 140px;
        max-width: 100%;
    }

    #insufficientBal .errorpopup {
        width: 93%;
        max-height: 100%;
        overflow-y: auto;
        top: 8px;
    }

    #insufficientBal {
        text-align: center
    }

        #insufficientBal h4 {
            font-size: 20px;
        }

        #insufficientBal h5 {
            font-size: 17px;
        }

        #insufficientBal .btn_mid {
            margin-bottom: 20px;
        }

    .ft_links li {
        display: block;
        text-align: left;
        border-right: 0;
        border-bottom: 1px solid #e6e6e6;
    }

        .ft_links li a {
            padding: 6px 0;
            display: block;
        }

        .ft_links li:last-child {
            border-bottom: 0;
        }

    .ft_links.dbcol {
        column-count: initial;
    }

    .ft_head {
        border-bottom: 1px solid #e6e6e6;
        padding: 6px 0;
    }

    .errorpopup.nogpopup {
        top: 10px;
        font-size: 16px;
        padding: 0 10px;
        padding-top: 55px;
        padding-bottom: 25px;
    }

    .nogpopup {
        background: url(../images/ppbg1.png) no-repeat 45px 0, url(../images/ppbg2.png) no-repeat bottom right 15px;
        background-size: 90px;
        background-color: #fff;
    }

    .btn_search.h-100 {
        height: 42px !important;
    }

    .bkform .btn_search {
        position: relative;
        right: 0;
        width: 100% !important;
        bottom: 0;
    }

    .bktable .subpccbx {
        text-align: left;
    }

    .search_form.popbx {
        padding: 10px 20px 20px;
        background-size: 160px;
    }

    .popbx h2 {
        font-size: 20px;
    }

    .popbx .multiselect-native-select .btn-default, .popbx .form_control {
        padding: 10px;
        height: 42px;
    }

    .popbx .icon {
        top: 12px;
    }
    /*altui*/
    /*.hm_bg{background: url(../images/bgimages/logo.png) no-repeat right 16px top 35px, url(../images/bgimages/kqicon.png) no-repeat left 16px bottom, url(../images/bgimages/main-s-bg1.png) no-repeat bottom right;
    background-size: 45px auto, 80px auto, 100%; background-color: #415ba9; padding-bottom: 50px;}
    .search_sec h3{font-size: 18px; margin: 0 auto;}
    .banner_inner {
        background: url(../images/bgimages/logo.png) no-repeat right 12px top 14px, url(../images/bgimages/kqicon.png) no-repeat left 30px bottom, url(../images/bgimages/main-s-bg1.png) no-repeat bottom right !important;
        position: relative;
        background-size: 38px auto, 92px auto, 100% !important;
        padding-bottom: 40px;
        background-color: #415ba9 !important; min-height:initial
    }
    .banner_inner h3{padding-left:39px; padding-top: 139px; padding-bottom:70px !important} */
    /*altui*/

    #asshowdiv.show + #searchBtn, #asshowdiv + #searchBtn {
        padding-top: 8px;
    }

    /* custom css */
    .headbg span{font-size: 15px;}
    .backbtn .fa{font-size: 14px;}
    .backbtn{padding: 5px 10px;}
    .dtabs .nav-link{padding: 0.25rem 0.45rem; font-size: 13px;}
}

@media(max-width:568px) {
    .bktable .subpccbx .form-control {
        width: 126px;
    }

    .pack_head {
        font-size: 17px;
    }

    .price_dtl {
        font-size: 20px;
    }

    .newtab_nav li {
        margin: 0px 2px 5px 0
    }

    .pack_details .border-left {
        border-left: 0 !important;
    }
    /*#jssor_1{height: inherit !important; width:100% !important;}
    #jssor_1 div:first-child {position: relative !important; height: initial !important; width:100% !important; transform: scale(0) !important;}
    #jssor_1 div:first-child :nth-child(3){position: relative !important; width:100% !important;}
    #jssor_1 div:first-child :nth-child(3) div, #jssor_1 div:first-child :nth-child(3) div img{width:100% !important;}
    .jssort01-99-66 {position: relative !important; width: 100% !important;}*/
    .searchpopup {
        max-width: 100%;
    }

        .searchpopup img {
            max-width: 210px;
        }

        .searchpopup h4 {
            font-size: 20px;
        }

            .searchpopup h4 #sCityName {
                display: block;
            }

    .font-20 {
        font-size: 16px;
    }

    .mnborder {
        border: 0 !important
    }

    .dest_name {
        font-size: 17px;
    }

    .dest_sdate {
        font-size: 12px;
    }

    .form-inline .input-group {
        width: auto;
    }

    .form-inline label {
        margin-bottom: 0;
    }

    .searchpopup h4 {
        font-size: 18px;
    }

        .searchpopup h4 strong {
            display: block;
        }

    .policyContainer {
        display: block;
    }

    .cancellationpopup {
        max-width: 100%
    }

    .amenities li {
        width: 100%;
        padding: 1px 2px;
    }

    #mbooking.nav-tabs .nav-link {
        padding: .65rem 2rem;
    }

    .ui-datepicker-multi-2 .ui-datepicker-group {
        width: 100% !important;
    }

    .ui-datepicker.ui-datepicker-multi {
        width: 290px !important;
        max-width: 100% !important;
    }

    .ui-widget-content {
        max-width: 100% !important;
        width: 280px !important;
    }

    .multiMonth .dayContainer {
        width: 150px !important;
        min-width: 150px !important;
        max-width: 150px !important;
    }

    span.flatpickr-weekday {
        font-size: 67% !important;
    }

    .flatpickr-current-month span.cur-month, .flatpickr-current-month input.cur-year {
        font-size: 12px !important;
    }

    .flatpickr-day {
        height: 29px !important;
        line-height: 27px !important;
        font-size: 13px;
    }
}

@media(max-width:480px) {
    .quebx_inner .table td, .quebx_inner .table th {
        display: block;
        width: 100% !important;
        text-align: left !important;
    }

    .rewardbx:hover .dropdown-menu {
        right: -38px;
    }

    .banner_inner {
        height: 100px;
    }

        .banner_inner h3 {
            padding-left: 0px;
            padding-top: 15px;
            padding-bottom: 14px !important;
            font-size: 14px;
        }

    .newsbox figure {
        height: 180px;
    }

    .dbtn {
        font-size: 14px;
    }

        .dbtn svg {
            height: 24px !important;
        }

    /* Custom CSS */
    .input_agroup .agroupbx{min-width: calc(50% - 6px);}
    .autogroup .agroupbx:last-child{width: calc(100% - 78px);}
}

@media(max-width:414px) {
    .mspanel #HotelFilters {
        margin-top: 40px;
    }

    .mspanel .btn_mid, .mspanel, .mspanel .dropdownbx {
        font-size: 13px;
    }

        .mspanel .dropdownbx .dropdownbxinner {
            display: block;
            width: 100%
        }

    .dropdownbx li {
        display: block
    }

    .queueItem .btn-outline-primary {
        width: 49%;
        margin-top: 5px;
    }

    .policyContainer {
        font-size: 12px;
    }

    .bktable .subpccbx .form-control {
        width: 100%;
    }

    .bktable .subpccbx .btn_small, .bktable .subpccbx .d-inline-block {
        width: 100%;
        margin-bottom: 3px;
    }

    .bg-light.border-bottom .float-right .btn_small {
        margin-top: 2px;
    }

    /*altui*/
    /*.hm_bg {
        background: url(../images/bgimages/logo.png) no-repeat right 16px top 60px, url(../images/bgimages/kqicon.png) no-repeat left 16px bottom, url(../images/bgimages/main-s-bg1.png) no-repeat bottom right;
        background-size: 45px auto, 80px auto, 100%;
        background-color: #415ba9;
        padding-bottom: 50px;
    }
        .search_sec h3{max-width: 205px;}
        .banner_inner h3{padding-left: 22px;
    padding-top: 131px;
    padding-bottom: 24px !important;
    font-size: 11px;}*/

    .bls_input{width:100%;}
    .blsearchbx{margin-bottom: 6px; width: 100%;}
}

/*.greybg {
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.8);
    width: 100%;
    height: 100%;
}*/

.searchpopup {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 0 15px;
    margin: auto;
    width: 98%;
    max-width: 500px;
    height: 328px;
    background: #fff;
    border-radius: 8px;
    position: fixed;
    z-index: 110;
    border: 1px solid #000;
}

    .searchpopup.mxheight {
        max-height: 192px;
    }

.serchcont {
    background: #f7f7f7;
    border-top: 1px solid #e6e6e6;
}

.progress-bar-striped {
    overflow: hidden;
    height: 15px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

    .progress-bar-striped > div {
        background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-size: 40px 40px;
        float: left;
        width: 0%;
        height: 100%;
        font-size: 12px;
        line-height: 20px;
        color: #ffffff;
        text-align: center;
        -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
        -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
        box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
        -webkit-transition: width 3s ease;
        -moz-transition: width 3s ease;
        -o-transition: width 3s ease;
        transition: width 3s ease;
        animation: progress-bar-stripes 2s linear infinite;
        background-color: #557ebf;
    }

    .progress-bar-striped p {
        margin: 0;
    }

@keyframes progress-bar-stripes {

    0% {
        background-position: 40px 0;
    }

    100% {
        background-position: 0 0;
    }
}