body, .pass_form .label_txt {
    color: #000;
    accent-color: var(--maincolor);
}

.green {
    color: #08a170
}

.cl_grey {
    color: #666;
}

.cl_lgrey {
    color: #666;
}
.cl_lgrey2 {
    color: #999;
}

.cl_dgrey {
    color: #666;
}


.bg_grey {
    background: #eff0f2;
}
.dark100{color: #333333;}
.alert-red {
    background-color: #dc3545;
    color: #fff;
}

.error_msg {
    color: red;
}

.blacktext {
    color: #000 !important;
}

.fil_remove:hover {
    color: #d80000;
}

.error {
    border: 1px solid red !important;
}

.emergencytext, .rightdoor, .leftdoor {
    background: red;
}

.error {
    font-size: 11px;
    color: red;
}

a, .link {
    color: var(--gray100);
}

    a:hover, .link:hover {
        color: var(--maincolor)
    }

.listicon, .listicon2 {
    stroke: #4d4d4d;
}

body, main {
    background: #f1f1f1;
}

.loginbox {
    background: #fff;
}

.nrmlinpt {
    border: 1px solid #e9e9e9;
}

.searchinpt {
    border-bottom: 2px solid #e9e9e9;
}

.facebookbtn {
    background: #345cad;
    color: #fff;
}

    .facebookbtn i {
        border-right: 1px solid #1e4490;
    }

.googlebtn {
    background: #dd4b39;
    color: #fff;
}

    .googlebtn i {
        border-right: 1px solid #b03b2d;
    }

    .facebookbtn:hover, .googlebtn:hover {
        color: #fff;
    }

.iconbox {
    background: #f4f4f4;
    color: #c3c3c3;
}

.form_lbl {
    color: #666;
}

.frombox_share label {
    color: #666;
}

.mainclr {
    color: var(--altcolor);
}

.listcityname {
    color: #000;
}

    .listcityname small {
        color: #666;
    }

.altclr {
    color: var(--maincolor);
}

.altclrbg {
    background: var(--altcolor) !important;
}

.svgfill {
    fill: var(--maincolor);
}

.mobprice {
    background: var(--maincolorbg);
    color: var(--maincolortxt);
}

.currencyLink:hover, .cultureLink:hover {
    color: #fff;
    background-color: var(--maincolorbg);
}

.mainbadge.active {
    border: 1px solid var(--maincolorbg);
    color: var(--maincolorbg);
}

/*new index page css*/
.bar {
    background: var(--maincolorbg);
}

.main-nav li a {
    color: #fff;
}

    .main-nav li a .topnavicon {
        stroke: #fff;
    }

    .main-nav li a.active {
        color: var(--maincolor);
        background: var(--whitebg)
    }

        .main-nav li a.active:after {
            color: var(--maincolortxt);
            background: var(--maincolorbg);
        }

        .main-nav li a.active .topnavicon {
            stroke: var(--maincolorbg);
        }

.trending-box {
    background: var(--altcolor);
}

.recomonded-result {
    background: var(--recommendedbg);
    /*    background: linear-gradient(180deg, var(--recommendedbgmain) 0%, var(--recommendedbg) 100%), #E6E4E2;*/
}

.recomonded-txt {
    color: var(--recommendedtxt);
}

.trending-box {
    color: var(--maincolortxt);
}

    .trending-box p,
    .featureHotelDiv p {
        opacity: .7
    }

.owl-dot.active span {
    background: #fff;
}

.usernav li:hover a {
    color: var(--altcolor)
}

.main-nav .nav-link:focus, .main-nav .nav-link:hover {
    background: var(--maincolorbg);
    color: var(--maincolortxt);
}


.usernav li:hover a {
    color: var(--altcolor)
}

/*--------------*/
.ghost-heading {
    color: #fff;
}

.lds-ring div {
    border: 8px solid var(--maincolor);
    border-color: var(--maincolor) transparent transparent transparent;
}

.searchicon, .selecticon {
    color: #c3c3c3;
}

.pass_form {
    background: #fff;
    /*border-top: 1px solid #dbdbdb;*/
}

    .pass_form:before {
        border-bottom: 13px solid #dbdbdb;
    }

    .pass_form:after {
        border-bottom: 12px solid #fff;
    }

.searchtab.active, .searchtab:hover {
    color: #000 !important;
    background: #fff;
    border: 1px solid #e9e9e9;
}

.searchtab.active {
    border-bottom: 0;
}


/*.filter_bx label span {
    color: var(--maincolor);
}*/

.filter_bx label a {
    color: var(--maincolor);
}

.search_form {
    background: #fff;
}

.greytext, .greylink {
    color: #666;
}

.searchicon, .selecticon {
    color: #c3c3c3;
}

.searchinpt {
    border-bottom: 2px solid #e9e9e9;
}

.form_control {
    border: 1px solid #cacaca;
    background: #fff;
    box-shadow: inset 0px 1px 2px rgba(10,10,10,0.1);
}

select.form_control {
    background: #fff url(../images/FireFly/selecticon.png) no-repeat 98% center;
}

input[type='range']::-webkit-slider-runnable-track {
    background: #c2c2c2;
}

.searchinpt select option:hover, .searchinpt select option:focus {
    background: var(--btnhover);
    color: var(--altcolortext);
}


.star-rating.selected {
    color: var(--maincolortxt);
    background: var(--maincolorbg)
}

.star-rating span {
    background: var(--maincolorbg);
    color: var(--maincolortxt);
}

.circle_rating {
    background: #589441;
}

    .circle_rating.full:before {
        background: #589441;
        border: 1px solid #fff;
    }

    .circle_rating.half:before {
        background: #579240;
        border: 1px solid #fff;
    }

    .circle_rating.half:after {
        background: #fff;
        border: 1px solid #fff;
    }

.sortlist li:hover {
    color: var(--maincolor)
}

.ta_rating {
    background: #34e0a1;
    color: #000000;
}

    .ta_rating .fa {
        color: #000;
    }

.conticon {
    background: #fff;
    color: #333;
}

.actionlink {
    color: #fff;
}

    .actionlink:hover {
        color: #f7f7f7;
    }

.mycheck input[type="checkbox"] + label:before {
    border: 1px solid #b0b0b0;
    background-color: #f8f8f8;
}

.modifybox {
    background: #fff; /*box-shadow: 2px 2px 6px #c6c6c6;*/
}

.sortby_ul li {
    background: #fafafb;
}

.fil_field {
    border: 1px solid #e9e9e9;
}

.paxcountlbl {
    color: #888;
}

.fil_input {
    background: #fff;
    border: 1px solid #e0e0e0;
}

.fil_field1 .fa {
    color: #000;
}

.loc_input {
    background: #fff;
}

.rd_bx .fa {
    color: #818181;
}

.user_rating span {
    border: 1px solid #d7d7d7;
}

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

.fav_add {
    color: #bab6b6;
}

.box_aside {
    background: #fff;
    border: 1px solid #e0e0e0;
}

.rating_star .fa {
    color: #cacaca;
}

    .rating_star .fa.active, .rstar .fa.active, .hotelname > .fa-star {
        color: #FFA903;
    }

.pack_rht {
    border-left: 1px solid #e0e0e0;
}

.price_dtl .fa {
    color: #7f7f7f;
}

.typecount {
    background: var(--maincolorbg);
    color: var(--maincolortxt)
}

.vcenter.mycheck input[type="checkbox"]:checked + label .svgicon {
    fill: var(--maincolorbg)
}

.vcenter.mycheck input[type="checkbox"]:checked + label span {
    color: var(--maincolorbg);
}

.filteroption i {
    color: #666;
}

.filteroption.active i {
    color: var(--maincolorbg);
}

/*.ul_col {
    border-left: 1px solid #c5c5c5;
}*/
.onoffcheck label {
    background: #e8e1e1;
    border: 1px solid #c6c6c6;
}

    .onoffcheck label:after {
        background: #b6b6b6;
    }

.hotelroompop {
    background: #fff;
    border: 1px solid #e9e9e9;
    box-shadow: 2px 2px 3px #c6c6c6;
}

.conticon {
    background: #fff;
    color: #333;
}

.actionlink {
    color: #fff;
}

    .actionlink:hover {
        color: #f7f7f7;
    }

.bgwhite {
    background: #fff;
}

.htlheader {
    background: #f2f2f2;
}

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

.htldtlrow {
    border: 1px solid #e9e9e9;
}

.paxselect {
    border: 1px solid #e0e0e0;
    background: #fafafb;
}

.vehicletype {
    color: #666;
}

    .vehicletype b {
        color: #000;
    }

.grey_head {
    background: #f7f7f7;
}

.right_bx {
    background: #fbfbfb;
    border: 1px solid #dcdcdc;
}

.bortab {
    border-bottom: 1px solid #efefef;
}

.message_bx {
    border: 1px solid #eee;
    background: #fbfbfb;
}

.ul_table {
    list-style: none;
    background: #fff;
}

    .ul_table li {
        border-right: 1px solid #eeeff1;
    }

.booking_bx {
    border: 1px solid #e1e1e1;
}

.pack_inner {
    border: 1px solid #e0e0e0;
}

.voc_download {
    border-bottom: 1px solid #e0e0e0;
}

    .voc_download .col-6 {
        border-right: 1px solid #e0e0e0;
    }

.pd_head {
    background: #f4f4f4;
}

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

.greybg {
    background: rgba(0, 0, 0, 0.7);
}

.bgwhitetp {
    background: rgba(255, 255, 255, 0.7);
}

.nav-tabs .nav-link {
    background: #fff;
    border: 1px solid #c3c3c3;
}

.nav-tabs.r_tab .nav-link {
    color: #333;
    background-color: rgba(255, 255, 255, 0.8);
}

    .nav-tabs.r_tab .nav-link.active {
        background-color: #fff;
    }

.nav-tabs.room_tab .nav-link {
    color: #333;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #f2f2f2;
}

.nav-tabs .nav-link.active {
    color: var(--btnhover);
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    background: var(--maincolorbg);
    color: var(--maincolortxt);
}

.nav-tabs .nav-link.active {
    border: 1px solid #f2f2f2;
    border-bottom: none;
}

.nochtabs .nav-link {
    background: transparent;
}

    .nochtabs .nav-link.active {
        background-color: var(--maincolorbg);
        color: var(--maincolortxt);
    }

        .nochtabs .nav-link.active:after {
            border-color: var(--maincolorbg) transparent transparent transparent;
        }

#historyHotel .nav-item .nav-link {
    background: transparent;
    color: #000;
    border: none;
}

    #historyHotel .nav-item .nav-link.active {
        color: var(--maincolor);
        border-bottom: 3px solid var(--maincolor);
    }

#historyHotel {
    border-bottom: 2px solid #c6c6c6;
}




/*.nav-tabs.room_tab .nav-link.active {background-color: #f2f2f2; }*/
.morebtn:before {
    border-top: #fff 26px solid;
}

.morebtn:after {
    border-top: #fff 26px solid;
}

.roombg {
    background-color: #fff;
    border: 1px solid #e3e3e3;
}

.row_hed_bg {
    background-color: #f9f7d5;
}

.subhedinglink {
    background: #f1f1f1;
}

.Tcheckmark {
    background-color: #fff;
    border: #ccc solid 1px;
}

.TcheckBx:hover input ~ .Tcheckmark {
    background-color: #fff;
}

.btn_grey {
    background: #f7f7f7;
    border: 1px solid #eaeaea;
}


.disabled_btn .btn_small {
    background: #f2f2f2;
    border-color: #f2f2f2;
    color: silver;
}

.disabled_btn .copy_icon {
    color: #f2f2f2;
}

.disabledBtn {
    opacity: 0.6;
    pointer-events: none;
}

.btn2 {
    background: var(--lightmain);
    color: var(--maincolor)
}

.searchedhotel:hover {
    border-color: var(--maincolor);
}

.ulbx_rht {
    border-left: 1px solid #c5c5c5;
    color: #585754;
}

.dbutton, .dbutton:hover {
    background: #f2f2f2;
    color: #9a9a9a;
    border-color: #f2f2f2;
}

.flight_bx {
    background: #fff;
}

    .flight_bx li:last-child {
        border-left: 1px solid #f2f2f2;
    }

.loyaltytext {
    background: #e0e0e0;
    color: var(--maincolorbg);
}

.hotel_bx {
    background: #fff;
}

    .hotel_bx li {
        border-right: 1px solid #f2f2f2;
    }


.edit_form {
    background: #fff;
}

.box_selected {
    background: #fffeef;
}

.border_box {
    border: 1px solid #ddd;
}

.rstar {
    color: #cacaca;
}

.grey_table {
    background: #f6f6f6;
    border-color: #fff;
}

    .grey_table.table-bordered td, .grey_table.table-bordered th {
        border-color: #fff;
    }

.pay_details {
    background: #fff;
}

.totalamt {
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
}

.promo_code input {
    border: 1px solid #e9e9e9;
}

.finfo_pax {
    background: #f5f5f5;
}

.ftxts {
    color: #646464;
}

.fduraion {
    color: #646464;
}

.baggage_txt {
    color: #666;
}

.bg_border {
    background: #f2f2f2;
}

.popheading {
    background: #e6e6e6;
    color: #000;
    border-bottom: 1px solid #b6b6b6;
}

.farepopup {
    background: #fff;
    border: 1px solid #e6e6e6;
    box-shadow: 2px 3px 4px #e6e6e6;
}

.faresector + .faresector {
    border-top: 1px solid #e9e9e9;
}

.chco_date {
    color: #444;
}

.con_dtl a {
    color: #000;
}

.ghead {
    background: #f8f8f8;
}

.mid_label {
    border: 1px solid #e2e2e2;
    box-shadow: 0 7px 6px #f1f1f1;
}

.label_info {
    background: #f0f0f0;
}

.bor_lr {
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
}

.searchtab-content .edit_field {
    border-bottom: 2px solid #e9e9e9;
}

.searchtab-content .edit_input .fa-chevron-down {
    color: #c3c3c3;
}

.stops_ul li {
    background: #eee;
}

.fpack_details {
    border: 1px solid #e0e0e0;
    background: #fff;
}

.fpack_rht {
    border-left: 1px solid #e0e0e0
}

.fpack_details.selected {
    background: #fffdf6;
    border-color: #f2de98;
}

.fs_info {
    background: #fff;
}

.stable_inner {
    border: 1px solid #eceff2;
}

.fil_badge span {
    border: 1px solid #e0e0e0;
}

.fil_remove {
    color: #000;
}

.flgtrow h1 {
    background: #e7e7e7;
    color: #000;
}

.flgtrow h2 {
    background: #e7e7e7;
}

.leftwing {
    border-right: 2px solid #bdbdbe;
}

.rightwing {
    border-left: 2px solid #bdbdbe;
}

.seatrobox {
    background: #666;
    color: #fff;
}

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

.windowrow .leftwing {
    background: linear-gradient(90deg, #ffffff, #fcb040);
}

.windowrow .rightwing {
    background: linear-gradient(90deg, #fcb040, #ffffff);
}

.amergencydoor {
    color: #fff;
    background: #fff;
}

.seatrow {
    background: #fff;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
}

   /* .seatrow li, .seathint {
        border: 1px solid #c4c4c4;
        background: #fff;
    }*/

        /*.seatrow li span, .seathint span {
            background: #f7f7f7 none repeat scroll 0 0;
            border: 1px solid #c5c5c5;
        }*/

        .seatrow li.poor, .quitezone {
            background: #F4D4FC;
        }

            .seatrow li.poor span, .quitezone span {
                background: #DD7FF4;
                border: 1px solid transparent;
                color: #fff;
            }

        /*.seatrow li.good, .hintgood {
            background: #68bd56;
        }

            .seatrow li.good span, .hintgood span {
                background: #509c44;
                border: 1px solid transparent;
                color: #fff;
            }

        .seatrow li.drawback, .hintdrawback {
            background: #f1f160;
        }

            .seatrow li.drawback span, .hintdrawback span {
                background: #c4c14e;
                border: 1px solid transparent;
                color: #fff;
            }*/

        /*.seatrow li.booked, .hintbooked {
            background: #eaebed;
        }*/

            /*.seatrow li.booked span, .hintbooked span {
                background: #bfbdbe;
                border: 1px solid transparent;
            }*/

        /*.seatrow li.selected, .hintselected {
            background: #ffd18f;
        }*/

.listicon {
    stroke: #4d4d4d;
}

.searchlisticon {
    stroke: #4D4D4D
}

.seatrowdtl {
    background: #fff;
    border: 1px solid #e7e7e7;
}

.seathint i {
    background: #333;
}

.seatnumrow li {
    background: #444;
    color: #fff;
}

.hintbox {
    background: #fff;
    border: 1px solid #c7c7c7;
}

.hintrow {
    border: 1px solid #e7e7e7;
}

.hintseat {
    border-right: 1px solid #d7d7d7;
}

.seatrow.quitejone {
    background: #f4d4fc;
}

.bulkhead::after {
    border-top: 2px solid #000;
}

.popbg {
    background: rgba(0, 0, 0, 0.8);
}

.seatlayoutpop {
    background: #fff;
}

.seatlayoutbox {
    box-shadow: -1px 2px 3px #e7e7e7;
}

.seatinfobox {
    background: #f7f7f7;
}

.seatinfo {
    background: #f7f7f7;
    border: 1px solid #bfbdbe;
}

#topwing > span.leftwing::after {
    border-color: #fff transparent transparent #fff;
}

#bottomwing > span.leftwing::after {
    border-color: transparent #fff #fff transparent;
}

#topwing > span.rightwing::after {
    border-color: #fff #fff transparent transparent;
}

#bottomwing > span.rightwing::after {
    border-color: transparent transparent #fff #fff;
}

.editable_seat {
    background: #f4f4f4;
    border: 1px solid #ccc;
}

.flightfront {
    background: #f3f3f3 url(../images/flightfront.png) no-repeat center 32px;
    border-top: 2px solid #bdbdbe;
}

.flightback {
    background: #f3f3f3 url(../images/flightback.png) no-repeat center -7px;
    border-bottom: 2px solid #bdbdbe;
}

.editable_seat.seatactive {
    background: #dee4f6;
}

.editable_seatMap {
    min-height: 10px;
    background: #f4f4f4;
    border: 1px solid #ccc;
}

.bg_lgrey {
    background: #deecd6;
}

.sicon {
    background: #0497ca;
}

.oicon {
    background: #d51f26;
    color: #fff;
}

.bicon {
    background: #8e8e8e;
    color: #fff;
}

.chtable thead tr {
    background: #f8f8f8;
}

.chtable.table-bordered td, .chtable.table-bordered th {
    border-color: #eceff2;
}

.tpmAutocomplete li .subicon {
    background: url(/images/curve-arrow.png) no-repeat center 5px;
}

.flightdetailbox {
    background-color: #f4f4f4;
}

.layoverline {
    background-color: #e6e6e6;
}

.layovertext {
    background: #fff;
    color: #888;
}

.cancellationpopup {
    border: 1px solid #e6e6e6;
    box-shadow: 2px 3px 5px #e6e6e6;
    background: #fff;
}

.cancelheading {
    background: #f1f1f1;
}

.hnfound {
    background: #fff;
}

.tpmProgressBtn .tpmProgress {
    background: rgba(0, 0, 0, 0.3);
}

.plus, .minus {
    background-image: url(../images/FireFly/plus-minus.png);
    background-repeat: no-repeat;
}

.promolink {
    color: var(--maincolor);
}

.rightheading, .mainbg {
    background: var(--maincolorbg);
    color: var(--maincolortxt);
}

.dgreen {
    color: #08A170;
}

.cl_yellow, .cl_lgreen:hover {
    color: var(--maincolor);
}

.cl_lgreen {
    color: #32a953;
}

.textgreen {
    color: #029602;
}

a.cl_yellow:hover {
    color: #02420f;
}

.btn-bg {
    color: var(--maincolortxt);
    background-color: var(--maincolorbg) !important;
    border-color: var(--maincolor) !important;
}

.btn_green {
    background: #02a650;
    color: #fff;
    border-color: #02a650;
}

.btn_normal {
    border: 1px solid #c6c6c6;
}

.custbtn {
    border: 1px solid transparent!important;
    text-decoration: none;
    background: var(--maincolorbg)!important;
    background: var(--gradient)!important;
    color: var(--maincolortxt)!important;
}

.oddbtn {
    background: var(--maincolortxt);
    border: 1px solid var(--maincolorbg);
    text-decoration: none;
    color: var(--maincolorbg);
}

input {
    caret-color: var(--maincolor);
    caret-width: 3px;
}



    .custbtn:hover {
        /*border: 1px solid var(--btnhover)!important;*/
        color: var(--btnhovertext)!important;
        background: var(--gradient)!important;
    }

.oddbtn:hover {
    border: 1px solid var(--altcolor) !important;
    color: var(--btnhovertext) !important;
    background: var(--gradient) !important;
}

.greylink:hover {
    color: var(--btnhover);
}

.nrmlinpt:focus, .searchinpt:focus {
    border-color: var(--maincolor);
}

.mycheckbox label::before, .mycheckbox label::after {
    border-color: var(--maincolor);
}

.mycheckbox input[type="checkbox"]:focus + label::before, .myradiobox input[type="radio"]:focus + label:before {
    outline: var(--altcolor) auto 5px;
}

.myradiobox label::after {
    background: var(--maincolor);
}

.myradiobox input[type="radio"]:checked + label:before {
    border: 1px solid var(--maincolor);
}

.searchinpt:focus {
    border-color: var(--maincolor);
}

.inp_group .svg, .svgstroke {
    stroke: var(--maincolor)!important;
}
.grayicon{stroke:var(--gray100);}
a:hover .grayicon { stroke: var(--maincolor)!important;}

input[type='range']::-webkit-slider-thumb {
    background: var(--altcolor);
    border: 1px solid var(--altcolor);
}

.rating_bx_inner span {
    color: var(--altcolor);
}

.actionbox {
    background: var(--altcolor);
    color: #fff;
}

    .actionbox::after {
        border-color: transparent transparent transparent var(--altcolor);
    }

.topbtn {
    color: var(--maincolortxt);
    background: var(--maincolor);
    background: var(--gradient);
    filter: drop-shadow(1px 1px 6px #fff);
}

.price-tag.active {
    background: var(--maincolor);
    background: var(--gradient);
    color: var(--maincolortxt);
    box-shadow: none;
}

.pricemap {
    color: #FFA903;
}

.mapstaricon {
    fill: #FFA903;
}

.price-tag.active .mapstaricon {
    fill: #fff;
}

.price-tag.active .pricemap {
    color: #fff;
}



.mycheck input[type="checkbox"]:checked + label:after {
    color: var(--maincolor);
}

.fil_input a span {
    color: var(--altcolor);
}

.fil_field .fa {
    color: var(--altcolor);
}

.link_tab li {
    border-right: 1px solid var(--altcolor);
}

    .link_tab li a {
        color: var(--altcolor);
    }

        .link_tab li a:hover {
            color: #000;
        }


.searchbtn {
    background: var(--gradient);
    color: var(--maincolortxt);
    /*opacity: .5;*/
}

    .searchbtn:hover {
        color: var(--maincolortxt);
        opacity: 1;
        background: var(--btnhover);
    }

    .searchbtn.active {
        opacity: 1;
    }

.gradientbtn {
    background: var(--gradient);
}

.btn_yellow, .btn_green:hover:not(:disabled) {
    background: var(--maincolorbg);
    background: var(--gradient);
    color: var(--maincolortxt);
    border: transparent;
}


    .btn_yellow:hover:not(:disabled) {
        background: var(--maincolor);
        background: var(--gradient);
        color: var(--maincolortxtalt);
    }

.ul_col li .fa {
    color: var(--altcolor);
}

.onoffcheck input:checked + label {
    background: #f2f4f6;
    border: 1px solid var(--altcolor);
}

    .onoffcheck input:checked + label:after {
        background: var(--altcolor);
    }

.actionbox {
    background: var(--altcolorbg);
    color: var(--altcolortext);
}

    .actionbox::after {
        border-color: transparent transparent transparent var(--altcolor);
    }

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

.comp {
    color: var(--maincolor);
}

.newformicon {
    stroke: var(--maincolor);
}

.bwicon {
    stroke: #333;
}

.offertag {
    border: 1px solid #d9d9d9;
    background: var(--maincolortxt);
    color: var(--maincolorbg);
}

.pointtag {
    background: #fff;
    color: #666;
    border: 1px solid #d9d9d9;
}

.popsubheading {
    background: #f2f2f2;
    color: #000;
}

.htlnamefrstltr {
    background: var(--maincolorbg);
    color: var(--maincolortxt);
}

.hotelname {
    color: #000;
}

.htladdress address {
    color: var(--altcolor);
}

.userlikes {
    background: var(--altcolor);
    color: var(--altcolortext);
}

.user_count .fa {
    color: var(--altcolor);
}

.userlikes:before {
    border-color: transparent var(--altcolor) transparent transparent;
}

.ul_table li .fa {
    color: var(--maincolor);
}

.rb_edit {
    color: #02420f;
}

    .rb_edit:hover {
        color: var(--maincolor);
    }

.alert_congrats {
    border: 1px solid #2fd255;
    background: #e3ffe9;
    color: #035115;
}

    .alert_congrats a {
        color: #035115;
    }

.arrow_dw:before {
    border-top: var(--altcolor) 10px solid;
}

.arrow_up:before {
    border-left: var(--altcolor) 10px solid;
}

.tbo-primary {
    color: #000;
    border-color: var(--maincolor);
    background-color: var(--maincolor);
}

    .tbo-primary:hover, .tbo-primary:active {
        background: var(--maincolorbg);
        color: var(--maincolortxt);
    }

.fa-trophy {
    color: var(--maincolor);
}

.TcheckBx input:checked ~ .Tcheckmark {
    background-color: #f1f1f1;
    border: var(--altcolor) solid 1px;
}

.TcheckBx .Tcheckmark:after {
    border: solid var(--altcolor);
}

.edit_icon {
    color: #000;
}

    .edit_icon:hover {
        color: var(--maincolor);
    }

.btn_small {
    border: 1px solid #e9e9e9;
}

.roomSelectBtn, .paxpopInfoHeader {
    color: #999;
}

    .btn_small:hover, .btn_grey:hover, .roomSelectBtn:hover, .roomSelectBtn.selected {
        background: var(--maincolorbg);
        color: var(--maincolortxt);
    }

.copy_icon {
    color: var(--maincolor);
}

.loyaltyicon {
    fill: var(--maincolor);
}

.accordion_bx .btn-link {
    color: #000;
}

    .accordion_bx .btn-link .fa {
        color: var(--altcolor);
    }

.btn_blue {
    color: #fff;
    border-color: var(--altcolor);
    background-color: var(--altcolor);
}

.sr_wight .inp_group .fa {
    color: var(--altcolor);
}

.ulbx_rht .fa {
    color: var(--altcolor);
}

.sel_ul {
    color: #585754;
}

    .sel_ul .fa {
        background: #3bb54a;
        color: #fff;
    }

.bdeal_bx {
    background: #de0639;
    color: #fff;
}

.edit_room a {
    color: var(--altcolor);
}

.flight_bx .fa-plane, .hotel_bx .fa-bed {
    color: var(--altcolor);
}

.more_link {
    color: #000;
    border-bottom: 2px solid #888;
}

.btn_mod {
    background: var(--altcolortext);
    color: var(--altcolorbg);
}

    .btn_mod:hover {
        background: var(--maincolorbg);
        color: var(--maincolortxt);
    }

.da_txt .fa {
    color: var(--altcolor);
}

.ch_time a {
    color: var(--altcolor);
}

.nrmlink {
    color: var(--altcolor);
}

.fbook_lft {
    border-right: 1px solid #f2f2f2;
}

.price_total {
    color: var(--altcolor);
}

.left_editicon {
    color: var(--altcolor);
}

.edit_field {
    border: 1px solid #dbdbdb;
}

.filed_icon {
    color: var(--altcolor);
}

.cl_green {
    color: #0e9b3b;
}
/*.small_tab.nav-tabs .nav-link { color: #444; }*/
.link_bx a {
    color: var(--altcolor);
}

.small_tab.nav-tabs .nav-link.active {
    background: var(--btnhovertext);
    color: var(--btnhover);
}

.iconn_fil {
    font-size: 20px;
    color: var(--altcolor);
}

.iconclr {
    stroke: var(--maincolor);
}

.iconstroke {
    fill: var(--maincolor);
}

a.popclose-sm {
    color: var(--altcolor);
}

.dtable thead tr, .dtable tbody tr:nth-child(even) {
    background: #f8f8f8;
}

.dtable a {
    color: var(--altcolor);
}

    .dtable a:hover {
        color: var(--btnhover);
    }

.hotel_info h2 .fa {
    color: var(--altcolor);
}

.disc_ul li:before {
    background: var(--maincolor);
}

.con_dtl .fa {
    color: var(--altcolor);
}

.searchtab-content .edit_field:focus {
    border-color: var(--maincolor);
}

.stops_ul li.active {
    background: var(--altcolorbg);
    color: var(--altcolortext);
}

.pomocodeapplied {
    border: 1px dashed #02a650;
    background: #02a650;
    color: #fff;
}

.seatrow li.selected span, .hintselected span {
    background: var(--maincolor);
    border: 1px solid transparent;
}

.popclose {
    background: var(--btnhovertext);
    border: 3px solid #dee4f6;
    color: var(--btnhover);
}

    .popclose:hover {
        border-color: var(--maincolor);
    }

.seatinfobox h2 {
    background: #dee4f6 none repeat scroll 0 0;
    color: var(--altcolor);
}

.seatrowdtl b {
    color: var(--altcolor);
}

    .seatrowdtl b a {
        color: var(--altcolor);
    }

        .seatrowdtl b a:hover {
            color: var(--maincolor);
        }

.seatno {
    color: var(--maincolor);
}

.seatdetailsclick {
    background: var(--maincolor);
    color: var(--maincolortxtalt);
}

.editable_seat a {
    color: var(--maincolor);
}

.editable_seatMap a {
    color: var(--maincolor);
}

.editable_seatMap.seatactive {
    background: var(--maincolorbg);
    color: var(--maincolortxt);
}

.bg_dgreen {
    background: #548037;
}

.bg_lgreen {
    background: #8ecb51;
}

.cl_link {
    color: var(--altcolor);
}

.starColor {
    color: var(--maincolor);
}

.flightdetails {
    color: var(--altcolor);
}

/*------------footer css-------------*/
.main_footer {
    /*border-top: 4px solid #fff;*/
    box-shadow: 0 0 4px #c6b8b8;
}

.ft_links li a {
    color: var(--maincolor);
    display: inline-block;
}

    .ft_links li a:hover {
        text-decoration: underline;
        color: var(--maincoloralt);
    }

.copybox {
    background: var(--headclr);
}

.copylink, .copylink a {
    color: var(--maincolortxt);
}

.smbx {
    background: #ffffff;
    border: 1px solid #e0e0e0
}

    .smbx small {
        color: #797979;
    }

.mscity {
    border: 0;
}

.sficon {
    color: #7f7f7f;
}

.ui-widget.ui-widget-content {
    border: 0;
}

.ui-widget-header {
    background: var(--maincolorbg);
}


.farrow {
    background: #7b7d7f;
}


.border-top {
    border-top: 1px solid #ddd !important;
}


.rating_bx_inner.active {
    background: #5795f6;
}

    .rating_bx_inner.active span {
        color: #fff;
    }

.ullist li .fa {
    color: #5795f6;
}

.promobox {
    border: 1px dashed #cbcbcb;
}

.ssbx {
    background: #00b48a;
    color: #fff;
}

.modifySearchBtn {
    color: var(--altcolor);
}

.plusminusinput a, .plusminusinput button {
    background: var(--maincolorbg);
    color: var(--maincolortxt);
    opacity: .5
}

    .plusminusinput a.active {
        opacity: 1;
    }

.DeleteRoom {
    color: #1D1D1D;
}

.sortlist li.active:after {
    background: var(--maincolorbg);
    color: var(--maincolortxt)
}

.showfooter a {
    color: #666666
}

    .showfooter a .newformicon {
        stroke: #666;
    }

    .showfooter a.active {
        color: var(--maincolor);
    }

        .showfooter a.active > .newformicon {
            stroke: var(--maincolor);
        }

        .showfooter a.active small {
            color: #000;
            font-weight: 700;
        }

.linkMap {
    color: #000;
    line-height: 1px;
}

    .linkMap:hover {
        color: var(--maincolor);
        cursor:pointer;
    }

.roomselected {
    background-color: #fff5f9;
    border-inline-start: 2px solid var(--maincolor);
}

.msgsuccess {
    background-color: #ccedce;
    color: #2a4b2a;
}

.text-success {
    color: #08A170;
}

.msgerror {
    background-color: #ffbccf;
    color: var(--maincolor);
}

.cl_link {
    color: var(--maincolor);
}

#HotelroomTabs .nav-link {
    background-color: #dddddd;
    color: #888;
    border: 1px solid #dddddd;
}

    #HotelroomTabs .nav-link.active {
        background-color: var(--maincolortxt);
        color: var(--maincolorbg);
        border: 1px solid var(--maincolorbg);
    }

    #HotelroomTabs .nav-link.selected, .filterbtn.selected {
        background-color: var(--maincolorbg);
        background: var(--gradient);
        color: var(--maincolortxt);
        border: 1px solid var(--maincolorbg);
    }

        #HotelroomTabs .nav-link.selected svg {
            fill: var(--maincolortxt);
        }

.showDeal {
    background-color: var(--maincolortxt);
    color: var(--maincolorbg);
    border: 1px solid var(--maincolorbg);
}

    .showDeal:hover {
        color: var(--maincolortxt);
        background-color: var(--maincolorbg);
    }

    .showDeal::after, .showDeal::before {
        background-color: var(--maincolorbg);
    }

.hoteldetailprice {
    color: #000;
    background: #fff;
    border-top: 1px solid #DDDDDD;
}

    .hoteldetailprice small {
        color: #666;
    }

    .hoteldetailprice .btn_yellow:hover {
        opacity: .8;
        background-color: var(--maincolorbg);
        color: var(--maincolortxt);
    }

.ps-prev, .ps-next {
    background-color: var(--maincolorbg);
    opacity: .6;
}

    .ps-prev:hover, .ps-next:hover {
        opacity: 1;
    }

.ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid var(--maincolor);
    background: var(--maincolorbg);
    font-weight: normal;
    color: var(--maincolortxt);
}

.ui-state-active, .ui-widget-content .ui-state-active {
    background: #f1f1f1;
    color: #000;
    border-color: transparent;
}

.filtercount {
    background: var(--maincolortxt);
    color: var(--maincolorbg);
}

.filterbtn .filtericon {
    stroke: #000
}

.filterbtn.selected .filtericon, .custbtn .filtericon {
    stroke: var(--maincolortxt);
}

.rating_bx input[type="checkbox"] {
    background: var(--maincolortxt);
}

.star-rating.selected input[type="checkbox"]:checked + .rating_ibx:before {
    background: var(--maincolorbg);
    background: var(--gradient);;
    color: var(--maincolortxt);
}

.paxpopGuestInfo {
    color: #4d4d4d;
}

/*Mybookings section*/
.bookingconf {
    background-color: #40C0EB;
    color: #fff;
}

    .bookingconf:hover {
        background-color: #40C0EB;
        color: #fff;
    }

.bookingcancel {
    background-color: #E23636;
    color: #fff;
}

    .bookingcancel:hover {
        background-color: #E23636;
        color: #fff;
    }

.bookingcomplete {
    background-color: #59B2A1;
    color: #fff;
}

    .bookingcomplete:hover {
        background-color: #59B2A1;
        color: #fff;
    }

.bigcheck label::after {
    background: var(--maincolorbg);
    background: var(--gradient);
}

.warning, .info {
    border-radius: 8px;
    padding: .5rem 1rem;
}

.warning {
    background: var(--warningbg);
}

.info {
    background: var(--infobg);
}

.iconstopcolorstart {
    stop-color: var(--iconstopcolorstart);
}

.iconstopcolorend {
    stop-color: var(--iconstopcolorend);
}

.activePax {background: rgba(221, 238, 255, 1); border-radius: 8px;}
.panel{color: var(--maincolortxt) !important; background: var(--altcolor) !important;}

/*---Flight seat css---*/
.seatsecbg {
    background: #e8ebe1;
}
.seatrow {
    background: #fff;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
}
.openseat{background:url(../../images/imagesDesktop/Free.svg) center center no-repeat; background-size:contain;}
.dummyseat{background:url(../../images/imagesDesktop/dummyseat.svg) center center no-repeat!important; background-size:contain!important;}
.good {background:url(../../images/imagesDesktop/Selected.svg) center center no-repeat; background-size:contain;}
.drawback{background: #f1f160;}
.booked,.blankseat{background:url(../../images/imagesDesktop/Occupied.svg) center center no-repeat; background-size:contain;}
.transparentSeatCode{text-indent:-999999px;}
.grayElement{filter:grayscale(5) opacity(0.5);}

@media (max-width: 1024px) {
    .fbook_rht {
        border-top: 1px solid #f2f2f2;
    }
}

@media (max-width: 992px) {
    .tpmAutocomplete .ui-state-active {
        background: transparent;
    }

    .main_footer {
        border-top: none;
        box-shadow: none;
    }



    .main-nav li a .topnavicon {
        stroke: var(--navtext);
    }


    .main-nav li a.active:after {
        color: var(--navtexthover);
        background: var(--navbghover);
    }


    .mfilter {
        background: var(--maincolorbg);
        color: var(--maincolortxt);
        border: 1px solid #dee2e6;
    }

    .htldtltxt {
        border-top: 1px solid #e9e9e9;
    }

    .showDeal:hover {
        color: var(--maincolorbg);
        background-color: var(--maincolortxt);
    }
}

@media (max-width: 767px) {

    .pack_rht {
        border: none;
    }

    .navbar-collapse {
        background: #f7f7f7;
        box-shadow: 0 2px 3px #ccc9c9;
    }

    .ul_table li {
        border-bottom: 1px solid #eeeff1;
    }

    .nav-tabs .nav-link {
        border-bottom: 2px solid #e9e9e9;
    }

    .mbbx, .mborder {
        border-bottom: 1px solid #dee2e6 !important;
    }

    .flight_bx li:last-child {
        border-top: 1px solid #f2f2f2;
    }

    .hotel_bx li {
        border-top: 1px solid #f2f2f2;
    }

    .dtable tbody tr {
        border: 1px solid #eff0f2;
    }

    .dtable tr td {
        border-right: 1px solid #eff0f2;
    }

    .dtable a.edit_icon {
        background: var(--maincolorbg);
        color: var(--maincolortxt);
    }

    .bor_lr {
        border: 1px solid #f2f2f2;
    }

    .fpack_rht {
        border: 1px solid #fff;
    }

    .mtable tr:nth-child(even) {
        background: #f9f9f9;
    }

    .navtop:not(:last-child)::after {
        border-bottom: 1px solid #ddd;
    }

    .mobbooking {
        text-align: center;
        border-bottom: 1px solid #e9e9e9;
    }

    .bwicon {
        stroke: #fff;
    }
}