/* Landing Page css start */
@import url('darkThemeStyle.css');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');
:root {
    --theme-reg-color: #202124;
    --theme-reg--light-color: #5f6368;
    --theme-reg--dark--light: #919191;
    --theme-reg--grey-light: #f8f8f8;
    --theme-bg-light-clr: #F5F7FB;
    --theme-border-light-clr: #CECECE;
    --theme-light-gray: #CCD2E3;
    --theme-danger: #CF3A59;
}
body {
    line-height: 1.42857143;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale;
    overflow: auto !important
}

.donebox.donebox-outline {
    background:transparent!important;
    text-shadow:none!important;
}
.table-booking-history .donebox {
    line-height:26px;
}
.donebox.donebox-outline-danger {
    color: var(--theme-danger) !important;
    background: transparent !important;
    border-color: var(--theme-danger) !important;
    text-shadow: none !important;
}
.add_pax .blue, body, .panel-cart-container .blue {
    color: var(--theme-reg-clr) !important;
}

    .sklhotelwrap {
        padding: 10px;
        display: grid;
        grid-template-columns: 206px 1fr;
        grid-column-gap: 20px;
        background: #ffffff;
        border-radius: 7px;
        margin-bottom: 20px;
    }

    .sklanimation {
        background-color: whitesmoke;
        overflow: hidden;
        position: relative;
        border-radius: 6px;
    }

    .sklanimation::before {
        content: '';
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: linear-gradient(to right, transparent, transparent, #d7d7d7, transparent, transparent);
        transform: translate(-100%);
        animation: loading 3s infinite;
    }

.sklimg {
    height: 206px;
    width: 100%;
}

@keyframes loading {
    100% {
        transform: translate(100%);
    }
}

@media(max-width:992px) {
    .sklhotelwrap {
        grid-template-columns: 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 20px;
    }
}



.holdtab a {
    color: #636363;
}
.main_box_pan_new .trav .travmain .trav1-one .nonRefundablewrap {
    display:block;
}
    .main_box_pan_new .trav .travmain .trav1-one .nonRefundablewrap .transinclude {
        color: #00af80 !important;
        text-transform: capitalize;
        font-weight: 400;
    }
.nonRefundablewrap > * + * {
    padding-left:10px;
}
.nonRefundablewrap > * + *:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -4px;
    height: 8px;
    width: 1px;
    background: #ddd;
}
.main_box_pan_new .trav .travmain .trav1-one .nonRefundablewrap > * {
    display: inline-block !important;
    vertical-align: middle !important;
}
body, .form-control, .dropdown-menu {
    font-family: 'Muli', sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.trav .travmain .tavelPrt8 {
    min-width: 106px;
}

body.modal-open {
    overflow: hidden !important;
}

legend {
    color: var(--theme-reg-color);
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.3;
    color: inherit;
}

.priceBreakup {
    padding: 5px;
    text-align: center;
    border: 1px solid var(--main-bg-color);
    max-width: max-content;
    margin: 0 auto;
}

.segmentfee {
    padding: 5px;
    text-align: left;
    margin: 0 auto;
    color: red;
}

.navbar-right .dropdown-menu {
    max-height: 250px;
    overflow: auto;
}



.customscroll {
    overflow: auto;
    float: left;
    margin: 0 10px;
}



    .customscroll::-webkit-scrollbar {
        width: 5px;
    }



    .customscroll::-webkit-scrollbar-track {
        background: #ddd;
    }



    .customscroll::-webkit-scrollbar-thumb {
        background: #666;
    }

.ahotelRightScroll {
    max-height: 183px;
    overflow: auto;
}

.pkgItemBig .uc-kstm-wrap i.signia {
    margin-left: 10px;
}

.layoutBody {
    padding-top: 53px;
    background: #f3f9fd;
}

header.masthead {
    position: relative;
    background-color: #343a40;
    background: url("../../assets/images/bg-masthead.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-top: 12rem;
    padding-bottom: 12rem;
}

.drp-buttons {
    display: none;
}

.daterangepicker .drp-calendar td, .daterangepicker .drp-calendar th {
    width: 30px;
    height: 30px;
}

.daterangepicker {
    -webkit-box-shadow: 0 2px 4px 0 rgba(5, 47, 95, 0.04), 0 12px 16px 0 rgba(52, 105, 203, 0.12);
    -moz-box-shadow: 0 2px 4px 0 rgba(5, 47, 95, 0.04), 0 12px 16px 0 rgba(52, 105, 203, 0.12);
    -ms-box-shadow: 0 2px 4px 0 rgba(5, 47, 95, 0.04), 0 12px 16px 0 rgba(52, 105, 203, 0.12);
    box-shadow: 0 2px 4px 0 rgba(5, 47, 95, 0.04), 0 12px 16px 0 rgba(52, 105, 203, 0.12);
}

.file-upload-sec *, .file-upload-sec:hover *, .TabConWrap, .TabConWrap label {
    -webkit-transition: all .30s linear;
    -moz-transition: all .30s linear;
    -ms-transition: all .30s linear;
    -o-transition: all .30s linear;
    transition: all .30s linear;
}

.donebox, .btn, .changeact a {
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    -ms-transition: all .15s linear;
    -o-transition: all .15s linear;
    transition: all .15s linear;
}

    .donebox:active, .btn:active, .changeact a:active {
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9);
        -ms-transform: scale(.9);
        -o-transform: scale(.9);
        transform: scale(.9);
    }

a:hover, a:focus {
    text-decoration: none;
}
/* Global Css start*/
/*.multicity .mulcrow:not(:last-child) .form-group {
    margin-bottom: 5px;
}*/

.form-control::-webkit-input-placeholder, .select2-search__field::-webkit-input-placeholder {
    color: #ccc;
}

.form-control:-moz-placeholder, .select2-search__field:-moz-placeholder {
    color: #ccc;
    opacity: 1;
}

.form-control::-moz-placeholder, .select2-search__field::-moz-placeholder {
    color: #ccc;
    opacity: 1;
}

.form-control:-ms-input-placeholder, .select2-search__field:-ms-input-placeholder {
    color: #ccc;
}

.form-control::-ms-input-placeholder, .select2-search__field::-ms-input-placeholder {
    color: #ccc;
}

.form-control::placeholder, .select2-search__field::placeholder {
    color: #ccc;
}

.crmblue {
    color: #1aaada !important;
}

.crmgreen {
    color: #47a000 !important
}

.crmpurple {
    color: #8e5ea2 !important;
}

.crmorange {
    color: #f37825 !important
}

.greyclr {
    color: #9da9b9;
}

.pad75rem {
    padding: .75rem !important;
}

.opac0 {
    opacity: 0;
}

.mar_t5 {
    margin-top: 5px;
}

label {
    margin-top: .2rem;
    margin-bottom: .3rem;
}

.nav.nav-tabs > li > a > i {
    line-height: 10px;
    margin-top: -7px;
}

.nav > li > a {
    padding: 14px .35rem;
    border: 1px solid transparent !important;
}

    .nav > li > a:hover, .nav > li > a:focus, .nav > li > a:active {
        border: 1px solid transparent !important;
    }

.navbar .nav-tabs .nav-link.active, .nav > li.show > a, .nav > li.ddBox.open .nav-link {
    background: #e9ecef;
}

.navbar .nav-tabs .nav-link {
    margin-right: 0px;
}

.navbar {
    padding-top: 0px;
    padding-bottom: 0px;
}

.donebox:hover {
    color: #fff;
}

.visible {
    display: block
}

.n-visible {
    display: none;
}

.pdTop0 {
    padding-top: 0px !important;
}

.pdBottom0 {
    padding-bottom: 0px !important;
}

.btn {
    border: 1px solid #ddd;
}

.toggle.btn, table .AddedTR .toggle.btn {
    height: 34px !important;
    min-height: 34px !important;
}

.table .toggle.btn {
    height: 30px !important;
    min-height: 30px !important;
}

.toggle .toggle-on {
    padding-left: 0px !important;
}

.toggle .toggle-off {
    padding-right: 0px !important;
}

.toggle.btn, .toggle.btn-xs {
    min-width: 59px !important;
}

    .toggle.btn label.btn, table .AddedTR .toggle.btn label.btn {
        line-height: 1.5rem
    }

.toggleLH1_2 .toggle.btn label.btn {
    line-height: 1.1rem
}

table .toggle.btn label.btn {
    line-height: 1rem
}

.star-rating {
    direction: rtl;
    display: inline-block;
    padding: 0rem .75rem
}

    .star-rating input[type=radio] {
        display: none
    }

    .star-rating label {
        color: #bbb;
        font-size: 18px;
        padding: 0;
        cursor: pointer;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        margin-bottom: 0px;
    }

        .star-rating label:hover, .star-rating label:hover ~ label, .star-rating input[type=radio]:checked ~ label {
            color: #ffac5a
        }

.cntrlfc {
    padding: .25rem .75rem !important;
}

.cursor-default {
    cursor: default !important
}
/* container Spacing*/
nav.navbar, .page-wrap, .page-title, .mainHeader .TabConWrap, .globalPadding, .modal-xl {
    padding-right: 15px;
    padding-left: 15px;
}
/* container Spacing*/
.cart_boxd .cart_top {
    width: 100%;
    padding-right: 50px;
    position: relative;
}

.cart_boxd .cart_topb {
    width: 100%;
    min-height: 90px;
}

.cart_boxd .cart_topa {
    width: 40px;
    position: absolute;
    right: 0;
}

    .cart_boxd .cart_topa img {
        position: absolute;
        top: 0%;
        left: 50%;
        margin-left: -20px;
        width: 100%;
        min-height: 0;
        width: 100%;
        height: auto;
        padding: 0;
        border-radius: 0;
    }

.slite {
    display: none;
}

.fltDes {
    padding: 0px 4px
}

.Flight .cart_boxd .cart_topa {
    right: auto;
    left: 0;
}

.Flight .cart_boxd .cart_top {
    padding-right: 20px;
    padding-left: 50px;
}

.Flight .cart_close {
    right: -22px;
    top: 0;
}

.Flight .cart_boxd .cart_topa img {
    top: 9px;
}

.PaxWrap.flightWrap .PaxWrapInner {
    padding-top: 0;
}

.select-filtersa .select2-search__field {
    padding: 0.375rem 0.75rem !important;
}

.select-filtersa .select2-selection__rendered {
    padding: 0px !important;
}

.vrsnwrap {
    position: absolute;
    bottom: 0px;
    left: 0px;
    font-size: 11px;
    padding: 6px 9px;
    width: 100%;
    color: #aaa;
}

    .vrsnwrap > * {
        display: block;
        line-height: 15px;
        width: 50%;
        float: left;
    }

    .vrsnwrap .text-left {
        width: 35%;
    }

    .vrsnwrap .text-right {
        width: 65%;
    }

    .vrsnwrap.inline {
        position: relative;
        left: auto;
        bottom: auto;
        color: #fff;
        padding: 0px;
        font-size: 11px !important;
        text-transform: uppercase;
    }

        .vrsnwrap.inline * {
            display: inline-block;
            vertical-align: top;
            width: auto;
            float: none;
            margin-right: 25px;
            line-height: 23px;
        }

            .vrsnwrap.inline *:last-of-type {
                margin-right: 0px;
            }

.sidber-box, .hotel-item, .flightwrap {
    background-color: #fff;
    margin-bottom: 20px;
    position: relative;
}

.toolerr, .hotel-item, .hdtl-hdrthumb, .srchBtnWrap, #back-to-top, .flightwrap {
    -moz-box-shadow: 0 2px 4px 0 rgba(5, 47, 95, 0.04), 0 12px 16px 0 rgba(52, 105, 203, 0.12);
    -ms-box-shadow: 0 2px 4px 0 rgba(5, 47, 95, 0.04), 0 12px 16px 0 rgba(52, 105, 203, 0.12);
    -o-box-shadow: 0 2px 4px 0 rgba(5, 47, 95, 0.04), 0 12px 16px 0 rgba(52, 105, 203, 0.12);
    box-shadow: 0 2px 4px 0 rgba(5, 47, 95, 0.04), 0 12px 16px 0 rgba(52, 105, 203, 0.12);
}

.cclInner, .navbar .nav-tabs .nav-link.active, .kSearchBtn, .ddMoreToggle, .hoverIcon, .ddMenuInner a {
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

.mandatory {
    border-right: 3px solid #ff0000 !important
}

.error {
    border: 1px solid #ff0000 !important
}

.dis-block {
    display: block;
}

.no-padding {
    padding: 0px;
}

.btn i {
    padding-right: 5px;
}

.mainHeader .tab-content {
    display: none !important;
}

    .mainHeader .tab-content.show-content, .mainHeader .TabConWrap.showConWrap {
        display: block !important;
    }

.mainHeader.landing .tab-content label, .mainHeader.landing .tab-content .tab-close, .mainHeader.landing .tab-content .dropdown-toggle, .mainHeader.landing .tab-content .mulcremove {
    color: #fff !important
}

.mainHeader .tab-content label.col-form-label, .mainHeader .tab-content .tab-close, .mainHeader .tab-content .dropdown-toggle {
    color: #333 !important
}

.navbar .tab-content .ddBoxInner label {
    color: #333 !important;
}

.mainHeader.landing .nav-tabs .nav-link:after, .mainHeader.landing .tab-content:before {
    opacity: .75 !important;
}

.navbar .nav-tabs .nav-link:after {
    border-color: transparent;
    border-style: dashed dashed solid;
    border-width: 0 15px 15px 15px;
    position: absolute;
    left: 50%;
    top: 100%;
    margin-top: -6px;
    z-index: 1034;
    margin-left: -16px;
    height: 0;
    width: 0;
    content: "";
    display: none;
}

.mainHeader .tab-content {
    position: relative;
    background: transparent;
    padding: 10px 30px;
    z-index: 4;
    margin-top: 20px;
    -webkit-box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
    -moz-box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
    box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}

.mainHeader.landing .tab-content {
    padding: 30px;
}

.TabConWrap.posRel .tab-content {
    margin-top: 5px;
    margin-bottom: 5px;
    box-shadow: none !important
}

body .mainHeader .tab-content:before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    top: 0px;
    left: 0px;
    background: #fff !important
}

.mainHeader .tab-content:after {
    position: fixed;
    width: 100%;
    height: 100%;
    content: "";
    top: 0px;
    left: 0px;
    background: rgba(0,0,0,.3) !important;
    z-index: -2;
    display: none;
}

.mainHeader.landing .tab-content:after {
    background: rgba(255,255,255,.3) !important;
    display: none;
}

.bg-light:before, .bg-light:after, .txtrbg:before {
    z-index: -1;
    content: "";
    background: #fff;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.bg-light:after, .txtrbg:before {
    opacity: 0.01;
}

.bg-light:after {
    display: none;
}

.mainHeader .nav-tabs .nav-link:after, .mainHeader .tab-content:before {
    opacity: 1 !important;
}

.mainHeader.landing .TabConWrap {
    position: absolute;
    background: transparent !important
}

    .mainHeader.landing .TabConWrap.fixed .tab-content {
        background: #f3f9fd !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

.mainHeader {
    z-index: 1000;
    position: relative;
    width: 100%;
}

    .mainHeader.landing {
        position: absolute;
    }

.page-wrap {
    padding-top: 20px;
    padding-bottom: 1px;
}

.stngpg.page-wrap {
    padding-top: 0px;
    padding-bottom: 0px;
}

.greenClr {
    color: #4cd964;
}

.orangeClr {
    color: #ff9500;
}

.grayClr {
    color: #a0a0a0;
}

.mainHeader .TabConWrap.posRel {
    position: relative;
    width: 100%;
    z-index: 5;
    padding-top: 1px;
    padding-bottom: 1px;
    margin-bottom: 0px;
    background: #000;
    display: block;
}

.mainHeader .TabConWrap.posAbs {
    position: absolute;
    width: 100%;
    z-index: 5;
    padding-top: 1px;
    padding-bottom: 1px;
    margin-bottom: 0px;
    display: block;
}

.TabConWrap.hidefixed {
    position: fixed !important;
    top: 51px;
    opacity: 0;
    left: 0px;
    width: 100%;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    background: #000 !important;
    -webkit-transform: translate3d(0,-6rem,0);
    -moz-transform: translate3d(0,-6rem,0);
    transform: translate3d(0,-6rem,0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
}

    .TabConWrap.hidefixed.fixed {
        position: fixed !important;
        top: 53px;
        opacity: 1;
        left: 0px;
        width: 100%;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        background: #000 !important;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

.TabConWrap.fixed .tab-content {
    margin-top: 5px !important;
    margin-bottom: 5px !important
}

.mainHeader .TabConWrap.fixed .tab-content {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
}


.TabConWrap.fixed .form-row > .form-group {
    margin-top: 1rem
}

.TabConWrap.fixed .FlightNav + .form-row > .form-group, .TabConWrap.fixed .form-row.oneway .form-group, .TabConWrap.fixed .form-row.roundtrip .form-group, .TabConWrap.fixed .form-row.multicity .form-group {
    margin-top: 0px;
}

.TabConWrap.fixed .kSearchBtn {
    width: 40px;
    height: 40px;
    line-height: 37px;
    font-size: 16px;
}

.TabConWrap.fixed .tab-close {
    right: 5px;
    top: 0px;
}

.childseat-icon {
    width: 22px;
    height: 22px;
    right: 34px;
    top: 0px;
    background: url('../images/icon-child-seat.png') no-repeat center;
    background-size: 100% auto;
}
/* Multiple stars by font awesome */
.stars {
    position: relative;
    text-decoration: none !important;
    display: inline-block;
    vertical-align: middle;
}

    .stars:before {
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        color: #ff6b00;
        font-size: 15px;
    }
/*.star05,.star10,.star15,.star20,.star25,.star30,.star.star35,.star40,.star45,.star50 {width:90px;}*/
.star05:before {
    content: "\f123\f006\f006\f006\f006"
}

.star10:before {
    content: "\f005\f006\f006\f006\f006"
}

.star15:before {
    content: "\f005\f123\f006\f006\f006"
}

.star20:before {
    content: "\f005\f005\f006\f006\f006"
}

.star25:before {
    content: "\f005\f005\f123\f006\f006"
}

.star30:before {
    content: "\f005\f005\f005\f006\f006"
}

.star35:before {
    content: "\f005\f005\f005\f123\f006"
}

.star40:before {
    content: "\f005\f005\f005\f005\f006"
}

.star45:before {
    content: "\f005\f005\f005\f005\f123"
}

.star50:before {
    content: "\f005\f005\f005\f005\f005"
}
/*.star55,.star60,.star65,.star70 {width:120px;}*/
.star55:before {
    content: "\f005\f005\f005\f005\f005\f123\f006";
}

.star60:before {
    content: "\f005\f005\f005\f005\f005\f005\f006";
}

.star65:before {
    content: "\f005\f005\f005\f005\f005\f005\f123";
}

.star70:before {
    content: "\f005\f005\f005\f005\f005\f005\f005";
}

.input-group span.twitter-typeahead .tt-dropdown-menu {
    width: 100%;
    min-width: 200px;
}
/* Stars by Images class */
#back-to-top {
    position: fixed;
    bottom: 35px;
    right: 35px;
    z-index: 9999;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    cursor: pointer;
    border: 0;
    border-radius: 50px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}

    #back-to-top:hover {
        background: #e9ebec;
    }

    #back-to-top.show {
        opacity: 1;
    }

#content {
    height: 2000px;
}
/* Global Css End*/
.canamnt * {
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px
}

.canamnt h3 {
    font-weight: bold;
}

.countBtnWrap .form-control {
    border-radius: .25rem !important;
}

.form-control, .input-group-text, select.form-control:not([size]):not([multiple]) {
    line-height: 34px;
    height: 34px;
}

.tab-close {
    position: absolute;
    top: 4px;
    right: 10px;
    font-size: 20px;
    color: rgba(0,0,0,.2);
    cursor: pointer;
    z-index: 20;
}

    .tab-close:hover {
        color: rgba(0,0,0,.5);
    }

.page-title {
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #000;
}

.TabConWrap {
    position: absolute;
    width: 100%;
    -webkit-transition: .25s transform;
    -moz-transition: .25s transform;
    -ms-transition: .25s transform;
    -o-transition: .25s transform;
    transition: .25s transform;
}
 .TabConWrap.fixed:after, .TabConWrap.posRel:after {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        overflow: hidden;
        z-index: 2;
        content: "";
        background-image: url('../../assets/images/bh-innerhead.jpg');
        opacity: .5;
        background-position: top -55px left 0px;
        opacity: .05;
    }
.page-title:after {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 2;
    content: "";
    background-image: url('../../assets/images/bh-innerhead.jpg');
    opacity: 0;
    background-position: top -55px left 0px;

}
.pttoolerr {
    z-index: 3;
}

.page-title h2, .page-title h1, .page-title h3, .page-title h4, .page-title h5, .page-title h6 {
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
    z-index: 1;
    margin-bottom: 0px;
    font-weight: normal;
    z-index: 3;
}

.page-title .head_sec_detail h2, .page-title .head_sec_detail h1, .page-title .head_sec_detail h3, .page-title .head_sec_detail h4, .page-title .head_sec_detail h5, .page-title .head_sec_detail h6 {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
}

.page-title:before, .TabConWrap.fixed:before, .TabConWrap.posRel:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: .15;
    z-index: 1;
}

/*.page-title h2 {
    color: #fff;
}*/

.page-title > * {
    z-index: 3;
    position: relative;
}

.page-title .form-col .btn {
    line-height: 1rem;
}

.dataTables_length .select2-container {
    margin-left: 10px;
}

.nav-tabs {
    border-bottom: none
}

.mainHeader.landing .TabConWrap:after, .mainHeader.landing .TabConWrap:before {
    display: none;
}

.navbar .nav-tabs .nav-link {
    border-radius: 0px;
    border: none;
    background: transparent;
    position: relative;
    color: #252525;
}

@-webkit-keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%;
    }

    15% {
        opacity: 1;
        top: 50%;
    }

    50% {
        opacity: 0;
        top: 50%;
    }

    100% {
        opacity: 0;
        top: 29%;
    }
}

@-moz-keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%;
    }

    15% {
        opacity: 1;
        top: 50%;
    }

    50% {
        opacity: 0;
        top: 50%;
    }

    100% {
        opacity: 0;
        top: 29%;
    }
}

@keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%;
    }

    15% {
        opacity: 1;
        top: 50%;
    }

    50% {
        opacity: 0;
        top: 50%;
    }

    100% {
        opacity: 0;
        top: 29%;
    }
}

.scroll-btn {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    z-index: 5;
    text-align: center;
}

    .scroll-btn > * {
        display: block;
        line-height: 18px;
        font-size: 13px;
        font-weight: normal;
        color: #7f8c8d;
        color: #ffffff;
        font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
        letter-spacing: 2px;
    }

        .scroll-btn > *:hover,
        .scroll-btn > *:focus,
        .scroll-btn > *.active {
            color: #ffffff;
        }

        .scroll-btn > *:hover,
        .scroll-btn > *:focus,
        .scroll-btn > *:active,
        .scroll-btn > *.active {
            opacity: 0.8;
            filter: alpha(opacity=80);
        }

    .scroll-btn .mouse {
        position: relative;
        display: block;
        width: 35px;
        height: 55px;
        margin: 0 auto 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border: 3px solid white;
        border-radius: 23px;
    }

        .scroll-btn .mouse > * {
            position: absolute;
            display: block;
            top: 29%;
            left: 50%;
            width: 8px;
            height: 8px;
            margin: -4px 0 0 -4px;
            background: white;
            border-radius: 50%;
            -webkit-animation: ani-mouse 2.5s linear infinite;
            -moz-animation: ani-mouse 2.5s linear infinite;
            animation: ani-mouse 2.5s linear infinite;
        }

.navbar .nav-item .dropdown-menu a.nav-link, .navbar .nav-item .dropdown-menu a.nav-link:hover, .navbar .nav-item .dropdown-menu a.nav-link:focus {
    color: #252525 !important;
}

header.masthead .overlay {
    position: absolute;
    background-color: #fff;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    background: -moz-linear-gradient(top, rgba(125,185,232,0) 0%, var(--main-bg-color) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(125,185,232,0) 0%,var(--main-bg-color) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(125,185,232,0) 0%,var(--main-bg-color) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='var(--main-bg-color)',GradientType=0 ); /* IE6-9 */
}

.navbar-expand-lg .tab-content .navbar-nav .dropdown-toggle {
    padding-left: 0px;
    padding-right: 1rem;
}

.navbar .tab-content label {
    color: rgba(0,0,0,.5);
}

header.masthead h1 {
    font-size: 2rem;
}

.head_sec_detail .htldetlrhtInner > b > b {
}

.head_sec_detail .htldetlrhtInner > b {
    border: none;
    font-size: 130%;
    color: #fff;
}

.head_sec_detail .htldetlrhtInner > span {
    opacity: .7;
    margin-bottom: 14px;
}

.head_sec_detail .htldetlrhtInner > * {
    display: block;
    text-align: right;
}

.ftraboutwrap * {
    margin: 0px !important;
    font-style: normal !important;
    padding: 0px !important;
    color: #ddd !important;
    font-size: 14px !important
}
.mainHeader.disabledbutton {
    pointer-events: all;
}
.setting-page-title.page-title::after {
    display: none;
}
.setting-page-title.page-title::before {
    display: none;
}


.setting-page-title.page-title {
    background: #fff !important;
    border: 1px solid #f0eff3;
    border-radius: 9px;
    display: flex;
    vertical-align: middle;
    align-items: center;
    margin-top: 20px;
    height: 90px;
    padding: 0;
    overflow:hidden;
    padding-right: 0 !important;
}
.setting-page-title .choosetheme {
    font-size: 19px;
    padding-right: 10px;
    font-weight: bold;
    line-height: 26px;
}

.setting-wrapper-section .BoxDiv {
    box-shadow: 0 4px 12px 0 rgba(23, 33, 77, 0.12);
}
.setting-wrapper-section .settingsavesec .ntheme {
    box-shadow: none !important;
    background: transparent;
    padding: 0 !important;
}
.setting-page-title .switchwrapper {
    background: var(--main-bg-color);
    height: 100%;
    display: flex;
    align-items: center;
    padding: 30px;
}
.setting-page-title.page-title .titlecontent {
    flex-grow: 1;
    display: flex;
    justify-content: space-between;
}
    .setting-page-title.page-title .title {
        font-size: 19px;
        font-weight: 600;
        text-align: left;
        color: #252525 !important;
        margin-top:0px;
    }

@media (min-width: 768px) {
    header .masthead h1 {
        font-size: 3rem;
    }
    .flighttab .fltrWrap{
        z-index:9 !important;
    }
    .main_box_pan_new .nonRefundableInner {
        display: block;
    }

    .showcase .showcase-text {
        padding: 7rem;
    }
}

.showcase .showcase-text {
    padding: 3rem;
}

.showcase .showcase-img {
    min-height: 30rem;
    background-size: cover;
}

.features-icons {
    padding-top: 7rem;
    padding-bottom: 7rem;
}

    .features-icons .features-icons-item {
        max-width: 20rem;
    }

        .features-icons .features-icons-item .features-icons-icon {
            height: 7rem;
        }

            .features-icons .features-icons-item .features-icons-icon i {
                font-size: 4.5rem;
            }

        .features-icons .features-icons-item:hover .features-icons-icon i {
            font-size: 5rem;
        }

.testimonials {
    padding-top: 7rem;
    padding-bottom: 7rem;
}

    .testimonials .testimonial-item {
        max-width: 18rem;
    }

        .testimonials .testimonial-item img {
            max-width: 12rem;
            box-shadow: 0px 5px 5px 0px #adb5bd;
        }

.call-to-action {
    position: relative;
    background-color: #343a40;
    background: url("../../assets/images/bg-masthead.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-top: 7rem;
    padding-bottom: 7rem;
}

    .call-to-action .overlay {
        position: absolute;
        background-color: #212529;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        opacity: 0.3;
    }

footer.footer {
    padding-top: 2rem;
    padding-bottom: 0rem;
    position: relative;
    margin-top: 0px;
    z-index:0;
}

    footer.footer .page-wrap {
        z-index: 2;
        position: relative;
    }

    footer.footer:before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        bottom: 0px;
        right: 0px;
        background: var(--main-bg-color) url('../images/world.svg') center no-repeat;
        background-size: 100% auto;
        opacity: .05;
        z-index: 1;
    }

    footer.footer:after {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        bottom: 0px;
        right: 0px;
        z-index: 0;
        display:none;
    }
/* New Written Css */
img {
    max-width: 100%;
}

.navbar-brand {
    width: 200px;
}

.NavToggler .navbar-toggler {
    display: block;
    padding: 0px;
    border: none;
}

.NavToggler *:focus {
    outline: none !important
}

.fixed-top {
    border-bottom: 1px solid rgba(0,0,0,.15);
}

/*.flag_bdr_wrap .dropdown-menu {
    min-width: 13rem;
}*/

/* DDBOX start */
.ddBoxWrap {
    border: 1px solid #ddd;
    border-color: rgba(0,0,0,.2);
    color: #333;
    outline: none;
    -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.2);
    -moz-box-shadow: 0 2px 8px rgba(0,0,0,.2);
    -ms-box-shadow: 0 2px 8px rgba(0,0,0,.2);
    -o-box-shadow: 0 2px 8px rgba(0,0,0,.2);
    box-shadow: 0 2px 8px rgba(0,0,0,.2);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    transform-origin: top right;
    opacity: 0;
    transform: scale(0);
    position: absolute;
    right: 0px;
    top: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    width: 300px;
    height: auto;
    min-height: 300px;
    background: #fff;
    padding-bottom: 30px;
    z-index: 999;
    margin-top: 0px;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

.kstmbtnshift .hidetext + i {
    padding-right: 0px;
}

.ddBox.ddBox-left .ddBoxWrap {
    right: auto;
    left: 0px;
}

.ddBoxInner {
    background: #fff;
    margin: 0;
    height: 100%;
    padding: 30px;
    text-align: center;
    width: 100%;
    overflow: auto;
    max-height: 400px;
}

.ddMenuInner a {
    text-decoration: none;
    color: #818181;
    display: block;
}

.ddBox.open:before {
    border-color: transparent;
    border-style: dashed dashed solid;
    border-width: 0 8.5px 8.5px;
    position: absolute;
    left: 50%;
    margin-left: -9.25px;
    z-index: 1033;
    height: 0;
    width: 0;
    border-bottom-color: #fff;
    border-top-color: rgba(0,0,0,.2);
    top: 100%;
    margin-top: 3px;
    content: "";
    display: none;
}

.ddBox {
    position: relative;
}

    .ddBox.open:after {
        border-color: transparent;
        border-top-color: #fff;
        border-style: dashed dashed solid;
        border-width: 0 8.5px 8.5px;
        position: absolute;
        left: 50%;
        top: 100%;
        margin-top: 4px;
        z-index: 1034;
        margin-left: -9.25px;
        height: 0;
        width: 0;
        content: "";
        display: none;
    }

.ddMoreToggle {
    position: absolute;
    bottom: 0px;
    left: 0px;
    -webkit-border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
    cursor: pointer;
    height: 20px;
    border-top: 1px solid rgba(0,0,0,.2);
    background: rgba(0,0,0,.05);
    width: 100%;
    text-align: center;
    height: 30px;
    padding: 4px 10px;
    font-size: 18px;
    opacity: 1;
}

.ddBoxWrap.open {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.ddMoreToggle:hover {
    opacity: 1;
}

.ddMoreToggle i {
    color: #fff;
}

.ddBoxWrap a:hover {
    opacity: .8;
}
/* DDBOX END */
.mobicontxt {
    display: none;
}
/* NavToggler Start */
.navbar-expand-lg .navbar-nav .NavToggler .nav-link {
    padding: 0px !important;
    position: relative;
}

.Toggle-menu {
    width: 50px;
    height: 50px;
    margin: 0px auto;
    position: relative;
    cursor: pointer;
    border-radius: 5px;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
}

    .Toggle-menu * {
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

    .Toggle-menu .Toggle-line {
        position: absolute;
        height: 100%;
        width: 100%;
    }

        .Toggle-menu .Toggle-line span {
            width: 40px;
            height: 4px;
            position: relative;
            top: 0px;
            left: 5px;
            margin: 10px 0;
        }

            .Toggle-menu .Toggle-line span:nth-child(1) {
                transition-delay: .5s;
            }

            .Toggle-menu .Toggle-line span:nth-child(2) {
                transition-delay: .625s;
            }

            .Toggle-menu .Toggle-line span:nth-child(3) {
                transition-delay: .75s;
            }

    .Toggle-menu .Toggle-cross {
        position: absolute;
        height: 100%;
        width: 100%;
        transform: rotate(45deg);
    }

        .Toggle-menu .Toggle-cross span:nth-child(1) {
            height: 0%;
            width: 4px;
            position: absolute;
            top: 10%;
            left: 24px;
            transition-delay: 0s;
        }

        .Toggle-menu .Toggle-cross span:nth-child(2) {
            width: 0%;
            height: 4px;
            position: absolute;
            left: 10%;
            top: 24px;
            transition-delay: .25s;
        }

    .Toggle-menu span {
        display: block;
        background: #566973;
        border-radius: 2px;
    }

    .Toggle-menu.open .Toggle-line span {
        width: 0%;
    }

        .Toggle-menu.open .Toggle-line span:nth-child(1) {
            transition-delay: 0s;
        }

        .Toggle-menu.open .Toggle-line span:nth-child(2) {
            transition-delay: .125s;
        }

        .Toggle-menu.open .Toggle-line span:nth-child(3) {
            transition-delay: .25s;
        }

    .Toggle-menu.open .Toggle-cross span:nth-child(1) {
        height: 80%;
        transition-delay: .625s;
    }

.NavToggler.open .Toggle-cross span:nth-child(2) {
    width: 80%;
    transition-delay: .375s;
}

/* Navtogler END */
/* Chat Box Start */
.ddNotifyInner ul {
    padding: 0px;
    width: 100%;
}

.ddTitle {
    width: 100%;
    display: block;
    padding: 3px 15px;
    border-bottom: 1px solid rgba(0,0,0,.1);
    font-weight: bold;
}

.ddNotifyInner ul li {
    width: 100%;
    display: block;
    border-bottom: 1px dashed rgba(0,0,0,.1);
    padding: 5px 15px;
}

.ddBoxInner.ddNotifyInner {
    padding: 0px;
    text-align: left;
}

.notifyName {
    font-weight: bold;
    float: left;
}

.ddMTitle {
    border-bottom: 1px solid rgba(0,0,0,.1);
}

.notifyTime {
    float: right;
    display: inline-block;
    font-size: 80%;
    line-height: 20px;
}

.ddTitleButton {
    font-size: 1rem;
    float: right;
    padding: 0px 5px;
    cursor: pointer;
    margin-top: -5px;
}

.notifyTime span:last-of-type {
    padding-left: 6px;
}

.notifyList li {
    border-bottom: 1px dashed #ddd;
}

    .notifyList li:last-of-type {
        border-bottom: none;
    }

.notifyList p {
    display: block;
    width: 100%;
    margin-bottom: 3px;
    overflow: hidden;
    font-size: 80%;
}

    .notifyList p.notifyTitle {
        font-size: 100%;
    }

    .notifyList p.notifySubject {
        font-weight: bold;
        font-size: 80%;
    }

    .notifyList p:last-of-type {
        margin-bottom: 0px;
    }

.changePassForm .form-group {
    margin-bottom: 5px !important;
    border-bottom: none !important;
}
    .changePassForm .form-group input::placeholder {
        font-size:14px !important;
    }
    .changePassForm {
        padding-top: 10px !important;
    }

.chngpasswrap.ddBoxWrap {
    min-height: 276px;
}
/* Chat Box End */
/* Menu Box Start */
.ddMenuInner ul {
    padding: 0px;
    width: 100%;
}

.ddMenuInner li {
    padding: 1px;
    float: left;
    width: 33.33%;
    height: 90px;
    position: relative;
    list-style: none;
    padding: 5px;
}

.ddMenuInner a {
    text-decoration: none;
    color: #636363;
    display: block;
    font-size: 12px;
    position: relative;
    height: 100%;
}

    .ddMenuInner a span {
        position: absolute;
        top: 50px;
        left: 50%;
        -webkit-transform: translate(-50%,0);
        -moz-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
        -o-transform: translate(-50%,0);
        transform: translate(-50%,0);
        width: 100%;
        text-align: center;
        line-height: 1em;
    }

.ddMenuInner [class^="MyIcon-"] {
    position: relative;
    font-size: 60px;
    height: 50px;
    width: 100%;
    display: Block;
    text-align: center;
    line-height: 50px;
}

    .ddMenuInner [class^="MyIcon-"]:before {
        position: absolute;
        top: 66%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }

.ddMenuInner li a .fa {
    position: relative;
    font-size: 34px;
    height: 50px;
    width: 100%;
    display: Block;
    text-align: center;
    line-height: 50px;
}

    .ddMenuInner li a .fa:before {
        position: absolute;
        top: 40%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }
/* Menu Box End */
.kTouchspin .nav-link::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

.kTouchspin.ddBox .ddBoxInner {
    padding: 15px;
}

.kTouchspin.ddBox .ddBoxWrap {
    min-height: 0px;
    margin-top: 0px;
    display: none
}

    .kTouchspin.ddBox .ddBoxWrap.open {
        display: block;
    }

.kTouchspin.ddBox.open:before {
    margin-top: -9px;
    display: none;
}

.kTouchspin.ddBox.open:after {
    margin-top: -8px;
    display: none;
}

.kTouchspin .kts-wrap {
    white-space: nowrap;
}

.kTouchspin.dropdown-menu {
    min-width: 20rem;
    padding-left: 15px;
    padding-right: 15px;
}

.kTouchspin .ddBoxInner .form-group:last-of-type {
    margin-bottom: 0px;
}

.kTouchspin {
    cursor: pointer;
}

    .kTouchspin .ddMoreToggle {
        height: auto;
        padding: 10px 15px;
        background: transparent;
        border-top: 1px solid rgba(0,0,0,.2)
    }

        .kTouchspin .ddMoreToggle .btn {
            line-height: 1rem;
        }

.navbar-nav .dropdown-menu {
    margin-top: 0px;
}

.kSearchBtn {
    position: absolute;
    bottom: -20px;
    right: -20px;
    border-radius: 50px;
    width: 54px;
    height: 54px;
    text-align: center;
    line-height: 50px;
    padding: 0px;
    border: 2px solid #fff;
    font-size: 20px;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
}

    .kSearchBtn i {
        padding: 0px;
        margin-right: 0px;
    }

    .kSearchBtn, .kSearchBtn:hover, .kSearchBtn:focus, .kSearchBtn:active {
        -webkit-box-shadow: 0 2px 4px 0 rgba(5, 47, 95, 0.04), 0 7px 11px 0 rgba(52, 105, 203, 0.12);
        -moz-box-shadow: 0 2px 4px 0 rgba(5, 47, 95, 0.04), 0 7px 11px 0 rgba(52, 105, 203, 0.12);
        -ms-box-shadow: 0 2px 4px 0 rgba(5, 47, 95, 0.04), 0 7px 11px 0 rgba(52, 105, 203, 0.12);
        -o-box-shadow: 0 2px 4px 0 rgba(5, 47, 95, 0.04), 0 7px 11px 0 rgba(52, 105, 203, 0.12);
        box-shadow: 0 2px 4px 0 rgba(5, 47, 95, 0.04), 0 7px 11px 0 rgba(52, 105, 203, 0.12);
    }

#main {
    transition: margin-left .5s;
    padding: 20px;
}

.container {
    max-width: 100%;
}

input[type=text],
input[type=url],
input[type=tel],
input[type=number],
input[type=color],
input[type=email] {
    width: 100%;
}

.table thead th {
    white-space: nowrap;
    color: #fff;
    border-bottom: none;
}

.table-wrap {
    width: 100%;
    overflow-X: auto;
}

.table tfoot td {
    padding: 0px;
}

.table th, .table td {
    padding: .25rem .75rem;
}

.table tfoot td input {
    padding: .25rem .75rem;
    text-overflow: ellipsis;
    border: none;
}
/* Toolerr start */
.toolerr {
    background-color: #fff;
    padding: 20px;
    margin: 20px 0 30px 0;
    position: relative;
    min-height: 55px;
    border: 1px solid #e8e8e8;
    border-bottom: 1px solid transparent;
}

.srchBtnWrap {
    position: absolute;
    left: 50%;
    bottom: -15px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0);
}

    .srchBtnWrap .btn {
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
        border-radius: 20px;
        padding: 4px 25px;
    }

.countBtnWrap {
    position: absolute;
    right: 20px;
    bottom: -17px;
}
/* Toolerr End */
/* Carry Bootrap Css for custom Css start */
.input-group > .form-control, .input-group > .custom-select, .input-group > .custom-file, .input-group > .twitter-typeahead {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
}

#myModalPopup-body {
    height: 500px;
}

.input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child), .input-group > .twitter-typeahead:not(:first-child) .form-control {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

div.TabConWrap .input-group > .input-group-prepend + .form-control {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.daterangepicker .daterangepicker_input i {
    top: 0px;
    left: 0px;
    line-height: 28px;
    width: 28px;
    border: 1px solid #ccc;
    text-align: center;
    border-radius: 4px 0px 0px 4px;
    border-right: none;
    background: #e9ecef;
}

.daterangepicker .input-mini {
    width: 88%;
    margin-left: 28px;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.daterangepicker .table-condensed {
    margin-left: -10px;
    margin-right: -10px;
}

.daterangepicker .drp-calendar .table-condensed {
    margin: 0px;
}

.daterangepicker .calendar {
    margin: 0px;
    padding: 15px;
}

.daterangepicker.ltr .calendar-table {
    padding-top: 8px;
}

.daterangepicker .single .calendar-table {
    padding-top: 0px;
}

.daterangepicker .calendar-table thead tr:first-child th {
    padding-bottom: 10px;
}

.daterangepicker {
    width: auto;
    z-index: 1072;
    display: none;
}

    .daterangepicker.dropdown-menu {
        padding: 0px;
    }
/* Carry Bootrap Css for custom Css start */
/*Hotel result sidebar start*/
.fa[type="button"] {
    -webkit-appearance: none;
}
/*Hotel result sidebar end*/
/*Hotel result Content Box start*/
.hotel-img {
    padding: 0px;
}

.hotel-img-inner {
    height: 100%;
    overflow: hidden;
    position: relative;
}

    .hotel-img-inner img {
        position: absolute;
        min-height: 100%;
        min-width: 100%;
        top: 0px;
        left: 0px;
    }

.hotel-content-inner {
    padding-top: 15px;
}

    .hotel-content-inner .star {
        padding-left: 10px;
    }

    .hotel-content-inner h1 {
        font-size: 24px;
    }

.hotel-price {
    border-left: 1px solid #ddd;
}

.hotel-service-icons ul {
    padding-left: 0px;
    list-style: none;
    margin-bottom: 0px;
}

    .hotel-service-icons ul li {
        display: inline-block;
        vertical-align: middle;
        margin-right: 4px;
    }

        .hotel-service-icons ul li a {
            font-size: 24px;
        }

.hotel-room-item > .row {
    border-top: 1px solid #ddd;
}

.hotel-room-item label {
    margin-bottom: 0px;
    font-weight: bold;
    padding-left: 6px;
    font-size: 125%;
}

.hotel-room-item i {
    padding-right: 4px;
}

.cclMain .cclInner {
    display: none;
    position: absolute;
    right: 0px;
    width: 100%;
    top: 100%;
}

    .cclMain .cclInner:first-of-type {
        display: block;
        position: relative;
    }

.price-box {
    text-align: right;
}

    .price-box span:last-of-type {
        margin-right: 0px;
        width: 100%;
        display: block;
    }

    .price-box span {
        margin-right: 7px;
    }

.readMore {
    padding-left: 7px;
}

.clsCanPolTItle {
    display: inline-block;
    vertical-align: middle;
    padding-right: 5px;
    color: #ff0000;
}

.clsCanPolHead {
    display: block;
    vertical-align: middle;
    margin-right: -4px;
}

.uc-kstm-wrap .clsCanPolHead {
    margin-right: 0px;
}
/*.travmain .tavelPrt6 i:first-of-type {font-size:20px;padding-left:8px;margin-right:5px;}*/
.travmain .tavelPrt6 i:last-of-type {
    font-size: 21px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}

.NewPrice {
    font-size: 110%
}

.OldPrice {
    font-size: 80%;
    text-decoration: line-through;
    color: #ddd;
}

.tavelPrt5 .OldPrice {
    color: #aaa;
    font-size: 11px;
    display: inline-block;
    vertical-align: middle;
}

    .tavelPrt5 .OldPrice * {
        color: #aaa;
        font-weight: bold;
    }

.tavelPrt5 .NewPrice {
    color: #333;
    font-size: 11px;
    padding-left: 0px;
    display: inline-block;
    vertical-align: middle;
}

    .tavelPrt5 .NewPrice span {
        font-size: 17px;
        padding-left: 4px;
        font-weight: bold;
    }

.irs-with-grid .irs-grid {
    display: none !important;
}

.input-group .select2-container {
    width: 100% !important;
}

.b2bctrbx1 span i {
    font-size: 20px;
    padding-left: 10px;
    cursor: pointer;
}

.nav-tabs .nav-item {
    margin-bottom: 0px !important
}
/*Hotel result Content Box End*/
/*Activity result Content Box start*/
.bootstrap-touchspin .btn-default {
    line-height: 1.3;
    background: #e9ecef;
    border: 1px solid #ced4da;
}

.bootstrap-touchspin .bootstrap-touchspin-down {
    border-radius: 0.25rem 0 0 0.25rem;
    border-right: none;
    padding: 4px 5px 8px 5px;
}

.bootstrap-touchspin .bootstrap-touchspin-up {
    border-radius: 0 0.25rem 0.25rem 0;
    padding: 4px 5px 8px 5px;
}

.bootstrap-touchspin .input-group-prepend + .input-group-btn .bootstrap-touchspin-down {
    border-radius: 0;
    border-right: none;
}

.bootstrap-touchspin .input-group-addon {
    line-height: 34px;
    padding-right: 10px;
}
/*Activity result Content Box End*/
/*saveLoader Statrt*/
.saveloaderwrap {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: rgba(0,0,0,.4);
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    transition: all 0.5s linear;
    opacity: 1;
    visibility: visible !important;
}

    .saveloaderwrap.invisible {
        opacity: 0;
        visibility: hidden !important;
    }

.saveloadinner {
    position: absolute;
    top: 50%;
    left: 50%;
    background: #fff;
    border-radius: 1rem;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    padding: 30px;
    min-width: 300px;
}

.saveloader {
    width: 100%;
    text-align: center;
}

    .saveloader img {
        margin-bottom: 20px;
        max-width: 100px;
    }
/*saveLoader End*/
/* Three Bounce Loader start */
.three-bounce {
    text-align: center;
    font-size: 26px;
    position: relative;
    width: 100%;
    z-index: 99 !important;
}

    .three-bounce > div {
        display: inline-block;
        width: 18px;
        height: 18px;
        border-radius: 100%;
        background-color: #4f96b6;
        -webkit-animation: bouncedelay 1.4s infinite ease-in-out both;
        animation: bouncedelay 1.4s infinite ease-in-out both
    }

    .three-bounce .one {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s
    }

    .three-bounce .two {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s
    }

    .three-bounce .tbText {
        text-align: center;
        color: #4f96b6;
        display: block;
        font-size: 18px;
    }

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1)
    }
}

@keyframes bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}
/* Three Bounce Loader End */
/* Avatar Upload css start */
.nav > li.ProfileImg > a:hover, .nav > li.ProfileImg > a:focus, .nav > li.ProfileImg > a:active {
    border: 2px solid #fff !important;
}

.ProfileImg .ddBoxWrap {
    width: 400px;
    min-height: 100px;
}

.ddMTitle {
    border-bottom: 1px solid rgba(0,0,0,.1);
}

.ProfileImg .ddMoreToggle span {
    display: block;
    float: left;
    width: 100%;
    position: relative;
}

    .ProfileImg .ddMoreToggle span i {
        cursor: pointer;
    }

    .ProfileImg .ddMoreToggle span:last-of-type {
        text-align: right;
    }

.ProfileImg .nav-link {
    width: 45px;
    height: 45px;
    border-radius: 50px;
    border: 2px solid #fff !important;
    position: relative;
    overflow: hidden;
    padding: 0px !important;
    box-shadow: 0px 0px 10px rgba(0,0,0,.2);
}

    .ProfileImg .nav-link:before {
        display: none;
    }

.hoverIcon {
    position: absolute;
    top: 0px;
    left: 0px;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    font-size: 40px;
    line-height: 148px;
    text-align: center;
    opacity: 0;
    top: 50%;
    left: 50%;
    color: #fff;
}

.ProfileImg .avatar-upload:hover .hoverIcon {
    opacity: .6;
}

.avatar-detail p {
    text-align: center;
}

    .avatar-detail p:last-of-type {
        margin-bottom: 0px;
    }

    .avatar-detail p label {
        font-size: 120%;
        width: 100%;
        display: block
    }

.avatar-save {
    margin-bottom: 15px;
}

    .avatar-save .btn {
        line-height: 1rem;
    }

.avatar-upload {
    position: relative;
    padding: 15px;
}

.avatar-edit {
    position: absolute;
    right: 12px;
    z-index: 1;
    top: 10px;
}

    .avatar-edit input {
        display: none;
    }

.ddTitleButton {
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-bottom: 0;
    border-radius: 100%;
    background: #FFFFFF;
    border: 1px solid transparent;
    cursor: pointer;
    font-weight: normal;
    transition: all .2s ease-in-out;
    position: relative;
}

    .ddTitleButton:hover {
        background: #f1f1f1;
        border-color: #d6d6d6;
    }

    .ddTitleButton:after {
        content: "\f040";
        font-family: 'FontAwesome';
        color: #757575;
        position: absolute;
        top: 0px;
        left: 0;
        right: 0;
        text-align: center;
        margin: auto;
        line-height: 26px;
    }

.avatar-preview {
    width: 160px;
    height: 160px;
    position: relative;
    border-radius: 100%;
    border: 6px solid #F8F8F8;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
    margin: 0px auto;
    overflow: hidden;
}

    .avatar-preview label {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        cursor: pointer;
        margin: 0;
    }

    .avatar-preview > div, .ProfileImg .nav-link > span {
        width: 100%;
        height: 100%;
        border-radius: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

.nopadfc .form-control {
    padding: 0px !important
}
/* Package Onwards Section */
.pOWOffertrigger {
    display: block;
    padding: 5px 20px;
    background: #0089d0;
    overflow: visible;
    height: 30px;
    margin-left: 29px;
    color: #fff;
    text-decoration: none;
    position: absolute;
    top: 2px;
    right: -15px;
    z-index: 1;
    cursor: default;
}

    .pOWOffertrigger:after {
        content: "";
        height: 0;
        width: 0;
        display: block;
        position: absolute;
        bottom: -15px;
        right: 0;
        border-top: 15px solid #673c00;
        border-right: 15px solid transparent;
    }

    .pOWOffertrigger:before {
        content: "";
        height: 0;
        width: 0;
        display: block;
        position: absolute;
        top: 0;
        left: -15px;
        border-top: 15px solid #0089d0;
        border-bottom: 15px solid #0089d0;
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
    }

.pOWTRFloat {
    position: absolute;
    top: 0px;
    right: 100%;
    background: #0095da;
    font-size: 90%;
    padding: 10px;
    display: none;
    width: 250px;
    border-radius: 5px;
    z-index: -1;
    margin-right: 4px;
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.35);
    box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.35);
}

.pkgOnwards {
    text-align: left;
}

.pkgOnwardsWrap.ahotel-right {
    vertical-align: top;
    padding: 5px 15px 76px 15px;
    position: relative;
}

.pOWHighlights, .pOWHName {
    font-size: 12px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.pOWHName {
    border-bottom: 1px dashed #ddd;
}

.pOWBtmWrap {
    border-top: 1px dashed #ddd;
}

.pOWHighlights li {
    padding-left: 20px;
    position: relative;
    margin-bottom: 4px;
}

    .pOWHighlights li:before {
        content: "\e080";
        color: #333;
        margin-right: 0px;
        font-family: 'simple-line-icons';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        position: absolute;
        left: 0px;
        top: 2px;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
    }

.pOWprice .OldPrice {
    color: #797979;
    display: block;
    margin-bottom: 5px;
}

.pOWprice .NewPrice label, .pOWprice .NewPrice span {
    font-weight: bold;
    margin: 0px;
}

.pOWprice .NewPrice {
    font-size: 130%;
    line-height: 1rem;
    color: #333;
}

    .pOWprice .NewPrice span {
        margin-left: 7px;
        font-size: 70%;
    }

.pOWprice {
    margin-bottom: 5px;
    margin-top: 3px;
}

.pOWHighlights .pOHLTitle {
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
}

.pOWHighlights ul {
    margin-bottom: 0px;
}

.pOWHNameInner span {
    margin-left: 5px;
    cursor: pointer;
    float: right;
}

.pOWHNameInner .fa {
    margin-right: 5px;
}

.pOWHNameInner label {
    margin: 0px;
}

.pOWRCol {
    padding: 5px 15px;
}

    .pOWRCol:last-of-type {
        border-bottom: none;
    }

.plr0 {
    padding-left: 0px;
    padding-right: 0px;
}

.btn-outline-primary:hover, .btn-outline-primary:focus {
    color: #fff !important
}

.cstmz:hover, .cstmz:focus {
    outline: none !important;
    box-shadow: 0 0 0 0 transparent !important
}

.pOWBtmWrap {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
}

.pOWBookNow .btn {
    line-height: 1.1rem;
}

.pOWBookNow .donebox {
    margin-right: 0px;
}
/* Package Onwards Section End*/
.page-title .PkgTitleName *, .divPrice * {
    color: #fff;
}

.OverviewTableWrap {
    width: 100%;
}

    .OverviewTableWrap .row {
        margin: 0px;
    }

.sidebar-area {
    background-color: #4a98d2;
    position: relative;
    width: 290px;
}

.sidebarMain .ScrollFix {
    background: #fff !important;
    max-width: 100% !important
}

.ScrollFix.fixed {
    position: fixed;
    top: 69px;
    bottom: auto;
    right: 8%;
    left: auto;
}

.ScrollFix.bottom {
    position: absolute;
    bottom: 0;
    top: auto;
    top: auto;
    right: 8%;
    left: auto;
}

    .ScrollFix.bottom.fixed {
        top: auto;
        right: 0px;
        margin: 0px;
    }
/* Customize package Css Start */
.cstmizerwrap.PkgBulletsList > *:before {
    display: none;
}

.cstmizer {
    left: -39px;
    z-index: 1;
    top: 0px;
    position: absolute
}

    .cstmizer .c-float {
        font-size: 0px;
        opacity: 0;
    }

    .cstmizer .c-btn {
        display: block;
        font-size: 25px;
        width: 25px;
        height: 25px;
        line-height: 25px;
        margin-bottom: 7px;
        border-radius: 25px;
        border-radius: 25px;
        background: #333;
        position: relative;
        color: #fff;
    }

        .cstmizer .c-btn:before {
        }
/* Tour Customize Css start */
.contentBoxDITab {
    padding-top: 0px;
}
/* FSM GLobal start */
.fsm-container {
    height: 700px;
}

.left-wrap {
    width: 75%;
    float: left
}

.right-wrap {
    width: 25%;
    float: left
}

.left-wrap .fsm {
    width: 33.33%;
}

.left-wrap .fsm-overview {
    width: 100%;
}

.left-wrap > .row, .right-wrap > .row {
    margin: 0px;
}

.fsm {
    width: 100%;
    float: left;
    padding: 5px;
    position: relative;
    height: 167px;
    cursor: pointer;
}

    .fsm.fsm-overview {
        height: 500px;
    }

    .fsm.fsm-map, .fsm.fsm-dailyinfo, .fsm.fsm-terms, .fsm.fsm-activity {
        height: 235px;
    }

        .fsm.fsm-map .fsm-d-content {
            padding: 40px 0px 0px 0px;
        }

.fsm-overview .owl-carousel, .fsm-overview .owl-carousel .owl-item {
    height: 490px !important;
}

.fsm-overview .owl-item {
    position: relative;
    overflow: hidden
}

.fsm-overview .item {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

    .fsm-overview .item img {
        max-width: none;
        height: 100%;
        width: auto !important;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }

.customizer {
    width: 100%;
    height: 100%;
}

.fsm-display {
    position: relative;
    height: 100%;
    width: 100%;
    display: block;
    overflow: auto;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    transition: box-shadow 200ms cubic-bezier(0.4, 0.0, 0.2, 1);
    background: #fff;
    border-radius: 10px;
}

.fsmdcinner {
    height: 100%;
    overflow: hidden;
    position: relative;
}

.fsm-d-title {
    padding: 0px 8px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    border-radius: 10px 10px 0px 0px;
    color: #fff;
}

    .fsm-d-title > * {
        display: inline-block;
        vertical-align: middle;
    }

    .fsm-d-title img {
        width: 30px;
        margin-right: 10px;
    }

    .fsm-d-title span {
        line-height: 40px;
        font-size: 18px;
    }

.fsm-d-content {
    padding: 48px 15px 8px 15px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.fsm-overview .fsm-dcleft {
    padding: 0px !important;
}

.fsm-overview .fsm-d-content {
    padding: 0px;
    margin: 0px;
}

.fsm-overview .fsm-d-content {
}

.bg-overview {
    background: #0095da;
}

.fsm-dchalf {
    padding: 0px;
}

.fsmdcinner p, .fsmdcinner li {
    color: #7d7d7d;
    line-height: 25px;
    letter-spacing: 1px;
}

.fsmdcinner p {
    padding: 20px;
    height: 60%;
    overflow: hidden;
    padding-bottom: 0px;
}

.fsmdcinner .dcrightfloat {
    padding: 10px 20px;
    margin: 0px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: auto;
    max-height: 165px;
    height: 40%;
}

    .fsmdcinner .dcrightfloat ul {
        height: 100%;
        overflow: hidden;
        margin-bottom: 0px;
    }

.fsmdcinner li {
    border-top: 1px dashed #ddd;
    color: #fff;
}

    .fsmdcinner li:first-of-type {
        border-top: none;
    }
/*.fsm {flex: 1;display: flex;flex-direction: column;transition: 1s;cursor: pointer;}*/
.fsm .fa {
    transition: 1s;
    color: #f5f5f5;
    font-size: 2.5vw;
}

    .fsm .fa:before {
        color: #f5f5f5;
    }

.fsm.full-screen .fsm-d-title {
    position: relative;
    z-index: 2;
}

.fsm-container {
    display: flex;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
}

.fsm-fullscreen-btn {
    position: absolute;
    top: 11px;
    right: 18px;
    font-size: 18px;
    opacity: 1;
    transition: all .3s linear;
    cursor: pointer;
}

.fsm:hover .d-destn-more {
    opacity: 1;
    cursor: pointer;
}

.image-container {
    position: relative;
}

.photo-container {
    float: left;
    position: relative;
    overflow: hidden;
}

.image-thumb {
    position: relative;
    background-color: #eee;
}

.d-con-destn {
    margin-bottom: 0px;
    height: 95px;
    overflow: hidden;
}

    .d-con-destn li {
        border-bottom: 1px dashed #ddd;
        padding: 7px 0px;
        margin: 0px;
    }

        .d-con-destn li * {
            padding: 0px;
            margin: 0px;
            overflow: hidden;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .d-con-destn li:last-of-type {
            border-bottom: none;
        }

.d-destn-more {
    padding: 1px;
    opacity: 0;
    transition: all .3s linear;
    color: #aaa;
    position: absolute;
    bottom: 0px;
    height: 20px;
    width: 100%;
    left: 0px;
}

.SLI-options {
    color: #0f8dcb;
}

.font10 {
    font-size: 10%;
}

.font20 {
    font-size: 20%;
}

.font30 {
    font-size: 30%;
}

.font40 {
    font-size: 40%;
}

.font50 {
    font-size: 50%;
}

.font60 {
    font-size: 60%;
}

.font70 {
    font-size: 70%;
}

.font80 {
    font-size: 80%;
}

.font90 {
    font-size: 90%;
}

.font100 {
    font-size: 100%;
}

.font110 {
    font-size: 110%;
}

.font120 {
    font-size: 120%;
}

.font130 {
    font-size: 130%;
}

.font140 {
    font-size: 140%;
}

.font150 {
    font-size: 150%;
}

.font160 {
    font-size: 160%;
}

.font170 {
    font-size: 170%;
}

.font180 {
    font-size: 180%;
}

.font190 {
    font-size: 190%;
}

.font200 {
    font-size: 200%;
}
/* FSM GLobal End */
/* FSM Overview slider start */
.owl-carousel .owl-nav span {
    display: none;
}

.owl-carousel .owl-nav .owl-next::before, .owl-carousel .owl-nav .owl-prev::before {
    background: #fff;
    color: #000;
    opacity: 0;
    border-radius:26px!important;
    width:43px!important;
}

.owl-carousel:hover .owl-nav .owl-next::before, .owl-carousel:hover .owl-nav .owl-prev::before {
    opacity: .5;
}
/* FSM Overview slider end */
/* Daily Info start */
.carousel-3d-container {
    margin: 0px !important;
    padding: 14px !important;
    height: 170px !important;
}

.carousel-3d-slide {
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08) !important;
    background: #fff !important;
    border: none !important;
    border-radius: 10px !important;
}

.fsmddiday {
    float: left
}

.fsmddidate {
    float: right
}

.fsmdditop {
    color: #fff;
    padding: 10px 15px;
    overflow: hidden;
}

.fsmdact {
    padding: 7px 15px;
    text-align: center;
}

    .fsmdact > * {
        display: block;
    }

    .fsmdact label {
        font-weight: bold;
        margin-top: 0px;
        margin-bottom: 7px;
    }

    .fsmdact > span {
        border-bottom: 1px dashed #ddd;
        display: block;
        height: 16px;
    }

        .fsmdact > span span {
            width: 30px;
            height: 30px;
            border-radius: 30px;
            display: inline-block;
            color: #fff;
            font-size: 17px;
            line-height: 30px;
        }

.fsmdicons {
    white-space: nowrap;
    font-size: 20px;
    margin-top: 23px;
}

    .fsmdicons > * {
        padding-right: 10px;
    }

        .fsmdicons > *:last-of-type {
            padding-right: 0px;
        }
/* Daily Info End */
/* Activity Start */
.fsm-d-activity {
    padding: 0px;
    position: relative;
    height: 100%;
    width: 100%;
}

.fsmacbase {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    overflow: hidden;
    z-index: 1;
}

    .fsmacbase img {
        max-width: none;
        height: 100%;
        width: auto !important;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }

.fsmacfloat {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    overflow: hidden;
    z-index: 2;
    color: #fff;
    padding: 6px 10px;
}

.activityslider {
    position: relative;
}

.fsmacfloat * {
    color: #fff
}

.fsmacfloat * {
    display: block;
}

.fsmacfloat label {
    font-weight: bold;
    margin-bottom: 0px;
    margin-top: 0px;
}
/* Activity End */
/* Terms and condition start*/
.fsmdterms li {
    border-bottom: 1px dashed #ddd;
    line-height: 22px;
}

    .fsmdterms li:last-of-type {
        border-bottom: none;
    }

.fsmdterms label {
    font-weight: bold;
    display: block;
}

.fsmdterms p {
    height: 44px;
    overflow: hidden;
}
/* Terms and condition End*/

/* Map Animation Start */
#map {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
}

.pin-wrap {
    position: absolute;
    width: 50px;
    height: 50px;
    margin-top: -60.710678px;
    margin-left: -25px;
    -webkit-transform-origin: 50% 120.7106781187% 0;
    transform-origin: 50% 120.7106781187% 0;
}

.pin {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    margin-left: -25px;
    -webkit-transform-origin: 50% 120.7106781187% 0;
    transform-origin: 50% 120.7106781187% 0;
}

    .pin::after {
        position: absolute;
        display: block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 50px;
        height: 50px;
        content: '';
        -webkit-transform: rotateZ(-45deg);
        -moz-transform: rotateZ(-45deg);
        transform: rotateZ(-45deg);
        border: 10px solid #0f8dcb;
        border-radius: 50% 50% 50% 50%;
    }

    .pin::before {
        position: absolute;
        display: block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 50px;
        height: 50px;
        content: '';
        -webkit-transform: rotateZ(-45deg);
        transform: rotateZ(-45deg);
        border: 9px solid #0f8dcb;
        border-radius: 50% 50% 50% 0;
    }

.shadow {
    position: absolute;
}

    .shadow::after {
        position: absolute;
        left: -125px;
        display: block;
        width: 26px;
        height: 26px;
        margin-top: -13px;
        content: '';
        -webkit-transform: rotateX(55deg);
        transform: rotateX(55deg);
        border-radius: 50%;
        -webkit-box-shadow: rgba(0, 0, 0, 0.5) 100px 0 20px;
        box-shadow: rgba(0, 0, 0, 0.5) 100px 0 20px;
    }

.pulse {
    position: absolute;
    margin-top: -50px;
    margin-left: -50px;
    -webkit-transform: rotateX(55deg);
    transform: rotateX(55deg);
}

    .pulse::after {
        display: block;
        width: 100px;
        height: 100px;
        content: '';
        -webkit-animation: pulsate 1s ease-out;
        animation: pulsate 1s ease-out;
        -webkit-animation-delay: 1.1s;
        animation-delay: 1.1s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        opacity: 0;
        border-radius: 50%;
        -webkit-box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.5);
        box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: 0 0 6px 3px #0f8dcb;
        box-shadow: 0 0 6px 3px #0f8dcb;
    }

@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        transform: scale(0.1, 0.1);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
        opacity: 0;
    }
}

@keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        transform: scale(0.1, 0.1);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
        opacity: 0;
    }
}

.animations a {
    line-height: 42px;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 44px;
    margin: 0 5px;
    padding: 0 10px;
    text-decoration: none;
    color: #f93c11;
    border: 2px solid #f93c11;
    border-radius: 22px;
    -webkit-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s;
}

    .animations a:hover {
        color: white;
        background: #f93c11;
    }

.grad5, .rbodestitem .weatherList .background:before {
    background: #0f8dcb; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #199edc, #067fbd); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #199edc, #067fbd); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.diitem {
    padding: 10px;
    text-align: center;
    border-radius: 10px;
}

/* Rb Overlay main Css start */
.rb-title {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 10px 45px 10px 15px;
    width: 100%;
    border-bottom: 1px solid #ddd;
    background: #fff;
}

    .rb-title h3 {
        font-size: 25px;
    }
/* Rb Overlay Destination start */
.rbodestitem {
    height: 450px;
}

.rbodestttl, .rbodestweather {
    position: relative;
    width: 100%;
    height: 40%;
}

.rbodestcont, .rbodestcurrency {
    position: relative;
    width: 100%;
    height: 60%;
}

.rbodestitem .weather, .rbodestitem .rbodestweatherinner, .rbodestweatherinner ul, .rbodestweatherinner li, .rbodestitem .rbodestcurrencyinner {
    height: 100%;
}

.rbodestbtns {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
}

.rbodestitem .rbodestbtnsinner {
    display: table;
    width: 100%;
    height: 40px;
    border-radius: 0px 0px 10px 10px;
}

.rbodestitem .rbodestbtn {
    display: table-cell;
    vertical-align: top;
    text-align: center;
    padding-top: 10px;
}

    .rbodestitem .rbodestbtn i {
        font-size: 20px;
        color: #fff;
        transition: all .3s linear;
        border-radius: 20px;
        opacity: .5;
        cursor: pointer;
    }

    .rbodestitem .rbodestbtn:hover i {
        opacity: 1;
    }

    .rbodestitem .rbodestbtn:nth-of-type(3) i {
        font-size: 25px;
    }

    .rbodestitem .rbodestbtn:nth-of-type(3) {
        padding-top: 6px;
        vertical-align: top;
    }

.rbodestcontinner label {
    font-weight: normal;
    margin-bottom: 10px;
    font-size: 15px;
}

.rbodestitemwrap {
    padding-top: 5px;
    padding-bottom: 15px;
}

.rbodestcontinner p {
    text-align: justify;
    color: #7d7d7d;
    line-height: 22px;
}

.rbodestcontinner {
    padding: 15px;
    height: 100%;
    width: 100%;
}

.rbodestitem {
    padding-bottom: 40px;
    position: relative;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    transition: box-shadow 200ms cubic-bezier(0.4, 0.0, 0.2, 1);
    background: #fff;
    border-radius: 10px;
}

    .rbodestitem .rbodestttlinner {
        overflow: hidden;
        width: 100%;
        height: 100%;
        position: relative;
        border-radius: 10px 10px 0px 0px;
    }

        .rbodestitem .rbodestttlinner img {
            max-width: none;
            min-height: 100%;
            min-width: 100%;
            max-width: 150%;
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%,-50%);
            -moz-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
        }

.rbodestweatherinner .weatherList > li:last-of-type {
    border-radius: 0px;
}

.rbodestitem .weatherList {
    margin-bottom: 0px;
}

.rbodestcurrency {
    position: relative;
}

.rbodestccol {
    height: 35%;
    float: left;
    width: 100%;
    position: relative;
}

    .rbodestccol.rbodestcleft {
        height: 65%;
    }

    .rbodestccol.rbodestcright .input-group {
        margin-top: 4px;
    }

.rbodestcbtn {
    cursor: pointer;
    position: absolute;
    left: 50%;
    z-index: 5;
    top: 65%;
    margin-left: -20px;
    margin-top: -20px;
    border-radius: 10px;
    width: 40px;
    height: 40px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    transition: box-shadow 200ms cubic-bezier(0.4, 0.0, 0.2, 1);
    font-size: 20px;
    line-height: 43px;
    text-align: center;
    background: #fff;
}

.rbodestccol {
    padding: 20px;
}

    .rbodestccol .input-group {
        margin-top: 16px;
    }

    .rbodestccol > label {
        font-weight: bold;
        font-size: 20px;
        display: block;
        margin: 0px;
        line-height: 35px;
    }

    .rbodestccol .form-control, .rboacchtl .form-control {
        border: none;
        outline: none;
        box-shadow: none;
        border-bottom: 1px solid#ddd;
        padding: 0px;
    }

        .rbodestccol .form-control:focus, .rboacchtl .form-control:focus {
            outline: none !important;
            box-shadow: none !important;
        }

    .rbodestccol .input-group label {
        font-size: 20px;
        margin: 0px;
        margin-right: 40px;
        line-height: 34px;
        margin-top: 6px;
    }

.rbodestitem .weatherList .background {
    background: url(../assets/images/weather-back.jpg) center no-repeat !important;
    background-size: cover !important;
}

    .rbodestitem .weatherList .background img {
        display: none;
    }

.rbodestitem .weather .WCItyTemp {
    top: 34%;
}

.editme {
    position: relative;
    margin-right: 15px;
}

    .editme .SLI-pencil {
        opacity: 0;
        position: absolute;
        font-size: 13px;
        right: -13px;
        top: -6px;
        cursor: pointer;
    }

.rbodestcontlabel .text-right .editme {
    margin-right: 0px;
}

.accinnerttl {
    padding-bottom: 10px;
}

    .accinnerttl .row {
        margin-bottom: 5px;
    }

        .accinnerttl .row:last-of-type {
            margin-bottom: 0px;
        }

.acccityName {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
    text-shadow: 1px
}

.ReadMore {
    display: inline-block;
    cursor: pointer;
}

.rboaccoptions {
    position: absolute;
    top: 10px;
    right: 15px;
    cursor: pointer;
}

.rbodestcontrdate .editme {
    margin-right: 0px;
}

.rboaccdi {
    width: 100%;
    height: 100%;
    padding: 60px 15px 15px 15px;
}

    .rboaccdi label {
    }

    .rboaccdi li {
        padding: 7px 0px;
        border-bottom: 1px dashed #ddd;
    }

        .rboaccdi li:first-of-type {
            padding-top: 0px;
        }

        .rboaccdi li:last-of-type {
            border-bottom: none
        }

.rbodisercont p {
    line-height: 23px;
    font-size: 13px;
    color: #7d7d7d;
    margin-bottom: 0px;
}

.rboaccdi .mCSB_inside > .mCSB_container {
    margin-right: 20px;
}

.mCS_no_scrollbar .mCSB_container {
    margin-right: 0px !important;
}

.rboaccdi .mCSB_scrollTools {
    width: 5px;
}

.rboaccdittl {
    padding: 10px 15px;
    top: 0px;
    left: 0px;
    width: 100%;
    position: absolute;
    display: block;
    font-weight: bold;
    color: #fff;
}

.rbodiserlist .rbodiserttl {
    display: table;
    width: 100%;
    padding: 5px 0px 10px 0px;
}

.rbodiserlist .rbodiserthumb {
    width: 50px;
    display: table-cell;
    vertical-align: middle;
}

.rbodiserthumbinner {
    display: block;
    width: 50px;
    height: 50px;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08) !important;
}

    .rbodiserthumbinner img {
        max-width: none;
        height: 100%;
        width: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }

.rbodiserlist .rbodiserttlinner {
    display: table-cell;
    vertical-align: middle;
    width: 90%;
    padding-left: 20px;
    font-weight: bold;
}
/* Flipcard start */
.flipcard {
    position: relative;
    width: 100%;
    height: 100%;
    perspective: 500px;
}

    .flipcard.flip .front {
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
    }

    .flipcard.flip .back {
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    .flipcard .back {
        -webkit-transform: rotateY(-180deg);
        -moz-transform: rotateY(-180deg);
        -ms-transform: rotateY(-180deg);
        -o-transform: rotateY(-180deg);
        transform: rotateY(-180deg);
    }

    .flipcard .front, .flipcard .back {
        position: absolute;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        -webkit-transition: all 0.5s ease-in;
        -moz-transition: all 0.5s ease-in;
        -ms-transition: all 0.5s ease-in;
        -o-transition: all 0.5s ease-in;
        transition: all 0.5s ease-in;
        -webkit-border-radius: 10px 10px 0px 0px;
        -moz-border-radius: 10px 10px 0px 0px;
        -ms-border-radius: 10px 10px 0px 0px;
        -o-border-radius: 10px 10px 0px 0px;
        border-radius: 10px 10px 0px 0px;
        padding: 0px;
        backface-visibility: hidden;
        overflow: hidden
    }
/* Flipcard End */
.facility .form-control {
    width: 100% !important
}
/* Tour Detail Page css start */
.vamdl {
    vertical-align: middle !important;
}

.AddDelTD > span, .AddDelTD > i {
    padding: 0px 2px;
    display: inline-block;
    vertical-align: middle;
}

.easycstm-wrap .hotel-detail-right {
    padding-bottom: 50px;
}

.bggrey {
    background: #f4f4f4;
}

.bgwhite {
    background: #fff;
}

.easycstm-wrap label {
    font-weight: bold;
}

    .easycstm-wrap label + span {
        margin-left: 10px;
    }

.ecdroom > .row:last-of-type .col-sml {
    border-bottom: none;
}

.col-sml {
    border-bottom: 1px dashed #ddd;
}

.ecdicpolicy {
}

.ech-cityevrd span:last-of-type i {
    display: none;
}

.ech-cityevrd i {
    margin: 0px 10px;
}

.ech-cityevrd * {
    display: inline-block;
    vertical-align: middle;
}

.ech-attrcn span {
    padding: 3px 10px;
    margin-right: 4px;
    border-right: 1px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    border-radius: 25px;
}

.ec-sctn-ttl i {
    margin-right: 10px;
}

.ec-sctn-ttl label {
    margin: 0px;
}

.ech-cityevrd-inner {
    border-radius: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.marbtm-15 {
    margin-bottom: 15px;
}

.ecdicpolicy label, .ecdicpolicy span, .ecdicpolicy a {
    display: block;
}

    .ecdicpolicy label span {
        display: inline-block;
        vertical-align: top;
    }

.totalcost b {
    font-size: 200%;
}

.totalcost {
    margin-top: 10px;
}

    .totalcost .donebox {
        margin-top: 15px;
        border-radius: 25px;
    }

.ecdicplcinner.ntheme {
    margin-bottom: 0;
}

.ntheme.nttl {
    padding: 0px 0px 15px 0px;
}

.ec-sctn-ttl {
    margin-bottom: 15px;
    border-bottom: 1px dashed #ddd;
    font-size: 130%;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    -ms-border-radius: 10px 10px 0px 0px;
    -o-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
    color: #fff;
}

.ec-sctn-body, .ec-sctn-ttl {
    padding-left: 15px;
    padding-right: 15px;
}

.ech-slider-img {
    height: 100%;
    position: relative;
}

.ec-itncount-inner {
    -webkit-border-radius: 0px 20px 20px 0px;
    -moz-border-radius: 0px 20px 20px 0px;
    border-radius: 0px 20px 20px 0px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    cursor: default;
    padding: 7px 10px;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
}

.ech-attrcn.ntheme {
    padding-bottom: 10px;
}

.ech-slider-img {
    position: relative;
    bottom: 0px;
    width: 100%;
    left: 0px;
    padding: 15px;
    background: rgba(0,0,0,.25);
    color: #fff;
    font-size: 120%;
    border-radius: 10px;
    overflow: hidden;
}

.ec-itnder-img {
    width: 100px;
    height: 100px;
    position: relative;
    float: left;
    overflow: hidden;
    border: 3px solid #fff;
}

    .ech-slider-img img, .ec-itnder-img img {
        max-width: none;
        min-height: 100%;
        min-width: 100%;
        width: auto !important;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        height: auto;
    }

.ec-itnitem-inner {
    padding-left: 100px;
    position: relative;
    margin-bottom: 10px;
    min-height: 100px;
}

.ec-itn-count {
    position: absolute;
    left: 0px;
    top: 0px;
}

.ec-itnder-htl {
    position: relative;
}

.ec-itnder-des {
    padding-left: 110px;
    min-height: 100px;
    margin-bottom: 15px;
}


    .ec-itnder-des h4 i {
        margin-left: 10px;
    }

    .ec-itnder-des .stars {
        margin-bottom: 2px;
    }

.addrs, .nghts {
    display: block;
}

/*.ec-itn-item {
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px dashed #ddd;
}*/

.editmebtn {
    float: right;
    padding: 5px;
    font-size: 130%;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.easycstm-wrap ul {
    margin: 0px;
    padding: 15px;
}

    .easycstm-wrap ul li {
        padding-left: 33px;
        line-height: 22px;
        margin-bottom: 10px;
        position: relative;
    }

        .easycstm-wrap ul li:before {
            content: "";
            border: 1px solid #333;
            width: 10px;
            height: 10px;
            border-radius: 7px;
            position: absolute;
            left: 0px;
            top: 6px;
        }

.table td label {
    margin: 0px;
}

.ecdifulldtl {
    position: relative;
    padding-bottom: 40px;
    height: 100%;
}

.ech-dtl-inner {
    height: 100%;
}

.ecdbtm-wrap {
    position: absolute;
    left: 15px;
    bottom: 0px;
    right: 15px;
    padding: 0px;
}

    .ecdbtm-wrap a {
        display: inline-block;
        vertical-align: middle;
        margin-left: 5px;
    }

.ecdbtm-left-inner {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

    .ecdbtm-left-inner i {
        margin-right: 4px;
        font-size: 130%;
    }

.easycstm-wrap .ecdbtm-left-inner label + span {
    margin-left: 5px;
}

.ech-slider.owl-carousel.owl-drag .owl-item {
    flex-flow: column;
    display: flex;
    overflow: hidden;
}

.ech-slider.owl-carousel {
    position: absolute;
    height: 100%;
}

    .ech-slider.owl-carousel.owl-drag .owl-item img {
        height: 100%;
        max-width: none;
    }

.owl-carousel.ech-slider {
    border-radius: 10px;
    overflow: hidden;
}

.ech-slider-con {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

body {
    line-height: 22px;
    letter-spacing: 1px;
}
.trav .travmain.nocncldsn * {
    line-height:15px!important;
}

.hotelItemWrappMain .travmain .donebox {
    line-height: 18px !important;
}
.hotelItemWrappMain .travmain .promoarrow {
    height:17px;
}
    .hotelItemWrappMain .travmain .promoarrow:after {
        top: 1px;
        right: -7px;
        width: 13px;
        height: 13px;
    }
    .hotelItemWrappMain .travmain .promoarrow:before {
        top: 4px;
        right: -2px;
    }
    .ecdbtm-wrap {
    font-weight: bold;
}

.ech-slider-con {
    min-height: 250px;
}

.ech-slider.owl-carousel .owl-stage, .ech-slider.owl-carousel .owl-item, .ech-slider.owl-carousel .owl-stage-outer {
    height: 100%;
}

.btn.btn-primary {
    color: #fff !important;
}

.ech-slider.owl-carousel .owl-stage {
    flex-flow: row;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.ech-slider.owl-carousel .owl-item img {
    width: auto;
    min-width: 100%;
    max-width: none;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.ech-slider.owl-carousel .owl-item .item {
    height: 100%;
}

.ec-mdl-item-inner {
    padding: 10px;
    cursor: pointer;
}

    .ec-mdl-item-inner.selected .ec-htl-slct {
        background: #4cd964;
        color: #fff;
    }

.ec-htl-slct {
    text-align: center;
    font-size: 150%;
    position: absolute;
    right: 5px;
    display: block;
    bottom: 5px;
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 20px;
    color: #ddd;
    margin-bottom: 0px;
}

    .ec-htl-slct i {
        line-height: 30px;
    }

.ec-mdl-img {
    height: 120px;
    overflow: hidden;
    position: relative;
}

.ec-mdl-dtl label {
    display: block;
}

.ec-mdl-dtl {
    margin-bottom: 10px;
    min-height: 2rem;
}

.input-group-btn:not(:first-child) > .donebox, .input-group-btn:not(:first-child) > .btn {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    margin: 0px !important
}
/*.modal-body .btn-primary {color:#fff!important;font-size:80%;letter-spacing:.3px}*/
.input-group-btn .btn {
    min-height: 34px;
}

.ec-mdl-srch {
    padding: 15px;
}

    .ec-mdl-srch .btn {
        font-size: 98%;
    }

.modal-title {
    font-size: 130%;
    font-weight: bold;
    display: block;
}

.ec-mdl-slider {
    height: 10rem;
}

.modal-body p:last-of-type {
    margin-bottom: 0px;
}

.icn-btn-right i {
    padding-right: 0px;
    padding-left: 5px;
}

.modal-xl {
    max-width: none !important;
    height: 100%;
    margin: 0px;
    padding-top: 25px;
    padding-bottom: 25px;
}

    .modal-xl > .modal-content {
        height: 100%;
    }

.modal-close {
    width: 30px;
    height: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
}

    .modal-close:before {
        content: "";
        line-height: 30px;
        width: 100%;
        text-align: center;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        background-image: url('../images/base64icon/cross-black-icon.svg') !important;
        background-repeat: no-repeat !important;
        background-size: 13px !important;
        background-position: center center !important;
    }

.table thead th {
    vertical-align: middle
}

.dataTables_scrollHead {
    border-bottom: 1px solid #ddd !important;
}

.DayDateTimeTh span, .DayDateTh span, .DayDateTd span {
    display: block;
    float: left;
    line-height: 26px;
}

.DayDateTimeTh span, .DayDateTimeTd input[type=text], .DayDateTd span, .tfh-head .DayDateTh span {
    float: left;
    padding: 0px 2px !important;
    text-align: center !important;
    line-height: 26px;
}

    .DayDateTimeTh span:first-of-type, .DayDateTimeTd input:first-of-type {
        width: 20%;
        float: left
    }

    .DayDateTimeTh span:nth-of-type(2), .DayDateTimeTd input:nth-of-type(2) {
        width: 55%;
    }

    .DayDateTimeTh span:nth-of-type(3), .DayDateTimeTd input:nth-of-type(3) {
        width: 25%;
        float: right
    }

.DayDateTimeTh, .DayDateTimeTd {
    padding: 0px 2px;
    text-align: center;
}

.iframe-modal iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 0px;
}

.bkngLi {
    position: relative;
}
/* Mic Css Start */
.mic-btn-wrap {
    z-index: 1200;
    overflow: hidden;
    position: fixed;
    top: 71px;
    left: 0px;
    cursor: pointer;
    z-index: 1400;
    -webkit-border-radius: 0px 25px 25px 0px;
    -moz-border-radius: 0px 25px 25px 0px;
    -ms-border-radius: 0px 25px 25px 0px;
    -o-border-radius: 0px 25px 25px 0px;
    border-radius: 0px 25px 25px 0px;
    background: #fff;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 50px;
    text-align: center;
}

.mic-btn {
    position: relative;
    width: 50px;
    height: 50px;
    font-size: 22px;
}

    .mic-btn:after {
        content: "\f130";
    }

    .mic-btn.mic-animate:after {
        content: "\f130";
        color: #fff;
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%,0);
        -moz-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
        -o-transform: translate(-50%,0);
        transform: translate(-50%,0);
    }

    .mic-btn.mic-slash:after {
        content: "\f131";
    }

    .mic-btn img {
        width: 100%;
        height: 100%;
    }

.mic-show .mic-float {
    z-index: 1100;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #ddd;
    padding: 2rem;
}

.mic-result {
    position: fixed;
    top: -200%;
    left: 60px;
    right: 15px;
    padding: 15px;
    background: #fff;
    z-index: 1500;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    line-height: 20px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.18), 0 0 0 1px rgba(0,0,0,0.09);
    -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.18), 0 0 0 1px rgba(0,0,0,0.09);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.18), 0 0 0 1px rgba(0,0,0,0.09);
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

.mic-btn img {
    z-index: 1;
    position: relative
}

.mic-animate:before {
    z-index: 0;
    position: absolute;
    width: 30px;
    height: 30px;
    top: 50%;
    left: 50%;
    content: "";
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.mic-text-wrap {
    display: block;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    line-height: 50px;
    margin: 25px 0px 10px 0px;
    background: #fff;
    height: 50px;
    padding: 0px 25px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 2px 0px, rgba(0, 0, 0, 0.09) 0px 0px 0px 1px;
    -moz-box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 2px 0px, rgba(0, 0, 0, 0.09) 0px 0px 0px 1px;
    -ms-box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 2px 0px, rgba(0, 0, 0, 0.09) 0px 0px 0px 1px;
    -o-box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 2px 0px, rgba(0, 0, 0, 0.09) 0px 0px 0px 1px;
    box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 2px 0px, rgba(0, 0, 0, 0.09) 0px 0px 0px 1px;
}

.mic-btn.mic-animate:before {
    box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    transform-origin: 50px 5px !important;
    transition: transform 1s ease-in 0s !important;
    animation-duration: 1s !important;
    animation-name: paragato;
    animation-iteration-count: infinite !important;
    animation-direction: alternate !important;
    -webkit-animation-duration: 1s !important;
    -webkit-animation-name: smoothanim !important;
    -webkit-animation-iteration-count: infinite !important;
    -webkit-animation-direction: alternate !important;
    -webkit-animation-timing-function: ease-in-out !important; /* Chrome, Safari, Opera */
    animation-timing-function: ease-in-out !important;
}

@-webkit-keyframes smoothanim {
    from {
        width: 30px;
        height: 30px;
    }

    to {
        width: 50px;
        height: 50px;
    }
}

@-moz-keyframes smoothanim {
    from {
        width: 30px;
        height: 30px;
    }

    to {
        width: 50px;
        height: 50px;
    }
}

@-ms-keyframes smoothanim {
    from {
        width: 30px;
        height: 30px;
    }

    to {
        width: 50px;
        height: 50px;
    }
}

@keyframes smoothanim {
    from {
        width: 30px;
        height: 30px;
    }

    to {
        width: 50px;
        height: 50px;
    }
}

.mic-chat {
    overflow: hidden;
    background: #f2f2f2;
    padding: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    height: 50vh;
    max-height: 600px;
    overflow: auto;
    -webkit-box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 2px 0px, rgba(0, 0, 0, 0.09) 0px 0px 0px 1px;
    -moz-box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 2px 0px, rgba(0, 0, 0, 0.09) 0px 0px 0px 1px;
    -ms-box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 2px 0px, rgba(0, 0, 0, 0.09) 0px 0px 0px 1px;
    -o-box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 2px 0px, rgba(0, 0, 0, 0.09) 0px 0px 0px 1px;
    box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 2px 0px, rgba(0, 0, 0, 0.09) 0px 0px 0px 1px;
}

.mic-result p {
    color: #333;
    padding: 18px 20px;
    line-height: 26px;
    font-size: 16px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 0px;
    width: 70%;
    position: relative;
    float: left;
    background: #fff;
    -webkit-box-shadow: 9px 9px 30px 0px rgba(1, 50, 101, 0.21);
    -moz-box-shadow: 9px 9px 30px 0px rgba(1, 50, 101, 0.21);
    -ms-box-shadow: 9px 9px 30px 0px rgba(1, 50, 101, 0.21);
    -o-box-shadow: 9px 9px 30px 0px rgba(1, 50, 101, 0.21);
    box-shadow: 9px 9px 30px 0px rgba(1, 50, 101, 0.21);
}

    .mic-result p:after {
        bottom: 100%;
        left: 0;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-bottom-color: #fff;
        border-width: 10px;
        margin-left: 20px;
    }

.mic-tb {
    display: inline-block;
    vertical-align: middle;
    margin: 0px !important;
    padding: 0px 5px !important;
    width: auto;
}

body .mic-tb.three-bounce > div {
    width: 8px;
    height: 8px;
    background: #333 !important;
    display: inline-block;
    vertical-align: middle;
}

.mic-result b {
    color: white;
    padding: 18px 20px;
    line-height: 26px;
    font-size: 16px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 0px;
    width: 70%;
    position: relative;
    float: right;
    -webkit-box-shadow: 9px 9px 30px 0px rgba(1, 50, 101, 0.21);
    -moz-box-shadow: 9px 9px 30px 0px rgba(1, 50, 101, 0.21);
    -ms-box-shadow: 9px 9px 30px 0px rgba(1, 50, 101, 0.21);
    -o-box-shadow: 9px 9px 30px 0px rgba(1, 50, 101, 0.21);
    box-shadow: 9px 9px 30px 0px rgba(1, 50, 101, 0.21);
}

    .mic-result b:after {
        bottom: 100%;
        right: 0;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-width: 10px;
        margin-right: 20px;
    }

.mic-result .final {
    font-size: 0;
}

.mic-wrap.mic-show .mic-result {
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    top: 80px;
}

.mic-keywords span {
    display: inline-block;
    vertical-align: middle;
    padding: 7px 14px;
    margin-right: 10px;
    margin-bottom: 10px;
    background: #fff;
    -webkit-box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 2px 0px, rgba(0, 0, 0, 0.09) 0px 0px 0px 1px;
    -moz-box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 2px 0px, rgba(0, 0, 0, 0.09) 0px 0px 0px 1px;
    -ms-box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 2px 0px, rgba(0, 0, 0, 0.09) 0px 0px 0px 1px;
    -o-box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 2px 0px, rgba(0, 0, 0, 0.09) 0px 0px 0px 1px;
    box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 2px 0px, rgba(0, 0, 0, 0.09) 0px 0px 0px 1px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
}

    .mic-keywords span.bred {
        background: #f65858;
    }

    .mic-keywords span.bgreen {
        background: #3582ff;
        color: #fff;
    }

.mic-keywords {
    margin-bottom: 5px;
}

.mic-error-msg {
    z-index: 1200;
    overflow: hidden;
    width: auto;
    height: auto;
    position: fixed;
    top: 140px;
    left: -100%;
    right: 100%;
    padding: 10px 45px 10px 20px;
    cursor: pointer;
    z-index: 1500;
    -webkit-border-radius: 0px 25px 25px 0px;
    -moz-border-radius: 0px 25px 25px 0px;
    -ms-border-radius: 0px 25px 25px 0px;
    -o-border-radius: 0px 25px 25px 0px;
    border-radius: 0px 25px 25px 0px;
    background: #fff;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.18), 0 0 0 1px rgba(0,0,0,0.09);
    -moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.18), 0 0 0 1px rgba(0,0,0,0.09);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.18), 0 0 0 1px rgba(0,0,0,0.09);
    display: inline-block;
    vertical-align: middle;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    text-align: left;
}

    .mic-error-msg.mic-error-show {
        left: 0%;
        right: auto;
    }

    .mic-error-msg p {
        margin: 0px !important;
        line-height: 1.5rem
    }

.mic-error-close {
    display: inline-block !important;
    vertical-align: middle;
    font-size: 30px;
    line-height: 1rem;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -15px;
}

.mic-profile {
    margin-bottom: 16px;
    overflow: hidden;
    width: 100%;
}

    .mic-profile span {
        margin-left: 10px;
        display: inline-block;
        vertical-align: middle;
        font-weight: bold;
    }

    .mic-profile i {
        display: inline-block;
        vertical-align: middle;
        font-size: 20px;
    }

    .mic-profile.mic-ai {
        padding-right: 18px;
        text-align: right
    }

    .mic-profile.mic-agent {
        padding-left: 18px;
    }

    .mic-profile.mic-ai span {
        margin-right: 10px;
        margin-left: 0px;
    }

.mic-wrap.mic-show .mic-btn, .mic-wrap.mic-show .mic-result {
    z-index: 1500;
}

.mic-wrap:before {
    z-index: 1400;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.4);
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

.mic-wrap.mic-show:before {
    content: "";
}

.bselect {
    color: #fff !important
}

    .bselect i {
        color: #333 !important
    }

.mic-keywords span {
    position: relative;
}

.mic-kyrd-reset {
    cursor: pointer;
    position: absolute;
    top: -2px;
    right: -5px;
    width: 16px;
    height: 16px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 2px 0px, rgba(0, 0, 0, 0.09) 0px 0px 0px 1px;
    -moz-box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 2px 0px, rgba(0, 0, 0, 0.09) 0px 0px 0px 1px;
    -ms-box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 2px 0px, rgba(0, 0, 0, 0.09) 0px 0px 0px 1px;
    -o-box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 2px 0px, rgba(0, 0, 0, 0.09) 0px 0px 0px 1px;
    box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 2px 0px, rgba(0, 0, 0, 0.09) 0px 0px 0px 1px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    background: #fff;
}

    .mic-kyrd-reset:before {
        content: "\f00d";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        font-size: 10px;
        position: absolute;
        top: -3px;
        right: 4px;
    }

.mic-close {
    cursor: pointer;
    background: #fff;
    position: absolute;
    top: -15px;
    right: -15px;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    -moz-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    -ms-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

    .mic-close i {
        line-height: 40px;
        width: 100%;
        text-align: center;
        font-size: 18px;
    }


/*Settings Page CSS Starts*/
.theme-edit {
    margin-top: 20px;
}

    .theme-edit .file-upload .file-select {
        margin: 10px 0 0;
        display: block;
        border: 1px solid rgba(0,0,0,0.0625);
        color: #34495e;
        cursor: pointer;
        text-align: left;
        background: #fff;
        overflow: hidden;
        position: relative
    }

    .theme-edit .file-upload {
        display: block;
        text-align: center;
        font-size: 12px
    }

        .theme-edit .file-upload .file-select .file-select-button {
            background: #ececec;
            padding: 0 10px;
            display: inline-block;
            height: 40px;
            line-height: 40px
        }

        .theme-edit .file-upload .file-select .file-select-name {
            line-height: 40px;
            display: inline-block;
            padding: 0 10px
        }

        .theme-edit .file-upload .file-select:hover {
            transition: all .2s ease-in-out;
            -moz-transition: all .2s ease-in-out;
            -webkit-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out
        }

            .theme-edit .file-upload .file-select:hover .file-select-button {
                color: #FFF;
                transition: all .2s ease-in-out;
                -moz-transition: all .2s ease-in-out;
                -webkit-transition: all .2s ease-in-out;
                -o-transition: all .2s ease-in-out
            }

        .theme-edit .file-upload.active .file-select {
            transition: all .2s ease-in-out;
            -moz-transition: all .2s ease-in-out;
            -webkit-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out
        }

            .theme-edit .file-upload.active .file-select .file-select-button {
                color: #FFF;
                transition: all .2s ease-in-out;
                -moz-transition: all .2s ease-in-out;
                -webkit-transition: all .2s ease-in-out;
                -o-transition: all .2s ease-in-out
            }

        .theme-edit .file-upload .file-select input[type=file] {
            z-index: 100;
            cursor: pointer;
            position: absolute;
            height: 100%;
            width: 100%;
            top: 0;
            left: 0;
            opacity: 0;
            filter: alpha(opacity=0)
        }

        .theme-edit .file-upload .file-select.file-select-disabled {
            opacity: .65
        }

            .theme-edit .file-upload .file-select.file-select-disabled:hover {
                cursor: default;
                display: block;
                border: 2px solid #dce4ec;
                color: #34495e;
                cursor: pointer;
                height: 40px;
                line-height: 40px;
                margin-top: 5px;
                text-align: left;
                background: #FFF;
                overflow: hidden;
                position: relative
            }

                .theme-edit .file-upload .file-select.file-select-disabled:hover .file-select-button {
                    background: #dce4ec;
                    color: #666;
                    padding: 0 10px;
                    display: inline-block;
                    height: 40px;
                    line-height: 40px
                }

                .theme-edit .file-upload .file-select.file-select-disabled:hover .file-select-name {
                    line-height: 40px;
                    display: inline-block;
                    padding: 0 10px
                }

    .theme-edit .logo-wraper {
        padding: 8px;
        border: 1px solid rgba(0,0,0,0.0625);
        box-shadow: 0 0 9px 0 rgba(0,0,0,0.1);
        height: 100px;
        display: inline-block;
        width: 100%;
        position: relative;
    }

        .theme-edit .logo-wraper img {
            max-height: 90%;
            width: auto;
            max-width: 90%;
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%,-50%);
            -moz-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
        }

    .theme-edit .color-wraper ul, .theme-edit .texture-wraper ul {
        margin: 0px -4px 0px -4px;
    }

    .theme-edit .color-wraper li, .theme-edit .texture-wraper li {
        height: 37px;
        width: 24%;
        border: 1px solid rgba(0,0,0,0.0625);
        box-shadow: 0 0 9px 0 rgba(0,0,0,0.06);
        float: left;
        margin: 0 2px 2px 0;
        padding: 2px
    }

        .theme-edit .color-wraper li div, .theme-edit .texture-wraper li img {
            overflow: hidden
        }

            .theme-edit .color-wraper li div.active:before, .theme-edit .texture-wraper li.active:before {
                position: absolute;
                content: "\2713";
                left: 40%;
                color: #fff;
                line-height: 1.4;
                font-weight: 700;
                font-size: 20px
            }

.texture-wraper li.active:before {
    left: 35% !important;
    z-index: 2
}

.color-wraper .a {
    background: #000
}

.color-wraper .b {
    background: #fff
}

.color-wraper .c {
    background: #00ff21
}

.color-wraper .d {
    background: #0094ff
}

.color-wraper .e {
    background: red
}

.color-wraper .f {
    background: #4800ff
}

.color-wraper .g {
    background: #b6ff00
}

.color-wraper .h {
    background: #006707
}

.color-wraper .i {
    background: gray
}

.color-wraper .j {
    background: #ff6a00
}

.color-wraper .k {
    background: #ff00dc
}

.color-wraper .l {
    background: #4cff00
}

.color-wraper .m {
    background: #ff006e
}

.color-wraper .n {
    background: #774a4a
}

.color-wraper .o {
    background: #465154
}

.color-wraper .p {
    background: #c09494
}

.slider-wraper {
    overflow-x: auto
}

    .slider-wraper .slider-images {
        float: left;
        width: 100%;
        white-space: nowrap
    }

        .slider-wraper .slider-images li {
            width: 19%;
            display: inline-block;
            background: #fff;
            margin-right: 1%;
            position: relative;
            vertical-align: middle
        }

            .slider-wraper .slider-images li:last-child {
                margin-right: 0
            }

            .slider-wraper .slider-images li img {
                height: auto;
                width: 100%;
            }

        .slider-wraper .slider-images .slider-images-list {
            border: 1px solid rgba(0,0,0,0.0625);
            padding: 8px;
            box-shadow: 0 0 9px 0 rgba(0,0,0,0.1)
        }

        .slider-wraper .slider-images li .bottom-para {
            padding: 5px 0px 0px 0px;
            background: #ececec;
            overflow: hidden
        }

.file-upload-sec {
    width: 100%;
    background: #ececec;
    float: left;
    position: relative;
}

    .file-upload-sec:hover .fileuploadhover {
        opacity: 1;
    }

    .file-upload-sec:hover .fa {
        opacity: 0;
    }

.fileuploadhover {
    z-index: 1;
    position: absolute;
    left: 50%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    max-height: 100%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #fff;
    opacity: 0;
}

.file-upload-sec .file-upload {
    height: 25px;
    cursor: pointer;
    width: 100%;
    border-radius: 0px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #FFF;
    overflow: hidden;
    background-size: 100% 200%;
    transition: all 1s;
    color: #FFF;
    font-size: 15px
}

    .file-upload-sec .file-upload input[type='file'] {
        height: 25px;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        cursor: pointer;
        z-index: 2;
    }

    .file-upload-sec .file-upload:hover {
        background-position: 0 -100%;
        cursor: pointer !important
    }

.slider-span {
    padding-top: 10px;
    padding-bottom: 10px;
    display: none;
}

.edit-heading {
    text-align: center;
    overflow: hidden;
    margin: 0 0 20px;
    color: #333;
    font-size: 15px;
    line-height: 1.3
}

    .edit-heading span {
        display: inline-block;
        position: relative;
        margin: 0 80px
    }

        .edit-heading span:before, .edit-heading span:after {
            content: "";
            border-bottom: 1px solid rgba(0,0,0,0.225);
            width: 3em;
            margin: 0 1.5em;
            position: absolute;
            bottom: .5em
        }

        .edit-heading span:before {
            right: 95%
        }

        .edit-heading span:after {
            left: 95%
        }

.edit-footer .nav > li > a {
    padding: 5px .5rem !important
}

.edit-footer .tab-content {
    padding: 20px 0
}

.edit-footer .nav-tabs li .active.show {
    border-bottom-width: 2px;
    border-bottom-style: solid;
}
/*Settings Page CSS Ends (BY NEELAM YADAV)*/
/*Tour/TourResult Page CSS Starts (BY NEELAM YADAV)*/
.marginB5 {
    margin-bottom: 5px !important
}

.bg-blue {
    color: #fff
}

.white-bg {
    background: #fff !important
}

.off-white-bg {
    background: #fafafa
}

.font-white {
    color: #fff !important
}

span.clr-white.NewPrice, .clr-white label, .clr-white span {
    color: #fff !important
}

.NewPrice.font-big {
    font-size: 25px
}

.font-small {
    font-size: 13px !important;
    font-weight: 400 !important
}

.display-none {
    display: none !important
}

.position-rel {
    position: relative !important
}

.position-abs {
    position: absolute
}

.center-align {
    text-align: center !important
}

.left-align {
    text-align: left
}

.width48 {
    width: 48% !important
}

.pkgOnwards {
    text-align: center
}

.pkgOnwardsWrap.ahotel-right {
    padding: 0
}

.hotel-list {
    max-height: 82px;
    overflow: auto;
    margin-bottom: 40px;
}

p.PkgDescrp {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.text {
    position: relative;
    width: 100%
}

.text-concat {
    position: relative;
    display: inline-block;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 3.6em;
    line-height: 1.2em;
    margin: 12px 0;
}

.three-dots {
    position: absolute;
    right: 78px;
    bottom: 4px;
    z-index: 9999;
    background: #fff;
    margin-left: 10px
}

.ahotel-body .clickme.read-btn:after, .pkgSrch .clickme.read-btn:after {
    display: none
}
/*.clickme:before{display:none}*/
.ahotel-body .clickme.read-btn, .pkgSrch .clickme.read-btn {
    width: auto;
    bottom: 5px
}

.pOWRCol {
    padding: 2px 15px
}

.pkgItemBig .uc-container {
    min-height: 180px;
}

.pkgItemBig .ahotel-image div.img, .pkgItemBig .hotel-item .hotel-image .img {
    min-height: 180px
}

.tags-list {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-top: 10px;
    overflow: hidden;
    width: 100%;
    padding-bottom: 5px;
}

    .tags-list li {
        float: left
    }

        .tags-list li a.active {
            color: #fff
        }

        .tags-list li a:hover {
            color: #999;
            cursor: default
        }

.uc-kstm-wrap p:last-of-type {
    margin-bottom: 0
}

.tag-list {
    background: #eee;
    border-radius: 3px 0 0 3px;
    color: #999;
    display: inline-block;
    height: 24px;
    line-height: 22px;
    padding: 0 20px 0 23px;
    position: relative;
    margin: 0 7px 7px 0;
    text-decoration: none;
    -webkit-transition: color .1s
}

    .tag-list::before {
        content: '\2714';
        height: 6px;
        left: 5px;
        position: absolute;
        width: 6px;
        top: 0;
        color: green
    }

    .tag-list::after {
        background: #fff;
        border-bottom: 13px solid transparent;
        border-left: 10px solid #eee;
        border-top: 11px solid transparent;
        content: '';
        position: absolute;
        right: 0;
        top: 0
    }
/*.tag-list:hover{background-color:#0095da;color:#fff!important;cursor:pointer}
.tag-list:hover::after{border-left-color:#0095da}*/
.filter-btn {
    padding: 4px 10px;
    display: inline-block;
    vertical-align: middle;
    min-width: 200px;
}

.pOWOffertrigger .offer-detail {
    width: 170px;
    padding: 4px;
    border-radius: 0;
}

.main_box_pan .b2bctrbx1 {
    position: relative;
}

.like-icon {
    z-index: 3;
    color: #ea3c53;
    width: 30px;
    height: 30px;
    font-size: 15px;
    right: 0px;
    margin-left: 10px;
    cursor: pointer;
    top: 2px;
    z-index: 1;
}

.favorite {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: url(../images/heart-animation.png) no-repeat;
    background-position: 0 0;
    cursor: pointer;
    pointer-events: none;
}

    .favorite.liked {
        background-position: -2200px 0;
        transition: background 1s steps(22);
        animation: fave-heart 1s steps(22);
    }

@keyframes fave-heart {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: -2200px 0;
    }
}

div.custom-scroll {
    position: absolute;
    overflow-y: auto;
    overflow-x: hidden;
}

    div.custom-scroll::-webkit-scrollbar {
        width: 3px;
    }

    div.custom-scroll.thin::-webkit-scrollbar {
        width: 2px;
    }

::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #ccc;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #888;
}

    ::-webkit-scrollbar-thumb:window-inactive {
        background: rgba(100,100,100,0.4);
    }

.lk-bk-btn {
    bottom: 15px;
    left: 0;
}

.icons-booking {
    margin-bottom: 0px;
    display: table;
    width: 100%;
}

    .icons-booking > div {
        display: table-cell;
        vertical-align: middle;
    }

    .icons-booking .icons-b-left {
        width: 100%;
        text-align: left;
    }

    .icons-booking .icons-b-right i, .icons-booking .icons-b-right span {
        display: block;
        color: #fff;
    }

    .icons-booking .icons-b-right i {
        font-size: 18px;
    }

    .icons-booking .icons-b-right span {
        font-size: 11px;
    }

    .icons-booking .icons-b-right a:hover i, .icons-booking .icons-b-right a:hover span {
        text-shadow: 0 0 5px rgba(255,255,255,0.5)
    }

    .icons-booking .icons-b-right a {
        position: relative;
        display: inline-block;
        margin-left: 8px;
        padding: 5px 15px;
    }

        .icons-booking .icons-b-right a:before {
            display: none;
            content: '';
            position: absolute;
            width: 100%;
            height: 1px;
            background-color: #fff;
            -webkit-transform: scale(0, 1);
            -ms-transform: scale(0, 1);
            transform: scale(0, 1);
            -webkit-transform-origin: 0% 0%;
            -ms-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
            -webkit-transition: -webkit-transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
            transition: -webkit-transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
            -o-transition: transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
            transition: transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
            transition: transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
            left: 0;
            bottom: 0px;
        }

.icons-b-right {
    white-space: nowrap;
}

.icons-booking .icons-b-right a:hover:before {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
}

.icons-booking .icons-offer-wrap {
    min-height: 40px;
    margin-left: -15px;
    display: grid;
    max-width: 95%;
    padding: 3px 15px;
    background: #28a745;
    -webkit-border-radius: 0px 50px 50px 0px;
    -moz-border-radius: 0px 50px 50px 0px;
    border-radius: 0px 50px 50px 0px;
    -webkit-box-shadow: 0px 4px 15px rgba(0,0,0,.25);
    -moz-box-shadow: 0px 4px 15px rgba(0,0,0,.25);
    box-shadow: 0px 4px 15px rgba(0,0,0,.25);
    line-height: 1.3rem;
    max-height: 3rem;
    overflow: hidden;
    align-items: center;
}

/*Tour/TourResult Page CSS Ends*/

/*Common CSS Starts*/
.mob-display {
    display: none !important;
    overflow: auto;
    width: 100%;
}

.paddingT0 {
    padding-top: 0 !important;
}

.paddingT10 {
    padding-top: 10px !important;
}

.paddingT20 {
    padding-top: 20px !important;
}

.T60perc {
    top: 60% !important
}

.T35perc {
    top: 35% !important
}

.T32perc {
    top: 32% !important
}

.fa-12 {
    font-size: 12px !important
}

.BoxDiv-title-nw {
    padding: 10px 0;
    margin: 0 15px;
}

.R0 {
    right: 0 !important;
}

.R-8 {
    right: -8px !important;
}

.paddingL0 {
    padding-left: 0 !important
}

.paddingLR15 {
    padding: 0 15px !important
}

.padR15 {
    padding-right: 15px;
}

.padB15 {
    padding-bottom: 15px;
}

.marginL-30 {
    margin-left: -30px;
}

.paddingL30 {
    padding-left: 30px !important;
}

.paddingTB15 {
    padding: 15px 0
}

.paddingB0 {
    padding-bottom: 0 !important;
}

.marginT10 {
    margin-top: 10px;
}

.marginB10 {
    margin-bottom: 10px;
}

.marginL5 {
    margin-left: 5px;
}

.donebox i {
    font-style: normal !important;
}


/*Common CSS Ends (BY NEELAM YADAV)*/




.dataTables_scrollBody {
    min-height: 50vh;
}

.dataTable tr:hover td a, .dataTable tr:focus td a {
    color: #fff !important;
    font-weight: bold;
}
.hcntltdnwrapTBL.dataTable#myTable tr:hover td a, .hcntltdnwrapTBL.dataTable#myTable tr:focus td a {
    color: #fff !important;
    font-weight: 400 !important;
}

.datatable-scroll-wrap table.dataTable {
    margin-top: 0px !important;
    margin-bottom: 0px !important
}

.dt-buttons.donebox {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.donebox:last-of-type {
    margin-right: 0px;
}

.artxtarea {
    line-height: 1.2rem;
}

td .fontstar {
    padding-left: .75rem;
}

.fontstar .fa {
    font-size: 18px;
    line-height: 1.8rem
}

.table-striped tbody tr:nth-of-type(odd),
#Mandatory .standrd_rservwrap tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.03)
}

.bmdllftfix {
    position: fixed;
    width: 30%;
    top: 0px;
    left: 0px;
    height: 100%;
    z-index: 5;
    display: flex;
    flex-direction: column;
}

.bmdlrhtrel {
    width: 70%;
    left: 30%;
    position: fixed;
    top: 0px;
    overflow: auto;
    height: 100%;
    z-index: 5;
}

    .bmdlrhtrel h1, .bmdlrhtrel h2, .bmdlrhtrel h3, .bmdlrhtrel h4, .bmdlrhtrel h5, .bmdlrhtrel h6 {
        margin-bottom: 25px;
        font-weight: bold;
    }

    .bmdlrhtrel p {
        color: #777;
    }

    .bmdlrhtrel strong, .bmdlrhtrel b {
        color: #333;
    }

.bmdlrhtrelinner {
    padding: 15px;
    margin-top: -4px;
}

.bmdlmap {
    height: 100%;
    width: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
}

    .bmdlmap > * {
        height: 100%;
        width: 100%;
    }

.bmdlbkg li:first-of-type {
    border-top: 1px dashed #ddd;
}

.bmdlbkg li {
    padding: 4px 0px;
    border-bottom: 1px dashed #ddd;
    display: table;
    width: 100%;
}

    .bmdlbkg li > strong {
        width: 200px;
        white-space: nowrap;
        display: table-cell;
        vertical-align: middle;
    }

    .bmdlbkg li > span {
        padding-left: 10px;
        display: table-cell;
        vertical-align: middle;
    }

.bmdlrhtrel .list li {
    padding-left: 20px;
    position: relative;
    margin-bottom: 10px;
}

    .bmdlrhtrel .list li:before {
        position: absolute;
        top: 7px;
        left: 0px;
        content: "";
        width: 8px;
        height: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        border: 1px solid #777;
    }
/* Dashboard Css start */
/* Page css don't move start*/
.ui-datepicker.ui-widget {
    z-index: 1200 !important;
}
/* Page css don't move end*/
.CSTMcsrch .search {
    width: 100%;
    position: relative;
    height: 28px;
}

    .CSTMcsrch .search .twitter-typeahead {
        height: 28px;
    }

.CSTMcsrch .searchTerm {
    float: left;
    width: 100%;
    border: 1px solid #ddd;
    padding: 5px 5px 5px 15px;
    border-radius: 20px;
    outline: none;
    color: #333;
    line-height: 16px;
}

.CSTMcsrch input.clearable, .CSTMcsrch input.typehead.clearable {
    background: #fff !important;
    padding-right: 38px !important;
}

    .CSTMcsrch input.clearable.clearBtn {
        background-position: right 15px center !important;
    }

input.searchTerm:hover, input.searchTerm:focus {
    outline: none;
}

.CSTMcsrch .searchTerm:focus {
    color: #333;
}

.CSTMcsrch .searchButton {
    position: absolute;
    right: 3px;
    top: 0px;
    width: 36px;
    height: 29px;
    border: 1px solid transparent;
    background: transparent;
    text-align: center;
    color: #f37825;
    border-radius: 15px;
    cursor: pointer;
    font-size: 16px;
}

.dot {
    height: 20px !important;
    width: 20px !important;
    border-radius: 50%;
    border: 1px solid #b5b9c9;
    display: block;
    line-height: 19px;
    font-size: 11px;
    color: #b5b9c9;
}

.ptrain {
    top: 61% !important;
}

.trainClass {
    padding: 1px 16px;
    width: 89px;
}

.closeButton {
    font-size: 27px;
    color: #252525;
    position: absolute;
    right: 18px;
    top: 2px;
    cursor: pointer;
}

.rail-content {
    position: relative;
}

.innerFairDetail, .connectionsTabRailContent {
    position: relative;
}

.rail-content .ccltable th, .rail-content .ccltable td {
    border: none !important;
}

.wrap {
    width: 30%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.CSTMcttl {
    padding-bottom: 7px;
}

.CSTMcbtnwrap .btn-group {
    float: right;
}

.CSTMcbtnwrap .btn {
    color: #fff;
    text-transform: uppercase;
    padding-top: 3px;
    padding-bottom: 3px;
    opacity: .5;
    background: transparent;
    border: 1px solid #ddd;
    color: #333;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

    .CSTMcbtnwrap .btn.visible {
        opacity: 1;
    }

    .CSTMcbtnwrap .btn:hover, .CSTMcbtnwrap .btn:focus {
        outline: none;
    }

    .CSTMcbtnwrap .btn.btn-acquire.visible {
        background: #f37825;
        color: #fff;
    }

    .CSTMcbtnwrap .btn.btn-retain.visible {
        background: #f9c200;
        color: #fff;
    }

    .CSTMcbtnwrap .btn.btn-develop.visible {
        background: #74b44a;
        color: #fff;
    }

.CSTMPIcolI label {
    font-weight: bold;
}

.CSTMPIcol {
    margin-bottom: 4px;
    border-radius: 5px;
    overflow: hidden;
}

    .CSTMPIcol:first-of-type {
        overflow: visible;
    }

.CSTMPIcolI {
    text-align: center;
    padding: 0px;
    position: relative;
    overflow: hidden;
}

    .CSTMPIcolI:before {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        content: "";
        z-index: 0;
    }

    .CSTMPIcolI > * {
        z-index: 1;
        position: relative;
    }

    .CSTMPIcolI.blue:before {
        background: #1aaada;
    }

    .CSTMPIcolI:nth-of-type(2):before {
        opacity: .80;
    }

    .CSTMPIcolI:nth-of-type(3):before {
        opacity: .60;
    }

    .CSTMPIcolI.green:before {
        background: #47a000;
    }

    .CSTMPIcolI > * {
        display: block;
        color: #fff;
    }

.chartcol {
    padding: 5px !important;
}

.chartcolinner {
    background: #fff;
    border-radius: 10px;
    padding: 10px;
    -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.1), 0 6px 6px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 10px 20px rgba(0,0,0,0.1), 0 6px 6px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 10px 20px rgba(0,0,0,0.1), 0 6px 6px rgba(0,0,0,0.1);
    -o-box-shadow: 0 10px 20px rgba(0,0,0,0.1), 0 6px 6px rgba(0,0,0,0.1);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1), 0 6px 6px rgba(0,0,0,0.1);
}

.CSTMms ul {
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0px;
}

.CSTMms li {
    display: block;
    padding: 0px 5px;
    border-bottom: 1px solid #ddd;
    position: relative;
    padding-left: 26px;
}

    .CSTMms li:last-of-type {
        border-bottom: none;
    }

    .CSTMms li i {
        position: absolute;
        top: 50%;
        left: 0px;
        width: 26px;
        transform: translate(0%,-50%);
        font-size: 15px;
        color: #333;
    }

    .CSTMms li label {
        position: absolute;
        border-radius: 3px;
        top: 50%;
        right: 0px;
        transform: translate(0%,-50%);
        padding: 1px 3px;
        background: #333;
        color: #fff;
        line-height: 14px;
        font-weight: normal;
    }

    .CSTMms li span {
        line-height: 30px;
    }

    .CSTMms li:nth-of-type(4n + 1) label {
        background: #1aaada;
    }

    .CSTMms li:nth-of-type(4n + 2) label {
        background: #8ec165;
    }

    .CSTMms li:nth-of-type(4n + 3) label {
        background: #f37825;
    }

    .CSTMms li:nth-of-type(4n + 4) label {
        background: #857198;
    }

.CSTMtable th {
    background: #fff !important;
    color: #333;
    text-align: left;
    min-width: 150px;
}

.CSTMtable td:first-of-type {
    text-transform: uppercase;
}

.CSTMtable tr:nth-child(even) {
    background: #fff;
}

.CRMCharts.svg-wrap {
    padding: 5px;
    background: #e9ebee !important;
    margin-bottom: 0px !important;
}

.CSTMormain {
    text-align: center;
    background: #f7f7f7;
    padding: 10px 0px;
}

    .CSTMormain > span, .CSTMormain > label {
        display: block;
    }

    .CSTMormain > label {
        font-size: 3rem;
        line-height: 3rem;
    }

    .CSTMormain > span {
        color: #8d959c;
        font-size: 20px;
    }

.circlewrap {
    width: 150px;
    height: 150px;
    position: relative;
    margin: 0px auto;
}

.boldFont {
    font-weight: bold;
}

.csavettl {
    padding: 0px 4px;
}

.csavecon {
    padding: 0px 15px;
    font-size: 12px;
}

    .csavecon > label {
        display: block;
        font-weight: normal;
    }

    .csavecon b {
        margin-right: 5px;
    }

    .csavecon > span {
        color: #fff;
        background: #47a000;
        padding: 5px 4px;
        display: block;
        margin-bottom: 5px;
        border: 1px solid #47a000;
    }

        .csavecon > span:hover {
            background: #fff;
            color: #47a000;
            border: 1px solid #47a000;
        }

.event-list {
    padding: 0px;
    margin-bottom: 0px;
    height: 410px;
    overflow: auto;
}

.crmpopup {
    width: 55% !important;
    height: 80px !important;
}

.eblock > span, .eblock > a {
    display: block;
}

.minutestxt {
    word-break: break-all;
}

.eblock > a.sbjct {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 2px 10px;
    border-radius: 10px;
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
}

.eblock > a.btn {
    display: inline-block;
    vertical-align: middle;
    margin-top: 8px;
}

.eventcol .chartcolinner {
    padding: 10px 15px
}

.event-list li {
    border-top: 1px solid #ddd;
    padding: 10px;
    overflow: hidden;
}

    .event-list li:first-of-type {
        border-top: none;
    }

    .event-list li > * {
        display: block;
    }


.event-list .evname {
    cursor: pointer;
    color: #333 !important;
    font-weight: bold;
}

.event-list .evdtwrap {
    overflow: hidden;
}


.eventttl {
    padding-bottom: 10px;
    position: relative;
    padding-right: 40px;
    padding-left: 40px;
    border-bottom: 1px solid #ddd;
    padding-top: 6px;
}

    .eventttl label {
        display: block;
    }

    .eventttl .btn.btn-right {
        float: right;
        position: absolute;
        top: -3px;
        right: 0px;
    }

    .eventttl .btn.btn-left {
        float: left;
        position: absolute;
        top: -3px;
        left: 0px;
    }

.pd1_imp.no-padding {
    padding: 0px !important;
}

.riskWrap, .gopwrap {
    padding: 10px;
}

.riskWrapInner span {
    margin: 0px auto;
    border: 1px solid #f37825;
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    line-height: 1.5rem;
}

    .riskWrapInner span:first-of-type {
        background: #f37825;
        color: #fff;
        font-size: 40px;
        border: 5px solid #f37825;
        border-radius: 20px 0px 0px 20px;
        font-weight: bold;
        padding: 10px 20px;
    }

    .riskWrapInner span:nth-of-type(2) {
        background: #fff;
        font-size: 30px;
        border-radius: 0px 20px 20px 0px;
        width: 100%;
        color: #f37825;
        font-weight: bold;
    }

.riskWrapInner {
    display: table;
    width: 100%;
}

.gopwrapinner {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background-color: #47a000;
    border: 5px solid #fff;
    box-shadow: 0 0 0 5px #47a000;
    margin: 0px auto;
}

    .gopwrapinner span {
        font-size: 30px;
        line-height: 140px;
        display: block;
        color: #fff;
        text-align: center;
    }

.chartitle {
    font-size: 14px;
    text-align: center;
    margin-bottom: 3px !important;
    margin-top: -2px;
    line-height: 1rem;
    font-weight: bold;
    display: block;
}

.cstmfunnelwrap {
    height: 130px;
}

.cstmfunnel {
    width: 70%;
    height: 100%;
    float: left;
}

.funcwrap {
    width: 30%;
    height: 100%;
    padding: 10px;
    float: left;
    position: relative;
}

.funcwinner {
    width: 50px;
    height: 50px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    background: #857198;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

    .funcwinner span {
        display: block;
        text-align: center;
        line-height: 50px;
        font-size: 20px;
        color: #fff;
    }

.CSTMcrwrap {
    width: 100%;
    display: table;
    margin-top: 10px;
}

    .CSTMcrwrap .cir {
        width: 88px !important;
        height: 88px !important;
        top: 6px !important;
        left: 6px !important;
    }

    .CSTMcrwrap .perc {
        width: 88px !important;
        height: 88px !important;
        line-height: 88px !important;
        font-size: 26px !important;
        font-weight: bold !important;
        color: #47a000 !important;
    }

.CSTMcreditrate > div {
    margin: 10px auto
}

.CSTMcrwrap > div {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
}

.crlegendrow span {
    display: block;
}

.crlegendrow {
    position: relative;
    padding-left: 24px;
}

    .crlegendrow:before {
        position: absolute;
        top: 2px;
        left: 0px;
        content: "";
        width: 16px;
        height: 16px;
        border-radius: 4px;
        background: #47a000;
    }

    .crlegendrow:nth-of-type(2):before {
        background: #eaeaea;
    }

.marBot5 {
    margin-bottom: 5px;
}
/* Height Adjustments */
.CSTMpisec .chartcolinner {
    height: 190px;
}

.rds-left-btm-top {
    border-radius: 10px 0px 0px 10px;
}

.rds-right-btm-top {
    border-radius: 0px 10px 10px 0px;
}

.CSTMpisec .table td, .CSTMpisec .table th {
    line-height: 1.2rem
}

.CSTMpisec label {
    margin: 0px;
}

.bmhsec .chartcolinner {
    height: 190px;
}

.CSTMsalessec .chartcolinner {
    height: 166px;
}

.qucusec .chartcolinner {
    height: 210px;
}

.gopcol .chartcolinner {
    height: 210px;
}

.CSTMorating .chartcolinner {
    height: 408px;
}

/* Rating Circle css start */
.circliful .outer {
    fill: transparent;
    stroke: #333;
    stroke-width: 19.8;
    stroke-dasharray: 534;
    transition: stroke-dashoffset 1s;
    -webkit-animation-play-state: running;
    -moz-transform: rotate(-89deg) translateX(-190px);
}

.circliful text {
    font-weight: bold;
    font-size: 15px;
}

.circliful g, .circliful .icon, .circliful .percent, .circliful .timer, .circliful text {
    display: none;
}

.CSTMormain .carets {
    position: absolute;
    right: 3px;
    top: 3px;
    font-size: 20px;
}

.circlewrap .carets {
    position: absolute;
    left: 50%;
    bottom: 14px;
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0);
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 0px 3px rgba(0,0,0,.3);
}

.circlewrap .ratingText {
    position: absolute;
    left: 52%;
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0);
    bottom: 47px;
    text-align: center;
}

    .circlewrap .ratingText label {
        font-size: 20px;
        display: block;
        margin-bottom: 3px;
        line-height: 1.5rem;
    }

    .circlewrap .ratingText span {
        font-size: 13px;
        display: block;
    }

.ratingText.circlewrap .ratingText {
    bottom: 80px;
}

.carets {
    white-space: nowrap;
    padding: 0px 5px;
}

    .carets * {
        display: inline-block;
        vertical-align: middle;
    }

    .carets.red {
        color: #ff0000;
    }

    .carets.green {
        color: #47a000;
    }

.blue {
    color: #3e95cd;
}

.purple {
    color: #8e5ea2;
}

.bluebg {
    background: #3e95cd;
}

.purplebg {
    background: #8e5ea2;
}

.CRMdays > div {
    padding: 0px 10px;
    font-size: 12px;
    color: #fff;
    margin-top: -3px;
}

.CRMdays {
    position: absolute;
    bottom: -5px;
    width: 100%;
}

.CRMlinechart {
    padding-bottom: 22px;
    position: relative;
}
/* full circle 25 empty 534 */
.circliful .inner {
    fill: transparent;
    stroke: orange;
    stroke-width: 20;
    stroke-dasharray: 534;
    transition: stroke-dashoffset 1s;
    -webkit-animation-play-state: running;
    -moz-transform: rotate(-89deg) translateX(-190px);
    stroke-dashoffset: 0;
}

.circliful {
    overflow: visible !important;
}

.svg-container {
    width: 100%;
    margin: 0 auto;
    overflow: visible;
    position: relative;
}

svg .icon {
    font-family: FontAwesome;
}

.legend-line {
    white-space: nowrap;
}

.color-box {
    width: 15px;
    height: 15px;
    border-radius: 2px;
    display: inline-block;
    float: left;
    padding-top: 3px;
    margin: 2px 5px 0 0;
}

.chartcolinner .chartjs-render-monitor {
    max-height: 92%
}

.innerconwrap {
    background: #fff;
    min-height: 600px;
    margin-bottom: 20px;
}

.flightcontent {
    min-height: 560px;
}

.table th i {
    margin-right: 10px;
}

.ftrpleft {
    padding-left: 5%;
}

.uc-container .uc-kstm-wrap > p {
    margin-bottom: 0px;
}

.kstmfixmdl {
    position: absolute;
    height: 100%;
    width: 100%;
}

.pagination > .active > a {
    pointer-events: none !important;
    cursor: default !important;
    user-select: none !important;
}

.clr-grey {
    color: #999;
}
/* Tour Detail Page */
.ec-itncount-float label {
    margin: 0px;
}

.ech-attrcn span.tag-attrb-list {
    box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
    border-radius: 0;
    padding: 5px 20px;
    margin: 0 10px 10px 0
}

.ticket {
    line-height: 1;
    display: inline-block;
    position: relative;
    padding: 5px;
    text-shadow: none;
    background: none;
    border: 1px solid rgba(0,0,0,0.0625);
    box-shadow: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    float: left;
    margin: 0 5px 5px 0;
    text-align: left;
    max-width: 100%;
}

span.ticket a {
    color: #666 !important;
    font-weight: normal;
    font-size: 11px !important;
    line-height: 1
}

.ecdbtm-wrap {
    left: 0 !important;
}

.ticket:before, .ticket:after {
    display: none;
}

.ech-attrcn span.tag-attrb-list a {
    color: #fff
}

.ticket-day-list {
    display: block;
    position: relative;
    padding: 1em 0;
    font-size: 16px;
}

    .ticket-day-list .ec-itnder-col .addrs {
        font-size: 13px;
    }

.no-border-radius {
    border-radius: 0 !important
}

.ech-slider-img img, .ec-itnder-img img {
    max-width: 100% !important
}

.paddingL0 {
    padding-left: 0 !important
}

.paddingLR15 {
    padding: 0 15px !important
}

.padR15 {
    padding-right: 15px;
}

.marginL-30 {
    margin-left: -30px;
}

.paddingL30 {
    padding-left: 30px !important;
}

.paddingTB15 {
    padding: 15px 0
}

.marginT10 {
    margin-top: 10px;
}

.marginB10 {
    margin-bottom: 10px;
}

.marginL5 {
    margin-left: 5px;
}

.bg-none {
    background: none !important
}

.bg-blue {
    background: #0095da !important
}

.font13 {
    font-size: 13px
}

.font12 {
    font-size: 12px
}

.paddingL135 {
    padding-left: 135px;
}

.manage-hotel {
    right: 0;
    top: -40px;
}

.manage-act-day {
    right: 0%;
    top: 0;
}

.display-inl-block {
    display: inline-block;
}

.padLR15 {
    padding: 0 15px;
}

.owl-carousel.ech-slider {
    border-radius: 10px 0 0 10px
}

.hotel-tags {
    padding: 0 !important;
}

    .hotel-tags li {
        float: left;
        border: 1px solid rgba(0,0,0,0.0625);
        list-style-type: none;
        margin: 5px 5px 0 0 !important;
        padding: 6px 10px !important;
        line-height: 1 !important;
        font-size: 11.5px;
    }

        .hotel-tags li a {
        }

        .hotel-tags li:before {
            display: none !important;
        }

.inclusions-list {
    padding-left: 40px !important;
    padding-right: 40px !important
}

.price-text {
    text-shadow: 0 1px 1px #222, 0px 0px 0px #fff;
    font-size: 28px;
    text-decoration: underline;
}

.hotel-detail-right {
    border-left: 1px dotted #ccc;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.room-detail {
}

/*.ec-itn-item:last-of-type, .ec-itn-item.divAccomDetail:nth-last-of-type(2) {
    -webkit-border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
}

.ec-itn-item {
    margin-bottom: 0px;
    padding: 0px;
    background-color: white;
    border: 1px solid #abb5ba;
    -webkit-box-shadow: 0 2px 20px rgba(41, 54, 61, 0.25);
    -moz-box-shadow: 0 2px 20px rgba(41, 54, 61, 0.25);
    box-shadow: 0 2px 20px rgba(41, 54, 61, 0.25);
    padding-bottom: 0px;
    border: none;
}*/

.room-detail-inner {
}

.ec-sctn-ttl {
    z-index: 1;
    margin-bottom: 0px;
    border-bottom: none;
    -webkit-box-shadow: 0 2px 20px rgba(41, 54, 61, 0.25);
    -moz-box-shadow: 0 2px 20px rgba(41, 54, 61, 0.25);
    box-shadow: 0 2px 20px rgba(41, 54, 61, 0.25);
}

.ec-sctn-body {
    z-index: 2;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important
}

.city-cvrd {
    border-radius: 0;
    box-shadow: none;
    width: 100%;
}

.ech-cityevrd-inner {
    white-space: normal !important;
}

.line-ht1 {
    line-height: 1;
}

.room-detail label {
}

table.table-light thead th, table.table-light td {
    border: 1px solid #ddd;
}

table.table-light thead th {
    background-color: rgba(0,0,0,.04) !important;
    color: #666;
}

.ticket__divider {
    position: relative;
    height: 1rem;
    background-color: white;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

    .ticket__divider::after {
        content: '';
        position: absolute;
        height: 50%;
        width: 100%;
        top: 0;
        border-bottom: 2px dashed #e9ebed;
    }

.room-detail-inner .ticket__divider::after {
    border-bottom: 1px dashed #e9ebed;
}

.ticket__notch {
    position: absolute;
    left: -0.5rem;
    width: 1rem;
    height: 1rem;
    overflow: hidden;
}

    .ticket__notch::after {
        content: '';
        position: relative;
        display: block;
        width: 2rem;
        height: 2rem;
        right: 100%;
        top: -50%;
        border: 0.5rem solid white;
        border-radius: 50%;
        box-shadow: inset 0 2px 10px rgba(41, 54, 61, 0.25);
    }

.ticket__notch--right {
    left: auto;
    right: -0.5rem;
}

    .ticket__notch--right::after {
        right: 0;
    }

.ticket__divider:last-of-type {
    display: none;
}

a:hover {
    cursor: pointer;
}

.easycstm-wrap {
    min-height: 600px;
    position: relative;
}

.ec-itnder-img {
    width: 100%;
    height: 160px;
}

.manage-hotel-ico {
    right: 0;
    top: 5px;
}

.ec-itnder-des.days-des {
    padding-left: 0
}

.ec-itnder-htl {
    clear: both;
}

.proceed-btn {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 2rem;
    text-align: right;
    background: #fff;
    padding: 8px 15px 49px 0;
}

.ech-cityevrd {
    width: 100%;
}

    .ech-cityevrd label, .ech-cityevrd-inner label {
        text-transform: uppercase;
    }

.height100 {
    height: 100%;
}

.ec-itnitem-inner {
    margin-bottom: 0px;
}

.overflow-auto {
    overflow: auto
}

.width100 {
    width: 100% !important
}

.mar_tp-10 {
    margin-top: -10px;
}

.mar_tp-6 {
    margin-top: -6px;
}

.ecdroomwrap p {
    color: #7e8899;
}

.ttlpax {
    position: absolute;
    bottom: 10px;
    width: 100%;
    margin: 0px;
    left: 0px;
}

.room-detail-inner {
    padding: 2px;
}

.roomtkt:last-of-type {
    border-bottom: 1px solid rgba(0,0,0,.1);
}

.roomtkt {
    overflow: hidden;
    background: rgba(255,255,255,0.05);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 2px 15px;
    border: 1px solid rgba(0,0,0,.1);
    border-bottom: none;
}

    .roomtkt:first-of-type {
        border-top: 1px solid rgba(0,0,0,.1);
    }

.room-detail-inner label {
    margin: 0px;
}

/*.ec-itn-dtl {
    border-bottom: 2px dashed #e9ebed;
    padding: 15px 0;
}

    .ec-itn-dtl:first-of-type {
        padding-top: 0px;
    }

    .ec-itn-dtl:last-of-type {
        padding-bottom: 0px;
        border-bottom: none;
        border-radius: 0 0 10px 10px;
        margin-bottom: 10px;
    }*/

.room-detail-inner * {
    line-height: 1.6rem;
    color: #fff;
}

.roomtkt > div {
    width: 33%;
    float: left;
    margin-right: 0px;
}

.whiteclr {
    color: #fff;
}

.ec-itn-wrap {
    margin-bottom: 15px;
}

.display-block {
    display: block !important
}

.ecdifulldtl {
    padding-bottom: 0;
    min-height: 150px;
}

.pickup-locat {
    float: left;
    width: 48%;
}

.drop-locat {
    float: right;
    width: 48%;
}

.landing-page.page-wrap {
    padding-top: 2rem;
}
/* Landing page */
.ftrpkgcol {
    background: #fff;
    margin-bottom: 30px;
    -webkit-border-radius: 10px;
    overflow: hidden;
    -webkit-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    -moz-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    -moz-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    height: 21rem;
}

.feature-ttl {
    margin-bottom: 2rem;
}

.ftrpkgimgcol {
    position: relative;
    height: 55%;
    padding: 0px !important;
}

.ftrpkgimgwrap {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.ftrpkgimg {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 150%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    min-height: 100%;
    min-width: 100%;
}

.ftrpkgfav {
    font-weight: bold;
    -webkit-border-radius: 20px;
    background: #fff;
    padding: 5px 15px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    position: absolute;
    bottom: -1.1rem;
    line-height: 1.6rem;
    right: 15px;
    -webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.1), 0 3px 20px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 3px 20px rgba(0,0,0,0.1), 0 3px 20px rgba(0,0,0,0.15);
    box-shadow: 0 3px 20px rgba(0,0,0,0.1), 0 3px 20px rgba(0,0,0,0.15);
}

    .ftrpkgfav i {
        margin-right: 7px;
    }

.ftrpkgcol:hover {
    -webkit-box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    -moz-box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.ftrpkgcol .ftrpkgcnt {
    padding: 20px 15px 50px 15px;
    height: 45%;
}

.ftrpkgnd {
    border-radius: 25px;
    background: rgba(255,255,255,.5);
    padding: 5px 15px;
    position: absolute;
    top: 15px;
    left: 15px;
    color: #fff;
    border: 1px solid rgba(255,255,255,.2);
}

.ftrttl {
    font-size: 130%;
    line-height: 1.5rem;
    max-height: 3rem;
    margin-bottom: 0px;
    font-weight: bold;
    overflow: hidden;
}

.ftrsubttl {
    font-size: 90%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ftrcntbtm {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 50px;
    border-top: 1px solid #e4e8f3;
    left: 0px;
}

    .ftrcntbtm .row {
        display: table;
        width: 100%;
        height: 100%;
    }

    .ftrcntbtm [class*='col-'] {
        display: table-cell;
        vertical-align: middle;
    }

    .ftrcntbtm .donebox {
        margin-bottom: 0px;
        white-space: nowrap;
    }

    .ftrcntbtm .NewPrice span {
        display: block;
        line-height: 100%;
    }

    .ftrcntbtm .NewPrice label {
        font-weight: bold;
        font-size: 100%;
        margin: 0px;
    }

.ftrdestcol.ftrpkgcol .ftrttl {
    font-size: 160%;
    overflow: visible;
    max-height: none;
    margin-bottom: 5px;
}

.ftrdestcol.ftrpkgcol .NewPrice {
    opacity: .9;
}

.ftrpkgicns li {
    display: inline-block;
    margin-right: 5px;
    vertical-align: top;
    font-size: 200%;
    border: 1px solid #0095da;
    padding: 5px 10px;
    border-radius: 10px;
}

.ftrdestcol.ftrpkgcol {
    height: 14rem;
    margin-bottom: 10px;
}

    .ftrdestcol.ftrpkgcol .ftrpkgimgcol {
        height: 100%;
        cursor: pointer;
    }

    .ftrdestcol.ftrpkgcol .ftrcnttop {
        position: absolute;
        bottom: 4px;
        left: 15px;
    }

        .ftrdestcol.ftrpkgcol .ftrcnttop * {
            color: #fff;
            z-index: 2;
            position: relative;
            text-shadow: 0px 0px 5px rgba(0,0,0,.5);
        }

    .ftrdestcol.ftrpkgcol .ftrpkgimgcol:before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        z-index: 1;
        height: 100%;
        background: -moz-linear-gradient(top, rgba(229,229,229,0) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(229,229,229,0) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(229,229,229,0) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e5e5e5', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */
    }

.mob-booking {
    display: none;
}

.sidber-box:before, .tools-ber:before {
    display: none;
}

.kstm-item .ahotel-body .uc-final-content h3 {
    color: #fff !important
}

.tab-close.hideme {
    display: none;
}

/*.contact-widget * {
    font-weight: 400 !important;
}*/

.btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5);
}

.btn:focus, .btn.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.25);
}

.global-wrap .page-wrap {
    padding-top: 0px;
}

.changeact a {
    display: block;
    padding: 15px;
    text-align: center;
    font-weight: bold;
    font-size: 105%;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

.navDropdown {
    display: none;
}

.navDropdown {
    position: absolute;
    padding: 10px 15px;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.1), 0 6px 6px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 10px 20px rgba(0,0,0,0.1), 0 6px 6px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 10px 20px rgba(0,0,0,0.1), 0 6px 6px rgba(0,0,0,0.1);
    -o-box-shadow: 0 10px 20px rgba(0,0,0,0.1), 0 6px 6px rgba(0,0,0,0.1);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1), 0 6px 6px rgba(0,0,0,0.1);
    min-width: 123px;
    max-width: max-content;
    border-radius: 0px 0px 4px 4px;
    left: 0;
    border-bottom: 3px solid var(--main-bg-color) !important;
}

    .navDropdown a {
        color: #252525;
    }

    .navDropdown li {
        padding: 5px 0px;
    }

.navDownArrow {
    border: solid #7f7c7c;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin-top: -5px;
}

.positionRelative {
    position: relative !important;
}

.changeact a:hover, .changeact a:focus {
    color: #fff;
}

.changeact a:last-of-type {
    border-bottom: none;
}

.changehtl *, .changetrans span, .changeact * {
    color: #fff;
}

.changetrans a {
    padding: 10px;
    display: inline-block;
    vertical-align: middle;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 3px 6px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.1);
    box-shadow: 0 3px 6px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.1);
}

h1.h1kyrd {
    font-size: 14px !important;
    padding: 0px !important;
    margin: 0px !important;
}

.NavToggler .ddBoxWrap {
    width: 330px;
}

.dropdown-toggle .ddBoxWrap {
    padding-bottom: 51px;
}

.bodyrendr {
    min-height: 68vh;
    position: relative;
    padding-bottom: 1px;
}
.bodyrendr {
    background-image: var(--main-bg-img) !important;
    background-position:center center;
}
    .txtrbg {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        opacity: 1;
    }

.crmtbl {
    margin: 0px;
    display: table;
    width: 100%;
}

    .crmtbl > [class*="col-"] {
        display: table-cell;
        vertical-align: middle;
        width: 33%;
    }

.b2bcontantbox {
}

    .b2bcontantbox p {
        line-height: 1.5rem;
        max-height: 3rem;
        overflow: hidden;
        padding-bottom: 0px;
        position: relative;
    }

        .b2bcontantbox p a.lnkPreventDefaultClass {
            position: absolute;
            bottom: 2px;
            right: 0px;
            background: #fff;
            line-height: 1.5rem;
        }

.dataTable td a.donebox {
    color: #fff !important
}

.mulcremove {
    cursor: pointer;
}

.mulbtnwrap > * {
    display: inline-block;
    vertical-align: middle;
}

.radio-group input[type=radio] {
    position: absolute;
    visibility: hidden;
    display: none;
}

.FlightNav {
    padding: 10px 0px;
}

.radio-group label {
    color: #9a929e;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    padding: 0px 15px;
    white-space: nowrap;
    margin: 0px;
    margin-right: -5px;
}

    .radio-group label:last-child {
        margin-right: 0;
    }

.padtb2 {
    padding-top: 2px;
    padding-bottom: 2px;
}

/*.mainHeader.landing .tab-content .radio-group label.active, .radio-group label.active, .radio-group input[type=radio]:checked + label {
    color: #636363 !important;
    background: #e9ecef;
    font-weight: bold;
}*/

.mainHeader.landing .tab-content .radio-group label.active, .radio-group label.active {
    color: #636363 !important;
    background: #e9ecef;
}

.radio-group label + input[type=radio] + label {
    border-left: solid 1px #ced4da;
}

.radio-group {
    border: solid 1px #ced4da;
    display: inline-block;
    margin: 0px;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
}

.mulcrow {
    position: relative;
}
/* Flight page Design Start*/
.flightresult > .row {
    margin: 0;
}

.flighttab .cats-title {
    border-bottom: 1px dotted #ddd;
}

.flighttabcon {
    padding: 0;
}

.tabbtns {
    position: absolute;
    height: 0px;
    left: 0px;
    right: 0px;
    top: 0;
    z-index: 100;
}

.myCartDiv.fl-accordion {
    width: 100%;
    display: block;
    height: 100%;
}

.fl-accordion {
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
}

.panel-cart-content .fl-accordion-toggle {
    padding: 8px 20px 8px 40px;
    position: relative;
}

.flArwWrapper {
    position: absolute;
    right: 22px;
    top: 2px;
}

.fl-accordion-item {
    position: relative;
}

.fl-accordion-toggle {
    display: block;
    width: 100%;
    cursor: pointer;
    padding: 15px 20px;
    margin: 0;
    border: 0;
    border-bottom: 1px solid #cdcdcd;
    font-size: 16px;
    font-weight: 600;
    background: #fff;
    line-height: inherit;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .fl-accordion-toggle i {
        height: 30px;
        top: 50%;
        margin-top: -15px;
        position: absolute;
        left: 10px;
        border-radius: 4px;
        line-height: 32px;
        text-align: center;
    }

.myCartDiv .fl-accordion-toggle span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    margin-right: 30px;
    width: 100%;
}

.fl-accordion-toggle:hover {
    background-color: #f5f5f5;
}

.fl-is-open > .fl-accordion-toggle {
    background-color: #c3c3c3;
    color: #ffffff;
}

.fl-accordion-panel {
    background-color: #ffffff;
    border-bottom: 1px solid #cdcdcd;
    padding: 20px;
    display: flex;
}

.FareRuleDetail {
    height: 250px;
}

    .FareRuleDetail > h4 {
        margin-bottom: 5px;
        font-size: 17px;
        margin-top: -5px;
    }

.FareRuleDetailinner {
    overflow-Y: auto;
    overflow-x: hidden;
    height: 230px;
    line-height: 26px;
}

.fl-accordion-panel > *:last-child {
    margin-bottom: 0;
}

.fl-arrow {
    position: absolute;
    -webkit-transform: translate(-6px, 0);
    transform: translate(-6px, 0);
    margin-top: 21px;
    right: 0;
    padding-right: 20px;
    cursor: pointer;
    z-index: 1;
}

.panel-cart-content .fl-arrow {
    margin-top: 14px;
}

.panel-cart-content .fl-accordion-panel {
    padding: 3px;
}

    .panel-cart-content .fl-accordion-panel .cart_box {
        width: 100%;
        border-radius: 0px;
        margin: 0;
    }

.fl-arrow:before, .fl-arrow:after {
    content: "";
    transition: all 0.25s ease-in-out;
    position: absolute;
    background-color: black;
    width: 3px;
    height: 7px;
}

.fl-is-open > .fl-arrow:before, .fl-is-open > .fl-arrow:after {
    background-color: white;
}

.fl-is-open > .fl-arrow:before {
    -webkit-transform: translate(-2px, 0) rotate(45deg);
    transform: translate(-2px, 0) rotate(45deg);
}

.fl-arrow:before {
    -webkit-transform: translate(2px, 0) rotate(45deg);
    transform: translate(2px, 0) rotate(45deg);
}

.fl-is-open > .fl-arrow:after {
    -webkit-transform: translate(2px, 0) rotate(-45deg);
    transform: translate(2px, 0) rotate(-45deg);
}

.fl-arrow:after {
    -webkit-transform: translate(-2px, 0) rotate(-45deg);
    transform: translate(-2px, 0) rotate(-45deg);
}

.FareRuleTop p {
    margin: 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #ddd;
}

    .FareRuleTop p:last-child {
        padding-bottom: 0px;
        border-bottom: none;
    }

.tabbtns span {
    height: 65px;
    width: 30px;
    text-align: center;
    cursor: pointer;
    color: #fff;
}

.tabbtns i {
    line-height: 65px;
}

.tabbtns .tableft {
    float: left;
    border-right: 1px solid #ddd
}

.tabbtns .tabright {
    float: right;
    border-left: 1px solid #ddd
}

.flighttablistul {
    display: table;
    min-width: 100%;
    position: absolute;
    top: 0;
    left: 0px;
    right: 0px;
    bottom: 0;
    padding-left: 30px;
    padding-right: 30px;
}

.holdtab * {
    display: block;
}

.flighttablist {
    padding: 0px;
    margin-bottom: 30px;
    position: relative;
    min-height: 65px;
    padding-left: 30px;
    padding-right: 30px;
}

    .flighttablist li {
        cursor: pointer;
        display: table-cell;
        vertical-align: middle;
        width: 33.333333%;
        padding: 10px;
        border-right: 1px solid #ddd;
        position: relative;
        min-height: 65px;
        min-width: 400px;
    }

        .flighttablist li.activelink, .flighttablist li.selectedlink, .flighttablist li.activelink *, .flighttablist li.selectedlink * {
            cursor: pointer;
        }

        .flighttablist li:last-of-type {
            border-right: none;
        }

    .flighttablist .holdab *, .flighttablist .selectedtab * {
        white-space: nowrap;
    }

.flighttabitem.activelink * {
    color: #fff;
}

.flighttabitem.activelink:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0);
    border: 8px solid transparent;
}

.flighttabitem.activelink:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    margin-top: 0px;
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0);
    border: 15px solid transparent;
}

.flighttabitem .selectedtab {
    display: none;
}

.flighttabitem.selected .holdtab {
    display: none;
}

.flighttabitem.selected .selectedtab {
    display: block;
}

.flighttabitem.selected:hover .popovertab {
    display: block;
}

.popovertab {
    display: none;
}

.fitemmain {
    padding: 10px 15px;
    position: relative;
}
/*.fitemthumb {position:relative;height:100%;min-width:150px;max-width:150px;padding-right:9px;padding-left:50px;}*/
.fitemthumb {
    position: relative;
    height: 100%;
    width: 30%;
    padding-right: 9px;
    padding-left: 50px;
}
/*.fitemthumbinner {width:40px;height:40px;float:left;position:absolute;top:50%;left:0;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);transform:translate(0,-50%);}*/
.fitemthumbinner {
    width: 40px;
    height: 40px;
    float: left;
    position: absolute;
    top: 75%;
    left: 0;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    transform: translate(0,-50%);
}

    .fitemthumbinner img {
        max-width: 100%;
        max-height: 100%;
    }

.fitempriceinner {
    text-align: center;
    white-space: nowrap;
    padding: 0 3px;
}

    .fitempriceinner * {
        display: inline-block;
        vertical-align: middle;
    }

    .fitempriceinner small {
        font-size: 100%;
    }

        .fitempriceinner small > * {
            text-decoration: line-through;
        }

.fitemdtl .contentBoxDITClick ul li a, .fitemdtl .contentBoxDITCont, .fitemdtl .contentBoxDITClick, .fitemdtl .contentBoxDITClick ul li a:hover, .fitemdtl .contentBoxDITClick ul li a:focus, .fitemdtl .contentBoxDITClick ul.nav-tabs, .fitemdtl .contentBoxDITClick ul.nav-tabs li {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: #333 !important;
}

    .fitemdtl .contentBoxDITClick ul.nav-tabs {
        border: 0px solid transparent !important;
        border-bottom: 1px solid #ddd !important;
    }

.fitemdtl .nav-tabs > li > a {
    margin-right: 0px !important;
}

.fitemdtl .contentBoxDITCont, .bookFlight, .fidlayover2, .fitemdtl {
    background: #f5f5f5 !important;
}

body .fitemdtl .contentBoxDITClick ul li a.active {
    color: #fff !important
}

.flightwrap .background {
    display: none;
}

.fitemdtl .contentBoxDITCont {
    margin-bottom: 0px;
}

.airlinename {
    display: block;
    clear: left;
}

.fitemdtl .tab-content.htldet_tab > .active {
    padding: 0px;
    background: #fff;
}

.airlinename * {
    display: block;
    font-size: 80%;
}

.fitemprice .donebox {
    white-space: nowrap;
}

.flightname {
    width: auto;
    white-space: nowrap;
    line-height: 40px;
    padding-right: 5px;
    display: block;
    padding-left: 5px;
    width: 60px;
    float: left;
}

.fitemtoggle {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    padding: 0px 0px;
    cursor: pointer;
}

    .fitemtoggle i {
        padding: 5px;
    }

.fitemduration {
    width: 100%;
    float: left;
    position: relative;
    display: flex;
}

.fitemprice {
    width: 30%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}
/*.fitemdfrom,.fitemdto {width:20%;height:100%;top:0px;left:9px;}*/
.fitemdfrom, .fitemdto {
    width: 25%;
    height: 100%;
    top: 0px;
    left: 9px;
}
/*.fitemdft {width:60%;}*/
.fitemdft {
    width: 50%;
}

.fitemdto {
    left: auto;
    right: 9px;
}

.v-align {
    display: flex;
    align-items: center;
}

ul.fitemftstops {
    display: table;
    padding-top: 12px;
    position: relative;
}

.fitemftmain, ul.fitemftstops {
    width: 100%;
    margin: 0px auto;
}

    ul.fitemftstops li {
        display: table-cell;
        vertical-align: middle;
        position: relative;
    }

        ul.fitemftstops li:before {
            width: 20px !important;
            height: 19px !important;
            counter-increment: section;
            content: ""counter(section) "" !important;
            line-height: 16px;
            font-size: 11px;
            font-weight: 600;
            top: -15px !important;
            border: 1px solid #aaa !important;
            padding-left: 1px;
        }

        ul.fitemftstops li:before, path.eclipse:before, path.eclipse:after {
            position: absolute;
            content: "";
            top: -12px;
            left: 50%;
            background: #fff;
            z-index: 3;
            -webkit-transform: translate(-50%,0);
            -moz-transform: translate(-50%,0);
            -ms-transform: translate(-50%,0);
            -o-transform: translate(-50%,0);
            transform: translate(-50%,0);
            width: 11px;
            height: 11px;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            -ms-border-radius: 20px;
            -o-border-radius: 20px;
            border-radius: 20px;
            border: 2px solid #636363;
        }

path {
    width: 100%;
    display: block;
    border-top: 1px solid #636363;
    position: absolute;
    top: 5px;
    left: 0px;
}

    path:before, path:after {
        position: absolute;
        padding: 0px 3px;
        background: #fff;
        content: "\e606";
        top: 50%;
        left: 0;
        -webkit-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
        transform: translate(0,-50%);
        font-family: 'simple-line-icons';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    path:after {
        left: auto;
        right: 0px;
    }

    path.return:before, path.return:after {
        content: "\e605";
    }

    path.dashed {
        border-top: 1px dashed #ddd;
    }

    path.eclipse:before {
        top: -7px;
        left: 0px;
        right: auto;
        transform: translate(0,0);
        border: 1px solid #ddd;
    }

    path.eclipse:after {
        top: -7px;
        right: 0px;
        left: auto;
        transform: translate(0,0);
        border: 1px solid #ddd;
    }

.fiditem:first-of-type path.eclipse:before {
    border: 2px solid #636363;
}

.fiditem:last-of-type path.eclipse:after {
    border: 2px solid #636363;
}

ul.fitemftstops li.nonstop:before {
    display: none;
}

.flightitem {
    padding: 0px;
    border-radius: 0px;
    border-bottom: 1px solid #ddd;
}

.fiditem {
    padding: 5px 10px;
}

.fitemdtl .contentBoxDITClick ul.nav-tabs li {
    border-right: 1px solid #ddd !important;
}

.fiditemfrom, .fiditemto {
    width: 25%;
}

.fiditempath {
    width: 50%;
}

.fidlayover {
    padding: 3px;
    position: relative;
}

    .fidlayover:before {
        position: absolute;
        top: 0px;
        left: 0px;
        height: 100%;
        width: 100%;
        opacity: .1;
        content: ""
    }

.flighttitle {
    padding-top: 10px;
}

    .flighttitle p {
        margin-bottom: 0px;
    }

.fitemmain {
    padding-top: 0px;
    font-size: 90%;
}

.bookFlight .fitemprice {
    height: 50px;
    width: auto;
}

.bookFlight .fitemmain {
    padding: 0px 10px;
}

.flightwrap {
    width: 100%;
    background: #fff;
}

.fiditemfrom {
    padding-right: 10px;
}

.fiditemto {
    padding-left: 10px;
}

.fitemftflight {
    position: relative;
    width: 100%;
    padding-top: 12px;
}

.hide {
    display: none;
}

.fitemdtl {
    border-top: 2px solid #ddd;
    padding: 0px;
    border-bottom: 1px solid #ddd;
}

.summary {
    border-left: 1px solid #ddd;
    padding: 0px;
}

.sumdtl.bgtheme * {
    color: #fff;
}

.sumttl {
    position: relative;
    padding: 7px 10px;
}

    .sumttl:before {
        position: absolute;
        top: 0px;
        left: 0px;
        height: 100%;
        width: 100%;
        opacity: .7;
        content: ""
    }

    .sumttl i {
        position: absolute;
        right: 0px;
        top: 0px;
        height: 100%;
        width: 40px;
        text-align: center;
        cursor: pointer;
    }

        .sumttl i:before {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%,-50%);
            -moz-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
        }

.sumfare {
    padding: 5px 10px;
}

.totalfare {
    border-top: 1px dashed rgba(255,255,255,.2);
    padding: 7px 10px;
}

.sumdtl {
    padding: 0px;
    min-width: 100%;
    border-top: 1px solid #ddd;
}

.bggbox .sumfare, .sumfare .fiditem, .sumdtl-inner .sumfare {
    padding: 0px;
}

.sumfare .fiditempath {
    position: relative;
}

.sumfare path {
    top: 50%;
}

.sumfare .fiditempath {
    width: 100%;
}

.sltab-inner {
    display: table;
    width: 100%;
    height: 45px;
}

.holdtab, .selectedtab {
    max-height: 45px;
}

.sltab-inner > div {
    display: table-cell;
    vertical-align: middle;
}

.sl-thumb img {
    max-width: 40px;
    max-height: 40px;
}

.sl-thumb {
    width: 50px;
}

.sl-dtl {
    padding-left: 10px;
    min-width: 180px;
}

    .sl-dtl > * {
        display: block;
    }

.sl-fare > * {
    display: inline-block;
    vertical-align: middle;
}

.sl-fare {
    padding-right: 40px;
    position: relative;
}

    .sl-fare .SLI-check {
        position: absolute;
        top: 50%;
        right: 4px;
        -webkit-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
        transform: translate(0,-50%);
    }

.valignbtm {
    vertical-align: bottom !important
}

.popoverinner + .popoverinner {
    border-top: 1px dashed #ddd;
}

.popoverinner {
    padding: 10px 15px
}

.summarytab .sl-fare {
    padding-right: 10px;
}

.popovertab {
    position: absolute;
    top: 100%;
    left: 0px;
    margin-top: 15px;
    z-index: 1550;
    padding: 0px;
    min-width: 380px;
    -webkit-box-shadow: 0 0px 50px rgba(0,0,0,0.2), 0 0px 20px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0px 50px rgba(0,0,0,0.2), 0 0px 20px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 0px 50px rgba(0,0,0,0.2), 0 0px 20px rgba(0,0,0,0.1);
    -o-box-shadow: 0 0px 50px rgba(0,0,0,0.2), 0 0px 20px rgba(0,0,0,0.1);
    box-shadow: 0 0px 50px rgba(0,0,0,0.2), 0 0px 20px rgba(0,0,0,0.1);
}

    .popovertab * {
        color: #636363 !important;
        white-space: nowrap;
    }

    .popovertab h4 {
        margin-bottom: 0px;
    }

    .popovertab .form-row {
        margin-bottom: 5px;
    }

    .popovertab:after {
        border: 8px solid transparent;
        border-bottom-color: #fff;
        content: "";
        position: absolute;
        top: -16px;
        left: 15px;
    }

    .popovertab .form-row:last-of-type {
        margin-bottom: 0px;
    }

/* Fonts */
.flightname, ul.fitemftstops li *, .holdtab span, .fitempriceinner span, .fitemdtl span, .fitemdtl b, .kTouchspin .col-form-label span {
    font-size: 85%;
}

.sumttl b {
    font-size: 115%;
    position: relative;
}

.fitemprice b, .holdtab b, .sl-fare b, .sl-dtl b {
    font-size: 130%;
}

.totalfare b {
    font-size: 170%;
}

.sl-fare .SLI-check, .tabbtns i {
    font-size: 200%;
}

.kTouchspin .ddBoxWrap {
    padding-bottom: 42px;
    right: auto;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0);
}

    .kTouchspin .ddBoxWrap:before {
        position: absolute;
        content: "";
        top: -7px;
        height: 0px;
        left: 50%;
        border-right: 7px solid transparent;
        border-left: 7px solid transparent;
        border-bottom: 7px solid #ccc;
    }

    .kTouchspin .ddBoxWrap:after {
        top: -6px;
        border-right: 6px solid transparent;
        border-left: 6px solid transparent;
        border-bottom: 7px solid #fff;
        position: absolute;
        left: 50%;
        margin-left: 1px;
        content: "";
    }
/* Roundtrip css start*/
.fitemround .fitemdurprice, .fitemround .fitemprice {
    float: left;
}

.fitemround .fitemdurprice {
    width: 80%;
}

.fitemround .fitemprice {
    width: 20%;
}

.fitemround .fitemduration {
    width: 100%;
}

.fitemround .fitempriceinner {
    margin-bottom: 10px;
}

.fitemdinner.return:nth-of-type(2) .fitemdft path:before, .fitemdinner.return:nth-of-type(2) .fitemdft path:after {
    content: "\e605"
}

.fitemdtl > .form-row:first-of-type {
    margin-bottom: 10px;
}

.sumdtl-innerwrap {
    padding: 0px 15px;
}

.sumdtl-inner {
    border-bottom: 1px dashed #ddd;
    padding: 5px 10px;
}

    .sumdtl-inner:last-of-type {
        border-bottom: 0px dashed #ddd;
    }

.sumfare .fiditem b {
    line-height: 200%;
}

.farebox .sumdtl {
    padding-bottom: 50px;
    position: relative;
}

.farebox .totalfare {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
}

.farebox .totalfare {
    border-top: 1px dashed #ddd;
}

.kchkbtn .toggle.btn label.btn {
    line-height: 1.2rem;
}

.kchkbtn .toggle.btn {
    min-width: 80px !important;
}

.kbtnwrap .btn {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    font-size: 100%;
    line-height: 24px;
}

.chkoutttlrht.htldetlrht span {
    color: #333 !important;
    font-size: 110%;
}

.chkoutttlrht.htldetlrht b {
    padding-top: 2px;
    padding-bottom: 2px;
}

.chkoutttlrht.htldetlrht {
    width: 100%;
}

    .chkoutttlrht.htldetlrht .htldetlrhtInner > * {
        display: inline-block;
        vertical-align: middle;
        text-align: right
    }

        .chkoutttlrht.htldetlrht .htldetlrhtInner > *:last-of-type {
            margin-left: 10px;
        }

    .chkoutttlrht.htldetlrht .htldetlrhtInner {
        min-width: 0px;
    }

.add_pax {
    background: #fff;
}

    .add_pax textarea {
        padding: 10px !important;
        height: auto;
    }

.rsltblur {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
    pointer-events: none;
}

.preloadwrap {
    text-align: center;
    z-index: 10000;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-transition: all.5s linear;
    -moz-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear
}

    .preloadwrap.invisible {
        opacity: 0;
        visibility: hidden !important;
    }

        .preloadwrap.invisible.remove {
            display: none
        }

.preloader, .prelogo {
    width: 100%;
    position: relative;
    padding: 0
}

.prelogo {
    z-index: 5
}

    .prelogo img {
        max-width: 200px;
        max-height: 90px;
        display: inline-block;
        vertical-align: middle
    }

.preloadinner {
    padding-bottom: 50px;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

body.loaderclass {
    overflow: hidden
}

.loader, .loader:after, .loader:before {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out
}

.loader {
    color: #ddd;
    font-size: 10px;
    margin: -13px auto;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

    .loader:after, .loader:before {
        content: '';
        position: absolute;
        top: 0
    }

    .loader:before {
        left: -3.5em;
        -webkit-animation-delay: -.32s;
        animation-delay: -.32s
    }

    .loader:after {
        left: 3.5em
    }

@-webkit-keyframes load7 {
    0%,100%,80% {
        box-shadow: 0 2.5em 0 -1.3em
    }

    40% {
        box-shadow: 0 2.5em 0 0
    }
}

@keyframes load7 {
    0%,100%,80% {
        box-shadow: 0 2.5em 0 -1.3em
    }

    40% {
        box-shadow: 0 2.5em 0 0
    }
}

.kflex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.owl-wrap-main .owl-dots {
    display: none
}

.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
    border: none;
    width: 0px;
    height: 0px;
    background: none !important;
    padding: 0 !important;
}

.cpolicy_hotel:hover p:not(:nth-child(1)), .cpolicy_hotel:hover p:not(:nth-child(1)) * {
    display: block !important;
}

.trav .travmain.nocncldsn {
    padding-right: 0px;
}

.travmain.nocncldsn .trav1-one {
    width: 20%;
}

.travmain.nocncldsn .trav1-three {
    margin-right: 0px;
    padding-right: 10px;
}

.travmain.nocncldsn .tavelPrt5 {
    width: 70%;
    text-align: right;
}

    .travmain.nocncldsn .tavelPrt5 .NewPrice span {
        font-size: 16px;
        padding-right: 0px !important;
    }

.travmain.nocncldsn .dis_tblInner {
    align-items: center;
}

.travmain .donebox {
    line-height: 24px;
    margin: 0px;
    padding: 0px 15px;
    min-width: 85px;
}

.opac0pointnone {
    pointer-events: none;
    opacity: 0
}

.occdtl {
    width: 100%;
    text-align: center;
}

    .occdtl span {
        padding: 0px 5px
    }

    .occdtl > span:last-child b span {
        padding-right: 0px !important
    }

.trav1-three > div {
    padding: 0px 7px
}

    .trav1-three > div.tavelPrt4 {
        padding-right: 20px
    }

.occdtl span * {
    display: inline-block;
    vertical-align: middle;
}

.occdtl .fa {
    font-size: 16px;
}

.travmain .calender_htl {
    min-width: 19px;
    margin: 0px;
}

.sheer {
    margin: auto 10px;
    z-index: auto;
    cursor: default;
    position: relative;
    color: #fff;
    line-height: 20px;
    width: 80px;
    text-align: center;
}

    .sheer:before,
    .sheer:after {
        content: '';
        position: absolute;
        height: 0;
        width: 0;
        border-style: solid;
        border-width: 0;
        top: 50%;
        -webkit-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        transform: translate(0,-50%);
    }

.sheer {
    background-color: #ff6b00;
    left: 0px;
    padding: 0px 4px;
    display: block;
}

    .sheer:after, .sheer:before {
        border-width: 20px 10px 0 0;
    }

    .sheer:before {
        left: -10px;
        border-color: transparent #ff6b00;
    }

    .sheer:after {
        right: -10px;
        border-color: #ff6b00 transparent;
    }
/* Cancellation Modal start */
.ccldropbtn {
    background-color: #3c948b;
    color: white;
    padding: 10px 25px;
    font-size: 15px;
    border: none;
    border-radius: 50px;
    font-family: inherit;
    cursor: pointer;
}

.ccldropdown-one {
    position: relative;
    display: inline-block;
}

.ccldropdown-content {
    display: block;
    background-color: #fff;
    width: 100%;
    z-index: 1;
    padding: 10px 0px;
    transition: all .3s ease;
    top: 70%;
    left: 0px;
    right: auto;
    border-radius: 1px;
}

.ribtxthold {
    min-height: 51px;
    display: flex;
    align-items: center;
}
/*for right css box*/

.ccldropdown-one.right .ccldropdown-content {
    left: auto;
    right: 0px;
}

.ccldropdown-one.cclcenter .ccldropdown-content {
    left: 50%;
    right: auto;
    transform: translate(-50%,0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0); /* Safari */
}

/*for right css box*/

.ccldropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

    .ccldropdown-content a:hover {
        background-color: #ddd;
    }

.ccldropdown-one:hover .ccldropdown-content {
    display: block;
}

.ccldropdown:hover .ccldropbtn {
    background-color: #3e8e41;
}

.cclborder-line {
    border: none;
    border-bottom: 1px solid #ddd;
    margin-top: 15px;
    border-radius: 5px;
}

.cclborder-bm {
    position: relative;
    top: -15px;
}

.cclborder-up {
    position: relative;
    top: 13px;
}

.cclhorizontal-p {
    color: #747676;
    font-style: italic;
}
/*table*/
.ccltable-popup {
    margin-top: 0px;
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

    .ccltable-popup td {
        font-size: 106%;
        white-space: nowrap;
        color: #636363;
    }

    .ccltable-popup td, .ccltable-popup th {
        padding: 4px 18px
    }

    .ccltable-popup th {
        white-space: nowrap;
        color: #fff;
        font-weight: normal;
        background: linear-gradient(#3c948b 0%, #607D8B 100%);
    }

.cclcover-discount h1 {
    color: #00264b;
    border: none;
    font-size: 110%;
    text-align: center;
    padding-bottom: 8px;
}

/*table end*/
.cclrib {
    width: 13rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
    background: #f94141;
    position: relative;
    margin-left: calc(33% - 4rem);
    margin-top: calc(25px - 1rem);
    margin-bottom: 22px;
    line-height: 12px;
}

.ccltable th, td {
    border: 1px solid #ebebeb;
}

/* here */
.cclrib::after {
    content: "";
    border-left: solid #f94141 0.5rem;
    z-index: -1;
    position: absolute;
    left: 12.5rem;
    top: -15%;
    background: #f94141;
    width: 1.5rem;
    height: 2rem;
}

.cclrib::before {
    content: "";
    border-right: solid #f94141 0.5rem;
    z-index: -1;
    position: absolute;
    right: 12.5rem;
    bottom: 0.3rem;
    background: #f94141;
    width: 1.5rem;
    height: 2rem;
}

.ccltable-cell-p li {
    list-style-type: none;
    display: inline-flex;
}

.cclh5-col {
    padding: 0px;
    margin: 0px;
}

.cclaed-price {
    color: #fff;
    font-weight: normal;
    padding: 7px 20px;
    font-size: 13px;
    border-radius: 50px;
}

.ccltable-cell-p {
    padding: 0px;
    margin: 0px;
}

.ccltab-head {
    margin: 0px;
    padding: 0px;
    font-size: 13px;
    margin-top: 13px;
    word-wrap: break-word;
    word-spacing: 1px;
}

.ccltab1-head {
    margin-top: 80px;
}

.cclribbon-content .ribtxthold {
padding-left:66px;
font-size:17px;
}
.cclribbon-content::before {
    content: '';
    background: url(../images/announcement-icone.png) center no-repeat;
    width: 60px;
    height: 50px;
    background-size: 45px;
    position: absolute;
}
/*ribbon*/
.cclcover-discount {
    z-index: 1;
    position: relative;
    padding-left: 0px;
    padding-right: 50px;
    margin-bottom: 34px;
}

/*.cclribbon {
    width: 100%;
    position: relative;
    text-align: center;
    font-size: 17px !important;
    -webkit-box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
    -moz-box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
    box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
    margin-left: 25.5px;
    background: #ff9500 !important;
}*/

/*.ribtxthold {
    color: #fff;
    text-shadow: #9E9E9E 0 1px 0;
    margin: 0px;
    padding: 5px 6px;
    word-wrap: break-word;
    font-weight: normal;
    justify-content: center;
}

.cclribbon:before, .cclribbon:after {
    content: '';
    position: absolute;
    display: block;
    bottom: -1em;
    border: 1.5em solid #56848b;
    z-index: -1;
}*/
/*
.cclcover-discount .cclribbon:before {
    left: -2em;
    border-right-width: 1.5em;
    border-color: #ff9500 !important;
    border-left-color: transparent !important;
    -webkit-box-shadow: rgba(000,000,000,0.4) 2px 1px 1px;
    -moz-box-shadow: rgba(000,000,000,0.4) 2px 1px 1px;
    box-shadow: rgba(000,000,000,0.4) 2px 1px 1px;
}

.cclcover-discount .cclribbon:after {
    right: -2em;
    border-left-width: 1.5em;
    border-color: #ff9500 !important;
    border-right-color: transparent !important;
    -webkit-box-shadow: rgba(000,000,000,0.4) -2px 1px 1px;
    -moz-box-shadow: rgba(000,000,000,0.4) -2px 1px 1px;
    box-shadow: rgba(000,000,000,0.4) -2px 1px 1px;
}

.cclribbon .cclribbon-content:before, .cclribbon .cclribbon-content:after {
    border-color: #372727 transparent transparent transparent;
    position: absolute;
    display: block;
    border-style: solid;
    bottom: -1em;
    content: '';
}

.cclribbon .cclribbon-content:before {
    left: 0;
    border-width: 1em 0 0 1em;
}
*/
.ccltable-popup td.occtd {
    padding: 0px;
    vertical-align: middle;
}

    .ccltable-popup td.occtd > span {
        padding: 3px 5px;
    }

        .ccltable-popup td.occtd > span:first-of-type {
            padding-left: 18px;
        }

        .ccltable-popup td.occtd > span:last-of-type {
            padding-right: 18px;
        }

.cclribbon .cclribbon-content:after {
    right: 0;
    border-width: 1em 1em 0 0;
}

/*.cclribbon-stitches-top {
    margin-top: 2px;
    border-top: 1px dashed rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5);
}

.cclribbon-stitches-bottom {
    margin-bottom: 2px;
    border-top: 1px dashed rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.3);
}*/

.cclfloat-ad {
    float: left;
    display: inline-block;
    padding-top: 22px;
}

.child-sty {
    position: relative;
    left: 0px;
    line-height: 32px;
    font-weight: bold;
    min-width: 74px;
    text-align: center;
    padding: 0px 1px;
    border: 1px solid #ced4da;
    -webkit-border-radius: 0px 4px 4px 0px;
    -moz-border-radius: 0px 4px 4px 0px;
    border-radius: 0px 4px 4px 0px;
    background: #e9ecef;
}

.cclsplit-one {
    padding-bottom: 6px;
    border-bottom: 1px solid #f4f4f4;
}

.cclchild-split {
    padding-top: 8px;
}

.availmodal .clr_indication {
    width: 100%;
}

.availmodal .cal1 .availability-calendar-toolbar span {
    float: left;
}

.availmodal .availability-calendar-toolbar span {
    width: auto;
    white-space: nowrap;
}

.availmodal .availability-calendar-toolbar {
    padding-bottom: 0px;
    margin: 6px 0px 14px 0px;
}

.availmodal .availability-calendar .avail_pric {
    margin-top: 25px;
}

.cal1 .modal-header {
    display: none !important
}

.availmodal .modal-xl > .modal-content {
    height: auto;
}

.availmodal .modal-header {
    padding-right: 100px !important;
    position: relative
}

.ccltblwrap {
/*    overflow: auto;*/
    padding: 1px;
}

.cclmodal .modal-lg {
    max-width: 1200px;
}
/*.cclmodal .modal-header {background:#ececec!important;}
.cclmodal .modal-header .modal-title {color:#333!important;}*/
.cclmodal .ccltablehdr {
    font-weight: bold;
    font-size: 120%;
}

.cclmodal table.ccltable-popup th {
    background: #ececec !important;
    color: #333 !important;
    font-weight: bold;
    border: 1px solid #ddd;
}

.ccltblwrap {
    padding-bottom: 15px;
    margin-bottom: 12px !important;
    border-bottom: 1px dashed #ddd;
}

    .ccltblwrap:last-of-type {
        margin-bottom: 0px !important;
        border-bottom: 0px dashed #ddd;
    }

    .ccltblwrap .ccltable-popup {
        margin-bottom: 0px !important;
    }

.cclmaintablewrap .ccltable-popup {
    margin-bottom: 10px !important;
}

.cclcover-table-head {
    margin-bottom: 10px;
    margin-top: 0px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .cclcover-table-head .d-flex > * {
        margin-bottom: 0px;
        color: #fff !important;
        padding: 8px 18px !important;
    }

    .cclcover-table-head .cclad-prc {
        font-weight: bold;
        font-size: 120%;
    }

.td-No-padding {
    padding: 0px;
}

.vendor_slider .thumbslider {
    min-width: 100% !important
}

.sldimgrmv {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: red;
    z-index: 5;
    cursor: pointer;
}

.protab.table th, .protab.table td {
    vertical-align: middle;
}

td.td-No-padding {
    padding: 0px;
}

.whitespacenormal {
    white-space: normal !important
}

.availcurrncy {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(0,-50%);
    line-height: 34px;
    font-size: 150%;
}

.chkoutcursor {
    cursor: not-allowed;
}

.chkoutpointer {
    pointer-events: none;
}

.sldimgrmv i {
    color: #fff;
    line-height: 30px;
    width: 100%;
    text-align: center;
}

/* iEdit css */
.iEdit-img-edit, .iEditSquare-img-edit {
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    background-color: rgba(10,10,10,0.7);
    top: 0px;
    left: 0px;
    z-index: 1000;
    opacity: 0;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.iEdit-img-edit-act, .iEditSquare-img-edit-act {
    height: auto;
    width: auto;
    border-radius: 20px;
    background-color: transparent;
    display: inline-block;
    vertical-align: middle;
    min-width: 80px;
    cursor: pointer;
    text-align: center;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    padding: 4px 20px;
}

.iEdit-img-edit-cancel, .iEditSquare-img-edit-cancel {
    margin-left: 15px;
    border: 1px solid #fff;
}

.iEditbtnwrap, .iEditSquarebtnwrap {
    width: auto;
    position: absolute;
    bottom: 50px;
    padding: 0;
    text-align: center;
    z-index: 1;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0);
    white-space: nowrap;
}

.iEdit-img-edit-can, .iEditSquare-img-edit-can, .iEditSquare-can-parent, .can-parent {
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 50px;
    right: 0px;
    margin: auto;
    max-width: 90%;
    max-height: 90%;
}

.iEdit-img-edit-process-can, .iEditSquare-img-edit-process-can {
    display: none;
}

.iEdit-img-edit-select, .iEditSquare-img-edit-select {
    position: fixed;
    background-color: rgba(10,10,10,0.5);
    box-shadow: inset 0px 0px 0px 3px rgba(256,256,256,0.8);
    bottom: 50px;
    margin-left: auto;
    margin-right: auto;
    z-index: 2;
}

.iEdit-img-edit-select-resize, .iEditSquare-img-edit-select-resize {
    position: absolute;
    height: 17px;
    width: 17px;
    background-color: rgba(255,255,255,0.8);
    right: 3px;
    bottom: 3px;
    cursor: nwse-resize;
}

.iEdit-img-edit-select-resize {
    display: none;
}

.iEdit-oh {
    overflow: hidden;
}
/* Cropie css */
.croppie-container {
    width: 100%;
    height: 100%;
}

.stngerror {
    padding-top: 10px;
    display: block;
}

    .stngerror.imgerror {
        padding-bottom: 10px;
        padding-top: 0px;
    }

.slider-wraper .slider-images li .stngsThumbImg img {
    max-height: 65px;
    min-height: 65px
}
/* Datatable Alignment Css */
/*.dataTables_scrollHeadInner, .dataTables_scrollFootInner {
    width: 100% !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}*/
.flightitem.roundtrip_combo {
    position: relative;
}

    .flightitem.roundtrip_combo::before, .flightitem.roundtrip_combo::after {
        content: '';
        position: absolute;
        width: 30px;
        height: 60px;
        left: 20%;
        background-image: url(../images/connecting-flight-icon.svg);
        background-repeat: no-repeat;
        top: -40px;
        background-size: contain;
        background-position: center;
        opacity: 1;
        z-index: 1;
    }
    .flightitem.roundtrip_combo::after {
        right: 20% !IMPORTANT;
        left: auto;
    }
@media (min-width: 1025px) {
    .datatable-scroll-wrap table.dataTable {
        width: 100%;
    }
}
/* Datatable Alignment Css */
/* Landing Page css */
.carousel-inner > .item, .videowrap {
    position: relative
}

.popular-inner .owl-dot.active, .slides {
    display: none
}

.jumbotron {
    background-color: #fff
}

.loadProgress {
    text-align: center;
    margin-top: 10%
}

.videowrap {
    overflow: hidden;
    position: relative;
    background-size: 100% auto;
    background-position: center;
}

    .videowrap video {
        position: absolute;
        left: 0;
        width: 100%;
        top: 0;
    }

.slides {
    position: relative;
    min-height: 300px;
}

.slidesjs-navigation:before, .slidesjs-pagination a {
    -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.1),0 6px 6px rgba(0,0,0,.1);
    -moz-box-shadow: 0 10px 20px rgba(0,0,0,.1),0 6px 6px rgba(0,0,0,.1);
    -ms-box-shadow: 0 10px 20px rgba(0,0,0,.1),0 6px 6px rgba(0,0,0,.1);
    -o-box-shadow: 0 10px 20px rgba(0,0,0,.1),0 6px 6px rgba(0,0,0,.1);
    box-shadow: 0 10px 20px rgba(0,0,0,.1),0 6px 6px rgba(0,0,0,.1)
}

.slidesjs-pagination {
    position: absolute;
    bottom: 0;
    margin: 0;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    z-index: 12
}

    .slidesjs-pagination li {
        margin: 0 5px;
        display: inline-block;
        vertical-align: middle
    }

    .slidesjs-pagination a {
        -webkit-transition: all .3s linear;
        -moz-transition: all .3s linear;
        transition: all .3s linear;
        width: 14px;
        height: 14px;
        -webkit-border-radius: 10px;
        display: block;
        -moz-border-radius: 10px;
        border-radius: 10px;
        background: #fff;
        font-size: 0;
        opacity: .5
    }

        .slidesjs-pagination a.active {
            opacity: 1
        }

.slidewrap {
    width: 100%;
    overflow: hidden;
    height: 100%
}

.slides img {
    max-height: 100%;
    min-width: 100%;
    max-width: none;
    min-height: 100%;
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    height: auto !important;
    width: auto !important
}

.slidesjs-navigation {
    position: absolute;
    top: 50%;
    z-index: 12;
    font-size: 0;
    display: inline-block;
    vertical-align: top;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    opacity: 1
}

    .slidesjs-navigation:before {
        background: #fff;
        color: #636363;
        line-height: 36px;
        padding: 15px;
        content: "";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: 400;
        text-decoration: inherit;
        font-size: 16px
    }

.slidesjs-previous {
    left: 0;
    border-radius: 0 6px 6px 0;
    -webkit-border-radius: 0 6px 6px 0;
    -moz-border-radius: 0 6px 6px 0;
    -ms-border-radius: 0 6px 6px 0;
    -o-border-radius: 0 6px 6px 0
}

    .slidesjs-previous:before {
        /* content: "\f053";*/
        background: #fff center url(../images/homeImage/left-arrow-angle.svg) no-repeat;
        -webkit-border-radius: 0 10px 10px 0;
        -moz-border-radius: 0 10px 10px 0;
        border-radius: 0 10px 10px 0;
        transform: rotate(180deg);
    }

.slidesjs-next {
    right: -4px;
    border-radius: 6px 0 0 6px;
    -webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    -ms-border-radius: 6px 0 0 6px;
    -o-border-radius: 6px 0 0 6px
}

    .slidesjs-next:before {
        /*content: "\f054";*/
        background: #fff center url(../images/homeImage/right-arrow-angle.svg) no-repeat;
        -webkit-border-radius: 10px 0 0 10px;
        -moz-border-radius: 10px 0 0 10px;
        border-radius: 10px 0 0 10px
    }
.homeslides .slidesjs-navigation {
    border-radius: 50%;
    background: #fff !important;
    height: 40px;
    width: 40px;
    margin-left: 15px;
    margin-right: 15px;
    box-shadow: 0 2px 4px 0 rgba(5, 47, 95, 0.04), 0 12px 16px 0 rgba(52, 105, 203, 0.12);
}
.homeslides .slidesjs-next:before,
.homeslides .slidesjs-previous:before {
    border: 0 !important;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 15px;
    width: 15px;
    z-index: 9;
    position: absolute;
}
.homeslides .slidesjs-next:before {
    background: transparent center url(../images/homeImage/right-arrow-angle.svg) no-repeat;
}
.homeslides .slidesjs-previous:before {
    background: transparent center url(../images/homeImage/left-arrow-angle.svg) no-repeat;
}
    #slides .slidesjs-container, #slides .slidesjs-control, .slides .slidesjs-container {
        height: 100% !important;
        min-height:300px;
    }

.slidesjs-pagination .active {
    color: red
}
/* Cancellation Modal End*/
.designimage {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 5;
    background-image: url('../images/imgdesign4.png');
    background-size: 100% 150%;
    background-position: center;
}

.slidewrap:before {
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: .15;
    z-index: 1;
}

.ahotel-item .ahotel-image .img:before, .main_box_pan .hot_hotel-image .img:before {
    opacity: .15 !important;
}

.ahotel-item .ahotel-image:before, .ahotel-item:hover .ahotel-image .img:before, .main_box_pan:hover .hot_hotel-image .img:before {
    opacity: 0 !important;
}

.ahotel-item .ahotel-image:before, .main_box_pan .hot_hotel-image:before, .hot_hotel-item .hot_hotel-image:before, .hotel-item .hotel-image:before {
    display: none;
}
/* Multiple Room Modal design start*/
/* Global start */
.mltplmodal, .mbrlist a {
    color: #353c46;
}

.mybtn, .mbritem:hover, .mbritem:hover .myradio span, .imgicon {
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -oo-transition: all .3s linear;
    transition: all .3s linear;
}

.mybtn {
    display: inline-block;
    vertical-align: middle;
    padding: 4px 15px;
    color: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid transparent;
    font-size: 90%;
}

    .mybtn:hover, .mybtn:focus {
        color: #fff;
        background: transparent !important;
    }

    .mybtn:active {
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9);
        -ms-transform: scale(.9);
        -o-transform: scale(.9);
        transform: scale(.9);
    }

.myinput {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #e0e0e0;
    height: 30px;
    padding: 0px 12px;
    font-size: 70%;
    width: 100%;
}

    .myinput::-webkit-input-placeholder {
        color: #e0e0e0;
    }

    .myinput::-moz-placeholder {
        color: #e0e0e0;
    }

    .myinput:-ms-input-placeholder {
        color: #e0e0e0;
    }

    .myinput:-moz-placeholder {
        color: #e0e0e0;
    }
/* Global end */
.mbrselect, .mbrhighlight {
    position: relative;
}

    .mbrselect:before {
        position: absolute;
        content: "";
        top: 0px;
        left: 0px;
        border-radius: 10px;
        width: 100%;
        height: 100%;
        opacity: .1;
    }

    .mbrhighlight:before {
        position: absolute;
        content: "";
        top: 0px;
        left: 0px;
        border-radius: 10px;
        width: 100%;
        height: 100%;
        opacity: .04;
    }

button.close:focus, button.close *:focus, .mbrsrchbtn:focus, .mbrsrchbtn *:focus {
    outline: none;
}

.mltplmodal {
    padding: 40px !important;
    font-family: 'Montserrat', sans-serif;
}

    .mltplmodal a:hover {
        text-decoration: none;
    }

    .mltplmodal .modal-dialog {
        width: 100%;
        height: 100%;
        max-width: none;
        margin: 0px;
    }

    .mltplmodal .modal-content {
        height: 100%;
        border-radius: 10px !important;
    }

    .mbrfilterbody .close, .mltplmodal .close {
        width: 40px;
        z-index: 1;
        height: 40px;
        text-align: center;
        position: absolute;
        right: -13px;
        top: -13px;
        border-radius: 30px;
        background: #fff;
        opacity: 1;
        box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    }

    .mltplmodal .modal-content > .close {
        line-height: 16px;
    }

.mbrfilterbody .close {
    width: 30px;
    height: 30px;
    background: #f2f2f2;
    line-height: 2.2;
    font-size: 17px;
    line-height: 10px;
}

.mltplmodal .modal-body {
    padding: 0px !important;
    display: block;
    height: 100%;
}

.modalbodyinner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%;
    width: 100%;
}

.modalbodyleft {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
    padding: 0px;
    overflow-Y: auto;
}

.modalbodyright {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    background: #f2f2f2;
    border-left: 1px solid #e0e0e0;
    padding: 20px;
    height: 100%;
    border-radius: 0px 10px 10px 0px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    background-clip: padding-box;
    outline: 0;
}

.mbrttl {
    margin-bottom: 20px;
    display: block;
    position: relative;
}

.mbrlist {
    list-style: none;
    padding-left: 0px;
}

    .mbrlist > li {
        margin-bottom: 10px;
    }

    .mbrlist a {
        font-size: 90%;
        opacity: .9;
    }

.mbrttl.stroke:before {
    content: "";
    height: 1px;
    top: 50%;
    width: 100%;
    background: #e0e0e0;
    right: 0px;
    position: absolute;
}

.mbrttl.stroke > b {
    background: #f2f2f2;
    position: relative;
    z-index: 1;
    padding-right: 10px;
}

.mbrtop {
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.mbrbottom {
    padding-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.mbrinner {
    width: 100%;
}

.mbrtotal {
    font-size: 150% !important;
}

    .mbrtotal, .mbrtotal > * {
        display: inline-block;
        vertical-align: middle;
    }

        .mbrtotal > * {
            font-weight: bold;
            margin-left: 10px;
        }

.mbrbtnwrap > .mybtn {
    min-width: 90px;
    text-align: center;
    margin: 0px 5px;
}

    .mbrbtnwrap > .mybtn:last-child {
        margin-right: 0px;
    }

.mbrbtnwrap {
    margin-top: 60px;
}

.modalbodyleft.mbrldesk .nav-tabs {
    display: none;
}

.modalbodyleft.mbrldesk .tab-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}

.modalbodyleft.mbrldesk .tab-pane {
    width: 100%;
    border-right: 1px solid #e0e0e0;
    min-width: 33.3333%;
}

.modalbodyleft .tab-pane {
    padding: 60px 15px 15px 15px;
    position: relative;
}

.modalbodyleft.mbrldesk .tab-pane:last-child {
    border-right: none;
}

.mbrroominner > * {
    display: block;
    line-height: 1.3;
}

.mbrroominner > span {
    font-size: 80%;
}

.mbrfilter {
    height: 30px;
    width: 30px;
    border: 1px solid #e0e0e0;
    display: block;
    -webkit-border-radius: 20px;
    font-size: 140%;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    text-align: center;
    cursor: pointer;
}

    .mbrfilter i {
        line-height: 2;
        display: block;
    }

.mbrcolhdr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 13px;
    left: 15px;
    right: 15px;
}

.mbrcolhdritem {
    flex: 0 0 auto;
    padding: 0px 5px;
    align-items: center;
    justify-content: center;
    display: flex;
}

    .mbrcolhdritem:first-child {
        padding-left: 0px;
    }

    .mbrcolhdritem:last-child {
        padding-right: 0px;
    }

.mbrsrchcol.mbrcolhdritem {
    flex: 1 1 auto;
}

.mbrsrchinner {
    width: 100%;
}

.mbritemicons > [class*="signia-"] {
    display: inline-block;
    vertical-align: middle;
    opacity: 0;
    cursor: pointer;
    font-size: 120%;
}

    .mbritemicons > [class*="signia-"]:before {
        display: block;
        line-height: 20px;
    }

.mbrcolbody {
    height: 100%;
    width: 100%;
}

.mbritemttl {
    font-size: 80%;
}

.mbritemicons > * {
    font-style: normal;
    font-size: 90%;
    padding: 0px 3px;
    display: inline-block;
    vertical-align: middle;
}

    .mbritemicons > *:first-child {
        padding-left: 0px;
    }

.mbritem {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #e0e0e0;
    margin-bottom: 3px;
}

.mbriteminner {
    padding: 10px 10px 10px 40px;
    display: table;
    width: 100%;
    position: relative;
}

    .mbriteminner > * {
        display: table-cell;
        vertical-align: middle;
    }

.mbritemright > *, .mbritemleft > * {
    display: block;
    line-height: 20px;
}

.mbritemright > span {
    font-size: 100%;
}

    .mbritemright > span.price {
        padding-right: 0 !important;
    }

.mbrfilterbody {
    position: absolute;
    left: 15px;
    top: -100%;
    opacity: 0;
    right: 15px;
    bottom: auto;
    border-radius: 10px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    padding: 10px;
    background: #f2f2f2;
    z-index: 100;
    bottom: auto;
}

    .mbrfilterbody .mbrttl {
        margin-bottom: 10px;
    }

    .mbrfilterbody .mbrprice .mbrttl {
        margin-bottom: 0px;
    }

    .mbrfilterbody .mbrfilters {
        height: 0;
    }

    .mbrfilterbody.active .mbrfilters {
        height: 100%;
    }

    .mbrfilterbody.active {
        top: 60px;
        opacity: 1;
        bottom: 15px;
    }

.mbrprice {
    margin-bottom: 1rem;
}

    .mbrprice .rangeslider__handle {
        width: 20px;
        height: 20px;
        background: #fff !important;
        top: -7px;
    }

        .mbrprice .rangeslider__handle:after {
            background: #fff !important;
        }

    .mbrprice .rangeslider--horizontal {
        height: 6px;
    }

.mbrfilter1 .mbrttl span {
    float: right;
    font-weight: normal;
    font-size: 80%;
}

.mbrfilter1 .mbrttl, .mbrfilter1 .mbrttl span {
    line-height: 24px;
}

.mbrpricerange {
    font-weight: normal;
    font-size: 70%;
    padding-top: 5px;
    width: 100%;
    margin: 0px;
}

    .mbrpricerange [class*="col-"] {
        padding: 0px;
    }

.mbrfilters > .mbrttl, .mbrfilters .simplebar-content > .mbrttl {
    font-weight: normal;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 6px;
}

.fltrapply {
    float: right;
    padding: 0px 12px;
    line-height: 23px;
    color: #fff;
    border-radius: 20px;
    font-size: 80%;
}

    .fltrapply.disabled {
        background: #f2f2f2 !important;
        border: 1px solid #e0e0e0;
        color: #e0e0e0;
    }

.mbrlist .mycheck {
    margin-bottom: 5px;
}

.mbrsrchbtn {
    position: absolute;
    right: 1px;
    top: 50%;
    margin-top: -14px;
    border-radius: 0px 20px 20px 0px;
    background: #fff;
    border: 1px solid transparent;
    border-left: 1px solid #e0e0e0;
    line-height: 28px;
    height: 28px;
    font-size: 90%;
    width: 30px;
    color: #fff;
    cursor: pointer;
}

.mbrsrchcol.mbrcolhdritem .myinput {
    padding-right: 40px;
}

.mbrfilters .irs-slider {
    background: #fff !important;
    width: 18px !important;
    border: none !important;
}

.mbrfilters .irs-from, .mbrfilters .irs-to {
    display: none;
}
/* Custom Radio start*/
.myradio {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .myradio input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

.radiomark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 1px solid #e0e0e0;
    border-radius: 50%;
}

.myradio input:checked ~ .radiomark {
    background-color: #2196F3;
}

    .myradio input:checked ~ .radiomark:after {
        display: block;
    }

.radiomark:after {
    content: "";
    position: absolute;
    display: none;
}

.myradio .radiomark:after {
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    margin-left: -4px;
    border-radius: 50%;
    background: white;
}
/* Custom radio end */
/* Custom Checkbox start*/
.mycheck {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 85%
}

    .mycheck input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

.checkmark {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -10px;
    ;
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
}

.mycheck input:checked ~ .checkmark {
    background-color: #2196F3;
}

    .mycheck input:checked ~ .checkmark:after {
        display: block;
    }

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.mycheck .checkmark:after {
    left: 7px;
    top: 4px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.jconfirm .jconfirm-box {
    min-width: 280px;
}
/* Custom checkbox end */
button.close .signia-cross {
    color: #9da2a8;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.mbritemleft .myradio {
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -10px;
}

.mbritem:hover .mbritemicons > [class*="signia-"] {
    opacity: 1;
}

.mbrtotal span, .mbrroominner > span, .nav-tabs-float > .nav-tabs > li a {
    color: #9da2a8;
}
/* Multiple Room Modal design End*/
.languageWrap .flag_img_outer {
    margin-top: -2px
}

.noHeaderModal .close, .modal-header .close.modal-close {
    margin: 0px;
    position: relative;
    z-index: 10;
    background: #fff !important;
    opacity: 1 !important;
    box-shadow: none;
    padding: 0;
    background-image: url('../images/base64icon/cross-black-icon.svg') !important;
    background-repeat: no-repeat !important;
    background-size: 13px !important;
    background-position: center center !important;
}
.noHeaderModal .close svg, .modal-header .close.modal-close svg {
    display: block;
    fill: none;
    height: 16px;
    width: 16px;
    stroke: currentcolor;
    stroke-width: 3;
    overflow: visible;
    top: 50%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
}
    .noHeaderModal .close:hover::before, .modal-header .close.modal-close:hover::before {
        height: 32px;
        width: 32px;
        position: absolute;
        content: '';
        left: 50%;
        transform: translate(-50%,-50%);
        top: 50%;
        border-radius: 50%;
        background: #f6f6f6;
        transition: transform 0.3s ease;
        z-index: -1;
    }
/* Default setting page css start */
.basic-log {
    z-index: 999999;
}

.switch-wrapper {
    margin: 10px 0 0 0;
    font-size: 0;
    display: inline-block;
    vertical-align: middle;
}

input.error {
    border: 1px solid red;
}

.stngpg .BoxDiv {
    padding: 15px;
}

.switch-wrapper > span, .switch-wrapper > label {
    display: table-cell;
    vertical-align: middle;
    color: #000;
}

.switch-wrapper input {
    display: none;
}

.switchwrapper {
    text-align: center;
    border-radius: 50px!important;
}

.switch-label {
    font-size: 1rem;
    display: inline-block;
    line-height: 40px;
    vertical-align: top;
    padding: 5px 10px;
    transition: transform ease-in .2s;
    font-weight: bold;
    opacity: 0.3;
}

.switchdn {
    position: relative;
    display: inline-block;
    width: 109px;
    height: 46px;
    cursor: pointer;
    border-radius: 50px;
    border: 2px solid #2196F3;
    background-color: #2196F3;
    background-image: radial-gradient(circle, #fefefe 20%, transparent 30%), radial-gradient(circle, #fefefe 20%, transparent 30%), radial-gradient(circle, #fefefe 20%, transparent 30%), radial-gradient(circle, #fefefe 20%, transparent 30%), radial-gradient(circle, #fefefe 20%, transparent 30%), radial-gradient(circle, #fefefe 20%, transparent 30%);
    background-size: 50% 50%, 60% 60%, 40% 40%, 40% 40%, 50% 50%, 40% 40%;
    background-position: 60% 82%, 80% 80%, 82% 80%, 110% 20%, 134% 12%, 130% 20%;
    background-repeat: no-repeat;
    -webkit-transition: .4s;
    transition: .4s;
    overflow: hidden;
    border: 1px solid #d3d3d3a6;
}

    .switchdn:before {
        position: absolute;
        content: "";
        height: 35px;
        width: 35px;
        top: 50%;
        left: 5px;
        cursor: pointer;
        transform: translateY(-50%);
        background-color: #ffeb3b;
        background-image: radial-gradient(circle, #ffc107 15%, #ffeb3b 100%);
        box-shadow: 0px 0px 20px 10px rgba(255, 235, 255, 0.4);
        transition: transform ease-in .2s;
        border-radius: 50%;
        background-repeat: no-repeat;
    }

.switch-label.day {
    transform: scale(1.1);
    opacity: 1;
}

input:checked ~ .switchdn {
    background-color: #023660;
    background-image: radial-gradient(circle, #fff 10%, transparent 30%), radial-gradient(circle, #fff 10%, transparent 30%), radial-gradient(circle, #fff 10%, transparent 30%), radial-gradient(circle, #fff 10%, transparent 30%), radial-gradient(circle, #fff 10%, transparent 30%), radial-gradient(circle, #fff 10%, transparent 30%), radial-gradient(circle, #fff 10%, transparent 30%), radial-gradient(circle, #fff 10%, transparent 30%), radial-gradient(circle, #fff 10%, transparent 30%);
    background-size: 8% 8%, 7% 7%, 6% 6%, 8% 8%, 8% 8%, 6% 6%, 6% 6%, 8% 8%, 7% 7%;
    background-position: 20% 20%, 45% 30%, 25% 55%, 20% 90%, 40% 60%, 5% 50%, 58% 10%, 58% 60%, 50% 80%;
    background-repeat: no-repeat;
    border: 2px solid #000;
}

    input:checked ~ .switchdn:before {
        background-color: #ddd;
        background-image: radial-gradient(circle, #c4c4c4 50%, transparent 50%), radial-gradient(circle, #c9c9c9 50%, transparent 50%), radial-gradient(circle, #c9c9c9 50%, transparent 50%), radial-gradient(circle, #c9c9c9 50%, transparent 50%);
        background-size: 40% 40%, 25% 25%, 50% 50%, 30% 30%;
        background-position: 20% 20%, 65% 30%, 120% 100%, 20% 80%;
        box-shadow: 0px 0px 20px 10px rgba(255, 255, 255, 0.2);
    }

.switch-wrapper input:checked ~ .switch-label.day {
    transform: scale(1);
    opacity: 0.3;
}

.switch-wrapper input:checked ~ .switch-label.night {
    transform: scale(1.1);
    opacity: 1;
}

.switch-wrapper input:checked ~ .switchdn:before {
    transform: translate(60px, -50%);
}

.slider-wraper .videothumbprnt .slider-images li .bottom-para {
    padding-top: 0px;
}

.videothumbprnt .switch-field {
    padding-bottom: 0px;
    padding-top: 5px;
}

    .videothumbprnt .switch-field label {
        width: 50%;
    }
/*.previewhalf {background: url('../../assets/images/halfscreen-500.gif') no-repeat;background-size:100% 100%;}
    .previewfull {background: url('../../assets/images/fullscreen-500.gif') no-repeat;background-size:100% 100%;}*/
.slider-wraper .slider-images.videolist li {
    vertical-align: top;
}

.lappytop {
    border: 1px solid rgba(0,0,0,0.0625);
    padding: 6px;
    box-shadow: 0 0 9px 0 rgba(0,0,0,0.1);
    background: #000000;
    border-radius: 6px;
}

.previewvideo {
    padding: 0px 35px;
}

.lappybottom {
    margin: 0px -35px;
}

.previewvideo, .previewvideo [class*="preview"] {
    height: 100%;
}

    .previewvideo [class*="preview"] {
        border-radius: 3px;
        overflow: hidden;
    }
/* Default setting page css end */
/* Details Page css Start */

.newTableTr > td {
    padding: 10px;
    background: #f2f2f2;
    display: none;
}

.newTableTr.opened > td {
    padding: 10px;
    background: #f2f2f2;
    display: table-cell;
}

.newTablewrap {
    max-height: 300px;
    overflow: auto;
}

    .newTablewrap table {
        margin-bottom: 0px;
        background: rgba(255,255,255,.5) !important;
    }

        .newTablewrap table thead th {
            background: #aaa !important;
        }

.TableBig table td.adddelbtn {
    vertical-align: middle !important;
    text-align: center;
    padding: 0px;
    width: 50px;
    position: relative;
}

    .TableBig table td.adddelbtn.opened {
        background: #f2f2f2;
    }

        .TableBig table td.adddelbtn.opened:before {
            opacity: 1;
        }

.TableBig .adddelbtn i {
    display: inline-block;
    vertical-align: middle;
    padding: 5px 10px;
}

.lgtbg {
    background: #f2f2f2;
}

.TableBig table td:before {
    content: "";
    position: absolute;
    bottom: -1px;
    height: 2px;
    width: 100%;
    background: #f2f2f2;
    left: 0px;
    opacity: 0;
}

.TableBig table td.lgtbg:before {
    opacity: 1;
}
/* Details page css end */
/* Client Login Detail css start */
.width95log {
    width: 95%;
}

.logDtlFldsts fieldset {
    max-height: 100%;
}
/** Client Login Detail css End*/
/* Add Quote Service Css start */
.addqutsrvc .mandatory {
    border-right: 1px solid #ff0000 !important;
}

.addqutsrvc fieldset {
    padding: 0;
}
/* Add quote service cs end */
/* Layout css start */
.disabledbutton {
    pointer-events: none;
    opacity: 0.9;
}

.mainHeader.disabledbutton .navbar-right {
    display: none !important;
}

.nooverlow {
    overflow: hidden !important
}

#close-btn {
    width: 11px;
    margin-right: 2px;
    position: absolute;
    top: 1px;
    right: -4px;
}

.mic-keywords span.mic-disable {
    opacity: .5;
    background: #ddd;
}

.avatar-detail {
    padding-right: 30px;
    position: relative;
    margin-top:5px;
}

.avtar-btn {
    position: absolute;
    right: 15px;
    top: 0;
    width: 30px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    height: 30px;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .35);
    -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .35);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .35);
}

#avUpload {
    display: none;
}

.avtar-btn label {
    width: 100%;
    height: 100%;
    cursor: pointer;
}

    .avtar-btn label:before {
        content: "\f030";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        line-height: 30px;
        width: 100%;
        text-align: center;
        display: block;
    }
/* Layout css End */
/* Change Activity css start */
.chngactwrap .can-policy .image_result, .changetrans .can-policy .image_result {
    margin-top: 2px;
}
/* Change activity css end */
/* Tour customize css start */
.contentBoxDITab {
    padding-top: 0px;
}
/*Tour customize css end */
/* Tour detail css start */
#ulAmnts ul li:before {
    border: 0px !important;
}
/* Tour detail css end */
/* Tour Result css start*/
.pOWRCol {
    max-height: 85px;
}
/* Tour result css end */
/* Itinerary & voucher css start */
.sssmodal img, .itnmodal img {
    width: 150px;
}

.vuchrmodal .img1 {
    width: 320px;
}

.vuchrmodal .img2 {
    width: 150px;
}
/* Itinerary & voucher css end */
/* Load Image css start */
.loadimghtml, .loadimgbody, .loadimgbody .mapMain, .loadimgbody .pp-map-inner, .loadimgbody .pp-map {
    width: 100%;
    height: 100% !important;
    margin: 0px;
    padding: 0px;
}
/* Load image css end */
/* Pax Detail Page css */
.uploadwrap .input-wrap {
    position: relative;
}

.uploadwrap .form-control {
    z-index: 1;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.uploadwrap .uploadbtn {
    z-index: 4;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    width: 34px;
    line-height: 32px;
    height: 32px;
    text-align: center;
    border: 1px solid transparent;
    background: #fff;
    border-right: 1px solid transparent;
    border-left: 1px solid #ddd;
    position: absolute;
    right: 3px;
    top: 1px;
    bottom: 1px;
    cursor: pointer;
    margin: 0px;
}

    .uploadwrap .uploadbtn input[type=file] {
        display: none;
    }

.uploadwrap .floatinfo {
    position: absolute;
    display: none;
    margin-top: 5px;
    z-index: 2;
    font-size: 10px;
    line-height: 1.5;
    top: 100%;
    right: 0px;
    width: 100%;
    background: rgba(0,0,0,.95);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    padding: 5px 10px;
}

    .uploadwrap .floatinfo:before {
        position: absolute;
        content: "";
        bottom: 14px;
        right: 13px;
        z-index: 2;
        top: -8px;
        width: 0;
        height: 0;
        border: 4px solid transparent;
        border-bottom-color: rgba(0,0,0,.95);
    }

.floatinfo.showinfo {
    display: block;
}

.kbtnwrap .btn-danger {
    margin-left: 10px;
}

.DOEWrap .input-group {
    width: 165px;
}

.mainPax, .PaxFields {
    border-bottom: 1px dashed #ddd;
}

    .mainPax, .PaxFields, .mainPax .form-group, .PaxFields .form-group {
        margin-bottom: 1rem;
    }

        .PaxFields:nth-last-of-type(2), .mainPax:last-child {
            margin-bottom: 0px;
            border-bottom: none;
        }

        .PaxFields:first-child {
            border-top: 1px dashed #ddd;
            padding-top: 1rem;
        }

.dtofexpry .input-group, .kbtnwrap .btn-default {
    width: 165px;
}

.form-control.DOI, .form-control.DOE {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}
/* Search Box Traveller child age dropdown 50 % right side start*/
.hmd-room-childs-ages {
    height: auto;
}

.hmd-child-age {
    width: 50.5%;
    float: right;
    margin-left: 50%;
    border-left: 1px solid #b9b9b9;
    border-bottom: 1px solid #b9b9b9;
    border-right: none;
    height: auto;
}

    .hmd-child-age:last-child {
        border-bottom: none;
    }
/* Search Box Traveller child age dropdown 50 % right side end*/
/*hotel result Sort Box css start */

.sort-box {
    margin-bottom: 20px;
    padding: 13px 20px;
    background-color: #fff;
    display: none;
    width: 100%;
}

    .sort-box .sort-list {
        margin-bottom: 0px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

.sort-list > li {
    display: inline-block;
    margin-left: -4px;
}

    .sort-list > li span {
        font-weight: bold;
    }

    .sort-list > li a {
        color: #999;
        text-decoration: none
    }

.sort-list a i {
    vertical-align: middle;
    display: inline-block;
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.sort-list a.active i.holidayme {
    color: #3a50a8;
    opacity: 1;
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.sort-list a.active.sort-descending i.holidayme {
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.sort-list li a.active,
.sort-list li a:hover {
    color: #000
}
/* hotel result Sort Box css end */
/* Pax Detail */
.qrcodewrap {
    text-align: right;
}
/* Change Hotel Trav */
.changeHotelTrav.travmain .trav1-one {
    width: 20%;
}

.changeHotelTrav.travmain .dis_tblInner .tavelPrt1 {
    width: 25%;
}

.changeHotelTrav.travmain .trav1-two {
    width: 30%;
}

.exctranswrap .CANPOlicyFLoat {
    top: 0;
    left: 20px;
    right: 0;
    width: auto;
}

.CANPOlicyFLoat span, .CANPOlicyFLoat p {
    color: #fff;
    font-size: 12px;
}
/*cart page*/
.myCartDiv .accordion-panel {
    clear: both;
    display: inline-block;
    width: 100%;
    margin-top: 10px;
}

.myCartDiv .accordion-item {
    padding: 10px;
    border-bottom: 1px solid #ddd;
}

.cart_box.cart_boxe.pinkback {
    margin: 0;
}

.panel_cart_total-price [class*="col"] {
    line-height: 34px;
}

.dpct-full.panel_cart_total-price {
    bottom: 0;
}

    .dpct-full.panel_cart_total-price .btna-wrapper {
        margin-left: -10px;
        width: 370px;
        width: -webkit-calc(100% + 20px);
        width: -moz-calc(100% + 20px);
        width: -ms-calc(100% + 20px);
        width: -o-calc(100% + 20px);
        width: calc(100% + 20px);
        margin-bottom: -10px;
    }

.dvDayPrice-wrap > .row:nth-last-of-type(2) {
    margin-top: 15px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.chooseClient {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

    .chooseClient > .btn {
        height: 34px;
        line-height: 0;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }

        .chooseClient > .btn:hover, .chooseClient > .btn:focus {
            outline: none;
            box-shadow: none;
        }

    .chooseClient .form-control {
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }

.my-cancel-btn.donebox {
    background: #ddd !important;
    color: #333 !important;
    text-shadow: none;
}

.dvNewClient {
    padding: 10px 15px;
    background: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
    border-top: 1px solid rgba(0,0,0,.1);
    border-bottom: 1px solid rgba(0,0,0,.1);
}

    .dvNewClient > .row {
        margin-top: 5px;
    }


.svg_notfound {
    width: 400px!important;
    max-width: 100%;
}

span.texts_links {
    text-decoration: none;
    text-transform: capitalize;
    padding: 0;
    color: #333;
    font-weight: bold;
}

.results_hot {
    margin-bottom: 30px;
    padding-bottom: 4rem;
    width: 40%;
    margin: 0 auto 40px auto;
    border-radius: 10px;
    background: #fff;
    max-width: 100%;
}

.loadingtext {
    display: inline-block;
    vertical-align: middle;
}

.loadingIcon {
    display: none;
    width: 20px;
    height: 20px;
    border: 3px solid #fff;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
    border-top: 3px solid transparent;
    -webkit-animation: load-animate infinite linear 1s;
    -moz-animation: load-animate infinite linear 1s;
    -ms-animation: load-animate infinite linear 1s;
    -o-animation: load-animate infinite linear 1s;
    animation: load-animate infinite linear 1s;
}

@-webkit-keyframes load-animate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        opacity: 0.35;
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load-animate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        opacity: 0.35;
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


.mbsIcons a + a {
    margin-left: 5px !important;
}

.mbsAux {
    background: url('../images/thumbs/auxiliaryIcon.svg') center no-repeat !important;
    background-size: 18px auto !important;
}

    .mbsAux.active {
        background: url('../images/thumbs/auxiliaryIconActive.svg') center no-repeat !important;
        background-size: 18px auto !important;
    }

.cats-facility #ulMealFilters .promoarrow {
    padding-right: 7px;
    width: 40px;
    position: absolute;
    right: 0;
    top: 1px;
}

.cats-facility #ulMealFilters label {
    padding-right: 48px;
    position: relative;
}

.fltrcon .checkbox .cr, .fltrcon .radio .cr {
    top: 2px;
}
/* Responsive Css Start */
@media (min-width: 769px) {
    .nav-tabs.nav-tabs-highlight > li > a, .nav-tabs.nav-tabs-highlight > li > a:hover, .nav-tabs.nav-tabs-highlight > li > a:focus {
        border-top-width: 2px;
        border-left-width: 1px;
        border-right-width: 1px;
    }

    .nav-tabs.nav-tabs-highlight > li.active > a, .nav-tabs.nav-tabs-highlight > li.active > a:hover, .nav-tabs.nav-tabs-highlight > li.active > a:focus {
        border-top-color: #337ab7;
        border-left-color: #337ab7;
        border-right-color: #337ab7;
    }
}

@media (min-width: 768px) {
    .tbd-main .modal-lg {
        width: 80%;
    }

    .sp-picker-container, .sp-palette-container {
        display: inline-block;
    }

    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: 0px;
        cursor: default;
    }

    .sp-palette-container {
        border-right: 1px solid #ddd;
    }

    #popular-slide .item, #blog-slide .item {
        padding-left: 10px;
        padding-right: 10px;
    }

    .panel_cart_contenta ul li:hover a span {
        display: block !important;
    }

    #popular-slide .item, #blog-slide .item {
        padding-left: 10px;
        padding-right: 10px;
    }

    .toolerr-toggle, .toolerr-close {
        display: none;
    }
}

@media(min-width:1500px) {
    .navbar-right.navrgt {
        margin-top: -53px;
    }

    .main_box_pan_new .travmain.nocncldsn .tavelPrt5 {
        width: 82%;
        padding-right: 18px !important;
    }
}

@media(max-width:1500px) {
    .lk-bk-btn {
        bottom: 10px;
    }

    .edit-heading span {
        margin: 0px 50px;
    }

    .icons-booking li {
        margin-right: 0px;
    }

    footer .navbar-brand {
        width: 100%;
        margin-right: 0px;
    }

    .innerconwrap, .flighttabcon {
        min-height: 470px;
    }

    .flightcontent {
        min-height: 430px;
    }

    .rmv-blw-1366 {
        display: none;
    }

    h1 {
        font-size: 26px;
    }

    h2, .h2, h2, .PkgNewPrice {
        font-size: 22px;
    }

    h3 {
        font-size: 20px;
    }

    .CSTMorating .chartcolinner {
        height: 280px;
    }

    h4, .htldetailmain h4, .alblerombx h4, .ahotel-person span {
        font-size: 18px;
    }

    h5, .classic_title_head span, .b2bctrbx1 h6, .CBTIName *, .ahotel-item .ahotel-body h3, .uc-final-content .uc-para-wrap h4, .contentBoxDInner h3 {
        font-size: 15px;
    }

    h6, .cats-title, .trav1-one, .pcgRow .pcgRowTtl h3, .donebox.newBtn, .pcgRow h3, .ahotel-item .ahotel-body h3,, .uc-final-content .uc-para-wrap h4, .PkgTabMenu .nav-tabs li a, .tavelPrt5 .NewPrice span {
        font-size: 14px;
    }

    p, .mic-result p, .mic-result b, .htldetailmain p, .sec_guestbx1 span, .about-bxx p, body, .footer-widget h4, .b2bctrbx1 span, .b2bview-more a, .jumbotron p, .ahotel-item .ahotel-body p, .form-control, output, li#INR, li#EUR, li#USD, li#AED, .dropdown-menu, .tavelPrt5, blockquote, .PkgOviewCity, .input-group-text {
        font-size: 13px;
    }

    .ftraboutwrap * {
        font-size: 13px !important
    }

    .input-group-text, .bootstrap-touchspin .btn-default {
        padding-right: 0.40rem;
        padding-left: 0.40rem;
    }

    .ahotel-body .clickme:before, .pkgSrch .clickme:before {
        bottom: 17px !important;
    }

    .container, .nav-tabs.stickyTab {
        width: 100%
    }

    .nav > li > a {
        padding: 10px 5px;
    }

    .navbar {
        min-height: 45px;
    }

    .jumbotron {
        padding-top: 45px;
    }

    .navbar-right > li > a {
        min-width: 40px;
        text-align: center;
    }

    .nav > li > a {
        padding: 10px 5px;
        line-height: 23px;
    }

    .navbar-brand {
        width: 160px;
        height: 44px;
    }

    .fixed {
        top: 45px;
    }

    .navbar-right.navrgt {
        margin-top: -45px;
    }

    .input-group .form-control {
        z-index: 0;
    }

    #panel-cart {
        top: 53px;
    }

    .checkbox-star, .facility, .help-widget, .price-Pips, .select-filtersa {
        padding: 20px;
    }

    .cats-title {
        padding-left: 20px;
    }

    .sidber-box .input-group {
        display: block;
    }

    .trav .cpolicy_hotel p {
        display: none;
        white-space: normal;
    }

        .trav .cpolicy_hotel p:first-of-type {
            display: block;
        }

    .trav1-three > * {
        float: none;
        display: inline-block;
        vertical-align: middle;
        margin-right: -4px;
    }

    .pkgSrch .trav1-three > * {
        margin-right: 0px;
    }

    .trav .travmain {
        padding-right: 300px;
    }

    .change_hotel .trav .travmain {
        padding-right: 0px;
    }

    .travmain.nocncldsn .trav1-one {
        width: 20%;
    }

    .ahotel-item .ahotel-image .img:after, .main_box_pan .hot_hotel-image .img:after, .hotel-item .hotel-image .img:after {
        display: none;
    }

    .acts-list li span {
        min-width: 160px;
        max-width: 160px;
    }

    .pcgRow .nav-tabs.stickyTab {
        padding-top: 45px;
    }

    .badge {
        padding: 3px 6px;
        font-size: 11px;
    }

    img.lead_img {
        height: 22px;
    }

    .toolerr .input-group-addon {
        min-width: 30px;
        padding-left: 5px;
        padding-right: 5px;
        text-align: center;
    }

    .social-circle li a {
        width: 25px;
        height: 25px;
        font-size: 13px;
    }

    .social-circle li i {
        line-height: 25px;
    }

    nav.navbar, .page-wrap, .page-title, .mainHeader .TabConWrap, .globalPadding, .modal-xl {
        padding-right: 15px;
        padding-left: 15px;
    }

    .ScrollFix.fixed {
        top: 71px;
    }

    .ScrollFix.fixed, .ScrollFix.bottom {
        right: 35px;
    }

    .navbar .tab-content {
        padding: 20px;
    }

    button.kSearchBtn, a.kSearchBtn {
        font-size: 15px !important;
    }

    .kSearchBtn {
        width: 44px;
        height: 44px;
        line-height: 39px;
        bottom: -15px;
        right: -15px;
    }

    .droupmainbxc.left:before {
        left: 3rem;
    }

    .droupmainbxc.right:before {
        right: 3rem
    }

    .TabConWrap.fixed {
        top: 51px;
    }

    .mainHeader .TabConWrap.fixed .tab-content {
        padding-left: 20px;
    }

    .mic-btn {
        width: 30px;
        height: 30px;
        font-size: 16px;
    }

    .mic-btn-wrap {
        line-height: 30px;
    }

    @-webkit-keyframes smoothanim {
        from {
            width: 16px;
            height: 16px;
        }

        to {
            width: 30px;
            height: 30px;
        }
    }

    @-moz-keyframes smoothanim {
        from {
            width: 16px;
            height: 16px;
        }

        to {
            width: 30px;
            height: 30px;
        }
    }

    @-ms-keyframes smoothanim {
        from {
            width: 16px;
            height: 16px;
        }

        to {
            width: 30px;
            height: 30px;
        }
    }

    @keyframes smoothanim {
        from {
            width: 16px;
            height: 16px;
        }

        to {
            width: 30px;
            height: 30px;
        }
    }

    .availmodal .availability-calendar .avail_pric * {
        display: block;
        margin: 0 auto;
    }

    .availability-calendar td {
        text-align: center;
    }

    .availmodal .availability-calendar .avail_pric {
        text-align: right;
    }

    .availmodal .availability-calendar .avail_pric {
        margin-top: 0px
    }

    .clr_indication ul {
        line-height: 13px;
        font-size: 11px;
        font-family: Roboto,"Helvetica Neue",Helvetica Neue,Helvetica,Arial,sans-serif;
        -webkit-font-smoothing: antialiased;
        color: #333;
        opacity: 0.9;
        width: 100%;
        text-align: justify;
        margin-bottom: 5px;
        margin-left: 0px !important;
    }

    .gopcol .chartcolinner {
        height: 216px;
    }

    .csavecon > span {
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .riskWrapInner {
        display: block;
    }

        .riskWrapInner span {
            display: block;
        }

            .riskWrapInner span:first-of-type {
                width: 102px;
                height: 102px;
                line-height: 102px;
                border: none;
                border-radius: 80px;
                padding: 0px;
                margin: 0px auto 10px;
            }

            .riskWrapInner span:nth-of-type(2) {
                font-size: 130%;
                border-radius: 20px;
            }

    .ahotel-btns .donebox {
        min-width: 100%;
        margin: 0px;
        margin-bottom: 5px;
    }

        .ahotel-btns .donebox:last-of-type {
            margin-bottom: 0px;
        }

    .layoutBody {
        padding-top: 50px;
    }

    .TabConWrap.hidefixed.fixed {
        top: 50px;
    }

    .ahotel-item .ahotel-image .img:before, .main_box_pan .hot_hotel-image .img:before {
        display: block !important
    }

    .previewvideo {
        padding: 0px 25px;
    }

    .lappybottom {
        margin: 0px -25px;
    }

    .addPaxLead {
        padding-left: 32px;
        display: block;
        line-height: 1.3;
        margin-top: -5px;
    }

        .addPaxLead, .addPaxLead img.lead_img {
            position: absolute;
            left: 0;
            top: 50%;
            -webkit-transform: translate(0,-50%);
            -moz-transform: translate(0,-50%);
            -ms-transform: translate(0,-50%);
            transform: translate(0,-50%);
        }

            .addPaxLead img.lead_img {
                left: 5px;
            }

    .mainPax, .PaxFields, .mainPax .form-group, .PaxFields .form-group {
        margin-bottom: 7px;
    }

        .PaxFields:first-child {
            padding-top: 7px;
        }

    .kbtnwrap .btn-danger {
        position: absolute;
        right: 0px;
        top: 0;
    }

    .dtofexpry .input-group, .kbtnwrap .btn-default, .DOEWrap .input-group {
        width: 140px;
    }

    .trav1-three > div {
        padding: 0px 5px;
    }

    .icons-booking .icons-offer-wrap {
        min-height: 32px;
    }

        .icons-booking .icons-offer-wrap span {
            font-size: 11px;
        }
}

@media(max-width:1366px) {
    .big_per, .big_per1 {
        width: auto;
        padding: 2px 3px;
        display: inline-block;
        vertical-align: middle;
        float: none;
    }

    .dis_tblInner .tavelPrt1 {
        width: 20%;
    }

    .dis_tblInner .tavelPrt2 {
        width: 80%;
    }
}

@media(max-width:1300px) {
    footer.footer:before {
        background: url('../images/world.svg') left bottom no-repeat;
    }

    .nopadtab .form-control {
        padding-left: .75em !important;
        padding-right: .75em !important
    }

    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        display: block;
        text-align: center;
        padding: 2px 0 15px;
    }

    .icons-booking li {
        width: 33%;
    }

    .tab-content .form-group {
        margin-bottom: 5px;
    }

    ul.social-network li {
        margin: 3px 0px;
    }

    .ftrpleft {
        padding-left: 15px;
    }

    .nav > li > a i {
        margin-right: 0px;
    }

    .hdtlpricepage .tavelPrt1 {
        width: 100%;
        display: block;
    }

    .hdtlpricepage #polcallid p {
        display: none !important
    }

        .hdtlpricepage #polcallid p:first-of-type {
            display: block !important;
        }

    .hdtlpricepage .free-service {
        overflow: hidden;
    }

    .hdtlpricepage .hotel-right {
        overflow: hidden;
    }

    .hdtlpricepage .hdtl-hdrtxt {
        min-height: 88px;
        width: 100%;
        padding-left: 90px;
        border-bottom: 1px solid #e5e5e5;
        padding-bottom: 3px;
        margin-bottom: 3px;
        float: left;
    }

        .hdtlpricepage .hdtl-hdrtxt h4 {
            margin-top: 14px;
        }

    .hdtlpricepage .hdtl-hdrthumb {
        float: left;
        margin-left: 0px;
        position: absolute;
        top: 0;
        left: 0;
    }

    .hdtlpricepage .hdtl-hdrleft {
        padding-left: 0px;
    }

    .hdtlpricepage .hdtl-hdrtxtRgt {
        width: 50%;
        float: left;
        clear: left;
        text-align: left;
    }

    .hdtlpricepage .htldetlrht {
        width: 50%;
        float: right;
        clear: right;
    }

    .voucher-page .ppv-table {
        width: 100%;
        display: block;
    }

    .voucher-page .pp-map {
        width: 100%;
        display: block;
        min-height: 200px;
    }

    .navBookClose {
        font-size: 16px !important;
        right: 0px !important;
        width: 14px !important;
        top: 8px !important
    }

    .nav.nav-tabs > li > a i {
        margin-right: 0px;
    }

    .nav > li > a, .nav > li.dropdown a, .nav > li.dropdown .dropdown-menu span {
        font-size: 11px;
    }

    .navbar-default .navbar-toggle {
        margin-top: 5px;
        margin-bottom: 2px;
    }

    .toolerr .input-group {
        margin-bottom: 10px;
    }

    .toolerr {
        padding-top: 20px;
    }

    .ahotel-item .ahotel-image .img:before, .ahotel-item .ahotel-image .img:after, .main_box_pan .hot_hotel-image .img:before, .main_box_pan .hot_hotel-image .img:after {
        display: none;
    }

    div.dataTables_wrapper div.dataTables_paginate, div.dataTables_wrapper div.dataTables_info {
        width: 100% !important;
        text-align: center !important;
        display: block !important;
        float: none;
    }

        div.dataTables_wrapper div.dataTables_paginate ul.pagination, div.dataTables_wrapper div.dataTables_info {
            white-space: normal;
        }

    .dataTables_wrapper .dataTables_paginate .paginate_button {
        display: inline-block;
        vertical-align: middle;
    }

    .pcgRowTtlRgt {
        width: 40%;
    }

    .pcgRowTtlLft {
        width: 60%;
    }

    .drgdrpTbl {
        width: 100%;
        padding-right: 0px;
    }

    .add_paxWrap {
        width: 100%;
        overflow: auto;
        border: 1px solid #ddd;
    }

        .add_paxWrap .addd_pax {
            border: none;
        }

    .drgdrpBox {
        width: 130px;
        position: absolute;
        right: 15px;
        top: 0px;
        padding: 0px;
    }

    .drgdrpWrap {
        position: relative;
    }

    .add_pax .cart_topa {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    .add_pax img.cart_hotel_img {
        width: 100%;
        height: auto;
        padding: 0px;
    }

    .add_pax .cart_box {
        width: 100%;
    }

    .add_pax .cart_topb {
        width: 100%;
    }

    .add_pax td:nth-child(3), .add_pax th:nth-child(3) {
        width: 40%;
    }

    .add_pax td:nth-child(2), .add_pax th:nth-child(2) {
        width: 30%
    }

    .add_pax td:nth-child(2), .add_pax th:nth-child(2) {
        width: 30%
    }

    .fixed1 {
        width: 150px;
        right: 0px;
        top: 45px;
        left: auto;
    }

    #menulinks li {
        overflow: hidden !important;
        white-space: nowrap;
        overflow: hidden;
    }

    .PkgTabMenu .nav-tabs li a {
        padding: 7px 10px;
    }

    .PkgOviewCity {
        padding: 5px 0px;
        margin-bottom: 5px;
    }

    .navbar .nav-tabs .nav-link i {
        display: block;
        text-align: center;
    }

    .ProfileImg .nav-link {
        width: 40px;
        height: 40px;
    }

    .b2bhtl-icons1 i, .b2bhtl-iconsrht1 i {
        font-size: 12px;
        line-height: 12px;
    }

    .flickr-list {
        float: none !important;
        display: block;
    }

        .flickr-list:first-of-type {
            margin-bottom: 0px;
        }

    .nav.nav-tabs > li > a {
        padding-top: 1.6rem;
        padding-bottom: 2px;
    }

        .nav.nav-tabs > li > a > i {
            transition: none !important;
            position: absolute;
            top: 6px;
            left: 0px;
            width: 100%;
            line-height: 1.6rem;
            text-align: center;
            margin-top: 0px;
        }

        .nav.nav-tabs > li > a:hover > i, .nav.nav-tabs > li > a:focus > i {
            transition: none !important;
        }

    .icons-booking li i {
        font-size: 13px;
    }

    .icons-booking li span {
        font-size: 8px;
    }

    .icons-booking li {
        padding: 5px 1px;
    }

    .ech-dtl-wrap {
        flex: 0 0 70%;
        max-width: 70%;
    }

    .ech-slider-wrap {
        flex: 0 0 30%;
        max-width: 30%;
    }

    .manage-hotel {
        top: 0px;
    }

    .easycstm-wrap .hotel-detail-right {
        flex: 0 0 100%;
        max-width: 100%;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
    }

    .owl-carousel.ech-slider {
        border-top-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }

    .owl-carousel .owl-nav .owl-next::before, .owl-carousel .owl-nav .owl-prev::before {
        opacity: .8;
        width:43px!important;
        border-radius:26px!important;
    }

    .fitemmain {
        padding: 10px;
    }

    .fitemthumbinner {
        width: 25px;
        height: 25px;
    }

    .fitemthumb {
        min-width: 125px;
        max-width: 125px;
        padding-left: 32px;
    }

    .fitemdfrom, .fitemdto {
        left: 0px;
        width: 30%;
    }

    .fitemdft {
        width: 40%;
    }

    .fitemdto {
        right: 0px;
        left: auto;
    }

    .fitemprice * {
        font-size: 100%;
        line-height: 19px;
    }

    .fitemprice .donebox {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 90%;
    }

    .fiditempath {
        width: 40%;
    }

    .fiditemfrom, .fiditemto {
        width: 30%;
    }

    .fitemdurprice {
        position: relative;
    }

    .occdtl span {
        padding: 0px 3px;
    }


    .CSTMtable th {
        min-width: 0px;
    }

    .occdtl {
        text-align: right;
        white-space: nowrap;
    }

    .designimage {
        background-size: 100% 130%;
    }

    .slider-wraper .slider-images.videolist li {
        width: 33.3333%;
    }
}

@media(max-width:1365px) {
    .travmain.nocncldsn .trav1-one, .travmain.nocncldsn .trav1-two {
        width: 50%;
    }

    .travmain.nocncldsn .trav1-three {
        width: 100%;
        border-top: 1px solid #ebebeb;
    }
}

@media(max-width:1199px) {
    .CSTMpisec .chartcolinner {
        height: 225px;
    }

    .CSTMpisec .CSTMorating .chartcolinner {
        height: auto;
    }

    .CSTMtableWrap .CSTMtable {
        min-width: 0px;
    }

        .CSTMtableWrap .CSTMtable td {
            white-space: nowrap;
        }
}

@media only screen and (min-width: 1096px) and (max-width: 1300px) {
    .iframe-modal iframe {
        padding: 15px;
    }

    .global-wrap {
        padding: 0px;
    }
}

@media(max-width: 992px) {
    html, body {
        height: 100vh;
    }
    .playstoreicon .googleplaystore img, .playstoreicon .appstore img {
        max-height: 36px;
    }
    #panel-cart{
        height:auto !important;
        bottom:0 !important;
    }
    .like-icon {
        right: 0px;
        top: -60px;
        z-index: 1;
    }

    .navbar.fixed-top {
        -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.15);
        -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.15);
        -ms-box-shadow: 0px 0px 10px rgba(0,0,0,.15);
        box-shadow: 0px 0px 10px rgba(0,0,0,.15);
    }

    .sheer {
        width: 62px;
        text-align: center;
    }

    .slider-wraper .slider-images.videolist li {
        width: 50%;
    }

    .toolerr-toggle {
        position: fixed;
        left: auto;
        background: #fff;
        width: 40px;
        height: 30px;
        text-align: center;
        top: 100px;
        border-radius: 20px 0px 0px 20px;
        line-height: 29px;
        font-size: 16px;
        opacity: 1;
        right: 0px;
        z-index: -1;
        display: block;
    }

    .hot_hotel-item .hot_hotel-image {
        max-width: none;
    }

    .iframe-modal iframe {
        padding: 0px;
    }

    .navbar-nav.nav-tabs .nav-item.bkngLi a {
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .hdtl-hdrleft {
        padding-left: 0px;
    }

    .hdtl-hdrtxt .clear {
        padding-bottom: 8px !important;
        margin-bottom: 3px;
        border-bottom: 1px solid rgba(255,255,255,.1);
    }

    .hdtl-hdrtxt {
        width: 100%;
        display: block;
        padding-left: 5px;
    }

    .hdtl-hdrthumb {
        position: absolute;
        display: none;
    }

    .hdtl-hdrtxtRgt, .htldetlrht {
        width: 50%;
        float: left;
    }

    .qucusec .chartcolinner {
        height: 150px;
    }

    .mic-btn-wrap {
        top: 150px;
    }

    .pp-info .fa {
        width: 30px;
        height: 30px;
        font-size: 12px;
        border: 1px solid #fff;
    }

    .bmdllftfix {
        width: 100%;
        position: relative;
    }

    .bmdlrhtrel {
        width: 100%;
        left: 0px;
        position: relative;
    }

    .bmdlrhtrelinner {
        padding: 15px 0px 0px 0px !important
    }

    .pp-info {
        width: 100%;
    }

        .pp-info ul {
            width: 100%;
        }

    .bmdlmap {
        width: 100%;
    }

        .bmdlmap > div {
            height: 200px !important;
        }

    .pp-left {
        padding: 4px;
        width: 50px;
    }

    .pp-right {
        padding-left: 5px;
    }

    .changetrans a {
        float: right;
    }

    .changeact a {
        font-size: 120%;
    }

    .TabConWrap.fixed {
        top: 96px;
    }

    ul.social-network li {
        padding: 3px 3px;
    }

    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
        line-height: 1.3rem
    }

    h1 {
        font-size: 24px;
    }

    h2, .h2, h2, .PkgNewPrice {
        font-size: 20px;
    }

    h3 {
        font-size: 14px;
    }

    h4, .htldetailmain h4, .alblerombx h4, .ahotel-person span {
        font-size: 13px;
    }

    h5, .classic_title_head span, .b2bctrbx1 h6, .CBTIName *, .ahotel-item .ahotel-body h3, .uc-final-content .uc-para-wrap h4, .contentBoxDInner h3 {
        font-size: 12px;
    }

    h6, .cats-title, .trav1-one, .pcgRow .pcgRowTtl h3, .donebox.newBtn, .pcgRow h3, .PkgTabMenu .nav-tabs li a, .tavelPrt5 .NewPrice span {
        font-size: 11px;
    }

    p, .htldetailmain p, .sec_guestbx1 span, .about-bxx p, body, .footer-widget h4, .b2bctrbx1 span, .b2bview-more a, .jumbotron p, .ahotel-item .ahotel-body p, .form-control, output, li#INR, li#EUR, li#USD, li#AED, .dropdown-menu, .tavelPrt5, blockquote, .PkgOviewCity, .input-group-text {
        font-size: 12px;
    }
    /* New added css start */
    span.modal-title {
        font-weight: normal;
    }

    .toolerr-wrap {
        -webkit-transition: all linear .3s;
        -moz-transition: all linear .3s;
        -ms-transition: all linear .3s;
        -o-transition: all linear .3s;
        transition: all linear .3s;
        right: -100%;
        left: auto;
        height: 100%;
        top: 0px;
        padding-top: 45px;
        position: fixed !important;
        z-index: 100 !important;
        top: 0px;
        width: 100%;
        background: rgba(0,0,0,.45) !important;
        overflow: auto;
    }

        .toolerr-wrap.showToolerr {
            background: rgba(0,0,0,.45) !important;
        }

        .toolerr-wrap .toolerr {
            margin: 0px;
            position: absolute;
            top: 60px;
            left: 15px;
            right: 15px;
            bottom: auto;
            height: auto;
            width: auto;
        }

    .toolerr-close {
        position: absolute;
        right: 5px;
        top: 43px;
        font-size: 24px;
        color: #fff;
        z-index: 1;
        display: none;
    }

        .toolerr-close .fa {
            -webkit-text-shadow: 0px 0px 5px #000;
            -moz-text-shadow: 0px 0px 5px #000;
            -ms-text-shadow: 0px 0px 5px #000;
            -o-text-shadow: 0px 0px 5px #000;
            text-shadow: 0px 0px 5px #000;
        }

    .toolerr-wrap.showToolerr {
        right: 0%;
    }

    .toolerr-wrap .toolerr-close {
        display: block;
    }

    .layoutBody {
        padding-top: 96px;
    }
    /* New added css end */
    .PkgTitleName h1 {
        font-size: 20px;
    }

    .navbar-right.navrgt > li.bkngLi a {
        padding-right: 14px !important
    }

    .bkdetailsTableWrap .input-group {
        margin-bottom: 10px;
        width: 100%;
    }

    .navbar-right > li > a {
        min-width: 24px;
    }

    #totalfound {
        margin-bottom: 10px;
    }

    .mobKstmWrap > .form-group {
        padding: 0px;
    }

    .mobKstmWrap {
        padding: 0px 8px 10px 8px !important;
        margin-bottom: 10px;
        border-bottom: 1px solid #ddd;
    }

        .mobKstmWrap .mobKstmCol {
            position: absolute;
            right: 8px;
            top: 0px;
            float: right;
        }

    .input-group-addon {
        min-width: 40px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .addPaxPage .form-group .row .form-group:last-of-type {
        margin-bottom: 0px;
    }

    .form-group {
        margin-bottom: 7px;
    }
    /*.mainPax .form-group, .addtnlpax .form-group {margin-top:0px;}
    .PaxFields:nth-last-of-type(2) .form-group {margin-top:7.5px;}
    .addPaxPage .form-group .form-group {margin-bottom:10px;}*/
    .mainPax:last-of-type, .PaxFields:nth-last-of-type(2) {
        border-bottom: 1px dashed #ddd;
    }

    .PaxFields:first-of-type {
        border-top: none;
    }

    .hamburger {
        display: block;
        margin-right: 0px;
    }

    .navbar {
        border: 0px solid transparent;
    }

    .toolerr .input-group {
        margin-bottom: 10px;
    }

    .toolerr .toolerr_filters .input-group {
        margin-bottom: 0px;
    }

    .toolerr {
        padding-top: 20px;
    }

    .rooms__item .rooms__desc {
        padding: 40px;
        margin: 0 6%;
        -webkit-transform: translate(0, -60px);
        -moz-transform: translate(0, -60px);
        -ms-transform: translate(0, -60px);
        -o-transform: translate(0, -60px);
        transform: translate(0, -60px);
    }

    .rooms__item {
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -ms-box-orient: vertical;
        -o-box-orient: vertical;
        box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        -ms-box-direction: normal;
        -o-box-direction: normal;
        box-direction: normal;
        flex-direction: column;
    }

    .navbar-nav .dropdown-menu {
        display: none;
    }

    .navbar-nav .show .dropdown-menu {
        display: block;
        position: absolute;
        top: 100%;
        right: 0;
        left: auto;
        z-index: 1000;
        min-width: 160px;
        padding: 5px 0;
        margin: 0px;
        font-size: 14px;
        text-align: left;
        list-style: none;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ccc;
        border: 1px solid rgba(0,0,0,.15);
        border-radius: 0px 0px 4px 4px;
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
        box-shadow: 0 6px 12px rgba(0,0,0,.175);
    }

    .navbar-nav .dropdown-menu > li > a {
        line-height: 20px;
    }

    .navbar-nav .dropdown-menu > li > a,
    .navbar-nav .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px;
    }

    .dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap;
    }

    .nav .show .dropdown-menu {
        border: 1px solid #ddd;
        border-color: rgba(0,0,0,.2);
        color: #333;
        outline: none;
        -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.2);
        -moz-box-shadow: 0 2px 8px rgba(0,0,0,.2);
        -ms-box-shadow: 0 2px 8px rgba(0,0,0,.2);
        -o-box-shadow: 0 2px 8px rgba(0,0,0,.2);
        box-shadow: 0 2px 8px rgba(0,0,0,.2);
        overflow: hidden;
        position: absolute;
        right: 0px;
        top: 100%;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
        height: auto;
        overflow-x: hidden;
        overflow-y: auto;
        background: #fff;
        z-index: 1032;
        margin-top: 0px;
    }

        .nav .show .dropdown-menu > li > a {
            line-height: 20px;
        }

        .nav .show .dropdown-menu > li > a,
        .nav .show .dropdown-menu .dropdown-header {
            padding: 0px 10px 0px 10px;
        }

    .nav > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap;
        background: rgba(0,0,0,.01);
    }

        .nav > li > a .caret {
            float: right;
            margin-top: 8px;
        }

    .nav > li.active > a {
        background: rgba(0,0,0,.05);
    }

    .nav > li > a:before {
        display: none !important;
    }

    .nav > li:last-child, .nav > li > ul > li:last-child {
        border-bottom: none;
    }
    /* Mobile nav shift Start */
    .navbar-header {
        float: none;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

        .navbar-collapse.collapse {
            display: none !important;
        }

            .navbar-collapse.collapse.in {
                display: block !important;
            }

    .navbar-nav {
        float: none !important;
    }

        .navbar-nav > li {
            float: none;
        }

    .navbar-text {
        float: none;
        margin: 15px 0;
    }

    .navbar-collapse {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }

    .collapsing {
        overflow: hidden !important;
    }

    /* Mobile nav shift End */
    .navbar-right.navrgt {
        text-align: right;
        padding-right: 0px;
        position: absolute;
        right: 70px;
        width: auto;
        top: 0px;
        margin: 0px;
    }

    .navbar-collapse .navbar-nav {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .navbar-right.navrgt > li {
        display: inline-block;
        vertical-align: top;
    }

    .navbar-default .navbar-toggle {
        margin-right: 0px;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .ahotel-item .ahotel-image .img:before, .ahotel-item .ahotel-image .img:after, .main_box_pan .hot_hotel-image .img:before, .main_box_pan .hot_hotel-image .img:after {
        display: none;
    }

    .flickr-list li a:after, ul.footer-nav li a:after, .donebox:after {
        display: none;
    }

    .stngsThumb {
        margin-top: 10px;
    }

    .navbar-nav.nav-tabs .nav-item.bkngLi {
        width: 100px;
    }

    div.dataTables_wrapper div.dataTables_paginate ul.pagination, div.dataTables_wrapper div.dataTables_info {
        white-space: normal !important;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button {
        display: inline-block;
        vertical-align: middle;
    }

    .daterangepicker .calendar.right {
        display: none !important;
    }

    .availCalWrap {
        width: 100%;
        overflow: auto;
    }

    .availability-calendar {
        min-width: 880px;
    }

    .avai_htl_name {
        width: 100%;
        margin-right: 0px;
        padding-right: 10px;
        margin-bottom: 9px;
    }

    .modal.fade.in {
        padding: 0px !important
    }

    .clr_indication, .availability-calendar-toolbar span {
        width: 100%;
        clear: left;
        text-align: center;
    }

    .availability-calendar-toolbar span {
        padding-right: 25px;
        padding-left: 25px;
    }

    .avail_month {
        width: 100%;
    }

    .availability-calendar-toolbar input:first-child {
        width: 40px;
        margin-left: -40px;
    }

    .availability-calendar-toolbar input:last-child {
        width: 40px;
        margin-right: -40px;
    }

    #availCalendar .modal-header {
        height: auto;
        margin: 0px;
        padding-bottom: 8px;
    }

    .avail_select {
        float: none;
    }

    .availability-calendar-toolbar {
        padding: 5px 15px;
        margin: 0px;
    }

    .clr_indication {
        padding-bottom: 2px;
        margin-bottom: 6px;
        border-bottom: 1px solid #e5e5e5;
    }

    .modal-header {
        padding-top: 20px;
        position: relative;
    }

        .modal-header .close {
            position: absolute;
            top: 5px;
            right: 10px;
        }

    .slider_sect_htl .vendor_slider {
        margin-bottom: 15px;
        overflow: hidden;
    }

    .pcgRow .nav-tabs.stickyTab {
        position: relative;
        padding: 0px;
    }

    .pcgBtmTab .nav-tabs li a.pcg_TabTgl span {
        display: inline-block;
        padding: 0px 5px !important;
        vertical-align: middle;
    }

    .pcgBtmTab .nav-tabs li {
        width: 100% !important;
        border-bottom: 1px solid #ddd;
    }

        .pcgBtmTab .nav-tabs li a.pcg_TabTgl span.star {
            float: left;
        }

    .modal-dialog {
        position: absolute;
        top: 10px;
        right: 10px;
        left: 10px;
        bottom: 10px;
        width: auto;
        margin: 0 auto;
    }

    .filter-apply.btnApply {
        font-size: 0px;
        opacity: 0;
        padding: 0;
        margin: 0;
        -webkit-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -ms-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear;
        float: right;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
    }

    .showapply .filter-apply.btnApply {
        padding: 3px 15px;
        font-size: 10px;
        background: #fff;
        border-radius: 20px;
        overflow: hidden;
        color: #333;
        margin-right: 10px;
        opacity: 1;
    }

    .navactive .tooltip {
        display: none !important
    }

    .nav > li.navactive > a .label {
        padding: 0px;
    }

    .PkgTabs {
        padding-left: 38px;
        padding-top: 20px;
        padding-right: 0px;
    }

    .PkgTabMenu {
        width: 50px;
        height: 100%;
        left: 0px;
        padding-top: 13px;
        left: -13px;
        position: absolute;
        margin-bottom: 0px !important;
        z-index: 5;
    }

        .PkgTabMenu .nav-tabs {
            white-space: nowrap !important;
            display: table !important;
            margin-top: -13px;
        }

            .PkgTabMenu .nav-tabs li {
                display: table-cell;
                vertical-align: middle;
                float: none !important
            }

        .PkgTabMenu > .container {
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            transform: rotate(90deg);
            padding: 0px;
            width: 50px !important;
            height: 24px;
            white-space: nowrap;
            display: inline-block;
            overflow: visible;
            -webkit-transform-origin: 50% 50%;
            -moz-transform-origin: 50% 50%;
            -ms-transform-origin: 50% 50%;
            -o-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
            filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
        }

        .PkgTabMenu > .container, .PkgTabMenu .row, .PkgTabMenu .col-md-12 {
            padding: 0px !important;
            margin: 0px !important;
        }

    .PkgTabs .tab-pane .container {
        padding: 0px;
    }

        .PkgTabs .tab-pane .container.PkgSliderCon {
            padding-left: 15px;
            padding-right: 15px;
        }

    .PkgTitle > .container {
        padding: 0px;
    }

    .PkgBulletsList > *:before {
        left: -12px;
        width: 7px;
        height: 7px;
        border: 1px solid #ddd;
        top: 5px;
    }

    .PkgBulletsList:before {
        left: 11px;
        width: 1px;
    }

    .pkgtermscondson .contentBoxDtl * {
        padding: 0px !Important;
        font-family: 'Muli', sans-serif !important;
        color: #333 !important
    }

        .pkgtermscondson .contentBoxDtl *.PkgBulletsList, .ItineraryTabList .PkgBulletsList {
            padding-left: 12px !important;
        }

    .PkgBulletsList {
        padding-left: 20px;
    }

        .PkgBulletsList.BLBIG {
            padding-left: 0px;
        }

            .PkgBulletsList.BLBIG:before {
                left: -9px;
            }

    .PkgBulletsListPoliciy {
        padding-left: 12px;
    }

        .PkgBulletsListPoliciy:before {
            width: 1px;
            left: 3px;
            width: 1px;
        }

        .PkgBulletsListPoliciy h3:before {
            width: 7px;
            height: 7px;
            left: -12px;
            border: 1px solid #ddd;
        }

    .SliderWrap .ribbon span {
        top: 14px;
        left: -24px;
        width: 100px;
        font-size: 10px;
    }

    .OverviewTable {
        width: 100%;
    }

        .OverviewTable, .OverviewTable thead, .OverviewTable tbody, .OverviewTable th, .OverviewTable td, .OverviewTable tr {
            display: block;
        }

            .OverviewTable thead tr {
                position: absolute;
                top: -9999px;
                left: -9999px;
            }

            .OverviewTable thead {
                border-bottom: 0px solid transparent;
            }

            .OverviewTable tbody tr:first-of-type {
                border-top: none;
            }

            .OverviewTable tr {
                border: 1px solid #ccc;
            }

            .OverviewTable td {
                border: none;
                border-bottom: 1px solid #eee;
                position: relative;
                padding: 6px 10px 6px 50%;
                text-align: left !important;
                line-height: 20px;
            }

                .OverviewTable td:before {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    width: 45%;
                    height: 100%;
                    padding: 6px 10px;
                    white-space: nowrap;
                    content: attr(data-column);
                    color: #fff;
                    font-weight: bold;
                    line-height: 20px;
                }

    .contentBoxTtlInner > .CBTIDate {
        float: right;
    }

    .PkgTitlePrice .donebox {
        position: absolute;
        top: 50%;
        right: 0px;
        transform: translate(0%,-50%);
    }

    .tab-pane:focus {
        outline: 0px solid !important
    }

    .tab-content.htldet_tab > .active {
        padding-left: 0px;
        padding-right: 15px;
    }

    .contentBoxDtl {
        padding: 5px 10px;
    }

    .ItineraryTabList li:before {
        top: 16px;
    }

    .navbar {
        display: block;
    }

        .navbar .navbar-right {
            position: absolute;
            top: 0px;
            right: 0px;
            width: 100%;
            text-align: right;
            display: block !important;
        }

            .navbar .navbar-right:before {
                position: absolute;
                top: 0px;
                left: 0px;
                width: 100%;
                height: 100%;
                display: block;
                content: "";
                z-index: 0;
                opacity: .1;
            }

            .navbar .navbar-right > .nav-item {
                display: inline-block;
                vertical-align: middle;
                border-bottom: none;
            }

                .navbar .navbar-right > .nav-item > .nav-link {
                    background: transparent;
                }

        nav.navbar, .page-wrap, .page-title, .mainHeader .TabConWrap, .globalPadding, .navbar .navbar-right, .modal-xl {
            padding-left: 15px;
            padding-right: 15px;
        }

    .navbar-nav.nav-tabs {
        display: table;
        width: 100%;
        text-align: center;
        margin-top: 0px;
    }

        .navbar-nav.nav-tabs .nav-item {
            display: table-cell;
            vertical-align: middle;
            width: 15%;
        }

    .navbar-brand {
        z-index: 1;
        height: 50px;
    }

    footer .navbar-brand {
        height: 40px;
    }
    /* hotel Items Start */
    .ahotel-item > div, .main_box_pan .hot_hotel-item > div, .hotel-item > div {
        width: 100% !important;
        display: inline-block !important;
        padding: 10px 15px !important;
    }

        .ahotel-item > div.clear, .main_box_pan .hot_hotel-item > div.clear, .hotel-item > div.clear {
            padding: 0px !important;
            border: none !important;
            display: block !important;
        }

    .pkgSrch .ahotel-item .ahotel-right {
        padding: 0px !important
    }

    .ahotel-item > div.ahotel-image, .main_box_pan .hot_hotel-item > div.hot_hotel-image, .hotel-item .hotel-image {
        padding: 0px !important
    }

        .ahotel-item .ahotel-image:before, .main_box_pan .hot_hotel-image:before, .hotel-item .hotel-image:before {
            display: none;
        }

    .ahotel-item > div:last-of-type {
        border: none !important
    }

    .ahotel-item .ahotel-image, .main_box_pan .hot_hotel-image, .ahotel-right {
        min-width: 0px;
        width: 25%;
    }

    .ahotel-image div.img, .hot_hotel-image > a, .hot_hotel-image div.img, .hotel-item .hotel-image div.img {
        height: auto;
    }

    .ahotel-item .ahotel-image:before, .main_box_pan .hot_hotel-image:before {
        border-bottom: 115px solid transparent;
    }

    .b2bhtl-iconsmain1, .b2bhtl-iconslft1, .b2bhtl-iconsrht1, .b2bhtl-iconsrht1 ul {
        width: 100%;
        display: inline;
        float: none;
        clear: left;
    }

        .b2bhtl-iconsrht1 ul li {
            padding: 0px;
            padding-right: 5px;
        }

        .b2bhtl-iconsrht1 ul li, .b2bhtl-iconslft1 ul li {
            clear: none;
            float: none;
            display: inline-block;
            vertical-align: top;
            min-height: 26px;
            line-height: 26px;
        }

    .b2bhtl-iconslft1, .b2bhtl-iconsrht1 {
        padding: 2px 0px;
    }

    .ahotel-person span {
        font-size: 18px;
    }

    .uc-final-content .starTrip span.star, .uc-final-content .starTrip span.tripadvsr {
        min-height: 0px;
    }

    .uc-container .uc-kstm-wrap .uc-initial-content {
        width: 100% !important;
        padding: 0px !important;
        left: 0px;
    }

    .ahotel-person {
        display: inline-block;
        vertical-align: top;
        margin-bottom: 0px;
    }

        .ahotel-person span {
            margin: 2px 0px;
        }

    .ahotel-item {
        display: block;
    }

    .ahotel-right {
        position: relative;
        text-align: left;
    }

        .ahotel-right .ahotel-btns {
            position: absolute;
            top: 50%;
            right: 10px;
            transform: translate(0,-50%);
            -webkit-transform: translate(0,-50%);
            -moz-transform: translate(0,-50%);
            -ms-transform: translate(0,-50%);
            -o-transform: translate(0,-50%);
            white-space: nowrap;
        }

    .hotelItemWrap .hotel-item {
        display: block;
    }

    .htldetailmain .hotel_descrip_detail1a p b {
        border-bottom: 1px solid #e5e5e5 !important;
        background: transparent !important;
        color: var(--main-bg-color) !important;
        padding: 0px !important;
    }

    .trav {
        width: 100%;
        float: left;
        display: block;
        padding: 0px;
    }

    .tavelPrt3 {
        text-align: left;
    }

    .travmain, .trav1-one, .trav1-two, .trav1-three, .dis_table, .changeHotelTrav.travmain .trav1-one, .changeHotelTrav.travmain .trav1-two {
        width: 100%;
        text-align: left;
        border: none;
    }

    .changeHotelTrav.travmain .trav1-two {
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }

    .changeHotelTrav.travmain .trav1-one, .changeHotelTrav.travmain .trav1-two {
        width: 20%;
    }

    .changeHotelTrav.travmain .dis_tblInner .tavelPrt1 {
        width: 25%;
    }

    .changeHotelTrav.travmain .trav1-two {
        width: 40%;
    }

    .nocncldsn.travmain, .nocncldsn .trav1-one, .nocncldsn .trav1-two, .nocncldsn .trav1-three {
        display: flex;
    }

    .trav1-one, .trav1-two, .trav1-three {
        padding: 0px 10px;
        border-bottom: 0px solid #ddd;
    }

    .travmain.nocncldsn .trav1-three {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .trav .travmain {
        padding-right: 0px;
    }
    /* hotel Items End */
    .icons-booking li i {
        font-size: 18px;
    }

    .icons-booking li span {
        font-size: 11px;
    }

    .icons-booking li {
        padding: 5px;
    }

    .pkgOnwardsWrap .position-abs {
        position: relative;
        padding: 0px;
        text-align: center
    }

    .pkgOnwardsWrap .hotel-list {
        margin-bottom: 20px;
    }

    .ahotel-item > div.pkgOnwardsWrap {
        padding-bottom: 0px !important
    }

    .three-dots {
        right: 64px;
    }

    .ahotel-body .clickme.read-btn, .pkgSrch .clickme.read-btn {
        bottom: 0px;
    }

    .three-dots {
        bottom: -4px;
    }

    .pkgOnwardsWrap.ahotel-right {
        display: inline-block !important;
        vertical-align: top;
    }

    .acts-list li span {
        min-width: 0;
        max-width: none;
    }

    .acts-list li strong {
        top: auto;
        left: 0px;
        right: auto;
        bottom: 100%;
        margin-bottom: 10px;
    }

        .acts-list li strong:after {
            content: "";
            width: 0px;
            height: 0px;
            border-top: 7px solid;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            position: absolute;
            bottom: -7px;
            left: 12px;
        }

    .acts-list li:nth-of-type(1n) strong:after {
        border-top-color: #c75c5c;
    }

    .acts-list li:nth-of-type(2n) strong:after {
        border-top-color: #6dc783;
    }

    .acts-list li:nth-of-type(3n) strong:after {
        border-top-color: #ffd14b;
    }

    s
    .acts-list li:nth-of-type(4n) strong:after {
        border-top-color: #046bae;
    }

    .PkgTitleName {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .table-wrap-scroll {
        width: 100%;
        overflow: auto;
        margin-bottom: 15px;
    }

        .table-wrap-scroll table {
            margin-bottom: 0px;
            min-width: 600px;
        }


    .fitemthumb {
        padding-left: 5px;
        min-width: 90px;
        max-width: 90px;
        padding-right: 5px;
    }

    ul.fitemftstops li, .fitemftmain {
        font-size: 0px;
        display: none
    }

        ul.fitemftstops li:before {
            display: none;
        }

    ul.fitemftstops[totalstops]:before {
        content: attr(totalstops);
        line-height: 14px;
        font-weight: bold;
        position: absolute;
        top: -3px;
        left: 50%;
        background: #636363;
        z-index: 3;
        -webkit-transform: translate(-50%,0);
        -moz-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
        -o-transform: translate(-50%,0);
        transform: translate(-50%,0);
        width: 18px;
        height: 18px;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        -ms-border-radius: 12px;
        -o-border-radius: 12px;
        border-radius: 12px;
        border: 2px solid #636363;
        color: #fff;
    }

    .fitemthumbinner {
        top: 0px;
        left: 0px;
        transform: translate(0,0);
        position: relative;
        margin: 0px;
        float: none;
        width: 38px;
        height: 38px;
    }

    .airlinename {
        opacity: .75;
        font-size: 80%;
        line-height: 12px;
    }

    .fitempriceinner {
        width: auto !important;
        text-align: left;
        margin: 0px auto;
    }

    .fitemselect .donebox.selected {
        background: transparent !important;
        border: none !important;
        overflow: visible !important;
        font-weight: normal;
        opacity: 1
    }

        .fitemselect .donebox.selected:before {
            content: "\e080";
            font-size: 20px !important;
            color: #01d10b !important;
            font-family: 'simple-line-icons';
            position: absolute;
            left: 0px;
            top: 0px;
        }

    .fitemdfrom, .fitemdto, .fitemdurprice {
        align-items: start;
    }

        .fitemdfrom *, .fitemdto * {
            line-height: 19px;
        }

    .fitemduration {
        padding-bottom: 20px;
    }

        .fitemduration[timelayover]:before {
            content: attr(timelayover);
            position: absolute;
            left: 20px;
            bottom: -2px;
            opacity: .75
        }

        .fitemduration[timelayover]:after {
            content: "\e081";
            font-family: 'simple-line-icons';
            position: absolute;
            left: 3px;
            bottom: -2px;
            opacity: .75
        }

    .fitemdft {
        margin-top: -12px;
        padding-bottom: 12px;
    }

    .fitempriceinner span {
        font-size: 100%;
    }

    .break1023 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

        .break1023 .availability-calendar {
            min-width: 0px;
        }

    .availmodal .cal1 .availability-calendar-toolbar span {
        width: 100%;
    }

    .availability-calendar td {
        height: 50px;
    }

    .cal2 {
        display: none;
    }

    .ahotel-btns .donebox {
        min-width: 0px;
        margin-bottom: 0px;
    }

    .can-policy span {
        position: relative;
        top: auto;
        left: 0px;
        width: 100%;
    }

    .slider-wraper .slider-images {
        white-space: normal;
    }

        .slider-wraper .slider-images li {
            width: 33%;
            margin-right: 0px;
            display: block;
            float: left;
        }

    .nav-item.dropdown + .nav-item a {
        padding-left: 3px !important;
        padding-right: 3px !important;
    }

    .scroll-btn {
        display: none !important;
    }

    .toolerr-toggle {
        display: none;
    }
    /* Multiple Room Type */
    .modalbodyleft {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        max-width: 70%;
    }

    .modalbodyright {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
    }

    .modalbodyleft > .tab-content {
        height: 100%;
        padding-top: 34px;
    }

    .modalbodyleft > .nav-tabs-float {
        position: absolute;
        top: 0px;
        width: 100%;
        left: 0px;
        white-space: nowrap;
        overflow-X: auto;
        flex-direction: row;
        -webkit-box-orient: horizontal;
    }

    .nav-tabs-float > .nav-tabs > li {
        float: none;
        display: table-cell;
        vertical-align: middle;
    }

    .nav-tabs-float .tab-pane {
        height: 100%;
    }

    .mbrbtnwrap > .mybtn {
        width: 100%;
        margin-bottom: 5px;
    }

    .mbrbtnwrap {
        margin-top: 20px;
    }

    .nav-tabs-float > .nav-tabs {
        display: table;
        width: 100%;
    }

        .nav-tabs-float > .nav-tabs > li a {
            padding: 5px;
            width: 100%;
            text-align: center;
        }

        .nav-tabs-float > .nav-tabs > li:first-child a {
            border-radius: 10px 0px 0px 0px;
        }

        .nav-tabs-float > .nav-tabs > li a {
            padding: 5px 10px;
            display: inline-block;
            vertical-align: middle;
            position: relative;
            background: #f2f2f2;
            border-right: 1px solid #dee2e6;
            white-space: nowrap;
        }

        .nav-tabs-float > .nav-tabs > li:last-child a {
            border-right: none;
        }

        .nav-tabs-float > .nav-tabs > li a.active {
            background: #fff;
            font-weight: bold;
        }

            .nav-tabs-float > .nav-tabs > li a.active:before {
                content: "";
                position: absolute;
                bottom: -2px;
                width: 100%;
                height: 3px;
                background: #fff;
                left: 0px;
            }

    .mbrroominner > b {
        display: none;
    }

    .nav-tabs-float {
        width: 100%;
        overflow-X: auto;
        height: 34px;
    }

    .mltplmodal {
        padding: 20px !important
    }

    .mbrcolbody {
        overflow: auto !important;
    }

    .modalbodyleft .tab-pane {
        height: 100%;
        padding-top: 50px;
    }

    .modalbodyright {
        overflow: auto;
        display: block;
    }

    .mbrcolhdr {
        top: 10px;
    }

    .mbrfilters {
        overflow: auto;
    }

    .mbrfilterbody.active {
        top: 50px;
    }

    .uc-kstm-wrap {
        min-height: 0px
    }

    .ahotel-image img, .hot_hotel-image img, .hotel-item .hotel-image img {
        position: relative;
        height: auto;
        width: 100%;
        top: auto;
        left: auto;
        transform: translate(0,0);
    }

    .designimage {
        background-image: url(../images/imgdesign4mob.png);
    }

    .trav .travmain.nocncldsn {
        border-bottom: 1px solid #ebebeb;
    }

    .trav .travmain {
        margin-bottom: 0px;
        -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,.15), 0px 3px 6px rgba(0,0,0,.23);
        -moz-box-shadow: 0px 3px 6px rgba(0,0,0,.15), 0px 3px 6px rgba(0,0,0,.23);
        box-shadow: 0px 3px 6px rgba(0,0,0,.15), 0px 3px 6px rgba(0,0,0,.23);
    }

    .trav1-two {
        border-left: 0px solid #ebebeb;
    }

    .ahotel-image img, .hot_hotel-image img, .hotel-item .hotel-image img {
        max-width: none;
    }

    .travmain.nocncldsn .trav1-three {
        border-top: 0px solid #ebebeb;
    }

    .designimage {
        background-size: 120% !important;
        background-repeat: no-repeat !important;
        background-position: bottom !important;
        height: 101%;
    }

    .hot_hotel-item {
        padding-left: 0px !important
    }

        .hot_hotel-item .hot_hotel-image {
            position: relative;
            left: 0px;
            top: 0px;
            height: auto;
        }

    .TabConWrap.hidefixed.fixed {
        top: 95px !important
    }

    .ahotel-item .ahotel-image .img, .main_box_pan .hot_hotel-image .img, .hotel-item .hotel-image .img {
        max-height: 300px;
    }

    .main_box_pan .hot_hotel-image .img {
        min-height: 300px
    }
}

@media(min-width: 1024px) {
    .toolerr-toggle {
        display: none !important
    }

    .typhd500 .input-group span.twitter-typeahead .tt-dropdown-menu {
        min-width: 500px;
    }
}

@media(max-width: 992px) {
    .CSTMpisec .col-sm-4.chartcol, .CSTMpisec .col-sm-12.chartcol {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .qucusec .col-sm-4.chartcol:last-of-type {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .qucusec .col-sm-4.chartcol .chartcolinner {
        height: 200px;
    }

    .qucusec .col-sm-4.chartcol:last-of-type .chartcolinner {
        height: auto;
    }

    .sort-list > li:first-of-type {
        display: none;
    }

    .mainHeader .TabConWrap.posRel {
        padding-top: 0;
        padding-bottom: 0;
    }

    .fitemthumb {
        margin-top: 20px;
    }

    .textWithPencil span {
        display: none;
    }
    .checkoutservicepopup .modal-footer .card-edit-sec .textWithPencil span {
    display:block!important;
    }

    .main_box_pan_new .trav .travmain .tavelPrt8 {
        min-width: 343px !important;
    }

    .main_box_pan_new .trav1-three {
        text-align: right;
        display: grid;
        grid-template-columns: 1fr 1fr 25px;
    }
}

@media only screen and (min-width: 993px) and (max-width:1500px) {
    .avail_pric span {
        border-bottom: none;
        color: transparent;
        border-radius: 0px;
        margin: 0 auto;
        font-weight: bolder !important;
        display: block;
    }

    .crmcstm33 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .crmcstm66 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
}

@media only screen and (min-width: 768px) and (max-width:1200px) {

    .blankdiv {
        display: none;
    }

    .login-fluid .vrsnwrap .text-left {
        width: 100%;
        padding-top: 13px;
        padding-bottom: 5px;
        text-align: center !important;
    }

    .login-fluid .vrsnwrap .text-right {
        width: 100%;
        text-align: center !important;
    }
    /* Package page Ahotel Right break start */
    .pkgSrch .ahotel-item {
        display: block;
    }

        .pkgSrch .ahotel-item .ahotel-right, .ahotel-item .trav {
            width: 100%;
            display: block !important;
            padding: 0px !important
        }

        .pkgSrch .ahotel-item .ahotel-body, .ahotel-item .ahotel-body, .main_box_pan .hot_hotel-body, .kstm-item .ahotel-body {
            width: 75%;
            display: block !important;
            float: left;
        }

        .pkgSrch .ahotel-item .ahotel-image, .ahotel-item .ahotel-image, .main_box_pan .hot_hotel-image, .kstm-item .ahotel-image {
            width: 25%;
            display: block !important;
            float: left;
            min-width: 0px;
        }

    .pkgSrch .travWrap .trav:first-of-type {
        border-top: 1px solid #ebebeb;
    }

    .main_box_pan .hot_hotel-body {
        width: 100%;
        display: block !important;
        float: left;
    }

    .hot_hotel-item {
        padding-left: 25%;
    }
    /* Package page Ahotel Right break end */
    .pkgSrch .trav1-two, .pkgSrch .trav1-one:hover + .trav1-two {
        display: none !important
    }
    /* Hotel Result Page Break */
    .dtofexpry .input-group, .kbtnwrap .btn-default, .DOEWrap .input-group {
        width: auto !important
    }
}

@media (max-width: 767px) {
    .clssrvdesc p small {
      font-size: 12px;
     }
    .htlpagewrapper.mapviewpage .availability-compact-view button.gm-control-active.gm-fullscreen-control {
        height: 30px !important;
        width: 30px !important;
        margin: 18px !important;
    }
    .modalbodyleft.mbrldesk .tab-pane {
        min-width: 100%;
    }
    .edit-search-form-mobtab{
        position:relative;
        border-bottom: 1px solid #e7e7e7;
    }
    .edit-search-form-mobtab .tab-content .kSearchBtn {
            margin: 0 auto;
            display: block;
            width: 220px !important;
            line-height: 15px !important;
            height: 44px !important;
            float: none !important;
            font-size: 18px !important;
    }
    .advancedSearchFormgroup .checkbox.switcher {
        margin-bottom:30px;
    }
    .mainHeader .form-group.col-md-1.typeheadbrdr.nopadtab.ddllist {
        padding-right: 5px;
        padding-left: 5px;
    }
    .mainHeader .edit-search-form-mobtab .tab-content {
        padding-bottom: 0px !important;
    }
    .mobfnowrap {
        white-space: nowrap !important;
    }
    .fareboxx {
        border-top: 1px solid #ddd;
    }
    .flightwrap.intlntsnlitem .fitemdtl{
        padding:0px !important;
    }
    .blankdiv {
        display: none;
    }

    .login-fluid .vrsnwrap .text-left {
        width: 100%;
        padding-top: 13px;
        padding-bottom: 5px;
        text-align: center !important;
    }

    .login-fluid .vrsnwrap .text-right {
        width: 100%;
        text-align: center !important;
    }

    .irs-slider {
        width: 18px;
    }

    h1.h1kyrd {
        font-size: 11px !important
    }

    .hdtl-hdrtxtRgt span label {
        display: block;
    }

    footer .page-wrap {
        padding-top: 0px;
    }

    #ulAminities li span i {
        font-size: 20px;
        width: 30px;
        left: -30px;
    }

    .booking-item-raiting-list > li > div.booking-item-raiting-list-title, .booking-item-raiting-summary-list > li > div.booking-item-raiting-list-title {
        width: 30%;
    }

    .booking-item-raiting-list > li > div.booking-item-raiting-list-bar, .booking-item-raiting-summary-list > li > div.booking-item-raiting-list-bar {
        width: 50%;
    }

    .booking-item-raiting-list > li > div.booking-item-raiting-list-number, .booking-item-raiting-summary-list > li > div.booking-item-raiting-list-number {
        width: 18%;
        text-align: right;
    }

    #ulAminities li {
        padding-left: 30px;
    }

    .tab-content.htldet_tab > .google-map-tab.active, .tab-content.htldet_tab .active .weatherList {
        padding-left: 15px;
    }

    .tab-content.htldet_tab #ltrPolicies {
        padding-left: 10px;
    }

    .acts-list li img {
        left: 0px;
    }

    .dtofexpry .input-group {
        width: 100%;
    }

    .mainPax .col-xs-6 {
        width: 50%;
    }

    .slidesjs-navigation {
        display: none;
    }

    footer.footer:before {
        background-size: auto 100%;
    }
    /*.PaxFields,.PaxRow {padding-top:10px;border-top:1px dashed #ddd;}*/
    .PaxRow:first-of-type {
        padding-top: 0px;
        border-top: none;
    }

    .input-group span.twitter-typeahead .tt-dropdown-menu {
        min-width: 100px;
    }

    .edit-heading {
        margin: 10px 0px 10px;
    }

    #divTemp {
        justify-content: center;
        margin: 0px;
        display: none
    }

    .vrsnwrap.inline, .vrsnwrap.inline * {
        text-align: center;
    }

        .vrsnwrap.inline * {
            margin: 3px 4px;
        }

    .page-title:after, .TabConWrap.fixed:after, .TabConWrap.posRel:after {
        display: none;
    }

    .multiclrrow {
        margin: 0px;
    }

        .multiclrrow:before {
            display: none;
        }

        .multiclrrow > [class*="col-"] {
            margin-bottom: 10px;
            position: relative;
        }

            .multiclrrow > [class*="col-"]:before {
                position: absolute;
                top: 0px;
                left: 0px;
                width: 100%;
                height: 100%;
                content: "";
                opacity: .4;
                z-index: 0;
                display: block;
            }

            .multiclrrow > [class*="col-"]:nth-of-type(11n+1):before {
                background-color: #ff9500;
            }

            .multiclrrow > [class*="col-"]:nth-of-type(11n+2):before {
                background-color: #007aff;
            }

            .multiclrrow > [class*="col-"]:nth-of-type(11n+3):before {
                background-color: #4cd964;
            }

            .multiclrrow > [class*="col-"]:nth-of-type(11n+4):before {
                background-color: #b45516;
            }

            .multiclrrow > [class*="col-"]:nth-of-type(11n+5):before {
                background-color: #ff3b30;
            }

            .multiclrrow > [class*="col-"]:nth-of-type(11n+6):before {
                background-color: #8d8e8f;
            }

            .multiclrrow > [class*="col-"]:nth-of-type(11n+7):before {
                background-color: #5856d6;
            }

            .multiclrrow > [class*="col-"]:nth-of-type(11n+8):before {
                background-color: #ff2c55;
            }

            .multiclrrow > [class*="col-"]:nth-of-type(11n+9):before {
                background-color: #663B00;
            }

            .multiclrrow > [class*="col-"]:nth-of-type(11n+10):before {
                background-color: #32aadc;
            }

            .multiclrrow > [class*="col-"]:nth-of-type(11n+11):before {
                background-color: #9514a4;
            }

    .main_box_pan:hover .b2bctrbx1 .lnkPreventDefaultClass *, .main_box_pan:focus .b2bctrbx1 .lnkPreventDefaultClass *, .main_box_pan .b2bctrbx1 .lnkPreventDefaultClass * {
        padding: 0px !important;
        border: none !important;
        border-radius: 0px;
    }

        .main_box_pan:hover .b2bctrbx1 .lnkPreventDefaultClass *:after, .main_box_pan:focus .b2bctrbx1 .lnkPreventDefaultClass *:after {
            display: none;
        }

    .tab_detail.nav-tabs, .contentBoxDITClick, .tab_detail.nav-tabs > li, .tab_detail.nav-tabs > li > a, .contentBoxDInner .background {
        border-radius: 0px !important;
    }

    .cats-title .btnApply {
        display: none;
    }

    body .CRMlinechart .chartjs-render-monitor {
        max-height: 92% !important
    }

    .CSTMorcircles .col-xl-6 {
        width: 50%;
    }

    .pad15 {
        padding: 10px 15px;
    }

    .three-dots {
        right: 75px;
    }

    .ahotel-body .clickme.read-btn, .pkgSrch .clickme.read-btn {
        bottom: -5px;
    }

    .three-dots {
        bottom: 4px;
    }

    .TabConWrap.fixed .form-row > .form-group > label {
        display: block;
    }

    .ProfileImg .ddBoxWrap {
        width: 300px;
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        -ms-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left;
    }

    .CSTMtableWrap {
        overflow: auto;
    }

    .CSTMpisec .chartcolinner {
        height: auto;
    }

    .CSTMorating .chartcolinner {
        height: auto;
    }

    .tab-content [class*="col-sm-"] {
        flex: 0 0 100%;
        max-width: 100%;
    }

 /*   .tab-close.hideme {
        display: block;
    }*/

    .PkgTitleName {
        padding: 0px;
        width: 100%;
        display: block;
    }

    .ech-dtl-wrap {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .owl-carousel.ech-slider {
        border-top-right-radius: 10px;
        border-bottom-left-radius: 0px;
    }

    .ech-slider-wrap {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .navbar .navbar-right > .nav-item.ProfileImg {
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .nav > li > a i {
        font-size: 14px;
    }

    .mic-wrap.mic-show .mic-result .mic-chat {
        flex: 1;
        display: flex;
        flex-direction: column;
    }

    @-webkit-keyframes smoothanim {
        from {
            width: 16px;
            height: 16px;
        }

        to {
            width: 30px;
            height: 30px;
        }
    }

    @-moz-keyframes smoothanim {
        from {
            width: 16px;
            height: 16px;
        }

        to {
            width: 30px;
            height: 30px;
        }
    }

    @-ms-keyframes smoothanim {
        from {
            width: 16px;
            height: 16px;
        }

        to {
            width: 30px;
            height: 30px;
        }
    }

    @keyframes smoothanim {
        from {
            width: 16px;
            height: 16px;
        }

        to {
            width: 30px;
            height: 30px;
        }
    }

    .mic-btn {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 16px;
    }

    .mic-btn-wrap {
        padding-left: 0px;
        z-index: 5;
    }

    .input-group-text {
        min-width: 32px;
        text-align: center !important;
        padding: 0;
        display: block;
    }

    .avtar-btn {
        top: 5px;
        width: 25px;
        height: 25px;
    }

        .avtar-btn label:before {
            line-height: 22px;
        }

    .mic-text-wrap {
        margin: 15px 0px 0px 0px;
        height: 34px;
        line-height: 34px;
        padding: 0px 15px;
    }

    .mic-chat {
        padding: 15px;
        height: 34vh;
        border-radius: 10px;
    }

    .mic-result b, .mic-result p {
        margin-bottom: 10px;
        padding: 7px 10px;
        width: 90%;
        line-height: 20px;
    }

    .mic-wrap.mic-show .mic-result {
        border-radius: 15px;
        top: 15px;
        bottom: 15px;
        left: 15px;
        display: flex;
        flex-direction: column;
    }

    .mic-keywords span {
        padding: 4px 10px;
        margin-right: 6px;
        margin-bottom: 7px;
    }

    .mic-error-msg {
        top: 105px;
    }

    .mic-btn-wrap, .toolerr-toggle {
        top: 100px;
    }

    h1 {
        font-size: 24px !important;
    }

    h2, .h2, h2, .PkgNewPrice {
        font-size: 20px !important;
    }

    h3 {
        font-size: 18px !important;
    }

    h4, .htldetailmain h4, .alblerombx h4, .ahotel-person span {
        font-size: 16px !important;
    }

    h5, .classic_title_head span, .b2bctrbx1 h6, .CBTIName *, .ahotel-item .ahotel-body h3, .uc-final-content .uc-para-wrap h4, .contentBoxDInner h3 {
        font-size: 14px !important;
    }

    h6, .cats-title, .trav1-one, .pcgRow .pcgRowTtl h3, .donebox.newBtn, .pcgRow h3, .PkgTabMenu .nav-tabs li a, .tavelPrt5 .NewPrice span {
        font-size: 13px !important;
    }
    /*h1.h1kyrd,legend,p,.htldetailmain p,.sec_guestbx1  span,.about-bxx p,body,.footer-widget h4,.b2bctrbx1 span,.b2bview-more a,.jumbotron p,.ahotel-item .ahotel-body p,.form-control, output,li#INR, li#EUR, li#USD, li#AED,.dropdown-menu,.tavelPrt5,blockquote,.PkgOviewCity,.input-group-text,.ddMenuInner a{font-size:10px!important;}*/
    .mic-keywords span {
        font-size: 10px !important;
        padding: 0px 10px !important;
        margin: 0px 0px 5px 0px !important;
    }

    .donebox, .btn, .donebox * {
        font-size: 10px !important;
    }

    #back-to-top {
        display: none;
    }

    .stngs-inner .tab-pane textarea {
        min-height: 200px;
    }

    .switcher-box ul li.clrPckr {
        z-index: 4;
    }

    .clrPckr .colpick {
        right: 0px !important;
        left: auto !important;
        transform: scale(.9);
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9);
        -ms-transform: scale(.9);
        -o-transform: scale(.9);
        margin-top: -10px;
        margin-right: -16px;
    }

    .uc-final-content .img {
        width: 36px;
        height: 36px;
    }

    .uc-final-content .hdg {
        min-height: 36px;
    }

    .noHeaderModal .modal-content, .noHeaderModal .modal-body {
        height: 100% !important;
    }

    .mcMap {
        height: 200px;
    }

    .TableBig {
        min-width: 700px;
    }

    .tdsstable {
        min-width: 450px;
    }

    .TableBigWrap {
        width: 100%;
        overflow: auto;
    }

    .htl-rstbx #map {
        height: 150px;
    }

    .pp-map, .pp-map .pp-map-inner, .pp-map .pp-map-inner .mcMap, .pp-map .pp-map-inner > div {
        width: 100%;
        display: block;
        min-height: 200px;
    }

    .pp-info {
        width: 100%;
        display: block;
    }

    .mob_float_right {
        float: right;
    }

    .back-to-top {
        display: none !important
    }

    #main-slide .carousel-indicators {
        bottom: 0;
        margin-bottom: 0;
    }

    #main-slide .carousel-control i {
        padding: 8px;
    }

    .rooms__item {
        margin-top: -20px;
    }

        .rooms__item .rooms__desc .rooms_desc__services {
            margin-bottom: 0;
        }

        .rooms__item .rooms__desc .btn-rooms {
            margin: 15px 0;
        }

        .rooms__item .rooms__desc .rooms_desc__header .rooms_desc__price > span {
            font-size: 20px;
        }

        .rooms__item .rooms__desc {
            padding: 15px;
            margin: 0 5px;
            -webkit-transform: translate(0, -40px);
            transform: translate(0, -40px);
        }

            .rooms__item .rooms__desc .rooms_desc__header .rooms_desc__title {
                font-size: 20px;
            }

    .droupmainbx {
        width: 100%;
        left: 50%;
        min-width: 350px;
    }

    #main {
        width: auto !important;
        padding: 15px;
    }

    .content {
        width: auto;
        height: auto;
        display: inline-block;
        vertical-align: top;
    }

    .h2, h2 {
        font-size: 20px;
    }

    ul.footer-nav {
        float: none;
        text-align: center;
    }

        ul.footer-nav li {
            float: none;
            display: inline-block;
            vertical-align: middle;
            margin: 3px;
        }

            ul.footer-nav li a {
                margin: 0px;
            }

    .footer-widgets {
        margin-top: 10px !important
    }

    .flickr-list li {
        padding-bottom: 3px;
        margin-bottom: 3px;
        border-bottom: 1px solid rgba(255,255,255,.15);
    }

        .flickr-list li:last-child {
            padding-bottom: 0px;
            margin-bottom: 0px;
            border-bottom: none;
        }

    footer .navbar-brand {
        margin-left: 0px;
        display: none;
    }

    .footer-widget h5 {
        margin-bottom: 0px;
    }

    .toolerr-wrap {
        -webkit-transition: all linear .3s;
        -moz-transition: all linear .3s;
        -ms-transition: all linear .3s;
        -o-transition: all linear .3s;
        transition: all linear .3s;
        right: -100%;
        left: auto;
        height: 100%;
        top: 0px;
        padding-top: 45px;
        position: fixed !important;
        z-index: 100 !important;
        top: 0px;
        width: 100%;
        background: rgba(0,0,0,.45) !important;
        overflow: auto;
    }

        .toolerr-wrap.showToolerr {
            background: rgba(0,0,0,.45) !important;
        }

    .toolerr-toggle {
        position: fixed;
        left: auto;
        background: #fff;
        width: 40px;
        height: 30px;
        text-align: center;
        top: 150px;
        border-radius: 20px 0px 0px 20px;
        line-height: 29px;
        font-size: 16px;
        opacity: 1;
        right: 0px;
        z-index: -1;
    }

    .toolerr-wrap .toolerr {
        margin: 0px;
        position: absolute;
        top: 60px;
        left: 15px;
        right: 15px;
        bottom: auto;
        height: auto;
        width: auto;
    }

    .toolerr-close {
        position: absolute;
        right: 5px;
        top: 43px;
        font-size: 24px;
        color: #fff;
        z-index: 1;
        display: none;
    }

        .toolerr-close .fa {
            -webkit-text-shadow: 0px 0px 5px #000;
            -moz-text-shadow: 0px 0px 5px #000;
            -ms-text-shadow: 0px 0px 5px #000;
            -o-text-shadow: 0px 0px 5px #000;
            text-shadow: 0px 0px 5px #000;
        }

    .toolerr-wrap.showToolerr {
        right: 0%;
    }

    .toolerr-wrap .toolerr-close {
        display: block;
    }

    .vres-prog-div {
        position: absolute;
        top: 50%;
        left: 50%;
        margin: 0px;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        min-width: 90%;
        max-width: 90%;
    }

    .search_history th {
        width: 50%;
    }

    .cke_wrapper {
        width: 100%;
        overflow: auto;
    }

    .nav-tabs > li, .contentBoxDITClick ul li {
        width: 100%;
        border-radius: 0px;
        border: none;
        border-bottom: 1px solid #ddd;
    }

    .contentBoxDITClick ul.nav.nav-tabs li {
        width: 100% !important;
    }

    .fitemdtl .contentBoxDITClick ul.nav.nav-tabs li {
        width: auto !important;
    }

    .contentBoxDITClick ul li a, .contentBoxDITClick ul li a:hover, .contentBoxDITClick ul li a:focus, .contentBoxDITClick ul.nav-tabs, .contentBoxDITClick ul.nav-tabs li {
        border-radius: 0px !important
    }

    .contentBoxDITClick ul.nav.nav-tabs li a {
        border-radius: 0px !important;
        padding: 5px 15px !important
    }

    .fitemdtl .contentBoxDITClick ul.nav.nav-tabs li a {
        padding: 7px 10px !important
    }

    .fitemdtl .contentBoxDITClick .nav > li > a {
        border: 0px solid transparent !important;
    }

    .nav-tabs > li:last-child {
        border-bottom: none;
    }

    .nav-tabs > li.active {
        background: rgba(0, 0, 0, 0.15);
    }

    .nav-tabs > li > a {
        display: block;
        border-radius: 0px;
        padding: 3px 7px;
        background: transparent;
        border: none;
        color: #333;
        margin: 0px;
    }

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
        border: none;
        background: transparent;
    }

    .droupmainbxc {
        top: 40px;
        border: 1px solid #ddd;
        padding: 5px;
        background: #f6f6f6;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
        width: 100%;
        margin-left: 0px;
    }

        .droupmainbxc:before {
            border-left: 6px solid rgba(0, 0, 0, 0) !important;
            border-right: 6px solid rgba(0, 0, 0, 0) !important;
            border-bottom: 6px solid #ddd;
            top: -6px;
        }

        .droupmainbxc .input-group {
            margin-bottom: 5px;
        }

            .droupmainbxc .input-group:last-of-type {
                margin-bottom: 0px;
            }

    #panel-cart {
        top: 39px;
        height: calc(100vh - 40px);
    }
    .mainHeader.cartpopshow {
        z-index: 999 !important;
    }
    #panel-cart .panel-cart-container {
        bottom: 0px !important;
    }

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
        background: var(--main-bg-color) !important;
        color: #fff !important
    }

    .PkgTabMenu .nav-tabs > li.active > a, .PkgTabMenu .nav-tabs > li.active > a:focus, .PkgTabMenu .nav-tabs > li.active > a:hover {
        color: var(--main-bg-color) !important;
        background: #fff !important
    }

    .navbar.fixed-top .nav > li > a:hover:before, .navbar.fixed-top .nav > li.navactive.active > a:hover:before, .navbar .nav > li.navactive.active > a:before, .nav-tabs li a:hover:before, .nav-tabs li.active a:before, ul.footer-nav li a:hover:before, .flickr-list li a:hover:before, .navbar .nav > li > a:before, .navbar .nav > li.navactive.active > a:before, .nav-tabs li a:before, .flickr-list li a:before, ul.footer-nav li a:before {
        display: none !important;
    }

    .inlineBlockWrapRow > div {
        width: 50%;
    }

    .hamburger {
        margin-right: 15px;
    }

    .bkdetailsTable .donebox {
        width: 49%;
        margin: 0px;
        margin-bottom: 10px;
        float: left;
    }

        .bkdetailsTable .donebox:nth-of-type(odd) {
            margin-right: 1%
        }

        .bkdetailsTable .donebox:nth-of-type(even) {
            margin-left: 1%
        }

    .bkdetailsTable .pull-right {
        width: 100%;
    }

    .room_drag > span.text_pax_checkout {
        padding: 0px 3px;
        font-size: 10px;
        line-height: 26px;
    }

    .fltrWrapInner {
        opacity: 0;
        position: fixed;
        top: 100%;
        left: 0px;
        right: 0px;
        padding: 0px 0px 44px 0px;
        transition: all .3s linear;
        -webkit-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -ms-transition: all .3s linear;
        -o-transition: all .3s linear;
        z-index: 101;
        background: #fff;
        bottom: 0px;
        overflow: auto;
    }

        .fltrWrapInner.fltrShow {
            opacity: 1;
            top: 84px;
        }

    .global-wrap .fltrWrapInner.fltrShow {
        top: -2px;
    }

    .fltrToggle {
        position: fixed;
        bottom: 0px;
        left: 0px;
        right: 0px;
        top: auto;
        text-align: center;
        padding: 7px;
        display: block;
        background: rgba(0,0,0,.8);
        color: #fff;
        z-index: 102;
        cursor: pointer;
    }

        .fltrToggle i {
            margin-right: 5px;
        }

    .fltrList li {
        display: table-cell;
        vertical-align: middle;
        white-space: nowrap;
        border-bottom: 2px solid #ddd;
        padding: 5px 2px;
        font-size: 11px;
        text-align: center;
    }

        .fltrList li.current {
            border-bottom: 2px solid #333;
        }

    .fltrList {
        overflow: auto;
        background: #f3f9fd;
        display: table;
        border-top: 1px solid #ddd;
        width: 100%;
    }

   .fltrcon.current {
        display: block !important;
        box-shadow: none;
        border-bottom: 1px solid #f2f2f2;
        margin-bottom: 0px;
    }
        .fltrcon {
            display: block;
            box-shadow: none;
            border-bottom: 1px solid #f2f2f2;
            margin-bottom: 0px;
        }
    .fltrClose {
        position: absolute;
        left: 50%;
        top: 6px;
        font-size: 20px;
        color: #fff;
        z-index: 1;
        display: inline-block;
        margin-left: -10px;
    }

    .cats-title {
        padding-bottom: 0px;
        border-bottom: none;
    }

    .fltrcon:first-of-type .cats-title, .fltrClose * {
        padding-bottom: 10px;
        color: #aaa !important
    }

    .fltrcon .filt_btn * {
        color: #aaa !important
    }

    .fltrcon:first-of-type {
        background: #f8f8f8;
    }

    .fltrcon:last-of-type {
        border-bottom: none;
    }

    .filt_btn {
        padding: 0px;
        top: 5px;
        transform: translate(0);
    }

    .fltrList {
        display: none;
    }

    .fltrClose {
        right: 13px;
        left: auto;
        top: 8px
    }
    /* Package page Ahotel Right break start */
    .pkgSrch .ahotel-item {
        display: block;
    }

        .pkgSrch .ahotel-item .ahotel-right {
            width: 100%;
            display: block !important;
            padding: 0px !important;
            z-index: 2;
            background: transparent;
            overflow: hidden;
        }

        .pkgSrch .ahotel-item .ahotel-body {
            width: 70%;
            display: block !important;
            float: left;
            z-index: 3;
        }

        .pkgSrch .ahotel-item .ahotel-image {
            width: 30%;
            display: block !important;
            float: left;
            min-width: 0px;
            z-index: 3;
        }

    .pkgSrch .travWrap .trav:first-of-type {
        border-top: 1px solid #ebebeb;
    }
    /* Package page Ahotel Right break end */
    .pkgSrch .trav1-two, .pkgSrch .trav1-one:hover + .trav1-two {
        display: none !important
    }

    .PkgBulletsList > *.contentBox:last-of-type {
        margin-bottom: 20px;
    }

    .weather .WCItyTemp {
        left: 10px;
        font-size: 30px;
    }

        .weather .WCItyTemp i {
            font-size: 40px;
        }

    .weather .WCityForecast span {
        font-size: 10px;
    }

    .weather .WCityForecast {
        height: 50px;
        width: 33.33%;
    }

        .weather .WCityForecast span {
            line-height: 20px;
        }

        .weather .WCityForecast i {
            padding-top: 0px;
        }

        .weather .WCityForecast:nth-of-type(3) {
            border-right: none;
        }

        .weather .WCityForecast:nth-of-type(4), .weather .WCityForecast:nth-of-type(5), .weather .WCityForecast:nth-of-type(6), .weather .WCityForecast:nth-of-type(7), .weather .WCityForecast:nth-of-type(8), .weather .WCityForecast:nth-of-type(9), .weather .WCityForecast:nth-of-type(10) {
            margin-top: 0px;
            width: 25%;
        }

    .FlightNav .nav-item {
        padding-right: 10px;
    }

    .FlightNav .ddBox.ddBox-left .ddBoxWrap {
        left: 50%;
        -webkit-transform: translate(-50%,0);
        -moz-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
        -o-transform: translate(-50%,0);
        transform: translate(-50%,0);
    }

    .navbar-brand {
        width: 100px;
    }

    .mic-close {
        width: 30px;
        height: 30px;
        top: -10px;
        right: -10px;
    }

        .mic-close i {
            line-height: 30px;
        }

    .Toggle-menu {
        height: 40px;
        width: 36px;
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
    }

        .Toggle-menu .Toggle-line span {
            left: 0px;
        }

        .Toggle-menu .Toggle-cross span:nth-child(1) {
            top: 0px;
            left: 19px;
        }

        .Toggle-menu .Toggle-cross span:nth-child(2) {
            top: 19px;
            left: 0px;
        }

        .Toggle-menu.open .Toggle-cross span:nth-child(1) {
            height: 100%;
        }

        .Toggle-menu.open .Toggle-cross span:nth-child(2) {
            width: 100%;
        }

        .Toggle-menu .Toggle-line {
            margin-top: -6px;
        }

    .navbar .navbar-right > .nav-item > .nav-link {
        padding-right: 1px !important;
        padding-left: 1px !important
    }

    .navbar .navbar-right > .nav-item.ProfileImg > .nav-link {
        padding-right: 0px !important;
        padding-left: 0px !important
    }

    .ProfileImg .nav-link {
        width: 25px;
        height: 25px;
    }

    .mainHeader.landing .TabConWrap {
        top: 3px;
    }

    .navbar .navbar-right > .nav-item.NavToggler {
        margin-right: -10px;
    }

    .navbar-brand {
        z-index: 1;
        height: 39px;
    }

    header.masthead {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .feature-pkg > .row {
        margin-left: -5px;
        margin-right: -5px;
    }

        .feature-pkg > .row > [class*="col-"] {
            padding-right: 5px;
            padding-left: 5px;
        }

    .ftrpkgcol {
        margin-bottom: 10px;
    }

    .feature-pkg > .row > [class*="col-"]:last-of-type .ftrpkgcol {
        margin-bottom: 1rem;
    }

    a.donebox, .donebox {
        line-height: 1;
        padding: 7px 15px;
    }

    .ftrpkgfav {
        bottom: -.9rem;
        line-height: 1.2rem;
    }

    .feature-ttl {
        margin-bottom: 1rem;
    }

    .landing-page.page-wrap {
        padding-top: 1rem;
    }

    ul.social-network li {
        margin: 3px 4px;
    }

        ul.social-network li:first-of-type {
            margin-left: 0px;
        }

    .social-circle li a {
        width: 30px;
        height: 30px;
    }

    .social-circle li i {
        line-height: 30px;
    }

    .navbar-nav.nav-tabs .nav-item.bkngLi {
        display: none;
    }

    .mob-booking {
        z-index: 1400;
        display: block;
        position: fixed;
        top: 250px;
        left: 29px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: translate(-50%,0);
        transform: rotate(90deg);
        padding: 4px 40px 4px 17px;
        -webkit-border-radius: 10px 10px 0px 0px;
        -moz-border-radius: 10px 10px 0px 0px;
        -ms-border-radius: 10px 10px 0px 0px;
        -o-border-radius: 10px 10px 0px 0px;
        border-radius: 10px 10px 0px 0px;
        background: #fff;
        -webkit-box-shadow: 0 0px 6px rgba(0,0,0,0.16), 0 0px 6px rgba(0,0,0,0.23);
        -moz-box-shadow: 0 0px 6px rgba(0,0,0,0.16), 0 0px 6px rgba(0,0,0,0.23);
        -ms-box-shadow: 0 0px 6px rgba(0,0,0,0.16), 0 0px 6px rgba(0,0,0,0.23);
        -o-box-shadow: 0 0px 6px rgba(0,0,0,0.16), 0 0px 6px rgba(0,0,0,0.23);
        box-shadow: 0 0px 6px rgba(0,0,0,0.16), 0 0px 6px rgba(0,0,0,0.23);
        background: #fff;
        transform-origin: top left;
    }

        .mob-booking .navBookClose {
            right: 10px !important;
        }

    .navBookClose {
        top: 6px !important
    }

    .TabConWrap label {
        margin-bottom: 0px;
        margin-top: 0px;
    }

    .TabConWrap.posRel .tab-content {
        margin-top: 20px;
    }

    .mainHeader .tab-content {
        padding: 30px;
    }

    .TabConWrap.fixed:before, .TabConWrap.posRel:before {
        display: none;
    }

    .b2bhtl-iconslft1 ul, .b2bhtl-iconsrht1 ul {
        display: inline
    }

    .TabConWrap.showme, .mainHeader.landing .TabConWrap.showme, .mainHeader .TabConWrap.posRel.showme {
        position: fixed !important;
        height: 100%;
        top: 0px;
        left: 0px;
        padding: 20px;
        padding-top: 86px;
        margin: 0px;
        background: rgba(0,0,0,.5) !important;
        overflow: auto;
        display: block;
    }

    .ticket-inner-right.paddingL30, .ec-itnder-des.paddingL30 {
        padding: 0px !important
    }

    .gloabl-wrap {
        padding-bottom: 36px;
    }

    .flickr-list {
        width: 46%;
        float: left !important;
        margin-bottom: 1rem;
    }

        .flickr-list:last-of-type {
            float: right !important;
        }

    .kstmdtbl480 .dataTables_length label {
        margin-top: 0px;
    }

    .fitemdfrom {
        justify-content: unset !important;
        left: 0;
    }

    .fitemdto {
        justify-content: flex-end !important;
        left: auto;
        right: 0;
    }

    .fitemduration[timelayover]:before {
        left: 15px;
    }

    .fitemduration[timelayover]:after {
        left: 0px;
    }

    .layoutBody {
        padding-top: 80px;
    }

    .flighttabcon > .row.active {
        display: block;
    }

    .summary {
        float: none !important
    }

    .FlightNav li.nav-item {
        padding-right: 0px;
    }

    .datatable-header {
        overflow: hidden
    }

    .page-title {
        text-align: center
    }

    .bkngLi {
        display: none !important;
    }

    .ccldropdown-one {
        padding: 0px;
    }

    .uc-kstm-wrap {
        min-height: 0;
    }

    .can-policy span:last-of-type {
        border-radius: 0px 0px 5px 5px;
        -webkit-border-radius: 0px 0px 5px 5px;
        -moz-border-radius: 0px 0px 5px 5px;
        -ms-border-radius: 0px 0px 5px 5px;
        -o-border-radius: 0px 0px 5px 5px;
    }

    #myModalPopup-body.thumbsliderPopupBody {
        height: 280px;
    }

    .ccltable-popup td, .ccltable-popup th {
        padding: 2px 6px;
    }

    .CSTMpisec .col-sm-4.chartcol, .CSTMpisec .col-sm-12.chartcol {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .CSTMorating .chartcolinner, .CSTMpisec .chartcolinner, .qucusec .col-sm-4.chartcol .chartcolinner {
        height: auto;
    }

    .slidesjs-navigation:before {
        padding: 9px 10px;
    }

    .toolerr-toggle {
        width: 34px;
    }

    .mainHeader .nav-tabs li {
        border-bottom: none;
    }

    .fltrWrapInner span.irs-single {
        visibility: visible !important;
        background: transparent !important;
        text-align: right;
        left: auto !important;
        position: absolute !important;
        top: 4px !important;
        right: 20px !important;
        color: #252525 !important;
    }

        .fltrWrapInner .irs-from, .fltrWrapInner .irs-to, .fltrWrapInner span.irs-single:after, .fltrWrapInner .irs-min, .fltrWrapInner .irs-max {
            display: none !important;
            visibility: hidden !important;
        }
    body .fltrWrapInner .irs-to, body .fltrWrapInner .irs-from {
        display: block !important;
        visibility:visible !important;
    }

    .fltrWrapInner .price-Pips {
        padding-top: 0px !important
    }

    .fltrWrapInner .irs-slider {
        background: #fff !important;
        border: 1px solid transparent;
    }

    .mltplmodal .nav-tabs li {
        width: 10%;
    }

    .chkoutwrap .pttoolerr {
        display: none !important
    }

    .kbtnwrap .btn-default.kstmbtnshift {
        position: absolute;
        top: -41px;
        right: 0;
    }

    .PaxRow .typeheadbrdr .AgeCal, .addtnlpax .typeheadbrdr .AgeCal {
        padding-right: 43px;
    }

    .mainPax, .PaxFields.kbtnwrap, .mainPax .form-group.kbtnwrap, .PaxFields .form-group.kbtnwrap {
        margin-bottom: 0px;
    }

    .kbtnwrap .btn-danger {
        top: -246px;
    }

    .PaxRow [class*="col-"]:first-of-type {
        margin-top: 3px;
    }

    .kstmbtnshift .hidetext {
        display: none;
    }

    .dtofexpry .input-group, .DOEWrap .input-group {
        width: 100%;
    }

    .kbtnwrap .btn-default {
        width: auto;
    }

    .addPaxLead {
        position: relative;
        margin-bottom: 15px;
        top: 7px;
    }

    .nopadtab .form-control.ddlTitle, .nopadtab .form-control.ddlTitle2 {
        padding: 3px 8px !important
    }
}

@media(max-width: 768px) {
    .add_paxWrap .add_pax .cart_box {
        width: 100%;
    }
    #panel-cart {
        height: auto !important;
        bottom: 0 !important;
    }
    .main_box_pan_new .nonRefndToolTip {
        display: block !important;
    }

    .main_box_pan_new .trav .travmain .trav1-one .nonRefundable {
        display: inline-block;
        margin-left: 0;
    }
    .flightwrap.intlntsnlitem div#FareRuleDetailinner ul {
        flex-direction: column;
    }
    .main_box_pan_new .nonRefundable img {
        width: 24px;
    }
    div#ulPagination{
        justify-content:center;
    }
    .pagination > li > a {
        padding-left: 2px;
        padding-right: 2px;
    }
    .main_box_pan_new .travmain.nocncldsn .trav1-three {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 0;
        margin-top: 10px;
    }

    /*.main_box_pan_new .travmain .donebox {
        background: var(--main-bg-color) !important;
        padding: 0px 10px !important;
    }*/

    .main_box_pan_new .tavelPrt3 .sheer {
        width: 56px;
    }

    .main_box_pan_new .tavelPrt3 {
        text-align: center;
        padding: 0px 2px;
    }

    .main_box_pan_new .travMultiRooms .trav1-two.ln30 {
        width: 50% !important;
        padding: 0;
    }

    .main_box_pan_new .nonRefndToolTip {
        left: 0;
        top: 0;
    }

    .main_box_pan_new .trav1-two.ln30 {
        grid-template-columns: 1fr 36px 50px !important;
    }

    .main_box_pan_new .travmain.nocncldsn .tavelPrt5 {
        padding-left: 10px !important;
    }
}

@media(max-width: 575px) {
    .qrcodewrap {
        text-align: center;
        padding: 10px 0px;
    }
    .hotelItemWrappMain .b2bctrbx1 > span#htladd {
        padding-left: 20px !important;
        white-space: normal !important;
    }
        .hotelItemWrappMain .b2bctrbx1 > span#htladd img {
            position: absolute;
            left: 0;
            top: 5px
        }
        .previewvideo {
            padding: 0px 35px;
        }
    .readMoreModal .modal-header .close.modal-close {
        right: 0px !important;
        top: 0px !important;
    }
    .fitemdtl .contentBoxDITClick ul.nav.nav-tabs li a{
        font-size:11px;
    }
    .lappybottom {
        margin: 0px -35px;
    }

    .slider-wraper .slider-images.videolist li {
        width: 100%;
    }

    .slider-wraper .slider-images li {
        margin-bottom: 20px;
    }

    #panel-cart {
        width: 100%
    }

    .nav.navbar-right > li.dropdown a, .nav.navbar-right > li.dropdown .dropdown-menu span {
        font-size: 10px;
    }

    .navbar-nav li.open:first-child ul.dropdown-menu {
        left: 0px !important;
        right: auto !important;
    }

    .modalbodyleft, .modalbodyright {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .modalbodyinner {
        flex-direction: column;
        -webkit-box-orient: vertical;
        height: auto;
    }

    .mbrbtnwrap > .mybtn {
        width: auto;
    }

    .mbrcolbody {
        height: 300px;
    }

    .mltplmodal .modal-dialog {
        height: auto;
        width: auto;
    }

    .nav-tabs-float > .nav-tabs > li a {
        font-size: 75%;
    }

    .modalbodyleft {
        border-radius: 10px 10px 0px 0px !important
    }

    .modalbodyright {
        border-radius: 0px 0px 10px 10px !important
    }

    .nav-tabs-float > .nav-tabs {
        width: 100%;
    }

    .mltplmodal .close img {
        max-width: 10px;
    }

    .mltplmodal .close {
        width: 25px;
        height: 25px;
    }

    .modalbodyleft > .tab-content {
        padding-top: 29px;
    }
}

@media(max-width: 480px) {
    .fitemtoggle span {
        display: none;
    }
    .visahotel-body .uc-initial-content .visa-type li h4{
        font-size:12px !important;
    }
    .visahotel-body .uc-initial-content .visa-type li{
        padding-right:0 !important;
    }
    .trav1-three > div.tavelPrt4 {
        padding-right: 13px;
    }

    .fitemtoggle i {
        font-size: 12px;
    }

    .NewPrice .price {
        padding-right: 3px !important;
    }

    .avail_select_Mealtype select {
        width: auto;
    }

    .ProfileImg .ddBoxWrap {
        left: 50%;
        right: auto;
        margin-left: -100px;
    }

    .notifyclick .ddBoxWrap {
        left: 50%;
        right: auto;
        margin-left: -200px;
    }

    .navbar-nav .flag_img_outer {
        margin-right: 0px
    }

    .fieldsetScroll {
        width: 100%;
        position: relative;
    }

    .kTouchspin.ddBox .ddBoxWrap {
        width: 100%;
    }

    .page-title h2, .page-title h1, .page-title h3, .page-title h4, .page-title h5, .page-title h6 {
        margin-bottom: .5rem;
    }

    .hdtl-hdrtxtRgt, .htldetlrht {
        width: 100%;
    }

        .hdtl-hdrtxtRgt > span {
            padding: 0px;
            width: 50%;
            float: left;
        }

            .hdtl-hdrtxtRgt > span:last-of-type {
                text-align: right;
            }

    .hotel-detail-hdr .hdtl-hdrtxtRgt > span:last-of-type {
        text-align: center;
    }

    .hotel-detail-hdr.head_sec_detail .htldetlrhtInner > span {
        margin-bottom: 0px;
    }

    .hotel-detail-hdr.head_sec_detail .htldetlrhtInner > * {
        text-align: center;
    }

    .sec_guestbx2 .inlineBlockWrapRow {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }

    .kstmdtbl480 .dataTables_length {
        width: 100% !important;
        margin-bottom: 5px;
    }

    .kstmdtbl480 .dt-buttons, .kstmdtbl480 .dt-buttons .donebox.btnback {
        width: 48%;
        margin: 0px;
        margin-bottom: 0px;
        float: left;
    }

        .kstmdtbl480 .dt-buttons .donebox, .kstmdtbl480 .dt-buttons .donebox.btnback {
            width: 100%;
            margin-left: 0px;
            margin-top: 5px;
        }

        .kstmdtbl480 .dt-buttons:nth-of-type(odd) {
            float: right;
        }

    .mobbtnfull .donebox {
        width: 100%;
        margin: 0px 0px 5px 0px;
    }

    .PkgTitlePrice {
        width: 100%;
        max-width: 100%;
    }

        .PkgTitlePrice > *, .PkgTitlePrice .divPrice > *, .hotel-detail-hdr.head_sec_detail .hdtl-hdrtxt p {
            text-align: left !important;
        }

    .pagination {
        padding: 1px 0px;
    }

        .pagination li {
            display: inline-block;
            vertical-align: middle;
        }

    .dataTables_scrollBody {
        min-height: 37vh;
        max-height: 37vh !important;
    }

    .mob-display-none {
        display: none;
    }

    .mob-display {
        display: block !important;
    }

    .mob-pull-right {
        float: right !important;
    }

    .mob-width100 {
        width: 100% !important;
    }

    .mob-justify-content-center {
        -webkit-box-pack: center !important;
        justify-content: center !important
    }

    div.dataTables_wrapper div.dataTables_length label {
        float: right !important
    }

    .table {
        width: 100%;
        min-width: 100%;
        overflow: auto
    }

    .BoxDiv {
        padding: 8px;
    }

    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        overflow: hidden;
        padding: 2px 0 15px;
    }

    .PkgTitleName > * {
        font-size: 15px !important
    }

    .divPrice *, .edit-heading span {
        font-size: 12px !important
    }

    .BoxDiv-title-text {
        font-size: 11px;
    }

    .slider-wraper .slider-images li {
        width: 100%;
    }

    .bmdlbkg li > strong {
        width: 100px;
        white-space: normal;
        line-height: 1.1;
    }

    .PkgTitleName {
        line-height: 1.2;
        padding: 10px 0 0;
        display: block;
    }

    .PkgTitlePrice {
        line-height: 1.2;
        padding: 0 0 10px;
        min-width: 0px;
        display: inline-block;
        max-width: none;
        width: auto;
    }

    .page-title > .row > [class*="col-"]:nth-of-type(2) {
        padding-top: 12px;
    }

    .hdtl-hdrtxt {
        padding-left: 0px !important;
        padding-right: 0px !important
    }

    .hdtl-hdrtxtRgt > span span {
        width: auto;
    }

    .hdtl-hdrtxtRgt {
        padding-bottom: 8px !important;
        margin-bottom: 3px;
        border-bottom: 1px solid rgba(255,255,255,.1)
    }

    .page-title h2, .page-title h1, .page-title h3, .page-title h4, .page-title h5, .page-title h6 {
        padding: 0px;
    }

    .page-title .head_sec_detail h2, .page-title .head_sec_detail h1, .page-title .head_sec_detail h3, .page-title .head_sec_detail h4, .page-title .head_sec_detail h5, .page-title .head_sec_detail h6 {
        text-align: left;
    }
    .pagination.pager {
        padding: 0.5rem 0px;
    }
    .pagination > li > a, .pagination > li > span {
        line-height: 1;
        padding: 6px 3px;
        display: inline-block;
        min-width: 18px !important;
        min-height: 25px;
    }
    .pagination > li > a {
        font-size: 11px;
    }
    .pagination > li.previous > a:before, .pagination > li.next > a:before {
        font-size: 12px !important
    }

    .table th, .table td {
        line-height: 1.2;
    }

    .datatable-header .donebox {
        margin-top: 8px;
        float: left
    }

    .fontstar .fa {
        font-size: 14px;
        line-height: 1.2rem;
    }

    .CSTMPIcolI > * {
        font-size: 9px !important;
        text-align: center !important
    }

    .CSTMPIcolI .Price.SaveIncomes {
        padding-right: 0 !important;
    }

    .CSTMorating .chartcolinner, .CSTMpisec .chartcolinner {
        height: auto
    }

    .col-sm-wd50 .col-xl-6 {
        width: 45% !important
    }

    .mic-chat {
        height: 40vh;
    }

    .mic-error-msg {
        top: 150px;
    }

    table.sssb-txt tbody tr td, table.sssb-txt tbody tr th, table.sssb-txt tr tr {
        border: 1px solid #ddd;
    }

    #menulinks li img {
        height: 16px !important
    }

    #menulinks li {
        padding-right: 25px;
    }

    .tripadvsr img {
        width: 66px;
    }

    .navbar-header {
        margin-top: 30px;
        border-top: 1px solid #ddd;
    }

    .navbar-right.navrgt {
        right: 0px;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        background: rgba(0,0,0,.03);
    }

    .jumbotron {
        padding-top: 75px;
    }

    .nav.navbar-right > li.dropdown a, .nav.navbar-right > li.dropdown .dropdown-menu span, .nav.navbar-right > li > a {
        padding-top: 3px;
        padding-bottom: 3px;
    }

    .navbar-right li .badge {
        top: -4px;
        left: 0px;
        margin-left: 4px;
        font-size: 9px;
        position: absolute;
        padding: 1px 2px !important;
        right: -5px;
        left: auto;
    }

    .toolerr .col-xs-6 {
        width: 100%;
    }

    .toolerr-wrap .toolerr {
        top: 105px;
    }

    .toolerr-wrap {
        padding-top: 90px;
    }

    .toolerr-close {
        top: 88px;
    }

    .ssnPopup {
        min-width: 200px;
        width: auto;
        left: 15px;
        right: 15px;
        bottom: 15px;
        max-width: none;
    }

    .pkgSrch .trav1-one, .pkgSrch .trav1-two, .pkgSrch .trav1-three, .pkgSrch .trav .travmain {
        border: none;
    }

    .pkgSrch .trav .travmain {
        border-bottom: 1px solid rgba(0,0,0,.05);
    }

    .trav .travmain {
        border: 0px solid #ddd;
        padding-right: 0px;
    }

    .trav1-three {
        width: 100%;
        margin-right: 0px;
    }

    .tavelPrt3 {
        text-align: left;
    }

    .tavelPrt6 {
        text-align: right;
    }

    .b2bview-more {
        height: auto;
        border-top: none;
    }

        .b2bview-more > * {
            text-align: center;
            margin: 0px;
            padding: 3px 5px;
            width: 100%;
            border-bottom: 1px solid rgba(0,0,0,.05) !important;
            height: auto;
        }

            .b2bview-more > *:last-of-type {
                border: none;
            }

    .hotel_descrip_detail1a p b {
        width: 100%;
        border-radius: 0px;
    }

    .hotel_descrip_detail1a p hr {
        display: none;
    }

    .hdtl-hdrleft {
        padding-left: 0px;
    }

    .hdtl-hdrthumb {
        width: 100%;
        height: 80px;
        margin: 0px;
        position: relative;
        border-radius: 0px;
        border: none;
    }

        .hdtl-hdrthumb img {
            position: absolute;
            top: 50%;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
            -webkit-transform: translate(-50%,-50%);
            -moz-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            -o-transform: translate(-50%,-50%);
            width: 100%;
            min-height: 100%;
            height: auto;
        }

    .hdtl-hdrtxt {
        padding-top: 10px;
        width: 100%;
    }

    .hdtlpricepage .hdtl-hdrtxtRgt, .hdtlpricepage .htldetlrht {
        width: 100%;
        padding: 5px 10px;
        border-top: 1px solid #e5e5e5;
    }

    .sec_guestbx1 .b2bhtl-iconsrht1 ul {
        display: block;
    }

        .sec_guestbx1 .b2bhtl-iconsrht1 ul li {
            display: inline-block;
            float: none;
        }

    .ww-star-rating-border {
        width: 100%;
        max-width: 100%;
        display: block;
        overflow: hidden;
    }

    .inlineBlockWrapRow > div {
        display: block;
        width: 100%;
    }

    .htldetlrhtInner {
        min-width: 100%;
    }

    .hdtlpricepage .hdtl-hdrtxt {
        padding-left: 10px;
        border-bottom: none;
    }

        .hdtlpricepage .hdtl-hdrtxt h4 {
            margin-top: 0px;
        }

    .hdtlpricepage .hdtl-hdrthumb {
        position: relative;
    }

    .uc-container .uc-initial-content {
        width: 100% !important;
    }

    #ltrTripReviews .hotel_down_table12 .ta-review-summary {
        display: inline;
    }

    #ltrTripReviews .hotel_down_table12 .ta-rating-info .date {
        width: 100%;
        display: block;
        text-align: left;
    }

    .hdtlpricepage .hotel-right .hotel-person {
        float: left;
        padding-top: 6px;
    }

        .hdtlpricepage .hotel-right .hotel-person span {
            margin: 0px;
        }

    .hdtlpricepage .hotel-right a.donebox {
        float: right;
    }

    .pcgRowTtlRgt, .pcgRowTtlLft {
        width: 100%;
        display: block;
        text-align: center;
        float: none;
    }

    .pcgRowTtlLft {
        width: 100%;
    }

    .donebox.newBtn {
        width: 100%;
    }

    .lcn-main {
        padding-left: 0px;
    }

    .lcn-img {
        width: 100%;
        margin-left: 0px;
    }

    .lcn-txt {
        padding: 10px;
        display: block;
        overflow: hidden;
    }

    .dataTables_wrapper .dataTables_length {
        display: block !important;
        float: none !important;
        text-align: center;
    }

    .bkdetailsTable .donebox:nth-of-type(even), .bkdetailsTable .donebox:nth-of-type(odd) {
        margin: 0px;
        margin-bottom: 10px;
        width: 100%;
    }

    .tbd-left-th tr td:first-of-type {
        width: 40% !important;
    }

    .add_pax td {
        display: block;
        width: 100% !important;
        border-bottom: none;
        padding-top: 0px !important;
    }

    .add_pax th {
        display: none;
        width: 100% !important;
        border-bottom: none;
    }

    .add_pax {
        min-width: 0px;
    }

    .PaxWrapper {
        min-height: 170px;
    }

    .add_pax tr td:first-child:before, .add_pax tr td:first-child:after, .add_pax tr:hover td:first-child:after, .add_pax tr:hover td:first-child:after, .add_pax .cart_box:hover:after {
        display: none;
    }

    .fixed1 {
        top: 75px;
    }

    .drgdrpBox, .fixed1 {
        width: 85px;
        right: 15px;
    }

    .drgdrpTbl {
        padding-right: 0px;
    }

    .drgdrpBox h4 {
        margin-top: 0px;
    }

    .drgdrpBox h4, li.dt__tags.dest_tags {
        font-size: 8px;
    }

    #menulinks li img {
        height: 14px;
    }

    .PaxWrap .PaxWrapInner {
        padding-top: 53px;
    }

    .drgdrpTblMob .add_pax th {
        position: fixed;
        top: 75px;
        left: 16px;
        right: 101px;
        z-index: 100;
        width: auto !important;
        display: none !important;
    }

    .room_checkout li.active.invalidPax a:before {
        display: block !important
    }

    .mobThPax {
        position: relative;
        width: 100%;
        display: block;
        margin-bottom: 5px;
        padding: 2px;
    }

    .PaxWrap .PaxWrapInner, .PaxWrap {
        position: relative;
    }

        .PaxWrap .PaxWrapInner {
            overflow: hidden;
        }

    .PaxWrapper .mobThPax {
        margin-bottom: 0px;
    }

    .PaxWrapper {
        padding-bottom: 0px !important;
    }

    .TabConWrap.fixed {
        top: 86px;
    }

    .layoutBody {
        padding-top: 75px;
    }

    .ddBoxInner {
        padding: 20px;
    }

    .ddBoxWrap {
        width: 250px;
    }

    .NavToggler .ddBoxWrap {
        width: 280px;
    }

    header.masthead {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }

    .MobHide {
        display: none !important;
    }

    .fitemthumb {
        min-width: 70px;
        max-width: 70px;
    }

    .fitemduration, .fitemprice {
        width: 100%;
    }

    .sl-thumb img {
        max-width: 30px;
        max-height: 30px;
    }

    .sl-dtl {
        min-width: 0px;
        padding-right: 10px;
    }

        .fitemprice b, .holdtab b, .bggbox .sumfare b, .sl-fare b, .sl-dtl b {
            font-size: 110%
        }

    .sl-fare {
        padding-right: 0px;
        min-width: 100px;
        vertical-align: bottom !important
    }

    .summarytab .sl-fare {
        padding-right: 0px;
        min-width: 0;
        vertical-align: middle !important
    }

    .sl-fare .SLI-check {
        right: 0px;
        top: 0px;
        transform: translate(0,0);
    }

    .radio-group label {
        padding: 0px 5px;
        font-size: 12px !important
    }

    .FlightNav .dropdown .dropdown-menu {
        top: 22px !important;
        transform: translate3d(0px, 0px, 0px) !important;
    }

    .fitemdtl .fiditem {
        display: block !important;
        position: relative;
        padding: 0px 10px;
        margin-top: 10px
    }

    .fitemdtl .fiditemfrom, .fitemdtl .fiditemto, .fitemdtl .fiditempath {
        display: block;
        width: 100%;
        padding: 0px;
    }

    .fitemdtl .fiditempath {
        display: none;
    }

    .fitemdtl .fiditemfrom[mobflightname]:after {
        content: attr(mobflightname);
        position: relative;
        font-size: 85%;
    }

    .fitemdtl .fiditem:before {
        position: absolute;
        top: 20px;
        bottom: 0px;
        z-index: 2;
        content: "";
        border-left: 1px dashed #ddd;
        left: 15px;
    }

    .fitemdtl .fiditemto:after {
        position: absolute;
        top: 10px;
        bottom: 0px;
        z-index: 2;
        content: "";
        border-left: 3px solid #fff;
        left: 3px;
    }

    .fitemdtl .fiditemfrom, .fitemdtl .fiditemto {
        padding-left: 20px;
        position: relative;
        margin-bottom: 10px;
    }

        .fitemdtl .fiditemfrom:before, .fitemdtl .fiditemto:before {
            position: absolute;
            z-index: 3;
            content: "";
            left: 0px;
            top: 5px;
            width: 11px;
            height: 11px;
            -webkit-border-radius: 11px;
            -moz-border-radius: 11px;
            -ms-border-radius: 11px;
            -o-border-radius: 11px;
            border-radius: 11px;
            border: 2px solid #636363;
        }

    .fitemdtl .sumbox .fiditempath {
        display: block;
        width: 40%;
        padding: 1px;
    }

    .fitemdtl .sumbox .fiditem {
        padding: 0px;
        margin-top: 15px;
    }

    .bookFlight .fitemprice {
        padding-left: 5px;
        padding-right: 5px;
    }

    .fitemdtl .sumbox .fiditemfrom, .fitemdtl .sumbox .fiditemto {
        width: 30%;
        padding-left: 0px;
        margin-top: -15px;
        margin-bottom: 0px;
    }

        .fitemdtl .sumbox .fiditemfrom:before, .fitemdtl .sumbox .fiditemto:before {
            display: none;
        }

    .fitemdtl .sumbox .fiditemfrom, .fitemdtl .sumbox .fiditemto, .fitemdtl .sumbox .fiditempath {
        float: left;
    }

    .popovertab {
        min-width: 200px;
        width: 100%;
    }

    .ftrpkgcol, .ftrpkgcol .ftrpkgcnt {
        height: auto;
    }

    .ftrpkgimgcol, .ftrdestcol.ftrpkgcol {
        height: 150px;
    }

    .ftrpkgcol .donebox {
        padding: 10px 20px;
    }

    .travmain.nocncldsn .trav1-one span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .travmain.nocncldsn .trav1-two {
        width: 35%;
        text-align: right;
    }

    .trav1-three > div {
        padding: 0px 3px;
        margin-right: 0px;
    }

    .sheer {
        margin: auto 5px;
    }

        .sheer:after, .sheer:before {
            border-width: 20px 5px 0px 0px;
        }

        .sheer:before {
            left: -5px;
        }

        .sheer:after {
            right: -5px;
        }

    .tavelPrt7 {
        min-width: 30px;
    }

    .hide480 {
        display: none !important;
    }

    .availmodal .modal-dialog {
        padding: 0px !important;
    }

    .availmodal .availability-calendar .avail_pric * {
        font-size: 70%;
        margin: 0 auto;
    }

    .availability-calendar td, .availmodal .availability-calendar .avail_pric {
        padding: 0px;
        text-align: center;
    }

    .travmain .donebox {
        padding: 0px 10px;
    }

    .sheer {
        font-size: 80%;
    }

    .trav1-three > div {
        padding: 0px 2px;
    }

    .mic-btn-wrap, .toolerr-toggle {
        top: 150px;
    }

    .thumbslider.rsDefault.rsFullscreen .rsSlide img {
        opacity: 0;
    }

    .thumbslider.rsDefault.rsFullscreen .rsSlide.rsActiveSlide img {
        opacity: 1;
    }

    .thumbslider.rsDefault .rsSlide img, .thumbslider.rsDefault {
        width: 100% !important;
        max-width: 100% !important;
    }

        .thumbslider.rsDefault.rsFullscreen {
            max-width: none !important
        }

    .slider_sect_htl .half_width {
        width: 100% !important
    }



    .sort-list > li:nth-child(2) {
        display: none;
    }

    .dropdown-menu.dropdown-menu-right {
        left: 50%;
        right: auto !important;
        -webkit-transform: translate(-50%,0);
        -moz-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
        transform: translate(-50%,0);
    }

    .mobicontxt {
        text-shadow: none !important;
        display: inline-block;
        vertical-align: middle;
        font-size: 25px !important;
        margin-right: 0px !important;
    }

    .desktxt {
        display: none;
    }

    .travmain .donebox {
        background: transparent !important;
        padding: 0px !important;
    }

    .travMultiRooms .donebox {
        padding: 0px 10px !important;
        background: var(--main-bg-color) !important;
        margin-left: -43px;
    }
}

@media(max-width: 350px) {
    .fltrList li {
        font-size: 10px;
    }

    .navbar .navbar-right > .nav-item.ProfileImg + li {
        display: none;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), not all, not all, only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .storefront #main .jcarousel .jcarousel-control.jcarousel-prev {
        background-image: url("/Content/CarouselGallery/img/left-arrow-70-opacity_2x5.png");
        background-size: 54px 54px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), not all, not all, only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .storefront #main .jcarousel .jcarousel-control.jcarousel-next {
        background-image: url("/Content/CarouselGallery/img/right-arrow-70-opacity_2x-19.png");
        background-size: 54px 54px;
    }
}

/* Media Queries */
/* Color Css Start */
/*:root,body {
	--main-bg-color:#0095da!important;
}*/
#itinerarybody #image-slider .carousel-caption h3, #itinerarybody #itinerary .panel-heading .panel-title, .paxmealselection, .fitemdtl .contentBoxDITClick ul li a.active, #itinerarybody #travelInfo.BGprime, #itinerarybody #upcoming .item a, #itinerarybody #upcoming.owl-theme .owl-controls .owl-buttons div, #itinerarybody .BGprime, #itinerarybody .additional-info span i, #itinerarybody .bgcolor, #itinerarybody .btn-default:hover, #itinerarybody .btn-light:hover, #itinerarybody .btn-primary, #itinerarybody .day:hover .dayNum, #itinerarybody .info-box.option.color .counter .timerwrap, #itinerarybody .item a.zoom, #itinerarybody .modal-header, #itinerarybody .navbar-default .navbar-nav .dropdown-menu > li > a:focus, #itinerarybody .navbar-default .navbar-nav .dropdown-menu > li > a:hover, #itinerarybody .navbar-default .navbar-nav > li.active > a, #itinerarybody .navbar-default .navbar-nav > li:hover > a, #itinerarybody .opt .day .delight, #itinerarybody .owl-carousel .item .item-header i, #itinerarybody .owl-theme .owl-controls .owl-buttons div, #itinerarybody .price-list .pricing-head .price, #itinerarybody .price-list .pricing-table-default:hover, #itinerarybody .round, #itinerarybody .subscribe .right, #itinerarybody .theme-clrbg, #itinerarybody .woocommerce #respond input#submit.alt, #itinerarybody .woocommerce a.button.alt, #itinerarybody .woocommerce button.button.alt, #itinerarybody .woocommerce input.button.alt, #itinerarybody .woocommerce span.onsale, #itinerarybody h1 small::before, #itinerarybody span.sticky-post, #itinerarybody ul.social li a:hover, .price-list .pricing-table-default .btn, .classic_title_head span, .cclcover-table-head, .ahotel-item .ahotel-image .img:before, .slidewrap:before, .mbritem.mbrhighlight:before, .main_box_pan .hot_hotel-image .img:before, .switch-field input:checked + label, .txtrbg:before, .bg-light:after, .mybtn, .myradio input:checked ~ .radiomark, .mbritem.mbrselect .myradio input ~ .radiomark, .mbritem.mbrselect:before, .mycheck input:checked ~ .checkmark, .rangeslider__fill, .fltrapply, .file-upload-sec, .ccltable-popup th, .loader_line, .iEdit-img-edit-save, .iEditSquare-img-edit-save, .mic-animate:before, .tabbtns span, .btn-primary:hover, .fidlayover:before, .btn-primary:active, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle, .social-circle li a, .mic-result b, .table thead th, .bselect, .ec-itncount-inner, .dataTable tbody tr:hover td, .modal-header, .Toggle-menu span, .bgtheme, .btn-primary, .btn-primary:hover, .btn-primary:focus, .donebox, .ahotel-item .ahotel-image .img:before, .cstmizer .c-btn, .main_box_pan .hot_hotel-image .img:before, .nav > li.navactive.active > a:before, .nav > li > a:before, .fixed, .sp-choose, .search_history th, .irs-from, .irs-to, .irs-single, .btnclass, .promoarrow, .promoarrow:after, .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover, .pagination > .active > a, .pagination > .current > span, .pagination > li > a:hover, .pagination > li > a:focus, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .can-policy:hover span, .pcgRow.theme-clr .pcgConIcon, .pcgRow.theme-clr .pcgBtmTab .nav-tabs li a span:last-of-type span.Pkg_OldPrice:before, .ahotel-body .uc-final-content, .lcn-dtl .uc-final-content, .dtl-sctn-ttl span, .pcgRow.theme-clr .pcgBtmTab .nav-tabs li a.pcg_cart:hover, .pcgRow.theme-clr .pcgBtmTab .nav-tabs li a.pcg_cart:focus, .hmd-room-section, .dtl-sctn-ttl:before, .favPkg, .daterangepicker td.active, .daterangepicker td.active:hover, .dtl-sctn-ttl:hover > .fa, .open > .dropdown-toggle.btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover, .dataTable thead tr.bg-primary, .tbd-left-th tr td:first-of-type, .tbd-left-th tr:first-of-type td:nth-of-type(2), .table-booking-history thead, .pp-hdg, .booking-item-raiting-list > li > div.booking-item-raiting-list-bar > div, .booking-item-raiting-summary-list > li > div.booking-item-raiting-list-bar > div, #ribbon-container a, #ribbon-container a:hover, .tab_pack li.active a, .pp-info, .tbd-left-th tr td:first-of-type, .tbd-left-th tr:first-of-type td:nth-of-type(2), .ahotel-body .uc-final-content, .lcn-dtl .uc-final-content, .irs-bar, .daterangepicker td.active, .daterangepicker td.active:hover, .city_added_arrow, .btn-success, #ltrTripReviews .hotel_down_table12 .ta-rating-info, .three-bounce > div, .pricetag, .ssnPopup .modal-title, .pcgBtmTab .nav-tabs li.active a, .dtl-sctn-ttl span, .day-no, .hotel_descrip_detail1a p b, .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after, .add_pax th, .sa_places li.enable, .mobThPax, .PkgTitleBack:before, .PkgTabMenu:before, .OverviewTable th:before, .SliderWrap .ribbon span, .contentBoxTtl:before, .background:before, .dataTables_paginate li a:hover, .dataTables_paginate li a:focus, .dataTables_paginate li.active a, .dataTables_paginate li.active a:hover, .dataTables_paginate li.active a:focus, .OverviewTable td:before, .page-title:before, .TabConWrap.fixed:before, .TabConWrap.posRel:before, .TabConWrap .tab-content::before, .navbar.landing .nav-tabs .nav-link:after, .mainHeader.landing .tab-content:before, #back-to-top, #panel-cart .panel-cart-title, .hoverIcon, .ddMoreToggle, .navbar .navbar-right:before, .theme-edit .file-upload .file-select:hover .file-select-button, .theme-edit .file-upload.active .file-select .file-select-button, .bg-blue, .tags-list li a.active, .flighttabitem.activelink {
    background: var(--main-bg-color) !important;
}

a.back-to-top, .ecdivhcl span, .ec-sctn-ttl, .themeBtn, .login-fluid, .irs-bar, .irs-from, .irs-to, .irs-slider,
.CANPOlicyFLoat, span.twitter-typeahead .tt-suggestion.tt-cursor, span.twitter-typeahead .tt-suggestion:hover, span.twitter-typeahead .tt-suggestion:focus {
    background-color: var(--main-bg-color) !important;
}

#itinerarybody #about-contact .fa, #itinerarybody #about-contact a, .donebox.donebox-outline, #itinerarybody #error-page h2 i, #itinerarybody #error-page h3, #itinerarybody #imptips .fa, #itinerarybody #imptips li:before, #itinerarybody #location .theme-clr, #itinerarybody #location iframe + small a, #itinerarybody #location iframe + small a *, #itinerarybody #testimonial .heading h4, #itinerarybody #testimonial .heading::after, #itinerarybody #testimonial .heading::before, #itinerarybody .day .delight i, #itinerarybody .day ul li i, #itinerarybody .item-info h6 strong, #itinerarybody .navbar-default .navbar-nav li .fa-home, #itinerarybody .price-list .pricing-table-default:hover .btn, #itinerarybody .price-list .pricing-table-default:hover .price, #itinerarybody .price-list .pricing-table-default:hover .price-digit span, #itinerarybody .prime, #itinerarybody .subscribe .btn-box::before, #itinerarybody .subscribe .submit::before, #itinerarybody .svg.arrPrime, #itinerarybody .theme-clr, #itinerarybody .timerwrap div::before, #itinerarybody a:focus, #itinerarybody a:hover, .mic-profile i, .mbrtotal b, .mybtn:hover, .travmain .donebox .mobicontxt, .sort-list > li span, .mybtn:focus, .mbritemicons > [class*="signia-"], .mbritemright b, .nav-tabs-float > .nav-tabs > li a.active, .mbrfilter, .mbrprice .mbrttl b, .mbrsrchbtn, .rbodestcbtn, td a[d-text], .ReadMore, .avail_pric span, .trav1-one *, .theme-clr, .edit-footer .nav-tabs a, .dataTable td a, .dataTable tr:focus td a, .rbodestcontinner label, .clrtheme, .color-blue, .nav > li > a i, .avail, .b2bview-more a, i.fa.fa-caret-square-o-down, i.fa.fa-caret-square-o-up, .big_per i, .big_per1 i, .kstm-item .ahotel-body h3, .htl-icon, .cats-title.record-found, .htl-name, .pcgRow.theme-clr .pcgBtmTab .nav-tabs li a.pcg_cart, .dtl-sctn-ttl > .fa, .b2bcontantbox p a, .sec_guestbx1 h5, .guest_r, .guest_rv, #floordiv a, .travellerte h4, .pagination > li > a, .pagination > li > span, .tab_detail > li > a, #tb_CancPolicy i, .b2bctrbx1 h6, .pkgSrch .short_desc, .kstm-item .ahotel-body h3, .main_box_pan .trav1-one a, .tbText, .nav > li > a .label, .navBookClose, .addPaxLead i, .donebox.newBtn i, li.dt__tags.dest_tags, .cont_box li.dt__tags.dest_tags, .fltrClose, #ulAminities li span i, .PkgTabMenu ul li.active a, .PkgOviewCity, .moreInfoTClick .mITCFa, .CFrom > label, .CIcon, .contentBoxDITClick ul li.active a, .contentBoxDITClick ul li.active a:hover, .contentBoxDITClick ul li.active a:focus, .ItineraryTabList > *.active a *, .main_box_pan .b2bctrbx1 .lnkPreventDefaultClass *:after, .filt_btn *, .hotel_down_table12 h3, .main_box_pan .trav1-one span.lnkPreventDefaultClass, div.dataTables_wrapper div.dataTables_info, .filt_btn *, .hotel-room-item i, .hotel-room-item label, .readMore, .tavelPrt5 .NewPrice span, .b2bctrbx1 span i.fa-map-marker, .contentBoxDITClick ul li a.active, .contentBoxDITClick ul li a.active:hover, .contentBoxDITClick ul li a.active:focus, .notifyTitle, .avatar-detail p label, .ddMenuInner a:hover, .pOWprice .NewPrice, .cstmz, .PkgTabMenu .nav-tabs li a.active, .texture-wraper li.active:before, .font-blue, .ahotel-body .clickme.read-btn, .pkgSrch .clickme.read-btn, .main_box_pan a h3, .occdtl *:before {
    color: var(--main-bg-color) !important;
}

.form-control:focus, .btnclass, .mybtn:hover, .mybtn:focus, .mbritem:hover, .donebox.donebox-outline, .mbritem:hover .myradio span, .mbritem.mbrselect .myradio span, .mbritem.mbrselect, .pagination > .active > a, .cclribbon:before, .cclribbon:after, .btn-primary:active, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle, .btn-primary:hover, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .btn-success, .dataTable thead tr.bg-primary, .table-booking-history thead, .pp-hdg, .ww-star-rating-border, #ribbon-container:after, .ahotel-body .uc-final-content, .lcn-dtl .uc-final-content, .ssnPopup .modal-body, .dtl-sctn-cont, li.dt__tags.dest_tags, .cont_box li.dt__tags.dest_tags, .contentBoxDITClick ul.nav-tabs, .PkgBulletsList > *.active:before, .main_box_pan:hover .b2bctrbx1 .lnkPreventDefaultClass *, .main_box_pan:focus .b2bctrbx1 .lnkPreventDefaultClass *, .PkgBulletsList > *:focus:before, .theme-edit .file-upload .file-select:hover, .theme-edit .file-upload.active .file-select {
    border-color: var(--main-bg-color) !important;
}

.rbodestccol .form-control:focus, .toolerr:before, .irs-from:after, .irs-to:after, .irs-single:after, .sidber-box:before, .tools-ber:before, .pcgRow.theme-clr .pcgConIcon:before, .dtl-sctn-ttl span:after, .htl-dtl.show, #ribbon-container a:hover:before, #ribbon-container a:before, .nav-tabs.nav-tabs-highlight > li.active > a,
.nav-tabs.nav-tabs-highlight > li.active > a:hover,
.nav-tabs.nav-tabs-highlight > li.active > a:focus, .datatable-header:before, .irs-from:after, .irs-to:after, .irs-single:after, .flighttabitem.activelink:before {
    border-top-color: var(--main-bg-color) !important;
}

.pcgRow.theme-clr .pcgBtmTab .nav-tabs li.active a:before, .htl-ext-dtl, .mic-result b:after, .hmd-room, .classic-title span, #ribbon-container a:hover:before, #ribbon-container a:before, .tbd-left-th:before, .dtl-sctn-ttl span:after, .toolerr, .navbar .nav-tabs .nav-link.active:after, .edit-footer .nav-tabs li .active.show, .flighttabitem.activelink:after {
    border-bottom-color: var(--main-bg-color) !important;
}

.can-policy span:first-of-type, .tab_inner, #dvSummary, .can-policy span:first-of-type:before, .nav-tabs.nav-tabs-highlight > li.active > a,
.nav-tabs.nav-tabs-highlight > li.active > a:hover,
.nav-tabs.nav-tabs-highlight > li.active > a:focus, .pricetag:before {
    border-right-color: var(--main-bg-color) !important;
}

    .tab_inner, #dvSummary, .flag_bdr > a:hover, li#INR:hover, li#EUR:hover, li#USD:hover, li#AED:hover, .nav-tabs.nav-tabs-highlight > li.active > a,
    .nav-tabs.nav-tabs-highlight > li.active > a:hover,
    .nav-tabs.nav-tabs-highlight > li.active > a:focus, .tags-list li a.active:after {
        border-left-color: var(--main-bg-color) !important;
    }

.pie_progress__svg svg path {
    stroke: var(--main-bg-color) !important;
}
/* Scheme 2 */
/* Scheme 2 */
.btn-outline-primary {
    color: #ff9500 !important;
}

    .btn-outline-primary:hover, .btn-outline-primary:focus, .pOWOffertrigger, .pOWTRFloat {
        background: #ff9500 !important;
    }

    .btn-outline-primary, .btn-outline-primary:hover, .btn-outline-primary:focus {
        border-color: #ff9500 !important;
    }

.pOWOffertrigger:before, .pOWOffertrigger:hover:before {
    border-top-color: #ff9500;
}

.pOWOffertrigger:before, .pOWOffertrigger:hover:before {
    border-bottom-color: #ff9500;
}
/* Color Css End */
.donebox.selected {
    background: #01d10b !important
}

.sl-fare .SLI-check {
    color: #01d10b !important;
}

.tabbtns .tableft.disabled, .tabbtns .tabright.disabled {
    background: #ddd !important;
    color: #aaa !important;
    cursor: default;
    pointer-events: none;
}

/* Dark Theme Css */


@media(min-width: 1200px) and (max-width: 1500px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 3px;
        padding-left: 3px;
    }
}

@media(min-width: 993px) and (max-width: 1100px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 2px;
        padding-left: 2px;
        font-size: 10px;
    }
}

@media(min-width: 1100px) and (max-width: 1200px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 4px;
        padding-left: 4px;
    }
}
@media only screen and (min-width: 1067px) and (max-width: 1200px){
   #divTransferList .kstm-item .ahotel-image {
        width: 32% !important;
    }
    #divTransferList .kstm-item .ahotel-body {
        width: 65% !important;
    }

}

@media (max-width: 640px) {
    .navbar-light .navbar-nav .nav-link {
        font-size: 10px;
    }

    .flight_mywrap .fitemmain .airlinename {
        font-size: 11px;
    }

    .flight_mywrap .fitemdfrom, .flight_mywrap .fitemdto {
        font-size: 12px;
    }

    .flight_mywrap .flightitem .flighttitle {
        font-size: 13px;
    }

    .flight_mywrap path {
        width: 72%;
    }

    .fitemftmain, ul.fitemftstops {
        margin-top: 6px;
    }

    path:before, path:after {
        background-size: contain;
        height: 15px;
        width: 15px;
        margin-top: 2px;
    }
}

@media(max-width: 560px) {
    .nav.nav-tabs > li > a {
        font-size: 10px;
    }
}

@media(max-width: 1024px) {
    .nav.nav-tabs > li > a > i {
        top: 0px !important;
    }

    .navDropdown {
        text-align: left;
    }

    .main_box_pan_new .travmain.nocncldsn .trav1-one {
        width: 50%;
    }

    .main_box_pan_new .trav1-two.ln30 {
        width: 50%;
        grid-column-gap: 10px;
        grid-template-columns: 1fr 25px 37px;
        justify-items: right;
        justify-content: space-between;
    }

    .main_box_pan_new .trav .travmain .tavelPrt8 {
        min-width: 469px !important;
    }

    .main_box_pan_new .travmain.nocncldsn .tavelPrt5 {
        width: 51% !important;
        text-align: left !important;
    }

    .main_box_pan_new .hotelItemWrappMain .trav .travmain.nocncldsn {
        border-bottom: 2px solid #ddd;
    }

    /*.main_box_pan_new .travMultiRooms .trav1-two.ln30, .main_box_pan_new .travMultiRooms .trav1-one {
        grid-template-columns: 1fr !important;
        width: 50% !important;
    }*/

    .noHeaderModal .close, .modal-header .close.modal-close {
        top: -7px;
        right: -4px;
    }

    #DivFilter .irs .irs-from {
        left: 55px !important;
    }

    #DivFilter .irs .irs-to {
        left: auto !important;
        right: 55px;
    }
}





.kstmbtnshift {
    border: none;
    background-image: -webkit-linear-gradient(190deg,#ff3e5e,#ff7f3f);
    height: 30px;
    border-radius: 30px;
    width: 100%;
    max-width: 180px;
}

    .kstmbtnshift:focus {
        border: none;
        box-shadow: none;
        outline: 0;
    }

    .kstmbtnshift i {
        line-height: 24px;
        color: #fff;
    }

    .kstmbtnshift span {
        border-radius: 20px;
        color: #fff;
        margin-right: 15px;
    }


.PaxRow .input-group-prepend input {
    border: none;
}

.lead-title-heading {
    padding-bottom: 12px;
    border-bottom: 1px solid #f3f3f3;
}

    .lead-title-heading span {
        font-weight: 600;
    }

#btnSaveBasics {
    border-radius: 30px;
    padding: 5px 30px;
}

.passportwrap {
    background: #f5f7f9;
    padding: 15px 0;
    padding-bottom: 0;
}

.PaxRow:first-child .cstmMainAdult {
    display: block !important;
}

.PaxRow:first-child .cstmOtherAdult {
    display: none;
}

input#txtLDOB {
    cursor: pointer;
    background: #fff;
}

.additional_info_top.form-row, .additional_Info_bottom.form-row {
    margin-right: 0;
    margin-left: 0;
}

.additional_info_top, .additional_Info_bottom {
    width: 100%;
}

.form-row.PaxRow {
    margin-bottom: 3px;
    background: #fff;
    padding-top: 12px;
    padding-bottom: 0px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1), 0 6px 6px rgba(0,0,0,0.1);
    border-radius: 4px;
    border-bottom: none;
}

.passportwrap {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.box-shadow_none {
    box-shadow: none;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0;
    padding-bottom: 0;
}

.PaxRow span {
    line-height: 30px;
}

.PaxRow .form-group {
    margin-bottom: 12px;
}

.additional_info_top {
    border-bottom: 1px dashed #ddd;
    margin-bottom: 12px;
}

    .additional_info_top .blankdiv span, .additional_Info_bottom .blankdiv span {
        text-transform: capitalize;
        font-weight: 500;
        padding-left: 10px;
    }

.additional_Info_top {
    width: 100%;
}

    .additional_Info_top .blankdiv span {
        padding-left: 10px;
    }

    .additional_Info_top.form-row {
        margin-right: 0;
        margin-left: 0;
    }

.additional_info_top {
    border-bottom: 1px dashed #ddd;
    margin-bottom: 12px;
}

.my-indi-price-inner span:nth-child(2) {
    padding-right: 12px;
}


a#aCurrentCurr.nav-item.nav-link.dropdown-toggle, span#spnLang.langname.MobHide {
    color: #252525;
}

.show-content label {
    color: #000;
}

.error_booking {
    background: #f7d2d9;
    padding: 5px 15px;
    font-weight: 600;
    color: #d72828;
    margin: 15px 0px 10px 0px;
}

.booking-faild-detail, .flight-booking-faild {
    padding: 15px 20px;
}

.failedbooking .modal-body li b {
    color: var(--main-bg-color);
}

.cancel-sub-head {
    font-size: 14px;
    color: #333 !important;
    font-weight: 600;
}

.bokCntMain {
    padding: 10px 20px;
    border: 1px solid #eee;
    margin-top: 10px;
}

/*Rail ticket booking checkout*/
.rail_detailsbook {
    width: 100%;
    display: inline-block;
    position: relative;
}

    .rail_detailsbook span {
        width: 50%;
        display: inline-block;
        float: left;
        font-weight: 600;
    }

.date-timerail {
    width: 100% !important;
    font-weight: 500 !IMPORTANT;
}

.rail_detailsbook::after {
    content: '\f061';
    position: absolute;
    width: 15px;
    font-family: FontAwesome;
    font-style: normal;
    left: 50%;
    top: 25%;
    transform: translate(-50%,-50%);
}

/* Designing issue solved by Bharat */

#txtRoundtripFrom:focus, #txtRoundtripWayTo:focus, #txtOneWayFrom:focus, #txtOneWayTo:focus {
    z-index: 99;
}

#txtRoundtripFrom:focus, #txtOneWayFrom:focus {
    border-right: 1px solid var(--main-bg-color);
}

#txtRoundtripWayTo:focus, #txtOneWayTo:focus {
    border-left: 1px solid var(--main-bg-color);
}

.ddMoreToggle .btn-primary:hover, .ddMoreToggle .btn-primary:focus {
    border: 1px solid #ddd !important;
}

.FlightNav .dropdown-menu {
    padding: 0;
}

.pagination > li > a {
    transition: .5s ease;
}

.fltrWrap .glyphicon-ok:before, .cont_box .glyphicon-ok:before {
    margin-left: -1.5px;
}

#excursionsearchid {
    padding-left: 10px;
}

.cart_topb {
    padding-left: 10px;
}

.cart_head {
    left: 10px;
}

#ulAminities li span i {
    top: -6px;
}

#ltrTripReviews > *:before, #ulAminities > *:before {
    top: 0px;
}

.fiditemto.v-align .v-alignin {
    width: 100%;
    text-align: right;
}

.navbar-right .dropdown-menu-right {
    margin: 0;
    padding: 0;
}

.fl-is-open > .fl-accordion-toggle {
    background-color: transparent;
    position:relative;
    z-index:2;
}
    .fl-is-open > .fl-accordion-toggle::after {
        background: var(--main-bg-color);
        opacity: 0.65;
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        overflow: hidden;
        z-index: -1;
    }

.railPassMain a.active:hover {
    color: #fff;
}

button.close .signia-cross {
    font-size: 15px;
}

#mycartDetails #divPaxDetail .padTB15 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.PaxRow .kbtnwrap span {
    line-height: inherit;
}

.PaxRow .kbtnwrap .btn-default:active {
    background-image: -webkit-linear-gradient(190deg,#ff3e5e,#ff7f3f);
}

#divMyResults .loader-14 {
    top: 40% !important;
}

.close {
    color: #9da2a8;
}

.add_pax textarea, .addPaxWrapper .input-group.clockpicker {
    margin: 5px;
}

.FareRuleDetail th, .FareRuleDetail td {
    border: 1px solid #ddd;
    padding: 0px 5px;
    font-size: 13px;
}

@media(max-width: 767px) {
    #car {
        left: 0 !important;
    }

    .vrsnwrap.inline * {
        margin: 0px 4px;
    }

    .PaxRow.mainPax .kstmbtnshift {
        margin-bottom: 12px;
    }

    .PaxRow.mainPax .AgeCal {
        padding-right: 0px;
    }

    .add_pax textarea, .addPaxWrapper .input-group.clockpicker {
        margin: 0px;
    }

    .FareRuleTop [class*="col-md-6"] {
        width: 50%;
    }

    .FareRuleDetail {
        margin-top: 15px;
    }

    .fiditemto.v-align .v-alignin {
        text-align: left;
    }
}

.resultsHotChngHotel {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 100px;
}

.pkgItemBig .tags-list .signia-airport-transportation {
    font-size: 19px;
    vertical-align: middle;
}

.pkgItemBig .uc-kstm-wrap li:nth-child(1) i {
    margin-left: 1px;
}

.pkgItemBig .uc-kstm-wrap li [class*=signia-]:before, .pkgItemBig .uc-kstm-wrap li [class^=signia-]:before {
    font-weight: 600 !important
}

.FareRuleDetailinner table {
    width: 96%;
    margin: 0 auto;
}

/* Designing Changes on Flight SRP Solved By Bharat 08-01-2020 */
.FlightNav .dropdown-toggle {
    padding: 0px 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    outline: 0;
}


/* Designing Changes on Mac Solved By Bharat 22-01-2020 */
.ddBoxWrap .ddMoreToggle .btn-cancel {
    background-color: #fff;
}

/* Designing Changes on Mac Solved By Bharat 22-01-2020 */
.terms-conditions .ccltable th, td {
    padding: 10px;
}

.terms-conditions table {
    border-collapse: collapse;
    margin-bottom: 50px;
}

@media (max-width: 1199px) {
    /* Adroid Issue Solved by Bharat 08-01-2020 */
    .emailLink {
        float: left;
        margin-bottom: 10px !important;
    }

    /* Adroid Issue Solved by Bharat 08-01-2020 */
    .text-left-sm {
        text-align: left !important;
    }

    /* Responsive Issue Solved by Bharat 10-01-2020 */
    .donebox {
        font-size: 12px;
    }
}

@media (max-width: 992px) {
    /* Responsive Issue Solved by Bharat 13-01-2020 */
    #SlotModal .close {
        right: 8px;
        top: -8px;
    }
    .bookFlight.bookfilightnew.tntrlntlflts .flightsmall, .bookfilightnew.tntrlntlflts .fitemmain {
        height: 43px !important;
    }
    /* Adroid Issue Solved by Bharat 16-01-2020 */
    .showapply .filter-apply.btnApply {
        display: none;
    }

    .main_box_pan_new .travmain.nocncldsn .trav1-three {
        border-top: 1px solid #ddd !important;
    }

    .hotelItemWrappMain .trav .travmain.nocncldsn {
        border-bottom: 2px solid #ddd;
    }
}

@media (max-width: 992px) {
    /* Responsive Issue Solved by Bharat 13-01-2020 */
    .slot-item {
        margin-bottom: 10px;
    }
}

@media (max-width: 767px) {
    /* Adroid Issue Solved by Bharat 08-01-2020 */
    .FareRuleDetailinner {
        overflow-x: auto;
    }

    /* Adroid Issue Solved by Bharat 08-01-2020 */
    .mobbtnfull .donebox {
        margin-left: 0 !important;
    }

    /* Adroid Issue Solved by Bharat 08-01-2020 */
    .dataTables_scrollBody {
        min-height: 56vh;
        max-height: 56vh !important;
    }

    /* Adroid Issue Solved by Bharat 08-01-2020 */
    .slidewrap:before {
        top: -1px !important;
    }

    /* Adroid Issue Solved by Bharat 08-01-2020 */
    .reqAcc .igacountryWrap input {
        top: 3px !important;
    }

    /* Adroid Issue Solved by Bharat 08-01-2020 */
    .dataTables_wrapper .dataTables_length label {
        display: flex;
    }

    /* Adroid Issue Solved by Bharat 08-01-2020 */
    #btnEmailLink {
        margin-bottom: 20px;
    }

    /* Adroid Issue Solved by Bharat 08-01-2020 */
    .iti-mobile .intl-tel-input .country-list {
        width: 82%;
        margin: 0 auto;
    }

    /* Adroid Issue Solved by Bharat 08-01-2020 */
    .languageWrap .flag_bdr_wrap .dropdown-menu.show {
        right: 15px !important;
    }

    /* Adroid Issue Solved by Bharat 09-01-2020 */
    .copyright-section .vrsnwrap.inline * {
        margin-left: 0;
    }

    /* Menu Fixed on Bottom by Bharat 10-01-2020 */
    /*header .navbar-nav {
            position: fixed;
            background-color: #fff;
            width: 100%;
            bottom: 0;
            left: 0;
            padding: 10px 10px;
        }

        header .navDropdown {
            bottom: 100%;
            -webkit-box-shadow: -7px -11px 20px rgba(0,0,0,0.1), 0 6px 6px rgba(0,0,0,0.1);
            -moz-box-shadow: -7px -11px 20px rgba(0,0,0,0.1), 0 6px 6px rgba(0,0,0,0.1);
            -ms-box-shadow: -7px -11px 20px rgba(0,0,0,0.1), 0 6px 6px rgba(0,0,0,0.1);
            -o-box-shadow: -7px -11px 20px rgba(0,0,0,0.1), 0 6px 6px rgba(0,0,0,0.1);
            box-shadow: -7px -11px 20px rgba(0,0,0,0.1), 0 6px 6px rgba(0,0,0,0.1);
            border-radius: 4px 4px 0px 0px;
            left: -9px;
            border-top: 3px solid var(--main-bg-color) !important;
            border-bottom: 0 !important;
        }*/

    /* Responsive Issue Solved by Bharat 13-01-2020 */
    .statusSpan {
        margin-right: 5px !important;
    }

    .rmvAmount {
        right: auto;
        left: 74px;
        top: 4px;
    }

    .mealprice {
        float: left;
        margin-left: 18px;
        margin-top: 10px;
        margin-right: 0 !important;
    }

    /* Android Issue Solved by Bharat 16-01-2020 */
    .vres-prog-div h3 {
        padding: 35px 8px 15px;
    }

    /* Android Issue Solved by Bharat 16-01-2020 */
    .fltrWrapInner.fltrShow {
        top: 222px !important;
        -webkit-box-shadow: -4px -2px 15px #999;
        -moz-box-shadow: -4px -2px 15px #999;
        box-shadow: -4px -2px 15px #999;
    }

    /* Android Issue Solved by Bharat 16-01-2020 */
    .hot_hotel-image img {
        min-height: 200px;
    }

    /* Android Issue Solved by Bharat 16-01-2020 */
    .dvload.loader-14Wrap {
        z-index: 2;
    }

    /* Android Issue Solved by Bharat 16-01-2020 */
    .bootstrap-touchspin .btn-default {
        min-width: 32px;
    }

    /* Android Issue Solved by Bharat 16-01-2020 */
    .ticket {
        margin: 0 10px 10px 0;
    }

    /* Android Issue Solved by Bharat 16-01-2020 */
    .cpolicy_hotel .clsCanPolHead {
        margin-top: -3px;
    }

    /* Android Issue Solved by Bharat 16-01-2020 */
    #ultxttransfer {
        padding-top: 10px;
    }

    /* Android Issue Solved by Bharat 16-01-2020 */
    .changeact .ahotelRightScroll a {
        padding: 0;
    }

    /* Android Issue Solved by Bharat 16-01-2020 */
    .travmain .trav1-three .tavelPrt3 {
        font-size: 11px;
    }

    /* Android Issue Solved by Bharat 16-01-2020 */
    .modal-body {
        max-height: 71vh;
    }

    #mltplmodal .modal-body {
        max-height: 100vh;
    }

    /* Android Issue Solved by Bharat 16-01-2020 */
    .availmodal .availcurrncy {
        margin: 0;
        top: 46% !important;
    }

    /* Android Issue Solved by Bharat 16-01-2020 */
    .ahotel-item > div.pkgOnwardsWrap {
        background-color: #fff !important;
    }

    /* Android Issue Solved by Bharat 16-01-2020 */
    .pkgOnwardsWrap span.clr-white.NewPrice, .pkgOnwardsWrap .clr-white label, .pkgOnwardsWrap .clr-white span {
        color: #666 !important;
    }

    /* Android Issue Solved by Bharat 16-01-2020 */
    .ec-itnder-col-inner .spnnull {
        padding: 4px 7px;
        font-size: 14px;
    }

    .ec-itnder-des h4 {
        font-size: 13px !important;
    }

    /* Android Issue Solved by Bharat 17-01-2020 */
    .pkgOnwardsWrap .hotel-list {
        margin-bottom: 26px;
        background-color: transparent;
        border: none;
    }

    /* Android Issue Solved by Bharat 17-01-2020 */
    .pkgOnwardsWrap .position-abs {
        margin-top: 2px;
    }

    /* Android Issue Solved by Bharat 17-01-2020 */
    .pOWprice .NewPrice.font-big {
        font-size: 16px;
    }

    /* Android Issue Solved by Bharat 17-01-2020 */
    .pkgOnwards .pOWprice {
        position: absolute;
        bottom: 0;
        left: 0;
        text-align: left !important;
        display: inline-block;
        border-top: 1px dashed #ddd;
        padding-top: 10px;
    }

    /* Android Issue Solved by Bharat 17-01-2020 */
    .changeHotelTrav.travmain .trav1-one, .changeHotelTrav.travmain .trav1-two {
        border-bottom: 0 !important
    }
    /* Android Issue Solved by Bharat 17-01-2020 */
    .changeHotelTrav.travmain .trav1-one {
        width: 60%;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* Android Issue Solved by Bharat 17-01-2020 */
    .changeHotelTrav.travmain .trav1-two {
        width: 39%;
    }

    /* Android Issue Solved by Bharat 17-01-2020 */
    .thumbsliderPopupBody {
        height: 100vh !important;
        max-height: 91%;
        padding: 0;
    }

    /* Android Issue Solved by Bharat 17-01-2020 */
    #divRight {
        padding: 0;
    }

    /* Android Issue Solved by Bharat 17-01-2020 */
    #myModalPopup-title {
        margin-top: -2px;
    }

    /* Android Issue Solved by Bharat 17-01-2020 */
    .changetrans > .page-row > .col-md-12 {
        padding: 0;
    }

    /* Android Issue Solved by Bharat 17-01-2020 */
    #pickupspan .easycstm-wrap label {
        font-size: 12px;
    }

    /* Android Issue Solved by Bharat 17-01-2020 */
    .ticket-day-list {
        font-size: 12px;
    }

    /* Android Issue Solved by Bharat 17-01-2020 */
    .changeHotelTrav .trav1-three {
        margin: 10px 0px;
    }

    /* Android Issue Solved by Bharat 17-01-2020 */
    .tavelPrt2 {
        border-left: 0 !important;
    }

    /* Android Issue Solved by Bharat 17-01-2020 */
    .changeHotelTrav.travmain .trav1-two {
        border-top: 0 !important;
    }

    /* Android Issue Solved by Bharat 17-01-2020 */
    .tab-pane .customCheckbox input:checked + label:after {
        top: 5px !important;
    }

    /* Android Issue Solved by Bharat 17-01-2020 */
    .FlightNav {
        display: block !important;
    }

        /* Android Issue Solved by Bharat 17-01-2020 */
        .FlightNav .radio-group {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            text-align: center;
            margin-bottom: 10px;
        }

            /* Android Issue Solved by Bharat 17-01-2020 */
            .FlightNav .radio-group label {
                margin-right: 0;
            }

    /* Android Issue Solved by Bharat 17-01-2020 */
    .dropdown-toggle::after {
        right: -6px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    /* Android Issue Solved by Bharat 17-01-2020 */
    .flightcontent .cats-title {
        padding-bottom: 9px;
    }

    /* Android Issue Solved by Bharat 17-01-2020 */
    .d-flex-more-rooms {
        justify-content: center;
    }

    /* Android Issue Solved by Bharat 17-01-2020 */
    .pp-right br {
        display: none;
    }

    /* Android Issue Solved by Bharat 17-01-2020 */
    .BoxDiv-title-nw .form-row .text-right .donebox:last-of-type {
        margin-right: 0;
        position: absolute;
        right: 0px;
        top: -2px;
    }

    /* Android Issue Solved by Bharat 17-01-2020 */
    .CSTMPIcol .chartitle {
        margin-bottom: 10px !important;
    }

    /* Android Issue Solved by Bharat 17-01-2020 */
    .pppgwrap .pppgright, .pppgwrap .pppgleft {
        display: block;
    }

    /* Android Issue Solved by Bharat 17-01-2020 */
    .pppgwrap .pppgleft {
        width: 100%;
    }

    /* Android Issue Solved by Bharat 17-01-2020 */
    .mainHeader .navbar-brand {
        width: 55px !important;
    }
    .mainHeader .navbar.navbar-expand-lg.navbar-light span.header-icon.flight-icons-24 img {
        height: 22px !important;
        max-width: 23px !important;
    }
    .more-item-show .morelink {
        width: 26px !important;
        height: 26px !important;
        line-height: 18px;
    }
    .navbar-right li .nav-link img {
        max-width: 16px !important;
    }
    .mainHeader .arrow-angle-toggle .down-arrow svg {
        height: 11px !important;
        width: 10px !important;
    }
    .mainHeader .arrow-angle-toggle .down-arrow {
        right: -6px !important;
        top: calc(50% - 5px) !important;
    }
   /* .mainHeader .navbar-light .navbar-nav .nav-item a {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }*/
    /* Android Issue Solved by Bharat 17-01-2020 */
    .slides {
        margin-top: -1px;
    }

    /* Android Issue Solved by Bharat 17-01-2020 */
    .readMoreModal .modal-content {
        border: none;
    }

    /* Android Issue Solved by Bharat 17-01-2020 */
    .mainHeader .TabConWrap.posRel {
        background: transparent;
    }

    /* Android Issue Solved by Bharat 17-01-2020 */
    .avai_htl_name {
        padding-right: 0 !important;
    }

    /* Android Issue Solved by Bharat 17-01-2020 */
    .modal {
        z-index: 9999;
        overflow-y:auto;
    }

    /* Android Issue Solved by Bharat 17-01-2020 */
    .b2bctrbx1 span.stars {
        padding-left: 20px;
    }

    /* Android Issue Solved by Bharat 17-01-2020 */
    .trav .travmain.nocncldsn, .b2bview-more {
        padding: 7px;
    }

        /* Android Issue Solved by Bharat 17-01-2020 */
        .b2bview-more .lnkPreventDefaultClass {
            border-bottom: 0 !important;
        }

    /* Android Issue Solved by Bharat 17-01-2020 */
    .modal-content {
        max-height: 100%;
    }

    /* Android Issue Solved by Bharat 17-01-2020 */
    .avai_htl_name > .modal-title {
        padding-right: 0 !important;
    }

    /* Android Issue Solved by Bharat 17-01-2020 */
    .hot_hotel-item .b2bhtl-icons1 {
        padding: 7px 0px 0px 0px;
    }

    /* Android Issue Solved by Bharat 17-01-2020 */
    .b2bctrbx1 {
        padding-right: 0;
    }

    /* Android Issue Solved by Bharat 17-01-2020 */
    .trav .travmain .tavelPrt6 i:last-of-type {
        font-size: 16px;
    }

    /* Android Issue Solved by Bharat 17-01-2020 */
    .change_hotel .trav .travmain {
        padding: 5px !important;
    }

    /* Android Issue Solved by Bharat 20-01-2020 */
    .kstm-item .ahotel-body {
        padding-bottom: 0 !important;
    }

    /* Android Issue Solved by Bharat 20-01-2020 */
    .uc-final-content .uc-para-wrap .circle {
        width: auto;
    }

    /* Android Issue Solved by Bharat 20-01-2020 */
    .uc-final-content .uc-para-wrap b {
        margin-bottom: 10px;
        display: block;
    }

    /* Android Issue Solved by Bharat 20-01-2020 */
    .uc-final-content .uc-para-wrap ol {
        padding: 0;
    }

    /* Android Issue Solved by Bharat 20-01-2020 */
    #mealRequest .modal-body {
        padding-bottom: 10px;
    }

    /* Android Issue Solved by Bharat 20-01-2020 */
    .seatlayoutbox {
        min-height: 221px;
        padding-top: 68px;
    }

    /* Android Issue Solved by Bharat 20-01-2020 */
    .craftName {
        left: 6%;
    }

    /* Android Issue Solved by Bharat 20-01-2020 */
    .seatReservation .property-section .col-md-4.text-right {
        width: 100%;
        text-align: center !important;
    }

    /* Android Issue Solved by Bharat 20-01-2020 */
    .seatReservation .property-section .click-seatbtn {
        position: relative;
        right: auto;
    }

    /* Android Issue Solved by Bharat 20-01-2020 */
    .ptrain {
        left: auto !important;
        top: 12% !important;
        right: 26px !important;
        transform: none !important;
    }

    /* Android Issue Solved by Bharat 20-01-2020 */
    .trainClass {
        width: 86px !important;
        transform: rotate(-90deg) !important;
        transform-origin: top right;
    }

    /* Android Issue Solved by Bharat 20-01-2020 */
    .railFooterTabs {
        position: absolute;
        bottom: -34px;
        background: #fff;
        border-top: 1px solid #ddd;
    }

    /* Android Issue Solved by Bharat 20-01-2020 */
    .railResultMain {
        margin-bottom: 70px !important;
    }

    /* Android Issue Solved by Bharat 20-01-2020 */
    .railResultBottom {
        position: relative;
    }

    /* Android Issue Solved by Bharat 20-01-2020 */
    .railTabWrapper {
        margin-top: 35px;
    }

    /* Android Issue Solved by Bharat 20-01-2020 */
    .railResultBottom .col-md-3.text-right.dvPrintOption {
        display: none;
    }

    /* Android Issue Solved by Bharat 20-01-2020 */
    .customRadio {
        display: none;
    }

    /* Android Issue Solved by Bharat 20-01-2020 */
    .from-to-wrap .directionArrow {
        border: 0;
        border-bottom: 0;
        height: 25px;
        width: 25px;
        left: 50%;
        margin-left: 0;
        text-align: center;
        cursor: pointer;
        background: #f5f5f5;
        z-index: 15;
        transform: rotate(90deg) translateX(-50%);
        top: 34px;
        border-radius: 50%;
    }

    /* Android Issue Solved by Bharat 20-01-2020 */
    .from-to-wrap .form-to-50 {
        width: 100%;
        float: left;
        padding-right: 0 !important;
        padding-left: 0 !important;
        margin-bottom: -1px;
    }

        /* Android Issue Solved by Bharat 20-01-2020 */
        .from-to-wrap .form-to-50:nth-last-child(1) {
            margin-bottom: 0;
        }

    /* Android Issue Solved by Bharat 21-01-2020 */
    #Rails .customCheckbox {
        display: block;
    }

    /* Android Issue Solved by Bharat 21-01-2020 */
    .railChekBoxInfo .fa-info-circle {
        cursor: pointer;
        color: #1e2f75;
        margin-left: 3px;
    }

    /* Android Issue Solved by Bharat 21-01-2020 */
    #Rails .FlightNav .radio-group, #RailPass .FlightNav .radio-group {
        grid-template-columns: 1fr 1fr;
    }

    /* Android Issue Solved by Bharat 21-01-2020 */
    .bottomTabTimeCity .boldHead:before, .bottomTabTimeCity .boldHead:after {
        left: 0 !important;
    }

    /* Android Issue Solved by Bharat 21-01-2020 */
    .pathWrapper {
        margin: 10px 0px !important;
        margin-bottom: 0 !important;
    }

    /* Android Issue Solved by Bharat 21-01-2020 */
    .bottomTabTimeCity .firstItem:after {
        height: 89px !important;
    }

    /* Android Issue Solved by Bharat 22-01-2020 */
    .fhttablewrap {
        overflow: auto;
    }

    /* Android Issue Solved by Bharat 22-01-2020 */
    .navbar .navbar-right > .nav-item {
        padding-right: 3px;
    }

    /* Android Issue Solved by Bharat 23-01-2020 */
    .TabConWrap .dropdown-toggle::after {
        right: 6px;
    }

    /* Android Issue Solved by Bharat 23-01-2020 */
    .navbar .flag_img_outer {
        height: 15px;
        width: 15px;
        object-fit: cover;
    }

    .fitemtoggle {
        display: flex;
        align-items: center;
    }
}

@media (min-width: 767px) {
    /* Android Issue Solved by Bharat 21-01-2020 */
    .loc-sm {
        display: none;
    }
}

@media (max-width: 991px) {
    /* Android Issue Solved by Bharat 20-01-2020 */
    .layoutmain.seat-main-content .d-flex {
        display: block !important;
    }

    /* Android Issue Solved by Bharat 20-01-2020 */
    #mealRequest .modal-body, #div_contentbody .modal-body, #modalCommon .modal-body {
        max-height: 100%;
    }

    /* Android Issue Solved by Bharat 20-01-2020 */
    .seatReservation .mealPaxMain, .seatlayoutbox {
        height: 38vh !important;
    }

    /* Android Issue Solved by Bharat 20-01-2020 */
    .flightbody {
        min-width: 380px;
    }
}

@media (min-width: 722px) and (max-width: 992px) {
    /* Responsive Issue Solved by Bharat 13-01-2020 */
    .slot-item {
        width: 204px !important;
    }
}

@media (min-width: 700px) and (max-width: 721px) {
    /* Responsive Issue Solved by Bharat 13-01-2020 */
    .slot-item {
        width: 300px !important;
    }
}

@media (min-width: 576px) and (max-width: 699px) {
    /* Responsive Issue Solved by Bharat 13-01-2020 */
    .slot-item {
        width: 238px !important;
    }
}

@media (max-width: 575px) {
    /* Responsive Issue Solved by Bharat 13-01-2020 */
    .slots-list {
        align-items: center;
        justify-content: center;
    }

    /* Responsive Issue Solved by Bharat 13-01-2020 */
    .slots-type {
        text-align: center !important;
    }

    /* Responsive Issue Solved by Bharat 13-01-2020 */
    .slots-footer .slotsButton {
        text-align: center !important;
        margin-top: 10px;
    }

    /* Responsive Issue Solved by Bharat 13-01-2020 */
    .text-center-sm {
        text-align: center !important;
    }

    /* Android Issue Solved by Bharat 16-01-2020 */
    #htladd {
        padding-left: 20px;
        position: relative;
    }

    .b2bctrbx1 span .fa-map-marker {
        position: absolute;
        left: -11px;
        top: 3px;
    }
}


@media (min-width: 768px) and (max-width: 776px) {
    /* Responsive Issue Solved by Bharat 13-01-2020 */
    .statusSpan {
        margin-right: 10px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    /* Responsive Issue Solved by Bharat 21-01-2020 */
    .pathWrapper .borderText {
        max-width: 92px !important;
    }
}

@media (min-width: 768px) and (max-width: 1000px) {
    /* Responsive Issue Solved by Bharat 21-01-2020 */
    .railResultBottom .clsacrt {
        padding: 0;
    }
}

@media (min-width: 900px) and (max-width: 1054px) {
    /* Responsive Issue Solved by Bharat 21-01-2020 */
    .railResultBottom .clsacrt .donebox {
        font-size: 9px;
    }
}

@media (min-width: 768px) and (max-width: 899px) {
    /* Responsive Issue Solved by Bharat 21-01-2020 */
    .railResultBottom .clsacrt .donebox {
        font-size: 8px;
    }
}

/* Designing Changes on Flight SRP Solved By Bharat 08-01-2020 */
.fitemftstops {
    counter-reset: section;
}

/* Designing Changes on Flight SRP Solved By Bharat 08-01-2020 */
.flgtLyovrInfo {
    bottom: 228%;
}

/* Designing Changes on Flight SRP Solved By Bharat 08-01-2020 */
.flgtArrowDown {
    bottom: -14px;
}

/* Designing Changes on Flight SRP Solved By Bharat 08-01-2020 */
.flgtArrowDown, .airlnNameArrowDown {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #fff;
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 4px;
}

/* Designing Changes on Flight SRP Solved By Bharat 08-01-2020 */
.fitemftstops li:hover .flgtLyovrInfo {
    display: block !important;
}

/* Designing Changes on Flight SRP Solved By Bharat 13-01-2020 */
.showRailResult:hover .atoc {
    display: block !important;
}

/* Designing Changes on Flight SRP Solved By Bharat 13-01-2020 */
.showRailResult {
    cursor: pointer !important;
}

/* Designing Changes on Flight SRP Solved By Bharat 08-01-2020 */
.airlnNameArrowDown {
    bottom: -14px;
}

/* Designing Changes on Flight SRP Solved By Bharat 08-01-2020 */
.airlineNameTooltip {
    bottom: 145%;
    left: 0 !important;
    transform: none !important;
}

/* Designing Changes on Flight SRP Solved By Bharat 08-01-2020 */
.tooltipBox {
    webkit-box-shadow: -12px -5px 20px rgba(0,0,0,0.1), 0 6px 6px rgba(0,0,0,0.1);
    -moz-box-shadow: -12px -5px 20px rgba(0,0,0,0.1), 0 6px 6px rgba(0,0,0,0.1);
    -ms-box-shadow: -12px -5px 20px rgba(0,0,0,0.1), 0 6px 6px rgba(0,0,0,0.1);
    -o-box-shadow: -12px -5px 20px rgba(0,0,0,0.1), 0 6px 6px rgba(0,0,0,0.1);
    box-shadow: -12px -5px 20px rgba(0,0,0,0.1), 0 6px 6px rgba(0,0,0,0.1);
    width: auto;
    padding: 10px;
    background-color: #fff;
    z-index: 9999;
    position: absolute;
    left: 50%;
    top: auto;
    transform: translateX(-50%);
    text-align: center;
    border-radius: 4px;
}

/* Designing Changes on Flight SRP Solved By Bharat 08-01-2020 */
.airlinename:hover .airlineNameTooltip {
    display: block !important;
}

.saveloaderwrapTransparent .saveloadinner {
    background: transparent;
}

/* Adroid Issue Solved by Bharat 09-01-2020 */
.saveloaderwrapTransparent .saveloadinner {
    top: 49%;
    width: 100%;
}

@media(max-width: 349px) {
   
    /* Adroid Issue Solved by Bharat 10-01-2020 */
    .mainHeader .navbar-light .navbar-nav .nav-link {
        font-size: 12px !important;
    }

    /* Adroid Issue Solved by Bharat 10-01-2020 */
    .mainHeader .navbar-light .navbar-nav .nav-item {
        padding: 0px 1px;
    }

    /* Adroid Issue Solved by Bharat 10-01-2020 */
    .ahotel-item-main .travmain.nocncldsn .trav1-three {
        padding-right: 20px;
    }

    /* Adroid Issue Solved by Bharat 10-01-2020 */
    .click-seatbtn {
        padding: 0px 25px;
    }
}

@media(min-width: 330px) and (max-width: 349px) {

    /* Adroid Issue Solved by Bharat 10-01-2020 */
    .mainHeader .navbar-nav.nav-tabs {
        margin-left: -8px;
    }
}

@media(max-width: 329px) {
    /* Adroid Issue Solved by Bharat 10-01-2020 */
    .mainHeader .navbar-nav.nav-tabs {
        margin-left: -17px;
    }
}

@media(max-width: 992px) {
    .ahotel-btns .donebox:last-of-type {
        margin-left: 5px;
    }
}

@media(min-width: 1500px) {
    .pax-tab-links > li:before {
        bottom: 4px !important;
    }
}

@media(min-width: 768px) and (max-width: 992px) {
    /* Adroid Issue Solved by Bharat 09-01-2020 */
    .login-left .tuislider {
        top: 27%;
    }
}

@media(min-width: 800px) and (max-width: 992px) {
    /* Adroid Issue Solved by Bharat 09-01-2020 */
    .login-left .tuislider {
        width: 40%;
        height: 40%;
    }
}

@media(min-width: 500px) and (max-width: 700px) {
    /* Adroid Issue Solved by Bharat 09-01-2020 */
    .login-left .ReqAcc {
        padding-bottom: 21%;
    }
}

.atoc {
    line-height: 19px;
    font-size: 11px;
    min-width: 200%;
    bottom: 112%;
}

/* Responsive Issue Solved by Bharat 13-01-2020 */
#mycartDetails .basket .connectivity .dot {
    line-height: 8px;
    padding: 5px;
}

/* Responsive Issue Solved by Bharat 14-01-2020 */
.pathWrapper .borderText {
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    cursor: pointer;
}

/* Responsive Issue Solved by Bharat 14-01-2020 */
.borderText:hover .pathwrapperInner {
    display: block !important;
    bottom: 122%;
}

/* Android Issue Solved by Bharat 16-01-2020 */
.ttlpax .label {
    font-weight: bold;
    margin-right: 3px;
}

/* Android Issue Solved by Bharat 16-01-2020 */
.customCheckbox label:before {
    padding: 6px !important;
}

.customCheckbox input:checked + label:after {
    top: 4px !important;
    left: 6px !important;
    width: 5px !important;
    height: 10px !important;
}

/* Android Issue Solved by Bharat 17-01-2020 */
.prodetail .pppglist i, .prodetail .pppglist a, .prodetail .pppglist a:hover, .prodetail .pppglist a:focus, .prodetail .pppglist a:active {
    color: #666 !important;
}

/*#Mandatory .form-group .input-group .input-group-prepend {
    display: none;
}*/

.input-group .form-control {
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important;
}

/* Designing Issue Solved by Bharat 21-01-2020 */
#divflight .flightwrap .child-spacing {
    padding: 10px 0px;
}

/* Designing Issue Solved by Bharat 21-01-2020 */
#ulMealFilters .promoarrow.float_rgt {
    min-width: 38px;
}

/* Designing Issue Solved by Bharat 21-01-2020 */
.tbh-main .BoxDiv-heading .paddingT0 {
    padding-top: 10px !important;
}

/* Designing Issue Solved by Bharat 21-01-2020 */
.tblPolicyDisplay u {
    border-bottom: 1px solid #666;
    text-decoration: none;
}

/* Designing Issue Solved by Bharat 22-01-2020 */
.fitemftstops .tooltipBox {
    width: 100%;
}

/* Designing Issue Solved by Bharat 30-01-2020 */
/*.dataTables_scrollHead, .dataTables_scrollFoot {
    overflow: visible !important;
}*/

/* Designing Issue Solved by Bharat 31-01-2020 */
@media (min-width: 1024px) {
    .tavelPrt5 .OldPrice {
        display: block;
        line-height: 8px;
    }

    .travmain.nocncldsn .tavelPrt5 {
        padding: 3px 0px;
    }
}

.cl-cart .fitemthumbinner {
    top: 50%;
    transform: translateY(-50%);
}

/* Mac 31-01-2020 */
.mac-os.safari .clickme:before {
    background: -webkit-linear-gradient(rgba(30, 87, 153, 0), rgba(126, 159, 200, 0.02) 44.12%, rgba(255, 255, 255, 1));
    background: linear-gradient(rgba(30, 87, 153, 0), rgba(126, 159, 200, 0.02) 44.12%, rgba(255, 255, 255, 1));
    bottom: 21px !important;
}

.mac-os.safari .pathWrapper li:before, .mac-os.safari .pathWrapper li:after {
    margin-bottom: -12px;
}

/* Designing Issue Solved by Bharat 03-02-2020 */
.thumbslider .rsMainSlideImage {
    object-fit: cover;
}

.railChekBoxInfo .customCheckbox .fa-info-circle {
    margin-left: 5px;
}

select#ddlPrintOption {
    min-width: 120px;
}


.sortBoxCustom.sort-box .sort-list {
    margin-bottom: 0px;
    display: -moz-box;
    display: -ms-flexbox;
    width: 100%;
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
    column-gap: 20px;
}

.sortBoxCustom .sort-list > li {
    display: flex;
    margin-left: -4px;
    position: relative;
    align-items: center;
}

    .sortBoxCustom .sort-list > li span {
        font-weight: bold;
    }

    .sortBoxCustom.sort-box .sort-list > li, .sortBoxCustom .sort-list > li a, .sortBoxCustom.sort-box .sort-list li span {
        color: #666 !important;
    }

    .sortBoxCustom .sort-list > li.active {
        background-color: #f5f5f5;
    }

.sortBoxCustom .sort-list a i {
    vertical-align: middle;
    display: inline-block;
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.sortBoxCustom .sort-list li {
    border: 1px solid #ddd;
    padding: 10px 20px;
    border-radius: 5px;
    font-weight: 600;
    cursor: pointer;
}

    .sortBoxCustom .sort-list li:nth-child(1), .sortDropDown li {
        text-align: left;
        border: 0;
        padding-left: 0;
    }

.sortBoxCustom .sort-list a.active i.holidayme {
    color: #3a50a8;
    opacity: 1;
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.sortBoxCustom .sort-list a.active.sort-descending i.holidayme {
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.sortBoxCustom .sort-list .navDownArrow {
    vertical-align: middle;
    margin-left: 3px;
    float: right;
    margin-top: 5px;
    position: absolute;
    right: 15px;
    top:7px;
}


.sortDropDown {
    position: absolute;
    background-color: #fff;
    padding: 7px 0px;
    top: 104%;
    z-index: 2;
    width: 100%;
    border-radius: 0px 0px 4px 4px;
    right: 0;
    border-bottom: 3px solid var(--main-bg-color);
}

    .sortDropDown li {
        padding: 10px 20px !important;
        color: #999;
        text-align: left !important;
        border: 0 !important;
        border-radius: 0 !important;
    }

        .sortDropDown li.active {
            background-color: var(--main-bg-color);
            color: #fff;
        }

        .sortDropDown li:nth-child(1) {
            padding-top: 0;
        }

/* Designing Issue Solved 05-02-2020 */
#divRight li.row {
    display: block;
}

#divRight .price-breakup li.row {
    display: flex;
}

#divRight li.row .custom-checkbox {
    margin-bottom: 15px;
}

.fitemthumbinner img {
    height: 100%;
}

/* Not Refundable Breaking Issue Solved */
@media (max-width: 1700px) {

    .hotelItemWrappMain .occdtl {
        text-align: right;
    }

    .nonRefndToolTip {
        display: block !important;
    }

    .filterResultInnerCol i {
        padding-right: 0px;
    }
}

@media (max-width: 1365px) {
    .hotelItemWrappMain .trav .travmain.nocncldsn {
        border-bottom: 1px solid #ddd;
    }
}

@media (max-width: 480px) {
    .hotelItemWrappMain .travmain.nocncldsn .trav1-two {
        width: 50%;
        text-align: right;
    }

    .nonRefndToolTip {
        position: absolute;
        left: 59%;
        top: -22px;
    }

    .nonRefundable img {
        width: 22px !important;
    }

    .hotelItemWrappMain .travmain.nocncldsn .trav1-three {
        position: relative;
    }
}

.nonRefundable img {
    width: 30px;
}

.nonRefndToolTip {
    display: none;
}

.hotelItemWrappMain .trav .travmain .tavelPrt8 {
    padding: 0px 7px !important;
}

.hotelItemWrappMain .OldPrice .price {
    padding-right: 0 !important;
}

.hotelItemWrappMain .clsHotelPrice {
    text-transform: uppercase;
}

@media(max-width:360px) {
    .fitemduration {
        padding-bottom: 25px;
    }

    .b2bview-more a {
        font-size: 11px;
    }

    .modal-close {
        top: -7px !important;
        right: -8px !important;
    }

    .mbrfilterbody .close, .mltplmodal .close {
        right: 3px !important;
        top: 9px !important;
    }
    #SlotModal .all-questions-wrap {
        height: 68vh;
    }
}

/*Hotel result new design*/
.main_box_pan_new .trav .travmain .trav1-one .nonRefundable {
    display: block;
    float: none !important;
}

    .main_box_pan_new .trav .travmain .trav1-one .nonRefundable .nonRefundableInner {
        color: #EB2626 !important;
        font-size: 12px;
        text-transform: none;
        font-weight: 500;
    }

/*.main_box_pan_new .travmain.nocncldsn .trav1-one {
    width: 42%;
}*/

.main_box_pan_new .trav1-two.ln30 {
    line-height: 13px;
    flex-flow: column;
    display: grid;
    grid-template-columns: 1fr 36px 37px;
    padding: 0px 30px 0px 15px;
    width: 18%;
}

.main_box_pan_new .trav .travmain .tavelPrt8 {
    min-width: 222px;
}

.main_box_pan_new .trav .travmain .detail-button {
    background: none !important;
    color: var(--main-bg-color) !important;
    border: 1px solid var(--main-bg-color);
    margin-right: 10px;
}

.main_box_pan_new .nonRefundable img {
    display: none;
}

.main_box_pan_new .travMultiRooms .travmain.nocncldsn .trav1-three {
    display: flex;
    width: 30%;
    text-align: right;
}

/*.main_box_pan_new .travMultiRooms .trav1-two.ln30 {
    grid-template-columns: 1fr;
    width: 16%
}*/

.main_box_pan_new .travmain.nocncldsn .trav1-one span {
    position: relative;
}

@media(min-width: 1025px) and (max-width: 1365px) {
    .filterResultInnerCol i {
        font-size: 14px;
    }
    .vres-prog-div {
        margin-top: 0;
        transform: translateY(-50%);
    }
}

@media(min-width: 1025px) and (max-width: 1200px) {
    .main_box_pan_new .trav1-two.ln30 {
        grid-column-gap: 18px !important;
        justify-items: start !important;
        padding: 0px 30px 0px 0px !important;
    }

    .main_box_pan_new .travmain.nocncldsn .trav1-three {
        grid-template-columns: 1fr 83px 35px !important;
        width: 32% !important;
    }
}

@media(min-width: 993px) and (max-width: 1024px) {
    .main_box_pan_new .trav .travmain .tavelPrt8 {
        min-width: 364px !important;
    }
}

@media(min-width: 768px) and (max-width: 992px) {
    .filterResultInnerData {
        column-gap: 0px;
    }

    .filterResultInnerCol i {
        padding-right: 0px;
        font-size: 10px;
    }
}

@media(min-width: 768px) and (max-width: 1024px) {
    .main_box_pan_new .tavelPrt3 {
        padding: 0px 0px;
    }

    .main_box_pan_new .tavelPrt7 {
        padding-right: 5px;
    }

    #DivFilter .irs .irs-from {
        left: 5px !important;
    }

    #DivFilter .irs .irs-to {
        left: auto !important;
        right: 5px;
    }

    .filterResultInnerColTitle {
        font-size: 11px;
    }

    .filterResultMain {
        grid-template-columns: 1fr 56px;
    }
}

@media(min-width: 576px) and (max-width: 992px) {
    .main_box_pan_new .trav .travmain .tavelPrt8 {
        min-width: 252px !important;
    }
}

@media(min-width: 576px) and (max-width: 1024px) {
    .main_box_pan_new .trav1-two.ln30 {
        padding: 0px 15px 0px 15px;
        width: 50%;
        margin-top: 10px;
    }

    .main_box_pan_new .travmain.nocncldsn .trav1-one {
        width: 50%;
    }

    .main_box_pan_new .travMultiRooms .travmain .donebox {
        margin-right: 0;
    }

    .main_box_pan_new .travmain.nocncldsn .tavelPrt5 {
        width: 51% !important;
        text-align: left !important;
    }
}

@media(min-width: 1501px) and (max-width: 1700px) {
    .main_box_pan_new .trav1-two.ln30 {
        width: 25%;
        grid-template-columns: 4fr 2fr 1fr;
    }
}

@media(min-width: 769px) and (max-width: 800px) {
    .filterResultInnerCol {
        font-size: 9px;
    }
}

@media(min-width: 1366px) and (max-width: 1500px) {
    .main_box_pan_new .trav1-two.ln30 {
        width: 24%;
    }
}

@media(min-width: 1201px) and (max-width: 1700px) {
    .main_box_pan_new .travmain.nocncldsn .trav1-one {
        width: 34%;
    }

    .main_box_pan_new .trav1-two.ln30 {
        width: 23%;
    }
}

@media(min-width: 1025px) and (max-width: 1365px) {
    .main_box_pan_new .travmain.nocncldsn .trav1-one {
        width: 27% !important;
    }

    .main_box_pan_new .trav1-two.ln30 {
        width: 26% !important;
    }

    .main_box_pan_new .travmain .donebox {
        line-height: 16px;
        margin: 0px;
        padding: 3px 15px;
        min-width: 106px;
        display: block;
    }

    .main_box_pan_new .trav .travmain .detail-button {
        margin-bottom: 3px;
        margin-right: 0px;
    }

    .main_box_pan_new .trav .travmain .tavelPrt8 {
        margin: 5px 0px;
    }
}

@media(min-width: 993px) and (max-width: 1365px) {
    .main_box_pan_new .tavelPrt8 {
        margin-left: 0;
    }
}

@media(min-width: 1025px) and (max-width: 1200px) {
    .main_box_pan_new .travmain.nocncldsn .trav1-one {
        width: 17% !important;
    }

    .main_box_pan_new .trav1-two.ln30 {
        width: 33%;
    }
}

@media(min-width: 1025px) and (max-width: 1700px) {
    .main_box_pan_new .trav1-two.ln30 {
        grid-column-gap: 10px;
        grid-template-columns: 100px auto auto;
        justify-items: right;
    }

    .main_box_pan_new .travmain.nocncldsn .trav1-three {
        width: 16%;
        display: grid;
        grid-template-columns: 1fr auto auto !important;
    }

    .main_box_pan_new .travmain.nocncldsn .tavelPrt5 {
        padding-right: 22px;
        text-align: right;
        width: 100%;
    }

    .main_box_pan_new .trav .travmain .tavelPrt8 {
        min-width: auto !important;
        text-align: right;
    }

    .hotelItemWrappMain .main_box_pan_new .clsHotelPrice {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .main_box_pan_new .travMultiRooms .travmain.nocncldsn .trav1-three {
        padding-right: 0;
    }
}
@media(min-width: 1700px) {
    .main_box_pan_new .travMultiRooms .trav1-two.ln30 {
        width: 18% !important;
        padding: 0 !important;
    }

    .main_box_pan_new .travMultiRooms .tavelPrt3 {
        padding-left: 15px !important;
    }
}

@media(max-width: 576px) {
    .main_box_pan_new .trav .travmain .detail-button {
        min-width: 10px !important;
        border: 0 !important;
        margin-right: 0px !important;
    }

    .main_box_pan_new .trav1-two.ln30 {
        grid-column-gap: 0px;
    }

    .main_box_pan_new .trav1-two.ln30 {
        grid-column-gap: 0px;
        width: 50%;
        padding: 0px 15px 0px 15px;
    }

    .hotel-item-wrap .main_box_pan_new .trav .travmain .tavelPrt8 {
        min-width: 61px !important;
        cursor: pointer;
    }

    .main_box_pan_new .travmain .donebox {
        padding: 0px 10px !important;
        background-color: var(--main-bg-color) !important;
    }

    .main_box_pan_new .trav1-three {
        grid-template-columns: 1fr 2fr 20px !important;
    }
}

.sidber-box .checkbox label, .sidber-box .radio label { /* Filter label alignment */
    padding-left: 30px;
    position: relative;
}

.checkbox .cr, .radio .cr { /* Filter label alignment */
    left: 0;
    top: 4px;
    position: absolute;
}

@media(min-width: 374px) and (max-width: 420px) {
    .main_box_pan_new .travmain.nocncldsn .trav1-one {
        width: 45%;
    }
}

@media(max-width: 374px) {
    .main_box_pan_new .travmain.nocncldsn .trav1-one {
        width: 39%;
    }
}

@media(min-width:1700px) {
    .main_box_pan_new .travmain.nocncldsn .trav1-one {
        width: 42%;
    }
}

/*.main_box_pan_new .travMultiRooms .tavelPrt6 {
    min-width: 40px;
}*/

/* Book now button not available content hotel result 27-02-2020*/
.bookNowButtonNotAvailbale .trav .travmain .tavelPrt8 {
    min-width: 106px;
}

@media (max-width: 1365px) and (min-width: 1025px) {
    .bookNowButtonNotAvailbale .travmain.nocncldsn .trav1-three {
        grid-template-columns: 1fr 105px 24px !important;
    }
}

/* Payment gateway modal on account page scrolling issue */
.paymentModal .modal-lg {
    max-width: 400px
}

.paymentModal .bluredwrap {
    overflow: hidden;
    -webkit-filter: blur(7px);
    -moz-filter: blur(7px);
    -ms-filter: blur(7px);
    -o-filter: blur(7px);
    filter: blur(7px);
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

    .paymentModal .bluredwrap .summary {
        height: 97%
    }

.paymentModal .modalpaymentInner {
    height: 100%;
    width: 100%;
}

    .paymentModal .modalpaymentInner .modal-dialog {
        height: 100%;
        width: 100%;
        margin: 0;
        right: 0;
        top: 0;
        left: 0;
        bottom: 0;
    }

        .paymentModal .modalpaymentInner .modal-dialog .modal-content {
            border: none;
            border-radius: 0;
            text-align: center;
        }

            .paymentModal .modalpaymentInner .modal-dialog .modal-content .donebox {
                font-size: 14px !important;
                padding: 8px 35px !important;
            }

            .paymentModal .modalpaymentInner .modal-dialog .modal-content .modal-body {
                padding-top: 30px;
            }

                .paymentModal .modalpaymentInner .modal-dialog .modal-content .modal-body > * {
                    margin-bottom: 20px;
                }

.paymentModal .msgmodal .modal-body {
    height: 250px !important
}

.paymentModal .modal-body {
    overflow: hidden;
}

.paymentModal .close {
    display: none;
}
/* Payment gateway modal on account page scrolling issue end*/
/* Select button alignment content hotel result */
/*.main_box_pan_new .travMultiRooms .travmain .tavelPrt8 {
    padding-right: 0 !important;
}*/
.main_box_pan_new .travMultiRooms .travmain .tavelPrt8 .donebox {
    min-width: 140px;
}

.main_box_pan_new .travMultiRooms .travmain.nocncldsn .trav1-one {
    min-height: 30px !important;
}

.main_box_pan_new .travMultiRooms .trav1-three {
    display: none;
}

.main_box_pan_new .travMultiRooms .trav1-three {
    padding: 0;
}
/* Select button alignment content hotel result End */
@media (min-width: 1500px) {
    .main_box_pan_new .travMultiRooms .travmain .tavelPrt8 .donebox {
        min-width: 149px;
    }
}

@media (max-width: 767px) {
    /* Hotel result designing issue content satguru */
    .icons-booking .icons-offer-wrap {
        min-height: 23px !important;
        padding: 0px 15px !important;
        -webkit-border-radius: 50px 0px 0px 50px !important;
        -moz-border-radius: 50px 0px 0px 50px !important;
        border-radius: 50px 0px 0px 50px !important;
        margin: 10px 0px !important;
        position: absolute !important;
        top: -254px !important;
        right: -15px !important;
    }

    .main_box_pan_new .trav.travMultiRooms .travmain.nocncldsn {
        display: grid !important;
        grid-template-columns: 1fr 72px 114px !important;
    }

        .main_box_pan_new .trav.travMultiRooms .travmain.nocncldsn .trav1-one, .main_box_pan_new .travMultiRooms .travmain.nocncldsn .trav1-three {
            width: 100% !important;
        }

    .main_box_pan_new .travMultiRooms .travmain.nocncldsn .trav1-three {
        margin-top: 0px !important;
        border-top: 0px solid transparent !important;
    }

        .main_box_pan_new .travMultiRooms .travmain.nocncldsn .trav1-three > div {
            display: none !important;
        }

            .main_box_pan_new .travMultiRooms .travmain.nocncldsn .trav1-three > div.tavelPrt8 {
                display: block !important;
                width: 100% !important
            }

    .main_box_pan_new .travMultiRooms .travmain .tavelPrt8 .donebox {
        min-width: 0px !important;
    }
    /* Hotel result designing issue content satguru End*/

    /* Hotel result img on small devices height*/
    .main_box_pan .hot_hotel-image .img {
        min-height: 224px;
    }

    .hot_hotel-image img {
        min-height: 222px;
        object-fit: cover;
    }
    /* Hotel result img on small devices height End*/
}

/* Main navbar spacing */
@media (min-width: 1200px) and (max-width: 1500px) {
    ul.nav.navbar-nav.nav-tabs.align-items-center .nav-link {
        padding-right: 10px;
        padding-left: 10px;
    }
}
/* Main navbar spacing End*/

/* Sorting boxes arrow alignment on small devices */
@media (max-width: 400px) {
    .sortBoxCustom .sort-list .navDownArrow {
        right: 7px;
    }
}
/* Sorting boxes arrow alignment on small devices end */

/* home video width set on satguru */
/*@media (min-width: 1200px) and (max-width: 1500px) {
    .videowrap video {
        width: 134%;
    }
}*/
/* home video width set on satguru End*/

#divflight .flightwrap .col.text-right.child-spacing {
    padding: 10px 15px;
}

/* 3edmc activity trav css start */

#divExcursionList .can-policy .image_result {
    margin-top: 2px;
}

.ahotel-trav-main.haveloader .loader-14Wrap {
    display: block;
    transition: all .3s linear;
    opacity: 0.3 !important;
}

.activityselect-option .trav1-one {
    border-right: none !important;
}

.activityselect-option {
    border-top: 1px solid #ddd;
}

    .activityselect-option .modifysec-activitysel {
        padding-right: 5px;
    }

    .activityselect-option .ahotel-right {
        width: 25%;
        text-align: right;
        white-space: nowrap;
        padding-left: 6px;
        padding-right: 6px;
    }

.activityselect-option-wrap .confirm-save i {
    line-height: 34px;
}

.activityselect-option .ahotel-right .tavelPrt2, .activityselect-option .ahotel-right .tavelPrt6 {
    display: inline-block;
}

.activityselect-option .ahotel-right .tavelPrt2 {
    border: none;
    padding: 0;
}

.activityselect-option .ahotel-right .tavelPrt6 {
    padding-right: 0;
}

    .activityselect-option .ahotel-right .tavelPrt6 .donebox {
        margin-right: 12px;
    }

.activityselect-option .trav1-one h3 {
    font-size: 17px;
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 0;
    position: relative;
    display: block;
    max-width: 100%;
}

.activityselect-option .CANPOlicyFLoat .clsCanPolHead {
    color: #fff !important;
}

.activityselect-option .CANPOlicyFLoat {
    top: 0;
    width: 102%;
}

.activityselect-option .trav1-one h3 {
    overflow: visible !important;
    white-space: normal !important;
}

.activityselect-option.travmain.nocncldsn .trav1-one {
    width: 30%;
    min-width: 23%;
}

.activityselect-option .trav1-one h3 span.h3inner {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.activityselect-option .ahotel-right .tavelPrt6 .donebox {
    min-width: 70px !important;
}

.activityselect-option .trav1-one h3 span.spnitmdesc {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    background: var(--main-bg-color);
    color: #fff !important;
    padding: 5px;
    border-radius: 4px;
    white-space: normal;
    display: none;
    z-index: 10;
    font-size: 90%;
}

.activityselect-option .trav1-one h3:hover span.spnitmdesc {
    display: block;
}

.ahotel-item-main .travmain.nocncldsn.activityselect-option .trav1-one {
    display: flex !important;
    padding-top: 3px;
    padding-bottom: 3px;
}

.activityselect-option .nonRefundableInner {
    position: relative;
    display: block;
}

    .activityselect-option .nonRefundableInner > .clsCanPolHead {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

.activityselect-option .trav1-one {
    position: relative;
    overflow: visible !important;
}

.activityselect-option .dis_tblInner .nopadtab {
    margin-bottom: 0;
}

.activityselect-option .modifydate-pax a {
    color: var(--main-bg-color) !important;
    padding-right: 10px;
    line-height: 34px;
    padding: 12px 0;
}

.activityselect-option-wrap {
    clear: both;
    padding: 25px 25px 15px 20px;
    background: #f5f5f5;
    position: relative;
    width: 100%;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
}

    /*.activityselect-option-wrap .confirm-save {
        width: 34px;
        height: 34px;
        border-radius: 50%;
        background: #a7a7a7;
        color: #fff;
        display: inline-block;
        text-align: center;
        line-height: 34px;*/
        /* background: var(--main-bg-color) !important; */
        /*box-shadow: 2px saddlebrown;
        box-shadow: 0 10px 15px 0 rgba(0,0,0,.1);
        margin-left: 15px;
        cursor: pointer;
        display:flex;
        align-items:center;
        justify-content:center;
    }*/

    .activityselect-option-wrap .confirm-save {
        width: 100%;
        border-radius: 7px;
        background: var(--main-bg-color);
        color: #fff;
    }
        .activityselect-option .trav1-one h3 .nonRefundableInner {
    display: block;
    clear: both;
    font-size: 12px;
    font-weight: normal;
}

.activityselect-option-wrap:after, .activityselect-option-wrap:before {
    content: " ";
    position: absolute;
    right: 30%;
    top: -12px;
    border-top: none;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    border-bottom: 12px solid #f5f5f5;
    z-index: 1;
}

.activityselect-option-wrap:after {
    top: -13px;
    border-bottom: 12px solid #dbdbdb;
    z-index: 0;
}

.activityselect-option .trav1-one {
    overflow: hidden;
    padding-right: 10px;
}

.activityselect-option .modifydate-pax a {
    white-space: nowrap;
}


.activityselect-option .input-group #ddltransfer {
    width: 156px;
}

.activityselect-option .input-group #ddllanguage {
    width: 96px;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    text-transform: capitalize;
}

.activityselect-option .ahotel-right .tavelPrt2, .activityselect-option .ahotel-right .tavelPrt6 {
    vertical-align: middle;
}

.activityselect-option .form-row {
    flex-wrap: initial;
}
/* Activity page css  shift from page to css 23-03-2020 work from home */
.activity-paxadde .trav1-one {
    flex-grow: initial !important;
    width: 25% !important;
}

.activity-paxadde .trav1-three {
    width: 50% !important;
}

.activity-paxadde .trav1-two {
    width: 25% !important;
}

.activity-paxadde .form-group {
    margin-bottom: 0;
}

.activity-paxadde .travmain {
    padding: 6px 0;
}

.ahotel-item-main {
    margin-bottom: 20px;
    background: #fff;
    -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.1), 0 6px 6px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 10px 20px rgba(0,0,0,0.1), 0 6px 6px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 10px 20px rgba(0,0,0,0.1), 0 6px 6px rgba(0,0,0,0.1);
    -o-box-shadow: 0 10px 20px rgba(0,0,0,0.1), 0 6px 6px rgba(0,0,0,0.1);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1), 0 6px 6px rgba(0,0,0,0.1);
}

.slot-item, .ahotel-item-main {
    -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.1), 0 6px 6px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 10px 20px rgba(0,0,0,0.1), 0 6px 6px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 10px 20px rgba(0,0,0,0.1), 0 6px 6px rgba(0,0,0,0.1);
    -o-box-shadow: 0 10px 20px rgba(0,0,0,0.1), 0 6px 6px rgba(0,0,0,0.1);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1), 0 6px 6px rgba(0,0,0,0.1);
}

    .ahotel-item-main .ahotel-item {
        margin-bottom: 0;
        box-shadow: none;
    }

    .ahotel-item-main .trav .travmain.nocncldsn {
        flex-wrap: initial;
    }

    .ahotel-item-main .travmain.nocncldsn .trav1-one {
        flex-grow: 1;
    }

    .ahotel-item-main .travmain.nocncldsn .trav1-two {
        width: 200px;
    }

    .ahotel-item-main .travmain.nocncldsn .trav1-three {
        flex-grow: initial;
        min-width: 200px;
    }

        .ahotel-item-main .travmain.nocncldsn .trav1-three .tavelPrt5 {
            width: 100%;
            padding-right: 5px;
        }

.actsecdonebox {
    min-width: 62px;
}

.ahotel-item-main .travmain.nocncldsn .trav1-three > *:last-child {
    padding-right: 0;
}

.ahotel-trav-main {
    position: relative;
    min-width: 100%;
}

    .ahotel-trav-main.haveloader {
        min-height: 90px;
    }

        .ahotel-trav-main.haveloader .loader-14Wrap {
            display: block;
            transition: all .3s linear;
        }

            .ahotel-trav-main.haveloader .loader-14Wrap .loader-14 {
                margin-top: -2.25em;
                box-shadow: 0 1.5em 0 -0.2em #fff;
            }

.all-questions-wrap {
    border: 2px solid #dddddd;
    border-radius: 10px;
    min-height: 100%;
}

    .all-questions-wrap > .slots-types-wrap + .question-wrap {
        border-top: 2px solid #dddddd;
    }

.question-wrap {
    padding: 1rem;
}

.modal-body.slots-body {
    padding: 4rem 1rem 0rem 1rem !important;
}

.slots-header {
    position: absolute;
    left: 2rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    top: 1rem;
}

.modal-footer.slots-footer {
    border-top: 0px solid #dddddd;
}

.slots-wrap {
    padding: 1rem;
}

    .slots-wrap + .slots-wrap {
        border-top: 1px solid #e4e4e4;
    }

.statusSpan {
    position: relative;
    margin-right: 40px;
    display: inline-block;
    vertical-align: middle;
    padding-left: 30px;
    line-height: 34px;
}

    .statusSpan:before {
        content: "";
        position: absolute;
        top: 8px;
        left: 0;
        width: 16px;
        height: 16px;
        border-radius: 4px;
    }

.greensts:before, .slot-a {
    background: #a3d67e;
}

.redsts:before, .slot-na {
    background: #f35959;
}

.orangests:before, .slot-la {
    background: #fdbd03;
}

.slot-a {
    box-shadow: 0px 2px 6px 0px rgba(163, 214, 126, 0.5);
}

.slot-la {
    box-shadow: 0px 2px 6px 0px rgba(253, 189, 3, 0.5);
}

.slot-na {
    box-shadow: 0px 2px 6px 0px rgba(255, 1, 2, 0.5);
}

.slot-item:first-child {
    border-left: none;
    margin-left: 0;
}

.slot-item:last-child {
    border-right: none;
}

.slot-item:first-child:before, .slot-item:first-child:after {
    display: none
}

.slot-item {
    position: relative;
    border-radius: 8px;
    width: 250px;
    margin-right: 10px;
    display: flex;
}

.slot-top {
    padding: 10px;
    width: 200px;
    position: relative;
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-thumb {
    background: #666;
    border-radius: 20px;
}

::-webkit-scrollbar-track {
    background: #ddd;
    border-radius: 20px;
}

.slots-list {
    flex-wrap: wrap;
    display: flex;
    margin-bottom: 0;
}

.slot-btm {
    position: relative;
    padding: 20px 2px 40px 2px;
    font-size: 16px;
    width: 50px;
    text-align: center;
    border-left: 2px dashed #fff;
}

    .slot-btm:before, .slot-btm:after {
        content: "";
        position: absolute;
        top: -.5em;
        left: -.5em;
        display: block;
        width: .9em;
        height: .9em;
        background: #fff;
        border-radius: 50%;
        left: -.5em;
    }

    .slot-btm:after {
        top: auto;
        bottom: -.5em;
    }

.slot-time {
    position: relative;
}

    .slot-time i {
        position: absolute;
        left: 2px;
        top: 4px;
    }

.checkbox.slot-chk {
    position: absolute;
    left: 50%;
    bottom: 5px;
    width: 16px;
    margin-left: -8px;
}

    .checkbox.slot-chk .cr {
        border-radius: 4px;
        border-color: #fff;
        width: 20px;
        height: 20px;
    }

.float-over-label {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.activity .sheer {
    float: left;
    background-color: #ff6b00;
    left: 0px;
    padding: 0px 4px;
    display: block;
    border: 1px dashed var(--main-bg-color);
    border-radius: 2px;
    position: relative;
    display: inline-block;
    line-height: 1;
    padding: 4px 16px 4px 8px;
    margin-right: 3px;
    background: transparent;
    color: var(--main-bg-color);
    font-size: 12px;
    border-top-left-radius: 0px;
    border-top-right-radius: 4.5px;
}

    .activity .sheer::before, .activity .sheer::after {
        display: none;
    }

@media (max-width:1299px) {
    .actsecdonebox {
        min-width: 62px !important;
    }
}

@media(max-width: 1199px) {
    .tavelPrt5 .NewPrice span {
        font-size: 13px !important;
    }
}

@media(max-width: 480px) {
    .actsecbottom .trav1-three .actsecdonebox {
        background-color: var(--main-bg-color) !important;
    }

    .actsecbottom .trav1-one {
        width: 20%;
    }

    .actsecbottom .trav1-two {
        width: 100px;
    }

    .actsecbottom .trav1-three {
        width: 50%;
    }
}



.activityselect-option .ahotel-right .tavelPrt2, .activityselect-option .ahotel-right .tavelPrt6 {
    display: inline-block;
}

.activityselect-option .ahotel-right .tavelPrt2 {
    border: none;
}

.activityselect-option .ahotel-right .tavelPrt6 {
    padding-right: 0;
}

    .activityselect-option .ahotel-right .tavelPrt6 .donebox {
        margin-right: 12px;
    }

.activityselect-option .trav1-one h3 {
    font-size: 17px;
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 0;
}

.activityselect-option .dis_tblInner .nopadtab {
    margin-bottom: 0;
}

.activityselect-option .modifydate-pax a {
    color: var(--main-bg-color) !important;
    padding-right: 10px;
    line-height: 34px;
}

.activityselect-option-wrap {
    clear: both;
    padding: 25px 25px 15px 20px;
    background: #f5f5f5;
    position: relative;
    width: 100%;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
}

.confirm-save {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #a7a7a7;
    color: #fff;
    display: inline-block;
    text-align: center;
    line-height: 34px;
    /* background: var(--main-bg-color) !important; */
    box-shadow: 2px saddlebrown;
    box-shadow: 0 10px 15px 0 rgba(0,0,0,.1);
    margin-left: 15px;
    cursor: pointer;
}

.activityselect-option .trav1-one h3 .nonRefundableInner {
    display: block;
    clear: both;
    font-size: 12px;
    font-weight: normal;
}


.activityselect-option-wrap:after, .activityselect-option-wrap:before {
    content: " ";
    position: absolute;
    right: 30%;
    top: -15px;
    border-top: none;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-bottom: 15px solid #f5f5f5;
    z-index: 1
}

.activityselect-option-wrap:after {
    top: -16px;
    border-bottom: 15px solid #dbdbdb;
    z-index: 0;
}

.activityselect-option-wrap .input-group-btn .btn {
    min-height: 34px !important;
}
/* work from home shift from page to css 23-03-2020 css end */
@media (max-width: 1600px) {
    .activityselect-option .ahotel-right .tavelPrt6 {
        padding-left: 0;
    }
}

@media (max-width: 1465px) {
    .activityselect-option .ahotel-right .tavelPrt6 .donebox {
        margin-right: 5px;
        padding: 4px 8px;
    }
}

@media (max-width: 1365px) {
    .activityselect-option .trav1-one {
        width: 20% !important;
    }

    .activityselect-option .ahotel-right {
        padding: 12px 5px;
    }

        .activityselect-option .ahotel-right .tavelPrt2 {
            padding: 0;
        }

        .activityselect-option .ahotel-right .tavelPrt6 i {
            font-size: 21px;
        }
}

@media (max-width: 1260px) {
    .activityselect-option .NewPrice {
        font-size: 100%;
    }

    .activityselect-option .ahotel-right .tavelPrt6 i {
        font-size: 19px !important;
    }

    .activityselect-option .ahotel-right .tavelPrt6 .donebox {
        font-size: 12px;
    }

    .activityselect-option .trav1-one h3 {
        font-size: 15px;
    }

    .activityselect-option .ahotel-right {
        width: auto;
    }

    .activityselect-option {
        display: grid !important;
        grid-template-areas: 'actname actprice' 'actservice actservice';
    }

        .activityselect-option .trav1-one {
            grid-area: actname;
        }

        .activityselect-option .modifysec-activitysel {
            grid-area: actservice;
            padding-right: 10px;
        }

        .activityselect-option .trav1-one {
            width: auto !important;
        }

        .activityselect-option .modifydate-pax a {
            white-space: nowrap;
        }

        .activityselect-option .ahotel-right {
            grid-area: actprice;
        }

    .ahotel-item-main .travmain.nocncldsn.activityselect-option .trav1-one {
        margin-bottom: 0px !important;
        padding-bottom: 10px !important;
    }

    .activityselect-option .modifysec-activitysel .form-row {
        grid-template-columns: auto auto 1fr;
        display: grid;
    }

    .activityselect-option .modifysec-activitysel select {
        width: 110px;
    }

    .activityselect-option .modifysec-activitysel {
        padding: 0 10px;
        padding-bottom: 5px;
    }

    .activityselect-option .ahotel-right {
        border-left: 0px solid #dadce0;
    }

    .activityselect-option .trav1-one h3 {
        display: block;
        margin-top: 0;
    }

    .activityselect-option .trav1-one {
        display: block;
    }

    .activityselect-option .nonRefundableInner {
        display: block;
        position: relative;
    }
}

@media (max-width: 992px) {
    .activityselect-option .ahotel-right {
        margin: auto;
        border: none;
    }

    #divExcursionList .ahotel-item .ahotel-right > *, #divExcursionList .ahotel-right .ahotel-btns > b > * {
        display: inline-block;
        vertical-align: middle;
    }

    #divExcursionList .ahotel-item .ahotel-right {
        padding: 15px !important;
    }

    #divExcursionList .ahotel-item .ahotel-body {
        padding-bottom: 6px !important;
    }

    #divExcursionList .ahotel-item .ahotel-right > * + *, #divExcursionList .ahotel-right .ahotel-btns > b > * + * {
        margin: 0 !important;
        margin-left: 8px !important;
    }

    #divExcursionList .ahotel-right .ahotel-btns > b > *.donebox {
        float: right;
    }

    .ahotel-image img, .hot_hotel-image img, .hotel-item .hotel-image img {
        height: auto !important;
    }

    #divExcursionList .sheer {
        margin-right: 12px;
        width: auto;
        padding: 4px 7px 4px 8px;
    }

    .activityselect-option .modifysec-activitysel {
        border-right: 1px solid #ddd;
    }

    .activityselect-option {
        display: grid !important;
        grid-template-areas: 'actname actprice' 'actservice actservice';
    }

        .activityselect-option .modifysec-activitysel {
            padding: 0 10px;
            padding-bottom: 5px;
        }

        .activityselect-option .trav1-one {
            margin-bottom: 5px;
        }

    .nocncldsn.activityselect-option.travmain.divOption0Less {
        box-shadow: none;
    }

    #divExcursionList .ahotel-item .ahotel-right {
        border-bottom: 1px solid #ddd !important;
    }

    .activityselect-option .ahotel-right {
        border-bottom: none !important;
    }

    .activityselect-option .ahotel-right {
        width: auto !important;
        margin-right: 0;
        background: transparent !IMPORTANT;
    }
}

@media (max-width: 850px) {
    .activityselect-option .ahotel-right {
        text-align: center;
        font-size: 125%;
    }

        .activityselect-option .ahotel-right .tavelPrt2 {
            padding-bottom: 12px;
        }

        .activityselect-option .ahotel-right .tavelPrt6 {
            padding-left: 0;
        }
}

@media (max-width: 767px) {

    .checkoutservicepopup #flightitemMainDiv .fitemmain {
        padding: 10px 0px;
    }
    .activityselect-option .tavelPrt6 {
        margin-left: 0;
    }

    body #divExcursionList .ahotel-item-main .activityselect-option, .ahotel-item-main .travmain.nocncldsn.activityselect-option .modifydate-pax a {
        padding: 0px !important;
    }

    .ahotel-item-main .travmain.nocncldsn.activityselect-option .trav1-one {
        margin-bottom: 0px !important;
        padding-bottom: 4px !important;
    }

    .activityselect-option .ahotel-right {
        width: 100% !important;
        display: grid !important;
        grid-template-columns: 1fr auto;
        padding: 5px 10px !important;
    }

    .activityselect-option .modifysec-activitysel {
        border-right: 0px solid transparent !important;
    }

    .activityselect-option .ahotel-right .tavelPrt2 {
        text-align: left;
        padding-bottom: 0px !important;
    }

        .activityselect-option .ahotel-right .tavelPrt2 > * {
            display: inline-block;
            vertical-align: middle;
        }

    .activityselect-option .ahotel-right .tavelPrt6 {
        text-align: right;
    }

    .activityselect-option .modifysec-activitysel .form-row {
        grid-template-columns: 1fr 1fr 28px !important;
        width: 100%;
    }

    .activityselect-option .input-group #ddltransfer, .activityselect-option .input-group #ddllanguage {
        width: 100% !important;
    }

    .activityselect-option .modifysec-activitysel .form-row .modifydate-pax {
        display: block;
        text-align: center;
    }

    .activityselect-option .modifysec-activitysel {
        padding: 0 10px;
    }

        .activityselect-option .modifysec-activitysel .dis_tblInner .nopadtab:last-child {
            padding-top: 4px !important;
        }

    .activityselect-option {
        display: grid !important;
        grid-template-areas: 'actname' 'actservice ' 'actprice';
    }

    .activityselect-option-wrap .confirm-save {
        float: right;
    }

    .activityselect-option .ahotel-right {
        background: transparent;
    }
}

@media (max-width: 639px) {
    .activityselect-option .ahotel-right {
        white-space: normal;
    }
}


@media (max-width: 550px) {
    .activityselect-option {
        display: grid !important;
        grid-template-areas: 'actname actname' 'actservice actservice' 'actprice  actprice';
    }

    #divExcursionList .ahotel-item .ahotel-right > *, #divExcursionList .ahotel-right .ahotel-btns > b > * {
        display: block;
    }

        #divExcursionList .ahotel-item .ahotel-right > * + *, #divExcursionList .ahotel-right .ahotel-btns > b > * + * {
            margin-left: 0px !important;
        }

            #divExcursionList .ahotel-item .ahotel-right > * + *.ahotel-person {
                margin-top: 5px !important;
            }

        #divExcursionList .ahotel-right .ahotel-btns > b > *.donebox {
            float: none;
            margin-top: 0 !important;
        }

    .activityselect-option .ahotel-right {
        text-align: right;
        margin: 0;
        padding-left: 15px;
        padding-right: 15px;
    }

        .activityselect-option .ahotel-right .tavelPrt2 {
            float: left;
        }

    
}

@media (max-width: 480px) {
    .activityselect-option .ahotel-right .tavelPrt6 .donebox {
        background: var(--main-bg-color) !important;
        padding: 0 8px !important;
    }

    .activityselect-option .modifysec-activitysel .twosection {
        grid-template-columns: 1fr 1fr auto;
        display: grid;
        width: 100%;
    }

    .activityselect-option {
        display: grid !important;
        grid-template-areas: 'actname actname' 'actservice actservice' 'actprice  actprice';
    }

        .activityselect-option .ahotel-right {
            text-align: right;
            margin: 0;
            padding-left: 12px;
        }

            .activityselect-option .ahotel-right .tavelPrt2 {
                float: left;
            }

            .activityselect-option .ahotel-right .tavelPrt2 {
                padding-bottom: 3px;
            }

        .activityselect-option .modifysec-activitysel {
            border-right: none;
        }
}

@media (max-width: 340px) {

    .activityselect-option .modifysec-activitysel {
        padding-right: 40px;
    }
}

#divExcursionList .ahotel-item .ahotel-body h3 {
    font-size: 18px;
    font-weight: 600;
}

.sidber-box .checkbox label, .sidber-box .radio label, .sidber-box .checkbox label span, .sidber-box .radio label span {
    color: #797986 !important;
}

    .sidber-box .checkbox label span.promoarrow {
        color: #ffb987 !important;
    }

.select-filtersa .select2-container--default .select2-search--inline .select2-search__field {
    width: 100% !important;
}

/* 3edmc activity trav css end */

.tripriview {
    width: 150px;
    margin: 0 auto;
    height: 20px;
    display: inline-block;
    background-image: url(../../assets/images/sprite-trip.png);
    background-repeat:no-repeat;
}

    .tripriview.star50 {
        background-position: -34px -22px;
    }

    .tripriview.star45 {
        background-position: -34px -55px;
    }

    .tripriview.star40 {
        background-position: -34px -93px;
    }

    .tripriview.star35 {
        background-position: -34px -130px;
    }

    .tripriview.star30 {
        background-position: -34px -166px;
    }

    .tripriview.star25 {
        background-position: -34px -201px;
    }

    .tripriview.star20 {
        background-position: -34px -238px;
    }

    .tripriview.star15 {
        background-position: -34px -276px;
    }

    .tripriview.star10 {
        background-position: -34px -305px;
    }

    .tripriview.stars:before {
        font-size: 0;
    }

.opac0pointnone.shreenone {
    display: none;
}

span.airlineNameTooltip.tooltipBox {
    left: 70px !important;
    bottom: 0;
}

    span.airlineNameTooltip.tooltipBox .airlnNameArrowDown {
        display: none;
    }


.main_box_pan_new .trav .travmain .detail-button {
    width: 85px;
}





@media only screen and (min-width: 1701px) and (max-width:1920px) {
    span.NewPrice.newpriceselect {
        padding-right: 31px;
    }
}

.main_box_pan_new .travMultiRooms .travmain .tavelPrt8 .donebox {
    min-width: 145px;
    max-width: 145px;
}

@media only screen and (min-width: 1501px) and (max-width:1700px) {
    span.NewPrice.newpriceselect {
        padding-right: 97px;
    }

    .main_box_pan_new .travMultiRooms .travmain .tavelPrt8 .donebox {
        min-width: 142px;
        max-width: 143px;
    }
}

@media only screen and (min-width: 1366px) and (max-width:1500px) {
    span.NewPrice.newpriceselect {
        padding-right: 98px;
    }

    .main_box_pan_new .travMultiRooms .travmain .tavelPrt8 .donebox {
        min-width: 139px;
        max-width: 141px;
    }
}

.profileloaderheight#accountinfoloader {
    padding: 60px 0;
}
/* Cleartxt css start */
.clearTxtWrap {
    position: relative;
}

.clearTxt.hidden {
    display: none;
}

.clearTxt.visible {
    display: block;
}

body .clearTxtWrap .form-control {
    padding-right: 40px !important;
}

.clearTxt {
    width: 24px;
    height: 24px;
    line-height:24px;
    background: transparent;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -12px;
    font-size: 20px;
    display: block;
    color: #333;
    cursor: pointer;
    z-index: 1;
    text-align: center;
}
/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

input[type=search]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}
/* cleartxt css end */

.profileloaderheight#accountinfoloader {
    padding: 60px 0;
}



/* Revamp css start */
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.eot');
    src: url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Regular.woff2') format('woff2'), url('../fonts/Poppins-Regular.woff') format('woff'), url('../fonts/Poppins-Regular.ttf') format('truetype'), url('../fonts/Poppins-Regular.svg#Poppins-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBold.eot');
    src: url('../fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-SemiBold.woff2') format('woff2'), url('../fonts/Poppins-SemiBold.woff') format('woff'), url('../fonts/Poppins-SemiBold.ttf') format('truetype'), url('../fonts/Poppins-SemiBold.svg#Poppins-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/*body, .form-control, .dropdown-menu, .hotelItemWrappMain .b2bctrbx1 span, .select2-container--default .select2-selection--multiple .select2-selection__rendered li, .hotelItemWrappMain .main_box_pan .hot_hotel-body p, .hotelItemWrappMain .trav1-one, .hotelItemWrappMain .b2bcontantbox p a, .search_history {
    font-family: 'Poppins', Tahoma, Geneva, Verdana, sans-serif !important;
}*/

.hotelItemWrappMain .b2bctrbx1 > span#htladd {
    margin-bottom: 10px !important;
}

.hotelItemWrappMain .main_box_pan_new .trav .travmain .detail-button {
    color: #545454 !important;
    border-color: var(--theme-border-light-clr) !important;
    transition: 0.3s ease-in-out;
}
    .hotelItemWrappMain .main_box_pan_new .trav .travmain .detail-button:hover {
        background: var(--main-bg-color) !important;
        color: #fff !important;
        font-weight: 400;
        border-color: var(--main-bg-color) !important;
    }
body .sortBoxCustom.sort-box .sort-list > li, body .sortBoxCustom .sort-list > li a, body .sortBoxCustom.sort-box .sort-list li span {
    color: #9c9fa1 !important;
}

.hotelItemWrappMain .travmain .donebox {
    text-shadow: none !important;
}

.sortBoxCustom .sort-list li {
    padding: 6px 12px !important;
}

.hotelItemWrappMain .b2bhtl-iconslft1 li {
    display: none !important;
}

    .hotelItemWrappMain .b2bhtl-iconslft1 li:nth-child(1), .hotelItemWrappMain .b2bhtl-iconslft1 li:nth-child(2), .hotelItemWrappMain .b2bhtl-iconslft1 li:nth-child(3), .hotelItemWrappMain .b2bhtl-iconslft1 li:nth-child(4), .hotelItemWrappMain .b2bhtl-iconslft1 li:nth-child(5), .hotelItemWrappMain .b2bhtl-iconslft1 li:nth-child(6), .hotelItemWrappMain .b2bhtl-iconslft1 li:nth-child(7), .hotelItemWrappMain .b2bhtl-iconslft1 li:nth-child(8), .hotelItemWrappMain .b2bhtl-iconslft1 li:nth-child(9) {
        display: inline-block !important;
    }

.hotelItemWrappMain .b2bctrbx1 span i.fa-map-marker, .hotelItemWrappMain .b2bctrbx1 > span#htladd, .hotelItemWrappMain .main_box_pan .hot_hotel-body p, .fltrWrap .cats-title, .filterResultInnerColTitle, .hotelItemWrappMain .b2bview-more a, .b2bcontantbox p a.lnkPreventDefaultClass, .main_box_pan i.fa.fa-caret-square-o-down, .main_box_pan i.fa.fa-caret-square-o-up {
    color: #9c9fa1 !important;
    font-weight: 500 !important;
}

.promoarrow, .promoarrow:after, .main_box_pan .sheer {
    background: #fff !important;
    border-color: #ffb987 !important;
    color: #ffb987 !important;
}

body div.TabConWrap .input-group > .input-group-prepend + .form-control, body div.TabConWrap .input-group > .input-group-prepend + .twitter-typeahead .form-control {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.stars:before {
    color: #ffb987 !important;
}

.promoarrow:before {
    background: #fff !important;
    border-color: #ffb987 !important;
}

.hotelItemWrappMain .travmain.nocncldsn .tavelPrt5 .NewPrice span, .hotelItemWrappMain .trav1-one * {
    color: #363636 !important;
}

.hotelItemWrappMain .main_box_pan .sheer {
    border-radius: 4px !important;
}

    .hotelItemWrappMain .main_box_pan .sheer:after, .hotelItemWrappMain .main_box_pan .sheer:before {
        display: none;
    }

.hotelItemWrappMain .ahotel-item .ahotel-image:before, .hotelItemWrappMain .ahotel-item:hover .ahotel-image .img:before, .hotelItemWrappMain .main_box_pan:hover .hot_hotel-image .img:before {
    opacity: .2 !important;
}

.fltrWrap .cats-title, .filterResultInnerColTitle {
    font-weight: 500 !important;
}

.hotelItemWrappMain .main_box_pan:hover .b2bctrbx1 .lnkPreventDefaultClass *, .hotelItemWrappMain .main_box_pan .b2bctrbx1 .lnkPreventDefaultClass, .hotelItemWrappMain .main_box_pan .b2bctrbx1 .lnkPreventDefaultClass * {
    border: 0px solid transparent !important;
    padding: 0px !important;
    display: block !important;
}

.mainHeader .tab-content, .mainHeader .TabConWrap.fixed .tab-content {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.main_box_pan .designimage, .main_box_pan:hover .b2bctrbx1 .lnkPreventDefaultClass *:after, .main_box_pan:focus .b2bctrbx1 .lnkPreventDefaultClass *:after, .TabConWrap.posRel:before, .TabConWrap.fixed:before, .TabConWrap.posRel:after {
    display: none !important;
}

.filterResultBoxWrapper {
    padding: 18px 20px !important;
}

.TabConWrap.posRel {
    border-bottom: 1px solid rgba(0,0,0,.15);
}

.mainHeader .TabConWrap.posRel, .TabConWrap.hidefixed.fixed {
    background: #fff !important;
}

.fltrWrap {
    background: #fff;
    border-right: 1px solid rgba(0,0,0,.07);
    border-left: 1px solid rgba(0,0,0,.07);
    border-bottom: 1px solid rgba(0,0,0,.07);
    border-top:1px solid rgba(0,0,0,.07);
/*    margin-top: -21px !important;*/
    -webkit-transition: all .3s linear !important;
    -moz-transition: all .3s linear !important;
    -ms-transition: all .3s linear !important;
    -o-transition: all .3s linear !important;
    transition: all .3s linear !important;
}

body .irs-to {
    visibility: visible;
    left: auto !important;
    position: absolute;
    right: 0px !important;
}

body .irs-to, body .irs-from {
    background: transparent !important;
    color: #252525 !important;
    border: 1px solid #c9cacb !important;
}

body .irs-bar {
    opacity: 1;
}

.TabConWrap {
    background: #fff !important;
}

    .TabConWrap .tab-content {
        box-shadow: none !important;
        margin-top: 0px !important;
    }

body .TabConWrap.fixed .form-row > .form-group {
    margin-top: 0px !important;
}

body .TabConWrap .tab-content .tab-pane {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

body .TabConWrap .tab-content, body .mainHeader .tab-content, .mainHeader .TabConWrap.fixed .tab-content {
    padding-bottom: 25px !important;
    padding-top: 20px !important;
    margin: 0px !important;
}

.kSearchBtn i {
    font-family: 'Poppins', Tahoma, Geneva, Verdana, sans-serif !important;
}

    .kSearchBtn i:before {
        content: "Search" !important;
    }

.tab-content .kSearchBtn {
    border: 0px solid transparent !important;
    border-radius: 7px 7px 0 0 !important;
    width: 100px !important;
    margin-left: -50px;
    line-height: 28px !important;
    height: 28px !important;
    left: 50% !important;
    bottom: 0px !important;
    right: auto !important;
    box-shadow: none !important;
}

body .irs-from:after, body .irs-to:after {
    display: none !important;
}

body .irs-slider {
    background: #fff !important;
    border-color: #fff !important;
}

body .irs-from {
    visibility: visible;
    right: auto !important;
    position: absolute;
    left: 0px !important;
}

.fltrWrap .cats-title {
    border-bottom: 0px solid rgba(0,0,0,.07) !important;
    padding-bottom: 0px !important;
    padding-top: 20px !important;
    color: #212121 !important;
    font-size: 16px;
    font-weight: 600 !important;
}

.checkbox-star, .facility, .help-widget, .price-Pips, .select-filtersa {
    padding-top: 10px !important;
}

.hotelItemWrappMain .sort-box, .hotelItemWrappMain .main_box_pan {
    -webkit-box-shadow: 0 8px 20px rgba(0,0,0,0.06) !important;
    -moz-box-shadow: 0 8px 20px rgba(0,0,0,0.06) !important;
    -ms-box-shadow: 0 8px 20px rgba(0,0,0,0.06) !important;
    -o-box-shadow: 0 8px 20px rgba(0,0,0,0.06) !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.06) !important;
}

.main_box_pan .b2bctrbx1 .lnkPreventDefaultClass {
    display: block !important;
}

.fltrWrap .fltrcon {
    box-shadow: none !important;
    margin-bottom: 0px !important;
    border-bottom: 1px solid rgba(0,0,0,.07);
}
.chngactwrap .fltrWrap .fltrcon {
    border-top: 1px solid rgba(0,0,0,.07);
    margin-top: 22px;
    border-bottom:0px;
}
.main_box_pan .hot_hotel-body {
        padding: 0px 6px !important;
}

    .main_box_pan .hot_hotel-body p {
        font-weight: 400 !important;
    }

.fltrWrap .checkbox .cr, .radio .cr {
    border-radius: 4px;
    border-color: #9c9fa1 !important;
}

body .hot_hotel-item .b2bhtl-icons1 i, body .hot_hotel-item .b2bhtl-iconsrht1 i {
    background-color: transparent !important;
    color: #666 !important;
    padding: 0px 4px !important;
    font-size: 24px !important;
}

/*body b, body strong {
    font-weight: 500 !important;
}*/

.main_box_pan .b2bhtl-iconsrht1 ul li a > * {
    display: inline-block !important;
    vertical-align: middle !important;
}

.main_box_pan .b2bhtl-icons1, .rentalitem .b2bhtl-icons1 {
    margin: 10px 0px !important;
    border-top: 1px solid rgba(0,0,0,.07) !important;
    border-bottom: 1px solid rgba(0,0,0,.07) !important;
    min-height: 40px;
}

.main_box_pan .b2bhtl-iconsrht1, .main_box_pan .b2bhtl-iconslft1 {
    vertical-align: middle !important
}

    .main_box_pan .b2bhtl-iconslft1 ul li, .main_box_pan .b2bhtl-iconsrht1 ul li {
        margin-bottom: 0px !important;
    }

.b2bctrbx1 .rslttsr {
    margin-left: 15px;
}

.sidber-box .checkbox label, .sidber-box .radio label, .sidber-box .checkbox label span, .sidber-box .radio label span {
    color: #252525 !important;
}

body .filterResultInnerCol i {
    opacity: .5;
}

.checkbox label span.cr + span {
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body .txtrbg {
    z-index:-1;
    opacity: .4 !important;
}
body .txtrbg:before{
    content:'';
    background: var(--main-bg-color) !important;
}

.fltrWrap .sidber-box .checkbox label, .fltrWrap .sidber-box .radio label, .main_box_pan_new .trav .travmain .trav1-one .nonRefundable .nonRefundableInner {
    font-weight: 400 !important;
}

.hotelItemWrappMain .travmain.nocncldsn .trav1-one {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.hotelItemWrappMain .travmain.nocncldsn .trav1-one, .b2bcontantbox p {
    font-size: 13px !important;
}

.squaresWaveG {
    border-radius: 3px !important;
}

/*.htlpagewrapper .hot_hotel-body {
    min-height: 228px;
}*/

@media (max-width: 1365px) and (min-width: 1200px) {
    .main_box_pan_new .travmain.nocncldsn .trav1-one {
        width: 25% !important;
    }

    .main_box_pan_new .trav1-two.ln30 {
        width: 32% !important;
    }

    .main_box_pan_new .travmain.nocncldsn .trav1-three {
        width: 32% !important;
    }

    .b2bhtl-iconslft1 li:nth-child(6), .b2bhtl-iconslft1 li:nth-child(7), .b2bhtl-iconslft1 li:nth-child(8), .b2bhtl-iconslft1 li:nth-child(9) {
        display: none !important;
    }

    .hotelItemWrappMain .b2bctrbx1 > span#htladd {
        white-space: nowrap;
        max-width: 80%;
        overflow: hidden;
        text-overflow: ellipsis;
        position: relative;
        padding-right: 30px;
    }

    .b2bhtl-iconsrht1 ul li {
        padding-left: 5px;
    }

    body .hot_hotel-item .b2bhtl-icons1 i, body .hot_hotel-item .b2bhtl-iconsrht1 i {
        font-size: 20px !important;
    }

    .hotelItemWrappMain .b2bctrbx1 span i.fa-map-marker {
        position: absolute;
        top: 0px;
    }
}

#htladd + b > span {
    line-height: 0px !important;
}

.htlpagewrapper .sidber-box .checkbox label span.cr + span {
    width: 100% !important;
    max-width: none !important;
}

.htlpagewrapper .sidber-box .checkbox > label {
    display: inline-flex;
}

@media (max-width: 1199px) and (min-width: 1024px) {
    .main_box_pan_new .travmain.nocncldsn .trav1-one {
        width: 25% !important;
    }

    .main_box_pan_new .trav1-two.ln30 {
        width: 32% !important;
    }

    .main_box_pan_new .travmain.nocncldsn .trav1-three {
        width: 32% !important;
    }

    .hotelItemWrappMain .b2bctrbx1 > span#htladd {
        white-space: nowrap;
        max-width: 80%;
        overflow: hidden;
        text-overflow: ellipsis;
        position: relative;
        padding-right: 30px;
    }

    .main_box_pan_new .trav1-two.ln30 {
        grid-column-gap: 5px !important;
    }

        .main_box_pan_new .trav1-two.ln30 .tavelPrt7 {
            margin: 0 auto !important;
        }

    .b2bhtl-iconsrht1 ul li {
        padding-left: 5px;
    }

    body .hot_hotel-item .b2bhtl-icons1 i, body .hot_hotel-item .b2bhtl-iconsrht1 i {
        font-size: 20px !important;
    }

    .hotelItemWrappMain .b2bctrbx1 span i.fa-map-marker {
        position: absolute;
        right: 0;
        top: 0px;
    }
}

.main_box_pan .b2bctrbx1 .lnkPreventDefaultClass * {
    border-radius: 0px !important;
}
.main_box_pan_new .travmain.nocncldsn .tavelPrt5 .promoarrow {
    display:none!important;
}

@media (max-width: 1200px) {
    body .TabConWrap .tab-content, body .mainHeader .tab-content, .mainHeader .TabConWrap.fixed .tab-content {
        padding-bottom: 40px !important;
    }

    .main_box_pan .b2bhtl-iconsrht1 {
        display: none !important;
    }
}


@media (max-width: 992px) {
    .TabConWrap.showme, .mainHeader.landing .TabConWrap.showme, .mainHeader .TabConWrap.posRel.showme {
        padding-top: 30px !important;
        background: #fff !important;
        z-index: 1031;
    }

    .trav .travmain {
        box-shadow: none !important;
    }

    .main_box_pan_new .tavelPrt3 .sheer, .hotelItemWrappMain .promoarrow {
        background: transparent !important;
        color: #ffb987 !important;
        border: 1px solid #ffb987 !important;
        line-height: 14px !important;
        padding: 4px 6px !important;
        height: 23px !important;
    }

    .hotelItemWrappMain .travmain.nocncldsn .trav1-two {
        margin-top: 0px !important;
    }

    .hotelItemWrappMain .promoarrow:before, .hotelItemWrappMain .promoarrow:after {
        display: none !important;
    }

    .main_box_pan_new .trav1-two.ln30 {
        align-items: flex-start !important;
        padding: 0px !important;
    }

    .main_box_pan_new .travmain.nocncldsn .trav1-one {
        padding-bottom: 0px !important;
        padding-top: 0px !important;
        width: 54% !important;
        min-height: 45px;
    }

    .hotelItemWrappMain .travmain.nocncldsn .trav1-two {
        padding-top: 4px !important;
        width: 46% !important;
    }

    .main_box_pan_new .travmain.nocncldsn .trav1-three {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        margin-top: 0px !important;
        border-top: 0px solid transparent !important;
    }

    .hotelItemWrappMain .main_box_pan .b2bctrbx1 .lnkPreventDefaultClass * {
        white-space: nowrap;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .main_box_pan_new .tavelPrt3 .sheer {
        width: auto !important;
    }

    #DivFilter .irs .irs-from {
        left: 0px !important;
    }





    .modal-dialog {
        top: 0px !important;
        right: 0px !important;
        left: 0px !important;
        bottom: 0px !important;
        width: 100% !important;
    }

    .modal-content {
        border-radius: 7px !important;
    }

    body .noHeaderModal .close, body .modal-header .close.modal-close {
        right: 10px !important;
        top: 10px !important;
    }

    .mobilesortfilters {
        display: grid !important;
        grid-template-columns: 50% 50%;
        position: fixed;
        width: 100%;
        left: 0;
        bottom: 0;
        background: #fff;
        border-top: 1px solid #ddd;
        z-index: 102 !important;
        box-shadow: 0px -5px 10px rgba(0, 0, 0,.08) !important;
    }

        .mobilesortfilters > span + span {
            border-left: 1px solid #ddd;
        }

        .mobilesortfilters > span .filter-btn {
            min-width: 50px !important;
            padding: 0px !important;
            height: auto !important;
        }

    .trav .travmain.nocncldsn, .b2bview-more {
        padding: 7px;
    }

    .main_box_pan_new .travmain.nocncldsn .tavelPrt5 {
        padding-left: 0px !important;
        display: grid !important;
        grid-template-columns: auto auto !important;
        align-items: center !important;
    }

        .main_box_pan_new .travmain.nocncldsn .tavelPrt5 .promoarrow {
            margin-right: 9px !important;
            display:block!important;
        }

    .mobilesortfilters > span {
        background: #fff !important;
        padding: 0px !important;
        height: 40px !important;
        color: #363636 !important;
        position: relative !important;
        line-height: 40px !important;
        visibility: visible !important;
        text-align: center !important;
    }

    .sortBoxCustom.sort-box .sort-list {
        grid-template-columns: 1fr !important;
        column-gap: 0px !important;
    }

        .sortBoxCustom.sort-box .sort-list + .sort-list {
            display: block !important;
        }

    .sortBoxCustom {
        opacity: 0;
        position: fixed;
        top: 100%;
        left: 0px;
        right: 0px;
        padding: 20px 20px 44px 20px;
        transition: all .3s linear;
        -webkit-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -ms-transition: all .3s linear;
        -o-transition: all .3s linear;
        z-index: 101;
        background: #fff;
        bottom: 0px;
        overflow: auto;
        min-height:260px;
    }

       /* .sortBoxCustom.sort-box .sort-list + .sort-list li.active {
            display: none !important;
        }
*/
        .sortBoxCustom.fltrShow {
            top: auto !important;
            -webkit-box-shadow: -4px -2px 15px #999 !important;
            -moz-box-shadow: -4px -2px 15px #999 !important;
            box-shadow: -4px -2px 15px #999 !important;
            opacity: 1;
        }

    .main_box_pan .hot_hotel-image .img {
        min-height: 160px !important;
        max-height: 160px !important;
    }

    .main_box_pan .hot_hotel-item > div.hot_hotel-body {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .hotelItemWrappMain .b2bctrbx1 > span#htladd {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-decoration: none !important;
        line-height: 26px !important;
        margin-bottom: 5px !important;
    }

        .hotelItemWrappMain .b2bctrbx1 > span#htladd .fa-map-marker {
            left: -8px !important;
            font-size: 16px !important;
            top: 4px !important;
        }

    .b2bctrbx1 span.stars {
        padding-left: 0px !important;
    }

    .main_box_pan .b2bhtl-iconslft1 ul li, .main_box_pan .b2bhtl-iconsrht1 ul li {
        margin-bottom: 10px !important;
    }

    .main_box_pan .b2bhtl-icons1 {
        padding-top: 10px !important;
    }

    .b2bcontantbox p, .b2bcontantbox p a.lnkPreventDefaultClass {
        font-size: 12px !important;
    }

    body .hot_hotel-item .b2bhtl-iconsrht1 {
        display: none
    }
}

@media (max-width: 481px) and (min-width: 767px) {
    .hotelItemWrappMain .travmain .donebox.detail-button + .donebox {
        font-size: inherit !important;
    }

    .travmain .donebox {
        min-width: 85px !important;
    }

    .hotelItemWrappMain .travmain .donebox.detail-button + .donebox:before {
        display: none;
    }
}

@media (max-width: 767px) {
    .hotel-item-wrap, .sidebar {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .tab-close {
        position: absolute!important;
        top: -17px!important;
        right: -2px!important;
    }
        .htlpagewrapper .main_box_pan_new .trav1-two.ln30 {
        margin-top: 0px !important;
    }

    .tab-content .kSearchBtn {
        border-radius: 20px !important;
        width: 150px !important;
        margin-left: 0px;
        line-height: 28px !important;
        height: 36px !important;
        left: auto !important;
        bottom: 0px !important;
        right: auto !important;
        position: relative !important;
        float: right !important;
        margin-top: 10px !important;
    }

    .b2bhtl-iconslft1 li:nth-child(9), .b2bhtl-iconslft1 li:nth-child(8) {
        display: none !important;
    }

    .main_box_pan_new .trav .travmain .trav1-one .nonRefundable .nonRefundableInner {
        font-size: 10px !important;
    }

    body .hotelItemWrappMain .travmain .donebox.detail-button {
        width: 42px !important;
    }

    .main_box_pan_new .trav1-three {
        grid-template-columns: 1fr 1fr 22px !important;
    }

    body .hotelItemWrappMain .travmain .donebox.detail-button i {
        color: #9c9fa1 !important;
        /*border-color: #9c9fa1 !important*/
    }

    .trav .travmain .tavelPrt6 i:last-of-type {
        font-size: 18px !important;
    }
    .trav .travmain.nocncldsn * {
    font-size:14px;
    }


    .htlpagewrapper {
        overflow-x: hidden !important;
        padding-top: 10px !important;
    }
}

@media(max-width:576px) {
    #divMyResults .main_box_pan .detail-button .mobicontxt.fa {
        display: block !important;
        margin-top: 2px;
        font-size: 18px !important;
    }
    .hotelItemWrappMain .travmain .donebox.detail-button + .donebox {
        width: 50px !important;
        min-width: 24px !important;
        height: 24px !important;
        white-space: nowrap !important;
        font-size: 0px !important;
    }

    .mobicontxt {
        text-shadow: none !important;
        display: inline-block;
        vertical-align: middle;
        font-size: 25px !important;
        margin-right: 0px !important;
    }

    .hotelItemWrappMain .main_box_pan_new .trav .travmain .detail-button .desktxt {
        display: none;
    }

    .hotelItemWrappMain .travmain .donebox.detail-button + .donebox:before {
        content: 'Book';
        font-size: 10px !important;
    }
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #fff !important;
}

.fltrcon .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0px 5px !important;
}

.mobilesortfilters {
    display: none;
}

/* Revamp 2nd paste */
.hotelItemWrappMain .b2bctrbx1 span i {
    cursor: default !important;
}

.hotelItemWrappMain .sheer {
    width: 24px !important;
    text-align: center;
    margin: 0px auto !important;
}

.TabConWrap .tab-content .form-group > label {
    display: none;
}

.TabConWrap .tab-content .ddBoxWrap .form-group > label {
    display: block;
}

 

body .irs-single, body .irs-min, body .irs-max {
    display: none !important;
}

.filterResultBoxWrapper .titleInfo {
    display: none !important;
}

body .irs-from, body .irs-to {
    visibility: visible !important;
}

.main_box_pan_new .trav1-two.ln30 {
    padding-right: 25px !important;
}

.hotelItemWrappMain .trav1-two .tavelPrt7, .hotelItemWrappMain .trav1-two .tavelPrt4, .hotelItemWrappMain .tavelPrt3 {
    margin: 0px auto !important;
    text-align: center;
}

.hotelItemWrappMain .main_box_pan .sheer {
    background: transparent !important;
    color: #ffb987 !important;
    border: 1px solid #ffb987 !important
}

.travmain.nocncldsn .tavelPrt5 .NewPrice span.promoarrow {
    display: none!important;
}

@media(min-width:993px) {
    .hotelItemWrappMain .tavelPrt3 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .sortlose {
        display:none
    }
}

@media(max-width:992px) {
    .main_box_pan_new .trav1-two.ln30 {
        padding-right: 0px !important;
    }
    .sortlose {
        display: block;
        position: absolute;
        right: 0px;
        top: 6px;
        font-weight: normal !important;
        font-size: 24px;
        color: #333;
    }
    .sortBoxCustom .sort-list > li:nth-child(1) {
        display:block!important;
        padding-left:0px!important;
    }
        .sortBoxCustom .sort-list > li:nth-child(2) {
            display:none!important
        }
        .trav1-one, .trav1-two, .trav1-three {
            padding: 0px !important;
        }

    body .hotelItemWrappMain .trav1-two .tavelPrt4 {
        display: none;
    }

    body .hotelItemWrappMain .travmain.nocncldsn .trav1-two {
        width: 70px !important;
        grid-template-columns: 30px auto !important;
    }

    .hotelItemWrappMain .trav1-two .tavelPrt7 {
        margin-right: 0px !important;
    }

    .hotelItemWrappMain .b2bview-more a {
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    body .main_box_pan_new .travmain.nocncldsn .trav1-one {
        width: calc(100% - 70px) !important;
        align-items: flex-start !important;
    }

    .main_box_pan .hot_hotel-item > div.hot_hotel-body {
        padding-left: 7px !important;
        padding-right: 7px !important;
    }

    .hotelItemWrappMain .b2bhtl-iconslft1 li:nth-child(8) {
        display: none !important;
    }

    body .hotelItemWrappMain .main_box_pan_new .trav1-three {
        grid-template-columns: 1fr 1fr 33px !important;
    }
}

.main_box_pan_new .trav1-two.ln30 {
    grid-column-gap: 10px !important;
    grid-template-columns: 24px auto auto !important;
    justify-items: right !important;
    justify-content: space-between;
}

@media (max-width: 1700px) and (min-width: 1200px) {

    .main_box_pan_new .travmain.nocncldsn .trav1-one {
        width: 40% !important;
    }

    .main_box_pan_new .trav1-two.ln30 {
        width: 17% !important;
    }
}
/* Packgae detail page css start */
:root {
    --pkgprimary: #333;
    --pkgsecondary: #14A5FF;
    --pkggray: #818E94;
    --pkglightgray: #E5E5E5;
}

.pkgdtltitle {
    color: var(--pkgprimary);
}

.clrprimary {
    color: var(--pkgprimary)
}

.clrsecondary {
    color: var(--pkgsecondary)
}

.clrgray {
    color: var(--pkggray)
}

.pkgdtlsubtitle {
    color: var(--main-bg-color);
}



.pkgdtlimglist {
    display: grid;
    grid-template-areas: 'img1 img1 img2 img3''img1 img1 img4 img5';
    padding-left: 0;
    grid-column-gap: 15px;
    grid-row-gap: 15px;
}

    .pkgdtlimglist li.pkgdtlimgli {
        border-radius: 10px;
        background: #ECFCFF;
        overflow: hidden;
        list-style: none;
        position: relative;
        display:none
    }
        .pkgdtlimglist li.pkgdtlimgli:first-child, .pkgdtlimglist li.pkgdtlimgli:nth-child(2), .pkgdtlimglist li.pkgdtlimgli:nth-child(3), .pkgdtlimglist li.pkgdtlimgli:nth-child(4), .pkgdtlimglist li.pkgdtlimgli:nth-child(5) {
            display:block;
        }
        .pkgdtlimglist li.pkgdtlimgli .pkgdtlimg {
            position: absolute;
            left: 50%;
            top: 50%;
            height: 100%;
            min-width: 100%;
            transform: translate(-50%,-50%);
        }

        .pkgdtlimglist li.pkgdtlimgli:first-child {
            grid-area: img1;
            height: 250px;
        }

        .pkgdtlimglist li.pkgdtlimgli:nth-child(2) {
            grid-area: img2;
        }

        .pkgdtlimglist li.pkgdtlimgli:nth-child(3) {
            grid-area: img3;
        }

        .pkgdtlimglist li.pkgdtlimgli:nth-child(4) {
            grid-area: img4;
        }

        .pkgdtlimglist li.pkgdtlimgli:nth-child(5) {
            grid-area: img5;
        }

.pkgdtlincludeslist {
    padding-left: 0;
    list-style: none;
}

    .pkgdtlincludeslist li {
        border: 1px solid rgba(0,0,0,.3);
        border-radius: 4px;
        background: transparent;
        margin-bottom: 10px;
        display: inline-block;
        vertical-align: top;
        padding: 6px 12px;
    }

        .pkgdtlincludeslist li + li {
            margin-left: 10px;
        }

.pkgdtlnav {
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding-left:0;
    list-style:none;
}

    .pkgdtlnav .pkgdtllink.active {
        color: var(--main-bg-color);
    }

.pkgdtllink {
    padding: 12px 0px;
    position: relative;
    font-size: 16px;
    color: var(--pkggray);
    display: inline-block;
    vertical-align: top;
    margin-bottom: -8px;
}

.pkgdtlnav > li {
    margin-bottom: 10px;
    margin-right:10px;
    display: inline-block;
    vertical-align: top;
}

.pkgdtllink:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    height: 3px;
    width: 100%;
    background: var(--main-bg-color);
    display: none;
}

.pkgdtlnav .pkgdtllink.active:before {
    display: block;
}

.pkgdtlstickynav {
    position: sticky;
    top: 45px;
    z-index: 4;
}

    .pkgdtlstickynav ul {
        background: #fff;
    }

.pkgdtlnew .divider {
    margin: 10px 0;
    border-bottom: 1px solid rgba(0,0,0,.1);
}


.pkgdtlsection:last-child {
    margin-bottom: 100px;
}

.pkgdtlpriceitem .price-text {
    font-weight: bold;
    text-shadow: none;
}
.pkgdtlsection + .pkgdtlsection {
    margin-top:20px;
    border:1px solid rgba(0,0,0,.1);
    border-radius:10px;
    background:#fff;
}

.pkgdtlsection {
/*    padding-top: 20px;*/
    position: relative;
}

    .pkgdtlsection:before {
        content: "";
        position: absolute;
        left: 15px;
        bottom: 0px;
        right: 15px;
     /*   border-bottom: 1px solid rgba(0,0,0,.1);*/
    }

    .pkgdtlsection:last-child:before {
        display: none;
    }

.pkgdtladdsrvc {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid var(--pkggray);
    font-size: 25px;
    text-align: center;
    position: relative;
    cursor: pointer;
}

    .pkgdtladdsrvc span {
        position: absolute;
        top: 48%;
        left: 50%;
        transform: translate(-50%,-50%);
    }

.pkhdtlsechdng {
    padding: 15px 0;
}

.pkgdtlsrvcroomitem {
    border-radius: 4px;
    padding: 6px 12px;
    border: 1px solid rgba(0,0,0,.1);
    display: inline-block;
    vertical-align: middle;
}

    .pkgdtlsrvcroomitem > * {
        display: inline-block;
        vertical-align: middle;
    }

        .pkgdtlsrvcroomitem > * + * {
            margin-left: 10px;
        }

.pkgdtlsrvcroomdtl span {
    position: relative;
}

    .pkgdtlsrvcroomdtl span + span {
        margin-left: 7px;
        padding-left: 7px;
        border-left: 1px solid rgba(0,0,0,.3);
    }

.pkgdtlsrvcitem {
    padding: 20px;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 10px;
    display: grid;
    grid-template-columns: 200px 1fr;
    grid-column-gap: 20px;
}

    .pkgdtlsrvcitem + .pkgdtlsrvcitem {
        margin-top: 20px;
    }

.pkgdtlsrvcimgwrap {
    width: 200px;
    height: 150px;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}

    .pkgdtlsrvcimgwrap img {
        position: absolute;
        left: 50%;
        top: 50%;
        height: 100%;
        min-width: 100%;
        transform: translate(-50%,-50%);
    }

.font16 {
    font-size: 16px;
}

.font30 {
    font-size: 30px;
}

.pkgnulletlist {
    padding-left: 0;
    list-style:none;
}

    .pkgnulletlist li {
        padding-left: 40px;
        position: relative;
    }

        .pkgnulletlist li + li {
            margin-top: 2px;
        }

        .pkgnulletlist li:before {
            content: "";
            position: absolute;
            left: 0px;
            top: 5px;
            width: 8px;
            height: 8px;
            border-radius: 8px;
            background: var(--pkglightgray)
        }
.pkgdtlreadmore p, .pkgdtlitnsecwrap p {
    text-align: justify;
}
.clssrvdesc p small {
    display:inline;
}
.pkgdtlpricewrap {
    position: sticky;
    top: 60px;
    border: 1px solid rgba(0,0,0,.1);
    padding: 20px 20px 60px 20px;
    border-radius: 10px;
}
    .pkgdtlpricewrap .lbPrice {
        padding-right:0px!important;
    }

    .pkgdtlpricesrvc {
        padding: 15px 0;
        border-top: 1px solid rgba(0,0,0,.1);
        border-bottom: 1px solid rgba(0,0,0,.1);
    }

    .pkgdtlpricesrvc li {
        display: inline-block;
        vertical-align: middle;
        text-align: center;
    }

        .pkgdtlpricesrvc li + li {
            margin-left: 10px;
        }

        .pkgdtlpricesrvc li svg {
            height: 30px;
            width:30px;
        }

.pkgdtlpricesrvcname {
    display: block;
}

.pkgdtlpriceftr {
    padding: 10px 15px;
    border-top: 1px solid rgba(0,0,0,.1);
    display: grid;
    grid-template-columns: 1fr 1fr;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

body .pkgdtlpriceftr .donebox.outlinebtn {
    color: var(--main-bg-color) !important;
    border: 1px solid var(--main-bg-color) !important;
}

.pkgdtlpriceitem * {
    color: var(--main-bg-color);
}
.pkgdtlitnwrap {
    display: grid;
    grid-template-columns: 90px calc(100% - 110px);
    grid-column-gap: 20px;
    z-index: 0;
}


#pkgdtlitinerary .pkhdtlsechdng {
    padding-top: 0;
}

.pkgdtlstickyday .pkgdtlnav > li {
    display: block;
    margin-bottom: 20px;
    margin-right: 0;
}

    .pkgdtlstickyday .pkgdtlnav > li:last-child {
        margin-bottom: 0;
    }

.pkgdtlstickyday .pkgdtlnav {
    border-bottom: none;
    border-right: 1px solid rgba(0,0,0,.1);
}

.pkgdtlstickyday .pkgdtllink {
    padding-top: 0;
    padding-bottom: 0;
    color: #252525;
    padding-right: 5px;
    display: block;
}

    .pkgdtlstickyday .pkgdtllink.active {
        color: var(--main-bg-color);
    }

    .pkgdtlstickyday .pkgdtllink > b {
        display: block;
        font-size: 16px;
        white-space: nowrap;
    }

.pkgdtldaysec + .pkgdtldaysec {
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid rgba(0,0,0,.1);
}

.pkgdtldaysec:last-child {
    padding-bottom: 50px;
}

.pkgdtlstickyday .pkgdtllink > span {
    font-size: 11px;
    white-space: nowrap;
}

.pkgdtlstickyday .pkgdtllink:before {
    right: 0;
    top: 0;
    bottom: 0;
    left: auto;
    width: 3px;
    height: auto;
}

.pkgdtlstickynav + .pkgdtlsection {
    padding-top: 30px;
}

.pkgdtlitnimg {
    border-radius: 10px;
    overflow: hidden;
}

.pkgdtlitnslider.owl-carousel {
    overflow: visible;
}

.pkgdtlitnslider .owl-dots {
    display: none;
}

.pkgdtlitnslider.owl-carousel:hover .owl-nav .owl-next::before, .pkgdtlitnslider.owl-carousel:hover .owl-nav .owl-prev::before, .pkgdtlitnslider.owl-carousel .owl-nav .owl-next::before, .pkgdtlitnslider.owl-carousel .owl-nav .owl-prev::before {
    opacity: 1;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    opacity: 1;
    border-radius: 40px;
    width: 40px;
    font-size: 20px;
    height: 40px;
    text-align: center;
    padding: 0;
    line-height: 40px;
    box-shadow: 0px 4px 8px rgba(0,0,0,.2);
    right: -20px;
}

.pkgdtlitnslider.owl-carousel .owl-nav .owl-prev::before {
    right: auto;
    left: -20px;
}

.mainheader.disabledbutton {
    opacity: 1;
}

.pkgdtldaysec:first-child {
    padding-top: 30px;
}
/* package detail page css end */
.ahotel-image .designimage {
    display:none!important;
}
.ahotel-item .ahotel-body {
    padding: 10px;
    padding-bottom: 3px;
}
.ahotel-body .uc-kstm-wrap .description, .ahotel-body .uc-kstm-wrap p, body .ahotel-body .uc-final-content .uc-para-wrap * {
    line-height: 22px;
    color: #232323 !important;
    font-weight: 500 !important;
}
.ahotel-body .clickme {
    display: inline;
    bottom: auto;
    width: auto;
    right: auto;
    
    position: relative;
    padding-left: 0;
    box-shadow: 0 -5px 5px -5px rgba(23, 50, 101, 0.3);
}
.transferPagewrapper .ahotel-body .uc-container .clickme {
    position: absolute;
    padding-left: 0;
    bottom: 2px;
    width: 100%;
    padding-top: 3px;
    box-shadow: 0 -5px 5px -5px rgba(23, 50, 101, 0.3);
}
.transfer-content-box {
    margin-top: 6px;
}
    .transfer-content-box * {
        line-height: 21px;
        color: var(--theme-reg-color) !important;
        font-weight: 500 !important;
        margin-bottom: 6px;
        font-size: 13px !important;
    }
.transferPagewrapper .ahotel-body .clickme {
    bottom: 0px;
    top: auto;
    position: absolute;
    width: 100%;
}
.transferPagewrapper .ahotel-btns .donebox{
    min-width:116px;
}
    .transferPagewrapper .ahotel-btns .donebox:first-child {
        margin-bottom: 6px;
    }
.transferPagewrapper .cpolicy_hotel {
    width: 100% !important;
    padding-left: 0 !important;
}
.transferPagewrapper .ahotel-body p.can-policy {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: 20px;
}
#divTransferList .ahotel-item .ahotel-body h3 {
    margin-top: 0;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
}
.ahotel-body .clickme {
    color: var(--main-bg-color) !important;
}
    .ahotel-body .clickme:before, .ahotel-body .clickme:after {
        display:none;
    }
body .ahotel-body .uc-final-content {
    background:#fff!important;
    padding:20px!important
}
    body .ahotel-body .uc-final-content .hdg h3 {
        color:#333!important;
    }
.ahotel-body .uc-final-content .close, .lcn-dtl .uc-final-content .close {
    color:#ddd!important;
}
.ahotel-body .uc-final-content .uc-para-wrap {
    padding-left: 0;
    padding-right: 0;
    margin-top: 0;
    text-align:justify;
}
.ahotel-body .uc-final-content .hdg {
    min-height: 50px;
}
.ahotel-body .uc-final-content .img {
    background: #f2f2f2 !important;
    border: 2px solid #ddd !important;
    width: 50px;
    height: 50px;
}
.travmain .tavelPrt6 i:last-of-type {
    color: var(--main-bg-color) !important;
}
.prime.infolist, .pager.wizard {
    list-style: none;
}
/* package media detail page css start */
@media(max-width:1332px) {
    .pkgdtlpriceftr .donebox {
        padding:0 10px;
    }
}
@media (max-width: 1100px) {
    .pkgdtlnav .pkgdtllink{
        font-size:14px;
    }
    #Additems .modal-dialog .add-transfer-popup-head .close.modal-close {
        top: -4px !important;
      
    }
}
@media (max-width: 965px) {
    .pkgdtlnav .pkgdtllink {
        font-size: 12px;
    }
    .pkgdtlnav > li{
        margin-right:5px;
    }
    .pkgdtlsection + .pkgdtlsection {
        margin-top: 8px;
    }
    .pkgdtlsection#pkgdtlcancelpolicy .pkhdtlseccontent .ccltblwrap {
        overflow-x: scroll;
    }
}
    @media (max-width: 840px) {

        .pkgdtlpricesrvc li + li {
            margin-left: 4px;
        }

        .pkgdtlpricesrvc li span.pkgdtlpricesrvcname {
            font-size: 11px;
        }

        .pkgdtlpriceftr .donebox {
            padding: 0 5px;
        }

        .pkgdtlsidebar .PkgNewPrice .NewPrice {
            font-size: 21px;
        }
        .pkgdtlnav > li{
            margin-left:4px;
        }
        .pkgdtlnav .pkgdtllink {
            font-size: 11px;
        }
    }


    @media (max-width: 780px) {
        .pkgdtlpricesrvc li + li {
            margin-left: 1px;
        }
    }
@media (max-width: 767px) {
    .transferPagewrapper .fltrWrap{
        border:none;
    }
    .pkgdtlnav .pkgdtllink {
        font-size: 14px;
    }
    .pkgdtlpriceftr .donebox {
        padding: 0 5px;
        height: 30px;
        line-height: 30px;
        font-size: 13px !important;
    }
    .pkgdtlpricesrvc li + li {
        margin-left: 10px;
    }
}
@media (max-width: 620px) {
    .pkgdtlstickynav .pkgdtlnav .pkgdtllink {
        border-radius: 30px;
        border: 1px solid #ddd;
        padding: 2px 10px;
        background: #f2f2f2;
        color: #424242 !important;
    }
    .pkgdtlstickynav ul {
        white-space: nowrap;
        overflow-x: auto;
    }
    .pkgdtlnew .pkgdtlstickynav ul.pkgdtlnav.tourdetail_pkgdtlnav {
        display: flex;
        flex-wrap: wrap;
        padding-top: 20px;
    }
        .pkgdtlstickynav ul::-webkit-scrollbar {
            width: 0px;
        }

            .pkgdtlstickynav ul::-webkit-scrollbar:horizontal {
                height: 0px;
            }

        .pkgdtlstickynav ul::-webkit-scrollbar-track {
            background-color: rgba(204, 204, 204, 0.3);
        }

        .pkgdtlstickynav ul::-webkit-scrollbar-thumb {
            border-radius: 10px;
            background: rgba(204, 204, 204, 0.5);
            box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
        }

    .pkgdtlsection .pkhdtlsechdng .col-sm-6 {
        width: 50%;
    }

    .pkgdtlstickynav .pkgdtlnav > li {
        margin-bottom: 15px;
    }
    .pkgdtlstickynav .pkgdtlnav .pkgdtllink.active {
        background: #424242;
        color: #fff !important;
        border: 1px solid #424242;
    }

    .pkgdtlstickynav .pkgdtlnav .pkgdtllink.active:before {
        display: none;
    }
    .pkgdtlsrvcitem {
        position: relative;
    }
    .pkgdtlpriceftr{
        position:sticky;
        background:#fff;
        width:100%;
    }
    #Additems .modal-dialog .add-transfer-popup {
        display: block;
        
    }
}
    @media (max-width: 480px) {
        .pkgdtlsrvcitem {
            grid-template-columns: 1fr;
        }

        .pkgdtlsrvcimgwrap {
            width: 100%;
            margin-bottom: 15px;
        }

        .pkgdtlincludeslist li {
            padding: 6px 5px;
        }
        .pkgdtlimgwrap .pkgdtlimglist {
            grid-template-areas: 'img1 img1 img1 img1' 'img2 img3 img4 img5';
        }
        .pkgdtlimglist li.pkgdtlimgli:first-child {
            grid-area: img1;
            height: 150px;
        }
        .pkgdtlimglist li.pkgdtlimgli:nth-child(2) {
            grid-area: img2;
            height: 75px;
        }
        .pkgdtlitnwrap {
            grid-template-columns: 80px calc(100% - 110px);
        }
        .pkgdtlitnsecwrap .col-lg-12.col-md-12.pkgdtldaysec{
            padding-left:0;
        }
        .pkgnulletlist li{
            padding-left:25px;
        }
    }

    @media (max-width: 420px) {
        .pkgdtlincludeslist li {
            font-size: 11px;
        }

            .pkgdtlincludeslist li + li {
                margin-left: 5px;
            }
    }
    /* package media detail page css end */
.change_hotel .sheer:before, .change_hotel .sheer:after {
    display: none !important
}

.change_hotel .sheer {
    width: 25px !important;
    margin: 0 !important;
}

.page-wrap, .page-title, .globalPadding, .modal-xl, .TabConWrap .tab-content, .mainHeader .container, body .TabConWrap .tab-content, body .mainHeader .tab-content, .mainHeader .TabConWrap.fixed .tab-content {
    max-width: 1500px !important;
    margin-left: auto !important;
    margin-right: auto !important
}

    @media(min-width:1201px) {
        .page-wrap, .page-title, .globalPadding, .modal-xl, nav.navbar, .mainHeader .TabConWrap {
            padding-right: 35px !important;
            padding-left: 35px !important;
        }
    }

    @media(max-width:1200px) {
        .page-wrap, .page-title, .globalPadding, .modal-xl, nav.navbar, .mainHeader .TabConWrap {
            padding-right: 15px !important;
            padding-left: 15px !important;
        }
    }
@media(min-width:1500px) {
    .TabConWrap .tab-content, .mainHeader .container, body .TabConWrap .tab-content, body .mainHeader .tab-content, .mainHeader .TabConWrap.fixed .tab-content {
        padding-right: 35px !important;
        padding-left: 35px !important;
    }
}

@media only screen and (min-width: 1500px) and (max-width: 1560px) {
    .TabConWrap .tab-content, .mainHeader .container, body .TabConWrap .tab-content, body .mainHeader .tab-content, .mainHeader .TabConWrap.fixed .tab-content {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
}
    
    @media(max-width:1499px) {
        .TabConWrap .tab-content, .mainHeader .container, body .TabConWrap .tab-content, body .mainHeader .tab-content, .mainHeader .TabConWrap.fixed .tab-content {
            padding-right: 0px !important;
            padding-left: 0px !important;
        }
    }

.kSearchBtn.actksearchbtn i::before {
    content: "\f002" !important;
}
.kSearchBtn.actksearchbtn i {
    font: normal normal normal 14px/1 FontAwesome !important;
}

/* Flight Result page css started */
    .popupbgloader {
    z-index: 0;
}

.popupbgloaded {
    z-index: 1;
}

.fli-trvlDays {
    font-size: 10px;
    color: #3582ff;
    display: inline-block;
}

.FareRuleDetail .FareRuleDetailinner table {
    width: 100%;
}

.FareRuleDetail {
    height: 350px;
}

.FareRuleDetailinner {
    height: 330px;
}

    .FareRuleDetailinner br + br + br {
        display: none;
    }

.FareRuleDetailinner {
    font-size: 14px;
    line-height: 26px;
}

    .FareRuleDetailinner table {
        margin: 12px 0;
    }

</style >
<style >
/* Flight Roundtrip 20-02-2020 */
.Notavailable {
    text-align: center;
    padding: 10px;
    font-weight: bold;
    border-bottom: 1px dashed #ddd;
}

.myRTCol .myRTHeader {
    margin-bottom: 30px;
    display: none;
}

.myRTCol .myRTDepartArriveInfo, .myRTCol .myRTDatePaxInfo {
    padding-left: 40px;
    position: relative;
    font-weight: bold;
}

.myRTCol .myRTDatePaxInfo {
    margin-bottom: 15px;
}

.myRTCol .myRTDepartArriveInfo li {
    position: relative;
}

    .myRTCol .myRTDepartArriveInfo li + li {
        margin-top: 20px;
        font-weight: bold;
    }

    .myRTCol .myRTDepartArriveInfo li:before {
        content: "";
        top: 5px;
        position: absolute;
        left: -37px;
        width: 16px;
        height: 16px;
        border-radius: 16px;
        border: 2px solid #ddd;
        background: #edeeee;
        display: block;
        z-index: 2;
    }

.myRTCol .myRTDepartArriveInfo:before {
    content: "";
    position: absolute;
    left: 10px;
    top: 5px;
    height: 100%;
    border-left: 2px dashed #ddd;
    z-index: 0;
}

.myRTCol .myRTDepartArriveInfo li:last-child:after {
    content: "";
    position: absolute;
    left: -30px;
    bottom: -6px;
    height: 100%;
    border-left: 2px solid #f6f7f8;
    z-index: 1;
}

.myRTCol .myRTDatePaxInfo {
    position: relative;
}

    .myRTCol .myRTDatePaxInfo.departureIcon {
        background: url('../../assets/images/departure-icon.svg') left top 5px no-repeat;
        background-size: 25px auto;
    }

    .myRTCol .myRTDatePaxInfo.arrivalIcon {
        background: url('../../assets/images/arrival-icon.svg') left top 5px no-repeat;
        background-size: 25px auto;
    }

.selectedradio .bookFlight, .selectedFlights .flightitem {
    position: relative;
}

.selectedFlights .airlinename {
    max-width: 60%;
}

.selectedFlights .flightwrap > div:first-child .flightitem::before {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.selectedradio .flightitem .fitemmain::before, .selectedFlights .flightitem::before, .flightbottomprice .Notavailable::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0.1;
    background: var(--main-bg-color);
}

.selectedradio .bookFlight.w-100::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    opacity: 0.4;
    background: var(--main-bg-color);
    overflow: hidden;
    top: 0;
}

.myRTCol .mbsIcons {
    position: absolute;
    bottom: 5px;
    right: 10px;
    display: none;
}


.selectedFlights .mbsIcons {
    display: block;
    /*display:none;*/
}

.mbsIcons a {
    opacity: .5;
    transition: all .3s linear;
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    font-size: 18px;
    color: var(--main-bg-color) !important;
    width: 24px;
    height: 24px;
}

.mbsIcons > span {
    display: inline-block;
    vertical-align: middle;
}

.mbsIcons a:hover {
    opacity: 1;
}

.mbsIcons a + a {
    margin-left: 10px;
}

.mbsSeat {
    background: url('../../assets/images/thumbs/SeatIcon.svg') center no-repeat;
    background-size: 18px auto;
}

.mbsMeal {
    background: url('../../assets/images/thumbs/dinnerIcon.svg') center no-repeat;
    background-size: 18px auto;
}

.mbsBaggage {
    background: url('../../assets/images/thumbs/bagIcon.svg') center no-repeat;
    background-size: 18px auto;
}

.mbsSeat.active {
    background: url('../../assets/images/thumbs/SeatIconActive.svg') center no-repeat;
    background-size: 18px auto;
}

.mbsMeal.active {
    background: url('../../assets/images/thumbs/dinnerIconActive.svg') center no-repeat;
    background-size: 18px auto;
}

.mbsBaggage.active {
    background: url('../../assets/images/thumbs/bagIconActive.svg') center no-repeat;
    background-size: 18px auto;
}


.wnwrap {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}

.myRTCol .selectedradio {
    /*border: 1px solid var(--main-bg-color);*/
}

.myRTCol path {
    transform: translateX(-50%);
    left: 50%;
    width: 72%;
    border-top: 1px dashed #595959 !important;
    top: 10px;
}
@media(min-width:992px) {
    .myRTCol ul.fitemftstops {
        padding-top: 20px;
    }
    .intlntsnlitem path, .cstmrlgnflt path {
        border-top: 1px dashed #e0e0e0 !important;
    }
    .intlntsnlitem path, .cstmrlgnflt path {
        top: 10px;
    }
    .myRTCol ul.fitemftstops li:before {
        top:-19px!important;
    }
    .myRTCol .fitemftstops[totalstops="0"] path:before, .intlntsnlitem .fitemftstops[totalstops="0"] path:before, .intlntsnlitem .fitemftstops[totalstops="0"] path:after, .cstmrlgnflt .fitemftstops[totalstops="0"] path:after, .cstmrlgnflt .fitemftstops[totalstops="0"] path:before {
        background: transparent;
        display: none;
    }
    .intlntsnlitem .fitemftstops[totalstops="0"]:before, .cstmrlgnflt .fitemftstops[totalstops="0"] path:before {
        position: absolute !important;
        margin-top: -16px !important;
        z-index: 4 !important;
    }
    .cstmrlgnflt .fitemftstops[totalstops="0"] path:before {
        margin-top: 0px !important;
    }

    .intlntsnlitem ul.fitemftstops, .cstmrlgnflt ul.fitemftstops {
        padding-top: 16px;
    }

    .myRTCol .fitemftstops[totalstops="0"] path:before, .intlntsnlitem .fitemftstops[totalstops="0"] path:before, .cstmrlgnflt .fitemftstops[totalstops="0"] path:before {
        left: 50%;
        width: 20px;
        margin-left: -10px;
        height: 20px;
        display: block;
        background-image: url('../images/path-icon-flight.svg');
        background-size: 20px auto;
        content: "" !important;
    }

    .myRTCol .fitemftstops[totalstops="0"] path:after, .myRTCol .fitemftstops[totalstops="0"] path:after, .myRTCol .fitemftstops[totalstops="1"] path:after, .myRTCol .fitemftstops[totalstops="1"] path:before, .myRTCol .fitemftstops[totalstops="2"] path:after, .myRTCol .fitemftstops[totalstops="2"] path:before {
        display: none !important;
    }
    .myRTCol .selectedFlights .fitemftstops[totalstops="0"] path:before {
        margin-top: 0px !important;
        margin-left: -7px !important;
    }

}

.myRTCol path:after {
    right: -15px;
}

.myRTCol .myRTResult .fitemthumb {
    width: 100%;
    min-height: 30px;
    position: relative;
    padding: 10px 0 10px 40px;
    margin-top: 0px;
}

    .myRTCol .myRTResult .fitemthumb > .fitemdurprice {
        position: absolute;
        right: 10px;
        top: auto;
        bottom: 0;
    }

        .myRTCol .myRTResult .fitemthumb > .fitemdurprice .fitemprice {
            width: auto;
            padding: 0;
            align-items: end;
        }

.myRTCol .myRTResult .fitemthumbinner {
    width: 24px;
    height: auto;
    top: 50%;
}

.myRTCol .myRTResult .flighttitle {
    display: none;
}

.myRTResult .fitemthumbinner img {
    height: auto;
}

.myRTCol .myRTResult .fitemdurprice {
    flex-wrap: wrap;
}

.myRTCol .myRTResult .fitemdft > div {
    width: 90% !important;
}

.myRTCol .myRTResult .fitemdurprice .price {
    padding-right: 0px !important;
}

.myRTCol .myRTResult .bookFlight .fitempriceinner {
    display: none;
}

.myRTCol .myRTResult.selectedFlights .bookFlight .fitempriceinner, .myRTCol .myRTResult.selectedFlights .flighttitle {
    display: block;
}

.myRTCol .myRTResult.selectedFlights .bookFlight .fitempriceinner {
    font-size: 130%;
    text-align: right !important;
}

.myRTCol .myRTResult .fitempriceinner > * {
    display: inline-block;
    vertical-align: middle;
}

.flightbottomprice .Notavailable {
    background: url(/assets/images/Notavailable.svg) no-repeat;
    margin: 0 auto;
    background-position: top 15px center;
    background-size: 54px;
    padding-top: 15px;
    position: relative;
    text-align:center!important;
}


    .flightbottomprice .Notavailable p {
        padding-top: 60px;
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 0;
        padding-bottom: 12px;
    }

.myRTCol .myRTResult .fitemdfrom, .myRTResult .fitemdto {
    width: 33%;
}
.bestDomesticActivities .card-sell-price,
.bestInternationalActivities .card-sell-price {
    font-weight: 600;
}
.myRTCol .myRTResult .fitemdft {
    width: 33%;
}

.myRTCol .myRTResult .flightitem + .flightitem {
    display: none;
}

.myRTCol .myRTResult.selectedFlights .flightitem + .flightitem {
    display: block;
}

.myRTCol .myRTColIn {
    min-height: 500px;
}

.myRTCol .myRTColIn {
    padding: 20px 15px;
    border-radius: 10px;
    border: 1px solid #ddd;
    margin-bottom: 40px;
    position: relative;
    height: auto;
}

.myRTCol .myRTFIlters {
    margin-bottom: 15px;
    box-shadow: 0 5px 10px rgba(0,0,0,0.15);
    border-radius: 10px;
    background: #fff;
    z-index: 9;
    position: sticky;
    top: 20px;
}

.myRTCol .myRTFIlterTop > div {
    padding: 5px 5px 5px 10px;
}

.myRTCol .myRTDisplayFilters .myRTFIlterStops > div {
    padding: 0px 5px 0px 10px;
}

.myRTCol .myRTFIlterTop > div + div, .myRTCol .myRTFIlterStops .myRTCheckboxWrap + .myRTCheckboxWrap {
    border-left: 1px dashed #ddd;
}

.myRTCol .myRTFIlterTop {
    border-bottom: 1px dashed #ddd;
}

    .myRTCol .myRTFIlterTop p, .myRTCol .myRTFIlterMid p, .myRTCol .myMdlBody p {
        margin-bottom: 5px;
    }

.myRTCol .checkbox {
    position: relative;
    padding-left: 20px;
    overflow: hidden;
}

    .myRTCol .checkbox .cr {
        position: absolute;
        left: 1px;
        top: 4px;
        border-radius: 4px;
        overflow: hidden;
    }

    .myRTCol .checkbox label .cr + span {
        font-size: 80%;
    }

    .myRTCol .checkbox label {
        margin-top: 0;
        margin-bottom: 0;
    }

.myRTCol .myRTFIlterDeparture .myRTCheckboxWrap, .myRTCol .myRTFIlterArrival .myRTCheckboxWrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.myRTCol .myRTFIlterTop {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.myRTCol .myRTFIlterBottom {
    padding: 0px 10px;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.myRTCol .results_hot h2, .myRTCol .results_hot p {
    padding-left: 12px;
    padding-right: 12px;
}

.myRTCol .myRTDisplayFilters .myRTFIlterStops .checkbox {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

    .myRTCol .myRTDisplayFilters .myRTFIlterStops .checkbox:last-child {
        margin-right: 0;
    }

.myRTCol .myRTFIlterStops .myRTCheckboxWrap label {
    margin-bottom: 0;
}

.myRTCol .myRTDisplayFilters .myRTFIlterStops {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

    .myRTCol .myRTDisplayFilters .myRTFIlterStops p {
        padding-right: 20px;
    }

.myRTCol .myRTFIlterBottom {
    line-height: 30px;
    border-top: 1px dashed #ddd;
}

    .myRTCol .myRTFIlterBottom a {
        display: inline-block;
        vertical-align: middle;
        line-height: 10px;
    }

.myRTCol .myRTFilterBottomRight a + a {
    margin-left: 20px;
    position: relative;
}

.myRTCol .myRTPopupFiltersDprt {
    position: absolute;
    min-width: 100%;
    padding: 15px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
}

    .myRTCol .myRTPopupFiltersDprt:before {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        background: rgba(0,0,0,.4);
        border-radius: 10px;
    }

.myRTCol .myModalContainer {
    background: #fff;
    box-shadow: 0 5px 10px rgba(0,0,0,.15);
    border-radius: 10px;
    max-height: 80vh;
    overflow: auto;
    position: sticky;
    top: 15px;
}

.cartflightshop {
    height: 20px;
    vertical-align: middle;
    display: none;
}

.myRTCol .myMdlHeader {
    border-bottom: 1px solid #ddd;
    padding: 10px 15px;
}

.myRTCol .myMdlFooter {
    border-top: 1px solid #ddd;
    padding: 10px 15px;
    background: #fff;
    position: sticky;
    bottom: 0;
}

.myRTCol .closeFilters {
    float: right;
    padding: 5px;
    position: relative;
    width: 30px;
    height: 20px;
}

.myRTCol .myMdlBody {
    padding: 15px;
}

    .myRTCol .myMdlBody .myRTFIlterTop > div {
        padding: 0;
        border-left: none;
    }

    .myRTCol .myMdlBody .myRTFIlterTop, .myRTCol .myMdlBody .myRTFIlterDeparture .myRTCheckboxWrap, .myRTCol .myMdlBody .myRTFIlterArrival .myRTCheckboxWrap {
        display: block;
    }

    .myRTCol .myMdlBody .myRTCheckboxWrap .checkbox {
        display: inline-block;
        vertical-align: middle;
    }

    .myRTCol .myMdlBody .myRTFIlterTop > div {
        margin-bottom: 15px;
    }

        .myRTCol .myMdlBody .myRTFIlterTop > div.myPriceSlider {
            margin-bottom: 25px;
        }

    .myRTCol .myMdlBody .myRTFIlterTop {
        border-bottom: none;
    }

        .myRTCol .myMdlBody .myRTFIlterTop .checkbox {
            margin-right: 10px
        }

.myRTCol .mybtn.mybtn-outline {
    background: transparent !important;
    border-color: var(--main-bg-color) !important;
    color: var(--main-bg-color) !important;
}

.myRTCol.derarture-arrival {
    display: none;
}

.myRTCol .PriceSort {
    position: relative;
    padding-right: 20px;
}

    .myRTCol .PriceSort:before {
        position: absolute;
        content: "";
        right: 3px;
        top: 4px;
        border: 6px solid transparent;
        border-top-color: #ddd;
    }

    .myRTCol .PriceSort.LTH:before {
        border-top-color: var(--main-bg-color) !important;
    }

    .myRTCol .PriceSort.HTL:before {
        top: -3px;
        border-top-color: transparent !important;
        border-bottom-color: var(--main-bg-color) !important;
    }
/* DRT Radio */
/* The container */
.myRTCol .DRTRadioWrap {
    display: block;
    position: relative;
    width: 30px;
    height: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.myRTCol .results_hot {
    width: 100%;
    box-shadow: none;
}
/* Hide the browser's default radio button */
.myRTCol .DRTRadioWrap input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.myRTCol .DRTRadioWrap .Radiomark {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid #ddd;
}

/* On mouse-over, add a grey background color */
.myRTCol .DRTRadioWrap:hover input ~ .Radiomark {
    background-color: #edeeee;
}

/* When the radio button is checked, add a blue background */
.myRTCol .DRTRadioWrap input:checked ~ .Radiomark {
    background-color: var(--main-bg-color);
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.myRTCol .DRTRadioWrap .Radiomark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.myRTCol .DRTRadioWrap input:checked ~ .Radiomark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.myRTCol .DRTRadioWrap .Radiomark:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

.myRTCol .myRTResult.selectedFlights .fitemtoggle {
    padding: 5px 0 !important;
}

.myRTCol .myRTResult .fitempriceinner > .price {
    padding-right: 0px !important;
}

.myRTCol .myRTResult.selectedFlights .bookFlight {
    border-bottom: 1px dashed #ddd;
}

.myRTCol .myRTResult.selectedFlights .fitemdtl {
    border-bottom: 1px dashed #ddd;
}

.mycstmModal .canamnt {
    padding-bottom: 30px;
}

.mycstmModal.modal.fade .modal-dialog {
    max-width: 260px;
}

#modalAlreadySSR .mycstmModal.modal.fade .modal-dialog {
    max-width: 420px;
}

.myRTCol .myRTResult.selectedFlights .fitemdtl + .bookFlight {
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 0px dashed #ddd;
    border-radius: 0px 0px 10px 10px;
}

.myRTCol .myRTResult.selectedFlights .flightwrap {
    border-radius: 10px;
}

.myRTCol .flightwrap {
    margin-bottom: 10px;
}

.myRTCol .selectedFlights .fitemprice b, .myRTCol .selectedFlights .holdtab b, .myRTCol .selectedFlights .bggbox .sumfare b, .myRTCol .selectedFlights .sl-fare b, .myRTCol .selectedFlights .sl-dtl b {
    font-size: 110%
}

.myRTCol .selectedFlights .sl-fare {
    padding-right: 0px;
    min-width: 100px;
    vertical-align: bottom !important
}

.myRTCol .selectedFlights .summarytab .sl-fare {
    padding-right: 0px;
    min-width: 0;
    vertical-align: middle !important
}

.myRTCol .selectedFlights .sl-fare .SLI-check {
    right: 0px;
    top: 0px;
    transform: translate(0,0);
}

.myRTCol .selectedFlights .radio-group label {
    padding: 0px 5px;
    font-size: 10px !important
}

.myRTCol .selectedFlights .FlightNav .dropdown .dropdown-menu {
    top: 22px !important;
    transform: translate3d(0px, 0px, 0px) !important;
}

.myRTCol .selectedFlights .fitemdtl .fiditem {
    display: block !important;
    position: relative;
    padding: 0px 10px;
    margin-top: 10px
}

.myRTCol .selectedFlights .fitemdtl .fiditemfrom, .myRTCol .selectedFlights .fitemdtl .fiditemto, .myRTCol .selectedFlights .fitemdtl .fiditempath {
    display: block;
    width: 100%;
    padding: 0px;
}

.myRTCol .selectedFlights .fitemdtl .fiditempath {
    display: none;
}

.myRTCol .selectedFlights .fitemdtl .fiditemfrom[mobflightname]:after {
    content: attr(mobflightname);
    position: relative;
    font-size: 85%;
}

.myRTCol .selectedFlights .fitemdtl .fiditem:before {
    position: absolute;
    top: 20px;
    bottom: 0px;
    z-index: 2;
    content: "";
    border-left: 1px dashed #ddd;
    left: 15px;
}

.myRTCol .selectedFlights .fitemdtl .fiditemto:after {
    position: absolute;
    top: 10px;
    bottom: 0px;
    z-index: 2;
    content: "";
    border-left: 3px solid #fff;
    left: 3px;
}

.myRTCol .selectedFlights .fitemdtl .fiditemfrom, .myRTCol .selectedFlights .fitemdtl .fiditemto {
    padding-left: 20px;
    position: relative;
    margin-bottom: 10px;
}

    .myRTCol .selectedFlights .fitemdtl .fiditemfrom:before, .myRTCol .selectedFlights .fitemdtl .fiditemto:before {
        position: absolute;
        z-index: 3;
        content: "";
        left: 0px;
        top: 5px;
        width: 11px;
        height: 11px;
        -webkit-border-radius: 11px;
        -moz-border-radius: 11px;
        -ms-border-radius: 11px;
        -o-border-radius: 11px;
        border-radius: 11px;
        border: 2px solid #636363;
    }

.myRTCol .selectedFlights .fitemdtl .sumbox .fiditempath {
    display: block;
    width: 40%;
    padding: 1px;
}

.myRTCol .selectedFlights .fitemdtl .sumbox .fiditem {
    padding: 0px;
    margin-top: 15px;
}

.myRTCol .selectedFlights .bookFlight .fitemprice {
    padding-left: 5px;
    padding-right: 5px;
}

.myRTCol .selectedFlights .fitemdtl .sumbox .fiditemfrom, .myRTCol .selectedFlights .fitemdtl .sumbox .fiditemto {
    width: 30%;
    padding-left: 0px;
    margin-top: -15px;
    margin-bottom: 0px;
}

    .myRTCol .selectedFlights .fitemdtl .sumbox .fiditemfrom:before, .myRTCol .selectedFlights .fitemdtl .sumbox .fiditemto:before {
        display: none;
    }

.myRTCol .selectedFlights .fitemdtl .sumbox .fiditemfrom, .myRTCol .selectedFlights .fitemdtl .sumbox .fiditemto, .myRTCol .selectedFlights .fitemdtl .sumbox .fiditempath {
    float: left;
}

.myRTCol .selectedFlights, .myRTCol .selectedFlights .flight_mywrap .fitemmain .airlinename, .myRTCol .selectedFlights .flight_mywrap .fitemdfrom, .flight_mywrap .fitemdto {
    font-size: 13px;
}

    .myRTCol .selectedFlights .flightname, .myRTCol .selectedFlights ul.fitemftstops li *, .myRTCol .selectedFlights .holdtab span, .myRTCol .selectedFlights .fitempriceinner span, .myRTCol .selectedFlights .fitemdtl span, .myRTCol .selectedFlights .fitemdtl b, .myRTCol .selectedFlights .kTouchspin .col-form-label span {
        font-size: 100%;
    }

    .myRTCol .selectedFlights .flight_mywrap path {
        width: 72%;
    }

    .myRTCol .selectedFlights .fitemftmain, .myRTCol .selectedFlights ul.fitemftstops {
        margin-top: 6px;
    }

.myRTCol .fitemftmain, .myRTCol ul.fitemftstops {
    padding-left: 15px;
    padding-right: 15px;
}


.myRTCol .selectedFlights path:before, .myRTCol .selectedFlights path:after {
    background-size: contain;
    height: 15px;
    width: 15px;
    margin-top: 2px;
}

.myRTCol .selectedFlights .fitemduration[timelayover]:before {
    content: attr(timelayover);
    position: absolute;
    left: 20px;
    bottom: -2px;
    opacity: .75;
}

.myRTCol .myRTResult.selectedFlights .fitemthumb > .fitemdurprice {
    right: 0px;
    top: auto;
    bottom: 0px;
}


.myRTCol .selectedFlights .fitemduration {
    padding-bottom: 30px;
}

    .myRTCol .selectedFlights .fitemduration[timelayover]:after {
        content: "\e081";
        font-family: 'simple-line-icons';
        position: absolute;
        left: 3px;
        bottom: -2px;
        opacity: .75;
    }

.myRTCol .selectedFlights .flighttitle {
    padding: 10px 10px 0 10px;
}

.myRTCol .selectedFlights .fitemmain {
    padding-left: 10px;
    padding-right: 10px;
}

.myRTCol .selectedFlights .flighttitle .fitempriceinner {
    text-align: right;
}

    .myRTCol .selectedFlights .flighttitle .fitempriceinner .price {
        padding-right: 0px !important;
    }

.myRTCol .selectedFlights ul.fitemftstops[totalstops]:before {
    display: none;
}

.myRTCol .irs-to {
    left: auto !important;
    right: 0 !important;
}

.myRTCol .irs-from {
    left: 0 !important;
    right: auto !important;
}

    .myRTCol .irs-from:after, .myRTCol .irs-to:after, .myRTCol .irs-single:after {
        display: none;
    }

.myRTCol .irs-single {
    left: 50% !IMPORTANT;
    transform: translateX(-50%);
}

.myRTCol .selectedFlights .FareRuleTop [class*="col-md-6"] {
    width: 50%;
}

.myRTCol .selectedFlights .FareRuleDetail {
    margin-top: 15px;
}

.myRTCol .selectedFlights .fiditemto.v-align .v-alignin {
    text-align: left;
}

.myRTCol .selectedFlights {
    position: sticky;
    top: 10px;
    margin-bottom: 40px;
    transition: all .3s linear;
}

    .myRTCol .selectedFlights path.eclipse:before, .myRTCol .selectedFlights path.eclipse:after {
        top: -10px;
    }

    .myRTCol .selectedFlights .contentBoxDITClick ul li a {
        padding: 3px 5px !important;
        font-size: 80% !important;
    }

    .myRTCol .selectedFlights .totalfare {
        font-size: 130%;
    }

.myRTCol ul.fitemftstops li > span {
    display: none;
}

.myRTCol .myRTColIn {
    height: 100%;
    margin-bottom: 0;
}

.myRTCol#DRTDeparture, .myRTCol#DRTArrival {
    padding-bottom: 40px;
}

.myRTCol .flgtLyovrInfo.tooltipBox {
    min-width: 220px;
    bottom: 30px;
}

.myRTCol .selectedFlights .fitemftmain {
    display: none;
}

body.DRTbody {
    padding-top: 0px !important;
    height: auto;
}

    body.DRTbody .fixed-top {
        transition: all .3s linear;
        height: auto;
        position: relative !important;
    }

    body.DRTbody .mainHeader {
        position: sticky;
        top: 0;
        transition: all .3s linear;
    }

        body.DRTbody .mainHeader .TabConWrap.hidefixed.fixed, body.DRTbody .mainHeader .TabConWrap.hidefixed {
            top: 0px !important;
            transform: translate(0,0) !important;
            opacity: 1 !important;
        }

            body.DRTbody .mainHeader .TabConWrap.hidefixed.fixed .tab-content, body.DRTbody .mainHeader .TabConWrap.hidefixed .tab-content {
                padding-top: 0px !important;
                padding-bottom: 0px !important;
                padding-left: 20px !important;
            }

            body.DRTbody .mainHeader .TabConWrap.hidefixed.fixed .kSearchBtn, body.DRTbody .mainHeader .TabConWrap.hidefixed .kSearchBtn {
                width: 40px;
                height: 40px;
                line-height: 37px;
                font-size: 16px;
            }
/*body.DRTbody .fixed-top, body.DRTbody .TabConWrap.hidefixed {
        position: relative !important;
        top: 0px;
    }

    body.DRTbody .mainHeader .TabConWrap.posRel {
        position: relative !important;
        top: 0px !important;
        width: 100% !important;
        z-index: 5 !important;
        padding-top: 1px !important;
        padding-bottom: 1px !important;
        margin-bottom: 0px !important;
        background: #000 !important;
        display: block !important;
    }*/
span.sectionHdng {
    position: absolute;
    left: 19px;
    top: -12px;
    padding: 0px 15px;
    background: #fff;
    z-index: 1;
    border-radius: 20px;
    border: 1px solid #ddd;
}

.myRTCol .airlineNameTooltip {
    bottom: 102%;
}

.flightbottomprice #ArrFlightSummary {
    border-top: 1px dashed #ddd;
}

.fareboxx .sumfare + .sumfare, .fareboxx .totalfare {
    border-top: 1px dashed #ddd;
}

@media (max-width: 1500px) {
    .myRTCol .myRTResult.flightitemWrap .flightwrap .flightitem .fitemftmain span {
        display: block;
    }
}

@media (max-width: 1300px) {
    .myRTCol .myRTResult .fitemthumb {
        position: initial;
    }

    .myRTCol .myRTResult .fitemthumbinner {
        top: 20px;
    }

    .myRTCol .checkbox .cr {
        margin-right: 0;
        width: 13px;
        height: 13px;
        top: 5px;
    }

    .myRTCol .checkbox {
        padding-left: 15px;
    }

        .myRTCol .checkbox .cr .cr-icon, .myRTCol .radio .cr .cr-icon {
            left: 0;
        }

    .myRTCol .myRTFIlters {
        top: 10px;
    }
}

@media (max-width: 1230px) {
    .myRTCol .myRTResult .bookFlight .fitemmain .donebox {
        padding: 0;
    }
}

@media (max-width: 1205px) {
    .myRTCol .myRTResult .bookFlight .fitemmain .donebox {
        padding: 0;
    }
}

@media (max-width: 1199px) {
    .myRTCol.flightbottomprice .fitemthumbinner {
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
    }

    .myRTCol.flightbottomprice .fitemthumb {
        max-width: none;
    }

    .myRTCol.flightbottomprice .airlinename {
        display: inline-block;
        vertical-align: middle;
    }

    .myRTCol.flightbottomprice {
        position: fixed;
        bottom: 0;
        z-index: 9999;
        left: 0;
        right: 0;
        max-height: 100vh;
        padding: 0;
    }

    .mbsIcons {
        top: -19px;
        right: 0;
    }

    .myRTCol.flightbottomprice .fitemthumbinner img {
        margin-bottom: 5px;
    }


    .myRTCol.flightbottomprice .myRTResult .fitemduration {
        display: none;
    }

    .myRTCol .selectedFlights, .flightbottomprice .flightwrap {
        margin-bottom: 0;
        box-shadow: 0 -5px 10px rgba(0,0,0,.08);
    }

    .flightbottomprice.myRTCol .selectedFlights .fitemmain {
        padding-top: 0;
        padding-bottom: 0;
    }

    .flightbottomprice.myRTCol .bookFlight {
        background: transparent !important;
    }

    .flightbottomprice.myRTCol .contentBoxDITab {
        overflow-y: auto;
        max-height: 360px;
    }


    .myRTCol .myRTResult .FareRuleDetailinner {
        font-size: 12px;
    }

    .myRTCol .myRTResult .sumbox.fareboxx .totalfare b {
        font-size: 150%;
    }
}

@media (max-width: 1023px) {
    .myRTCol .myRTResult .fitemthumbinner {
        top: 0;
    }

        .myRTCol .myRTResult .fitemthumbinner img {
            margin-bottom: 4px;
        }

    .myRTCol .myRTResult .fitemthumb {
        padding: 7px 0 10px 0px;
    }


    .myRTCol .myRTResult.flightitemWrap .contentBoxDITClick ul li a {
        padding: 8px 8px !important;
    }

    .myRTCol .airlinename {
        position: relative;
        opacity: 1;
    }

    .myRTCol .airlineNameTooltip {
        bottom: 30px;
    }
}

@media (max-width: 1023px) {
    .mainHeader .TabConWrap.posRel {
        padding-top: 1px !important;
        padding-bottom: 1px !important;
    }
}

@media (max-width: 850px) {
    #DRTArrival.myRTCol .myRTFIlterDeparture p b span, #DRTArrival.myRTCol .myRTFIlterArrival p b span, #DRTDeparture.myRTCol .myRTFIlterDeparture p b span,
    #DRTDeparture.myRTCol .myRTFIlterArrival p b span {
        display: block;
    }

    .myRTCol .myRTFIlters {
        top: -172px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 850px) {
    .myRTCol .myRTFIlterDeparture .myRTCheckboxWrap, .myRTCol .myRTFIlterArrival .myRTCheckboxWrap {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 800px) {
    .myRTCol .myRTFIlterBottom {
        grid-template-columns: 1fr 2fr;
    }

    .myRTCol .myRTDisplayFilters .myRTFIlterStops .checkbox {
        margin-right: 6px;
    }
}

@media (max-width: 767px) {
    .myRTCol .myRTFIlters {
        top: -57px;
    }

    .myRTCol .myRTPopupFiltersDprt {
        left: -16px;
        right: -16px;
        width: auto;
    }

    .myRTCol .airlineNameTooltip {
        min-width: 100px;
    }

    #MainDRT > .form-row > div > .form-row {
        display: block;
    }

    .myRTCol.derarture-arrival {
        display: inline-block;
        margin-bottom: 15px;
        position: sticky;
        top: 84px;
        left: 10px;
        margin-left: 6px;
        width: calc(100% - 12px);
        z-index: 10;
        padding: 10px 20px;
        background: #fff;
        box-shadow: 0px 5px 10px rgba(0,0,0,.07);
        border-radius: 0;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 0%;
        max-width: 100%;
    }

    .DRTbody .TabConWrap.showme, .DRTbody .mainHeader.landing .TabConWrap.showme, .DRTbody .mainHeader .TabConWrap.posRel.showme, .mainHeader {
        z-index: 10000 !important;
    }

    .myRTCol.flightbottomprice .contentBoxDITab {
        overflow-y: auto;
        max-height: 300px;
    }


    .myRTCol .myRTResult .bookFlight .fitemmain .donebox {
        padding: 8px 15px;
    }

    .flightbottomprice.myRTCol .selectedFlights {
        margin-bottom: 0;
    }

    .myRTCol.hidemetab {
        display: none;
    }

    .myRTCol .selectedFlights .fitemmain {
        padding: 0 10px;
    }

    .myRTCol .myRTResult.selectedFlights .flightwrap {
        margin-bottom: 0;
    }

    .myRTCol.hidemetab.active {
        display: block;
    }

    .myRTCol.derarture-arrival h5 {
        display: inline-block;
        border: 1px solid #ddd;
        border-radius: 4px;
        font-weight: 500;
        margin-right: 12px;
        margin-bottom: 0;
    }

        .myRTCol.derarture-arrival h5 a {
            color: #636363;
            font-size: 12px;
            padding: 3px 12px;
            display: inline-block;
        }

        .myRTCol.derarture-arrival h5.active {
            background: var(--main-bg-color) !important;
            color: #fff;
            border: 1px solid var(--main-bg-color) !important;
            position: relative;
        }

            .myRTCol.derarture-arrival h5.active a {
                color: #fff;
            }

    #DRTArrival.myRTCol .myRTFIlterDeparture p b span, #DRTArrival.myRTCol .myRTFIlterArrival p b span, #DRTDeparture.myRTCol .myRTFIlterDeparture p b span,
    #DRTDeparture.myRTCol .myRTFIlterArrival p b span {
        display: inline-block;
    }
}

@media (max-width: 560px) {
    .cartflightshop {
        display: block;
        color: var(--main-bg-color) !important;
    }

    .flightdonbox.donebox {
        font-size: 0 !important;
        background: transparent !important;
    }
    .myRTCol .myRTFIlters {
        z-index: 4;
    }
}

@media (max-width: 490px) {

    .flightresult .bookFlight .fitemdurprice {
        position: absolute;
        width: 100%;
    }
}

@media (max-width: 480px) {
    .flightresult .bookFlight .flightsmall {
        width: 90%;
    }

    .myRTCol .myRTFIlters {
        top: -107px;
    }

    .myRTCol .myRTResult .fitemthumb {
        padding: 3px 0 5px 0px;
    }

    .myRTCol.flightbottomprice .contentBoxDITab {
        overflow-y: auto;
        max-height: 46vh;
    }

    .flightbottomprice .flighttitle {
        padding-top: 0 !important;
    }

    .myRTCol .bookFlight .fitemprice {
        height: auto;
    }

    .myRTCol .fitemtoggle {
        padding: 6px 10px;
    }

    .flightbottomprice .Notavailable {
        background-position: top 10px center;
        padding-top: 12px;
        background-size: 36px;
    }

        .flightbottomprice .Notavailable p {
            padding-top: 44px;
            font-size: 15px;
        }

    .myRTCol .myRTFIlterDeparture .myRTCheckboxWrap, .myRTCol .myRTFIlterArrival .myRTCheckboxWrap {
        grid-template-columns: 1fr;
    }

    .myRTCol .checkbox label .cr + span {
        font-size: 80%;
    }

    .myRTCol .myRTFIlterDeparture .myRTCheckboxWrap .checkbox label, .myRTCol .myRTFIlterArrival .myRTCheckboxWrap .checkbox label {
        margin-bottom: 2px;
    }
}

@media (max-width: 400px) {
    .myRTCol .checkbox .cr {
        width: 13px;
        height: 13px;
        margin-right: 3px;
    }

    .myRTCol .myRTFIlters {
        top: -130px;
    }

    .myRTCol .checkbox .cr i::before {
        font-size: 8px;
    }

    .myRTCol .checkbox {
        padding-left: 16px;
    }

        .myRTCol .checkbox .cr .cr-icon {
            left: 15%;
        }

    #DRTArrival.myRTCol .myRTFIlterDeparture p b span, #DRTArrival.myRTCol .myRTFIlterArrival p b span, #DRTDeparture.myRTCol .myRTFIlterDeparture p b span,
    #DRTDeparture.myRTCol .myRTFIlterArrival p b span {
        display: block;
    }

    .myRTCol .myRTResult .fitemdtl .contentBoxDITClick ul.nav.nav-tabs li a {
        padding: 7px 4px !important;
    }
}

@media (max-width: 352px) {
    .myRTCol .myRTFIlters {
        margin-left: -15px;
        margin-right: -15px;
        margin-top: -15px;
    }

    .myRTCol .checkbox .cr {
        width: 12px;
        height: 12px;
    }

    .myRTCol .checkbox label .cr + span {
        font-size: 70%;
    }
}


.myrtcRadioWrap.myRTCheckboxWrap .checkbox {
    padding-left: 0;
}

.myrtcRadioWrap.myRTCheckboxWrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.myRTCheckboxWrap [type="radio"]:checked,
.myRTCheckboxWrap [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}



    .myRTCheckboxWrap [type="radio"]:checked + label,
    .myRTCheckboxWrap [type="radio"]:not(:checked) + label {
        position: relative;
        padding-left: 22px;
        cursor: pointer;
        line-height: 20px;
        display: inline-block;
        color: #666;
        font-size: 80%;
    }

        .myRTCheckboxWrap [type="radio"]:checked + label:before,
        .myRTCheckboxWrap [type="radio"]:not(:checked) + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 1px;
            width: 16px;
            height: 16px;
            border: 1px solid #a9a9a9;
            border-radius: 100%;
            background: #fff;
        }

        .myRTCheckboxWrap [type="radio"]:checked + label:after,
        .myRTCheckboxWrap [type="radio"]:not(:checked) + label:after {
            content: '';
            width: 10px;
            height: 10px;
            background: #252525;
            position: absolute;
            top: 4px;
            left: 3px;
            border-radius: 100%;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }

        .myRTCheckboxWrap [type="radio"]:not(:checked) + label:after {
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0);
        }

        .myRTCheckboxWrap [type="radio"]:checked + label:after {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }


/* Skelaton */
.myRTCol .animatedBackground {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: #eeeeee;
    background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eeeeee), color-stop(18%, #dddddd), color-stop(33%, #eeeeee));
    background: -webkit-linear-gradient(left, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    -webkit-background-size: 800px 104px;
    background-size: 800px 104px;
    position: relative;
}

@@-webkit-keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0
    }

    100% {
        background-position: 468px 0
    }
}

@@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0
    }

    100% {
        background-position: 468px 0
    }
}

.myRTCol .loaderBg {
    background-color: #eee;
}

.myRTCol .w-100-custom {
    width: 100% !important;
}

.myRTCol .w-90-custom {
    width: 90% !important;
}

.myRTCol .w-80-custom {
    width: 80% !important;
}

.myRTCol .w-70-custom {
    width: 70% !important;
}

.myRTCol .w-60-custom {
    width: 60% !important;
}

.myRTCol .w-50-custom {
    width: 50% !important;
}

.myRTCol .w-40-custom {
    width: 40% !important;
}

.myRTCol .w-30-custom {
    width: 30% !important;
}

.myRTCol .w-20-custom {
    width: 20% !important;
}

.myRTCol .w-10-custom {
    width: 10% !important;
}

.myRTCol .h-10-custom {
    height: 10px !important;
}

.myRTCol .h-15-custom {
    height: 15px !important;
}

.myRTCol .h-20-custom {
    height: 20px !important;
}

.myRTCol .h-25-custom {
    height: 25px !important;
}

.myRTCol .h-35-custom {
    height: 35px !important;
}

.myRTCol .h-60-custom {
    height: 60px !important;
}


.myRTCol .skelaton .h-20-custom, .myRTCol .skelaton .h-15-custom, .myRTCol .skelaton .h-10-custom, .myRTCol .skelaton .h-25-custom {
    margin: 10px 0px;
}

.myRTCol .skelaton .srp-left-panel {
    padding-top: 0;
}

.myRTCol .itemCenter {
    margin: 0 auto !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.myRTCol .skelaton .trending-place-item, .myRTCol .skelaton .coupon-section {
    margin-bottom: 20px;
    box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0.1);
}

.myRTCol .myRTFIlterBottom a {
    color: var(--main-bg-color) !important;
}

.myRTCol .totalfare b {
    font-size: 130%;
}


/* style tag 2*/
.resultfltcolumn .myRTCol .myRTResult .fitemthumbinner {
    width: 50px;
    height: auto;
    top: 14px;
    transform: translate(0,0);
}

.resultfltcolumn .bookFlight .fitemprice {
    height: 24px;
    width: auto;
}

.resultfltcolumn .myRTCol .DRTRadioWrap {
    width: 18px;
    height: 18px;
    margin-top: 4px;
}

    .resultfltcolumn .myRTCol .DRTRadioWrap .Radiomark:after {
        top: 5px;
        left: 5px;
        width: 4px;
        height: 4px;
    }

.resultfltcolumn .fitemmain {
    padding-right: 4px;
}

.airlinedblelmnt {
    max-width: 150px;
}

span.airlinename.airlinedblelmnt > * {
    display: block;
    line-height: 1.5;
}

.oldpriceseats {
    text-align: right;
    padding-right: 6px;
}

    .oldpriceseats > * {
        display: block;
        line-height: 1.5;
    }

.selectedFlights .oldpriceseats .fewText {
    font-size: 85% !important;
}
.oldpriceseats .fewText {
    text-decoration: none !important;
}

.selectedFlights .fitempriceinner small * {
    font-size: 85% !important;
}
@media(min-width:993px) and (max-width:1200px) {
    .selectedFlights .airlinename {
        margin-top: 0px!important;
    }
    .myRTCol .myRTResult.selectedFlights .fitemthumb > .fitemdurprice.results_cartprice,
    .myRTCol .myRTResult.selectedFlights .fitemthumb > .fitemdurprice.results_fitemdurprice {
        bottom: 0px !important;
    }
}
@media(min-width:330px) and (max-width:450px) {
    .myRTCol .myRTResult.selectedFlights #DepSelectedFlight .flightitem,
    .myRTCol .myRTResult.selectedFlights #DArrSelectedFlight .flightitem {
        min-height: 67px;
    }
    .myRTCol .myRTResult.selectedFlights .fitemthumb > .fitemdurprice.results_cartprice {
        bottom: 0px !important;
    }
 
}
@media(min-width:451px) and (max-width:767px) {
    .mbsIcons {
        top: -26px !important;
    }
    .myRTCol .myRTResult.selectedFlights .fitemthumb > .fitemdurprice.results_fitemdurprice{
        bottom:-1px!important;
    }
    .myRTCol .myRTResult.selectedFlights .fitemthumb > .fitemdurprice.results_cartprice{
        bottom:3px!important;
    }
}

@media(min-width:992px) {
    .resultfltcolumn .myRTCol .myRTResult .fitemthumb, .resultfltcolumn .fitemduration {
        padding-left: 65px;
    }

    .fitemthumbinner {
        top: 22px;
    }

    .selectedFlights .airlinename {
        max-width: none;
    }

    .airlinename * {
        font-size: 10px;
    }

    .itrnntnldtm {
        padding-left: 7px;
        line-height: 50px;
    }

    .fitemthumbdmstc {
        padding-left: 0px !important;
    }

    .myRTCol .myRTResult .fitemthumb {
        padding-bottom: 0px;
    }

    .myRTCol .myRTResult .fitemduration {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 65px;
    }

    .myRTCol .myRTResult.selectedFlights .fitemduration {
        padding-bottom: 25px;
        padding-left: 44px;
    }

    .myRTCol .myRTResult.selectedFlights .fitemthumbinner {
        top: 31px;
    }

    .myRTCol .myRTResult.selectedFlights .mbsIcons {
        bottom: 38px;
    }

    .selectedFlights .airlinename {
        margin-top: -45px;
    }

    .myRTCol .selectedFlights .fitemduration[timelayover]:before, .myRTCol .selectedFlights .fitemduration[timelayover]:after {
        bottom: -40px;
    }

    body .fitemdtl .contentBoxDITClick ul li a {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        font-size: 85%;
    }

    .airlinename > div:first-child {
        font-weight: bold;
    }

    .myRTCol .myRTResult.selectedFlights .fitemthumbinner {
        width: 36px;
    }

    .airlinename span, .airlinename strong {
        display: inline-block;
        vertical-align: middle;
    }

    .resultfltcolumn .fitemmain {
        padding-left: 15px;
    }
}

@media(max-width:1199px) {
    .myRTCol .myRTResult .fitemthumb > .fitemdurprice {
        top: auto;
        bottom: 0px;
    }

    .myRTCol .myRTResult.selectedFlights .mbsIcons {
        bottom: 26px;
    }
}

@media(max-width:1300px) {
    .resultfltcolumn .fitemmain {
        padding-left: 10px;
    }
}

@media(max-width:992px) {
    .intlntsnlitem .bookFlight .fitemprice, .intlntsnlitem .fitemtoggle, .intlntsnlitem .bookFlight .fitemmain {
        height: 30px;
        line-height: 30px;
    }
    ul.fitemftstops[totalstops]:before {
        top:1px!important;
    }
    path:before, path:after {
        display: none !important;
    }
    .bookflightbottomheight .fitemmain {
        height: 45px;
        line-height: 38px;
    }
    .intlntsnlitem .fitemthumb {
        min-width: 50px;
        max-width: 50px;
        margin-top: 5px !important;
    }

    .resultfltcolumn .myRTCol .myRTResult .fitemthumbinner {
        top: 0;
        width: 34px;
        position: absolute;
    }

    .myRTCol .fitemduration[timelayover]:before, .myRTCol .fitemduration[timelayover]:after {
        bottom: -10px !important;
    }

    .myRTCol .airlinename {
        max-width: none;
        font-size: 100%;
    }

    .myRTCol .fitemduration {
        padding-bottom: 10px;
    }

    .myRTCol .myRTResult .fitemthumb {
        padding-bottom: 0px !important;
    }

    .myRTCol .airlinename * {
        display: inline-block;
        vertical-align: middle;
    }

    .myRTCol .myRTResult .fitemduration {
        padding-top: 0;
    }

    .selectedFlights .airlinename {
        margin-top: -1px;
    }

    .resultfltcolumn .fitemthumb {
        min-width: 80px !important;
        max-width: 130px !important;
    }

    .resultfltcolumn .bookFlight .fitemprice {
        height: 26px;
    }

    .resultfltcolumn .myRTCol .fitemtoggle {
        padding-left: 0;
    }

    .flightresult .bookFlight .fitemdurprice {
        right: 3px;
    }

    .flightresult .fitemtoggle i {
        padding: 0;
    }

    .resultfltcolumn .fitemdurprice + .v-alignin {
        display: block;
    }

        .resultfltcolumn .fitemdurprice + .v-alignin .airlinename {
            padding-top: 6px;
        }

    .myRTCol .myRTResult .fitemduration {
        padding-left: 44px;
    }

    .myRTCol .myRTResult .fitemdft {
        padding-top: 24px;
    }
}

@media (max-width: 400px) {
    .resultfltcolumn .myRTCol .myRTFIlters {
        top: -155px;
    }
}
@media (max-width: 1330px) {
    .bookFlight.bookfilightnew span.gstfitemtoggle {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
}
@media (max-width: 1199px) {
    .bookfilightnew .justify-content-center .itrnntnldtm {
        line-height:26px;
    }
    .bookFlight.bookfilightnew span.gstfitemtoggle {
        position: relative;
        top: 0;
    }
}
@media (max-width: 992px) {
    .bookfilightnew .fitemmain{
        height:52px !important;
        line-height:26px !important;
    }
    .bookFlight.bookfilightnew span.gstfitemtoggle {
        padding-left: 0;
        top: 0;
        margin-top: 26px;
    }
    .bookFlight.bookfilightnew .flightsmall {
        vertical-align: middle;
        align-items: center;
        display: flex;
        flex-flow: row-reverse;
        height: 52px;
    }
}
    /* FLight Result page css ended */

    .bookFlight.bookfilightnew span.gstfitemtoggle {
        color: #ff0000;
        font-size: 10px;
        white-space: nowrap;
        line-height: 0;
    }


/* Home landing page css start */
.as-home-page-section {
    margin-top: 40px;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    align-items: flex-end;
    margin-bottom:45px;
}
.as-home-page-section .title-container {
    margin-bottom: 10px;
}
.as-home-page-section .title-container h3 {
    font-size: 26px;
    font-weight: 700;
}
    .as-home-page-section .card-item-wrapper .card-image {
        flex-shrink: 0;
        overflow: hidden;
        position: relative;
        width: 100%;
        height: auto;
        background-color: #e0e0e0;
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: cover;
        height: 240px;
    }
    .as-home-page-section .card-item-wrapper {
        position: relative;
        height: auto;
        width: 100%;
        border-radius: 10px;
        overflow: hidden;
        cursor: pointer;
    }
        .as-home-page-section .card-item-wrapper:hover img {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
            transition:0.3s ease-in-out;
        }
        .as-home-page-section .card-item-wrapper::before {
            position: absolute;
            top: 0;
            left: -75%;
            z-index: 2;
            display: block;
            content: '';
            width: 50%;
            height: 100%;
            background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
            background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
            -webkit-transform: skewX(-25deg);
            transform: skewX(-25deg);
        }

        .as-home-page-section .card-item-wrapper:hover::before {
            -webkit-animation: shine .75s;
            animation: shine .75s;
        }

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}
.as-home-page-section  .recommend-location {
        position: absolute;
        top: 10px;
        width: 100%;
        height: 34px;
        padding: 0 15px;
        color: #fff;
}
    .as-home-page-section .recommend-location span {
        font-weight: 700;
        font-size: 15px;
        vertical-align: middle;
    }
.as-home-page-section .recommend-city {
        position: absolute;
        width: 100%;
        left: 0px;
        right: 0px;
        bottom: 20px;
        font-size: 19px;
        line-height: 23px;
        color: #fff;
        z-index: 2;
        padding:0 16px;
        font-weight: 600;
}
    .as-home-page-section  .owl-carousel {
        overflow: visible !important;
        display:block;
    }
    .as-home-page-section .recommend-city .properties {
        margin-bottom:6px;
    }
    .as-home-page-section .recommend-city .price {
        font-size: 28px;
    }

    .as-home-page-section .slick-arrow {
        position: absolute;
        top: 50%;
        width: 40px;
        height: 40px;
        background: #fff;
        box-shadow: 0 2px 4px 0 rgba(5, 47, 95, 0.04), 0 12px 16px 0 rgba(52, 105, 203, 0.12);
        border-radius: 30px;
        border: 1px solid transparent;
        font-size: 0;
        left: -10px;
        outline: none;
        margin-top: -20px;
    }
        .as-home-page-section .slick-arrow.slick-next {
            cursor:pointer;
            left: auto;
            right: -10px;
          background: #fff center url(../images/homeImage/right-arrow-angle.svg) no-repeat;
            transform: rotate(0deg);
            background-size: 8px;
        }
        .as-home-page-section .slick-arrow.slick-prev {
            cursor: pointer;
            left: auto;
            left: -10px;
            background: #fff center url(../images/homeImage/right-arrow-angle.svg) no-repeat;
            transform: rotate(180deg);
            background-size: 8px;
            z-index: 9;
        }
  

        .as-home-page-section .recommend-location img {
            display: inline-block !important;
            position: relative !important;
            float: left;
            width: auto !important;
            align-items: center;
            vertical-align: middle;
        }
.as-home-page-section .carousel-col:focus {
    outline: 0;
}
    .as-home-page-section .slick-slide img {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit:cover;
    }
    .as-home-page-section .carousel-col {
        border-radius: 10px;
        box-shadow: 0 3px 6px rgba(0,0,0,.1);
        background: var(--white);
        position: relative;
        overflow: hidden;
        height: inherit;
        margin-left: 3px;
        margin-right: 3px;
        margin-bottom: 10px;
    }
.as-home-page-section .recommend-city .sub-city-title {
   font-size: 15px;
}
.internationalDestinations .card-item-wrapper .card-image {
    height: 220px;
}
.domesticDestinations .card-item-wrapper .card-image {
    height: 260px;
}
.bestDomesticHotel .card-item-wrapper .card-image{
    height:158px;
}
.as-home-page-section .card-image {
    position: relative;
}
    .as-home-page-section .card-image:after {
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0));
    }
.as-home-page-section .official-advantage img {
    border-radius: 8px;
}
.as-home-page-section .bestDomesticHotel {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}
.as-home-page-section .card-item-wrapper .recommend-info-box {
    box-sizing: border-box;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    position: relative;
    width: 100%;
    line-height: 1.2;
    padding: 0 14px 16px;
    -webkit-box-align: start;
    align-items: flex-start;
    background: #fff;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    height:154px;
}
    .as-home-page-section .card-item-wrapper .recommend-info-box .titlereview-box .title h3 {
        display: -webkit-box;
        width: 100%;
        line-height: 20px;
        max-height: 38px;
        margin-top: 12px;
        margin-bottom: 6px;
        font-size: 15px;
        font-weight: 600;
        text-align: left;
        white-space: normal;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .as-home-page-section .card-item-wrapper .recommend-info-box .titlereview-box .title h3 a{
        color:#232323;
    }
        .as-home-page-section .card-item-wrapper .recommend-info-box .titlereview-box .title h3 a:hover {
            color: #232323;
        }
    .as-home-page-section .info-title-review {
        display: block;
        -webkit-box-align: center;
        align-items: center;
        margin-top: 5px;
    }
.as-home-page-section .hotelTopCities .recommend-city {
    left: 0;
    right: 0;
}
.as-home-page-section .info-title-review .recommend-review-number {
    padding-left: 3px;
}

.as-home-page-section a:focus{
    outline:none;
}
.as-home-page-section .info-title-review span {
    display: inline-block;
    font-size: 13px;
    vertical-align: middle;
    align-items: center;
    white-space: nowrap;
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
}
    .as-home-page-section .info-title-review img {
        height: 15px;
        position: relative;
        width: auto;
    }
.as-home-page-section .recommend-info-price {
    width: 100%;
    font-size: 14px;
    -webkit-box-orient: vertical;
    margin-top:25px;
}
.as-home-page-section .titlereview-box {
    width: 100%;
}
.as-home-page-section .info-title-review .star {
    float: right;
}
.as-home-page-section .recommend-info-price del {
    margin-bottom: 4px;
    font-size: 12px;
    font-weight: 400;
    color: var(--theme-reg--light-color:);
    text-decoration: line-through;
    line-height: 14px;
}
.as-home-page-section .recommend-info-price .card-sell-price {
    font-size: 17px;
}
.as-home-page-section .recommend-book {
    float: right;
    background: var(--main-bg-color) !important;
    color: #fff;
    font-size: 15px;
    padding: 6px 20px;
    border-radius: 4px;
    font-weight: 600;
}
.as-home-page-section .recommend-book:hover {
        color: #fff;
}
    .as-home-page-section .recommend-book:focus{
        outline:none;
    }



.as-home-page-section .recommend-info-price .card-sell-price {
    font-size: 17px;
}

.as-home-page-section .recommend-book {
    float: right;
    background: var(--main-bg-color) !important;
    color: #fff;
    font-size: 15px;
    padding: 6px 20px;
    border-radius: 4px;
    font-weight: 600;
}

    .as-home-page-section .recommend-book:hover {
        color: #fff;
    }

    .as-home-page-section .recommend-book:focus {
        outline: none;
    }

.as-home-page-section .fight-recommend {
    background: rgba(39,36,44,.4);
    padding: 1rem;
    box-sizing: border-box;
    left: 0;
}

.as-home-page-section .city_country {
    display: inline-block;
    float: left;
    padding-right: 15px;
}

.as-home-page-section .exchange-icon {
    display: inline-block;
    left: 0;
    position: relative;
    height: auto;
    width: 36px;
    float: left;
    padding-right: 15px;
    height: 30px;
}

    .as-home-page-section .exchange-icon svg {
        height: 20px;
        fill: #fff;
    }

.as-home-page-section .city_country .city {
    font-size: 17px;
    font-weight: 600;
}

.as-home-page-section .city_country .country {
    font-size: 12px;
    font-weight: 400;
}

.as-home-page-section .trip-amount-from {
    font-size: 12px;
    color: #828086;
    display: block;
    margin-bottom: .25rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.as-home-page-section .recommend-city.flight-recommend {
    bottom: 15px;
}
.as-home-page-section .recommend-info-price{
    margin-top:0;
}
.as-home-page-section .card-item-wrapper .recommend-info-box.flight-recommend-info-box {
    height: 50px;
    margin-top: 15px;
}
.as-home-page-section .card-item-wrapper .recommend-info-box.package-recommend-info-box {
    height: 136px;
}
.as-home-page-section .card-item-wrapper .card-image.theme-experiences{
    height:454px;
}
.as-home-page-section .recommend-city .package-count {
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 0;
}
.recommend-info-box.activities-recommend-info-box {
    height: 100px !important;
}
.recommend-info-box.rentalcar_recommend-info-box {
    height: 130px !important;
}
.recommend-location.e-rail-recommend {
    top: 50%;
    transform: translateY(-50%);
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    z-index:9;
}
.as-home-page-section .height-7 {
    height: 7px;
}
.ahotel-item.hot_hotel-item.kstm-item.clsMyLINO0.clsMyLINO.clsimg-height-100 .ahotel-image.hot_hotel-image .img  img{
    height:100% !important;
}
.ahotel-item.hot_hotel-item.kstm-item.clsMyLINO0.clsMyLINO.clsimg-height-100 .donebox.anchselect {
    background: #1e2f75 !important;
}
    .assrc_history_rental.search_history tr{
       color:#fff;
    }
        .assrc_history_rental.search_history tr:nth-child(even), .assrc_history_rental {
            background: var(--main-bg-color) !important; 
            background: #1e2f75 !important;
        }

            @media (max-width: 767px) {
                .as-home-page-section .title-container {
        margin-bottom: 0px;
    }
    .domesticDestinations .card-item-wrapper .card-image {
        height:180px;
    }
    .as-home-page-section .recommend-city .properties {
        margin-bottom: 0;
    }
    .as-home-page-section {
        margin-top:0px;
        margin-bottom:20px;
    }
        .as-home-page-section .title-container h3 {
            height:auto;
            line-height:1.3;
        }
        .as-home-page-section .recommend-city {
            font-size: 17px;
            bottom: 15px;
            left: 10px;
            right: 10px;
        }
        .as-home-page-section .recommend-city .sub-city-title {
            font-size: 12px;
        }
    .as-home-page-section .slick-arrow {
        display: none !IMPORTANT;
    }
    .as-home-page-section .recommend-city .price {
        font-size: 21px;
    }
        .bestDomesticHotel .card-item-wrapper .card-image {
            height: 124px;
        }
        .as-home-page-section .card-item-wrapper .recommend-info-box .titlereview-box .title h3{
            font-size:14px !important;
        }
        .as-home-page-section .info-title-review span{
            font-size:11px;
        }
        .as-home-page-section .info-title-review img{
            height:12px;
        }
        .as-home-page-section .recommend-info-price .card-sell-price {
            font-size: 15px;
            font-weight: 700;
        }
}
.ahotel-body.activityheading h3 {
    display: -webkit-box;
    width: 100%;
    line-height: 20px;
    max-height: 38px;
    margin-top: 12px;
    margin-bottom: 6px;
    font-size: 15px;
    font-weight: 600;
    text-align: left;
    white-space: normal;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.advancedSearch {
    height: 34px;
    border-radius: 5px;
    line-height: 34px;
    text-align: center;
    cursor: pointer;
    background: #e9ecef;
    border: 1px solid rgba(0,0,0,.15);
    color: #252525;
    font-size: 14px;
    display: flex;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
}
.advancedSearchFormgroup {
    width: 100%;
    display: none;
    position: relative;
    max-width: 100% !important;
    flex: 0 0 100%
}
.advancedSearchFormgroup .paddingL7ad {
   padding-left: 7px !important;
}
.advancedSearchFormgroup div.checkbox.switcher label, div.radio.switcher label {
    padding: 0;
    margin: 0;
}
        
        .advancedSearchFormgroup div.checkbox.switcher label *, div.radio.switcher label * {
            vertical-align: middle;
            font-family: 'Muli', sans-serif;
            font-size: 14px;
            font-weight: 400;
        }
        
.advancedSearchFormgroup div.checkbox.switcher label input, div.radio.switcher label input {
  display: none;
}
    .advancedSearchFormgroup div.checkbox.switcher label input + span, div.radio.switcher label input + span {
        position: absolute;
        display: inline-block;
        margin-right: 0;
        width: 46px;
        height: 23px;
        background: #f2f2f2;
        border: 1px solid #eee;
        border-radius: 25px;
        right: 12px;
        transition: all 0.3s ease-in-out;
        left: auto;
        top: 50%;
        transform: translateY(-50%);
    }
            .advancedSearchFormgroup div.checkbox.switcher label input + span small, div.radio.switcher label input + span small {
                position: absolute;
                display: block;
                width: 50%;
                height: 100%;
                background: #fff;
                border-radius: 50%;
                transition: all 0.3s ease-in-out;
                left: 0;
            }
    .advancedSearchFormgroup div.checkbox.switcher label input:checked + span, div.radio.switcher label input:checked + span {
        background: var(--main-bg-color) !important;
        border-color: var(--main-bg-color) !important;
    }
            .advancedSearchFormgroup div.checkbox.switcher label input:checked + span small, div.radio.switcher label input:checked + span small {
                left: 50%;
            }
.label-textshowpack{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
}
.advancedSearchFormgroup .checkbox.switcher {
    clear: both;
    position: relative
}
.advancedSearchFormgroup .checkbox.switcher .bottom-text {
    position: absolute;
    left: 0px;
    bottom: -30px;
}
.advancedSearch span.addadvance {
    font-size: 18px;
    font-weight: bold;
    margin-right: 5px;
}
.ftrdownloadappwrap ul li a, .ftrdownloadappwrap ul li {
    display: inline-block;
}
.ftrdownloadappwrap ul li img {
    max-height: 40px;
 }
.uc-para-wrap ul, .FareRuleDetailinner ul {
    list-style: initial !important;
    padding-left:20px !important;
}

.ahotel-item-main.topExc .uc-final-wrapper .uc-final-content {
    max-height: 360px !important;
    display: block;
    overflow-y: auto;
}
.checkbox label span.cr + span {
    width: 85% !important;
    max-width: none !important;
}
.visahotel-body .uc-initial-content .visa-type {
    margin-bottom: 0;
    margin-top: 12px;
}
    .visahotel-body .uc-initial-content .visa-type li {
        padding-bottom: 12px;
        width: 48%;
        display: inline-block;
        padding-right: 5px;
    }
        .visahotel-body .uc-initial-content .visa-type li .icon {
            float: left;
            height: 42px;
            width: 42px;
            padding: 10px;
            border-radius: 4px;
            background-color: #f3f3f3;
            margin-right:12px;
        }
    .visahotel-body .uc-initial-content .visa-type li .icon svg{
        width:21px;
        
    }
        .visahotel-body .uc-initial-content .visa-type li .icon svg path {
            fill: #505f79;
        }
        .visahotel-body .uc-initial-content .visa-type li h4 {
            font-size: 15px;
            font-weight: 400;
            margin-bottom: 3px;
            color: #434343;
        }
.visamainwrap .ahotel-item .ahotel-person {
    font-size: 16px;
}
.visamainwrap .ahotel-item .ahotel-btns a{
    margin-bottom:10px;
}
.sidber-box.cats-step {
    margin-top: 20px;
}
.sidber-box.cats-step .steps-section-wrap {
    padding: 20px 30px 20px 54px;
}
.stepshdng {
    margin-left:-24px;
}
.visamainwrap .kstm-item .ahotel-body h3 {
    padding-right:0px!important;
}
.visamainwrap .ahotel-item .ahotel-body {
    padding-left:16px;
}
.sidber-box.cats-step .steps-section-wrap .steps-section {
    position: relative;
}
        .sidber-box.cats-step .steps-section-wrap .steps-section:before {
            position: absolute;
            content: '';
            border-left: 1px dashed #e6e6e6;
            width: 1px;
            height: 100%;
            left: -18px;
            top: 20px;
        }
        .sidber-box.cats-step .steps-section-wrap .steps-section:after {
            position: absolute;
            content: '';
            width: 12px;
            height: 12px;
            left: -24px;
            top: 5px;
            background: #e6e6e6;
            border-radius: 50%;
        }
    .sidber-box.cats-step .steps-section-wrap .steps-section .heading h3 {
        margin-bottom: 12px;
        font-size: 20px;
        font-weight: 900;
        color: #dadada;
    }
    .sidber-box.cats-step .steps-section-wrap .steps-section .steps-sub-section {
        display: flex;
        flex-direction: row;
        margin-bottom: 20px;
        align-items: start;
    }
        .sidber-box.cats-step .steps-section-wrap .steps-section .steps-sub-section .steps-wrapper{
            width:75px;
        }
        .sidber-box.cats-step .steps-section-wrap .steps-section .steps-sub-section .steps-wrapper span{
            width: 60px;
            height: 60px;

        }
            .sidber-box.cats-step .steps-section-wrap .steps-section .steps-sub-section .steps-wrapper span img{
                max-width: 40px;
            }
        .sidber-box.cats-step .steps-section-wrap .steps-section .steps-sub-section .content {
            flex: 1;
        }
            .sidber-box.cats-step .steps-section-wrap .steps-section .steps-sub-section .content .step-heading {
                font-size: 14px;
                color: #434343;
                line-height: 26px;
                margin-bottom: 5px;
                font-weight: 600;
            }
            .sidber-box.cats-step .steps-section-wrap .steps-section .steps-sub-section .content .step-discription {
                font-size: 12px;
                line-height: 26px;
                margin-bottom:0;
            }

.sidber-box.cats-step .steps-section-wrap .steps-section:last-child:before {
    height: 0;
}
.fl-visa-item.fl-is-open .fl-accordion-toggle {
    background: rgba(255, 139, 139, .6);
}
.cart_box.cart_boxb.dollyback {
    background-color: rgba(255, 139, 139, .36);
}
    .cart_box.cart_boxb.dollyback::before {
        border-left: 4px solid rgb(255 139 139);
    }
.passportsub-heading {
    font-size: 13px;
    font-weight: 600;
}
#divVisa .visaimgcont .visaimgtext span{
    font-size:100%;
}
#divVisa .visaimgflag {
    right: 10px;
}
#divVisa .visaimgcont {
    padding: 12px 60px 60px 10px;
}

.gm-style-iw-a .gm-style-iw-c {
    min-width: 280px !important;
    max-width: 320px !important;
    padding-top:30px;
}
.gm-style-iw-a .gm-ui-hover-effect span {
    width: 24px!important;
    height: 24px!important;
}

.mapbubble .wide {
    font-size: 16px;
    font-family: 'Muli', sans-serif;
}

.mapbtmwrap {
    display: flex;
    justify-content: end;
    font-family: 'Muli', sans-serif;
}

.gm-ui-hover-effect {
    top: 0 !important;
    right: 5px !important;
    height: 36px !important;
    border-bottom: 1px solid #d9d7d9 !important;
    width: 36px !important;
    background: #fff !important;
    box-shadow: 0 2px 4px 0 rgb(5 47 95 / 4%), 0 12px 16px 0 rgb(52 105 203 / 12%);
    border-radius: 5px;
}

.gm-style-iw-d {
    max-height: 426px!important;
}
.wide a{
    outline:none!important;
    border:transparent!important;
}
.hotel-price {
    border-left: transparent!important;
}
.current-price {
    font-size:15px;
}
.sort-list-map {
    grid-template-columns: 1fr 1fr 1fr 2fr 1fr!important;
    column-gap: 15px !important;
}
.sort-list.sort-list-map .map_button {
    padding: 0px !important;
    border: transparent;
}
    .map_button .banner_avail .box-switch > div {
        padding: 6px 25px !important;
        border-radius:4px;
    }
        .map_button .banner_avail .box-switch > div img {
            width: 100%;
            top: 50%;
            transform: translateY(-50%);
            position: absolute;
            left: 0;
        }
   .map_button .banner_avail .box-switch > div.active img {
            filter:brightness(100)
        }
.modifyhotel-body{
    overflow:initial!important;
}
.mainHeader .navbar-brand + .more-item-show {
    display: none;
}
.navbar .nav-tabs .nav-link img {
    height: 20px;
    max-width: 20px;
    margin-right: 5px;
    vertical-align: middle;
    align-items: center;
}
.morelilist .nav-link img {
    height: 20px;
    max-width: 20px;
    margin-right: 5px;
    vertical-align: middle;
    align-items: center;
}
a#back-to-top:hover {
    box-shadow: 0 2px 4px 0 rgba(5, 47, 95, 0.4), 0 12px 16px 0 rgba(52, 105, 203, 0.12);
    background: #fff !IMPORTANT;
    color: var(--main-bg-color);
    transition: all .3s ease-in-out;
}
.owl-carousel .as-home-page-section .slick-arrow:hover
{
    font-size: 25px;
    box-shadow: 0 2px 4px 0 rgba(5, 47, 95, 0.04), 0 12px 16px 0 rgba(52, 105, 203,0.12);
}
.navbar-right li .nav-link img {
    height: 20px;
    max-width: 20px;
    margin-right: 0px;
    vertical-align: middle;
    align-items: center;
}
.page-title .title-content {
    text-transform: capitalize;
}
.topupreservationWrap .datatable-header {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    padding-bottom:15px;
}
.topupbooking-header{
    display:flex;
    gap:25px;
    align-items:center;
}
.topupamountsec {
    display: grid;
    gap: 0px;
    text-align: left;
    padding-left:40px;
    position:relative;
}
    .topupamountsec .topup-title {
        font-size: 13px;
        font-weight: 500;
    }
    .topupamountsec .topup-amount {
        font-size: 15px;
        font-weight: 600;
    }
    .topupamountsec svg{
        position:absolute;
        left:0;
        top:50%;
        transform:translateY(-50%);
    }
    @media (max-width: 1300px) {
        .mainHeader .nav.nav-tabs > li > a {
        padding:12px 0;
        font-size: 13px;
    }
    ul.sort-list.sort-list-map li.sortLstPriceStarRatings {
        width: 26%!important;
    }
}
@media (max-width: 992px) {
    .mainHeader .more-item-show .morelilist {
        right: 0;
        left: auto;
    }
    .mainHeader .nav.nav-tabs > li > a{
        padding:10px 0;
    }
}
@media (max-width: 480px) {
    .mainHeader .nav.nav-tabs > li > a {
        font-size: 11px;
    }
    .navbar .nav-tabs .nav-link img {
        margin-right: 3px;
        height: 16px;
        max-width: 16px;
    }
}


@media screen and (min-width:320px) and (max-width:380px) {
   /* .mainHeader .more-item-show .morelilist {
        right: 0;
        left: 0;
    }*/
}

.FareRuleDetailinner {
    overflow: auto !important;
    width: 100% !important;
}

.completeYourBooking .datebirthcount .opensright {
    top: 56px !important;
    left: 0px !important;
}


    .completeBooking .typeheadbrdr .dash-form-group .intl-tel-input .txtMobile {
        padding-right:0px!important;
    }

.sidebar .fltrWrap {
    position: sticky!important;
}
.morelilist .nav-link.active {
    background-color: var(--main-bg-color);
    color: #fff !important;
}

.morelilist a.nav-link.active img {
    filter: invert(1);
}

li.nav-item.restlistitem:hover img {
    filter: brightness(100) contrast(100);
}
input.form-control.txtEmail.mandatory {
    background: transparent;
    border: 0 !important;
    outline: 0 !important;
}
.as-home-page-section .slick-arrow.slick-next.slick-disabled,
.as-home-page-section .slick-arrow.slick-prev.slick-disabled {
    display:none!important;
}
.morelilist .nav-link .header-icon {
    width:28px;
    display: inline-block;
}

.modal-bg-white .modal-header .modal-title {
    font-weight: 600;
    font-size: 17px;
    line-height: 24px;
    display: inline-block;
    color: #000;
}
.modal-bg-white .modal-header {
    background: #fff !important;
    display: flex !important;
    vertical-align: middle;
    align-items: center;
}
div#modalCancel .modal-dialog {
    max-width: 860px;
}
#modalCancel-body .fl-accordion-panel.row{
    margin:0 !important;
}
#modalCancel-body .fl-is-open > .fl-accordion-toggle {
    background-color: var(--main-bg-color) !important;
}
#modalCancel-body .FareRuleDetail.col-md-12 {
    padding: 0 !important;
}
#divExcursionList .uc-final-content span.close {
    margin: 0px;
    position: absolute;
    z-index: 10;
    background: #fff !important;
    opacity: 1 !important;
    box-shadow: none;
    padding: 0;
    background-image: url('../images/base64icon/cross-black-icon.svg') !important;
    background-repeat: no-repeat !important;
    background-size: 13px !important;
    background-position: center center !important;
    font-size: 0;
    width: 16px;
    height: 16px;
    top: 20px;
    right: 20px;
}
    #divExcursionList .uc-final-content span.close::before {
        content: "";
        line-height: 30px;
        width: 100%;
        text-align: center;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        background-image: url('../images/base64icon/cross-black-icon.svg') !important;
        background-repeat: no-repeat !important;
        background-size: 13px !important;
        background-position: center center !important;
    }
    #divExcursionList .uc-final-content span.close:hover::before {
        height: 32px;
        width: 32px;
        position: absolute;
        content: '';
        left: 50%;
        transform: translate(-50%,-50%);
        top: 50%;
        border-radius: 50%;
        background: #f6f6f6;
        transition: transform 0.3s ease;
        z-index: -1;
    }

#panel-cart #btnAddClient span{
    display:none;
}
#panel-cart .quote-dash-form-group {
   display:flex;
   margin-bottom:8px;
}

#panel-cart .choose_guest_dash_form > div{
    padding-left:0px!important;
    padding-right:0px!important;
}

#panel-cart .choose_guest_dash_form.mandatory{
    border-right:0px!important;

}

#panel-cart .card_dvnewclient {
    border-right: 1px solid rgba(0,0,0,.1);
    border-left: 1px solid rgba(0,0,0,.1);
}

.flight_RtpPopup_filter .flight_Rtc_checkboxwrap .checkbox label .cr + span{
    width:100%!important;
}
.donebox {
    text-shadow: none !important;
}
.changeHotelTrav .trav1-one .clsHotelPrice span {
    color: #363636 !important;
}

.main_box_pan_new .trav .travmain .donebox-outline {
    color: #545454 !important;
    border-color: var(--theme-border-light-clr) !important;
    transition: 0.3s ease-in-out;
}

    .main_box_pan_new .trav .travmain .donebox-outline:hover {
        background: var(--main-bg-color) !important;
        color: #fff !important;
        font-weight: 400;
        border-color: var(--main-bg-color) !important;
    }
#close_black {
    position: absolute;
    left: auto;
    right: 15px;
    top: 15px;
    border-radius: 50%;
    background: #fff;
    width: 32px;
    height: 32px;
    display: flex;
    vertical-align: middle;
    align-items: center;
    transition: 0.3s ease-in-out;
    justify-content: center;
    cursor: pointer;
    z-index: 9;
    box-shadow: 0 2px 4px 0 rgba(5, 47, 95, .04), 0 12px 16px 0 rgba(52, 105, 203, .12);
}
#close_black:hover{
    background:var(--main-bg-color);
    color:#fff;
}
.tourdetail_pricewrap{
    background:#fff;
}
.tourdetail_imagewrap {
    background: #fff;
    padding-top: 15px;
    border-radius: 10px;
    border:1px solid rgba(0,0,0,.1);
}
.tourdetail_herowrap{
    background:#fff;
    border:1px solid rgba(0,0,0,.1);
    border-radius:10px;
    margin-bottom:15px;
    padding-top:10px;
}
.tourdetail_divider{
    border-bottom:none!important;
}
.tourdetail_sticknav{
    padding-left:0px;
    padding-right:0px;
}
    .tourdetail_sticknav .tourdetail_pkgdtlnav {
        padding-left: 12px !important;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
        border-top: 1px solid rgba(0,0,0,.1);
        border-left: 1px solid rgba(0,0,0,.1);
        border-right: 1px solid rgba(0,0,0,.1);
    }
.tourdetail_section{
    background:#fff;
    border-left:1px solid rgba(0,0,0,.1);
    border-right:1px solid rgba(0,0,0,.1);

}
.tourdetail_pkgdtlitnwrap{
    border-bottom:1px solid rgba(0,0,0,.1);
    border-bottom-right-radius:10px;
    border-bottom-left-radius:10px;
}

.tourdetail_pricewrap .three-bounce{
    padding-right:0px!important;
}
#panel-cart input.bookingdiscount {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.mainHeader .arrow-angle-toggle .dropdown-toggle::after {
    display: none;
}
.flag_bdr_wrap .dropdown-menu li a{
    padding:3px 10px !important;
}
.mainHeader .arrow-angle-toggle > .nav-item,
.mainHeader .arrow-angle-toggle > .nav-link {
    padding-right: 20px;
}
.mainHeader .arrow-angle-toggle .down-arrow {
    position: absolute;
    right: 5px;
    top: calc(50% - 8px);
    transition: 0.3s ease-in-out;
    pointer-events: none;
    color: #252525;
}
.mainHeader .arrow-angle-toggle.show .down-arrow {
    top: calc(50% - 7px);
    transform: rotate(-180deg);
}
.fl-accordion-item.fl-is-open .fl-arrow:before {
    transform: translate(2px, 0) rotate(130deg);
}
.fl-accordion-item.fl-is-open .fl-arrow:after {
    transform: translate(-2px, 0) rotate(225deg);
}
footer .copyright-section a:hover {
    color: var(--main-bg-color);
    transition: 0.3s ease-in-out;
}
.flightwrap.intlntsnlitem .fitemdtl {
    background: transparent !important;
    border-bottom: 0;
    padding: 0px;
}
    .flightwrap.intlntsnlitem .fitemdtl ul {
        border: 0 !IMPORTANT;
        background: #fff !important;
        box-shadow: 0 2px 10px 0 rgba(52, 105, 203, 0.12);
        margin-bottom:15px;
    }
.fitemdtl .contentBoxDITClick ul.nav-tabs li:last-child {
    border-right: 0 !important;
}
    .fitemdtl .contentBoxDITClick ul.nav-tabs li a{
        padding-top:6px !important;
        padding-bottom:6px !important;
        text-transform:uppercase;
        font-size:100%;
    }
.fitemdtl .contentBoxDITClick ul li a.active{
    font-weight:400 !important;
}
.disabledClearAll {
    pointer-events: none;
    background: #d2d2d275;
}
.flightresult .clr-grey {
    color: #252525;
}
.promoarrow .promocontent {
    max-width: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    line-height: 14px !important;
}
.summary:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.contentBoxDITab .summary {
    border: 1px solid #ddd;
}
    .contentBoxDITab .summary:last-child {
        border-left: 0;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

.tour_transfer_border {
    background: #FFFFFF;
    border: 1px solid var(--theme-border-light-clr);
    border-radius: 4px;
    padding: 7px 0px 5px;
    margin-bottom: 10px;
    position: relative;
}

    .tour_transfer_border .input-group-text{
        background:transparent;
        border:0px;
        padding:0px 0px 0px 8px;

    }
    .tour_transfer_border .input-group .tour_transfer_select {
        border: 0px;
        box-shadow: none !important;
        margin-left: -21px;
        background: transparent;
        padding-left: 25px !important;
       appearance:none;
        padding-top:0px;
    }
    .tour_transfer_border .input-group:after {
        background-image: url(../images/searchform/arrowdown.png);
        position: absolute;
        right: 3px;
        top: 15px;
        content: "";
        background-repeat: no-repeat;
        height: 20px;
        width: 25px;
        pointer-events:none;
    }

.tour_ksearchbtn {
    position: initial !important;
    border-radius: 5px !important;
    width: initial !important;
    height: 40px!important;
    text-align: center;
    line-height: 30px!important;
    padding: inherit!important;
    border: none !important;
    font-size: 20px;
    display: initial !important;
    -webkit-appearance: none;
    float:right;
}
.tour_clrprimary{
    line-height:12px;
    margin-bottom:0px;
}

.tourdetail_pkgitinerary{
    padding-top:20px!important;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
}
.tourdetail_pkhdtsechdng{
    padding-bottom:0px!important;
}
.tour_pkgdtltitle{
    font-size:26px;
}

@media (min-width: 1201px) and (max-width: 1500px) {
    #ddl_pageSizeTour {
        padding: 0 !important;
        padding-left: 10px !important;
    }

    .mainHeader .NavToggler.ddBox.open .ddBoxInner {
        padding: 20px;
    }

    .as-home-page-section .title-container h3 {
        font-size: 21px !important;
    }

    .flag_bdr_wrap .dropdown-menu {
        min-width: inherit;
    }
    .last-search-modal-popup .modal-body{
        max-height:450px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .avblCol .customRadio [type="radio"]:checked + label, .avblCol .customRadio [type="radio"]:not(:checked) + label {
        margin-left: 8px;
    }

    #ichange {
        font-size: 12px;
    }
}

@media (min-width: 1201px) and (max-width: 1257px) {
    .col-md-7.text-left.avblCol {
        padding-right: 0;
    }
}

@media (min-width: 480px) and (max-width: 992px) {
    .occdtl span {
        padding: 0px 1px;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .tavelPrt6 {
        margin-left: 30px;
    }

    .travmain.nocncldsn .tavelPrt5 {
        padding-right: 30px;
    }

    .main_box_pan_new .tavelPrt6 {
        margin-left: 0;
    }
}

@media (min-width: 450px) and (max-width: 767px) {
    .navbar .navbar-right > .nav-item:nth-child(-n+3) {
        padding-right: 15px;
    }
    .booking_contant{
        float:left;
    }
}

@media (max-width: 449px) {
    .navbar .navbar-right > .nav-item:nth-child(-n+3) {
        padding-right: 3px;
        margin-right: 3px;
    }

    .ddBoxWrap.chngpasswrap.open {
        width: 216px;
    }

    .notifyclick .ddBoxWrap {
        left: 83%;
    }

    .panel-cart-container .btna-wrapper {
        padding: 6px;
    }
}

@media (max-width: 1400px) {
    .avblCol .customRadio [type="radio"]:checked + label:before, .avblCol .customRadio [type="radio"]:not(:checked) + label:before {
        top: 4px;
        width: 10px;
        height: 10px;
    }

    .avblCol .customRadio label {
        font-size: 10px;
    }

    .avblCol .customRadio [type="radio"]:checked + label, .avblCol .customRadio [type="radio"]:not(:checked) + label {
        padding-left: 15px;
    }

        .avblCol .customRadio [type="radio"]:checked + label:after, .avblCol .customRadio [type="radio"]:not(:checked) + label:after {
            width: 6px;
            height: 6px;
            top: 6px;
            left: 2px;
        }
}

@media (max-width: 1200px) {
    #ichange {
        font-size: 10px;
    }

    #ddl_pageSizeTour {
        padding: 0 !important;
        padding-left: 0 !important;
    }

    .mainHeader .form-group.col-md-1.typeheadbrdr.nopadtab {
        padding: 0;
    }

    .main_box_pan_new .trav .travmain .tavelPrt8 {
        text-align: right;
    }
}

@media (max-width: 1349px) {
    .sortBoxCustom .sort-list li:nth-child(1) {
        display: none;
    }

    .sortBoxCustom .sort-list .sortDropDown li:nth-child(1) {
        display: block;
    }
}

@media (max-width: 991px) {
    .sortBoxCustom.sort-box .sort-list {
        grid-template-columns: 1fr 1fr !important;
        column-gap: 10px !important;
    }

    .sortBoxCustom .sort-list > li {
        margin-bottom: 10px;
    }
}

@media (min-width: 993px) and (max-width: 1349px) {
    .sortBoxCustom.sort-box .sort-list {
        grid-template-columns: 1fr 1fr 1fr 1fr !important;
        column-gap: 10px !important;
    }
}

@media (min-width: 1350px) and (max-width: 1578px) {
    .sortBoxCustom.sort-box .sort-list {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr !important;
    }
}

@media (min-width: 993px) and (max-width: 1160px) {
    .sortBoxCustom .sort-list li {
        padding: 5px 10px !important;
    }
}
.tourpkgdldaysec{
    padding-top:19px!important;
    margin-top:19px!important;
}
.tour_ccltable-popup{
    border:1px solid #ddd;
}
.tour_ccltable-popup tr th{
    background:transparent!important;
    color:#252525;
    font-weight:600;
    font-size:16px;
    border-right:1px solid #ddd;
}
    .tour_ccltable-popup tr th:last-child{
        border-right:none!important;
    }

.activity_option_wrap .activity_txttxtactdate {
    border: transparent;
    background: transparent;
    box-shadow: initial !important;
    color:#252525;
    font-weight:600;
}
.activity_option_wrap .input-group{
    background:transparent;
}
    .activity_option_wrap .input-group .daterangepicker{
        top:38px!important;
        left:0px!important;
    }

.activity_transfer_border {
    background: #FFFFFF;
    border: 1px solid var(--theme-border-light-clr);
    border-radius: 4px;
    padding: 7px 0px 5px;
    margin-bottom: 10px;
    position: relative;
}

    .activity_transfer_border .input-group-text{
        background:transparent;
        border:none;
    }

    .activity_transfer_border .input-group-btn .bootstrap-touchspin-down,
    .activity_transfer_border .input-group-btn .bootstrap-touchspin-up {
        background: transparent;
        height: 30px;
        width: 33px;
        border-radius: 50% !important;
        min-height: 30px;
        line-height: 1.3;
        border: 1px solid #ced4da;
        padding: 4px 5px 8px 5px;
        font-size: 0 !important;
    }

    .activity_transfer_border .input-group-btn .bootstrap-touchspin-down,
    .activity_transfer_border .input-group-btn .bootstrap-touchspin-up {
        position: relative;
        font-size: 0;
        transition: all .3s ease-in-out;
    }
        .activity_transfer_border .input-group-btn .bootstrap-touchspin-down:before,
        .activity_transfer_border .input-group-btn .bootstrap-touchspin-up:before {
            content: '';
            position: absolute;
            left: 50%;
            top: 50%;
            transition: all .3s ease-in-out;
            background-position: center center;
            background-image: url('../images/base64icon/minus-icon-black.svg');
            background-repeat: no-repeat;
            z-index: 1;
            width: 16px;
            height: 16px;
            background-size: 10px;
            transform: translate(-50%, -50%);
            opacity: 0.6;
        }
        .activity_transfer_border .input-group-btn .bootstrap-touchspin-up:before {
            background-image: url('../images/base64icon/plus-icon-black.svg');
        }
    .activity_transfer_border .input-group .activity_adult_child_txt {
        border: transparent !important;
        box-shadow:none!important;
        font-weight:600;
        color:#252525;
    }


        .activity_transfer_border .input-group .input-group-prepend,
        .activity_transfer_border .adult_activity_group .input-group-prepend {
            min-width:90px;
        }
    .activity_transfer_border .adult_activity_group{
        position:static;
    }
        .activity_transfer_border .adult_activity_group .activity_droupmainbxc {
            top: 76px !important;
            transform: translate(0%,0%)!important;
            left:0px!important;
            min-width:246px!important;
            padding:10px;
        }
            .activity_transfer_border .adult_activity_group .activity_droupmainbxc:before{
                display:none!important;
            }
            .activity_transfer_border .adult_activity_group .activity_droupmainbxc {
                background: #fff;
            }
            .activity_transfer_border .adult_activity_group .activity_droupmainbxc .activity_agedetdiv input{
                border:none;
                font-weight:600;
                color:#252525;
            }

    .activity_transfer_border .form-group{
        padding-right:15px;
    }
.tour_activity .input-group:after{
    display:none!important;
}

.ahotel-item {
    border: 1px solid rgba(0, 0, 0, 0.07);
}

.hotel-item-wrap #divMyResults .main_box_pan_new .changeHotelTrav .trav1-two.ln30 {
    grid-template-columns: 1fr 1fr 2fr !important;
}
#btnsavequote .modal-header .close {
    background-image: none !important;
}
#btnsavequote .modal-header .close::before {
    background-image: none !IMPORTANT;
}
#btnsavequote #dvClientNew .quote-dash-form-group {
    margin: 0;
    border: 1px solid var(--theme-border-light-clr);
    border-radius: 5px;
    padding: 5px 0;
    flex-direction: column;
    margin-bottom: 10px;
    clear: both;
    display: grid;
}
#btnsavequote #dvClientNew:last-child .quote-dash-form-group {
    margin-bottom: 0 !IMPORTANT;
}
#btnsavequote #dvNewClient.dvNewClient {
    padding: 0px 10px;
    background: #fff;
    margin-top: 0px;
    margin-bottom: 0px;
    border-top: 0px solid rgba(0,0,0,.1);
    border-bottom: 0px solid rgba(0,0,0,.1);
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}
#btnsavequote #dvClientNew .quote-dash-form-group input.mandatory {
    border-right: 0px !important;
}
#btnsavequote #dvClientNew .quote-dash-form-group input:focus {
    box-shadow: none !important;
}
#btnsavequote #dvClientNew .quote-dash-form-group input {
    border: 0 !important;
    padding: 0 !important;
}
#btnsavequote .modal-body .donebox.btnSaveQuote {
    float: right;
}
#divPopupTimeOut *{
    font-size:14px !important;
    line-height:26px;
}
.bookfilightnew .fitemprice .fitempriceinner{
    display:flex;
    flex-direction:column;
    margin-left:12px;
}

.passportwrap .input-wrap input{
    background:transparent;
}

.pkhdtlseccontent .dash-form-group {
    background: #FFFFFF;
    border: 1px solid var(--theme-border-light-clr);
    border-radius: 4px;
    padding: 7px 0px 5px 10px;
    margin-bottom: 10px;
    position: relative;
}
.tour_pickupdetails .tourdetails_pickup{
    padding-left:3px!important;
    border:none;
    box-shadow:none!important;
}
.checkout_backbutton {
    cursor: pointer !important;
    background: transparent !important;
    border: 1px solid var(--main-bg-color);
    color: var(--main-bg-color)!important;
}
    .checkout_backbutton .arrow-wrapper svg {
        transform: rotate(180deg);
    }

#polcallid .clsCanPolHead{
    white-space:normal;
}


.checkout_backbutton .arrow-wrapper {
    vertical-align: middle !important;
    align-items: center;
    padding-left: 4px;
    padding-right: 8px;
    -webkit-transition: padding 0.3s ease-in-out;
    transition: padding 0.3s ease-in-out;
    height: 18px;
    fill:var(--main-bg-color);
    margin: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    display: inline-flex;
}

.checkout_backbutton:hover .arrow-wrapper {
    padding-left: 0px;
    padding-right: 12px;
    cursor: pointer;
}
.checkout_backbutton{
    opacity:0.75;
}
.checkout_backbutton:hover{
    opacity:1;
}
.applybtn {
    font-size: 14px;
    font-weight: 400;
    display: flex;
    align-items: center;
    vertical-align: middle;
    border-radius: 5px;
    border: 1px solid var(--main-bg-color);
    padding: 0 15px;
    position: absolute;
    right: 15px;
    transition:0.3s ease-in-out;
}
.applybtn:hover{
    background:var(--main-bg-color);
    color:#fff !important;
}
    .applybtn:hover svg path{
        stroke:#fff !important;
    }

.mainHeader #ddllanguages {
    min-width: 160px !important;
}

    .mainHeader #ddllanguages li a {
        padding: 0.5rem 1rem !important;
    }
.results_fitempriceinner{
    display:grid;
}
    .results_fitempriceinner .oldpriceseats{
        padding-right:0px!important;
    }
    .results_fitemdurprice .fewText {
        padding-top: 20px;
        padding-right: 5px;
    }

.results_cartprice .fewText {
    padding-top: 20px;
    padding-right: 5px;
}



.myRTCol .myRTResult.selectedFlights .fitemthumb > .results_cartprice,
.myRTCol .myRTResult.selectedFlights .fitemthumb > .results_fitemdurprice {
    bottom: -10px !important;
}


.reservation_title {
    background: #fff !important;
    border: 1px solid #f0eff3;
    margin-top: 20px;
    border-radius: 9px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.navbar_page-title {
    background: transparent !important;
    max-width:none!important;
}

.reservation_title .title-content {
    font-size: 19px;
    line-height: 1.32;
    font-weight: 600;
    text-align: left;
    color: #252525 !important;
}


.navbar_border_radius{
    border-radius:9px;
}
.report_containerwrap{
    padding-top:63px;
    padding-bottom:62px;
}
@media(min-width: 330px) and (max-width: 450px) {

    .mainHeader .arrow-angle-toggle .down-arrow {
        right: -5px !important;
    }
}
@media(min-width: 451px) and (max-width: 767px) {
    .mainHeader .arrow-angle-toggle .down-arrow {
        right: 1px !important;
    }

    .flightitemWrap .SLI-arrow-down {
        padding-top: 4px !important;
    }
}
/* by vishal 15-02-2023*/

.myRoundTripWrap .flighttab .flightresult .flightwrap.intlntsnlitem{
    border-radius: 7px;
}
.myRoundTripWrap .flighttab .flightresult .tntrlntlflts{
    border-bottom-left-radius:7px;
    border-bottom-right-radius:7px;
}
.myRoundTripWrap .flighttab .fltrWrap {
    border-radius:7px;
    overflow:hidden;
}
.navbar_backgroundcolor .head_sec_detail .hdtl-hdrtxt p, .navbar_backgroundcolor .hdtl-hdrtxtRgt span {
    color: #000000;
}
.navbar_backgroundcolor .thumbslider.rsWithThumbsHor {
    border-radius: 5px;
}
.htlpagewrapper .htlRslt .fltrWrap, .htlpagewrapper .listview .main_box_pan {
    border-radius: 7px;
    overflow: hidden;
}
.tour-result-package .htlRslt .fltrWrap, .transferPagewrapper .htlRslt2 .fltrWrap, .activitymainwrap .htlRslt2 .fltrWrap {
    border-radius: 7px;
    overflow: hidden;
}
.tour-result-package .hotel-item-wrap .main_box_pan {
    overflow:inherit !important;
}
    .tour-result-package .hotel-item-wrap .main_box_pan .ahotel-item, .tour-result-package .hotel-item-wrap .main_box_pan .ahotel-image {
        border: 0px !important;
        border-top-left-radius: 7px !important;
        border-bottom-left-radius: 7px !important;
        border-bottom-right-radius: 7px;
        border-top-right-radius: 7px;
    }
    .tour-result-package .hotel-item-wrap .main_box_pan .pkgOnwardsWrap, .transferPagewrapper #divTransferList .ahotel-item .ahotel-right, .activitymainwrap #divExcursionList .ahotel-item , .activitymainwrap #divExcursionList .ahotel-item-main .ahotel-right {
        border-top-right-radius: 7px !important;
        border-bottom-right-radius: 7px !important;
    }
.activitymainwrap #divExcursionList .ahotel-item-main, .activitymainwrap #divExcursionList .ahotel-item-main .ahotel-image, .transferPagewrapper #divTransferList .ahotel-item .ahotel-image {
    border-top-left-radius: 7px !important;
    border-bottom-left-radius: 7px;
}
/*.activitymainwrap .htlRslt2 .fltrWrap, .activitymainwrap #divExcursionList .ahotel-item-main {
    border-radius: 7px;
    overflow: hidden;
}
.transferPagewrapper .htlRslt2 .fltrWrap, .transferPagewrapper #divTransferList .ahotel-item {
    border-radius: 7px;
    overflow: hidden;
}*/
.fltrWrap, .ahotel-item-main, .main_box_pan {
    border-radius: 7px !important;
}
.for-main-color{
    background-color: #ebdfe1 !important;
}

.modal-loader-bounce-wrap .modal-header{
    display:flex!important;
}

.completeYourBooking #completeBooking .typeheadbrdr .form-control.txtEmail {
    border: none !important;
}
.activitymainwrap .tavelPrt2 p{
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
}
.mapviewpage .gm-bundled-control-on-bottom{
    right:40px!important;
    left:initial!important;
}
#calenderModal .avail_select .form-control,
#calenderModal .avail_select_Mealtype .form-control {
    border: 1px solid #ddd !important;
    color: #333 !important;
    cursor:pointer;
    box-shadow:none!important;
}
#calenderModal .modal-header{
    border-bottom:1px solid #ddd;
}
.multicenterflighthotel .hotelItemWrappMain .hot_hotel-item,
.multicenterflighthotel .hotelItemWrappMain .hot_hotel-body {
   border-radius: 7px !important;
}
.tour-result-package .pkgItemBig .ahotel-body .clickme {
    color: var(--main-bg-color)!important;
}

#ddlHotel{
    background:transparent!important;
}

.className{
    height:20px!important;
}
.popover-title {
    display: none;
}

/*#divExcursionList .ahotel-item-main.topExc {
overflow:visible!important;
}*/




.cclmodal .cclcover-discount .cclribbon.promo-discount-offer:before, .cclcover-discount .cclribbon.promo-discount-offer:after, .cclribbon.promo-discount-offer .cclribbon-content:before, .cclribbon.promo-discount-offer .cclribbon-content:after, .cclribbon.promo-discount-offer .cclribbon-stitches-top, .cclribbon.promo-discount-offer .cclribbon-stitches-bottom {
    display: none;
}

.cclcover-discount {
    width: 100%;
    padding: 10px 15px;
    border-radius: 10px;
    background-color: #FFF1D3;
    text-align: left;
}

.cclribbon.promo-discount-offer {
    background: transparent !important;
    border: 0;
    outline: 0;
    box-shadow: none;
    margin-left: 0px;
    display: flex;
}

.cclcover-discount {
    padding: 10px;
}

.ribtxthold {
    color: #252525 !important;
}


.multicenterflighthotel .hotelItemWrappMain .hot_hotel-item, .multicenterflighthotel .hotelItemWrappMain .hot_hotel-body {
    border-radius: 7px !important;
}

.reservationWrap #myTable_wrapper .hcntltdnwrapTBL tr th, .account_fieldset .table-wrap-scroll table.table-booking-history.TableBig tr th, .SOAWRap #myTable_wrapper .dataTables_scroll .fixedtable.hcntltdnwrapTBL tr th, #financial #tblCurr tr th,
 #ClientTransTable_wrapper table tr th, .TableBigWrap.table-wrap-scroll table.table-booking-history.TableBig tr th,
#EarnTable_wrapper table tr th, .TableBigWrap table.table-booking-history.tdsstable tr th, .innerconwrapBookingDetail table.table-booking-history tr th {
    width: 132px;
    background: var(--main-bg-color) !important;
    color: #fff !important;
    font-weight: bold;
    border: 1px solid #ddd;
}
.reservationWrap #myTable_wrapper .hcntltdnwrapTBL.table-striped tbody tr:nth-of-type(odd), .account_fieldset .table-wrap-scroll table.table-booking-history.TableBig tr:nth-of-type(odd),
#ClientTable_wrapper.dataTables_wrapper .dataTables_scrollHead table.table.table-striped tr:nth-of-type(odd), .SOAWRap #myTable_wrapper .dataTables_scroll .fixedtable.hcntltdnwrapTBL tr:nth-of-type(odd),
#financial #tblCurr tr:nth-of-type(odd), .kstmdtbl480 #TransTable_wrapper .dataTables_scrollHead table tr:nth-of-type(odd), #ClientTransTable_wrapper table tr:nth-of-type(odd),
.TableBigWrap.table-wrap-scroll table.table-booking-history.TableBig tr:nth-of-type(odd), #EarnTable_wrapper table tr:nth-of-type(odd), #Mandatory table tr:nth-of-type(odd), .innerconwrapBookingDetail table.table-booking-history tr:nth-of-type(odd) {
    background-color: rgb(255 255 255 / 3%);
}
.bodyrendr .page-title-row .page-title {
    background-color: transparent !important;
}
.bgoverrlay {
    position: fixed;
    background: rgba(0,0,0,.65);
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 2;
}
.transferPagewrapper #divTransferList .ahotel-item {
    border-radius: 7px !important
}
.ahotel-trav-main .activityselect-option-wrap.activity_option_wrap#show-activitywrap {
    background-color: #ffffff !important;
}

#google-map-tab .gm-svpc > div {
    width: 40px !important;
    height: 40px !important;
}

#divMyResults .main_box_pan.main_box_pan_new.change_hotel .hot_hotel-item .b2bcontantbox a.lnkPreventDefaultClass {
    color: var(--main-bg-color) !important;
}
.readMoreModal.show .modal-body.modal_infohota {
padding:20px!important;
}
.changetrans .results_hot .greyclr {
    color: #9da9b9;
}
@media (max-width: 767px) {
    .pyscl_div {
        display: grid;
    }
    .main_box_pan .compare {
        margin-top: 0px !important;
    }

    .hotelItemWrappMain .main_box_pan .b2bctrbx1 .lnkPreventDefaultClass * {
        width: 80%;
    }

    .sortBoxCustom ul.sort-list.sort-list-map > li:first-child {
        padding-left: 20px !important;
    }

    .sortBoxCustom .sort-list .navDownArrow {
        margin-top: 0px !important;
    }

    .sortBoxCustom .sort-list > li:nth-child(1) {
        left: initial !important;
        right: 0px;
        top: 10px !important;
        border-radius:0px!important;
    }

    
    .ahotel-item.kstm-item.clsMyLINO0.clsMyLINO .ahotel-right .ahotel-btns .donebox {
        min-width: 76px;
        padding: 7px 5px;
    }
        .ahotel-item.kstm-item.clsMyLINO0.clsMyLINO .ahotel-right .ahotel-btns .donebox:last-of-type {
            margin-bottom: 5px;
        }
    
    .add_activity .modal-header .close.modal-close {
        top: 2px !important;
    }
        .add_activity .hotel-item-wrap#divRight {
            padding: 8px !important;
        }
          .ahotelRightScroll .activity{
                float:left!important;
            }
    .ahotelRightScroll .ahotel-person {
        float: right !important;
    }

    ahotelRightScroll {
        width: 100%;
    }
    .ahotelRightScroll p {
        text-align: right !important;
        clear: both !important;
    }
    .ahotelRightScroll a{
        float:right!important;
        padding:5px 7px!important;
    }
    .sidebar #fltrWrap.fltrWrap {
        position: initial !important;
    }
    .ahotel-item-main .travmain.nocncldsn.activityselect-option .trav1-one {
        padding-left: 10px !important;
        padding-top: 5px !important;
    }
    .chngactwrap .activityselect-option .trav1-one h3 span.h3inner{
        font-size:15px!important;
    }

    .noHeaderModal .close, body .modal-header .close.modal-close {
        top:1px!important;         
    }
    .bmdlbkg li{
        padding-left:18px!important;
    }
    .activitymainwrap .ahotel-item-main .ahotel-trav-main .travmain.nocncldsn .trav1-one .h3inner, 
    .activitymainwrap .ahotel-item-main .ahotel-trav-main .travmain.nocncldsn .trav1-one .nonRefundableInner,
    .activitymainwrap .ahotel-item-main .ahotel-trav-main .travmain.nocncldsn .trav1-one .nonRefundableInner .clsCanPolHead {
        margin-right:10px;
    }
    .activitymainwrap .ahotel-item-main .ahotel-trav-main .activityselect-option .modifysec-activitysel{
        padding-right:6px!important;
    }
    .activitymainwrap .ahotel-item-main .ahotel-trav-main .activityselect-option .input-group #ddllanguage.ddllanguage{
        width:106px!important;
    }
    .activitymainwrap .ahotel-item-main .ahotel-trav-main .activityselect-option .input-group #ddltransfer.ddltransfer{
        width:116px!important;
    }
    .activitymainwrap .ahotel-item-main .ahotel-item .ahotel-image {
        border-top-right-radius: 7px;
        border-bottom-left-radius: 0px !important;
    }
    .activitymainwrap #divExcursionList .ahotel-item-main .ahotel-item .ahotel-right {
        border-top: 1px solid #ddd !important;
        border-bottom-left-radius: 7px;
        border-top-right-radius: 0px !important;
        height:100px;
    }
        .activitymainwrap #divExcursionList .ahotel-item-main .ahotel-item .ahotel-right .ahotel-person{
            float:right;
        }
        .activitymainwrap #divExcursionList .ahotel-item-main .ahotel-item .ahotel-right .ahotel-btns{
            margin-top:8px!important;
        }
            .activitymainwrap #divExcursionList .ahotel-item-main .ahotel-item .ahotel-right .ahotel-btns a.donebox.anchselect{
                padding:7px!important;
            }
            .activitymainwrap #divExcursionList .ahotel-item-main .ahotel-item .ahotel-right p {
                text-align: right;
                margin-top: 10px;
            }
        .activitymainwrap .ahotel-item-main .ahotel-trav-main .ahotel-right .tavelPrt2 {
            white-space: initial !important;
        }
    .activitymainwrap .ahotel-item-main .ahotel-trav-main .ahotel-right .tavelPrt6 {
        padding-top: 5px;
    }
    .activitymainwrap .ahotel-item-main .ahotel-trav-main .ahotel-right .tavelPrt6 .donebox{
        padding-top:4px!important;
        padding-bottom:4px!important;
    }
    .activitymainwrap .ahotel-item-main .ahotel-trav-main .activityselect-option-wrap{
        padding:10px;
    }
        .activitymainwrap .ahotel-item-main .ahotel-trav-main .activityselect-option-wrap .activity-result-response{
            margin-left:0px;
            display:initial!important;
        }
            .activitymainwrap .ahotel-item-main .ahotel-trav-main .activityselect-option-wrap .activity-result-response .activity_save_div{
                margin-bottom:14px;
            }
    .activityselect-option .modifydate-pax a {
        line-height: 0;
        white-space: normal;
        font-size: 0;
        background: url(../images/modify-pax-date-icon.png) no-repeat;
        width: 25px;
        height: 25px;
        background-size: 100%;
        display: block;
        display: block;
        float: right;
    }

    .activityselect-option .modifydate-pax {
        background: #aaa;
        position: relative;
        height: 25px;
        width: 25px;
        display: inline-block;
        z-index: 0;
    }

        }

@media only screen and (max-width: 768px) {
    .add-transfer-popup .input-group .tour_transfer_select.add-trans-error.error {
        margin-left: -32px !important;
        padding-left: 35px !important;
    }
    .changetrans .fltrWrap .cleatAllbut a {
        z-index: 999;
        clear: both;
        top: 35px;
        position: relative;
        right: -25px;
    }
    .more-item-show .morelilist li a:hover {
        color: #252525 !IMPORTANT;
        background: #fff !important;
    }
    .hotel-item-wrap #divExcursionList .ahotel-item .ahotel-btns a.donebox.anchselect {
        top: 15px;
    }
    #divExcursionList .ahotel-item .ahotel-right > *, #divExcursionList .ahotel-right .ahotel-btns > b > * {
    display:block;
    }
    .slots-header {
        text-overflow: initial;
        overflow: auto;
        white-space: normal;
        top: 1rem;
    }
   
}
.preloadinner .preloader p:first-child {
    font-weight: 600;
}
.add-transfer-popup .input-group .add-trans-error-head {
    padding-left: 3px !important;
}
.add-transfer-popup .input-group .tour_transfer_select.add-trans-error.error#ddlDay{
    padding-left:30px;
}

.changetrans .cleatAllbut.disabledClearAll,
.chngactwrap .cleatAllbut.disabledClearAll {
    background: transparent;
}
.changetrans .cleatAllbut a,
.chngactwrap .cleatAllbut a {
    box-shadow: none;
    padding: 0;
}
.changetrans .cleatAllbut.disabledClearAll a,
.chngactwrap .cleatAllbut.disabledClearAll a {
    color: #cbcbcb !important;
}
/*.htlRslt2#divLeft .fltrWrap#fltrWrap {
    width: 100%;
}*/
.activity_transfer_border .adult_activity_group .activity_droupmainbxc .activity_agedetdiv input {
    margin-right: -3px;
}

.ahotel-body .uc-kstm-wrap p {
    color: var(--theme-reg-color) !important;
}



@media(max-width:992px) {
    .htlRslt2#divLeft .fltrWrap#fltrWrap{
        height:auto!important;
    }
    .results_hot {
        width: 100%;
    }
    .modal.imgPopup,
    #calenderModal.modal {
        z-index: 10000;
    }
        #calenderModal.modal .modal-header {
            display: grid !important;
            grid-template-columns: 1fr 26px;
            align-items: start;
        }
            #calenderModal.modal .modal-header .avai_htl_room {
                clear: both;
                padding-left: 0;
                padding-right: 0;
            }
            #calenderModal.modal .modal-header .availcurrncy {
                position:relative;
                white-space:nowrap;
            }
            .mainHeader .toolerr-toggle {
                display: none !important;
            }
    #calenderModal.modal .modal-header #availCalClose {
        top: 0 !important;
    }
    .navbar-nav.nav-tabs {
        width: calc(100% - 50px) !important;
    }
    .sortBoxCustom.sort-box ul.sort-list.sort-list-map li.sortLstPriceStarRatings .sortDropDownStarCategories ul li.active {
        display: block !important;
    }
    .modalbodyleft.mbrldesk .tab-pane {
        min-width: 50%;
    }
    #cclmodal.cclmodal{
        z-index:10000;
    }
    #cclmodal.cclmodal .modal-header .close.modal-close {
        right: 0 !important;
    }
    .searchviewform .modifysearchresult .mapviewlink {
        width: 146px;
        height: 37px;
        background: var(--main-bg-color);
        color: #fff !important;
        display: flex;
        vertical-align: middle;
        align-items: center;
        justify-content: center;
        gap: 10px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        background-image: url('../images/searchform/map-entry.png');
        background-size: auto 160%;
        border: 1px solid #e7e7e7;
        margin-left: 15px;
        border-radius: 9px;
    }
    #divExcursionList .ahotel-right {
        text-align: initial !important;
    }
        .searchviewform .modifysearchresult .mapviewlink span {
            color: var(--main-bg-color) !important;
            border-radius: 20px;
            background: #fff;
            padding: 2px 10px;
            box-shadow: 0 2px 10px rgb(0 0 0 / 10%);
            display: flex;
            gap: 7px;
            align-items: center;
            font-weight: 600;
            font-size: 11px;
        }

        .searchviewform .modifysearchresult .mapviewlink svg path {
            fill: var(--main-bg-color) !important;
        }
    ul.sort-list.sort-list-map > li.map_button {
        display: none;
    }
 
}


@media (max-width: 480px) {
    .activitymainwrap .ahotel-item-main .uc-kstm-wrap .clickme {
        position: absolute;
        right: 0;
        left: auto;
        bottom: 0px;
    }
    .uc-container .uc-initial .uc-initial-content span.description {
        height: 96px;
        overflow: hidden;
        /* white-space: nowrap; */
        text-overflow: ellipsis;
        width: 100%;
        display: inline-block;
    }
   
   
}


@media (max-width: 550px) {
    .hotel-item-wrap #divExcursionList .ahotel-item .ahotel-btns a.donebox.anchselect {
        top: 18px;
        padding: 7px;
        border-radius: 5px;
    }
    .checkoutservicepopup .modal-body .content-inner .title {
        font-size: 13px !important;
        line-height: 20px;
    }
    .checkoutservicepopup .pricing .sell-price{
        font-size:17px!important;
    }
    #hotelpaxdetailspopup .srvavailability {
        padding-top:6px;
    }

    .fitemmain .fitemdurprice.results_fitemdurprice.v-align.justify-content-end .fitemprice .newprice {
        line-height: 10px;
    }
    .fitemmain .fitemdurprice.results_fitemdurprice.v-align.justify-content-end {
        padding-top: 10px!important;
    }
    .flightbottomprice.myRTCol .selectedFlights .fitemmain {
        padding-bottom: 5px !important;
    }
    .ddBoxWrap.chngpasswrap.open, .nav-item.notifyclick.ddBox.open .ddBoxWrap.open, #langid #ddllanguages, .customscroll.show#ddlcurrencies, .ProfileImg.open .ddBoxWrap.open {
        z-index: 99999;
    }
}

@media (min-width: 320px) and (max-width:400px) {
    .activity_option_wrap .activity-result-response {
        display: grid;
        grid-template-rows: 1fr 1fr 1fr 1fr !important;
        width: 100%;
    }
}
.show.small_strip .panel_cart_total-price{
    display:none !important;
}
.pkgOnwards .OldPrice.font-white{
    color:#252525 !important;
}



@media(max-width:992px) {
    .stnt_tblrapscrol.table-wrap-scroll table {
        min-width: 780px;
    }
    .cleatAllbut {
        display: flex !important;
    }

    .fltrClose {
        position: absolute;
        right: 15px;
        top: 12px;
        font-size: 20px;
    }

    .fltrWrapInner.fltrShow span.fltrClose i.fa.fa-times {
        display: none;
    }

    .fltrWrapInner.fltrShow span.fltrClose:before {
        content: 'x' !important;
        color: #252525 !important;
        right: 15px;
        font-size: 20px !important;
        top: 0;
    }

    .chngactwrap .fltrcon.sidber-box.cats-price#tab-2 {
        border-top: 1px solid rgb(0 0 0 / 0%);
        margin-top: 10px;
        border-bottom: 0px;
    }
    .checkoutservicepopup.show #flightitemMainDiv .flightitem .fitemduration .fitemdfrom {
    width:40%;
    }
}

.signia-briefcase:before {
    background-image: url(../images/Suitecase.svg) !important;
    position: absolute;
    content: "";
    width: 19px;
    height: 18px;
    background: no-repeat;
    z-index: 999;
    background-size: cover;
    opacity: 0.5;
    left: 73px;
    top: 95px;
}

.activitymainwrap .ahotel-item-main .ahotel-item{
    border-bottom-left-radius:7px;
    border-top-left-radius:7px;
}
.htlpagewrapper .listview .hot_hotel-item{
    border-bottom:none!important;
}
.htlpagewrapper.mapviewpage .mapview .gm-style-iw-d hr {
    margin-top: 10px;
    margin-bottom: 10px;
}
 .htlpagewrapper.mapviewpage .mapview .gm-style-iw-d .mapbubble .tripadvisor-img {
        padding-top: 8px;
        padding-right: 5px;
}

.custom-cross-icon button.close span {
    display: none;
}

.custom-cross-icon button.close {
    margin: 0px;
    position: relative;
    z-index: 10;
    background: #fff !important;
    opacity: 1 !important;
    box-shadow: none;
    padding: 0;
    background-image: url('../images/base64icon/cross-black-icon.svg') !important;
    background-repeat: no-repeat !important;
    background-size: 13px !important;
    background-position: center center !important;
    font-size: 0;
    width: 16px;
    height: 16px;
    width: 34px;
    height: 32px;
}

.modal-header.custom-cross-icon .header-content.header-content-custom {
    width: 100%;
}

.modal-header.custom-cross-icon button.close:hover {
    border-radius: 50%;
    background-color: #f6f6f6 !important;
}
div#cclmodal .cclcover-data.ccltblwrap {
    overflow-x: auto;
}
div#alertPopupModal::before {
    content: '';
    z-index: 0;
    background: rgba(0,0,0, 0.4);
    width: 100%;
    height: 100%;
    position: absolute;
}
.iframe-modal #modalCancel-body .canamnt h5 {
    margin-bottom: 4px;
    font-weight: 300;
}
.typeheadbrdr.uploadwrap input.txtPassport {
border:0px!important;
}

   .main-overlay-checkout {
            background: #000;
            width: 100%;
            height: 100%;
            position: fixed;
            z-index: 999;
            opacity: 0.3;
            top: 0;
            left: 0;
        }

.preloader-checkout {
    text-align: center;
    z-index: 999!important;
    background: #fff;
    position: fixed;
    top: 100px;
    left: 0;
    width: 100%;
    opacity: 1;
    -webkit-transition: all.5s linear;
    -moz-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
}

    .preloader-checkout .preloadinner {
        padding-top: 50%;
        position: absolute;
        top: 50%;
        left: 50%;
        color: #fff;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }
.preloadinner .preloader p {
    font-size: 16px;
    margin-bottom: 0px;
    color: #252525;
}
.preloadinner .preloader {
    background: #fff;
    padding: 20px 20px 10px 20px;
    border-radius: 5px;
}
.preloader-checkout {
    z-index: 999 !important;
}

input#ddlHotel.form-control:disabled {
    background-color: #e9ecef!important;
}
.avail_pric span.price {
    color: #3c3b3b !important;
}
.preloader-checkout .preloadinner {
    width: 90%;
}
.droupmainbxc#divTrAdltchlds1 #AgeTrDiv .input-group.bootstrap-touchspin input.form-control, .multicityselect.destination_list .activities_passanger .activitiesddboxwrap.open#ddBoxWrap .ddBoxInner #AgeDiv .input-group.bootstrap-touchspin input.form-control {
    background-color: transparent !important;
}


/* Manage Bookings table design start 17-2023*/
.reservationWrap #myTable_wrapper .table.hcntltdnwrapTBL thead tr th, .userQuoteListWrap #QuoteTable_wrapper .table thead tr th, .standrd_rservwrap .stnt_tblrapscrol .table.hcntltdnwrapTBL thead tr th, body .SOAWRap #myTable_wrapper .dataTables_scroll .fixedtable.hcntltdnwrapTBL tr th {
    background-color: #fff !important;
    color: #000 !important;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 0px;
}
.reservationWrap #myTable_wrapper .table.hcntltdnwrapTBL tbody tr td, .userQuoteListWrap #QuoteTable_wrapper .table tbody tr td, .standrd_rservwrap .stnt_tblrapscrol .table.hcntltdnwrapTBL tbody tr td {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 0px !important;
}
.reservationWrap #myTable_wrapper .table.hcntltdnwrapTBL tbody tr:nth-child(odd), .standrd_rservwrap .stnt_tblrapscro .table.hcntltdnwrapTBL tbody tr:nth-child(odd), SOAWRap #myTable_wrapper .dataTables_scroll .fixedtable.thead tr th.sorting:after, body .SOAWRap #myTable_wrapper .dataTables_scroll .fixedtable.hcntltdnwrapTBL tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}


.reservationWrap #myTable_wrapper .table.hcntltdnwrapTBL thead tr th.sorting_desc:after, .reservationWrap #myTable_wrapper .table.hcntltdnwrapTBL thead tr th.sorting:after, .userQuoteListWrap #QuoteTable_wrapper .table thead tr th.sorting_desc:after, .userQuoteListWrap #QuoteTable_wrapper .table thead tr th.sorting:after, .standrd_rservwrap .stnt_tblrapscrol .table.hcntltdnwrapTBL thead tr th.sorting_desc:after, .standrd_rservwrap .stnt_tblrapscrol .table.hcntltdnwrapTBL thead tr th.sorting:after, body .SOAWRap #myTable_wrapper .dataTables_scroll .fixedtable.thead tr th.sorting:after {
    bottom: 9px !important;
    font-weight: 100;
}
.reservationWrap table.table-bordered.dataTable.hcntltdnwrapTBL td, .userQuoteListWrap table.table-bordered.table-hover.dataTable td {
    border-left: 0px;
    border-right: 0px;
}
.reservationWrap #myTable_wrapper .datatable-header, .userQuoteListWrap #QuoteTable_wrapper .datatable-header, .standrd_rservwrap .stnt_tblrapscrol .datatable-header {
    border-bottom: 0px;
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 0px !important;
}
.reservationWrap .dataTables_scrollFoot {
    margin-top: 10px;
    margin-bottom: 1px;
}
.userQuoteListWrap .dataTables_scrollFoot {
    margin-top: 0px;
    margin-bottom: 1px;
}

.reservationWrap .dataTables_scrollFoot .dataTables_scrollFootInner .table.hcntltdnwrapTBL, .userQuoteListWrap .dataTables_scrollFoot .dataTables_scrollFootInner .table {
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom: 0px;
}
.reservationWrap #myTable_wrapper .datatable-footer .dataTables_info#myTable_info, .userQuoteListWrap #QuoteTable_wrapper .datatable-footer .dataTables_info#QuoteTable_info, .standrd_rservwrap .stnt_tblrapscrol .datatable-footer .dataTables_info#myTable_info {
    color: #333 !important;
}
.reservationWrap #myTable_wrapper .datatable-footer #myTable_paginate .pagination a, .reservationWrap #myTable_wrapper .datatable-footer #myTable_paginate .pagination li.previous a, .reservationWrap #myTable_wrapper .datatable-footer #myTable_paginate .pagination li.next a, .standrd_rservwrap .stnt_tblrapscrol .datatable-footer .dataTables_paginate .pagination a, .standrd_rservwrap .stnt_tblrapscrol .datatable-footer .dataTables_paginate .pagination li.previous a, .standrd_rservwrap .stnt_tblrapscrol .datatable-footer .dataTables_paginate .pagination li.next a {
    border: 0px !important;
}

.userQuoteListWrap #QuoteTable_wrapper .datatable-footer #QuoteTable_paginate .pagination a, .userQuoteListWrap #QuoteTable_wrapper .datatable-footer #QuoteTable_paginate .pagination li.previous a, .userQuoteListWrap #QuoteTable_wrapper .datatable-footer #QuoteTable_paginate .pagination li.next a {
    border: 0px !important;
}

.reservationWrap #myTable_wrapper .datatable-footer #myTable_paginate .pagination li a, .userQuoteListWrap #QuoteTable_wrapper .datatable-footer #QuoteTable_paginate .pagination li a, .standrd_rservwrap .stnt_tblrapscrol .datatable-footer .dataTables_paginate .pagination li a {
    border: 0px;
}
.reservationWrap #myTable_wrapper .datatable-footer #myTable_paginate .pagination li.disabled a, .userQuoteListWrap #QuoteTable_wrapper .datatable-footer #QuoteTable_paginate .pagination li.disabled a, .standrd_rservwrap .stnt_tblrapscrol .datatable-footer .dataTables_paginate .pagination li.disabled a {
    background: #fff !important;
}
.reservationWrap #myTable_wrapper .datatable-footer #myTable_paginate .pagination li a, .reservationWrap #myTable_wrapper .datatable-footer #myTable_paginate .pagination li span, .standrd_rservwrap .stnt_tblrapscrol .datatable-footer .dataTables_paginate .pagination li a, .standrd_rservwrap .stnt_tblrapscrol .datatable-footer .dataTables_paginate .pagination li span {
    padding: 3px 11px !important;
}
.userQuoteListWrap #QuoteTable_wrapper .datatable-footer #QuoteTable_paginate .pagination li a, .userQuoteListWrap #QuoteTable_wrapper .datatable-footer #QuoteTable_paginate .pagination li span {
    padding: 3px 11px !important;
}
.reservationWrap #myTable_wrapper tbody tr a, .standrd_rservwrap .stnt_tblrapscrol tbody tr a {
    position: relative;
    font-size: 13px;
    padding: 4px 10px;
}
    .reservationWrap #myTable_wrapper tbody tr a:before, .standrd_rservwrap .stnt_tblrapscrol .dataTables_wrapper tbody tr a:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        height: 24px;
        border-radius: 15px;
        width: 100%;
        opacity: 0.9;
        border: solid 1px var(--main-bg-color) !important;
    }
.reservationWrap #myTable_wrapper tbody tr td:first-child, .standrd_rservwrap .stnt_tblrapscrol tbody tr td:first-child, .userQuoteListWrap #QuoteTable_wrapper tbody tr td:first-child {
    background-color: #f0f6fb;
}
.reservationWrap #myTable_wrapper tbody tr.even td:first-child, .standrd_rservwrap .stnt_tblrapscrol tbody tr.even td:first-child, .standrd_rservwrap .stnt_tblrapscrol tbody tr:nth-of-type(even) td:first-child, .userQuoteListWrap #QuoteTable_wrapper tbody tr.even td:first-child{
    background-color: #f9f9f9;
}
.reservationWrap #myTable_wrapper tbody tr:hover td a:before, .standrd_rservwrap .stnt_tblrapscrol tbody tr:hover td a:before {
    border: solid 1px #ffffff !important;
}

.reservationWrap #myTable_wrapper tbody tr td span.all-status, .standrd_rservwrap .stnt_tblrapscrol tbody tr td span.all-status {
    font-size: 13px;
    padding: 4px 10px;
    border-radius: 15px;
}

.reservationWrap #myTable_wrapper tbody tr td span.confirmed-status, .standrd_rservwrap .stnt_tblrapscrol tbody tr td span.confirmed-status {
    background-color: #def1d7;
    color: #61ae41;
}
.reservationWrap #myTable_wrapper tbody tr td span.cancelled-status, .standrd_rservwrap .stnt_tblrapscrol tbody tr td span.cancelled-status {
    background-color: #ffe7ed;
    color: #f81f58;
}
.reservationWrap #myTable_wrapper tbody tr td span.onrequest-status, .standrd_rservwrap .stnt_tblrapscrol tbody tr td span.onrequest-status {
    background-color: #ebe4e4;
    color: #746a6a;
}
.reservationWrap #myTable_wrapper tbody tr td span.onhold-status, .standrd_rservwrap .stnt_tblrapscrol tbody tr td span.onhold-status {
    background-color: #f3f0d8;
    color: #797438;
}
.reservationWrap #myTable_wrapper tbody tr td span.onfaild-status, .standrd_rservwrap .stnt_tblrapscrol tbody tr td span.onfaild-status {
    background-color: #74292521;
    color: #742925;
}
.reservationWrap #myTable_wrapper tbody tr td span.cancelled-request-status, .standrd_rservwrap .stnt_tblrapscrol tbody tr td span.cancelled-request-status {
    background-color: #10020224;
    color: #100202;
}
.reservationWrap #myTable_wrapper tbody tr td span.soprinted-status, .standrd_rservwrap .stnt_tblrapscrol tbody tr td span.soprinted-status {
    background-color: #0c56ed1f;
    color: #0c56ed;
}
.reservationWrap #myTable_wrapper tbody tr td span.intiated-status, .standrd_rservwrap .stnt_tblrapscrol tbody tr td span.intiated-status {
    background-color: #196a9830;
    color: #196a98;
}
.reservationWrap #myTable_wrapper tbody tr td span.paid-status, .standrd_rservwrap .stnt_tblrapscrol tbody tr td span.paid-status {
    background-color: #3635681f;
    color: #363568;
}
.reservationWrap #myTable_wrapper tbody tr td span.invoiced-status, .standrd_rservwrap .stnt_tblrapscrol tbody tr td span.invoiced-status {
    background-color: #ff005c24;
    color: #ff005c;
}
.reservationWrap #myTable_wrapper tbody tr td span.default-status, .standrd_rservwrap .stnt_tblrapscrol tbody tr td span.default-status {
    background-color: #b1acac82;
    color: #837878;
}
.reservationWrap #myTable_wrapper tbody tr td span.prconfir-status, .standrd_rservwrap .stnt_tblrapscrol tbody tr td span.prconfir-status {
    background-color: #e9d7f1;
    color: #ab69c9;
}
.reservation_scroll #myTable_wrapper, .userQuoteListWrap #QuoteTable_wrapper, .standrd_rservwrap .stnt_tblrapscrol .dataTables_wrapper {
    padding: 20px;
    padding-bottom: 0px;
}
    .reservation_scroll #myTable_wrapper .datatable-scroll-wrap, .userQuoteListWrap #QuoteTable_wrapper .datatable-scroll-wrap, .standrd_rservwrap .stnt_tblrapscrol .datatable-scroll-wrap {
        border: 1px solid #dee2e6;
        border-bottom: 0px;
        border-radius: 7px;
    }

    .reservation_scroll #myTable_wrapper .table.hcntltdnwrapTBL.table-bordered, .userQuoteListWrap #QuoteTable_wrapper .table.hcntltdnwrapTBL.table-bordered, .standrd_rservwrap .stnt_tblrapscrol .table.hcntltdnwrapTBL.table-bordered {
        border: 0px !important;
    }
    .reservation_scroll #myTable_wrapper .datatable-footer, .userQuoteListWrap #QuoteTable_wrapper .datatable-footer, .standrd_rservwrap .stnt_tblrapscrol .datatable-footer {
        border-top: 0px;
    }

    .userQuoteListWrap #QuoteTable_wrapper .table.table-bordered {
        border: 0px !important;
    }
    .userQuoteListWrap #QuoteTable_wrapper .table tbody tr td span.refrence_column {
        position: relative;
        font-size: 13px;
        padding: 4px 10px;
        color: var(--main-bg-color) !important;
        white-space:nowrap;
    }
    .userQuoteListWrap #QuoteTable_wrapper .table tbody tr td span.refrence_column:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        height: 24px;
        border-radius: 15px;
        width: 100%;
        opacity: 0.9;
        border: solid 1px var(--main-bg-color) !important;
    }
        .userQuoteListWrap #QuoteTable_wrapper .table tbody tr:hover td span.refrence_column:before {
            border: solid 1px #ffffff !important;
        }
    .userQuoteListWrap #QuoteTable_wrapper .table tbody tr:hover td span.refrence_column {
        color: #fff !important;
    }
    .userQuoteListWrap #QuoteTable_wrapper .table tr.EditRow.AddedTR#EditFields:hover, .userQuoteListWrap #QuoteTable_wrapper .table tr.EditRow.AddedTR#EditFields:hover td {
        background-color: whitesmoke !important;
    }
    .userQuoteListWrap #QuoteTable_wrapper .dataTable tr:hover td a, .userQuoteListWrap #QuoteTable_wrapper .dataTable tr:focus td a {
        color: var(--main-bg-color) !important;
        font-weight: 200;
    }
    .userQuoteListWrap #QuoteTable_wrapper tr.EditRow.AddedTR#EditFields:hover .quote_quotationdetails-repdes .quote_row.Quotations_heading a span {
        color: var(--main-bg-color) !important;
    }
    .userQuoteListWrap #QuoteTable_wrapper tr.EditRow.AddedTR#EditFields:hover .quote_quotationdetails-repdes .quote_row.Quotations_heading span,
    .userQuoteListWrap #QuoteTable_wrapper tr.EditRow.AddedTR#EditFields:hover .budgets-table-content.Servicesdiv .InsideservicesRow .tb-service .service-name a,
    .userQuoteListWrap #QuoteTable_wrapper tr.EditRow.AddedTR#EditFields:hover .budgets-table-content.Servicesdiv .InsideservicesRow .Quoteservice-price #service-price-amount,
    .userQuoteListWrap #QuoteTable_wrapper tr.EditRow.AddedTR#EditFields:hover .budgets-header-2 .budgets-header .quote_row .col,
    .userQuoteListWrap #QuoteTable_wrapper tr.EditRow.AddedTR#EditFields:hover .budgets-payment-module.fotaction .budgets-total.QuoteTotalPrice,
    .userQuoteListWrap #QuoteTable_wrapper tr.EditRow.AddedTR#EditFields:hover .tb-cell.tb-price .Quotenot-available-2.not-available,
    .userQuoteListWrap #QuoteTable_wrapper tr.EditRow.AddedTR#EditFields:hover .budgets-total.QuoteTotalNotavail,
    .userQuoteListWrap #QuoteTable_wrapper tr.EditRow.AddedTR#EditFields:hover .budgets-payment-module.fotaction .budgets-total.QuoteTotalPriceDate {
        color: #252525 !important;
    }
    .userQuoteListWrap #QuoteTable_wrapper .three-bounce > div {
        display: inline-block;
        width: 12px;
        height: 12px;
    }
    /* Manage Bookings table design end 17-2023*/

.FareRuleDetail .FareRuleDetailinner#FareRuleDetailinner ul {
    display: block;
    box-shadow: 0 2px 7px 0 rgb(52 105 203 / 0%);
}
.fl-accordion.fl-js-accordion .fl-accordion-panel .FareRuleDetailinner ul {
    display: block;
    box-shadow: 0 2px 7px 0 rgb(52 105 203 / 0%);
}
.modal#modifyHotelsearchform .modal-dialog {
    max-width: 530px !important;
}


@media (max-width:1180px) {
    .userQuoteListWrap #QuoteTable_wrapper .table tbody tr td span.refrence_column:before {
    display:none;
    }
    .userQuoteListWrap #QuoteTable_wrapper .table tbody tr td span.refrence_column {
        border: solid 1px var(--main-bg-color) !important;
        border-radius: 20px;
        font-size: 12px;
        padding: 2px 8px;
    }
}

header.mainHeader .navbar.navbar-expand-lg ul.nav.navbar-nav.flex-row.ml-md-auto.d-none.bookingside li.ticketb:nth-child(1) {
    margin-top: 130px !important;
}
header.mainHeader .navbar.navbar-expand-lg ul.nav.navbar-nav.flex-row.ml-md-auto.d-none.bookingside li.ticketb:nth-child(2) {
    margin-top: 320px !important;
}

.panel_cart_contenta ul li a{
    cursor:default;
}
.popover.clockpicker-popover{
    z-index:10001;
}

.innerconwrapBookingDetail table.dtls-main-table td {
    min-width: 80px !important;
}
.innerconwrapBookingDetail #Servicedate .description {
    display: -webkit-box;
    width: 100%;
    line-height: 20px;
    max-height: 38px;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
    .innerconwrapBookingDetail #Servicedate .description.show {
        position: fixed;
        min-width: 640px;
        max-width: 640px;
        min-height: 364px;
        background: #FFF;
        border-radius: 10px;
        top: 50%;
        left: 50%;
        padding: 30px;
        transform: translate(-50%, -50%);
        z-index: 9;
        overflow: hidden;
    }
.booking-details-bg-overlay {
    position: fixed;
    content: '';
    background: rgba(0,0,0,0.6);
    width: 100% !important;
    height: 100% !important;
    z-index: 5;
    display:none;
}
.innerconwrapBookingDetail #Servicedate .description.show::before {
    margin: 0px;
    position: absolute;
    z-index: 10;
    background: #fff !important;
    opacity: 1 !important;
    box-shadow: none;
    padding: 0;
    background-image: url('../images/base64icon/cross-black-icon.svg');
    background-repeat: no-repeat !important;
    background-size: 13px !important;
    background-position: center center !important;
    font-size: 0;
    width: 16px;
    height: 16px;
    content: '';
    height: 15px;
    right: 15px;
}
.chngactwrap .activityselect-option .ahotel-right {
    white-space: normal;
    padding-top: 8px;
    padding-bottom: 8px;
}
.chngactwrap .activityselect-option .ahotel-right .price {
    font-weight: 600;
}
    .chngactwrap  .activityselect-option .ahotel-right .tavelPrt2 {
        margin-bottom: 8px;
    }
 .cats-facility #ulMealFilters label {
    display: flex;
}

.board_type_div .btn-group .btn-default:active,
.multicenter_Economy .btn-group .btn-default:active {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.mandboxdy .standrd_rservwrap{
    border: 1px solid #dee2e6;
    border-bottom: 0px;
    border-radius: 7px;
}
    .mandboxdy .standrd_rservwrap thead tr th:first-child{
        border-top-left-radius:7px;
    }
        .mandboxdy .standrd_rservwrap thead tr th:last-child{
            border-top-right-radius:25px;
        }
        .mandboxdy .standrd_rservwrap .stnt_tblrapscrol {
            padding-left: 0px;
            padding-right: 0px;
        }
.talbe_bodr thead {
    border-bottom: 1px solid #dee2e6!important;
}
.reservationWrap #myTable_wrapper{
    padding:20px;
}
.layoutnavbar-icon li a span{
    line-height:20px;
}
.ddMTitle.dashboard {
    justify-content: end;
    margin-right: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
    border-bottom: 0;
}
.ddMTitle #lblOutstanding,
.ddMTitle #lblCRem {
    padding-right: 0 !important;
}
.ddMTitle.dashboard a {
    font-weight: 500;
    background: var(--main-bg-color) !important;
    color: #fff;
    padding: 0.375rem 0.75rem;
    border-radius: 5px;
}
.standrd_rservwrap .stnt_tblrapscrol .tabl_wrp_scrol {
    border: 1px solid #dee2e6;
    border-radius: 7px;
    margin-bottom: 10px;
}

    .standrd_rservwrap .stnt_tblrapscrol .tabl_wrp_scrol .hcntltdnwrapTBL {
        margin-bottom: 0px;
    }

        .standrd_rservwrap .stnt_tblrapscrol .tabl_wrp_scrol .hcntltdnwrapTBL thead tr {
            border-bottom: 1px solid #dee2e6;
        }

            .standrd_rservwrap .stnt_tblrapscrol .tabl_wrp_scrol .hcntltdnwrapTBL thead tr th:first-child {
                border-top-left-radius: 7px;
            }

            .standrd_rservwrap .stnt_tblrapscrol .tabl_wrp_scrol .hcntltdnwrapTBL thead tr th:last-child {
                border-top-left-radius: 7px;
            }

        .standrd_rservwrap .stnt_tblrapscrol .tabl_wrp_scrol .hcntltdnwrapTBL tr:nth-of-type(odd) {
            background: #f9f9f9;
        }

.lds-ellipsis-loader {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 32px;
    overflow: hidden;
}


    .lds-ellipsis-loader div {
        position: absolute;
        top: 10px;
        width: 11px;
        height: 11px;
        border-radius: 50%;
        background: #ddd !important;
        animation-timing-function: cubic-bezier(0,1,1,0)
    }

        .lds-ellipsis-loader div:nth-child(1) {
            left: 6px;
            animation: lds-ellipsis11 .6s infinite
        }

        .lds-ellipsis-loader div:nth-child(2) {
            left: 6px;
            animation: lds-ellipsis12 .6s infinite
        }

        .lds-ellipsis-loader div:nth-child(3) {
            left: 26px;
            animation: lds-ellipsis12 .6s infinite
        }

        .lds-ellipsis-loader div:nth-child(4) {
            left: 45px;
            animation: lds-ellipsis13 .6s infinite
        }

@keyframes lds-ellipsis11 {
    0% {
        transform: scale(0)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes lds-ellipsis13 {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(0)
    }
}

@keyframes lds-ellipsis12 {
    0% {
        transform: translate(0,0)
    }

    100% {
        transform: translate(19px,0)
    }
}

.saveloaderwrap .saveloadinner .saveloader p{
    margin-bottom:0px;
}
.saveloaderwrap .saveloadinner .saveloader .pls_wait {
    font-size: 16px;
    font-weight: 600;
    margin-bottom:5px;
}
.srtlstprce a .navDownArrow{
    top:1px!important;
}
#ddlcurrencies .dropdown-item:hover {
    background-color: #e9ecef;
}
.promtslde .owl-carousel .slick-track a {
    cursor: initial;
}
.repls-popactivty{
    margin-top:0px!important;
    border-top:0px!important;
}
.hotlnavdonarow{
    pointer-events:none;
}
.trvlcuror select,
.tourdetails_pickup {
    cursor: pointer;
}
.notcursor{
    cursor:initial;
}
.remveicon{
    height:5px!important;
}
.hotltavlprt{
    margin-bottom:0px!important;
}
.trvlon1e .h3inner{
    color: #252525 !important;
}
.trvlon1e .clsCanPolHead {
    color: #898989 !important;
    font-weight: 500;
}
.modiypax {
    display: flex;
    align-items: center;
}
    .modiypax .show-activitywrap{
        padding-top:8px!important;
        padding-bottom:4px!important;
    }

.trnsftocrt {
    background: transparent !important;
    border: 1px solid var(--main-bg-color) !important;
    color: var(--main-bg-color)!important;
}
.pull-right #btnDownlaod {
    border-radius: 5px;
}

.tour_transfer_select,
.ddlLTitle {
    cursor: pointer;
}
.chngactwrap .activityselect-option-wrap .input-group-btn .btn.bootstrap-touchspin-down,
.chngactwrap .activityselect-option-wrap .input-group-btn .btn.bootstrap-touchspin-up {
    font-size: 0px;
    width: 30px;
    position: relative;
    height: 30px !important;
}
    .chngactwrap .activityselect-option-wrap .input-group-btn .btn.bootstrap-touchspin-down::before,
    .chngactwrap .activityselect-option-wrap .input-group-btn .btn.bootstrap-touchspin-up::before {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        transition: all .3s ease-in-out;
        background-position: center center;
        background-image: url('../images/base64icon/minus-icon-black.svg');
        background-repeat: no-repeat;
        z-index: 1;
        width: 16px;
        height: 16px;
        background-size: 10px;
        transform: translate(-50%, -50%);
        opacity: 0.6;
    }
    .chngactwrap .activityselect-option-wrap .input-group-btn .btn.bootstrap-touchspin-up::before {
        background-image: url('../images/base64icon/plus-icon-black.svg');
    }

/*.topupreservationWrap .hcntltdnwrapTBL .odd td:first-child,
.topupreservationWrap .hcntltdnwrapTBL .even td:first-child {
    position: relative;
    color: var(--main-bg-color) !important;
}
    .topupreservationWrap .hcntltdnwrapTBL .odd td:first-child:before,
    .topupreservationWrap .hcntltdnwrapTBL .even td:first-child:before {
        content: "";
        position: absolute;
        left: 3px;
        top: 8px;
        height: 24px;
        border-radius: 15px;
        min-width: 142px;
        opacity: 0.9;
        border: solid 1px var(--main-bg-color) !important;
    }
.topupreservationWrap .hcntltdnwrapTBL .odd:hover td:first-child,
.topupreservationWrap .hcntltdnwrapTBL .even:hover td:first-child {
   color:#ffffff !important;
}
.topupreservationWrap .hcntltdnwrapTBL .odd:hover td:first-child:before,
.topupreservationWrap .hcntltdnwrapTBL .even:hover td:first-child:before {
    border: solid 1px #ffffff !important;
}*/

.standrd_rservwrap .daterangepicker .calendar tr th,
.standrd_rservwrap .daterangepicker .calendar tr td {
    width: 40px !important;
    height: 40px !important;
    padding: 0 !important;
    position: relative;
    vertical-align: middle;
    color: var(--theme-reg-color) !important;
}

.standrd_rservwrap .stnt_tblrapscrol .donebox {
    padding-top: 0;
    padding-bottom: 0;
}

.standrd_rservwrap .stnt_tblrapscrol tbody tr:hover td a:before {
    border: 0px !important;
}

.standrd_rservwrap .daterangepicker .calendar {
    padding-top: 0;
    padding-bottom: 5px;
}

    .standrd_rservwrap .daterangepicker .calendar tbody tr:nth-of-type(odd),
    .standrd_rservwrap .daterangepicker .calendar tbody tr:hover {
        background: transparent !important;
    }

.standrd_rservwrap .dataTable tbody tr:hover .daterangepicker .calendar td {
    background: transparent !important;
    color: var(--theme-reg-color) !important;
}

    .standrd_rservwrap .dataTable tbody tr:hover .daterangepicker .calendar td:hover {
        background: var(--main-bg-color) !important;
        color: #FFFFFF !important;
    }

.standrd_rservwrap .daterangepicker .calendar td.active.start-date.available::before {
    background: transparent !important;
}
.standrd_rservwrap #MarkupTable_wrapper #EditFields .toggle .btn-primary:hover{
    border-color:#FFF !important;
}
.moreoption button.dropdown-toggle:focus {
    outline: none;
    border: 0 !important;
    box-shadow: none !important;
}
.loginDetailMain .dash-form-group,
.contentdata .dash-form-group {
    background: #FFFFFF;
    border: 1px solid var(--theme-border-light-clr);
    border-radius: 4px;
    padding: 7px 10px 5px;
    margin-bottom: 10px;
    position: relative;
}
    .loginDetailMain .dash-form-group label,
    .contentdata .dash-form-group label {
        padding-left: 0px;
        margin: 0;
    }
    .loginDetailMain .dash-form-group input,
    .contentdata .dash-form-group input {
        background: transparent;
        border: 0;
        font-weight: 600;
        padding: 0 !important;
        color: #000;
    }
    .loginDetailMain .dash-form-group input:focus,
    #MarkupTable_wrapper .dash-form-group input:focus {
        box-shadow: none !important;
    }
    .loginDetailMain .dash-form-group.form-disabled {
        background-color: #e9ecef;
    }
.loginDetailMain #financial #tblCurr tr th,
.contentdata #financial #tblCurr tr th {
    background-color: #fff !important;
    color: #000 !important;
    padding-top: 6px;
    padding-bottom: 6px;
    border: 1px solid #d7d3d7 !important;
}

    .loginDetailMain .table-wrap-scroll table{
        margin-top:10px;
    }
.loginDetailMain #financial #tblCurr tr td,
.contentdata #financial #tblCurr tr td{
    border: 1px solid #d7d3d7 !important;
}
        .loginDetailMain #financial #tblCurr tr td .form-control {
            padding-right: 15px !important;
        }
        .loginDetailMain #financial #tblCurr tr td#ChkAllowCreditId {
            text-align: center;
        }
.loginDetailMain .logDtlFldsts fieldset {
    position: initial
}
#MarkupTable_wrapper .dash-form-group{
    background: #FFFFFF;
    border: 1px solid var(--theme-border-light-clr);
    border-radius: 4px;
    padding: 7px 15px 5px;
    margin-bottom: 10px;
    position: relative;
}
.loginDetailMain .toggle.btn .btn {
    border: 1px solid #d7d3d7;
}
#EditFields .semi-bold {
    font-weight: 600;
}
#MarkupTable_wrapper .dash-form-group input {
    border: 0;
}
#MarkupTable_wrapper .dash-form-group .input-group-text {
    background: transparent;
    border: 0;
    padding: 0;
    display: grid;
}
#MarkupTable_wrapper .dataTable tbody tr:hover td .dash-form-group label {
    color: var(--theme-reg-color);
}
.subagentmainsec #Address .toggle-group .btn {
    align-items: center;
    display: flex;
    justify-content: center;
}
.dash-form-group.switch-toggle {
    min-height: 70px;
}
    .dash-form-group.switch-toggle .toggle.off .toggle-handle {
        background: #cecece;
        width: 20px;
        height: 20px;
        border-radius: 30px;
        position: absolute;
        left: 2px;
        top:2px;
        right: auto;
    }
    .dash-form-group.switch-toggle .toggle.off .toggle-group {
        left: 0;
    }
    .dash-form-group.switch-toggle .toggle-group {
        width: 100%;
    }

        .dash-form-group.switch-toggle .toggle-group .btn {
            background: transparent !important;
            border: 0 !important;
            font-size: 0;
            outline: 0;
        }
    .dash-form-group.switch-toggle .toggle.btn {
        height: 26px !important;
        min-height: 26px !important;
        border-radius: 30px;
        border: 1px solid #d7d3d7 !important;
        margin-top: 5px;
    }
.min-height-none{
    min-height:inherit !important;
}
.dash-form-group.switch-toggle .toggle-group .btn:active {
    transform: scale(1);
}
    .dash-form-group.switch-toggle .toggle.off .toggle-handle {
        background: #cecece !important;
    }
    .dash-form-group.switch-toggle .toggle .toggle-handle {
        background: #FFFFFF !important;
        width: 20px;
        height: 20px;
        padding:0;
        border-radius: 30px;
        position: absolute;
        left: auto;
        top: 2px;
        right: 2px;
    }
.moreoption .dropdown-menu {
    position: absolute;
    right: 0px !important;
    top: 100% !important;
    left: auto !important;
    transform: none !important;
}

.moreoption .dropdown-toggle,
.moreoption .dropdown-toggle:hover,
.moreoption .dropdown-toggle:focus,
.moreoption .dropdown-toggle:active {
    border: none !important;
    background: transparent !important;
    color: transparent !important;
    position: relative;
}

    .moreoption .dropdown-toggle span:before,
    .moreoption .dropdown-toggle span:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -2px;
        margin-left: -2px;
        width: 4px;
        background: #828282;
        height: 4px;
        pointer-events: none;
        border-radius: 6px;
    }

    .moreoption .dropdown-toggle span {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -2px;
        margin-left: -2px;
        width: 4px;
        background: #828282;
        height: 4px;
        pointer-events: none;
        border-radius: 6px;
    }

table tr:hover .moreoption .dropdown-toggle span,
table tr:hover .moreoption .dropdown-toggle span:before,
table tr:hover .moreoption .dropdown-toggle span:after {
    background: #ffffff;
}

.moreoption .dropdown-toggle span:before {
    margin-top: -10px;
}

.moreoption .dropdown-toggle span:after {
    margin-top: 6px;
}
.moreoption .dropdown-item:before, 
.standrd_rservwrap .stnt_tblrapscrol .dataTables_wrapper tbody tr .moreoption a.dropdown-item:before {
    border: 0px !important;
}
.dataTable td .moreoption a.dropdown-item {
    color: #252525 !important;
    border-radius: 0px !important;
    border: none !important;
    font-weight: bold;
}
td .min-height-none {
    min-height: inherit !important;
    height: 32px;
    vertical-align: middle;
    align-items: center;
}
td .min-height-none.dash-form-group.switch-toggle .toggle.btn {
    margin-top:0;
}
.boxdivboarder {
    border: 1px solid #d7d3d7;
    border-radius: 10px;
    margin-bottom: 12px;
    padding: 5px 15px;
}
#MarkupTable_wrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
    width: 60px;
}
#MarkupTable_wrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
    min-width: 66px;
}

.flightitemWrap .fl-arrow:before,
.flightitemWrap .fl-arrow:after {
    pointer-events: none;
    cursor:pointer;
}

.loginDetailMain .table-wrap .boxdivboarder{
    background:#fff;
}
.loginDetailMain .table-wrap .toggleLH1_2{
    display:flex;
    align-items:center;
}
.loginDetailMain .table-wrap .toggleLH1_2 .switch-toggle.bg-transparent{
    margin-bottom:0px;
}
.loginDetailMain .table-wrap .toggleLH1_2 .switch-toggle.bg-transparent .btn-default.off{
    margin-top:0px;
}
.loginDetailMain .table-wrap .innerconwrap #Address fieldset,
.loginDetailMain .table-wrap #Additional fieldset {
    box-shadow: none;
    border: 1px solid #d7d3d7;
}
.hotelItemWrappMain .main_box_pan_new .trav .travmain .detail-button.showdetailsonly {
    margin-right: 0 !important;
}

.main_box_pan_new .travmain.nocncldsn .tavelPrt5 {
    padding-right: 0 !important;
}
body #tblCurrtbody tr td#ChekboxId .Defaulterror {
    border: 1px solid red !important;
}
#divMyResults .main_box_pan_new .travmain.nocncldsn .booknowremove {
    min-width:170px;
}
#divMyResults .main_box_pan_new .travmain.nocncldsn .booknowremove + .tavelPrt8 {
    min-width:140px!important;
}
.main_box_pan_new .travmain.nocncldsn .tavelPrt5{
    text-align:end;
}
#divMyResults .main_box_pan .detail-button .mobicontxt.fa {
    display: none;
}
#tblCurrtbody tr #txtTerm2Id,
#tblCurrtbody tr #txtCurrId .twitter-typeahead {
    position: relative !important;
}
.showSweetAlert.sweet-alert .sa-confirm-button-container .confirm {
    background: var(--main-bg-color)!important;
    margin-top:10px;
    box-shadow:none!important;
}
.showSweetAlert.sweet-alert .sa-button-container button.cancel {
    color: #6c757d;
    border:1px solid #6c757d !important;
    margin-top: 10px;
    background: #fff !important;
}
.showSweetAlert.sweet-alert .sa-button-container button.cancel:hover {
    color: #fff!important;
    background-color: #6c757d!important;
    border-color: #6c757d;
}
.showSweetAlert.sweet-alert h2{
    font-size:20px;
    line-height:1.5;
}
#AgencyDetails .form-field-sec .dfgwrap .dash-form-group .twitter-typeahead,
#AdminDetails .form-field-sec .dfgwrap .dash-form-group .twitter-typeahead {
    position: relative !important;
}
#Address .pyscl_div .dash-form-group .twitter-typeahead .tt-dropdown-menu{
    max-height:220px;
}
.mainHeader .navbar .nav-tabs .nav-link,
.mainHeader .arrow-angle-toggle > .nav-item,
.mainHeader .arrow-angle-toggle > .nav-link {
    font-weight: 600;
}

.hotelItemWrappMain .main_box_pan .hot_hotel-body p {
    color: #25282a !important;
}
.more-item-show .morelilist li a{
    font-weight:600;
}

#tblCurrtbody .twitter-typeahead:after,
#AdminDetails .twitter-typeahead:after,
#AgencyDetails .twitter-typeahead:after {
    position: absolute;
    content: "";
    background-image: url('../images/icon-suggestion-dark.png');
    top: 8px;
    right: 10px;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.5;
    pointer-events: none;
}

.tour_searchtrnsfer .searchtransfer .form-control {
    padding: 0 28px !important;
    color: #000;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    border: none !important;
    margin-left:0px;
}
    .tour_searchtrnsfer .searchtransfer .form-control:focus {
        box-shadow: none !important;
    }
.tour_searchtrnsfer .input-group-prepend {
    position: absolute;
    left: 0;
    right: auto;
    display: grid;
    width: 30px;
    z-index: 1;
}
.tour_searchtrnsfer .searchtransfer .transferuiauto ul{
    position: absolute;
    top: 35px;
    left: 0px;
    font-size: 14px;
    text-align: left;
    background: #fff;
    min-width: 320px;
    max-width: 320px;
    width: auto;
    border-radius: 0;
    padding: 7px;
    z-index: 999;
    box-shadow: 0 2px 4px 0 rgba(5,47,95,.04), 0 12px 16px 0 rgba(52,105,203,.12);
    border: 1px solid var(--theme-border-light-clr);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    overflow:auto;
    max-height:200px;
}

        .tour_searchtrnsfer .searchtransfer .transferuiauto ul li {
            line-height: 28px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            cursor: pointer;
            user-select: none;
            position: relative;
            padding-left: 5px;
        }
            .tour_searchtrnsfer .searchtransfer .transferuiauto ul li a {
                font-size: 14px !important;
                line-height: 32px;
                font-weight: 500;
                color: var(--theme-reg-color) !important;
            }

.BoxDiv-heading .cityimagupload.userimgblank:hover .avatar-upload .avatar-edit {
opacity:0!important;
transition:none;
}
.iEditSquare-img-edit .iEditSquare-img-edit-cancel {
    background: #898989;
}
.ProfileImg .cityimagupload.userimgblank .avatar-upload .avatar-edit input + label {
    background: transparent !IMPORTANT;
    box-shadow: none;
    height: 46px !important;
    width: 46px !important;
}
.pkgItemBig .uc-kstm-wrap .tags-list i.signia {
    position: relative;
    height: 23px;
    margin-left: 0 !important;
}
.pkgItemBig .uc-kstm-wrap .tags-list{
    display:flex;
    gap:10px;

}
    .pkgItemBig .uc-kstm-wrap .tags-list a {
        display: flex;
        margin-left: 0 !important;
        align-items: center;
    }
    .pkgItemBig .uc-kstm-wrap .tags-list i.signia.signia-briefcase::before {
        margin-left: 0px !important;
        width: 23px;
        height: 23px;
        background-size: 23px;
    }
    .pkgItemBig .uc-kstm-wrap .tags-list i.signia.signia-briefcase{
        margin-left:0;
    }
    .pkgItemBig .uc-kstm-wrap .tags-list a .signia-briefcase:before {
        left: 0;
        top: 0;
    }
.fl-cruise-item.fl-transfer-item.fl-is-open .fl-accordion-toggle {
    background: rgba(102, 193, 195, .6);
}
.cart_box.cart_boxc.seablueback {
    background: rgba(102, 193, 195, .38);
}
.seablueback img.cart_hotel_img {
    min-height: inherit;
}

/* Cancellation policy css */
.ahotel-item .can-policy strong {
    display: block;
    position: relative;
    color: #898989;
    min-width: 120px;
    margin-top: 3px;
    text-align: left;
    z-index: 2;
    padding-left: 7px;
}

.ahotel-item .can-policy .image_result {
    margin-top: 0 !important;
    position: absolute;
    left: 0;
    top: 4px !important;
    margin-left: 0;
}
.transferPagewrapper .ahotel-item .can-policy .image_result {
    top: 6px !important;
}

.ahotel-item .can-policy span:first-of-type {
    margin-top: 0px;
}

#divExcursionList .can-policy span {
    float: none !important;
    left: 0px !important;
}

#divExcursionList .cpolicy_hotela:hover .CANPOlicyFLoat {
    display: block;
}

#divExcursionList .cpolicy_hotela {
    margin-bottom: 8px !important;
}

    #divExcursionList .cpolicy_hotela * {
        pointer-events: none !important;
    }
.transferPagewrapper .can-policy span {
    min-height:33px;
}
@media(max-width:1200px){
    .can-policy span {
        font-size:11px!important;
    }
}

.starsuserrating {
    display: inline-flex;
    align-items: center;
    position: relative;
    color: #71ae5a;
}
.changetrans a i {
    font-size: 21px;
}

.starsuserrating .rslttsr {
    margin-left: 5px !important;
}

.starsuserrating .rslttsr * {
  text-decoration: none !important;
  padding-right: 3px !important;
}
#myModalPopupLabelAdd {
    font-size: 14px;
    font-weight: 400;
    color: #9c9fa1;
}
#PNRMain .infoul li {
    margin-bottom: 6px;
}
    #PNRMain .infoul li:last-child {
        margin-bottom: 0px;
    }
    .mapbtmwrap span.exchanged-price:empty {
        display: none;
    }
/*.flightwrap.intlntsnlitem .fitemdtl {
           padding:10px !important;
      
}
*/
.main_box_pan_new .trav1-two.ln30 {
    grid-column-gap: 10px !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    justify-items: right !important;
    justify-content: space-between;
}


/* CSS Written on 25-10-2024 by Kapil for Tablet version and common quick fixes*/
body .navbar-brand {
    width: 250px !important;
}

body .hotelItemWrappMain .b2bview-more a, body .hotelItemWrappMain .b2bview-more a i {
    color: var(--main-bg-color) !important;
}

@media only screen and (min-width: 768px) and (max-width:1199px) {

    .mainHeader .nav.nav-tabs > li > a {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .htlpagewrapper .htlRslt .fltrWrap, .htlpagewrapper .listview .main_box_pan {
        margin-bottom: 10px !important;
    }

    #fixed-bar_hotel_Compare #fixed-bar-deselect-all-button,
    #fixed-bar_hotel_Compare .compare-button {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .htlpagewrapper .sidebar.htlRslt {
        padding-right: 5px !important;
    }

    .htlpagewrapper .hotel-item-wrap {
        padding-left: 5px !important;
    }

    body .sortBoxCustom .sort-list li {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .hotelItemWrappMain .sort-box {
        padding-bottom: 10px !important;
    }
}

body .hotelItemWrappMain .b2bview-more a.visible {
    border: 1px solid var(--theme-border-light-clr) !important;
    padding: 7px 10px !important;
    display: inline-block;
    height: auto !important;
    /* min-height: 50px !important; */
    border-radius: 4px !important;
    margin: 10px !important;
}

body .hotelItemWrappMain .b2bview-more {
    height: auto !important;
}

@media only screen and (min-width: 768px) and (max-width:992px) {
    .main_box_pan .hot_hotel-image .img {
        min-height: 110px !important;
        max-height: 110px !important;
        width: 100px !important;
    }

    body .hotelItemWrappMain .b2bview-more a.visible {
        margin: 0px !important;
    }

    body .hotelItemWrappMain .b2bview-more a, body .hotelItemWrappMain .b2bview-more a i {
        padding: 0px !important;
    }

    .main_box_pan .hot_hotel-image img {
        height: 110px !important;
    }

    .main_box_pan .hot_hotel-item > div.hot_hotel-image {
        position: absolute !important;
        min-height: 120px !important;
        width: 100px !important;
        top: 10px !important;
        left: 10px !important;
    }

    .main_box_pan .hot_hotel-item > div.hot_hotel-body > .b2brht-topbx,
    .main_box_pan .hot_hotel-item > div.hot_hotel-body > .full-width {
        padding-left: 120px !important;
    }

    /*        body .htlpagewrapper .htlRslt .fltrWrap {
            overflow: initial !important;
        }*/

    body .hotelItemWrappMain .b2bview-more a, body .hotelItemWrappMain .b2bview-more a i {
        color: var(--main-bg-color) !important;
    }

    .htlpagewrapper .listview .hot_hotel-item {
        display: block !important;
    }

    .htlpagewrapper .hotel-item-wrap {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }

    .htlpagewrapper .sidebar.htlRslt {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 40% !important;
        flex: 0 0 40% !important;
        max-width: 40% !important;
    }

    .htlpagewrapper .hotel-item-wrap {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 60% !important;
        flex: 0 0 60% !important;
        max-width: 60% !important;
    }

    .main_box_pan .hot_hotel-image .img {
        overflow: hidden;
        border-radius: 10px !important;
    }

    .main_box_pan .hot_hotel-item > div.hot_hotel-body {
        position: relative !important;
        padding-top: 10px !important;
    }

    body .hotelItemWrappMain .b2bctrbx1 > span#htladd {
        display: block !important;
        white-space: normal !important;
    }

    .hotelItemWrappMain .b2bctrbx1 > span#htladd * {
        display: inline !important;
    }

    .main_box_pan .compare {
        margin-top: -11px !important;
        padding-right: 7px !important;
    }

    body .sidebar.htlRslt .fltrWrap {
        z-index: 5 !important;
    }

    /*        .sidebar .fltrWrapInner {
            overflow-y: initial !important;
            overflow-x: initial !important;
            min-height: 100%;
            max-height: auto !important;
        }*/

    .hotelItemWrappMain .travmain.nocncldsn .trav1-two {
        position: relative !important;
    }

    .main_box_pan .b2bctrbx1 {
        position: initial !important;
    }

    .main_box_pan .hotlheadig {
        padding-right: 10px;
    }

    .main_box_pan .b2bctrbx1 .comparewrap .comparison-add {
        padding-top: 8px;
    }

    body .hotelItemWrappMain .b2bctrbx1 > span#htladd {
        padding-right: 25px !important;
        position: relative !important;
    }

        body .hotelItemWrappMain .b2bctrbx1 > span#htladd .hotelmap_icon {
            position: absolute;
            right: 0px;
            top: 10px;
        }

    body #back-to-top.show,
    .htlRslt.sidebar .fltrClose {
        display: none !important;
    }

    .main_box_pan .b2bctrbx1 .comparewrap .like-icon {
        position: absolute;
        top: 20px;
        left: -110px;
        bottom: auto;
        right: auto;
        z-index: 4;
    }

    .main_box_pan .b2bctrbx1 .comparewrap .comparison-add
    body .hotelItemWrappMain .travmain.nocncldsn .trav1-two {
        position: relative !important;
    }

    .trav .travmain.nocncldsn .tavelPrt3 {
        position: absolute !important;
        right: 0px !important;
        top: 5px !important;
    }

    .hot_hotel-body .b2bcontantbox {
        padding-top: 0px !important;
    }

    .hotelItemWrappMain .trav .travmain.nocncldsn {
        border-top: 1px solid #ddd !important;
    }

    .main_box_pan .b2bhtl-icons1, .rentalitem .b2bhtl-icons1 {
        border-top: none !important;
        border-bottom: none !important;
        padding-bottom: 0px !important;
        margin-top: 0px !important;
    }

    .main_box_pan .b2bhtl-iconslft1 ul li, .main_box_pan .b2bhtl-iconsrht1 ul li {
        margin-bottom: 0px !important;
    }

    .htlRslt.sidebar .fltrWrapInner {
        display: block !important;
    }



    body .sortBoxCustom .sort-list .navDownArrow {
        top: 2px;
    }

    .sortBoxCustom.sort-box .sort-list, .sortBoxCustom.sort-box .sort-list .hidden-sm,
    .fltrWrap .mobilesortfilters {
        display: none !important;
    }

        .sortBoxCustom.sort-box .sort-list.sort-list-map {
            display: block !important;
            margin-top: 0px !important;
        }

    body .page-wrap.htlpagewrapper {
        padding-top: 10px !important;
        min-height: 1620px !important;
    }

    .sort-box.sortBoxCustom {
        opacity: 1 !important;
        position: relative !important;
        top: auto !important;
        left: auto !important;
        margin-bottom: 10px !important;
        right: auto !important;
        padding: 10px 0px 0px 15px !important;
        transition: none !important;
        z-index: 5;
        background: #fff;
        bottom: auto !important;
        overflow: initial !important;
        min-height: 2px !important;
    }
}

@media only screen and (min-width: 993px) and (max-width:1199px) {

    .hotelItemWrappMain .b2bview-more a, .hotelItemWrappMain .b2bview-more a i {
        padding: 0px !important;
        color: var(--main-bg-color) !important;
    }

    body .mainHeader .nav.nav-tabs > li > a {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    body .hotelItemWrappMain .trav .travmain.nocncldsn {
        display: grid !important;
        grid-template-columns: 25% 20% auto !important;
    }

    body .main_box_pan_new .travmain.nocncldsn .tavelPrt5 {
        text-align: end !important;
        padding-right: 5px !important;
    }

    body .main_box_pan_new .travmain .donebox {
        min-width: 75px !important;
        width: auto !important;
    }

    body .hotelItemWrappMain .main_box_pan_new .trav1-two.ln30 {
        margin-top: 0px !important;
    }

    body .hotelItemWrappMain .trav .travmain.nocncldsn > * {
        width: 100% !important;
    }

    body .main_box_pan_new .trav .travmain .tavelPrt8 {
        min-width: 200px !important;
    }
}

@media(max-width:600px) {
    body .navbar-brand {
        width: 180px !important;
    }
}

.RefreshPrice .trav1-three .donebox[d-type="Book"],
.RefreshPrice .trav1-three .tavelPrt6,
.RefreshPrice .trav1-two > *,
.OnlyViewPrice .trav1-three .donebox[d-type="Book"],
.OnlyViewPrice .trav1-three .tavelPrt6,
.OnlyViewPrice .trav1-two > *,
.PriceDetailNotAvailable .trav1-three .detail-button,
.PriceDetailNotAvailable .trav1-three .tavelPrt8 > div {
    visibility: hidden !important;
}

.OnRequest .trav1-one, .OnlyViewPrice .trav1-two {
    background: #dadada;
    position: relative;
}

    .OnRequest .trav1-one:before {
        content: "On Request";
        position: absolute;
        right: 10px;
        bottom: 7px;
        color: #b66672 !important;
    }
    .OnlyViewPrice .trav1-two:before {
        content: "Price Starting From";
        position: absolute;
        left: 5px;
        top: 7px;
        color: #363636 !important;
        text-transform: uppercase;
        font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
        font-weight: bold;
        padding-left: 7px;
    }
.RefreshPrice .trav1-three {
    position: relative !important;
}
.RefreshPrice .trav1-three:before {
    content: "Check Price";
    position: absolute;
    right: 7px;
    color: #363636 !important;
    text-transform: uppercase;
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    font-weight: bold;
    padding-left: 7px;
    display: flex;
    justify-content:end;
    align-items:center;
}
.RefreshPrice.changeHotelTrav .tavelPrt5 {
    text-align:center !important;
}

.OnRequest .trav1-one,
.OnlyViewPrice .trav1-one {
    height: 44px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
}
.OnlyViewPrice .trav1-two {
    height: 44px;
    
}
