:root {
    --primary-color: #ffffff;
    --secondary-color: #ffffff;
    --primary-color-lite: #1E9BD72F;
    --primary-color-ultra-lite: #1E9BD71F;
    --secondary-color-lite:#ffffff;
    --tertiary-color: #ff8d19;
    /* ----- Common for all theme ----- */
    --red-color: #e72929;
    --green-color: #34a853;
}

::-moz-selection {
    background: var(--primary-color-ultra-lite);
}

::selection {
    background: var(--primary-color-ultra-lite);
}

a {
    color: var(--primary-color);
}

    a:focus, a:hover {
        color: var(--primary-color);
        text-decoration: underline;
        outline: none;
    }

html {
    background-color: transparent;
}

body {
    counter-reset: steps;
}

* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

a {
    cursor: pointer;
}

h1, h2, h3, h4, h5, h6, .ribbon .price, .ribbon-small, .price em {
    color: #555;
}

/*Target iOS*/
@supports (-webkit-touch-callout: none) {
    select {
        position: relative;
    }
}
/*Target iOS End*/

.profile input:read-only {
    background: #ddd !important;
}

input[type="text"] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

option {
    cursor: pointer;
    padding-left: 10px;
}

:focus {
    outline: none;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #d0cdcd;
}

.btn, .btn:hover {
    color: #fff;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #d0cdcd;
}

:-ms-input-placeholder { /* IE 10+ */
    color: #d0cdcd;
}

:-moz-placeholder { /* Firefox 18- */
    color: #d0cdcd;
}

::-ms-clear {
    display: none;
}

.form-group sup {
    color: #e85a5a;
    margin-left: 3px;
}

button:focus {
    outline: none;
}

body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
    margin-right: 7px;
}

ul, li {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

figure img {
    display: block;
    width: 100%;
}

.mt25 {
    margin-top: 25px;
}

hr {
    margin-top: 12px;
    margin-bottom: 12px;
}

.p15 {
    padding: 15px;
}

.p20 {
    padding: 20px;
}

.p40 {
    padding: 40px;
}

.p10 {
    padding: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 600;
    color: #555;
    font-size: 13px;
}

select::-ms-expand {
    display: none;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    padding: 0px 21px 0px 4px;
    font-family: 'Open Sans', sans-serif;
    background: #fff;
    background-image: url('../images/select-arrow.png') !important;
    background-repeat: no-repeat !important;
    background-position: right 6px center !important;
    background-size: auto auto;
    background-size: 9px !important;
    transition: border-color .1s ease-in-out,box-shadow .1s ease-in-out;
    border: 1px solid #ccc;
    box-shadow: inset 0 0 10px #dcdcdc;
    -moz-box-shadow: inset 0 0 10px #dcdcdc;
    -webkit-box-shadow: inset 0 0 10px #dcdcdc;
    border-radius: 3px;
}

.brn {
    border-right: none !important;
}

.disableicon i {
    color: rgba(185, 172, 164, 0.39) !important;
}


md-radio-button.md-default-theme .md-on, md-radio-button .md-on {
    background-color: var(--primary-color);
}

md-radio-button.md-default-theme.md-checked .md-off, md-radio-button.md-checked .md-off {
    border-color: var(--primary-color);
}

md-radio-group.md-default-theme .md-checked .md-ink-ripple, md-radio-group .md-checked .md-ink-ripple {
    color: rgba(90, 197, 191, 0.38);
}

md-radio-button.md-default-theme .md-off, md-radio-button .md-off {
    border-color: rgba(119, 119, 119, 0.54);
}

md-radio-button.md-default-theme .md-off, md-radio-button .md-off {
    border-color: var(--primary-color);
}

md-radio-button:focus {
    outline: none;
}

#navbar {
    background: #fff;
    z-index: 100;
    box-shadow: 0px 1px 0px rgba(139, 139, 139, 0.25);
}

.sticky {
    position: fixed;
    background: #fff;
    top: 0;
    width: 100%;
    transition: .9s;
    z-index: 100;
}

.sticky + main {
    transition: .9s;
}

main {
    padding-top: 15%;
}

body {
    font: 14px/1.5 'Open Sans', sans-serif;
    letter-spacing: .2px;
    color: #555;
    background: #fff;
}

body.neom-body {
    font-family:'NEOMSans',sans-serif !important;
    font-size:14px;
    line-height:1.5;
}

body.obt7-body{
    font-family:'Urbanist',sans-serif !important;
    padding-top:50px;
}

.ui-widget{
    font-family:'NEOMSans',sans-serif !important;
}

button, input, select, textarea {
    margin: 0;
    vertical-align: baseline;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    font-family: 'Open Sans', sans-serif;
}

textarea {
    resize: vertical;
}

.red {
    color: var(--red-color);
}

input[type="search"], input[type="email"], input[type="text"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="date"], input[type="time"], textarea, select {
    display: block;
    padding: 8px 10px;
    width: 100%;
    border: 1px solid #ccc;
    color: #454545;
    font-family: 'Open Sans', sans-serif;
    border-radius: 3px;
}

body.neom-body input[type="search"], body.neom-body input[type="email"], body.neom-body input[type="text"],
body.neom-body input[type="number"], body.neom-body input[type="password"], body.neom-body input[type="tel"],
body.neom-body input[type="url"], body.neom-body input[type="date"], body.neom-body input[type="time"],
body.neom-body button, body.neom-body input, body.neom-body select, body.neom-body textarea {
    font-family: 'NEOMSans',sans-serif;
}


.main-container {
    min-height: 500px;
    background: url('../images/lodingres.gif') no-repeat center;
    background-size: 48px;
    background-position-y: 60%;
}

.main-container-home {
    background: none !important;
}

.row {
    margin-right: -10px;
    margin-left: -10px;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

input[type="search"], input[type="email"], input[type="text"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="date"], input[type="time"], textarea {
    display: block;
    padding: 8px 10px;
    width: 100%;
    color: #454545;
}

.top-bg {
    background: var(--primary-color);
    color: #fff;
    line-height: 25px;
    font-size: 12px;
}

    .top-bg i {
        color: #fff;
        padding: 3px;
        border-radius: 50%;
        width: 17px;
        height: 17px;
    }

    .top-bg a {
        color: #fff;
        text-decoration: none;
    }

    .top-bg b {
        font-weight: 600;
    }

    .top-bg .topContact img {
        width: 48px;
        height: 48px;
        display: inline-block;
    }


    .top-bg .topContact ul li {
        display: inline-block;
        margin-left: 5px;
        text-transform: lowercase;
    }

        .top-bg .topContact ul li:not(:last-child) a {
            border-right: 1px solid rgb(255 255 255 / 40%);
            padding-right: 10px;
        }

.whatAppFly {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 10;
}

.header-menu {
    background: #fff;
    padding-bottom: 5px;
    padding-top: 5px;
}

    .header-menu .navbar-default {
        background-color: transparent;
        margin-bottom: 0px;
        border: none;
        display: flex;
        flex-direction: row;
        align-items: center;
        min-height: 70px;
    }

    .header-menu .navbar-brand {
        padding: 0;
        margin: 0;
        height: auto;
    }

        .header-menu .navbar-brand img {
            object-fit: contain;
            max-height: 100px;
            max-width: 75%;
        }

    .header-menu .navbar-nav {
        float: none;
        display: flex;
    }

.main-link.navbar-collapse.collapse {
    max-width: 50%;
    display: flex !important;
    justify-content: flex-end;
    width: auto;
    padding-right: 0;
}

.main-link .navbar-nav > li > a {
    color: #7f7f7f;
    font-weight: 600;
    font-size: 14px;
}

    .main-link .navbar-nav > li > a .caret {
        border: none;
    }
/********************* Slider***********************/
.home-services {
    margin: 0px;
    background: #fff;
    min-height: 0 !important;
    padding-bottom: 50px;
}

    .home-services hr {
        width: 70%;
        margin: 16px auto;
    }

    .home-services h4 {
        color: #555;
    }

    .home-services .servies {
        width: 80%;
        margin: 0 auto;
        margin-top: 37px;
    }

.slider-home {
    padding: 5% 0 5%;
    min-height: 650px;
    height: 100vh;
    background-size: cover !important;
    background-position: center !important;
    margin: 0;
    position: relative;
}

    .slider-home:before {
        content: "";
        display: block;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: absolute;
        background: #000;
        opacity: .4;
    }

.hamenity {
    font-size: 13px;
}

    .hamenity i {
        margin-right: 5px;
    }


.dd img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.dd .flex-active-slide img {
    -webkit-filter: grayscale(0%) !important; /* Safari 6.0 - 9.0 */
    filter: grayscale(0%) !important;
}

.hamenity li {
    font-size: 13px;
    float: left;
    width: 200px;
    margin-bottom: 5px;
}

.slider-home .home-tab {
    background: rgba(255, 255, 255, 0.93);
    color: var(--primary-color);
    font-size: 19px;
    padding: 7px 32px;
    box-shadow: inset -5px 0px 0px var(--primary-color);
    cursor: default;
}


.main-search #myTab li {
    background: var(--primary-color) !important;
}

.main-search #myTab li.active {
    background:#fff !important
}

.main-search .nav > li > a:focus, .main-search .nav > li > a:hover {
    background: var(--primary-color) !important;
    border-radius: 3px;
}

.main-search #myTab li:hover a {
    color: #fff !important
}

.main-search #myTab {
    border-bottom: none;
}

    .main-search #myTab li a {
        color: #fff !important;
        font-size: 16px;
    }

    .main-search #myTab li.active a {
        color: var(--primary-color) !important;
    }

.searchbox .dropdown-menu > li > a {
    padding: 3px 9px;
    font-size: 13px;
    min-width: 195px;
}

.checkboxs input[type="checkbox"] {
    display: none !important;
}

md-button {
    font-weight: 600;
    border-color: #3ba29d !important;
    border-radius: 2px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    background: var(--primary-color) !important;
}

.select2-container--default .select2-selection--multiple {
    border: solid #aaaaaa 1px !important;
    outline: 0;
    border-radius: 0px !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #aaaaaa 1px !important;
    outline: 0;
    border-radius: 3px !important;
}

.slider-home .main-search ul.searchbox > li {
    position: relative;
    float: left;
    margin: 0 2px;
}

    .slider-home .main-search ul.searchbox > li p > input[type="text"] {
        border: none;
        border-radius: 3px;
        float: left;
        padding-right: 28px;
        height: 37px;
        position: relative;
        background: none;
        z-index: 1;
    }

    .slider-home .main-search ul.searchbox > li select {
        border: none;
        border-radius: 3px !important;
        padding-right: 28px;
        height: 37px;
        position: relative;
        z-index: 1;
    }

    .slider-home .main-search ul.searchbox > li > p {
        background: #fff;
        display: inline-block;
        width: 100%;
        height: 37px;
        border: none;
        border-radius: 3px;
        box-shadow: 0px 1px 2px rgba(51, 51, 51, 0.35);
        float: left;
        height: 37px;
    }

    .slider-home .main-search ul.searchbox > li p.tarvel {
        padding-left: 5px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 37px;
        width: 100%;
        padding-right: 20px;
    }

    .slider-home .main-search ul.searchbox > li.whereto .dropdown-menu {
        width: 100%;
    }

    .slider-home .main-search ul.searchbox > li.whereto {
        width: 377px;
    }

    .slider-home .main-search ul.searchbox > li.checkin {
        width: 150px;
    }

    .slider-home .main-search ul.searchbox > li.checkout {
        width: 150px;
    }

    .slider-home .main-search ul.searchbox > li.night {
        width: 120px;
    }

        .slider-home .main-search ul.searchbox > li.night input[type="text"] {
            background: #fff;
            padding-right: 0;
            padding-left: 40px;
        }

    .slider-home .main-search ul.searchbox > li.RoomsGuest {
        width: 165px;
    }

        .slider-home .main-search ul.searchbox > li.RoomsGuest .optWidget {
            position: absolute;
            left: -155px;
            top: 46px;
            -webkit-box-shadow: 0 2px 6px -1px rgb(0 0 0 / 35%);
            -moz-box-shadow: 0 2px 6px -1px rgb(0 0 0 / 35%);
            box-shadow: 0 2px 6px -1px rgb(0 0 0 / 35%);
        }

            .slider-home .main-search ul.searchbox > li.RoomsGuest .optWidget:after {
                display: none;
            }

    .slider-home .main-search ul.searchbox > li.Nationlity {
        width: 135px;
    }

    .slider-home .main-search ul.searchbox > li.searchbutton {
        width: 108px;
        margin-top: -48px;
    }

.slider-home .main-search .typeahead-group-header {
    background: #efefef;
    padding: 6px 13px 6px 10px;
    color: #555;
    font-weight: 600;
    display: block;
    width: 100%;
    pointer-events: none;
    text-transform: capitalize !important;
}

.slider-home .main-search .dropdown-menu li a {
    margin: 2px;
    cursor: pointer;
    white-space: normal;
}

.slider-home .main-search .dropdown-menu > .active > a, .slider .main-search .dropdown-menu > .active > a:focus, .slider .main-search .dropdown-menu > .active > a:hover {
    background-color: var(--primary-color);
    border-radius: 3px;
}

.slider-home .main-search .dropdown-menu {
    padding: 0px;
    box-shadow: none;
    max-height: 300px;
    overflow: auto;
}

.slider-home .main-search ul.searchbox > li.whereto::after {
    content: "\e80d";
    position: absolute;
    font: normal normal normal 14px/1 fontello;
    top: 36px;
    right: 6px;
    font-size: 18px;
    color: #a19d99;
}

.slider-home .main-search ul.searchbox > li.checkin::after {
    content: "\f073";
    font: normal normal normal 14px/1 FontAwesome;
    color: #9c9c9c;
    top: 36px;
    position: absolute;
    right: 6px;
    font-size: 16px;
}

a.navbar-brand {
    padding-left: 0px;
}

.slider-home .main-search ul.searchbox > li.checkout::after {
    content: "\f073";
    font: normal normal normal 14px/1 FontAwesome;
    color: #9c9c9c;
    position: absolute;
    top: 36px;
    right: 6px;
    font-size: 16px;
}

.slider-home .main-search ul.searchbox > li.night::after {
    content: "\f186";
    font: normal normal normal 14px/1 FontAwesome;
    color: #9C9C9C;
    position: absolute;
    top: 36px;
    left: 15px;
    font-size: 18px;
    z-index: 1;
}

.slider-home .main-search ul.searchbox > li.RoomsGuest::after {
    content: "\e802";
    font: normal normal normal 14px/1 fontello;
    color: #c9beb6;
    position: absolute;
    top: 36px;
    right: 6px;
    font-size: 18px;
}

.slider-home .main-search ul.searchbox > li.Nationlity::after {
    content: "\f02d";
    font: normal normal normal 14px/1 FontAwesome;
    color: #c9beb6;
    position: absolute;
    top: 36px;
    right: 6px;
    font-size: 18px;
}

.slider-home .main-search ul.searchbox > li.searchbutton button {
    margin: 0px;
    margin-right: 0px;
    margin-left: 0px;
    font-size: 15px;
    padding: 0 10njnpx !important;
    min-height: 39px;
    font-weight: 600;
    background: var(--primary-color);
}
/***********************Search panel********************************/
.main-search {
    width: 100%;
    top: 179px;
    -webkit-transition: height 4s;
    transition: height 4s;
}

    .main-search #myTab li {
        background: rgba(255, 255, 255, 0.93);
        font-size: 19px;
        /*box-shadow: inset -5px 0px 0px var(--primary-color);*/
        cursor: default;
        margin-right: 5px;
        border-radius: 3px;
    }

    .main-search .nav-tabs > li > a {
        border: none;
        color: var(--primary-color);
    }

    .main-search .nav-tabs > li.active > a, .main-search .nav-tabs > li.active > a:focus, .main-search .nav-tabs > li.active > a:hover {
        border: none;
    }

    .main-search .nav-tabs > li {
        border: none;
        margin-bottom: 0;
    }

    .main-search #myTabContent {
        background:#fff;
        padding: 10px 20px 24px 20px;
        display: inline-block;
        width: 100%;
        box-shadow: 0px 0px 1px #a6a6a6;
        border-radius: 3px;
    }


/*.searchbox input:focus {
    box-shadow: inset 0px 1px 1px 1px var(--primary-color) !important;
}*/

.search-section .dropdown-menu > .active > a, .search-section .dropdown-menu > .active > a:focus, .search-section .dropdown-menu > .active > a:hover {
    background-color: var(--primary-color);
    border-radius: 3px;
}

.search-section .dropdown-menu li a {
    margin: 2px;
    cursor: pointer;
    white-space: normal;
}

.search-section .optWidget {
    top: 33px;
    right: -1px;
    -webkit-box-shadow: 0 2px 6px -1px rgb(0 0 0 / 35%);
    -moz-box-shadow: 0 2px 6px -1px rgb(0 0 0 / 35%);
    box-shadow: 0 2px 6px -1px rgb(0 0 0 / 35%);
}

    .search-section .optWidget:after {
        display: none;
    }

.uib-monthpicker thead th {
    color: #222 !important;
    background: #FFF;
}

    .uib-monthpicker thead th button {
        color: #555 !important;
    }




.uib-monthpicker .btn-default {
    color: #555 !important;
    padding: 5px 7px !important;
    height: auto;
    font-size: 12px !important;
}

.uib-monthpicker table {
    width: 99.8%;
}

.uib-monthpicker .btn-default.active, .uib-monthpicker .btn-default:active, .uib-monthpicker .open > .dropdown-toggle.btn-default {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff !important;
    font-size: 12px !important;
}

    .uib-monthpicker .btn-default.active .text-info {
        color: #fff;
    }


.trip input[type="checkbox"] {
    display: none;
}

    .trip input[type="checkbox"] + label {
        color: #f2f2f2;
        margin: 0px;
    }

.main-search h5 {
    font: 400 16px 'Open Sans', sans-serif;
    padding: 0 0 15px;
}

body.neom-body .main-search h5{
    font-family:'NEOMSans',sans-serif !important;
}

.main-search label {
    font-weight: 600;
}

.main-search h5 span {
    font-weight: 800;
}

.trip input[type="checkbox"] + label span {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 2px;
    margin: 0px 10px 0 5px;
    vertical-align: middle;
    background: #fff;
    cursor: pointer;
}

.trip input[type="checkbox"]:checked + label span {
    background: #fff;
    position: relative;
    border-radius: 2px;
}

    .trip input[type="checkbox"]:checked + label span:after {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f00c";
        color: #9d7d32;
        position: absolute;
        top: 1px;
        left: 0px;
    }


.trip input[type="radio"] {
    display: none;
}

    .trip input[type="radio"] + label {
        color: #626262;
        margin-right: 10px;
        margin-bottom: 10px;
        font-weight: normal;
    }

        .trip input[type="radio"] + label span {
            display: inline-block;
            width: 20px;
            height: 20px;
            border: 1px solid var(--primary-color);
            margin: -2px 5px 0 0px;
            vertical-align: middle;
            background: #fff;
            border-radius: 50%;
            cursor: pointer;
        }

    .trip input[type="radio"]:checked + label span {
        background: #fff;
        position: relative;
    }

        .trip input[type="radio"]:checked + label span:after {
            background: var(--primary-color);
            content: '';
            width: 10px;
            height: 10px;
            position: absolute;
            border-radius: 50%;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }

.box {
    color: #626262;
    -webkit-transition: height 4s; /* For Safari 3.1 to 6.0 */
    transition: height 4s;
    display: none;
}

    .box ul li {
        padding: 0px;
    }

.select-box {
    position: relative;
}


input[value="Search Result"] {
    height: 38px !important;
    width: 100%;
}

.mr {
    margin-bottom: 20px;
}



#TransferForm .dropdown-menu li a {
    position: relative;
    padding-left: 26px;
}

    #TransferForm .dropdown-menu li a img {
        position: absolute;
        left: 4px;
        max-height: 16px;
        top: 5px;
        background-color: #fff;
        border-radius: 3px;
        padding: 1px;
    }



/**********************Modify search***************************/

.search-section {
    background: #fff;
    margin-top: 1px;
}

    .search-section ul.aa > li {
        position: relative;
        margin: 10px 0px;
        float: left;
        padding: 4px 6px;
        display: inline-block;
        border: 1px solid #E9E6E0;
        border-left: none;
    }

    .search-section #flightmodifypage-popup ul.aa > li.from{
        border-left: 1px solid #E9E6E0;
    }

    .search-section ul li h4 {
        font-size: 12px;
        margin: 0px;
        color: #878787;
        padding-bottom: 2px;
    }

    .search-section ul.aa > li:last-child {
        border: none;
        width: 177px;
        text-align: right;
        padding: 0px;
    }

    .search-section ul.aa li:first-child {
        border-left: 1px solid #E9E6E0;
    }

    .search-section ul.aa li > button {
        font-weight: 600;
        font-size: 15px;
        background: var(--primary-color);
        line-height: 1.4;
        margin: 0px;
        padding: 5px 26px !important;
        height: 53px;
        white-space: normal;
    }

    .search-section ul li > input[type="text"] {
        display: block;
        padding: 3px 0px;
        border: none;
        width: 100%;
        color: #737373;
        padding-left: 32px;
        font-size: 15px;
        font-weight: 600;
        position: relative;
        z-index: 1;
        background: none;
    }

.city {
    width: 325px;
}

    .city .dropdown-menu {
        width: 100%;
        max-height: 250px;
        overflow: auto;
        top: 51px !important;
        left: 0px !important;
        border-radius: 0px;
    }

    .city::before {
        content: "\f0f7";
        font-family: FontAwesome;
        color: #9c9c9c;
        left: 9px;
        font-size: 17px;
        position: absolute;
        top: 21px;
    }

.Calender {
    width: 140px;
}

    .Calender::before {
        content: "\f073";
        font-family: FontAwesome;
        color: #9c9c9c;
        left: 9px;
        font-size: 17px;
        position: absolute;
        top: 21px;
        z-index: 0;
    }

.Room_Guest {
    width: 205px;
}

.Room_Guest::before {
    content: "\f2c0";
    font-family: FontAwesome;
    color: #9c9c9c;
    left: 9px;
    font-size: 17px;
    position: absolute;
    top: 21px;
}

.search-section .night {
    width: 150px;
}

    .search-section .night::before {
        content: "\f186";
        font-family: FontAwesome;
        color: #ad9e94;
        left: 9px;
        font-size: 17px;
        position: absolute;
        top: 14px;
    }

.main-search input.ng-empty {
    border: 1px solid red;
}
/****************Top  destination******************/
.main {
    float: left;
    width: 100%;
    min-height: 500px;
    padding-bottom: 100px;
    padding-top: 15px;
}

.whitebg {
    width: 100%;
    border: none;
    background: #fff;
    box-shadow: 0 0 3px rgb(51 51 51 / 13%);
    border-radius:5px;
}

    .whitebg:after {
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
        clear: both;
    }

.hoteldetailPage .main {
    float: none;
}

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

    .s-title h2 {
        font-size: 26px;
        font-weight: 700;
        padding: 35px 0 40px;
        width: 100%;
        border-top: none;
        margin: 0;
        padding-top: 17px;
    }

.destinations .details {
    float: left;
    display: block;
    position: relative;
    background: #fff;
    padding: 13px 15px 15px;
    width: 100%;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.1);
    box-shadow: 0 0 2px rgba(0,0,0,0.1);
}

.destinations article h4 {
    font: 700 15px 'Open Sans', Helvetica, Arial, sans-serif !important;
    color: #3f3f3f !important;
    padding: 4px 90px 15px 0 !important;
    margin: 0 !important;
    border: none !important;
}

.destinations article .count {
    color: #858585;
    display: inline-block;
    width: 50%;
    white-space: nowrap;
    font-size: .965em;
}

.destinations article .ribbon {
    text-align: center;
    margin: 20px -20px 0;
    height: 50px;
    position: relative;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.2);
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
    background: #c1b6ae;
    background: -moz-linear-gradient(top, #c1b6ae 0%, #baaca3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c1b6ae), color-stop(100%, #baaca3));
    background: -webkit-linear-gradient(top, #c1b6ae 0%, #baaca3 100%);
    background: -o-linear-gradient(top, #c1b6ae 0%, #baaca3 100%);
    background: -ms-linear-gradient(top, #c1b6ae 0%, #baaca3 100%);
    background: linear-gradient(to bottom, #c1b6ae 0%, #baaca3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c1b6ae', endColorstr='#baaca3', GradientType=0);
}

    .destinations article .ribbon:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: -5px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 5px 5px 0;
        border-color: transparent #A39385 transparent transparent;
    }

    .destinations article .ribbon:after {
        content: "";
        position: absolute;
        right: 0;
        bottom: -5px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 5px 0 0;
        border-color: #A39385 transparent transparent transparent;
    }

    .destinations article .ribbon > div {
        float: left;
        height: 100%;
        position: relative;
        width: 78% !important;
        padding-left: 26%;
    }

    .destinations article .ribbon a {
        color: #fff;
    }

.destinations article .gradient-button {
    position: absolute;
    top: 15px;
    right: 15px;
}

.destinations article .ribbon > div > a:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 27px;
    font-weight: 400;
    position: absolute;
    top: 10px;
    left: 16px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

.destinations article .ribbon .hotel a:before {
    content: "\f0f7";
}

.destinations article .ribbon > div > a {
    position: relative;
    display: table;
    width: 100%;
    height: 100%;
    padding: 5px 30px;
}

.destinations article .ribbon .price {
    font-size: 15px !important;
}

.destinations article .ribbon .small {
    font-size: 12px;
    font-weight: 600;
}

.destinations article .ribbon > div span {
    width: 100%;
    display: inline-block;
    text-align: right;
    line-height: 1;
}

.gradient-button, button, input[type="button"], input[type="reset"], input[type="submit"] {
    font-size: 11.5px;
    line-height: 32px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff !important;
    height: 32px;
    padding: 0 18px !important;
    text-align: center;
    display: inline-block;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    cursor: pointer;
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0 0 1px rgba(0,0,0,0.3);
    box-shadow: inset 0 0 1px rgba(0,0,0,0.3);
    border: none;
}


/***********************Footer***************************/



.footer {
    float: left;
    width: 100%;
    background: var(--secondary-color);
    color: #fff;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.2);
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

footer.footer article.col-sm-3 {
    line-height: 28px;
}

.footer h6 {
    font-size: 18px;
    color: var(--primary-color);
    margin: 21px 0px 13px 0px;
    font-weight: bold
}

.footer p {
    padding: 0px;
    margin: 5px 0 0 0;
    color: var(--primary-color);
}

    .footer p em {
        font-style: normal;
        font-weight: 700;
        color: #fff;
    }

.whatsAppFooter {
    margin-top: 16px;
}

    .whatsAppFooter a.outerLink {
        font-size: 18px;
        font-weight: bold;
        position: relative;
        padding-left: 38px;
        display: block;
        line-height: normal;
    }

        .whatsAppFooter a.outerLink img {
            position: absolute;
            left: 0;
            width: 30px;
            top: 0;
        }

        .whatsAppFooter a.outerLink span {
            font-size: 14px;
            display: block;
            line-height: normal;
            margin-bottom: 20px;
            margin-top: 10px;
            margin-left: -38px;
            font-weight: normal;
        }

.qrCodeWhatsApp {
    border-radius: 5px;
    background: forestgreen;
    display: inline-block;
    padding: 0 5px !important;
    cursor: pointer;
    font-size: 13px;
    color: #fff !important;
}

#imgQRCode {
    position: fixed;
    right: 0;
    bottom: 0;
    display: none;
    z-index: 1000;
    max-height: 500px;
}

.social li {
    display: inline-block;
    padding: 0 1px 0px 0 !important;
    font-size: 15px;
    position: relative;
}

    .social li a {
        text-align: center;
        line-height: 27px;
        width: 27px;
        height: 27px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        color: var(--primary-color) !important;
        background: #ffffff;
        display: block;
        transition: .3s;
        transform: rotate(0deg);
        position: relative;
    }

        .social li a:hover {
            background: var(--primary-color);
            color: #ffffff !important;
        }



.footer form {
    position: relative;
}

    .footer form input[type="submit"] {
        position: absolute;
        top: 0;
        right: 0;
        height: 36px;
        line-height: 36px;
        -webkit-border-radius: 0 17px 17px 0;
        -moz-border-radius: 0 17px 17px 0;
        border-radius: 0 17px 17px 0;
    }

.footer .col-sm-3 a {
    color: var(--primary-color);
}

.copy {
    color: #fff !important;
    display: block;
    float: left;
    padding: 0;
}


.footer .col-sm-12 {
    margin: 18px 0 20px;
    border-top: 1px solid #ccc;
    padding-top: 20px;
}

.copyright {
    background: var(--primary-color);
    border-top: 1px solid var(--primary-color);
    line-height: 40px;
    margin-top: 28px;
}

    .copyright h6 {
        margin: 0px;
    }
/*************************************************/
#return-to-top {
    position: fixed;
    bottom: 128px;
    right: 10px;
    line-height: 32px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 4;
}

#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 10px;
    top: 10px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
    
#return-to-top i.icon-chevron-up:before{
    content:"\f106";
    font-size:22px !important;
    font-weight:600;
    font: normal normal normal 16px/1 FontAwesome;
}

.neom-body #return-to-top{
    bottom:15px;
}

.icon-chevron-up:before {
    content: "\f077";
    font: normal normal normal 16px/1 FontAwesome;
}

#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}

#return-to-top:hover i {
    color: #fff;
    top: 5px;
}

/***************************************hotellisting***********************************/
ul.hotellisting {
    position: relative;
    width: 100%;
    padding: 10px;
    margin-top: 0px;
    float: left;
    border: 1px solid #e4e4e4;
    background: rgba(245, 245, 245, 0.25);
    border-radius: 10px;
}

ul.hotellisting:hover{
    border-color:var(--primary-color);
    transition:border-color .8s;
}

    ul.hotellisting li {
        float: left;
        position: relative;
    }

        ul.hotellisting li:nth-child(1) {
            width: 22%;
        }

        ul.hotellisting li:nth-child(1) img {
            width: 100%;
            height: 136px;
            border-radius:5px;
        }

        ul.hotellisting li:nth-child(2) {
            width: 62%;
            border-right: 1px solid #e9e6e0;
            padding-left: 15px;
            min-height: 136px;
            padding-right: 11px;
        }

            ul.hotellisting li:nth-child(2) h4 {
                transition: .3s;
                margin-top: 0px;
                font-size: 15px;
                margin-bottom: 4px;
                text-transform: capitalize;
                font-weight: 500;
            }

            ul.hotellisting li:nth-child(2) p {
                font-size: 13px;
                margin-top: 10px;
            }

            ul.hotellisting li:nth-child(2) .aminites i {
                color: var(--tertiary-color);
                margin-right: 13px;
            }

    ul.hotellisting:hover li:nth-child(2) h4 {
        color: #000;
        transition: .3s;
    }



    ul.hotellisting li:nth-child(2) .row {
        font-size: 11px;
        margin-bottom: 3px;
    }


    ul.hotellisting li:nth-child(2) .delux-room {
        color: var(--primary-color);
        font-weight: 600;
    }

    ul.hotellisting li:nth-child(2) .adult i {
        color: #9c9c9c;
    }

    ul.hotellisting li:nth-child(2) .adult {
        width: 95px;
        padding-right: 0px;
        padding-left: 5px;
    }

    ul.hotellisting li:nth-child(2) .free-breakfast {
        width: 155px;
        padding-right: 0px;
        padding-left: 3px;
    }

    ul.hotellisting li:nth-child(2) .cancellation-policy {
    }

        ul.hotellisting li:nth-child(2) .cancellation-policy a {
            color: #e85a5a;
        }


    ul.hotellisting li:nth-child(2) .stars {
    }

        ul.hotellisting li:nth-child(2) .stars i {
            color: #ffd646;
            font-size: 13px;
        }

    ul.hotellisting li:nth-child(3) {
        width: 16%;
        text-align: center;
        display: table;
    }

        ul.hotellisting li:nth-child(3) div {
            display: table-cell;
            vertical-align: middle;
            height: 136px;
        }

            ul.hotellisting li:nth-child(3) div small {
                display: block;
            }

            ul.hotellisting li:nth-child(3) div i {
                display: block;
                color: var(--primary-color);
                font-size: 13px;
                font-weight: 600;
                margin-top: 3px;
            }

            ul.hotellisting li:nth-child(3) div del {
                display: block;
                color: #e85a5a;
                font-size: 14px;
                font-weight: 600;
            }

            ul.hotellisting li:nth-child(3) div del {
                display: block;
                color: #e85a5a;
                font-size: 14px;
                font-weight: 600;
            }


            ul.hotellisting li:nth-child(3) div h4 {
                margin: 7px 0px;
                font-weight: 700;
                font-size: 16px;
            }

            ul.hotellisting li:nth-child(3) div button {
                margin-top: 6PX;
                margin-right: 0px;
                margin-left: 0px;
                font-size: 12px;
                line-height: 1.1;
                min-height: 19px;
                font-weight: 600;
                height: 40px;
                background: var(--primary-color);
            }

    ul.hotellisting li .show-details a {
        display: inline-block;
        margin-top: 4px;
        margin-right: 9px;
    }

    ul.hotellisting .swimIcon {
        fill: var(--tertiary-color);
        height: 16px;
        margin-bottom: -2px
    }

    ul.hotellisting .disableicon .swimIcon {
        fill: rgba(185, 172, 164, 0.39) !important
    }

.seprater {
    width: 94%;
    margin: 0 auto;
}


.aminites {
    margin-top: 7px;
    margin-bottom: 5px;
}

    .aminites a {
        text-decoration: none;
        text-decoration: none;
        width: 24px;
        display: inline-block;
        text-align: center;
        cursor: pointer;
        position: relative;
    }

        .aminites a.disableicon {
            cursor: default;
        }

.show-details {
    background: #f3f3f3;
    width: 100%;
}

    .show-details .panel-group {
        margin-bottom: 0px;
    }

    .show-details a[data-toggle="collapse"] {
        color: #555;
        line-height: 40px;
        padding: 0 19px;
    }

.row.sort-by {
    background-color:#fff;
    margin: 0px;
    line-height: 30px;
    margin: 10px 0px 20px 0px;
    color: #9c9c9c;
    font-size: 13px;
    font-weight: 500;
    border-radius:0 3px 3px 3px;
}

.row.sort-by .selectedASC:after, .row.sort-by .selectedDESC:after{
    content:'';
    position:absolute;
    background:var(--primary-color-ultra-lite);
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.show-details .panel-group .panel + .panel {
    margin-top: 0px;
}

.show-details .panel-default {
    border-color: #ddd;
    border: none;
}

.show-details table {
    width: 100%;
}

    .show-details table thead {
        background: var(--primary-color);
    }

.show-details table {
    width: 100%;
}

    .show-details table thead {
        background: var(--primary-color);
    }

/***********************Show Room***************************/
.show-details a[data-toggle="collapse"] {
    position: relative;
    display: inline-block;
}

.bottom-arrow:after {
    content: '';
    width: 0;
    position: absolute;
    left: 56px;
    bottom: -8px;
    height: 0;
    border-style: solid;
    border-width: 10px 5px 0 5px;
    border-color: #f3f3f3 transparent transparent transparent;
}

.show-details .v-rotation {
    transform: rotate(-90deg) translate(-33%,41px);
    display: inline-block;
    line-height: 16px;
    width: 31px;
    max-height: 99px;
    min-height: 99px;
}

.comboRooms .rEmpty {
    width: 31px;
}

.comboRooms .rImage {
    width: 90px;
}

.comboRooms .rInfo {
    width: 200px;
    padding-right: 20px;
}

.comboRooms .rBoard {
    width: 150px;
}

.comboRooms .rNight {
    width: 130px;
}

.comboRooms .rPrice {
    width: 130px;
    text-align: center;
}

.comboRooms .filteForActionRoom .rEmpty {
    width: 20px;
}

.comboRooms .filteForActionRoom .rImage {
    width: 145px;
}

.comboRooms .filteForActionRoom .rInfo {
    width: 316px;
}

.comboRooms .filteForActionRoom .rBoard {
    width: 236px;
}

.comboRooms .filteForActionRoom .rNight {
    width: 225px;
}

.comboRooms .filteForActionRoom .rPrice {
    width: 187px;
}

.show-details table th {
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    padding: 10px 0px;
}

.show-details .gray {
    background: #f1f1f1;
    width: 20px;
}

    .show-details .gray:empty {
        background: #fff;
    }

.room-info table {
    width: 100%;
    font-size: 12px;
}

    .room-info table .delux-room {
        color: var(--primary-color);
        font-weight: 600;
    }

.room-info {
    padding: 0px;
    border-right: 1px solid #e9e6e0;
}


    .room-info table a {
        color: #e85a5a;
    }

    .room-info table small {
        font-size: 12px;
        display: block;
        text-transform: capitalize;
    }

    .room-info table td H4 {
        margin-top: 0px;
        font-size: 14px;
    }

    .room-info table td {
        line-height: 20px;
        vertical-align: top;
    }

        .room-info table td.vmiddle {
            vertical-align: middle;
        }

    .room-info table .fa {
        color: #9c9c9c;
    }

    .room-info table i {
        color: var(--primary-color) !important;
        font-weight: 600;
    }

    .room-info table td {
        position: relative;
    }

        .room-info table td md-checkbox, .room-info table td .custom-check {
            position: absolute;
            top: 50%;
            right: 4px;
            margin-top: -10px;
        }

        .room-info table td md-checkbox {
            top: auto !important;
            margin-top: 0 !important;
        }

.show-details table h3 {
    font-size: 16px;
    font-weight: 700;
    margin-top: 0px;
    margin-bottom: 4px;
    margin-top: 2px;
}

.room-info table tr {
    padding: 6px 0px;
}

.room-info table .selectroom {
    width: 70%;
    padding: 5px;
    margin: 0 auto;
}

.room-info table .selectroomDOTW, .room-info table .selectroomHotelBed {
    width: 80%;
    padding: 5px;
    /*margin: 0 auto;*/
    margin: 5px auto;
}


.show-details .w304 {
    width: 304px;
}

.show-details .w260 {
    width: 260px;
}

.show-details .w420 {
    width: 420px;
}

.show-details .w291 {
    width: 291px;
}

.show-details .w150 {
    width: 150px;
}

.show-details .w160 {
    width: 160px;
}

.show-details .w205 {
    width: 205px;
}

.show-details .w240 {
    width: 240px;
}


.show-details del {
    color: #e85a5a;
    font-weight: 600;
}
/******************************************************/
.show-details md-tabs-canvas {
    background: var(--primary-color);
}

.gm-style button {
    padding: 0px !important;
    box-shadow: none !important;
}

.show-details md-tabs .md-tab {
    color: #fff;
    padding: 4px 24px;
    text-transform: capitalize;
    color: #fff;
    padding: 4px 24px;
    margin: 0 43px;
}

.show-details md-tabs-canvas {
    height: 30px;
    width: 100% !important;
}

.show-details md-pagination-wrapper {
    height: 30px;
    width: 100% !important;
}

.show-details md-tabs.md-default-theme md-ink-bar, .show-details md-tabs md-ink-bar {
    color: rgb(255, 255, 255);
    background: rgb(255, 255, 255);
    top: 27px;
}

.show-details .md-padding {
    min-height: 370PX;
    padding: 7px;
}

.show-details #accordion h5 {
    font-size: 15px;
    margin: 0px;
    line-height: 31px;
    font-weight: 600;
    margin-top: 13px;
}


.show-details > button {
    background: var(--primary-color) !important;
    font-size: 12px !important;
    line-height: 19px !important;
    min-height: 19px !important;
    font-weight: 600;
}


md-checkbox {
    margin-bottom: 6px;
}

    md-checkbox.md-default-theme:not(.md-checked) .md-icon, md-checkbox:not(.md-checked) .md-icon {
        border-color: var(--primary-color);
        /*border-color: transparent;*/
    }

    md-checkbox .md-icon {
        width: 18px;
        height: 18px;
    }

    md-checkbox.md-default-theme.md-checked .md-icon, md-checkbox.md-checked .md-icon {
        background-color: var(--primary-color);
    }

    md-checkbox.md-default-theme.md-checked .md-ink-ripple, md-checkbox.md-checked .md-ink-ripple {
        color: var(--primary-color);
    }

    md-checkbox.md-checked .md-icon:after {
        width: 5.66667px !important;
        top: 1.22222px !important;
        height: 11.33333px !important;
        content: "" !important;
    }
/***********************sidebar*****************************/
.sidebar .heading a {
    background: var(--primary-color);
    padding: 0px 10px;
    border-radius: 3px;
    text-decoration: none;
}


.map {
    position: relative;
    border-radius: 4px;
    text-align: right;
}

    .map i {
        margin-right: 5px;
    }

    .map.button-map_list-view {
        font-size: 0;
    }

    .map .map-view, .map .list-view {
        background: none;
        display: inline-block;
        color: #555;
        line-height: 32px;
        padding: 0 10px;
        border: 1px solid #DEDCDC;
        cursor: pointer;
        font-size: 12px;
    }

    .map .map-view {
        border-radius: 0 3px 3px 0;
    }

    .map .list-view {
        border-radius: 3px 0 0 3px;
    }

.filter-section {
    padding: 14px;
}

    .filter-section h2 {
        font-size: 15px;
        margin-top: 10px;
        font-weight: 600;
    }

.sidebar .heading a.resetbtn {
    background: #e85a5a;
    color: #fff;
}

    .sidebar .heading a.resetbtn:hover {
        background: #ec3838;
    }

a.removeHotelSel {
    position: absolute;
    right: 3px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    background: #f09c9c;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    font-size: 12px;
    top: 50%;
    margin-top: -8px;
}

    a.removeHotelSel:hover {
        background: #ec3838;
        text-decoration: none;
    }

.p-amenity h6 a {
    background: var(--primary-color);
    color: #fff;
    padding: 3px 5px;
    font-size: 10px;
    border-radius: 2px;
    text-decoration: none;
    transition: .3s;
}

    .p-amenity h6 a:hover {
        background: #858585;
        transition: .3s;
        text-decoration: none;
    }

.heading {
    background: var(--primary-color);
    color: #fff;
    line-height: 28px;
    padding: 11px;
}

    .heading h3 {
        color: #fff;
        font-size: 17px;
        margin: 0px;
        display: inline-block;
    }

    .heading a {
        float: right;
        color: #fff;
    }

.filter-section hr {
    margin: 18px 0px;
}

.filter-section .p-amenity li {
    margin-bottom: 3px;
}

.filter-section .search {
    position: relative;
}

    .filter-section .search button {
        padding: 0px !important;
        border: none;
        line-height: normal;
        height: auto;
        background: none;
        box-shadow: none;
        text-shadow: none;
        color: #ad9e94 !important;
        position: absolute;
        top: 1px;
        left: 0;
        display: block;
        height: 32px;
        width: 28px;
    }

    .filter-section .search input[type="search"] {
        border: none;
        border-radius: 4px;
        border: 1px solid #d3d3d3;
        padding: 3px 21px 3px 27px;
        box-sizing: border-box;
    }

    .filter-section .search .dropdown-menu {
        padding: 0px;
        margin-top: -1px;
        border-radius: 0px;
        width: 100%;
        white-space: normal;
        max-height: 300px;
        overflow: auto;
    }




        .filter-section .search .dropdown-menu > li {
            border-bottom: 1px solid rgba(233, 230, 224, 0.41);
        }

            .filter-section .search .dropdown-menu > li > a {
                font-size: 12px;
                white-space: normal;
                position: relative;
                padding: 7px 20px;
            }

                .filter-section .search .dropdown-menu > li > a:before {
                    content: "\f0f7";
                    font: normal normal normal 14px/1 FontAwesome;
                    position: absolute;
                    font-size: 11px;
                    top: 11px;
                    left: 5px;
                }

        .filter-section .search .dropdown-menu > .active > a, .filter-section .search .dropdown-menu > .active > a:focus, .filter-section .search .dropdown-menu > .active > a:hover {
            color: #fff;
            text-decoration: none;
            background-color: var(--primary-color);
            outline: 0;
        }



.filter-section .p-amenity h6 {
    margin: 0px;
    text-align: right;
}

.control {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 100;
}

    .control input {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }

.control__indicator {
    position: absolute;
    /* top: 2px; */
    /* left: 0; */
    height: 18px;
    width: 18px;
    /* background: #e6e6e6; */
    margin: -1px -15px !important;
    z-index: 9999;
    /* float: left; */
}

    .control__indicator .md-icon {
        background-color: transparent !important;
        visibility: hidden;
    }

.control--radio .control__indicator {
    border-radius: 50%;
}

.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
    background: #ccc;
}

.control input:checked ~ .control__indicator {
    background: #51bcb7;
}

.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
    background: #228e88;
}

.control input:disabled ~ .control__indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}

.control__indicator:after {
    content: '';
    position: absolute;
    display: none;
}

.control input:checked ~ .control__indicator:after {
    display: block;
}

.control--checkbox .control__indicator:after {
    left: 7px;
    top: 4px;
    width: 5px;
    height: 9px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.control--checkbox input:disabled ~ .control__indicator:after {
    border-color: #7b7b7b;
}

.control--radio .control__indicator:after {
    left: 7px;
    top: 7px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #fff;
}

.control--radio input:disabled ~ .control__indicator:after {
    background: #7b7b7b;
}

.Star-Rating td {
    line-height: 26px !important;
    font-size: 15px;
    vertical-align: middle !important;
    text-align: center;
}

    .Star-Rating td i {
        color: var(--primary-color);
        font-size: 16px;
    }

/****************************Hotel Deatil********************************/

.hoteldetail .whitebg {
    margin-bottom: 16px;
}

    .hoteldetail .whitebg h4 {
        color: #555;
        margin-top: 3px;
        margin-bottom: 1px;
    }

    .hoteldetail .whitebg h5 {
        margin-top: 17px;
        color: #555;
        margin-bottom: 5px;
        font-weight: 600;
    }

    .hoteldetail .whitebg hr {
        margin: 13px 0px;
    }

.Gmap button {
    padding: 0px !important;
    box-shadow: none;
}
/**********************************modify search**************************************/

sup {
    color: red
}

.modal-content {
    border-radius: 10px 10px 8px 8px !important;
}

.modal-header {
    background: var(--primary-color);
    padding: 8px 10px !important;
    color: #fff;
    padding-bottom: 4px !important;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

    .modal-header h4 {
        color: #fff !important;
        margin-bottom: 5px !important;
        font-size: 15px;
        margin-top:0;
    }

    .modal-header button {
        color: #fff !important;
        background: none !important;
        min-height:auto !important;
    }
/****************************hotel Pax *********************************/
.hotelpax .col-md-8 h4:not(.modal-title) {
    display: block;
    padding: 9px 10px;
    text-decoration: none;
    color: var(--primary-color);
    font-size: 18px;
    font-weight: 600;
    cursor: default;
    line-height: normal;
    background-color: #f5f5f5;
    margin-top: -15px;
    margin-left: -15px;
    margin-right: -15px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.hotel-info h4 {
    display: block;
    font-size: 18px;
    color: var(--primary-color);
    font-weight: 700;
    margin: 0 0 10px;
}

.new-exiting md-radio-button {
    display: inline-block;
    margin-right: 20px;
}

.adults {
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
}

.hotelpax table td {
    margin: 0px;
    padding: 0px 0px;
}

    .hotelpax table td h3 {
        margin: 0px;
    }

.hotelpax h5 {
    font: 14px/1.5 'Open Sans', sans-serif;
    font-weight: 600;
}

.hotelpax b {
    font: 14px/1.5 'Open Sans', sans-serif;
    font-weight: 600;
}

p.paxbutton img {
    margin-right: 20px;
}


.attachment {
    box-shadow: inset 0px 0px 0px 2px var(--primary-color);
    color: var(--primary-color) !important;
    text-shadow: none;
    text-transform: capitalize;
    background: none !important;
    border-radius: 2px;
    min-height: 36px;
    min-width: 88px;
    line-height: 36px;
    align-items: center;
    text-align: center;
    border-radius: 2px;
    height: 36px;
    display: inline-block;
}

.upload {
    background: var(--primary-color) !important;
}

    .upload:hover {
        color: #fff !important;
    }

    .upload:focus {
        color: #fff !important;
    }

.offerPromotions {
    background: #fafafa;
    padding: 15px;
    margin-top: 20px;
    border-radius: 5px;
}

    .offerPromotions h5 {
        margin-top: 0;
        color: #000;
        font-weight: 600;
    }

    .offerPromotions p {
        font-size: 13px;
    }

.landmarkLink {
    cursor: pointer;
}

.tabViewSortUI .landmarkLink .icon{
    margin-right:3px;
}

.landmarkDropdown {
    position: absolute;
    width: 500px;
    z-index: 10;
    right: 0;
    top: 55px;
    background: #fff;
    padding: 15px;
    border: 1px solid #ccc;
    box-shadow: 0 5px 5px #ccc;
    border-radius: 0 0 10px 10px;
}

.ovrflw-box-landmrk {
    max-height: 250px;
    overflow-y: auto;
}

.landmarkDropdown ul {
    column-count: 3;
}

    .landmarkDropdown ul li:first-child {
        display: block;
        column-span: all;
        margin-bottom: 5px;
        font-size: 16px;
    }

    .landmarkDropdown ul li {
        line-height: 20px;
    }

        .landmarkDropdown ul li strong, .landmarkDropdown ul li a {
            display: block;
        }

        .landmarkDropdown ul li a {
            padding: 5px 0;
        }

.landmarkDist {
    display: inline-block;
    font-size: 11px;
    background: #f2f2f2;
    border-radius: 3px;
    line-height: normal;
    margin: 5px 0;
    padding: 2px 5px;
}

    .landmarkDist label {
        font-size: 11px;
        margin: 0;
        padding: 0;
    }

.cancel {
    position: relative;
    overflow: visible !important;
    background: #fff !important;
    color: var(--primary-color) !important;
    text-shadow: none !important;
    transition: .3s;
    margin-left: 8px !important;
    box-shadow: inset 0px 0px 0px 1.5px var(--primary-color) !important;
    background-color: white;
    transition: .3s;
}

.cancel .fa {
    color: #fff !important;
}

.cancel:hover, .cancel:focus {
    transition: .3s;
}

.hotelpax .total-com h3 {
    font-size: 18px;
    font-weight: 700;
    margin: 0px;
    color: var(--primary-color);
}

    .hotelpax .total-com h3 b {
        font-weight: 600;
        color: var(--primary-color);
    }

.hotelpax .total-com button {
    padding: 10px 37px !important;
    line-height: normal;
    height: auto;
}

.hotelpax .total-com.desktop-only button {
    padding: 10px 10px !important;
}

.hotelpax .nav-tabs > li.active > a, .hotelpax .nav-tabs > li.active > a:focus, .hotelpax .nav-tabs > li.active > a:hover {
    color: #fff;
    cursor: default;
    background-color: var(--primary-color) !important;
    border: none;
    transition: .3s;
    border-bottom-color: transparent;
    font-weight: 600;
    letter-spacing: 0px;
}

.row.total-com {
    margin-top: 23px;
}

.hotelpax .tab-content {
    padding: 11px 10px;
}

.hotelpax .nav-tabs > li > a {
    margin-right: 2px;
    transition: .3s;
    line-height: 1.42857143;
    border: none;
    border-radius: 0;
    background-color: #dedede;
    color: #555;
    font-weight: 600;
    margin-right: 15px;
    padding: 10px 29px;
    margin-bottom: 1px;
}

.hotelpax .nav-tabs {
    border-bottom: 2px solid var(--primary-color);
}


.hoteldetails .aminites {
    margin-top: 5px;
    margin-bottom: 10px;
}

    .hoteldetails .aminites i {
        color: #555;
        margin-right: 6px;
    }

.hoteldetails p {
    font-size: 13px;
    margin-bottom: 0px;
}

.pax-hotel-deatil {
    font-size: 12px;
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
}

    .pax-hotel-deatil img {
        width: 75%;
        border: 1px solid #e8e4e4;
        padding: 2px;
        height: auto;
    }

    .pax-hotel-deatil .delux-room {
        margin-bottom: 5px;
        color: var(--primary-color);
        text-decoration: underline;
        font-weight: 600;
    }

.hoteldetails h3 {
    color: #555;
    margin: 0 0 10px 0;
    font-size: 19px;
    font-weight: 600;
}

.hoteldetails small {
    font-size: 93%;
}

.hoteldetails a {
    color: #e85a5a;
}

.hoteldetails .stars {
    color: #ffd646;
}

.pax-hotel-deatil i {
    color: #555;
}
/********************Hotel info************************/

.hoteldetail .room-info {
    width: 80%;
}

    .hoteldetail .room-info img {
        width: 80%;
        margin-right: 20px;
        height: 67px;
    }

.hotel-detail-filter md-checkbox {
    margin-bottom: 0px;
}

.hotel-info {
}

    .hotel-info i {
        color: var(--primary-color);
        margin-right: 11px;
    }

    .hotel-info .hotel-info-img {
        display: -webkit-flex; /* Safari */
        display: flex;
    }

        .hotel-info .hotel-info-img .img_hotel {
            -webkit-flex: 3; /* Safari 6.1+ */
            -ms-flex: 3; /* IE 10 */
            flex: 3;
            flex-wrap: wrap;
        }

            .hotel-info .hotel-info-img .img_hotel img {
                width: 100px;
                height: 100px;
            }

    .hotel-info .img_info {
        -webkit-flex: 9; /* Safari 6.1+ */
        -ms-flex: 9; /* IE 10 */
        flex: 9;
        padding-left: 14px;
    }

        .hotel-info .img_info h4 {
            color: #555;
            margin-bottom: 10px;
            letter-spacing: px;
            line-height: 22px;
            font-size: 17px;
            font-weight: 600;
        }

        .hotel-info .img_info p {
            font-size: 13px;
        }

    .hotel-info .user-guest {
        -webkit-flex: 12; /* Safari 6.1+ */
        -ms-flex: 12; /* IE 10 */
        flex: 12;
        flex-direction: column;
        font-weight: 600;
        margin-bottom: 7px;
    }

.check_in_out {
    display: -webkit-flex; /* Safari */
    display: flex;
    margin-top: 5px;
}

    .check_in_out > div {
        width: 50%;
        padding: 2px 0px;
        font-size: 12px;
        color: #858585;
    }

.roomsInfo {
    text-align: right;
}

.check_in_out div:nth-child(2) {
    text-align: right;
}

.check_in_out i {
    color: var(--primary-color);
    margin-right: 11px;
    font-size: 11px;
    font-weight: 600;
}

.check_in_out del {
    font-size: 12px;
    color: #e85a5a;
    font-weight: 600;
}

.check_in_out b {
    font-size: 12px;
    color: #555;
}

.hotel-info small {
    display: block;
    margin-top: 9px;
}

    .hotel-info small b {
        font-size: 15px;
    }

.hotel-info .totalprice {
    padding: 8px 0;
    display: flex;
    margin-top: 14px;
    border-top: 1px solid #eeeeee;
    color: var(--primary-color);
}

    .hotel-info .totalprice div {
        width: 50%;
    }

        .hotel-info .totalprice div h4 {
            font-weight: 700;
            color: var(--primary-color);
            margin: 10px 0 0 0;
        }

        .hotel-info .totalprice div:nth-child(1) {
            line-height: 38px;
            font-weight: 600;
            font-size: 16px;
        }

        .hotel-info .totalprice div:nth-child(2) {
            text-align: right;
        }

.btn_book {
    width: 100%;
    line-height: 40px !important;
    height: 40px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    margin-top: 17px;
}
/***********************Aminities************************/
.aminities {
}

    .aminities li {
        display: inline-block;
        padding: 0 10px;
        text-align: center;
        width: 87px;
        float: left;
    }

        .aminities li:hover {
            color: var(--primary-color) !important;
        }

        .aminities li > span:hover:before {
            color: var(--primary-color) !important;
        }

        .aminities li span {
            font-size: 37px;
            display: block;
        }

        .aminities li span {
            font-size: 37px;
            display: block;
        }

            .aminities li span small {
                display: block;
                line-height: 13px;
            }

        .aminities li.more {
            height: 60px;
            line-height: 60px;
            background: #686666;
            color: #fff;
            text-align: center;
        }

.tab-items {
    background: #fcfcfc;
    margin-bottom: 18px;
    box-shadow: 0px 0px 3px #bbb;
}

    .tab-items li {
        MARGIN: 0PX 6%;
        DISPLAY: INLINE-BLOCK;
    }

        .tab-items li a {
            color: #555;
            DISPLAY: INLINE-BLOCK;
            padding: 20px 0px;
            text-decoration: none;
        }

    .tab-items .active {
        box-shadow: inset 0px -3px 0px var(--primary-color);
    }

.width45 {
    width: 45% !important;
}

.width55 {
    width: 55% !important;
}

.link_tab {
    position: fixed;
    transition: .5s;
    width: 100%;
    top: 0px;
    z-index: 800;
}

.modal {
    background-color: transparent !important;
    height: auto !important;
    padding: 0px;
    opacity: 1 !important;
    border: none !important;
}

.hotel-detail-filter .hdfHeading {
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 15px;
}

    .hotel-detail-filter .hdfHeading h4 {
        line-height: 46px;
        margin: 0;
    }

.hotel-detail-filter .contBox {
    width: 100%;
    border: none;
    background: #fcfcfc;
    box-shadow: 0px 2px 2px rgb(51 51 51 / 13%);
    border-radius: 4px;
    margin-bottom: 16px;
    padding: 0 20px 10px;
}

.hotel-detail-filter .fixed {
    position: fixed;
    margin-left: -570px;
    left: 50%;
    width: 1140px;
    z-index: 10;
    top: 65px;
}

.hotel-detail-filter strong {
    margin-right: 10px;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 10px;
    color: #999;
}

.hotel-detail-filter .hdfHeading {
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

    .hotel-detail-filter .hdfHeading .cancel {
        font-size: 12px;
        margin: 0;
        margin-top: 5px;
        padding: 5px 10px !important;
        height: auto;
        line-height: normal;
        min-height: inherit;
        min-width: inherit;
    }
/*********************confirmation***************************/
.confirmation h4 {
    margin: 0px;
    font-size: 20px;
    color: #555;
    margin-bottom: 18px;
    border-bottom: 1px solid #555;
    padding-bottom: 9px;
}

    .confirmation h4.customTag {
        border-bottom: none;
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

.confirmation h6.customTag {
    margin: 0px;
    margin-top: 0px;
    font-size: 15px;
    margin-bottom: 15px;
}

.confirmation .panel.panel-default.customTag {
    margin-top: 20px;
}

.confirmation .modal h4 {
    border-bottom: none;
}

.confirmation h3 {
    margin: 0px;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 7px;
}

.confirmation h2 {
    margin: 0px;
    font-size: 20px;
    color: #555;
}

.confirmation h1 {
    margin: 24px 0px;
    border-bottom: 1px solid #555;
    border-top: 1px solid #555;
    font-size: 20px;
    color: #555;
    padding: 7px 0px;
}

.confirmation h6 {
    margin: 6px 0px;
    margin-top: 20px;
    font-size: 20px;
    color: #555;
}

.confirmation .table thead {
    color: #fff;
    font-size: 15px;
    font-weight: normal;
    background: var(--primary-color);
}

.confirmation .table {
    margin-bottom: 0px;
}

    .confirmation .table thead th {
        font-weight: normal;
        border-bottom: none;
    }

.confirmation_check {
    width: 80%;
}

    .confirmation_check td {
        padding: 5px 0px;
    }

        .confirmation_check td i {
            color: var(--primary-color);
        }

.stars {
}

    .stars i {
        color: #ffe208;
        font-size: 14px;
    }

.img-responsive {
    width: 100%;
    border: 1px solid #e8e4e4;
    padding: 2px;
}

.ser-tax td {
    padding: 5px 0px;
}




/***********************************************************************************************************/
.optWidget {
    background: #fff;
    border-radius: 2px;
    border: 1px solid #ddd;
    position: relative;
    font-size: 14px;
    z-index: 0;
    margin-top: 20px;
    width: 400px;
}

    .optWidget.ng-hide {
        height: 0;
        width: 400px;
    }

    .optWidget:after {
        position: absolute;
        content: '';
        width: 0;
        top: -15px;
        left: 45%;
        height: 0;
        border-style: solid;
        border-width: 0 11.5px 15px 11.5px;
        border-color: transparent transparent #ddd transparent;
    }

.RoomsBlock {
    background-color: #f4f4f4;
    border-radius: 3px;
    padding: 10px;
    margin: 10px;
    display: flex;
}

.slctRoomTit {
    font-size: 14px;
    font-weight: 400;
    margin-right: 20px;
}

.custom-select-v3 {
    position: relative;
}

    .custom-select-v3 .dropdown-menu {
        width: 100% !important;
        min-width: inherit;
    }

        .custom-select-v3 .dropdown-menu li a {
            font-size: 11px;
            padding: 2px;
            padding-left: 6px;
        }

.optWidget .roomsection {
    max-height: 219px;
    overflow: auto;
}

.custom-select-v3 select, .custom-select-v3 input[type="text"] {
    height: 27px !important;
    border: 1px solid #ccc !important;
    line-height: normal;
    margin-bottom: 0;
    padding: 0 4px !important;
    font-size: 13px;
    border-radius: 3px !important;
    box-shadow: none !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.optWidget label.specifyTit {
    font-size: 11px;
    color: #939393;
    font-weight: normal;
}

.optWidget {
    position: absolute;
    right: 0;
    z-index: 200;
    top: 60px;
    width: 500px;
}

.htlRomWidgt .RoomsBlock label {
    display: inline-block;
    margin-right: 20px;
}

.optWidget .selectRooms {
    width: 40%;
}

.RoomsBlock .selectRooms {
    max-width: 60px;
    display: inline-block;
}

.roomsWidgetContent {
    padding: 0 10px;
    display: inline-block;
    margin: 0 10px 10px 10px;
    background: #fafafa;
    border-radius: 3px;
}

.room-container.roomContainer._htlroomcontainer {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 10px;
}

.optWidget .roomTit {
    font-size: 14px;
    margin-right: 0;
    margin-top: 2px;
    position: static;
    min-width: 100%;
    margin-bottom: 0;
}

.optWidget .adult, .optWidget .child, .optWidget .Nationality {
    min-width: 48%;
    margin: 0;
    max-width: 48%;
}

.optWidget .Nationality {
    position: relative;
}

.optWidget .closeDropdown {
    display: inline-block;
    width: 100%;
    padding: 10px 15px;
    text-align: right;
    border-top: 1px solid #d1d1d1;
    background: #f5f5f5;
    border-radius: 0 0 2px 2px;
    position: relative;
}

    .optWidget .closeDropdown .closeBtn {
        position: static;
    }

.optWidget .closeBtn {
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    z-index: 1;
    padding: 4px 10px;
    background: var(--primary-color);
    display: inline-block;
    border-radius: 3px;
    opacity: 1;
}

.optWidget .specifyAge label.specifyTit {
    color: #555;
    margin: 12px 0 5px;
    font-size: 12px;
    font-weight: bold;
    width: 100%;
}

.specifyAge .childAge {
    min-width: 40px;
    margin-right: 5px;
}

.slctRoomTit {
    font-size: 12px !important;
    font-weight: normal;
    float: left;
    margin-top: 5px;
}

.specifyChildrenAges {
    width: 100%;
    display: flex;
    flex-direction: row;
}
/*****************************Traveller***********************************/
.listHotelcss {
    margin-bottom: 12px;
    float: left;
    width: 100%;
}

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

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

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

.timeline-item {
    background: #fff;
    border: 1px solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    padding: 12px;
    margin: 0 auto;
    border-radius:5px;
}

.uib-datepicker td {
    color: #000 !important;
    font-size: 12px;
    border: solid 1px #e7eaef;
    background-color: #f9f9f9;
    font-weight: bold;
}

.uib-datepicker-popup.dropdown-menu {
    outline: none;
    padding: 0px;
    width: 286px;
}

.uib-datepicker-popup div[datepicker-options="datepickerOptions"] button {
    padding: 5px 11.4px !important;
    border: none;
}

.uib-yearpicker button {
    color: #555 !important;
}

.uib-yearpicker .btn-info.active .text-info {
    color: #ffffff;
}

.uib-yearpicker .btn-info.active {
    background-color: var(--primary-color) !important;
    color: #fff !important;
}

.uib-yearpicker .btn-info.active {
    background-color: var(--primary-color) !important;
    color: #fff !important;
}

.uib-datepicker-popup div[datepicker-options="datepickerOptions"] .btn-info:active {
    background-color: var(--primary-color) !important;
}

    .uib-datepicker-popup div[datepicker-options="datepickerOptions"] .btn-info:active:hover {
        background-color: var(--primary-color) !important;
        color: #fff !important;
    }

.uib-datepicker-popup.dropdown-menu .btn-success {
    border: none;
}

.uib-datepicker-popup.dropdown-menu table {
    border-collapse: collapse;
    border-spacing: 0;
    overflow: hidden;
    width: 100%;
}

.uib-daypicker .btn {
    border-radius: 50%;
    font-size: 13px;
    line-height: 18px;
    padding: 7px 12px !important;
    color: #000 !important;
    background: #f6fafd;
    font-weight: 600;
    box-shadow: none !important;
    height:48px;
}

    .uib-daypicker .btn:not(:disabled):hover {
        background-color: var(--primary-color-lite);
    }

.uib-daypicker .btn-default {
    border: none;
}

.uib-datepicker .btn.disabled, .uib-datepicker .btn[disabled], .uib-datepicker fieldset[disabled] .btn {
    box-shadow: none;
    cursor: not-allowed;
    opacity: 0.15;
}

.uib-daypicker thead .btn {
    border-radius: 0px;
    font-size: 13px;
    line-height: 18px;
    width: 100%;
    padding: 7px 14px !important;
    color: #fff !important;
}

/*.uib-daypicker .btn-info.active {
    background-color: var(--primary-color-lite);
}

*/
.uib-daypicker .btn-info.active, .uib-daypicker .btn-info:active {
    color: #fff !important;
    border: none;
    box-shadow: none;
    position: relative;
}

    .uib-daypicker .btn-info.active:after, .uib-daypicker .btn-info:active:after {
        content: '';
        width: 68%;
        height: 100%;
        background: var(--primary-color);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }

    .uib-daypicker .btn-info.active:before, .uib-daypicker .btn-info:active:before {
        content: '';
        width: 0;
        height: 0;
        border-top: 16px solid transparent;
        border-left: 10px solid var(--primary-color);
        border-right: 0px solid transparent;
        border-bottom: 16px solid transparent;
        top: 0;
        left: 68%;
        position: absolute;
        z-index: 1;
    }

.uib-daypicker .btn-success {
    border: none;
    background: var(--primary-color-lite) !important;
}

    .uib-daypicker .btn-success.leftarrow {
        background: none;
        color: #fff !important;
        background-repeat: no-repeat;
        border: none;
        position: relative;
    }

        .uib-daypicker .btn-success.leftarrow:after {
            content: '';
            width: 68%;
            height: 100%;
            background: var(--primary-color);
            position: absolute;
            top: 0;
            right: 0;
            left: auto;
            z-index: 1;
        }

        .uib-daypicker .btn-success.leftarrow:before {
            content: '';
            width: 0;
            height: 0;
            border-top: 16px solid transparent;
            border-right: 10px solid var(--primary-color);
            border-left: 0px solid transparent;
            border-bottom: 16px solid transparent;
            top: 0;
            right: 68%;
            left: auto;
            position: absolute;
            z-index: 1;
        }

    .uib-daypicker .btn-success.leftarrow {
        color: #fff !important;
        border: none;
        background-color: none !important;
    }

    .uib-daypicker .btn-success.rightarrow {
        background: none;
        color: #fff !important;
        background-repeat: no-repeat;
        border: none;
        position: relative;
    }

        .uib-daypicker .btn-success.rightarrow span {
            z-index: 3;
            position: relative;
            color: #fff;
        }

        .uib-daypicker .btn-success.rightarrow:after {
            content: '';
            width: 68%;
            height: 100%;
            background: var(--primary-color);
            position: absolute;
            top: 0;
            left: 0;
            right: auto;
            z-index: 1;
        }

        .uib-daypicker .btn-success.rightarrow:before {
            content: '';
            width: 0;
            height: 0;
            border-top: 16px solid transparent;
            border-left: 10px solid var(--primary-color);
            border-right: 0px solid transparent;
            border-bottom: 16px solid transparent;
            top: 0;
            left: 68%;
            right: auto;
            position: absolute;
            z-index: 1;
        }

    .uib-daypicker .btn-success.rightarrow {
        color: #fff !important;
        background-repeat: no-repeat;
        border: none;
        background-color: none;
    }

    .uib-daypicker .btn-success.leftarrow span,
    .uib-daypicker .btn-info.active span, .uib-daypicker .btn-info:active span {
        z-index: 3;
        position: relative;
    }

.uib-daypicker thead button {
    background: var(--primary-color) !important;
}

.uib-daypicker .btn-info.active .text-info {
    color: #fff;
}

.uib-daypicker .btn-info:active .text-info {
    color: #fff;
}

.input-group-btn .glyphicon-plus:before {
    color: #000;
}

.input-group-btn .glyphicon-minus:before {
    color: #000;
}

.input-group-btn .glyphicon-plus::before {
    content: "+";
}

.input-group-btn .glyphicon-minus::before {
    content: "−";
}

#loading {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: block;
    z-index: 100;
    text-align: center;
    background: rgba(0, 0, 0, 0.62);
}

#loading-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 999;
    width: 60px;
    border-radius: 10px;
    background: none;
}

#loadingpage {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: block;
    z-index: 9999;
    text-align: center;
}

#loadingpage-image {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 999;
    width: 100%;
}

#loadingDetail {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: block;
    z-index: 999;
    text-align: center;
}

#loadingDetail-image {
    width: 10%;
    display: block;
    margin: 0 auto;
}

.center-spinner {
    width: 90px;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

#modifypage, #filterloadingDetail {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: block;
    z-index: 96;
    background: rgba(0, 0, 0, 0.42);
}

#filterloadingDetail {
    z-index: 999;
}

#modifypage-popup {
    z-index: 97;
    background: #fff;
}

#flightmodifypage-popup {
    z-index: 99;
    background: #fff;
}

#MCFlightForm, #MultiCityDataDiv {
    z-index: 999;
    background: #fff;
}
/*********************Search loader page***************************/

.wrapper {
    overflow: hidden;
    background: var(--primary-color);
    position: fixed;
    height: 100%;
    width: 100%;
    position: relative;
    color: #fff;
}

.inner-wrapper {
    margin: 0 auto;
    width: 767px;
    text-align: center;
    overflow: hidden;
    transform: translate(-50%, -78%);
    top: 65%;
    left: 50%;
    position: absolute;
    color: #fff;
}

#loadingpage-image h3 {
    color: #fff !important;
}

.inner-wrapper .text-center > table {
    margin: 40px auto;
    min-width: 400px;
}

.inner-wrapper .text-center table span {
    margin-left: 5px;
    display: inline-block;
    text-align: left;
}

.inner-wrapper b {
    font-size: 34px;
}

.sliding-background {
    background: url("../images/city.png") repeat-x;
    height: 100px;
    width: 5076px;
    animation: slide 30s linear infinite;
}

@keyframes slide {
    0% {
        transform: translate3d(-1692px, 0, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

.slider-bottom {
    width: 100%;
    border-bottom: 2px dashed #fff;
    height: 4px;
    margin-top: 2px;
}

/*********************Search loader page End***************************/

/************************Profile Page*******************************/


.profile .nav-pills {
    background: #fff;
    box-shadow: 0px 0px 1px #bbb;
    min-height: 500px;
}

    .profile .nav-pills li {
        display: block;
        width: 100%;
        margin-left: 0px;
    }

.profile .tab-content {
    float: left;
    width: 100%;
}

.profile .nav-pills h3 {
    margin: 0px;
    color: #fff;
    font-size: 18px;
    padding: 10px 0px 10px 10px;
    width: 100%;
    background: #ad9e94;
}

.profile .nav-pills > li > a {
    border-radius: 0px;
    color: #555;
}

.profile .nav-pills > li.active {
    box-shadow: inset 0px 0px 0px #ad9e94;
    transition: .1s;
}

    .profile .nav-pills > li.active > a, .profile .nav-pills > li.active > a:focus, .profile .nav-pills > li.active > a:hover {
        color: #555;
        background-color: transparent;
        transition: .1s;
    }

    .profile .nav-pills > li.active > a {
        box-shadow: inset -3px 0px 0px #ad9e94;
        position: relative;
        transition: .1s;
    }

        .profile .nav-pills > li.active > a::after {
            right: -8px;
            transition: .1s;
            content: '';
            top: 14px;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 8px 0 8px 10px;
            border-color: transparent transparent transparent #ad9e94;
            position: absolute;
        }

.profile .nav li a {
    padding: 0px !important;
    height: 46px;
    border-top: 1px #e8e8e8 solid;
    border-bottom: 1px #e8e8e8 solid;
    margin: 0px 0px;
}

.main-heading {
    position: relative;
    font-size: 22px;
}

.profile .nav li a span {
    height: 44px;
    display: inline-block;
    margin-right: 16px;
    background: #f7f5f4;
    width: 44px;
    padding: 11px;
    text-align: center;
}

    .profile .nav li a span .fa {
        color: #ad9e94;
    }

.profile .pro-inner {
    padding: 10px 15px;
    box-shadow: 0 0 1px 0 rgba(0,0,0,.14);
    border-radius: 3px;
    background: rgba(245, 245, 245, 0.25);
    margin-top: 20px !important;
    border: 1px solid #e4e4e4;
}

    .profile .pro-inner:first-child {
    }

a[href="DashBoard"] {
    margin-left: 20px !important;
}

.profile .pro-inner h3 {
    font-size: 17px;
    color: #555;
    margin-bottom: 0px;
    padding-bottom: 9px;
    margin-top: 0px;
}

.profile .pro-inner hr {
    margin: 0px;
    border: none;
    border-bottom: 1px solid #bebebe;
    margin-bottom: 13px;
}

.profile button {
    margin: 0px;
    margin-right: 0px;
    margin-left: 0px;
    font-size: 14px;
    padding: 0 24px !important;
    min-height: 40px;
    font-weight: 600;
    background: var(--primary-color);
}

.profile .md-primary i {
    color: #fff !important;
}

.profile .pro-inner .table-record thead {
    background: var(--primary-color);
    color: #fff;
    text-transform: uppercase;
    font-weight: normal;
}

    .profile .pro-inner .table-record thead th {
        border: none;
        font-weight: normal;
    }

.profile .pro-inner td {
    font-size: 12px;
    white-space: normal;
}

.profile .pro-inner .fa {
    color: #555;
    font-size: 16px;
    cursor: pointer;
}

.profile .table-info h2 {
    font-size: 18px;
    color: var(--primary-color);
    margin-bottom: 0px;
    padding-bottom: 6px;
    margin-top: 0px;
}

.profile .table-info .fa-user {
    background: rgba(30, 155, 215, 0.14);
    width: 35px;
    height: 35px;
    border-radius: 50%;
    padding-top: 11px;
    text-align: center;
    color: var(--primary-color);
    font-size: 14px;
    margin-right: 5px;
}

.profile .table-info .fa-users {
    background: var(--primary-color-lite);
    width: 35px;
    height: 35px;
    border-radius: 50%;
    padding-top: 11px;
    text-align: center;
    color: var(--primary-color);
    font-size: 14px;
    margin-right: 5px;
}

.profile .table-info .fa-user-circle-o {
    background: var(--primary-color-ultra-lite);
    width: 35px;
    height: 35px;
    border-radius: 50%;
    padding-top: 11px;
    text-align: center;
    color: var(--primary-color);
    font-size: 14px;
    margin-right: 5px;
}

.border-red {
    border-color: red !important;
}

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

.pro-inner table {
    white-space: nowrap;
}

.profile a[title="Edit"], .profile a[title="View"], .profile a[title="Delete"] {
    margin: 0 3px;
}

.profile .table-info .table > tr:first-child > td {
    border-top: none;
}

.profile .table-info .traveller-tb tr {
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #f7f7f7;
    margin: 6px 0px;
}

    .profile .table-info .traveller-tb tr td {
        border: none;
    }

.profile hr.mt {
    margin-bottom: 5px;
}

.pro-inner.table-info.user-detail .table td {
    border: none;
    font-size: 13px;
    line-height: 22px;
    padding: 4px 13px;
}

.pro-inner.table-info.user-detail .table {
    border: 1px solid #f6f6f6;
}
/************************Profile Page*******************************/
.typeahead-group-header {
    background: #efefef;
    padding: 6px 13px 6px 19px;
    color: #555;
    font-weight: 600;
    display: block;
    width: 100%;
    pointer-events: none;
    text-transform: capitalize !important;
}

.timeline-wrapper {
    margin-bottom: 15px;
}

.modal-header button {
    border: none !important;
    box-shadow: none;
    width: auto;
    height: auto;
    padding: inherit !important;
    opacity: 1;
    text-shadow: none;
    font-weight: normal;
    font-size: 28px !important;
    line-height:.66 !important;
    padding: 0px !important;
}

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

.has-error-home {
    border: 1px solid #ff0000 !important;
}

.dob .dropdown-toggle {
    display: block;
    padding: 8px 10px !important;
    background: none;
    color: #454545 !important;
    text-align: left;
    font-weight: normal;
    font-size: 13px;
    text-shadow: none;
    box-shadow: none;
    border-radius: 0px;
}

    .dob .dropdown-toggle .caret {
        position: absolute;
        right: 4px;
        top: 15px;
        color: #333;
    }

.dob .dropdown-menu {
    left: auto;
    min-width: 89px;
    border-radius: 0px;
    top: 32px;
    height: 200px;
    overflow: auto;
}

.dob .btn-default.active, .dob .btn-default:active, .open > .dob .dropdown-toggle.btn-default {
    background-color: transparent;
    box-shadow: none !important;
}

.dob .dropdown-menu > li > a {
    display: block;
    padding: 3px 13px;
}

div#hotelListIdmess {
    text-align: center;
    margin-top: 0%;
    background: #fff;
    min-height: 76vh;
    padding-top: 14%;
    box-shadow: 0px 0px 6px rgba(148, 146, 146, 0.3);
}

    div#hotelListIdmess .fa {
        text-align: center;
        color: var(--primary-color);
        font-size: 40px;
        margin-bottom: 29px;
    }

    div#hotelListIdmess p {
        line-height: 1.8;
        margin: 0 auto;
        width: 70%;
    }

    div#hotelListIdmess img {
        width: 200px;
    }

    div#hotelListIdmess h4 {
        color: var(--primary-color);
        font-size: 20px;
        margin: 20px 0px;
        font-weight: 700;
    }

.validateInput {
    border: 1px solid rgb(218, 0, 0) !important;
}

md-checked.md-default-theme.md-checked.md-focused .md-container:before, md-checked.md-checked.md-focused .md-container:before {
    background: rgb(79, 186, 181) !important;
}

.h390 {
    height: 390px;
    overflow: auto;
}
/******Recent Search*******/

.recent-search .dropdown-menu {
    right: 0px;
    left: auto;
    width: 246px;
}

    .recent-search .dropdown-menu li {
        padding: 2px 15px;
        border-bottom: 1px solid var(--primary-color-lite);
        cursor: pointer;
    }

        .recent-search .dropdown-menu li:last-child {
            border-bottom: none;
        }

i.main-link-icon {
    color: var(--primary-color) !important;
    margin-right: 2px;
}

svg.main-link-icon {
    width: 22px;
}

    svg.main-link-icon path {
        fill: var(--primary-color);
    }

.main-link .myacc {
    left: -34px !important;
}

.main-link ul.dropdown-menu {
    padding: 0;
    top: 55px;
    left: auto;
    right: 0;
    border: none;
    border-radius: 5px;
    box-shadow: 0 0 2px 1px rgba(139, 139, 139, 0.25);
}

    .main-link ul.dropdown-menu:before,
    #notification_List:before {
        position: absolute;
        content: '';
        background: #fff;
        height: 15px;
        width: 15px;
        transform: rotate(45deg);
        border-radius: 3px;
        border-top: 2px solid rgba(139, 139, 139, 0.25);
        border-left: 2px solid rgba(139, 139, 139, 0.25);
        top: -8px;
        right: 25px;
    }

.main-link .dropdown-menu li {
    text-align: left;
}

.main-link .recent-search .dropdown-menu li {
    transition: .3s;
}

    .main-link .recent-search .dropdown-menu li:hover {
        background: var(--primary-color-lite);
    }

.main-link .dropdown-menu li:hover h6 {
    color: inherit;
}

.main-link .dropdown-menu li a {
    transition: .3s;
    padding: 6px 10px;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background-color: transparent;
}

.main-link .dropdown-menu li a:hover {
    background: var(--primary-color-lite);
    transition: .3s;
}

.main-link .dropdown-menu li a.signout_dropDwn i {
    color: var(--red-color);
}

.main-link .dropdown-menu li a.signout_dropDwn:hover {
    background: var(--red-color) !important;
    color: #fff;
}

.main-link .dropdown-menu li a.signout_dropDwn:hover i {
    color: #fff;
}

.recent-search .dropdown-menu h6 {
    margin: 5px 0px;
    max-width: 200px;
    white-space: normal;
}

    .recent-search .dropdown-menu h6 span {
        line-height: 1.4;
        white-space: nowrap;
    }

.recent-search .dropdown li {
    padding: 3px 15px;
    cursor: pointer;
}

.recent-search .r-text {
    font-size: 12px;
    color: #555;
    padding: 10px 10px 20px 10px;
    line-height: 18px;
    letter-spacing: 0;
    text-align: center;
    white-space: normal;
}

    .recent-search .r-text > img {
        display: block;
        width: 50px;
        text-align: center;
        margin: 10px auto;
    }

.recent-search ul li > b {
    text-align: center;
    display: block;
    position: relative;
    padding: 80px 10px 15px 10px;
    color: #555;
    font-weight: 600;
    font-size: 13px;
}

    .recent-search ul li > b:before {
        content: url(/images/icon-no-data.svg);
        transform: scale(.25);
        position: absolute;
        top: -95px;
        left: 0;
        width: 80%;
    }

.walletNavSec, .rewardsNavSec {
    display: flex !important;
    align-items: center;
    margin-right: 7px;
    margin-left: 7px;
    text-decoration: none !important;
}

    .walletNavSec label, .rewardsNavSec label {
        color: var(--primary-color);
        margin: 0;
    }

    .walletNavSec .walletIcon, .rewards-Icon {
        padding-right: 10px
    }

    .walletNavSec img[src*="credit.png"], .walletNavSec img[src*="_thumb_21802.png"],
    .rewardsNavSec img[src*="credit.png"], .rewardsNavSec img[src*="_thumb_21802.png"], .rewards-Icon img {
        background: var(--primary-color);
        border-radius: 50%;
    }

.state-error {
    border: 1px solid rgba(255, 0, 0, 0.61) !important;
}

#selectroom {
    z-index: 999;
    display: none;
    padding-top: 100px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

    #selectroom .modal-footer {
        padding: 9px 14px;
        text-align: right;
        border-top: 1px solid #e5e5e5;
    }

    #selectroom .modal-footer button {
        margin: 0px;
        margin-top: 6PX;
        margin-right: 0px;
        margin-left: 0px;
        font-size: 12px;
        line-height: 19px;
        min-height: 19px;
        font-weight: 600;
        background: var(--primary-color);
        padding-left: 4px !important;
        padding-right: 4px !important;
    }

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

.uib-monthpicker .btn-info.active {
    background-color: var(--primary-color) !important;
    color: #555 !important;
}

.uib-year .text-info, .uib-month .text-info {
    color: #555;
}

.uib-month .btn-info {
    background-color: var(--primary-color) !important;
    color: #fff;
}

#hotelBed_table {
    border-bottom: 1px solid #e9e6e0;
}

#dotw_table {
    border-bottom: 1px solid #e9e6e0;
}

#expedia {
    border-bottom: 1px solid #e9e6e0;
}


.recent-search .dropdown-menu li h6:hover {
    color: inherit;
}


#hotelBed_table .gray .v-rotation {
}


.addremroom {
    border-bottom: 1px solid #e9e6e0;
}

    .addremroom .loadingRoom, .addremroom .loadingRoomRapid {
        width: 50px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

.orginzation {
    margin-bottom: 10px;
}

.dash-board md-radio-button {
    display: inline-block;
    margin-right: 20px;
}

.view-org md-checkbox {
    width: 193px;
}

.view-org h6 {
    font-size: 14px;
    font-weight: 600;
}

.nav.nav-tabs {
    border-bottom: 1px solid var(--primary-color);
}

    .nav.nav-tabs.orginzation li a {
        height: auto;
        line-height: 36px;
        padding: 0 15px !important;
        font-weight: 600;
        border-radius: 0px;
        border: none;
        color: #ad9e94;
        text-transform: uppercase;
        cursor: pointer;
        border-radius:5px 5px 0 0;
    }

    .nav.nav-tabs.orginzation li a i {
        color: #ad9e94;
    }

    .nav.nav-tabs.orginzation li.active a i {
        color: var(--primary-color);
    }

    .nav.nav-tabs.orginzation li.active a {
        color: #555;
    }

    .nav.nav-tabs.orginzation li.active {
        box-shadow: inset 0px 2px 0px var(--primary-color);
        border-left: 1px solid var(--primary-color);
        border-right: 1px solid var(--primary-color);
        border-bottom: 2px solid #fff;
        border-radius:5px 5px 0 0;
    }

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.pagination > li > a, .pagination > li > span {
    color: var(--primary-color);
}

.orginzation .nav > li > a:focus, .orginzation .nav > li > a:hover {
    background-color: transparent;
}

.hamenity.bb {
}



.clearRecentSearchCss {
    float: right;
    position: relative;
    top: -35px;
    right: -5px;
    cursor: pointer;
    color: #919292;
    display: table;
}

    .clearRecentSearchCss > i {
        display: table-cell;
        vertical-align: middle;
    }

.list-view:hover, .map-view:hover {
    background: var(--primary-color-ultra-lite);
    border-color: var(--primary-color);
}

.list-view.active-list, .map-view.active-list {
    background: var(--primary-color);
    color: #fff;
    border-color: var(--primary-color);
}



.table thead tr th a {
    color: #fff;
    text-decoration: none;
}

    .table thead tr th a span .fa {
        color: #fff !important;
        text-decoration: none;
    }

.loadingCountImg {
    width: 5%;
    padding: 0 1%;
}



.profile input[type="search"], .profile select, .profile input[type="email"], .profile input[type="text"], .profile input[type="number"], .profile input[type="password"], .profile input[type="tel"], .profile input[type="url"] {
    height: 39px;
    font-size: 14px;
    position: relative;
    z-index: 1;
    border-radius: 3px;
}

.profile select {
    padding-right: 20px !important;
}

.profile input[type="search"], .profile input[type="email"], .profile input[type="text"], .profile input[type="number"], .profile input[type="password"], .profile input[type="tel"], .profile input[type="url"], .profile input[type="dob"] {
    height: 39px;
    font-size: 14px;
    background: #fff !important;
}

.select2-container {
    width: 100% !important;
}

.profile .pro-inner .table-record tr td:last-child {
    text-align: center;
}

.profile .pro-inner .table-record tr td a {
    text-decoration: none;
    margin: 0 3px;
    font-size: 13px;
    cursor: pointer;
}



.clearRecentSearchCss {
    position: absolute;
    top: 0;
    right: 1px;
    color: red;
    cursor: pointer;
    width: 25px;
    height: 100%;
    text-align: center;
    z-index: 99999;
}

    .clearRecentSearchCss::after {
        content: '';
        top: 10%;
        left: 0;
        height: 80%;
        width: 2px;
        border-left: 1px solid var(--primary-color-lite);
        position: absolute;
    }

.recent-search li {
    position: relative;
}

#Hotelmap button {
    padding: 0px !important
}

.datepicker.dob button {
    height: 39px;
}

.btn.md-primary {
    background: var(--primary-color);
}

.custom-check input[type="checkbox"] {
    display: none;
}

    .custom-check input[type="checkbox"] ~ label {
        color: #555;
        margin: 0px;
    }

        .custom-check input[type="checkbox"] ~ label span {
            display: inline-block;
            width: 18px;
            height: 18px;
            border-radius: 2px;
            margin: 0px 10px 0 5px;
            vertical-align: middle;
            background: #fff;
            cursor: pointer;
            border: 2px solid var(--primary-color);
            position: relative;
        }

.custom-check.small input[type="checkbox"] ~ label span {
    transform: scale(.8);
    margin-right: 3px;
}

.custom-check input[type="checkbox"]:checked ~ label span {
    background: var(--primary-color);
}

    .custom-check input[type="checkbox"]:checked ~ label span:after {
        border-width: 2px;
        border-style: solid;
        border-top: 0;
        border-left: 0;
        border-color: rgba(255,255,255,0.87);
        transform: rotate(45deg);
        color: #ffffff;
        position: absolute;
        font-size: 13px;
        padding: 1px;
        font-weight: normal;
        left: 50%;
        background: var(--primary-color);
        width: 5.66667px !important;
        top: 1.22222px !important;
        height: 11.33333px !important;
        content: "" !important;
        margin-left: -2.7px;
    }

.custom-check.small input[type="checkbox"]:checked ~ label span:after {
    top: 0 !important;
}

    .profile .pro-inner .table-record tr td:last-child .fa {
        margin: 0 3px;
    }

    .profile .pro-inner .table-record tr td:last-child .fa:hover {
        color: var(--primary-color);
    }

.profile table.dataTable thead th, .profile table.dataTable tfoot th {
    font-weight: normal !important;
}

.baggage-other #myTab li a {
    background-color: var(--primary-color) !important;
    color: #fff;
    border: none;
    cursor: pointer;
    margin-left: -5px;
    border-radius: 0;
}

.field-validation-error {
    color: #fff !important;
}

/*************Custom radio button*****************/
.custom-radio-laberWraped input[type="radio"],
.custom-radio input[type="radio"] {
    display: none;
}

.custom-radio-laberWraped input[type="radio"] + span,    
.custom-radio input[type="radio"] + label {
        color: #555;
        margin-right: 10px;
        font-size: 14px;
        font-weight: normal;
        margin-top: 8px;
    }
    
    .custom-radio-laberWraped input[type="radio"] + span:before{
        content:'';
    }

    .custom-radio-laberWraped input[type="radio"]:checked + span:before,
    .custom-radio-laberWraped input[type="radio"] + span:before,
    .custom-radio input[type="radio"] + label span {
        display: inline-block;
        width: 20px;
        height: 20px;
        margin: -2px 5px 0 0px;
        vertical-align: middle;
        border: 2px solid var(--primary-color);
        border-radius: 50%;
        cursor: pointer;
        transition: .3s;
    }

.custom-radio.tick-radio input[type="radio"] + label span {
    width: 20px;
    height: 20px;
    margin-right: 0;
}

.custom-radio-laberWraped input[type="radio"] + span,
.custom-radio input[type="radio"]:checked + label span {
    background: #fff;
    position: relative;
    cursor:pointer;
}

.custom-radio.tick-radio input[type="radio"]:checked + label span {
    background: var(--green-color);
    position: relative;
    font: normal normal normal 9px/1 FontAwesome;
    line-height: 1.11;
    border-color: var(--green-color);
}

.custom-radio-laberWraped input[type="radio"]:checked + span:after{
    content:'';
    background-color:var(--primary-color);
    height: 10px;
    width: 10px;
    display: inline-block;
    position: absolute;
    left: 5px;
    top: 5px;
    border-radius:50%;
}

.custom-radio.tick-radio.emailTo_h-radio input[type="radio"],
.custom-radio.tick-radio.emailTo_s-radio input[type="radio"] {
    display: none !important;
}

.custom-radio.tick-radio.emailTo_h-radio input[type="radio"]:checked + label span,
.custom-radio.tick-radio.emailTo_s-radio input[type="radio"]:checked + label span {
    background: var(--tertiary-color);
    position: relative;
    line-height: 1.11;
    border-color: var(--tertiary-color);
    font-family: inherit;
    font-weight: 700;
    font-size: 10px;
}

.custom-radio input[type="radio"]:checked + label span:after {
    background: var(--primary-color);
    content: '';
    transition: .3s;
    width: 10px;
    height: 10px;
    position: absolute;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}


.custom-radio.tick-radio input[type="radio"]:checked + label span:after {
    background: none;
    content: "\f00c";
    color: #fff;
    transition: none;
}

.custom-radio.tick-radio.emailTo_s-radio input[type="radio"]:checked + label span:after,
.custom-radio.tick-radio.emailTo_h-radio input[type="radio"]:checked + label span:after {
    background: none;
    content: "S";
    color: #fff;
    transition: none;
}

.custom-radio.tick-radio.emailTo_h-radio input[type="radio"]:checked + label span:after {
    content: "H";
}

.table_divider {
    padding-right: 10px;
    width: 100%;
    color: #ccc;
    background: #f3f3f3;
    line-height: 22px;
    padding-left: 10px;
}

div#sortUp small {
    color: #555;
    display: inline-block;
    line-height: 18px;
    font-size:13px;
}

.ui-widget-content {
    border: 1px solid #cccccc !important;
    background: #fcfdfd;
    color: #222222;
    font-size: 12px !important;
    color: #555 !important;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 4px !important;
    padding: 5px 0 !important;
    margin: 2px 0 0 !important;
}

nav nav-tabs orginzation li {
    margin-right: 2px;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: none !important;
    background: var(--primary-color) !important;
    color: #fff !important;
    font-weight: normal;
}

.dataTables_wrapper {
    margin-bottom: 15px;
}

.container .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.container .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    z-index: 3 !important;
    color: #fff !important;
    cursor: default !important;
    background: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    text-decoration: none;
    margin: 0 3px !important;
    font-size: 13px !important;
    cursor: pointer;
    background-color: #fff !important;
    border-color: #ddd !important;
}

    .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        background: var(--primary-color) !important;
        border-color: var(--primary-color) !important;
        color: #fff !important;
    }

.paginate_button.current {
    color: #fff !important;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 8px 18px !important;
}

table.dataTable.no-footer {
    border-bottom: none !important
}

.deactiveprofiletab {
    background: #f8f8f8 !important;
    cursor: default !important;
    margin-right: 1px;
}

    .deactiveprofiletab a {
        cursor: default !important;
    }

.profile .dropdown-menu {
    width: 100%;
    left: 0px;
    max-height: 300px;
    overflow: auto;
}

    .profile .dropdown-menu > .active > a, .profile .dropdown-menu > .active > a:focus, .profile .dropdown-menu > .active > a:hover {
        color: #fff;
        text-decoration: none;
        background-color: var(--primary-color);
        outline: 0;
    }

.profile .form-group {
    margin-bottom: 15px;
    position: relative;
}

.form-group label {
    text-transform: capitalize;
}

.pagination {
    float: right;
    margin: 9px 0;
}

.table {
    width: 99.9% !important;
}

.navbar-default .navbar-nav > li > a {
    color: #fff !important;
    text-transform: capitalize;
}

    .navbar-default .navbar-nav > li > a:hover {
        color: #fff !important;
    }

.header-menu .navbar-default .navbar-nav > li > a {
    color: var(--primary-color) !important;
}

    .header-menu .navbar-default .navbar-nav > li > a:hover {
        color: var(--primary-color) !important;
        background: none;
    }

.navbar-default .navbar-nav > .open > a i.fa-angle-down {
    transform: rotate( 180deg );
}

.Dubplicate {
    position: absolute;
    color: #ff6363;
    font-size: 12px;
    bottom: -17px;
}

.profile td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cal-icon {
    position: relative;
}

.cal-icon:after {
    content: "\e801";
    font: normal normal normal 18px/1 fontello;
    color: #c9beb6;
    position: absolute;
    top: 36px;
    right: 6px;
    z-index: 8;
}

.addrow-btn button {
    background: #ffffff;
    border: 2px solid var(--primary-color);
    color: var(--primary-color) !important;
    padding: 3px 7px !important;
    min-height: 30px;
    font-size: 12px;
    line-height: 25px !important;
    text-shadow: none !important;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    background-color: rgba(255, 255, 255, 0) !important;
}

#ui-datepicker-div {
    padding: 0px !important;
    margin: 0px !important;
    z-index:8 !important;
}

.ui-datepicker-header {
    border: 1px solid #dcdede !important;
    background: #e8e8e8 !important;
    color: #555 !important;
    font-weight: bold;
    border-radius: 0px !important;
}

.stay-disable {
    display: none;
}

.ui-datepicker-calendar .ui-state-default {
    border: none !important;
    background: #fff !important;
    color: #000 !important;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: none !important;
    background: var(--primary-color) !important;
    color: #fff !important;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    background: var(--primary-color) !important;
}

button a {
    color: #fff;
}

    button a:hover {
        color: #fff;
    }

.filteForActionRoom .popover {
    z-index: 9999 !important;
    width: 426px !important;
    max-width: none !important;
}

.main.hoteldetail .filteForActionRoom .popover {
    z-index: 9 !important;
}

.filteForActionRoom .popover .text-info {
    color: #555 !important;
    font-size: 18px !important;
}

.filteForActionRoom .popover #close {
    text-align: right !important;
    color: #555 !important;
    font-size: 18px !important;
    float: right;
    cursor: pointer;
}

.filteForActionRoom .popover .fa-info-circle {
    margin-left: 10px !important;
    color: var(--primary-color) !important;
}

.checkbox-success label {
    padding-left: 0px;
}

.roomIcon {
    background: url(../images/roomicone.png);
    height: 16px;
    width: 16px;
    float: left;
}

.indfeecl {
    background: var(--primary-color);
    color: #fff;
    padding: 1px 5px;
    margin-left: 2px;
    border-radius: 2px;
    font-size: 10px;
}

    .indfeecl:before {
        content: "Charge applied";
    }

.tabbing-panel .panel-heading i {
    float: right;
    background: var(--primary-color);
    color: var(--primary-color) !important;
    padding: 3px 4px;
    border-radius: 50%;
    font-size: 10px;
    font-weight: 100;
    height: 18px;
    width: 18px;
    text-align: center;
}

.tabbing-panel .panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    border-color: #EEEEEE;
}

.tabbing-panel .panel-default > .panel-heading {
    padding: 0;
    border-radius: 0;
    color: #212121;
    background-color: #f7f7f7;
    border-color: #EEEEEE;
}

.tabbing-panel .panel-title {
    font-size: 14px;
}

    .tabbing-panel .panel-title > a {
        display: block;
        padding: 15px;
        text-decoration: none;
        color: var(--primary-color);
        font-weight: 600;
        text-transform: uppercase;
    }

.tabbing-panel .more-less {
    float: right;
    color: #212121;
}

.tabbing-panel .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #EEEEEE;
}

.tabbing-panel h3 {
    font-size: 18px;
    margin-bottom: 0px;
    padding-bottom: 9px;
    margin-top: 0px;
    color: var(--primary-color) !important;
    font-weight: 600;
    text-transform: uppercase;
}

.tabbing-panel .panel-body h6 {
    font-size: 15px !important;
    margin-bottom: 10px;
    margin-top: 0px;
    font: 14px/1.5 'Open Sans', sans-serif;
    color: #555555;
    font-weight: 600;
}

body.neom-body .tabbing-panel .panel-body h6 {
    font-family:'NEOMSans',sans-serif !important;
}

.tabbing-panel label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 600;
    color: #929292;
    text-transform: uppercase;
    font-size: 13px;
}

.b-label {
    font-size: 15px;
    color: #52555e;
    font-weight: 600;
}

    .b-label label {
        min-width: 200px;
    }

.h-img img {
    border: 2px solid #b3a59c;
    padding: 3px;
    height: auto;
    width: 100%;
    min-height: 175px;
}

.h-details h4 {
    margin-top: 8px;
}

.h-details h6 {
    margin-bottom: 8px !important;
}

.mb-0, .my-0 {
    margin-bottom: 0 !important;
}

#hoteldata .pro-inner {
    margin-bottom: 20px;
}

.cancellation-policy {
    color: #e85a5a !important;
    cursor: pointer;
    margin: 0px !important;
}

    .cancellation-policy:hover, .cancellation-policy:focus, .cancellation-policy:active {
        color: #e85a5a !important;
    }

.other-booking {
    color: var(--primary-color);
}

    .other-booking:hover, .other-booking:focus, .other-booking:active {
        color: var(--primary-color);
    }

.mt-10, .my-10 {
    margin-top: 10px !important;
}

.my-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.tabbing-panel h2 {
    position: relative;
    font-size: 16px;
    margin-top: 0;
}

    .tabbing-panel h2 span {
        background-color: #fff;
        padding-right: 10px;
        z-index: 2;
        position: relative;
        font-weight: bold;
    }

.tabbing-panel h6 {
    margin-bottom: 12px;
}

.search-result-markup thead {
    background: var(--primary-color);
    color: #fff;
    text-transform: uppercase;
    font-weight: normal;
}

.search-result-markup .table.dataTable thead th {
    padding: 10px 18px;
    border-bottom: 1px solid var(--primary-color);
    vertical-align: middle;
}

.search-result-markup .dataTables_paginate, .search-result-markup .dataTables_info {
    margin: 10px 0px;
}

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

    .checkboxs input {
        padding: 0;
        height: initial;
        width: initial;
        margin-bottom: 0;
        display: none;
        cursor: pointer;
    }

    .checkboxs label {
        position: relative;
        cursor: pointer;
        color: #555;
        margin-right: 1px;
        font-size: 14px;
        font-weight: normal;
        margin-top: 2px;
        text-transform: inherit;
        text-align: left;
    }

        .checkboxs label:before {
            content: '';
            -webkit-appearance: none;
            background-color: rgba(79, 186, 181, 0);
            border: 2px solid var(--primary-color);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
            height: 18px;
            width: 18px;
            display: inline-block;
            position: relative;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 5px;
            border-radius: 2px;
        }

    .checkboxs input:checked + label:after {
        content: '';
        display: block;
        position: absolute;
        top: 4px;
        left: 6px;
        width: 6px;
        height: 11px;
        border: solid #FFF;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }

    .checkboxs input:checked + label:before {
        background: var(--primary-color);
    }

label.state-error {
    display: none !important;
}

.pro-inner input[type="submit"] {
    margin: 0px;
    margin-right: 0px;
    margin-left: 0px;
    font-size: 14px;
    padding: 0 24px !important;
    min-height: 40px;
    font-weight: 600;
    background: var(--primary-color);
}

.md-primary {
    background: var(--primary-color);
    position: relative;
    overflow: hidden;
    text-shadow: none;
    transition: .3s;
    box-shadow: none;
    cursor: pointer;
    color: #fff;
    border-radius: 3px;
}

    .md-primary:hover {
        background: var(--primary-color) !important;
        box-shadow: 0 0 0 1px var(--primary-color);
        color: #fff !important;
    }

    .md-primary.cancel:hover {
        background: none !important;
        color: var(--primary-color) !important;
    }

    .md-primary.bg_tc_secondary:hover {
        background: var(--tertiary-color) !important;
        box-shadow: 0 0 0 1px var(--tertiary-color);
    }

    .md-primary.formSearchBtn:hover {
        color: #fff !important;
    }

.cancellation-popover .popover {
    left: auto !important;
    right: 0;
    width: 600px;
}

    .cancellation-popover .popover .fa {
        float: right;
        cursor: pointer;
    }

    .cancellation-popover .popover .popover-title .text-info {
        color: var(--primary-color) !important;
    }

    .cancellation-popover .popover .popover-title {
        padding: 8px 14px;
        margin: 0;
        font-size: 14px !important;
        background-color: #f7f7f7;
        border-bottom: 1px solid #ebebeb;
        border-radius: 5px 5px 0 0;
        color: var(--primary-color) !important;
    }


.qt-table thead {
    background: #f7f7f7;
    border: none;
}

    .qt-table thead th {
        border: none !important;
    }

.qt-table td {
    border: none !important;
}

.cir-i {
    color: rgb(255, 255, 255);
    font-size: 10px;
    font-weight: 100;
    height: 18px;
    width: 18px;
    text-align: center;
    background: var(--primary-color);
    padding: 3px 4px;
    border-radius: 50%;
}

.t-border tbody td {
    border: 1px solid #ddd !important;
}

.h_head {
    background: var(--primary-color);
    color: #fff;
    padding: 9px;
}

.md-gray {
    background: linear-gradient(to bottom, #efefef 0%,#f7f7f7 100%) !important;
    color: var(--primary-color) !important;
    text-shadow: none !important;
}

button.md-primary.md-gray.md-button.md-ink-ripple i {
    color: var(--primary-color) !important;
}

.option-tr {
    width: 100%;
}

    .option-tr tr {
        background: #f7f7f7;
    }

        .option-tr tr td {
            font-size: 13px !important;
            padding: 8px 12px;
            border-bottom: 2px solid #fff;
        }

            .option-tr tr td md-checkbox {
                margin-bottom: 0;
            }

/**************File UPload****************/
.btn-file > input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(-300px, 0) scale(4);
    font-size: 23px;
    direction: ltr;
    cursor: pointer;
}

.btn-file {
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    padding: 0px 23px;
}

.fileupload {
    margin-bottom: 9px;
}

    .fileupload .uneditable-input {
        display: inline-block;
        margin-bottom: 0px;
        vertical-align: middle;
        cursor: text;
    }

    .fileupload .thumbnail {
        overflow: hidden;
        display: inline-block;
        margin-bottom: 5px;
        vertical-align: middle;
        text-align: center;
    }

        .fileupload .thumbnail > img {
            display: inline-block;
            vertical-align: middle;
            max-height: 100%;
        }

    .fileupload .btn {
        vertical-align: middle;
    }

.fileupload-exists .fileupload-new, .fileupload-new .fileupload-exists {
    display: none;
}

.fileupload-inline .fileupload-controls {
    display: inline;
}

.fileupload-new .input-append .btn-file {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

.thumbnail-borderless .thumbnail {
    border: none;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.fileupload-new.thumbnail-borderless .thumbnail, .editMarkupTabContentBorder {
    border: 1px solid #ddd;
}

/**************File Upload End****************/
.airlines {
    min-height: 60px;
    max-height: 200px;
    overflow: auto;
}

.tinu .fa-angle-down:before {
    content: "\f106" !important;
}

h2.accordion {
    font-size: 15px;
    color: #555;
    cursor: pointer;
    font-weight: 600;
    margin: 0px 0px 14px 0px;
}

    h2.accordion i {
        float: right;
    }

    h2.accordion.h_head {
        color: #fff !important;
        margin: 5px 9px;
        margin-bottom: 12px;
    }

        h2.accordion.h_head::after {
            content: '';
            position: absolute;
            top: 34px;
            left: 53px;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 10px 7.5px 0 7.5px;
            border-color: var(--primary-color) transparent transparent transparent;
        }

        h2.accordion.h_head i {
            background: #fff;
            width: 15px;
            height: 15px;
            color: var(--primary-color) !important;
            border-radius: 50%;
            margin-top: 2px;
            text-align: center;
        }

.listing .col-sm-3.qpb.text-right ul li {
    width: 100%;
}

#AddHotelRoom {
    cursor: pointer;
}

    #AddHotelRoom i {
        color: var(--primary-color) !important;
        border-radius: 50%;
    }

    #AddHotelRoom .fa-plus-circle:before {
        content: "\f055";
    }

.tooltip2 {
    position: relative;
    display: inline-block;
}

    .tooltip2 .tooltiptext {
        visibility: hidden;
        background-color: #555;
        color: #fff;
        font-size: 12px;
        text-align: center;
        border-radius: 6px;
        padding: 2px 9px;
        position: absolute;
        z-index: 1;
        top: -66%;
        white-space: nowrap;
        left: -10px;
        transform: translate(-26%, -72%);
        opacity: 1;
        transition: opacity 0.3s;
    }

        .tooltip2 .tooltiptext::after {
            content: "";
            position: absolute;
            display: none;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #555 transparent transparent transparent;
        }

    .tooltip2:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }

.option-tr tr {
    background: #f7f7f7;
    border-bottom: 2px solid #fff;
}

    .option-tr tr td {
        font-size: 13px !important;
        padding: 9px 12px;
        border-bottom: 2px solid #fff;
        text-transform: uppercase !important;
        font-weight: 600;
    }

        .option-tr tr td a {
            color: var(--primary-color) !important;
            text-decoration: none;
            cursor: pointer;
        }

#RemoveDate {
    width: 17px;
    height: 17px;
    position: absolute;
    top: 4px;
    right: 0px;
}


/******************Right slider Booking on behalf**********************/
.myprofile-home {
    position: fixed;
    background: #fff;
    top: 0px;
    height: 100vh;
    right: 0px;
    border-left: 5px solid var(--primary-color);
    box-shadow: 0px 0px 8px 1px rgba(51, 51, 51, 0.32);
    z-index: 9992;
}

.overlay-myprolife {
    background: rgba(0, 0, 0, 0.42);
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 9991;
    height: 100vh;
    width: 100%;
}

.myprofile-home .button {
    outline: none;
    position: absolute;
    left: -44px;
    top: 45%;
    background: var(--primary-color);
    border: none;
    border-radius: 30px 0px 0px 30px;
    color: #fff;
    padding: 8px 11px 8px 11px !important;
    font-size: 20px;
    height: auto;
    line-height: normal;
    transition: .3s;
}

    .myprofile-home .button:hover {
        border-radius: 0px 0px 0px 0px;
        transition: .3s;
    }

.myprofile-home .profile_b {
    overflow: hidden;
}

.myprofile-home .profile-tab {
    width: 300px;
    padding: 20px;
}

    .myprofile-home .profile-tab .tab-content {
        padding-top: 40px;
    }

.myprofile-home .profile_b {
    display: none;
}

.overlay-myprolife {
    display: none;
}

.myprofile-home .profile_b .profile-tab .nav-tabs {
    border-bottom: none;
}

    .myprofile-home .profile_b .profile-tab .nav-tabs > li a {
        text-transform: uppercase;
        font-size: 15px;
        color: #555;
        text-transform: uppercase;
        font-weight: 600;
        padding: 11px 6px;
        border: none !important
    }

    body.neom-body .myprofile-home .profile_b .profile-tab .nav-tabs > li a{
        font-size:13px;
    }


    .myprofile-home .profile_b .profile-tab .nav-tabs > li.active > a, .myprofile-home .profile_b .profile-tab .nav-tabs > li.active > a:focus, .myprofile-home .profile_b .profile-tab .nav-tabs > li.active > a:hover {
        box-shadow: inset 0px -3px 0px 0px var(--primary-color);
        color: var(--primary-color);
        border: none;
    }

.myprofile-home .profile_b .nav > li > a:focus, .myprofile-home .profile_b .nav > li > a:hover {
    text-decoration: none;
    background-color: transparent;
    outline: none;
}

.myprofile-home .continue {
    background: var(--primary-color);
    width: 100%;
    line-height: 40px;
    height: 37px;
}

/*************DashBoard****************/
ul.dashboard_menu {
    margin: 0 auto;
    display: table;
}

    ul.dashboard_menu li {
        float: left;
        padding-right: 40px;
        position: relative;
    }

.card-menu {
    position: relative;
    min-width: 0;
    word-wrap: break-word;
    background-color: var(--secondary-color);
    background-clip: border-box;
    border-radius: 0.25rem;
    border-bottom: 1px solid #efefef;
    border-top: 1px solid #efefef;
}

ul.dashboard_menu > li > a {
    display: block;
    padding: 14px 15px;
    transition: .8s;
}

    ul.dashboard_menu > li > a:hover {
        box-shadow: inset 300px 0px 0px var(--primary-color);
        transition: .8s;
        color: #fff !important;
    }

        ul.dashboard_menu > li > a:hover > i {
            color: #fff;
        }

ul.dashboard_menu li .submenu {
    position: absolute;
    top: 50px;
    width: 300px;
    left: -89px;
    overflow: hidden;
    max-height: 0px;
    z-index: 2;
    border: 1px solid transparent;
    border-radius: 3px;
    opacity: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

    ul.dashboard_menu li .submenu:hover {
        border: 1px solid var(--primary-color);
    }

    ul.dashboard_menu li .submenu.drop-active {
        max-height: 50px;
        width: 300px;
        transition: all .3s ease-in-out;
        left: -89px;
        opacity: 1;
    }

        ul.dashboard_menu li .submenu.drop-active > ul,
        ul.dashboard_menu > li .submenu > ul {
            background: var(--secondary-color);
            display: flex;
            justify-content: center;
        }

        ul.dashboard_menu li .submenu.drop-active li {
            border: none;
        }

        ul.dashboard_menu li .submenu a, ul.dashboard_menu li .submenu.drop-active a {
            padding: 5px 15px;
            height: 48px;
            border-bottom: 2px solid transparent;
        }

            ul.dashboard_menu li .submenu.drop-active a > i {
                color: var(--primary-color);
                margin-right: 5px;
                font-size: 14px;
                transition: .3s;
            }


            ul.dashboard_menu li .submenu a > i {
                animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both 2;
                transform: translate3d(0, 0, 0);
                backface-visibility: hidden;
                perspective: 1000px;
            }

@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(1px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-2px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(1px, 0, 0);
    }
}

@keyframes shake_v {
    10%, 90% {
        transform: translate3d(0, -1px, 0);
    }

    20%, 80% {
        transform: translate3d(0, 1px, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(0, -2px, 0);
    }

    40%, 60% {
        transform: translate3d(0, 1px, 0);
    }
}

ul.dashboard_menu li .submenu ul li {
    padding-right: 0px;
}

    ul.dashboard_menu li .submenu ul li a {
        transition: .3s;
        display: inline-block;
        font-size: 13px;
        width: 100%;
        line-height: 37px;
        padding: 5px 15px;
        height: 48px;
    }

ul.dashboard_menu > li .submenu ul li a:hover {
    transition: .3s;
    border-bottom: 2px solid var(--primary-color);
}

ul .dashboard_menu li .submenu ul li:last-child {
    border-bottom: none;
}

ul.dashboard_menu li:hover .submenu {
    position: absolute;
    max-height: 50px;
    opacity: 1;
    height:auto !important;
}

ul.dashboard_menu li a {
    color: #555;
    text-decoration: none;
}

    ul.dashboard_menu li a > i {
        color: var(--primary-color);
        margin-right: 5px;
        transition: .3s;
    }

    ul.dashboard_menu li a:hover {
        color: #555;
    }

.page-title-box {
    padding: 22px 0;
    position: relative;
}

    .page-title-box .page-title {
        font-size: 18px;
        margin-bottom: 0;
        margin-top: 0;
    }

.confirmed {
    color: #25CC38;
    font-size: 14px !important;
}

.allproduct {
    color: var(--primary-color);
    font-size: 14px !important;
}

.card {
    border: none;
    position: relative;
    padding: 1.25rem;
    min-width: 0;
    word-wrap: break-word;
    min-height: 115px;
    background-clip: border-box;
    border-radius: 3px;
    border: 1px solid #e4e4e4;
    background: rgba(245, 245, 245, 0.25);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
}

.round {
    line-height: 60px;
    width: 60px;
    height: 60px;
    font-size: 26px;
    display: inline-block;
    font-weight: 400;
    border: 3px solid #f8f8fe;
    text-align: center;
    border-radius: 50%;
}

.violet-r {
    color: #5b6be8;
    background: #e1e4fb;
}

.pink-r {
    color: #ff1b8f;
    background: rgba(255, 27, 143, 0.0784313725490196);
}

.purpel-r {
    color: #661EC1;
    background: rgba(102, 30, 193, 0.1411764705882353);
}

.orange-r {
    color: #EA6C2E;
    background: rgb(234 108 46 / 7.2%);
}

.violet {
    color: #5b6be8;
}

.orange {
    color: #EA6C2E;
}

.m-l-10 {
    margin-left: 10px !important;
}

.round-inner, .text-lightdark {
    color: #444444;
}

.mt-0, .my-0 {
    margin-top: 0 !important;
}

.text-muted {
    color: #707070 !important;
}

.card h5 {
    FONT-SIZE: 18PX;
    margin-top: 22PX !important;
}

    .card h5 span {
        FONT-SIZE: 18PX;
        margin-top: 22PX !important;
        color: #a2a1a1;
    }

.f25 {
    font-size: 25px;
}

.card .form-group {
}

.card .md-button {
    margin: 0px;
}

.card h6 {
    margin: 0px;
}

    .card h6 span {
        font-size: 15px;
        color: #a2a1a1;
    }

.card h4 {
    margin: 0px;
}

.pink {
    color: #ff1b8f;
}

.blue {
    color: #0071BC;
}

.allboolingstatus table {
    width: 100%;
    color: #555;
    font-size: 14px;
    font-weight: 600;
}

    .allboolingstatus table tr {
        border-bottom: 1px solid #EAEFF7;
    }

        .allboolingstatus table tr:last-child {
            border-bottom: none;
        }

        .allboolingstatus table tr td {
            padding: 8px 0px;
        }

.blue_color {
    color: #0071BC;
}

.purpel_color {
    color: #661EC1;
}

.space40 {
    height: 40px;
}

.space60 {
    height: 60px;
}

.space80 {
    height: 80px;
}

.container-fluid {
    padding-right: 35px;
    padding-left: 35px;
}

.chart {
    width: 100%;
    position: relative;
    height: 50px;
    margin: 0 auto;
    border-bottom: 1px solid #EAEFF7;
    background-size: 100% 50px;
    background-position: left top;
    margin-top: 4px;
}

    .chart li {
        position: relative;
        padding-top: 5px;
        overflow: hidden;
        height: 50px;
        width: 17%;
        float: left;
        margin-right: 19px;
    }

    .chart span {
        margin-right: 1em;
        display: block;
        background: rgba(209, 236, 250, 0.75);
        animation: draw 1s ease-in-out;
        position: absolute;
        bottom: 0px;
        width: 100%;
        margin-right: 10px;
    }


@keyframes draw {
    0% {
        height: 0;
    }
}

.chart-text li {
    float: left;
    width: 24%;
    line-height: 14px;
}

.iconmenu {
    position: relative;
    color: #fff;
    background: #fff;
    margin-bottom: 14px;
    text-align: center;
    vertical-align: middle;
    font-size: 11px;
    border-radius: 5px;
    box-shadow: 0px 3px 3px rgb(130 128 128 / 45%);
    transition: .3s;
    height: 115px;
    padding:0 10px;
}

    .iconmenu:hover {
        transform: scale(1.1);
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        background: #fff;
        transition: .3s;
        box-shadow: 0px 0px 0px 2px var(--primary-color);
    }

        .iconmenu:hover a {
            color: var(--primary-color);
        }

        .iconmenu:hover svg .fill {
            fill: var(--primary-color);
        }

        .iconmenu:hover svg .stroke {
            stroke: var(--primary-color);
        }

    .iconmenu span {
        padding-top: 10px;
        display: block;
    }

    .iconmenu a {
        color: #fff;
        text-decoration: none;
        display: block;
        padding: 26px 0px;
    }

    .iconmenu i {
        max-height: 50px;
        height: 38px;
        display: block;
        font-size: 32px;
    }

.blue_bg {
    background: var(--primary-color);
}

.purpel_bg {
    background: #5F3BB9
}

.blue_l_bg {
    background: #009BAD
}

.pink_d_bg {
    background: #AF193F
}

.orange_bg {
    background: #DB542D
}

.green_bg {
    background: #00A000
}

.pink_bg {
    background: #A6009E
}

.yellow_bg {
    background: #D6A501
}

.dark_blue {
    background: #0bac00
}

.ui-autocomplete {
    z-index: 99999 !important;
}

.modify-multi-city #search-button {
    margin-top: 0px
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    cursor: pointer;
}

.expidea {
    display: block;
}

.das:hover .page-title-box .page-title span::before, .das:hover .page-title-box .page-title span::after {
    top: 30px;
    transition: .3s;
}

.das {
    transition: .3s;
}

.page-title-box .page-title span {
    position: relative;
}

    .page-title-box .page-title span::after {
        content: '';
        height: 2px;
        position: absolute;
        width: 50%;
        background: var(--primary-color);
        right: 0px;
        top: -3px;
        transition: .3s;
    }

    .page-title-box .page-title span::before {
        content: '';
        position: absolute;
        height: 2px;
        width: 50%;
        background: rgb(255, 178, 4);
        top: -3px;
        left: 0px;
        transition: .3s;
    }


.role_defin table td:nth-child(3) {
    background: rgba(255, 178, 4, 0.12)
}

.role_defin table td:nth-child(n+4):nth-child(-n+9) {
    background: rgb(239, 250, 255)
}

.role_defin table td:nth-child(n+10):nth-child(-n+15) {
    background: rgb(239, 255, 239)
}

md-switch {
    margin: 8px 0px;
}

    md-switch.md-default-theme.md-checked .md-bar, md-switch.md-checked .md-bar {
        background-color: var(--primary-color-lite);
    }

    md-switch.md-default-theme.md-checked .md-thumb, md-switch.md-checked .md-thumb {
        background-color: var(--primary-color);
    }

    md-switch.md-default-theme.md-checked .md-ink-ripple, md-switch.md-checked .md-ink-ripple {
        color: var(--primary-color-ultra-lite);
    }

    md-switch.md-default-theme.md-checked:not([disabled]) .md-ink-ripple, md-switch.md-checked:not([disabled]) .md-ink-ripple{
        color:var(--primary-color);
        background-color:var(--primary-color);
    }

    md-switch.md-default-theme.md-checked:not([disabled]) .md-bar, md-switch.md-checked:not([disabled]) .md-bar{
        background-color:var(--primary-color-lite);
    }

table#tbl_addrecordoption thead th {
    padding: 9px 12px;
    background: var(--primary-color);
    color: #fff;
}

.roomboard {
    margin-left: 10px !important;
    color: #555;
}

table.bor_b {
    border-bottom: 1px solid rgba(233, 230, 224, 0.6);
}

.layover_text {
    background: #f1f1f1;
    border-radius: 3px;
    display: block;
    padding: 2px 11px;
    font-size: 12px;
}

.datepicker button {
    margin-left: 0px !important;
}

/* Testimonial Design */
.testimonials-part blockquote {
    background: #FFFFFF;
    border: 1px solid #F2F1F2;
    border-radius: 5px;
    margin: 0;
    padding: 30px 40px;
    position: relative;
    box-shadow: 0 3px 0 #F4F4F4;
    margin-bottom: 0px;
    font-size: 15px;
}

    .testimonials-part blockquote q:before {
        content: open-quote;
        left: 20px;
        top: -19px;
    }

    .testimonials-part blockquote q:after {
        content: close-quote;
        bottom: -19px;
        right: 20px;
    }

    .testimonials-part blockquote q:before, .testimonials-part blockquote q:after {
        position: absolute;
        background: #fff;
        width: 42px;
        height: 42px;
        border: 1px solid #f2f1f2;
        box-shadow: 0px 2px 1px #f2f1f2;
        border-radius: 42px;
        line-height: 42px;
        font-size: 50px;
        font-weight: bold;
        line-height: 62px;
        text-align: center;
        color: #86999b;
    }

    .testimonials-part blockquote:after {
        bottom: -27px !important;
    }

    .testimonials-part blockquote:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-right: 23px solid rgba(0, 0, 0, 0);
        border-bottom: 26px solid #ffffff;
        top: -25px;
        left: 79px;
        border-left: 23px solid rgba(0, 0, 0, 0);
        z-index: 2;
    }

    .testimonials-part blockquote:before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-right: 25px solid rgba(0, 0, 0, 0);
        border-bottom: 28px solid #f2f1f2;
        top: -26px;
        left: 77px;
        border-left: 25px solid rgba(0, 0, 0, 0);
        z-index: -1;
    }

.tnc-nav {
    width: 100%;
    background: #fcfcfc;
}

.tnc .pro-inner h3 {
    font-size: 19px;
    margin-top: 22px;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 17px;
}

.tnc-nav h4 {
    background: var(--primary-color);
    color: #fff;
    line-height: 40px;
    padding-left: 10px;
    margin-bottom: 0px;
}

.tnc-nav #mainNav {
    width: 100%;
    background: #fcfcfc;
}

    .tnc-nav #mainNav a {
        width: 100%;
        padding: 6px 10px;
        display: block;
        color: #333;
        border-bottom: 1px solid #e4e0e0;
    }

.navigation__link.active {
    background: rgba(132, 132, 132, 0.7411764705882353);
    color: #fff !important;
    text-decoration: none;
    position: relative;
}

ul.footer-nav li a {
    color: #fff;
    line-height: 28px;
}

.fa-trash {
    cursor: pointer;
}

.selection input[type="search"] {
    height: auto !important;
    background-color: transparent !important;
}

.disable-page {
    height: 100%;
    position: fixed;
    overflow: hidden;
    z-index: 99;
    width: 100%;
    background: rgba(0,0,0,.3);
    padding: 0px;
    margin: 0;
    display: none;
}

    .disable-page img {
        position: absolute;
        transform: translate(-50%,-50%);
        left: 50%;
        top: 50%;
        width: 110px;
    }

/*   FAQ css  */

.faq .pro-inner h3 {
    padding: 10px;
    padding-left: 0px;
    color: #555;
    font-size: 19px;
    margin-top: 22px;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 17px;
}

.faq .btn-link:focus, .faq .btn-link:hover {
    color: #23527c;
    text-decoration: underline;
    background-color: var(--primary-color);
}

.faq .card {
    min-height: auto;
}

    .faq .card h5 {
        margin-top: 0px !important;
    }

.faq .profile button {
    margin: 0px;
    margin-right: 0px;
    margin-left: 0px;
    font-size: 14px;
    padding: 0 24px !important;
    min-height: 40px;
    font-weight: 600;
    width: 100%;
    text-align: left;
    background: #959696;
}

.faq .panel-group .panel {
    margin-bottom: 0;
    border-radius: 0px;
    border-color: #f5f5f5;
}

.faq .panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
    border-left: 6px solid var(--primary-color);
    border-radius: 0px;
}

.faq .panel-heading .accordion-toggle:after {
    font-family: 'Glyphicons Halflings';
    -webkit-text-stroke: 1px whitesmoke;
    content: "\e114";
    float: left;
    color: grey;
    margin-left: -5px;
    margin-right: 10px;
}

.faq .panel-heading .accordion-toggle.collapsed:after {
    content: "\e080";
}

.faq .profile .pro-inner hr {
    border-bottom: 2px solid #Efefef;
}

.faq .panel-title {
    position: relative;
    font-size: 14px;
}

/**********************Transfer Css**************************/
.trasfer-field.col-sm-11 {
    padding-right: 0px;
    width: 1018px;
}

.trasfer-field li.pickup {
    width: 289px;
}

    .trasfer-field li.pickup::before {
        content: "\f1b9";
        font-family: FontAwesome;
        color: #9c9c9c;
        right: 18px;
        font-size: 16px;
        position: absolute;
        top: 33px;
    }

.slider-home .main-search #TransferForm .pickup .dropdown-menu {
    width: 100%
}

.trasfer-field li.checkin {
    width: 153px !important;
}

.trasfer-field li.pickup_time {
    width: 127px;
}

.trasfer-field .ng-isolate-scope-old {
    left: 28.6%;
}

.transfer-listing .search-section li.pickup {
    width: 242px;
}

    .transfer-listing .search-section li.pickup::before {
        content: "\f1b9";
        font-family: FontAwesome;
        color: #9c9c9c;
        left: 9px;
        font-size: 17px;
        position: absolute;
        top: 21px;
    }

.slider-home .main-search .trasfer-field ul.searchbox > li p > input[type="text"] {
    padding-right: 40px !important;
}


.transfer-listing .search-section li.Calender {
    width: 166px;
}

.transfer-listing .search-section li.pickup-time {
    width: 154px;
}

    .transfer-listing .search-section li.pickup-time select {
        padding: 0px;
        height: 28px;
        padding-left: 27px;
        width: 100%;
        border: none;
    }

    .transfer-listing .search-section li.pickup-time::before {
        content: "\f017";
        font-family: FontAwesome;
        color: #9c9c9c;
        left: 9px;
        font-size: 17px;
        position: absolute;
        top: 21px;
    }

.transfer-listing .depart-check input[type="checkbox"] {
    display: none;
    margin: 0;
}

.transfer-listing .depart-check li {
    display: block;
    border: 1px solid #ccc;
    border-right: 1px solid #ccc !important;
    width: 58px !important;
    height: 55px !important;
    color: #222;
    float: left;
    padding: 0px !important;
    text-align: center;
    font-size: 12px !important;
}

.transfer-listing .depart-check input[type="checkbox"] {
    display: none;
    margin: 0;
}

.transfer-listing .depart-check li, .depart-check label {
    display: block;
    width: 100%;
    height: 53px;
}

.transfer-listing .depart-check label img {
    height: 20px;
    margin-top: 3px;
}

.transfer-listing .depart-check span {
    border: none !important;
    border-top: 1px solid #e2e2e2 !important;
    height: auto !important;
    display: block;
    padding: 2px 0 0;
    margin: 0 auto !important;
    margin-top: 6px !important;
    display: block !important;
    font-size: 10px !important;
    width: 80% !important;
}

.transfer-listing .rz-bubble {
    font-size: 12px;
}

.transfer-listing .transfer-list h1 {
    font-size: 24px;
    margin: 0px;
    color: #555;
    font-weight: 600;
}

.transfer-list {
    padding: 10px 12px;
    box-shadow: 0px 0px 0 1px #e4e4e4;
    border-radius:10px;
    padding: 10px 20px;
    position: relative;
}

.transfer-listing ul.aa li.pickup .dropdown-menu {
    max-height: 200px;
    min-height: 300px;
    overflow: auto;
}

.transfer-listing .flight-switch {
    background-position: -4px -6px;
}

.transfer-list .business-car {
    width: 85%;
}

.transfer-list h6 {
    font-size: 12px;
    line-height: 18px;
    margin: 0px;
    color: #555;
}

.transfer-list h2 {
    font-size: 16px;
    font-weight: 700;
}

.transfer-list .transfer-max {
    background: #F6F6F6;
    color: #555;
    padding: 3px 27px;
    border-radius: 21px;
    border: 1px solid #e8e8e8;
}

    .transfer-list .transfer-max a {
        color: #6c0f00;
        text-decoration: none;
        font-size: 14px;
        padding: 1px 7px;
        display: inline-block;
        border-radius: 20px;
    }

        .transfer-list .transfer-max a:hover {
            color: #fff;
            background: var(--primary-color);
        }

.transfer-list .facility {
    color: #555;
    margin-top: 13px;
}

    .transfer-list .facility li {
        padding-left: 20px;
        margin-bottom: 6px;
        position: relative;
        font-size: 13px;
        color: #555;
    }

        .transfer-list .facility li.clock::before {
            position: absolute;
            left: 0px;
            font-size: 10px;
            content: "\f017";
            color: #ffa501;
            top: 3px;
            font: normal normal normal 14px/1 FontAwesome;
        }

        .transfer-list .facility li.share::before {
            position: absolute;
            left: 0px;
            font-size: 10px;
            content: "\f1b9";
            color: #f00;
            top: 3px;
            font: normal normal normal 14px/1 FontAwesome;
        }



        .transfer-list .facility li.smile::before {
            position: absolute;
            left: 0px;
            top: 3px;
            content: "\f118";
            color: #e9a201;
            font: normal normal normal 14px/1 FontAwesome;
        }

        .transfer-list .facility li.free-can::before {
            position: absolute;
            left: 0px;
            top: 3px;
            color: #555;
            content: "\f057";
            font: normal normal normal 14px/1 FontAwesome;
        }

.transfer-list .minusplus {
    width: 100px;
    border: 1px solid #ddd;
    height: 33px;
    border-radius: 35px;
    margin: 10px 0px;
    display: inline-block;
}

    .transfer-list .minusplus button {
        border: none;
        box-shadow: none;
        padding: 0px !important;
        background: none;
        color: #d8d8d8 !important;
        text-shadow: none;
        display: inline-block;
    }

    .transfer-list .minusplus input {
        width: 39px;
        display: inline-block;
        text-align: center;
        border: none;
        height: 31px;
        margin: 0 6px;
        border-left: 1px solid #d8d8d8;
        border-right: 1px solid #d8d8d8;
        color: #8a8a8a !important;
        font-size: 14px;
        font-weight: 600;
    }
/**********************Transfer Css End**************************/

/************************Transfer Pax*********************************/
.transfer-pax.hotelpax .hotel-info ul {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 5px 0px;
    margin-top: 10px;
}

    .transfer-pax.hotelpax .hotel-info ul li {
        display: inline-block;
        padding: 20px 0px;
        text-align: center;
        width: 33.3%;
        font-size: 21px;
        color: #555;
    }

        .transfer-pax.hotelpax .hotel-info ul li a {
            font-size: 14px;
            color: var(--primary-color);
            font-weight: 600;
        }

        .transfer-pax.hotelpax .hotel-info ul li:nth-child(2) {
            border-left: 1px solid #eee;
            border-right: 1px solid #eee;
        }

.transfer-pax.hotelpax .hotel-info .check_in_out h3 {
    font-size: 17px;
    margin-top: 0px;
}

.transfer-pax.hotelpax .hotel-info .check_in_out h1 {
    font-size: 17px;
    margin-top: 0px;
}

.transfer-pax ul.transfer-pick {
    margin-bottom: 13px;
}

.transfer-pax b {
    font-size: 14px;
    color: #151414;
    font-weight: 600;
}

.transfer-pax ul.transfer-pick li i {
    font-size: 20px;
    color: #858585;
    margin-right: 5px;
    width: 15px;
}

ul.t-pax.transfer-pick i {
    font-size: 18px !important;
}

ul.t-pax.transfer-pick li {
    margin-bottom: 6px !important;
    color: var(--primary-color) !important;
    font-weight: 700;
}

.transfer-pax ul.transfer-pick li:nth-child(1) {
    margin-bottom: 5px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    color: var(--primary-color);
}

.transfer-pax ul.transfer-pick li:nth-child(2) {
    font-size: 14px;
    color: #555;
    font-weight: 400;
    padding-left: 23px;
}

.transfer-pax .transfer-detail .business-car {
    width: 63%;
}

.transfer-detail h3 {
    font-size: 18px;
    margin-bottom: 0px;
    margin-top: 0px;
    color: #151414;
}

.transfer-detail p {
    margin-bottom: 20px;
}

.transfer-detail .t-pax li {
    margin-bottom: 10px;
}

    .transfer-detail .t-pax li i {
        font-size: 16px;
        color: var(--primary-color);
        margin-right: 5px;
        width: 18px;
    }

.transfer-pax .gray-bg.totalprice {
    display: block;
}

    .transfer-pax .gray-bg.totalprice div {
        display: block;
        width: 50%;
        float: left;
        line-height: 20px;
    }

.transfer-pick.cancel-t {
    margin-bottom: 0px !important
}

    .transfer-pick.cancel-t li {
        font-size: 12px !important;
        background: #eaeaea;
        padding: 5px 10px;
        margin-bottom: 0px !important
    }

        .transfer-pick.cancel-t li i {
            font-size: 16px !important;
            margin-right: 0px !important;
        }

.transfer-pax .check_in_out input[type=text] {
    padding: 3px 4px !important;
    text-align: right !important;
}

.other-earning {
    width: 70%;
    font-size: 12px;
    float: right;
    height: 20px;
}

span.pax-t {
    font-size: 11px;
}

.UpperCaseFirstLetter {
    text-transform: capitalize;
}

.t-pass.active {
    background-color: var(--primary-color) !important;
    color: #fff;
}

    .t-pass.active .fa {
        color: #fff;
    }

.ui-timepicker-wrapper {
    width: 348px !important;
}

#fareloader {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: block;
    z-index: 99999;
    background: rgba(0, 0, 0, 0.60);
}

.Di-del {
    display: block;
    color: #e85a5a;
    font-size: 14px;
    font-weight: 600;
}

.i-dis {
    display: block;
    color: var(--primary-color);
    font-size: 11px;
    font-weight: 600;
    margin-top: 3px;
}

.traflex td {
    padding: 4px 0px;
}

    .traflex td img {
        margin-right: 0px !important;
    }

#hoteldata .panel-title span {
    float: right;
}

p.table_divider {
    position: absolute;
    width: 787px;
    top: 0px;
    left: -1px;
    color: #716c6c;
}

table.expidea.bor_b td {
    vertical-align: middle !important;
}

table.expidea.bor_b .w291.topPaddingComboRoom {
    padding-top: 30px;
}

.room-info.p {
    padding-left: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

    .room-info.p .w291 {
        padding-left: 10px;
        border: 1px solid #eee;
        position: relative;
        padding-top: 6px;
    }

    .room-info.p .w150, .room-info.p .w205 {
        padding-left: 10px;
        border: 1px solid #eee;
    }

table.expidea.bor_b .w150, table.expidea.bor_b .w205 {
    padding-top: 15px;
}

table .table_dividernew {
    height: 24px;
    color: #716c6c;
    background: #f3f3f3;
    top: 0px;
    left: -1px;
    width: 100%;
}

.room-info.individual {
    border: none;
    width: 1120px;
}

    .room-info.individual table tr td.pos-relative.table_dividernew {
        padding-top: 40px;
    }

.room-info table.filteForActionRoom td {
    border: 1px solid #eee;
}

.room-info table.filteForActionRoom td {
    position: static;
}

    .room-info table.filteForActionRoom td tr td:nth-child(1) {
        position: relative !important;
    }

.pos-relative {
    position: relative !important;
}

.filteForActionRoom td {
    vertical-align: middle !important;
    padding: 5px 0px;
}

#expedia td.individual {
    padding-left: 0px;
    padding-top: 0px;
}

#expedia .modal-content td, .popover-content table td {
    padding-top: 10px !important;
}

.filteForActionRoom {
    overflow: hidden
}

    .filteForActionRoom tr td img {
        padding-left: 10px;
    }

.hotelfloatSticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    padding-top: 75px;
}

.show-details table .hotelfloatSticky h3 {
    margin-bottom: 0;
}

.panel-body.roomsMainBlock {
    padding: 0
}

.Make-com {
    background: #1984b8;
    margin-top: 10px;
    font-size: 16px;
    padding: 5px 10px;
    color: #fff;
    text-align: center;
    text-transform: capitalize;
}

.height20 {
    height: 20px;
}

.tdcol5 + tr > td {
    padding-top: 10px !important;
}

.height22 {
    height: 22px;
}

.height37 {
    height: 37px;
}

.singleRoom td {
    padding: 0 0px 0px 10px !important;
    border: none !important;
}

.multiroom .table_dividernew {
    position: absolute !important;
    width: 1110px !important;
    padding-left: 10px;
    line-height: 24px;
}

.multiroom tr td {
    padding-top: 29px;
}

.room-info table.multiHB td {
    border: none;
}

.room-info table.filteForActionRoom.multiDOTW td {
    border: none !important;
}

.multiHB td:last-child, .multiDOTW td:last-child {
    position: relative !important;
    padding-left: 0px;
}

.show-details .multiDOTW .w205, .show-details .multiHB .w205 {
    width: 225px;
}

.room-info table.filteForActionRoom.multiDOTW .modal-content td, table.multiHB .modal-content td {
    border: 1px solid #eee !important;
    padding: 8px;
}

.multiDOTW .popover-content td, .multiHB .popover-content td {
    border: 1px solid #eee !important;
    padding: 8px;
}

.room-info table.filteForActionRoom.multiDOTW .popover-content td {
    border: 1px solid #eee !important;
    padding: 8px;
}

ul.booking_report_menu {
    border-bottom: none;
}

.booking_report_menu li {
    vertical-align: middle;
    float: left;
    text-align: center;
    margin-right: 12px;
}

    .booking_report_menu li span {
        display: block;
    }

    .booking_report_menu li a span:hover {
        color: var(--primary-color);
        background: none;
    }

    .booking_report_menu li a span {
        color: #555;
        font-weight: 600;
        font-size: 12px;
        background: none !important;
        padding: 0px !important;
        width: auto !important;
        height: auto !important;
        line-height: 29px;
        margin-right: 0px !important;
        position: relative;
    }

    .booking_report_menu li a img {
        display: inline-block;
        width: 16px;
        margin-right: 5px;
    }

    .booking_report_menu li a:hover {
        background: none;
    }

    .booking_report_menu li.active a span::before,
    .booking_report_menu li.active a span::after {
        content: '';
        position: absolute;
        height: 2px;
        width: 50%;
        background: rgb(255, 178, 4);
        bottom: 0;
        left: 0px;
        transition: .3s;
    }

    .booking_report_menu li.active a span::after {
        background: var(--primary-color);
        right: 0px;
        left: auto;
    }

    .booking_report_menu li a {
        height: auto !important;
        text-align: center;
        display: block;
        font-size: 13px;
        text-decoration: none;
        border: none !important;
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

.popover-content table td {
    border: 1px solid #f3f3f3 !important;
}

[id*='divRequestSpecial'] > label {
    margin-bottom: 20px;
    display: block;
    line-height: normal;
}

.ui-datepicker .ui-datepicker-title select {
    height: auto;
    min-width: auto;
    padding: 0 5px;
    display: inline-block;
}

.emailNameVoucherSec {
    padding: 15px 15px 0px;
    background: #f4f4f4;
    margin-bottom: 10px;
    border-radius: 5px;
    overflow: auto;
    margin-top: 20px;
}

.profile button.formSearchBtn {
    width: 100%;
    background: none;
    color: var(--primary-color) !important;
    font-weight: 600;
    border: 1px solid var(--primary-color);
}

.dStats .card {
    margin-bottom: 20px;
}

b.modal-title{
    font-weight:500;
    font-size:15px;
}

.room-info table td .modal-title {
    font-size: 18px;
    text-align: initial;
}

.room-info table .modal-body {
    text-align: initial;
    font: 14px/1.5 'Open Sans', sans-serif;
}

.popularList {
    position: absolute;
    top: 64px;
    background: #fff;
    width: 100%;
    z-index: 1000;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    overflow-y: auto;
    max-height: 365px;
}

    .popularList .plTitle {
        background: #efefef;
        padding: 6px 13px 6px 10px;
        color: #555;
        font-weight: 600;
        display: block;
        width: 100%;
        pointer-events: none;
        text-transform: capitalize !important;
        position: sticky;
        top: 0;
    }

    .popularList ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        padding: 10px;
    }

    .popularList ul li {
        min-width: 33%;
        max-width: 33%;
    }

    .popularList ul li a {
        padding: 5px;
        display: block;
        text-decoration: none;
        cursor: pointer;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        display: block;
    }

    .popularList ul li a:hover {
        background: var(--primary-color);
        color: #fff;
    }

.popularModifyList {
    position: absolute;
    top: 53px;
    background: #fff;
    width: 100%;
    z-index: 1000;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    left: 0px;
    overflow-y: auto;
    max-height: 365px;
}

    .popularModifyList .plTitle {
        background: #efefef;
        padding: 6px 13px 6px 10px;
        color: #555;
        font-weight: 600;
        display: block;
        width: 100%;
        pointer-events: none;
        text-transform: capitalize !important;
        position:sticky;
        top:0;
    }

    .popularModifyList ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        padding: 10px;
    }

    .popularModifyList ul li {
        min-width: 33%;
        max-width: 33%;
        border: none !important;
    }

    .popularModifyList ul li a {
        padding: 5px;
        display: block;
        text-decoration: none;
        cursor: pointer;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        display: block;
    }

    .popularModifyList ul li a:hover {
        background: var(--primary-color);
        color: #fff;
    }

span.offerSpanFirstRoom, span.offerSpanInnerRoom {
    color: forestgreen;
    font-size: 10px;
    font-weight: 600;
    margin: 3px;
    font-style: italic;
    cursor: pointer;
    display: block
}

    span.offerSpanFirstRoom:hover, span.offerSpanInnerRoom:hover {
        text-decoration: underline;
    }

.offertag {
    color: forestgreen !important;
    display: inline-block !important;
    padding: 0 6px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    cursor: pointer;
    font-size: 13px !important;
}

.promotag {
    color: forestgreen !important;
    display: inline-block !important;
    padding: 0px 3px;
    cursor: pointer;
    font-size: 12px !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.showmapp {
    color: #e86263;
    font-size: 18px !important;
}

.comng_soon_landmark {
    color: #9c9c9c;
    font-size: 13px;
    text-align: center;
    font-weight: 500;
    position: relative;
}

    .comng_soon_landmark > span {
        display: none;
    }

    .comng_soon_landmark:hover > span {
        font-size: 10px;
        display: block;
        color: #fff;
        position: absolute;
        background: var(--tertiary-color);
        display: inline-table;
        padding: 1px 5px;
        border-radius: 3px;
        top: -13px;
        line-height: 15px;
        left: 0;
        right: 0;
        margin: auto;
        -webkit-animation: bounce 2s ease infinite;
        -moz-animation: bounce 2s ease infinite;
        animation: bounce 2s ease infinite;
    }

    .comng_soon_landmark > span:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        bottom: -3px;
        margin: auto;
        left: 0;
        right: 0;
        border-left: 3.5px solid transparent;
        border-right: 3.5px solid transparent;
        border-top: 4px solid var(--tertiary-color);
    }


@-webkit-keyframes bounce {
    70% {
        transform: translateY(0%);
    }

    70% {
        transform: translateY(-10%);
    }

    75% {
        transform: translateY(0%);
    }

    80% {
        transform: translateY(-7%);
    }

    86% {
        transform: translateY(0%);
    }

    95% {
        transform: translateY(-3%);
    }

    100% {
        transform: translateY(0);
    }
}

@-moz-keyframes bounce {
    70% {
        transform: translateY(0%);
    }

    70% {
        transform: translateY(-10%);
    }

    75% {
        transform: translateY(0%);
    }

    80% {
        transform: translateY(-7%);
    }

    86% {
        transform: translateY(0%);
    }

    95% {
        transform: translateY(-3%);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes bounce {
    70% {
        transform: translateY(0%);
    }

    70% {
        transform: translateY(-10%);
    }

    75% {
        transform: translateY(0%);
    }

    80% {
        transform: translateY(-7%);
    }

    86% {
        transform: translateY(0%);
    }

    95% {
        transform: translateY(-3%);
    }

    100% {
        transform: translateY(0);
    }
}

.pr-0, .px-0 {
    padding-right: 0 !important;
}

.booking_quick_search_btn {
    width: 100%;
    margin: 15px 0 0 0 !important;
}

    .booking_quick_search_btn i {
        margin-right: 5px;
    }

.float-right {
    float: right;
}

.float-right-i {
    float: right !important;
}

.pl-0, .px-0 {
    padding-left: 0 !important;
}

#HotelCancel tbody tr td:first-child, #HotelCancel tbody tr td:nth-child(5) {
    white-space: nowrap
}

.profile .pro-inner .table-record tbody td {
    vertical-align: middle;
}

a.walletNavSec *, a.rewardsNavSec * {
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.landmarkDropdown .form-control {
    border-radius: 4px !important;
    width: 65%;
}

.landmarkDropdown .border-bottom {
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

#landmarkLink:focus {
    color: var(--primary-color) !important;
}

.landmark_overlay {
    display: none;
    width: 100%;
    height: 100%;
    background: none;
    position: fixed;
    z-index: 111;
    top: 0;
    left: 0;
}

    .landmark_overlay.actve {
        display: block;
    }

.landmarkDropdown {
    z-index: 112;
}

.bookingPendingRetryBtn {
    float: right;
    color: #fff;
    padding: 5px;
    font-weight: normal !important;
    cursor: pointer;
    font-size: 13px
}

span.btnRetryBalanceDisplay {
    opacity: 0;
    background: #fff;
    padding: 6px;
    position: absolute;
    bottom: 30px;
    right: -120px;
    left: -120px;
    font-size: 12px;
    border-radius: 5px;
    color: #000;
    text-transform: capitalize;
    max-width: 220px;
    z-index: 11;
    text-align: center;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.30);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.30);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.30);
}

.btnRetryBalanceCheck:hover ~ span.btnRetryBalanceDisplay {
    opacity: 1;
}

.btnRetryBalanceDisplayContnr {
    float: right !important;
}

    .btnRetryBalanceDisplayContnr .btnRetryBalanceDisplay {
        left: -75px !important;
    }

.header_icon_button {
    min-width: 50px;
    margin-left: 0 !important;
}

.tc_ml_4 {
    margin-left: 4px !important;
}

.tc_ml_15 {
    margin-left: 15px !important;
}

.bg_tc_secondary {
    background: var(--tertiary-color) !important;
}

.one-way-air > li:nth-child(1) {
    width: 25%
}

.one-way-air > li:nth-child(2) {
    width: 18% !important;
}

.one-way-air > li:nth-child(3) {
    width: 25% !important;
    margin-top: 16px !important;
}

.one-way-air > li:nth-child(4) {
    width: 18% !important;
    margin: 16px 4% 0 4% !important;
}

.transfer-pax-title {
    font-weight: 700 !important;
    color: #555 !important;
    font-size: 16px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-25 {
    margin-top: 25px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}

.tNc-checkBox > label {
    padding-left: 30px;
}

    .tNc-checkBox > label::before {
        position: absolute;
        left: 0;
    }

    .tNc-checkBox > label::after {
        top: 1px !important;
    }

.transfer-pax-title {
    font-weight: 700 !important;
    color: #555 !important;
    font-size: 16px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.text-upperCase {
    text-transform: uppercase !important;
}

.text-noneCase {
    text-transform: none !important;
}

.transfer-detail .transfer-pick {
    margin-bottom: 30px !important;
}

.cancellation-policy-transfer {
    background: whitesmoke;
    border-radius: 5px;
    padding: 5px 10px;
    margin-top: 25px;
}

    .cancellation-policy-transfer h5 {
        font-size: 13px !important;
        margin: 0 !important;
    }

    .cancellation-policy-transfer p {
        font-size: 13px !important;
        margin-bottom: 5px;
    }

    .cancellation-policy-transfer hr {
        border-color: #e3e3e3;
    }

.pl-25 {
    padding-left: 25px;
}

.mt-10 {
    margin-top: 10px !important;
}

.TOF-table {
    margin-bottom: 5px;
}

    .TOF-table td {
        vertical-align: middle !important;
        font-size: 14px !important;
        overflow: visible;
    }

.TOF-table-heading {
    background-color: var(--primary-color);
    color: #fff;
    width: 100%;
    margin-top: 15px;
}

    .TOF-table-heading h4 {
        color: #fff;
        margin-left: 15px;
    }

.TOF-table-border-box {
    border: 1px solid #ddd;
    border-top: none;
    margin-bottom: 10px;
    overflow: visible;
}

.TOF-table-row-add-btn {
    display: block;
    width: 100%;
    margin-top: 5px !important;
    font-size: 30px !important;
    font-weight: normal !important;
    background: #ddd !important;
    color: #1b1b1b !important
}

    .TOF-table-row-add-btn:hover {
        background: #cdcdcd !important;
    }

.TOF-note-textarea {
    min-height: 39px;
    height: 39px;
}

    .TOF-note-textarea.lengthy {
        min-height: 70px;
        height: 70px;
    }

.w50 {
    width: 50% !important;
}

.w25 {
    width: 25% !important;
}

.btn-tc-danger {
    background: var(--red-color) !important;
}

.btn-tc-success {
    background: #218838 !important;
}

.ml-15,.m-15 {
    margin-left: 15px !important;
}

.ml-0, .mx-0 {
    margin-left: 0 !important;
}

.ml-10, .mx-10 {
    margin-left: 10px !important;
}

.mr-10, .mx-10 {
    margin-right: 10px !important;
}

.tof-mobile-country-code {
    width: 30% !important;
    float: left;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.tof-mobile-number {
    width: 70% !important;
}

button.custom-icon-btn {
    padding: 0 20px !important;
}

#MultiCityDataDiv .search-section {
    border: 1px solid #eaeaea;
    box-shadow: none;
}

.lh-30 {
    line-height: 30px;
}

.dropActive-a {
    border: 1px solid transparent;
    position: relative;
    z-index: 3;
    padding: 13px 15px !important;
}

    .dropActive-a.crnt {
        border: none;
        border-right: 1px solid rgb(198 198 198 / 60%);
        border-left: 1px solid rgb(198 198 198 / 60%);
        background: none;
        position: relative;
        z-index: 3;
        cursor: default;
        padding: 14px 15px !important;
    }

.drop-active-none {
    max-height: 0 !important;
    opacity: 0 !important;
}

.dropActive-a-none {
    background: none !important;
    border-right: 1px solid transparent !important;
    border-left: 1px solid transparent !important;
}

.close-icon.fill-clr {
    color: var(--red-color);
    -webkit-text-stroke: unset;
}

.primary-color {
    color: var(--primary-color) !important;
}

.inherit-color {
    color: inherit;
}

.contact-page_ .pro-inner,
.about-page_ .pro-inner {
    background: none;
    box-shadow: none;
    border: none;
    border-top: 1px solid #ccc;
    border-radius: 0;
    padding: 25px 0 0 0;
}

    .about-page_ .pro-inner p {
        line-height: 28px;
    }

.details-eye:hover {
    color: var(--primary-color) !important;
}

.ssr-rateComment {
    padding-right: 10px;
    margin-right: 10px;
    position: relative;
}

    .ssr-rateComment > label {
        text-transform: capitalize;
        cursor: pointer;
        margin-bottom: 0;
    }

    .ssr-rateComment:hover > label {
        color: var(--primary-color);
    }

    .ssr-rateComment::after {
        content: '';
        right: 0;
        top: 4px;
        width: 1px;
        height: 15px;
        border-right: 1px solid #dcdcdc;
        position: absolute;
    }

#policySetIndex {
    font-size: 14px !important;
    margin-right: 15px !important;
}

button[disabled],
button:disabled *,
button[disabled] * {
    cursor: not-allowed !important;
    opacity: .7 !important;
}

@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(1px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-2px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(2px, 0, 0);
    }
}

.room-occupency-icons h6 {
    display: table-cell;
    padding-right: 5px;
}

.txt-overflow-dot {
    overflow: hidden;
    text-overflow: ellipsis;
}

ul.user-dropdown-main li:not(:last-child) {
    border-bottom: 1px solid var(--primary-color-lite);
}

ul.user-dropdown-main li a {
    padding: 10px !important;
}

ul.user-dropdown-main li:last-child a {
    border-radius: 0 0 5px 5px;
}

ul.user-dropdown-main li:first-child a {
    border-radius: 5px 5px 0 0;
}

ul.user-dropdown-main li a i {
    color: var(--primary-color);
    margin-right: 5px;
    transition: all .3s;
}

.pt-10 {
    padding-top: 10px !important;
}

.tc-file-uploader input[type=file] {
    background: #f2f2f2 !important;
    border: 1px solid var(--primary-color);
    padding: 10px;
    border-radius: 3px;
    max-width: 100%;
}

    .tc-file-uploader input[type=file]:focus {
        border: 1px solid var(--primary-color) !important;
        outline: none !important;
    }

.paxbutton i {
    margin-right: 8px;
}

.top-strip-nav {
    padding-right: 0;
}

    .top-strip-nav ul li {
        display: inline;
        margin-right: 10px;
        white-space: nowrap;
    }

        .top-strip-nav ul li:not(:last-child) a {
            border-right: 1px solid rgb(255 255 255 / 40%);
            padding-right: 10px;
        }

        .top-strip-nav ul li a i {
            background: none;
            color: #fff;
        }

.d-tableCell {
    display: table-cell
}

.d-table {
    display: table;
}

.pb-0, .py-0 {
    padding-bottom: 0 !important;
}

.tof_action_button {
    padding: 1px 5px;
    border: 1px solid #9c9898;
    outline: none;
    background-color: #fff;
    border-radius: 3px;
    display: table-cell;
    line-height: 1.2;
}


    .tof_action_button:hover {
        border-color: var(--primary-color);
    }

    .tof_action_button img {
        max-width: 32px
    }

.TOF-table-with-action tbody tr td:first-child {
    text-align: center;
}


.tof-container .table_heading_ {
    font-size: 14px;
    color: #555;
    font-weight: bold;
}

.tof_mobile_only {
    display: none;
}

.topContact a {
    white-space: nowrap;
}

.tof-container .actionDiv {
    display: table;
    border-collapse: separate;
    border-spacing: 4px;
}

.tof-container textarea {
    height: 40px;
}

.travelorder-page #inputCostCenter select.noClick{
    color:#000;
    background: none !important;
    text-align:center;
    font-weight:500;
}

.tof_sub_hding {
    font-size: 16px;
    font-weight: 700;
}

.tof_sectn_table {
    border: 1px solid var(--primary-color);
    padding: 5px;
}

    .tof_sectn_table tr:first-child td {
        border-top: none;
    }

ul.list-inline li {
    display: inline;
}

.w100 {
    width: 100% !important;
}

.tof-services-required-output-table {
    margin: 10px 0 5px 0;
}

    .tof-services-required-output-table thead {
        background-color: #f2f2f2;
    }

        .tof-services-required-output-table thead th {
            padding: 5px 5px;
            font-size: 13px;
            min-width: 100px;
        }

    .tof-services-required-output-table tbody td {
        padding: 6px 5px;
        font-size: 13px !important;
        overflow: visible;
    }

    .tof-services-required-output-table tbody tr:not(:last-child) td {
        border-bottom: 1px solid #ddd;
    }

    .tof-services-required-output-table .no-records-text {
        padding-top: 15px;
        padding-bottom: 0px;
    }

.color-red {
    color: var(--red-color) !important;
}

.tof-container button:disabled,
.tof-container button[disabled] {
    opacity: .5 !important;
}

body:not(.obt7-body) .dashboardGridCards.tb-stats .round,
.todays-booking-card .round {
    border-radius: 0 5px 5px 0;
    border: none;
}

body:not(.obt7-body) .dashboardGridCards.tb-stats .round{
    background-color: #ebebeb;
    color: #535353;
}

body:not(.obt7-body) .dashboardGridCards.tb-stats .pull-left.align-self-center,
.todays-booking-card > .pull-left.align-self-center {
    margin-left: -13px
}

body:not(.obt7-body) .dashboardGridCards.tb-stats .dashboard-chart-box{
    padding-top:12.5px;
    padding-bottom:25px;
}

body:not(.obt7-body) .dashboardGridCards.tb-stats .icon-obt-stats{
    font-size:18px;
}

body:not(.obt7-body) .dashboardGridCards.tb-stats ul.chart,
body:not(.obt7-body) .dashboardGridCards.tb-stats ul.chart li{
    margin-top:0;
    height:35px;
}

body:not(.obt7-body) .dashboardGridCards.tb-stats ul.chart{
    padding-top:5px;
}

body:not(.obt7-body) .dashboardGridCards.tb-stats ul li{
    margin-right:15px;
    width:20%;
}

.todays-booking-card > h6 {
    border-top: 1px solid #d2d2d2;
    margin-top: 15px;
    padding-top: 10px;
    font-weight: 700;
}

.dashboard-chart-box {
    padding-top: 30px;
    padding-bottom: 35px;
}

.total-bookings-card .total-bookings-label {
    background-color: var(--primary-color-lite);
    padding: 3px 13px;
    border-radius: 20px;
    color: var(--primary-color);
}

.custom-radioBtn > label {
    font: 14px/1.5 'Open Sans', sans-serif;
}

.custom-radioBtn input {
    opacity: 0;
    position: absolute;
}

.custom-radioBtn label {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: normal;
    cursor: pointer !important;
}

.custom-radioBtn ul li {
    display: inline-block;
    margin-right: 10px;
}

    .custom-radioBtn ul li:last-child {
        margin-right: 0;
    }

.custom-radioBtn .indicator,
.radio-inline .indicator {
    position: relative;
}

.custom-radioBtn .indicator:before,
.radio-inline .indicator:before {
    content: '';
    border: 2px solid #888;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin-top: -5px;
    margin-right: 5px;
    text-align: center;
    border-radius: 50%;
}

.custom-radioBtn input:checked + .indicator:before,
.checkbox-inline input:checked + .indicator:before {
    border-color: var(--primary-color);
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="-7 -7 30 30"><path fill="#00f" d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"/></svg>') no-repeat;
}

.custom-radioBtn + .indicator:before {
    border-radius: 50%;
}

.custom-radioBtn input + .indicator:before {
    box-shadow: inset 0px 0px 0px 10px #fff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.custom-radioBtn input:checked + .indicator:before {
    border-color: var(--primary-color);
    background: var(--primary-color);
    box-shadow: inset 0px 0px 0px 3.5px #fff;
}

.custom-radioBtn input:disabled + .indicator:before {
    border-color: #ccc;
    box-shadow: inset 0px 0px 0px 5px #fff;
}

.custom-radioBtn input:checked:disabled + .indicator:before {
    border-color: #ccc;
    background: #ccc;
    box-shadow: inset 0px 0px 0px 5px #fff;
}


.custom-radioBtn input:focus + .indicator {
    outline: 0px solid #ddd;
}

.buttton-bubble-tooltip,
.buttton-bubble-tooltip-common {
    position: absolute;
    top: 40px;
    right: 30px;
    z-index: 11;
    color: #333;
    background: #fff;
    width: 300px;
    text-align: center;
    padding: 8px 20px 8px 10px;
    white-space: normal;
    border-radius: 6px;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.4;
    border: 3px solid rgba(0,0,0,.2);
    -webkit-box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
    box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
}

.buttton-bubble-tooltip-common {
    top: 110%;
    display: none;
}

    .buttton-bubble-tooltip:after,
    .buttton-bubble-tooltip-common:after {
        position: absolute;
        content: '';
        width: 0;
        height: 0;
        top: -13px;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 10px solid rgba(0,0,0,.2);
    }

.buttton-bubble-tooltip .close-tooltip {
    position: absolute;
    top: 5px;
    right: 5px;
    color: var(--red-color);
    cursor: pointer;
}

.h-pax-main-btn-group .buttton-bubble-tooltip{
    background: #353a45;
    color: #fff;
    border-width: 1px;
}

.h-pax-main-btn-group .buttton-bubble-tooltip .close-tooltip{
    color:#fff;
}

.h-pax-main-btn-group .buttton-bubble-tooltip:after{
    top:-7px;
    border-bottom-color:#353a45;
}

.h-pax-main-btn-group .onHoldButton:after {
    content: 'i';
    border: 1px solid #fff;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    display: inline-block;
    text-transform: lowercase;
    line-height: 1.5;
    font-size: 10px;
    font-weight: 600;
    margin-left: 3px;
}

.overflow-visible {
    overflow: visible;
}

.pl-15 {
    padding-left: 15px !important;
}

.pl-5 {
    padding-left: 5px !important;
}

.add-flight-multicitySearch {
    margin-left: 12px;
    line-height: 32px;
    cursor: pointer;
    float: right;
    margin-right: 25px;
}

    .add-flight-multicitySearch i {
        font-size: 22px;
        vertical-align: middle;
    }

button.report-download-btn {
    width: auto;
    padding: 4px 0 !important;
    min-height: 0;
    min-width: 0;
    height: 42px;
    box-shadow: none !important;
}

    button.report-download-btn.pdf .txtBox {
        fill: var(--red-color) !important;
    }

    button.report-download-btn.csv .txtBox {
        fill: var(--green-color) !important;
    }

    button.report-download-btn.pdf:hover .outBox {
        stroke: var(--red-color) !important;
    }

    button.report-download-btn.pdf:hover .flip,
    button.report-download-btn.pdf:hover .txtBox {
        fill: var(--red-color) !important;
    }


    button.report-download-btn.csv:hover .outBox {
        stroke: var(--green-color) !important;
    }

    button.report-download-btn.csv:hover .flip,
    button.report-download-btn.csv:hover .txtBox {
        fill: var(--green-color) !important;
    }



.mb-10, .my-10 {
    margin-bottom: 10px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.border-none {
    border: none !important;
}

.p-0 {
    padding: 0 !important;
}

.mr-5,.mx-5 {
    margin-right: 5px !important;
}

.f-footer-details {
    margin-left: 2px;
}

    .f-footer-details li {
        margin-right: 5px;
        padding-right: 6px;
        border-right: 1px solid #d6d5d5;
    }

        .f-footer-details li:last-child {
            border-right: none;
            padding-right: 0;
            margin-right: 0;
        }

        .f-footer-details li span {
            margin-bottom: 0 !important;
            font-weight: 600;
            font-size: 11px !important;
        }

            .f-footer-details li span:hover {
                color: var(--primary-color) !important;
                text-decoration: none !important;
            }

        .f-footer-details li i {
            margin: 0 8px 0 0 !important;
            font-size: 14px;
        }

.send-quote-icon {
    width: 13px;
}

img#icon-card-number, img#icon-expiry-date, img#icon-cvv {
    width: 25px !important;
}

.zIndex-10 {
    z-index: 10 !important;
}

.zIndex-0 {
    z-index: 0 !important;
}

.send-quote-popup table {
    width: 100%;
}

    .send-quote-popup table td {
        border-bottom: 1px dashed rgba(87, 87, 87, 0.30);
        padding: 6px 0;
    }

    .send-quote-popup table tr:last-child td {
        border-bottom: none;
    }

    .send-quote-popup table tr td:last-child {
        text-align: right;
    }

.send-quote-popup h5 {
    font-weight: 600;
    font-size: 16px;
}

.send-quote-popup table td h4,
.send-quote-popup table td small {
    color: var(--primary-color);
    margin: 0;
}

.send-quote-popup table td h4 {
    font-weight: 700;
}

.small-input-field {
    width: 40% !important;
    height: 30px;
}

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

.d-inline-table {
    display: inline-table !important;
}


#policySetIndexSupplierCP,
#policySetIndex,
#cancelPolicyTitle {
    font-size: 13px !important;
}

.mr-20 {
    margin-right: 20px !important;
}

#SupplierPolicy .popover {
    z-index: 1 !important;
}

    #SupplierPolicy .popover .arrow {
        left: 50% !important;
    }

.cp-divider-pipe {
    padding-right: 10px;
    margin-right: 10px;
    position: relative;
}

    .cp-divider-pipe:after {
        content: '';
        right: 0;
        top: 4px;
        width: 1px;
        height: 15px;
        border-right: 1px solid #DCDCDC;
        position: absolute;
    }



/*White Labeling styles start here*/

.wl-footer .copy {
    float: none;
}

.wl-footer .copyright {
    margin-top: 0;
}

.wl-color-picker input[type=color] {
    width: 46px;
    height: 46px;
    background: none !important;
    border: none;
    float: left;
    cursor: pointer;
}

.wl-color-picker input[type=text] {
    float: left;
    width: calc(100% - 51px);
    padding: 0 10px;
    margin: 3px 0 0 5px;
}

.wl-footer.footer .col-sm-12 {
    margin: 0;
    border: none;
    padding-top: 0;
}

    .wl-footer.footer .col-sm-12 p {
        margin-bottom: 10px;
    }

.cancel.header_icon_button i {
    color: var(--primary-color) !important;
}

button.report-download-btn svg .flip,
button.report-download-btn svg .round {
    fill: var(--primary-color) !important;
}

button.report-download-btn svg .outBox {
    stroke: var(--primary-color) !important;
}

.form-control:focus {
    border-color: var(--primary-color);
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(0 0 0 / 20%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(0 0 0 / 20%);
}

.profile .pro-inner .table-record thead {
    background: var(--primary-color) !important;
}

/*table.dataTable tr.even,*/
table.dataTable tbody tr:hover {
    background: var(--primary-color-lite) !important;
}

    table.dataTable tbody tr:hover td {
        border-color: #fff !important;
    }

        table.dataTable tbody tr:hover td:not(:first-child) {
            border-left-color: transparent !important;
        }


.rzslider .rz-selection {
    background: var(--primary-color) !important;
}

.listOfAmenity i, .listOfRoomAmenity i {
    color: var(--primary-color) !important;
}

.imgShowMore, .imgShowLess, .iconCollapse, .iconExpand {
    color: var(--primary-color) !important;
}

.whitebg.hotel-info h4 b {
    color: var(--primary-color) !important;
}

.wl-footer a, .wl-footer a:hover {
    color: var(--primary-color);
}

#pterm a {
    color: var(--primary-color);
}

.inbound.twoway-trip.ng-scope .custom-radio input[type="radio"]:checked + label span:after {
    color: var(--primary-color) !important;
    opacity: .5;
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: var(--primary-color) !important;
}

.change-passwrd-btn {
    background: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

#btn_Submit.change-passwrd-btn:hover {
    color: var(--primary-color) !important;
    background: none !important;
}

#clubWallet-transfer-btn, #uploadNewPassport {
    background: var(--primary-color) !important;
}

.breadcrumb li a {
    color: var(--primary-color);
    padding: 2px 5px;
    background: none;
    border-radius: 3px;
    text-decoration: none;
}

    .breadcrumb li a:hover {
        background: var(--primary-color-ultra-lite);
    }

.download-invoiceVoucher #myTab .PRINT.active a,
.download-invoiceVoucher #myTab .DOWNLOAD.active a {
    background: var(--primary-color) !important;
}

.tooltip.xCommission #pricePopUp {
    color: var(--primary-color) !important;
}

.wl-text-primary {
    color: var(--primary-color) !important;
}

.wl-text-secondary {
    color: var(--secondary-color) !important;
}

.wl-text-tertiary {
    color: var(--tertiary-color) !important;
}

.wl-bg-primary {
    background: var(--primary-color) !important;
}

.wl-bg-tertiary {
    background: var(--tertiary-color) !important;
}

.wl-bg-primary-lite {
    background: var(--primary-color-lite) !important;
}

.wl-bg-secondary {
    background: var(--secondary-color) !important;
}

.wl-bg-green {
    background: var(--green-color) !important;
}

.wl-svg-fill-0-primary {
    fill: var(--primary-color) !important;
}

.wl-svg-fill-0-secondary{
    fill: var(--secondary-color) !important;
}

.wl-svg-fill-primary path {
    fill: var(--primary-color) !important;
}

.wl-svg-stroke-primary {
    stroke: var(--primary-color) !important;
}

.wl-svg-stroke-primary-lite {
    stroke: var(--primary-color-lite) !important;
}

.wl-svg-fill-primary-lite {
    fill: var(--primary-color-lite) !important;
}

.wl-svg-fill-primary-ultra-lite {
    fill: var(--primary-color-ultra-lite) !important;
}

.svg-fill-white-50 {
    fill: rgb(255 255 255 / 50%) !important;
}

.wl-border-primary {
    border-color: var(--primary-color) !important;
}

.wl-border-primary-lite {
    border-color: var(--primary-color-lite) !important;
}

#QuotationTB td a:hover i {
    color: var(--primary-color) !important;
}

#btnSearch,
#btnSearchAgent,
#btnSearchCaseMgt,
#btnSearchLoktoBok,
#btnSearchExpCom,
#btnSearchFB,
#btnSearchTS,
#btnSearchHBC,
#btnFDBRSearch {
    background: var(--primary-color) !important;
}

.breadcrumb {
    background: var(--primary-color-ultra-lite);
    padding: 8px;
}

.no-result-img path {
    stroke: #f00;
}

.hidden {
    visibility: hidden;
}

img#walletImg {
    background-color: var(--primary-color) !important;
}

#WALLET .paymentAmount,
#WALLET .bookingAmount,
#CREDIT .paymentAmount,
#CREDIT .bookingAmount {
    border-color: var(--primary-color) !important;
}

#WALLET .updateBalance,
#CREDIT .updateBalance {
    border-color: var(--primary-color) !important;
    background-color: var(--primary-color) !important;
    color: #fff;
}

.active.DOWNLOADPI > a.wl-linker,
.active.DOWNLOADPI > a.wl-linker:hover,
.active.DOWNLOADPI > a.wl-linker:focus,
.active.PRINTPI > a.wl-linker,
.active.PRINTPI > a.wl-linker:hover,
.active.PRINTPI > a.wl-linker:focus {
    background-color: var(--primary-color) !important;
}

.landmarkFilterLbl {
    color: #fff;
    background: var(--primary-color);
    display: inline-block;
    line-height: 18px;
    padding: 0 5px;
    border-radius: 3px;
}

    .landmarkFilterLbl:hover {
        color: #fff;
        text-decoration: none;
    }

#WalletTransactionsTB tr:nth-child(even) {
    background: var(--primary-color-lite) !important;
}

.ui-widget-header {
    border-color: var(--primary-color) !important;
    background: var(--primary-color) !important;
}

.multi-citys-div #modfiyDirUp,
.multi-citys-div .modfiyDirDown {
    color: var(--primary-color) !important;
}

.modify-multi-city .md-label {
    color: var(--primary-color) !important;
}

.room-info table i.fa-user {
    color: #9c9c9c !important;
    font-weight: 600;
}

.mobile-only {
    display: none;
}

.main-link.navbar-collapse.collapse li.dropdown {
    display: flex;
    align-items: center;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.select_2_dropdwn .select2-container--default .select2-selection--multiple {
    border-radius: 3px !important;
    border-color: #ccc !important;
    padding: 3px 5px;
}

.select_2_dropdwn .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.bottom-border-grey {
    border-bottom: 1px solid #ccc;
}

.float-left {
    float: left;
}

.float-left-i {
    float: left !important;
}

.pb-2 {
    padding-bottom: 2px;
}

.pb-5 {
    padding-bottom: 5px !important;
}

.pr-15 {
    padding-right: 15px !important;
}

.mr-0, .mx-0 {
    margin-right: 0 !important;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.pb-15 {
    padding-bottom: 15px !important;
}

.ml-auto, .mx-auto {
    margin-left: auto;
}

.mr-auto, .mx-auto {
    margin-right: auto;
}

.mr-auto-i{
    margin-right:auto !important;
}

.country-date {
    padding-right: 5px;
}

    .country-date::after {
        right: 10px !important;
    }

.new-label-bubble {
    position: relative;
}

    .new-label-bubble:before {
        content: 'New';
        position: absolute;
        right: 0;
        top: -20px;
        padding: 4px 6px;
        background: var(--tertiary-color);
        line-height: 1;
        border-radius: 3px;
        color: #fff;
        font-size: 11px;
        animation: shake_v 0.82s cubic-bezier(.36,.07,.19,.97) both 2;
        transform: translate3d(0, 0, 0);
    }

    .new-label-bubble:after {
        content: '';
        position: absolute;
        right: 22px;
        top: -2px;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid var(--tertiary-color);
        transform: translate3d(0, 0, 0);
    }


    .new-label-bubble.center {
        display: table;
        margin: 0 auto;
    }

    .new-label-bubble.right {
        display: table;
        margin-left: auto;
    }

    .new-label-bubble.pos-left {
        display: table;
        margin-right: auto;
    }

    .new-label-bubble.right:before {
        top: 5px;
    }

    .new-label-bubble.right:after {
        right: 32px;
        top: 12px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .new-label-bubble.pos-left {
        display: table;
        margin-right: auto;
    }

        .new-label-bubble.pos-left:before {
            top: -10px;
        }

        .new-label-bubble.pos-left:after {
            right: -7px;
            top: -2.5px;
            -webkit-transform: rotate(270deg);
            -moz-transform: rotate(270deg);
            transform: rotate(270deg);
        }

    .new-label-bubble.starNewBubble:after {
        right: -12px;
        top: 5px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .new-label-bubble.starNewBubble:before {
        top: -2px;
        right: -45px;
    }




.clear-txtBox-x {
    position: absolute;
    bottom: 5px;
    z-index: 2;
    right: 10px;
    font-size: 20px;
    cursor: pointer;
    color: var(--red-color);
}

    .clear-txtBox-x:hover {
        text-decoration: none;
        color: inherit;
    }

.mobile-only-clearfix, .small-mobile-only-clearfix {
    display: none;
}

.line-h-3 {
    line-height: 3;
}

.line-h-2_5 {
    line-height: 2.5;
}

.pt-70 {
    padding-top: 7em !important;
}

.px-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.px-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.py-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.py-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.py-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.info-alert-box-top {
    background: rgb(255 141 25 / 94%);
    padding: 2px 5px 5px 5px;
    width: 100%;
    margin: 0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}

    .info-alert-box-top i, .info-alert-box-top p {
        margin-bottom: 0;
        line-height: 1.3;
    }

    .info-alert-box-top i {
        margin: 0 0 0 10px;
        font-size: 20px;
        width: 20px;
    }

    .info-alert-box-top p {
        margin-left: 10px;
        font-size: 13px;
        line-height: 1.3;
        padding: 0 5px;
    }

    .info-alert-box-top #closepopup {
        float: right;
        cursor: pointer;
        width: 20px;
        margin-right: 5px;
    }

.send-quote-hotl-trigr {
    display: flex;
    cursor: pointer;
    margin: 10px auto 5px auto;
    position: relative;
    padding-left: 10px;
    text-align: center;
    justify-content: center;
}

    .send-quote-hotl-trigr:before {
        content: '\f0e0';
        color: var(--primary-color);
        top: 3.5px;
        left: -17px;
        font: normal normal normal 14px/1 FontAwesome;
        display: flex;
        justify-content: center;
        text-align: center;
        line-height: 20px;
        margin-right: 5px;
    }

.send-quote-hotel,
.send-quote-hotel p,
.send-quote-hotel td,
.send-quote-hotel td h3 {
    font-size: 13px;
}

    .send-quote-hotel td h4, .send-quote-hotel #extraEarning {
        font-weight: bold;
        font-size: 18px !important;
        color: var(--primary-color) !important;
    }

    .send-quote-hotel #extraEarning {
        display: inline-block;
        width: 60%;
    }

#repricePopUp > .modal-dialog {
    margin-top: 50px;
}

#divloader,
#loader{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 55px;
    height: 55px;
    margin: auto;
    border-radius: 10px;
    background-color: #fff;
}

#divloader:after,
#loader:after{
    content: "";
    width: 55px;
    height: 55px;
    display: block;
    border-radius: 10px;
    background: url('../images/loaderCount.gif') no-repeat center center / 60% !important;
}

/*#divloader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: var(--primary-color);
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

    #divloader:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: var(--primary-color);
        -webkit-animation: spin 3s linear infinite;
        animation: spin 3s linear infinite;
    }

    #divloader:after {
        content: "";
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: var(--primary-color);
        -webkit-animation: spin 1.5s linear infinite;
        animation: spin 1.5s linear infinite;
    }*/

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.HotelRoomName-filter {
    width: 100%;
    padding-left: 30px !important;
}

.HotelRoomName-filter-box {
    position: relative;
}

    .HotelRoomName-filter-box:before {
        content: '\f002';
        position: absolute;
        top: 12px;
        left: 10px;
        font: normal normal normal 14px/1 FontAwesome;
        color: #bebebe;
    }

.pt-5 {
    padding-top: 5px;
}

.pt-0, .py-0 {
    padding-top: 0 !important;
}

.filter-result-404 {
    width: 100%;
    padding: 10px;
}

    .filter-result-404 p {
        text-align: center;
        padding: 20px 5px;
    }

    .filter-result-404 img {
        margin: 20px auto 0 auto !important;
        text-align: center;
        display: table;
        height: 105px !important;
    }

button.md-primary .md-ripple-container {
    display: none;
}


.filter-action-icon > .filter-button, .filter-close, .sort-close {
    display: none;
}

.dark-layer, .dark-layer-sort {
    position: fixed;
    z-index: 99;
    background: rgb(0 0 0 / 50%);
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
}

.filter-close, .sort-close {
    /*position: absolute;
    top: 0;
    right: -42px;
    background: var(--red-color);
    padding: 15px 15px;
    border-radius: 0 5px 5px 0;*/

    position: absolute;
    top: 13px;
    left: 15px;
}

.sort-close {
    top: -3px;
    right: -42px;
    padding: 5px 15px;
}

.filter-apply-btn, .sort-apply-btn {
    top: -3px;
    padding: 10px 15px;
}

.filter-close > i, .sort-close > i {
    color: #fff;
    font-size:22px;
}

.filter-apply-btn, .sort-apply-btn {
    background: var(--primary-color);
    color: #fff;
    display: none;
    width: 100%;
}

.make-payment.mobile {
    display: none;
}


.hotel-filter .filter-section {
    height: 89vh;
    overflow-y: auto;
}

.rewardsNavSec {
    margin-right: 10px;
}

    .rewardsNavSec ul > li {
        display: inline-block;
    }

        .rewardsNavSec ul > li:nth-child(1) {
            color: var(--tertiary-color);
        }

        .rewardsNavSec ul > li:nth-child(2) {
            color: var(--green-color);
        }

        .rewardsNavSec ul > li:nth-child(1):after {
            content: '/';
            padding-left: 3px;
            color: var(--primary-color);
        }

.wl-corporate-header .rewardsNavSec ul > li:nth-child(1):after {
    color: #fff;
}

.tooltip-dark {
    position: relative;
}

    .tooltip-dark:after {
        position: absolute;
        top: 22px;
        left: -50%;
        right: auto;
        margin: 0 auto;
        display: block;
        color: #fff;
        background: #000;
        padding: 0px 5px;
        font-size: 11px;
        border-radius: 3px;
        text-align: center;
        z-index: 999;
        content: attr(data-tooltip);
        opacity: 0;
    }

    .tooltip-dark:before {
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #000;
        position: absolute;
        content: '';
        top: 18px;
        margin: 0 auto;
        left: 0;
        right: 0;
        opacity: 0;
    }


.creditBalanceAmount.tooltip-dark:after {
    content: attr(title);
    left: 0;
}

.tooltip-dark:hover:after, .tooltip-dark:hover:before {
    opacity: 1;
}

.d-none {
    display: none;
}

.d-none-i {
    display: none !important;
}

.d-block {
    display: block;
}

.d-block-i {
    display: block !important;
}

.ml-5,.mx-5 {
    margin-left: 5px !important;
}

.Room_result-Count {
    margin-left: 6px;
    font-weight: bold;
    font-size: 14px;
    color: var(--primary-color);
}

.filter-action-icon {
    margin-bottom: 10px;
    display: none;
}

.result-count-heading p {
    font-size: 19px;
    margin: 0px;
}


#collapseOne_30674 .fa-bed {
    margin-left: 5px;
}

.no-border-radius {
    border-radius: 0 !important;
}

.m-0 {
    margin: 0 !important;
}

.font-19 {
    font-size: 19px !important;
}

.sort-disable-color {
    color: #dfd4d5;
}

.w100-px {
    width: 100px !important;
}

.w200-px {
    width: 200px !important;
}

.bg-white {
    background: #fff;
}

.w20 {
    width: 20% !important;
}

.w60 {
    width: 60% !important;
}

.w2 {
    width: 2% !important;
}

.w17 {
    width: 17% !important;
}

.clear-both {
    clear: both;
}

.bg-none {
    background: none;
}

.color-white {
    color: #fff;
}

.color-black {
    color: #000;
}

.color-black-i {
    color: #000 !important;
}

.w-120px {
    width: 120px !important;
}

.font-44 {
    font-size: 44px !important;
}

.font-32 {
    font-size: 32px !important;
}

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

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

.font-24-i {
    font-size: 24px !important;
}

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

.font-18-i{
    font-size: 18px !important;
}

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

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

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

.font-11 {
    font-size: 11px !important;
}

.font-12 {
    font-size: 12px !important;
}

.font-13 {
    font-size: 13px !important;
}

.font-14 {
    font-size: 14px !important;
}

.font-15 {
    font-size: 15px !important;
}

.w-110px {
    width: 110px !important;
}

.pl-12 {
    padding-left: 12px !important;
}

.ml--51 {
    margin-left: -51px !important;
}

.pt-20 {
    padding-top: 20px !important;
}

.pt-30 {
    padding-top: 30px !important;
}

.pt-35 {
    padding-top: 35px !important;
}

.pt-40 {
    padding-top: 40px !important;
}

.v-align-m {
    vertical-align: middle !important;
}

.font-bold {
    font-weight: bold !important;
}

.min-h-100 {
    min-height: 100px !important;
}

.min-h-180 {
    min-height: 180px !important;
}

.min-h-5 {
    min-height: 5px;
}

.min-h-5-i {
    min-height: 5px !important;
}

.h-400 {
    height: 400px;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.mr-55 {
    margin-right: 55px !important;
}

.border-bottom-none {
    border-bottom: none !important;
}

.color-green {
    color: var(--green-color) !important;
}

.ml-20 {
    margin-left: 20px !important;
}

.p-5 {
    padding: 5px !important;
}

.cursor-pointer {
    cursor: pointer;
}

.mt--17 {
    margin-top: -17px !important;
}

.mt--10 {
    margin-top: -10px !important;
}

.mt--7 {
    margin-top: -7px !important;
}

.w150px {
    width: 150px !important;
}

.w185px {
    width: 185px !important;
}

.border-s-x4 {
    border:1px solid #eee !important;
}

.border-s-bottom {
    border-bottom:1px solid #eee !important;
}

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

.border-b-dotted {
    border-bottom: dotted 1px #cccccc !important;
}

.line-h-2_1 {
    line-height: 2.1 !important;
}

.mr-2, .mx-2 {
    margin-right: 2px !important;
}

.ml-2, .mx-2 {
    margin-left: 2px !important;
}

.input-AmountField {
    height: 30px !important;
    width: 144px !important;
    margin-top: 20px !important;
}

.p_paymentErrorMessage {
    font-size: 12px !important;
    float: left !important;
    padding-right: 22% !important;
    padding-left: 15px !important;
}

.mr-32 {
    margin-right: 32px !important;
}

.pt-12 {
    padding-top: 12px !important;
}

.pl-5, .px-5 {
    padding-left: 5px !important;
}

.pr-5, .px-5 {
    padding-right: 5px !important;
}

.pt-15 {
    padding-top: 15px !important;
}

.mt-15,.m-15 {
    margin-top: 15px !important;
}

.ml-8 {
    margin-left: 8px !important;
}

.w30 {
    width: 30% !important;
}

.w40 {
    width: 40% !important;
}

.w60 {
    width: 60% !important;
}

.w70 {
    width: 70% !important;
}

.w80 {
    width: 80% !important;
}

.overflow-x-h {
    overflow-x: hidden;
}

.w30-px {
    width: 30px !important;
}

.clear {
    clear: both;
    display: table;
    width: 100%
}

.text-center-i {
    text-align: center !important;
}

.p-10 {
    padding: 10px !important;
}

.pl-20 {
    padding-left: 20px !important;
}

.text-bold {
    font-weight: bold !important;
}

.pl-11 {
    padding-left: 11px !important;
}

.h-20 {
    height: 20px !important;
}

.w10 {
    width: 10% !important;
}

.visibility-h {
    visibility: hidden;
}

.t--15 {
    top: -15px;
}

.mr-15,.m-15 {
    margin-right: 15px !important;
}

.h-auto {
    height: auto !important;
}

.mt-50 {
    margin-top: 50px !important;
}

.pl-30 {
    padding-left: 30px !important;
}

.p-20 {
    padding: 20px !important;
}

.p-30-15 {
    padding: 30px 15px !important;
}

.h-300 {
    height: 300px !important;
}

.pb-50,.py-50 {
    padding-bottom: 50px !important;
}

.pt-50,.py-50 {
    padding-top: 50px !important;
}

.m-auto {
    margin: auto;
}

.overflow-y-a {
    overflow-y: auto;
}

.overflow-y-s {
    overflow-y: scroll;
}
/*.bg-red{
    background-color:var(--red-color)!important;
}*/

.bg-red-i {
    background-color: var(--red-color) !important;
}

.bg-green {
    background-color: var(--green-color) !important;
}

html {
    scroll-behavior: smooth;
}

.w10px {
    width: 10px !important;
}

.h15 {
    height: 15%;
}

.room-details-hrBorder {
    border-color: #e6e6e6 !important;
    clear: both;
}

.mb-3 {
    margin-bottom: 3px;
}

.hr-line-bookingCase {
    margin: 18px 0px;
    border: none;
    border-bottom: 1px solid #e6e4e4;
}

.opacity_5 {
    opacity: .5;
}

.w20-px {
    width: 20px !important;
}

.p-8-15 {
    padding: 8px 15px !important;
}

.pos-fixed {
    position: fixed !important;
}

.w-auto {
    width: auto !important;
}

.m-70-0 {
    margin: 70px 0 !important;
}

.h-33 {
    height: 33px !important;
}

.fareRules-popUpContent h4 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    border-left: 5px solid var(--primary-color);
    padding-left: 5px;
}

.fareRules-popUpContent p {
    text-transform: uppercase;
    font-size: 13px;
    margin-bottom: 20px;
}

.w45 {
    width: 45% !important;
}

.p-10-0 {
    padding: 10px 0 !important;
}

.w135-px {
    width: 135px !important;
}

.tNc-list-crle-ul li {
    list-style: circle
}

.chkdiv_TransferPax {
    padding: 11px 12px;
    padding-bottom: 4px;
    margin-bottom: 24px;
}

.mt2-px {
    margin-top: 2px !important;
}

.border-t-none {
    border-top: none !important;
}

.w98 {
    width: 98% !important;
}

.w50-px {
    width: 50px !important;
}

.w60-px {
    width: 60px !important;
}

.w80-px {
    width: 80px !important;
}

.w140-px {
    width: 140px !important;
}

.w420-px {
    width: 420px !important;
}

.pr-10 {
    padding-right: 10px !important;
}

.pcc-index .ui-datepicker {
    z-index: 9999 !important;
}

.mb-25 {
    margin-bottom: 25px !important;
}

.p-10-15 {
    padding: 10px 15px !important;
}

.border-solid {
    border-style: solid;
}

.border-w-3 {
    border-width: 3px;
}

.border-w-2 {
    border-width: 2px;
}

.pt-25, .py-25 {
    padding-top: 25px !important;
}

.pb-25, .py-25 {
    padding-bottom: 25px !important;
}

.pl-50px {
    padding-left: 50px !important;
}

.pb-30 {
    padding-bottom: 30px !important;
}

.p-15 {
    padding: 15px !important;
}

.color-333 {
    color: #333 !important;
}

.color-555 {
    color: #555 !important;
}

.w65 {
    width: 65% !important;
}

.p-6 {
    padding: 6px !important;
}

.font-w-900 {
    font-weight: 900;
}

.font-w-700 {
    font-weight: 700;
}

.font-w-600 {
    font-weight: 600;
}

.font-w-500 {
    font-weight: 500;
}

.font-w-400 {
    font-weight: 400;
}

.w160-px {
    width: 160px !important;
}

.max-h-400 {
    max-height: 400px;
}

.p-5-15 {
    padding: 5px 15px !important;
}

.mb-15,.m-15 {
    margin-bottom: 15px !important;
}

.AddTransferMarkup-tab-content {
    padding-top: 20px;
    border: 1px solid #ddd;
    border-top: none;
    margin-left: 10px;
    width: 98%;
}

.w67-px {
    width: 67px !important;
}

.text-decore-none {
    text-decoration: none !important;
}

.mt5-percent {
    margin-top: 5% !important;
}

.p-6-10 {
    padding: 6px 10px !important;
}

.h-35 {
    height: 35px !important;
}

.b-radiud-17 {
    border-radius: 17px;
}

.role-permission-table tbody tr td:last-child {
    display: none;
}

.border-b-white {
    border-bottom: 1px solid #fff !important;
}

.border-l-white {
    border-left: 1px solid #fff !important;
}

.TCmultiSelectDropdown .btn-group {
    border: 1px solid #ccc;
    color: #454545;
    background: #fff;
    width: 100%;
    border-radius: 3px;
    padding: 3px 5px;
}

.TCmultiSelectDropdown .btn {
    border: none !important;
    background: none;
    box-shadow: none;
    width: 100%;
    text-align: left;
}

    .TCmultiSelectDropdown .btn:hover, .TCmultiSelectDropdown .btn:focus {
        background: none;
        box-shadow: none;
    }

.TCmultiSelectDropdown .multiselect-selected-text {
    color: #666;
    text-transform: none;
}

.TCmultiSelectDropdown .caret {
    color: #666;
    float: right;
    margin-top: 8px;
}

.TCmultiSelectDropdown .multiselect-container {
    width: 100%;
}

    .TCmultiSelectDropdown .multiselect-container .active > a {
        background: var(--primary-color-lite);
    }

.TCmultiSelectDropdown .multiselect {
    background: none !important;
    box-shadow: none !important;
}

.d-flex {
    display: flex;
}

.d-flex.align-center {
    align-items: center;
}

.marketing-v-tab {
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
}

    .marketing-v-tab .card {
        box-shadow: none;
        border: none;
        border-radius: 0;
        background: none;
        border-left: 1px solid #ccc;
    }


.marketing-v-tab-button {
    background: #f6f6f6;
    padding-left: 0;
    padding-right: 0;
    min-height: 350px;
}

    .marketing-v-tab-button ul li, .marketing-v-tab-button ul {
        border: none !important;
        box-shadow: none !important;
        float: none;
    }

        .marketing-v-tab-button ul#marketingTab li a {
            line-height: normal;
            padding: 20px 15px !important;
            margin: 0 !important;
            border-left: 3px solid;
            border-left-color: transparent;
        }

        .marketing-v-tab-button ul li.active a, .marketing-v-tab-button ul li.active a:hover, .marketing-v-tab-button ul li a:hover, .marketing-v-tab-button ul li.active a:focus {
            background: #fff !important;
            border-left: 3px solid var(--primary-color) !important;
        }


.marketing-v-tab-content .marketing-tabContent, .marketing-v-tab-content {
    padding-left: 0;
    padding-right: 5px;
}

    .marketing-v-tab-content .card {
        min-height: 350px;
    }

.cal-iconRewars:after {
    top: 13px;
}

.multiSelectDropDownLB button.multiselect,
.selectSearchDropDownSngle .btn {
    background: #fff !important;
    color: #454545 !important;
    font-size: 14px !important;
    text-transform: capitalize;
    font-weight: normal;
    text-align: left;
    padding: 0 10px !important;
    width: 100% !important;
    box-shadow: none;
    min-height: 38px;
    outline: none;
}

    .selectSearchDropDownSngle .btn:focus,
    .selectSearchDropDownSngle .btn:active {
        outline: none;
    }

    .multiSelectDropDownLB button.multiselect .caret,
    .selectSearchDropDownSngle .btn .caret {
        float: right;
        margin-top: 8px;
    }

.multiSelectDropDownLB ul.multiselect-container li a {
    padding-left: 30px;
    display: flex;
}

.multiSelectDropDownLB ul.multiselect-container {
    width: 100%;
    padding-top: 3px;
}

.selectSearchDropDownSngle .dropdown-menu {
    width: 100% !important;
}

.selectSearchDropDownSngle .search-control {
    display: block;
}

    .selectSearchDropDownSngle .search-control .input-group-addon {
        display: none;
    }

    .selectSearchDropDownSngle .search-control input[type="text"] {
        border-radius: 3px;
    }

.multiSelectDropDownLB ul.multiselect-container li a:focus {
    border: none;
    outline: none;
}

.multiSelectDropDownLB ul.multiselect-container li a > label {
    padding-left: 0;
    margin-bottom: 5px;
    margin-top: 5px;
    font-size: 13px;
    color: #555;
}

.multiSelectDropDownLB ul.multiselect-container li.active a {
    background: var(--primary-color-lite) !important;
}

.multiSelectDropDownLB .multiselect-clear-filter, .multiSelectDropDownLB .multiselect-search {
    padding: 0 10px !important;
    min-height: 32px !important;
    height: 32px !important;
}

.multiSelectDropDownLB .multiselect-clear-filter {
    background: var(--primary-color) !important;
}

.multiSelectDropDownLB .multiselect-search {
    border-radius: 3px 0 0 3px !important;
}

.multiSelectDropDownLB .input-group-addon {
    display: none;
}

.multiSelectDropDownLB .multiselect-item.filter .input-group {
    margin: 0 5px;
}

.multiSelectDropDownLB .form-group .btn-group {
    width: 100% !important;
}

.marketing-temp-logo .btn-logo-delete {
    position: relative;
}

    .marketing-temp-logo .btn-logo-delete a.logoDelete {
        position: absolute;
        cursor: pointer !important;
        right: 0;
        top: 12px;
        border: 2px solid var(--red-color);
        width: 20px;
        height: 20px;
        border-radius: 50%;
        color: var(--red-color);
        text-align: center;
        line-height: 1.1;
        text-decoration: none;
    }

.h40-px {
    height: 40px;
}

.marketing-temp-logo .selected-logo {
    background: #e7e7e7;
    border-radius: 5px;
    padding: 5px 5px 1px 5px;
    margin-bottom: 5px;
    border: 1px solid #dfdede;
}

.marketing-temp-logo .btn-logo-delete {
    position: relative;
}

    .marketing-temp-logo .btn-logo-delete a.logoDelete {
        position: absolute;
        cursor: pointer !important;
        right: 0;
        top: 12px;
        border: 2px solid var(--red-color);
        width: 20px;
        height: 20px;
        border-radius: 50%;
        color: var(--red-color);
        text-align: center;
        line-height: 1.1;
        text-decoration: none;
    }

.h40-px {
    height: 40px;
}

.marketing-temp-logo .selected-logo {
    background: #e7e7e7;
    border-radius: 5px;
    padding: 5px 5px 1px 5px;
    margin-bottom: 5px;
    border: 1px solid #dfdede;
}

.floatTopSticky,
.floatSticky,
.stickyfilter {
    position: sticky;
    top: 3px;
}

.stickyfilter {
    max-height: 100vh;
    overflow-y: auto;
}

.org-paxBtn {
    padding-bottom: 15px;
}

    .org-paxBtn .attachment-text {
        position: absolute;
        right: 10px;
        bottom: 5px;
        font-size: 10px;
    }

    .org-paxBtn .upload {
        min-height: 36px;
    }

    .org-paxBtn .fileupload-new i {
        color: var(--primary-color) !important;
    }

    .org-paxBtn button.upload i {
        color: #fff !important;
    }

.view-map-button-mobile, .sort-close {
    display: none;
}

.sort-action-icon {
    display: none;
}

.h-details-linkTab {
    -webkit-box-shadow: 0px 0px 5px 0 var(--primary-color);
    -moz-box-shadow: 0px 0px 5px 0 var(--primary-color);
    box-shadow: 0px 0px 5px 0 var(--primary-color);
    border-radius: 3px;
}

textarea.dealCodesField {
    height: 39px;
    min-height: 39px;
}

.h-details-linkTab > ul {
    display: flex;
    justify-content: space-around;
}

    .h-details-linkTab > ul li {
        margin: 0 !important;
        width: 100%;
        text-align: center;
    }

        .h-details-linkTab > ul li a {
            font-weight: 700;
            width: 100%;
            height: 100%;
        }

.orgLogoNewSec {
    background: #f2f2f2;
    padding: 5px;
    border-radius: 3px 3px 0 0;
}

    .orgLogoNewSec .logo-img {
        max-height: 50px;
        max-width: 100%;
        transition: all ease-in-out .3s;
        cursor: ne-resize;
        position: relative;
    }

        .orgLogoNewSec .logo-img:hover {
            transform: scale(2);
            z-index: 2;
            background-color: #fff;
        }

.specifyChild .specifyTit {
    font-size: 11px;
}

.FlightPaxSelectorSection {
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    padding: 2px 5px 5px 5px;
    transition: all ease-in-out .1s;
}

.filter-Redemptions {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 10px 5px 0px 5px;
    margin-top: 10px;
    margin-bottom: 5px;
}

.btn-small {
    padding: 0px !important;
    min-height: 20px !important;
    font-size: 12px !important;
    font-weight: 300 !important;
    margin: 2px !important;
}

.mrketing-notification-table thead th {
    font-weight: 600 !important;
    border-bottom: none !important;
}

.modal.small .modal-dialog {
    width: 400px;
}

#dealcodeBulkUpdateModal input,
#dealcodeBulkUpdateModal select,
#dealcodeBulkUpdateModal textarea,
#dealcodeBulkUpdateModal button {
    height: 39px;
    min-height: 39px;
}


#dealcodeBulkUpdateModal .multiselect {
    padding-left: 10px !important;
    padding-right: 10px !important;
    border-radius: 3px !important;
}

    #dealcodeBulkUpdateModal .multiselect span {
        color: #b5b5b5;
        font-weight: 400 !important;
        text-transform: capitalize;
        font-size: 14px;
    }

    #dealcodeBulkUpdateModal .multiselect .caret {
        float: right;
        margin-top: 10px;
    }

#dealcodeBulkUpdateModal .popheight-insidepop {
    overflow-y: auto;
    max-height: 85vh;
}

#expandHfilter {
    display: none;
    align-items: center;
    width: 100%;
}

    #expandHfilter i {
        font-size: 20px;
        color: var(--primary-color);
        transition: all .5s;
    }

    #expandHfilter.fltrActv i {
        transform: rotate(180deg);
    }

    #expandHfilter em {
        font-style: normal;
        font-size: 12px;
        margin-left: 2px;
    }

.h-detailsFilterChkBoxes {
    margin-top: 5px;
}

.topNavClubRCC {
    width: 40%;
}

    .topNavClubRCC > ul {
        display: flex;
        justify-content: flex-end;
    }

.rewardsNavSec .new-label-bubble.pos-left {
    right: 10px;
}

button.hotelDetailFilterReset {
    margin-top: -6px !important;
}

.reward-ad-mobile {
    display: none
}

.filter-Redemptions #OrgSegment {
    padding-right: 25px;
}

form#AddDealCode textarea {
    height: 39px;
    min-height: 39px;
}

.h-85vh {
    height: 85vh;
}

.multiSelectDropdownCT ul.multiselect-container .checkbox input {
    height: 12px !important;
    min-height: auto !important;
}

.multiSelectDropdownCT ul.multiselect-container .checkbox {
    padding-left: 30px;
}

.ml-85p {
    margin-left: 85%;
}

.smtpConfigContainer {
    background: #f2f2f2;
    padding: 10px;
    border-radius: 3px;
}

    .smtpConfigContainer h3 {
        text-transform: uppercase;
    }

    .smtpConfigContainer .verifiedSmtp {
        margin: 8px 15px 0 0;
        display: none;
    }

        .smtpConfigContainer .verifiedSmtp,
        .smtpConfigContainer .verifiedSmtp i {
            color: #22C66E !important;
        }

.border-color-grey {
    border-color: grey;
}

#importPnrTab .error-pnr {
    border-top: 1px solid #eee;
}

    #importPnrTab .error-pnr h3 {
        color: var(--red-color);
    }

.m-0-auto {
    margin: 0 auto;
}

.stackedChart {
    border: 1px solid #e4e4e4;
    background: rgba(245, 245, 245, 0.25);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
    overflow: hidden;
}

.consentCheckbox {
    background: var(--primary-color-ultra-lite);
    padding: 15px 12px 10px 12px;
    border-radius: 3px;
    width: 100%;
}

    .consentCheckbox > label {
        font-size: 13px;
    }

.popUpAlertBtn {
    padding: 5px 15px
}

.dropdown.dropdown-scroll .dropdown-menu {
    max-height: 200px;
    width: 60px;
    overflow: auto;
}

.search-control {
    padding: 5px 10px;
}

.selectSearchDropDownSngle .btn {
    background: none;
}

.selectSearchDropDownSngle ul.dropdown-menu li:not(.dontClose) {
    padding: 5px 0 5px 10px;
    cursor: default;
}

    .selectSearchDropDownSngle ul.dropdown-menu li:not(.dontClose):hover {
        background: var(--primary-color-lite);
    }

.selectSearchDropDownSngle ul.dropdown-menu li:nth-child(2) {
    margin-top: 42px;
}

.dwnldInvoicRadioBox {
    border-radius: 3px;
    padding: 15px;
    background: var(--primary-color-ultra-lite);
    border: 1px solid var(--primary-color-lite);
}

.arabicInvoiceRadioRow,
.arabicInvoiceRadioShareRow {
    display: flex;
    align-items: flex-end;
}

    .arabicInvoiceRadioRow .voucherSection_dp .dwnldInvoicRadioBox,
    .arabicInvoiceRadioRow .invoiceSection_dp .dwnldInvoicRadioBox {
        opacity: .5;
        pointer-events: none;
    }

.arabicInvoiceRadioRow .voucherSection_dp input[type="radio"]:checked ~ .dwnldInvoicRadioBox,
.arabicInvoiceRadioRow .invoiceSection_dp input[type="radio"]:checked ~ .dwnldInvoicRadioBox{
    opacity:1;
    pointer-events:all;
}


    .arabicInvoiceRadioShareRow .voucherSection_dp .dwnldInvoicRadioBox,
    .arabicInvoiceRadioShareRow .invoiceSection_dp .dwnldInvoicRadioBox {
        opacity: .5;
        pointer-events: none;
    }

    .arabicInvoiceRadioShareRow .voucherSection_dp input[type="radio"]:checked ~ .dwnldInvoicRadioBox,
    .arabicInvoiceRadioShareRow .invoiceSection_dp input[type="radio"]:checked ~ .dwnldInvoicRadioBox {
        opacity: 1;
        pointer-events: all;
    }

.mb-auto {
    margin-bottom: auto;
}

.checkInCheckOutTime {
    text-align: right;
}

    .checkInCheckOutTime h4 {
        font-size: 12px;
    }

.checkInCheckOutTimeSectn {
    align-items: flex-end;
    display: flex;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background: none;
}

.none-psudo:before,
.none-psudo:after {
    display: none !important;
}

.h-searchHomeSections {
    width: 29.5%;
    margin-top: 10px !important;
}

.Search-Star-Rating td {
    position: relative;
    text-align: center;
    background: #fff;
    overflow: hidden;
}

    .Search-Star-Rating td em {
        font-style: normal;
        font-weight: 500;
    }

    .Search-Star-Rating td input[type=checkbox]:checked ~ i,
    .Search-Star-Rating td input[type=checkbox]:checked + em {
        color: var(--primary-color);
    }

input[type=text].h-37 {
    height: 37px !important;
}

input[type=text].h-38 {
    height: 38px !important;
}

.Search-Star-Rating td input[type=checkbox] {
    position: absolute;
    opacity: 0;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    color: var(--primary-color);
    z-index: 2;
    cursor: pointer;
}

.Search-Star-Rating td .starRatingIcon:before {
    content: "\f006";
    color: #9e9e9e;
}

.Search-Star-Rating td input[type=checkbox]:checked ~ i:before {
    content: "\f005";
    color: var(--primary-color);
}

.Search-Star-Rating td i.fa-minus:before {
    color: #9e9e9e;
}

.Search-Star-Rating td input[type=checkbox]:checked ~ i.fa-minus:before {
    content: "\f068";
    color: var(--primary-color);
}

.none-psudo:after {
    display: none !important;
}

#bookingsTab li > a {
    font-size: 13px;
    padding: 0 10px !important;
}

.overflow-h {
    overflow: hidden;
}



.search-section .snr {
    width: 28.1%;
    margin-top: -10px !important;
    margin-bottom: 0 !important
}

    .search-section .snr input[type="text"] {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

.search-section .snr-Btn {
    margin-top: -68px !important;
    position: absolute !important;
    border: none !important;
    padding: 4px 6px !important;
}

.search-section .snr._starRating {
    padding-bottom: 3.5px;
    border-left: 1px solid #E9E6E0;
}

.NotstarSearchClearFix,
.f-searchClearFix {
    display: none;
}

.h-searchHomeSections label {
    color: #555;
}

.searchbox .from label,
.searchbox .To label,
.searchbox .form label,
.searchbox .AddTravellert label,
.searchbox .pickup label,
.searchbox .pickup_time label,
.searchbox .whereto label,
.searchbox .checkin label,
.searchbox .checkout label,
.searchbox .night label,
.searchbox .RoomsGuest label {
    color: #000;
    font-size: 14px;
}

.h-searchHomeSubSection {
    display: block;
    width: 100%;
    border-bottom: 1px solid #bababa;
    margin-top: 20px !important;
}

    .h-searchHomeSubSection h4 {
        font-size: 16px;
        font-weight: 600;
    }

#HotelForm ul.searchbox {
    padding-bottom: 10px;
    padding-top: 15px;
}

.main-search #myTab li.active {
    border-radius: 3px 3px 0 0;
}

.main-search #myTab li.active:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 5px;
    left: 0;
    background:#fff;
}

.zIndex-1 {
    z-index: 1;
}

.report-main-section select,
.report-main-section input[type="text"],
.report-main-section input[type="number"] {
    height: 35px;
}

.report-main-section .form-group {
    margin-bottom: 8px;
}

.report-main-section .report-download-btn {
    box-shadow: none !important;
    margin-left: 5px !important;
    padding: 0 !important;
}

    .report-main-section .report-download-btn svg {
        width: 28px;
    }

.h-report-main-section {
    padding: 5px 15px;
}

.report-main-section h3 {
    padding-bottom: 0;
    margin-top: 7px;
}

.report-main-section .dataTables_wrapper table tbody td {
    padding-bottom: 6px;
    padding-top: 6px;
}

.f-timeOutpopup h4 {
    font-size: 18px;
    font-weight: 700;
    color: #414141;
    margin-bottom: 20px;
}

.f-timeOutpopup h6 {
    font-size: 14px;
    font-weight: 400;
    color: #414141;
}

.f-timeOutpopup .boxContent {
    border-radius: 10px;
    border: 1px solid #e9e9e9;
    background: #FAFDFF;
    margin: 35px auto;
    width: 75%;
    padding: 15px 0;
}

    .f-timeOutpopup .boxContent img {
        margin-top: 20px;
    }

.f-timeOutpopup .modal-dialog {
    width: 800px;
}

.f-timeOutpopup .modal-body {
    padding-bottom: 25px;
}

#BookingReport_ProfileName #HotelReportradioProfile {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding-bottom: 2px;
    margin-top: 7px;
}

    #BookingReport_ProfileName #HotelReportradioProfile label {
        font-size: 13px;
        margin-bottom: 3px;
        margin-top: 3px;
    }

.report-main-section #HotelBooking {
    float: left;
}

.hcn-Sent {
    width: 156.6px !important;
}

    .hcn-Sent td {
        width: 156.6px !important;
    }

ul.myacc.user-dropdown-main li a i {
    width: 15px;
    text-align: center;
}

#PieChart svg g path {
    stroke-width: 3;
}

.stackedChart svg g:nth-child(2) g:nth-child(2) rect {
    stroke-width: 3;
}

.pass-warnings {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 3px;
    color: #808080;
    font-size: 11px;
}

.dynamicRadioButton {
    display: inline-block !important;
    width: 20px;
    height: 20px;
    margin: -2px 5px 0 0px;
    vertical-align: middle;
    border: 2px solid var(--primary-color);
    border-radius: 50%;
    cursor: pointer;
    transition: .3s;
}

table#HotelCancel tbody td:last-child {
    white-space: nowrap;
}


.filter-section-greyOut + .filter-section {
    filter: grayscale(1);
}

.h-searchHomeSections label {
    margin-bottom: 3px;
}

.hotel-modify-search ul.aa li.city h4,
.hotel-modify-search ul.aa li.Calender h4,
.hotel-modify-search ul.aa li.Calender h4,
.hotel-modify-search ul.aa li.Room_Guest h4 {
    color: #000;
    font-weight: 600;
}

.hotel-modify-search ul.aa li.night input[type="text"] {
    padding: 11px 0 10.5px 30px;
}

.hotel-modify-search ul.aa li.snr {
    margin-top: 0px !important;
    border-left: 1px solid #E9E6E0;
}

    .hotel-modify-search ul.aa li.snr._starRating {
        border: none;
        padding-top: 0;
        padding-left: 0;
    }

    .hotel-modify-search ul.aa li.snr input[type="text"] {
        border: none !important;
        font-weight: 600;
        font-size: 15px;
        color: #878787;
        padding-left: 0 !important;
        height: 28px !important;
    }

    .hotel-modify-search ul.aa li.snr._starRating .Search-Star-Rating td {
        padding: 15.6px 8px;
    }

.hotel-modify-search #modifypage-popup {
    border: 1px solid #E5E4E4;
    margin-top: 15px;
    padding: 2px 12px 10px 12px;
    border-radius:5px;
}

.ResidencyClearFixmodify,
.NationalityClearFixmodify, .LoyaltyClearFixmodify {
    display: none;
}


._starRating .pos-left:before {
    top: 14px !important;
    right: 6px !important;
}

._starRating .pos-left:after {
    top: 21.5px !important;
    right: 0 !important;
}


.f-supplier-multiSelect {
    height: inherit !important;
}

.mrkp_sup_valid .select2.select2-container {
    display: block;
}

.multiSelectDropDownAuto-W ul.multiselect-container {
    width: auto;
}

.mrkp_splier_dropdwn .select2-container,
.mrkp_splier_dropdwn span.select2-selection.select2-selection--multiple {
    height: 34px !important;
}


#listhotel #ExclusiveOffer > .modal-dialog {
    top: 30px;
}

#listhotel #ExclusiveOffer:after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
}

#modify-section-disabled {
    height: 100%;
    overflow-y: auto;
    background: rgb(255 255 255 / 27%);
    position: absolute;
    width: 100%;
    z-index: 99;
    cursor: not-allowed;
}

#proceedToReviewPagePopUp .modal-body img {
    max-width: 135px;
}

#proceedToReviewPagePopUp .modal-body h4 {
    font-weight: 700;
    font-size: 22px;
    color: #000;
}

#proceedToReviewPagePopUp .modal-body p {
    font-size: 14px;
}

.float-none {
    float: none;
}

.float-none-i {
    float: none !important;
}

#hotelBookingQueuedashBoardTB .custom-radio.tick-radio {
    text-align: center;
}

.max-w-100 {
    max-width: 100%;
}

.max-w-75 {
    max-width: 75%;
}

.reset_pswd_container .color-555 > a {
    color: #868686;
    font-size: 13px;
}

.validation-summary-errors ul li {
    font-size: 13px;
    color: red;
}

.w-0px {
    width: 0 !important;
}

#addNew .multiSelectDropDownLB select.state-error + div.btn-group button.multiselect {
    border: 1px solid rgba(255, 0, 0, 0.61) !important;
}

.push_notification {
    margin-left: auto;
}

    .push_notification .dropdown-toggle:hover .fa-bell-o {
        animation: bellshake .5s cubic-bezier(.36,.07,.19,.97) both;
        backface-visibility: hidden;
        transform-origin: top;
    }

@keyframes bellshake {
    0% {
        transform: rotate(0);
    }

    15% {
        transform: rotate(6deg);
    }

    30% {
        transform: rotate(-6deg);
    }

    45% {
        transform: rotate(5deg);
    }

    60% {
        transform: rotate(-5deg);
    }

    75% {
        transform: rotate(3deg);
    }

    85% {
        transform: rotate(-3deg);
    }

    92% {
        transform: rotate(1deg);
    }

    100% {
        transform: rotate(0);
    }
}

.push_notification .notification-count {
    background: var(--red-color);
    width: 16px;
    height: 16px;
    color: #fff;
    font-size: 8px;
    font-weight: 700;
    display: block;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -2px;
    text-align: center;
    line-height: 1.8;
}

.push_notification ul.dropdown-menu li {
    border-bottom: 1px solid #e0e0e0;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 10px;
}

.push_notification > ul li a:hover,
.push_notification > ul li a,
.push_notification > ul li a i {
    color: var(--primary-color) !important;
}

.push_notification ul.dropdown-menu li:last-child {
    border-bottom: none !important;
    padding-bottom: 0;
    margin-bottom: 5px;
}

.push_notification ul.dropdown-menu li.no-data {
    text-align: center;
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

    .push_notification ul.dropdown-menu li.no-data > h6 {
        color: #555;
        font-size: 13px;
        font-weight: 600;
        margin-bottom: 5px;
    }

.push_notification ul.dropdown-menu li.no-data {
    text-align: center;
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

    .push_notification ul.dropdown-menu li.no-data > h6 {
        color: #555;
        font-size: 13px;
        font-weight: 600;
        margin-bottom: 5px;
    }

.push_notification .profile-pic {
    float: left;
    width: 35px;
    height:35px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 0 2px 0px #0000004d;
    display: flex;
    align-items: center;
    justify-content: center;
}

.push_notification .profile-pic img {
    max-width: 80%;
}

.push_notification ul.dropdown-menu {
    width: 320px;
    right: -20px;
    left: auto;
    top: 33px;
    border-radius: 5px;
}

.push_notification #notificationList {
    padding: 15px;
    max-height: 360px;
    overflow-y: auto;
    width: 100%;
}

.push_notification .notification-details {
    width: calc(100% - 50px);
    float: left;
    padding-left: 10px;
}

    .push_notification .notification-details p {
        font-size: 13px;
        white-space: normal;
        margin-bottom: 5px;
    }

    .push_notification .notification-details small {
        font-size: 10px;
        color: #9f9f9f;
        margin-bottom: 5px;
        display: block;
    }

    .push_notification .notification-details .btn-reject,
    .push_notification .notification-details .btn-approve {
        font-size: 10px;
        color: #fff;
        text-transform: uppercase;
        background: var(--red-color);
        padding: 0 12px !important;
        height: 28px;
        line-height: 28px;
    }

    .push_notification .notification-details .btn-approve {
        background: var(--green-color);
        margin-left: 3px;
    }



.nextBookingBtn {
    margin-top: 20px;
}

    .nextBookingBtn h4 {
        font-size: 18px;
        color: #000;
        font-weight: 600;
    }

    .nextBookingBtn p {
        font-size: 14px;
        color: #555;
        font-weight: 400;
    }

    .nextBookingBtn .btn-section_ {
        padding-top: 30px;
    }


.checkBox-nextBooking {
    display: inline-block;
    position: relative;
    cursor: pointer;
    font-size: 14px;
    color: #8E9193;
    text-transform: uppercase;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 10px 13px;
}

    .checkBox-nextBooking em {
        font-style: normal;
    }

    .checkBox-nextBooking i.fa {
        color: var(--primary-color);
        margin-right: 3px;
    }


    .checkBox-nextBooking input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

    .checkBox-nextBooking .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 40px;
        width: 100%;
        border: 2px solid #C2C2C3;
        border-radius: 5px;
        box-shadow: 0 0 14px 0px rgb(0 0 0 / 6%);
    }

    .checkBox-nextBooking:hover .checkBox-nextBooking input ~ .checkmark {
        border-color: var(--primary-color);
    }

    .checkBox-nextBooking input:checked ~ .checkmark {
        border-color: var(--primary-color);
        background: var(--primary-color-ultra-lite);
    }

    .checkBox-nextBooking input:checked ~ em {
        color: var(--primary-color);
    }

    .checkBox-nextBooking input ~ em:before {
        content: 'Add';
    }

    .checkBox-nextBooking input:checked ~ em:after {
        content: 'Added';
    }

    .checkBox-nextBooking input:checked ~ em:before {
        content: '';
    }

    .checkBox-nextBooking input:checked ~ i.fa {
        color: var(--green-color);
        margin-right: 0;
    }

        .checkBox-nextBooking input:checked ~ i.fa:before {
            content: "\f00c";
        }

.nextBookingSection {
    border: 1px solid #8E9193;
    background: #F7F7F7;
    margin: 30px auto 0 auto;
    float: none;
    padding: 15px 0;
}

    .nextBookingSection .r-box {
        background: #fff;
        border-radius: 3px;
        border: 1px solid #B5B6B7;
        text-align: center;
    }

        .nextBookingSection .r-box a {
            text-transform: uppercase;
            background: var(--primary-color);
            padding: 5px 10px;
            color: #fff;
            font-weight: 700;
            display: inline-block;
            margin-bottom: 10px;
            font-size: 14px;
            text-decoration: none;
        }

    .nextBookingSection h4 {
        color: var(--green-color);
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 12px;
        margin-top: 12px;
    }

    .nextBookingSection h5 {
        color: #000;
        font-size: 18px;
        font-weight: 600;
    }

.nxtBookingSctonClose {
    border-radius: 50%;
    border: 1px solid #8E9193;
    width: 25px;
    height: 25px;
    display: block;
    position: absolute;
    top: -13px;
    right: -12px;
    background: #fff;
    text-align: center;
    cursor: pointer;
}

    .nxtBookingSctonClose:hover {
        border-color: var(--red-color);
    }

        .nxtBookingSctonClose:hover i {
            color: var(--red-color);
        }

.min-w-0 {
    min-width: 0 !important;
}

.line-h-1 {
    line-height: 1;
}

.line-h-1_3_i{
    line-height: 1.3 !important;
}

.push_notification a.dropdown-toggle {
    position: relative;
}

.justify-center {
    justify-content: center;
}

.traacs_history_label {
    font-weight: 600;
    color: #52555e;
    font-size: 15px;
}

/* Corporate Dashboard */

/*.corporate_dashboard .dashboardGridCards header {
    border-bottom: 1px solid #9C9C9C;
}*/

    .corporate_dashboard .dashboardGridCards header h3 {
        color: var(--primary-color);
        font-size: 20px;
        font-weight: 700;
        margin-top: 0;
        margin-bottom:0;
        line-height:1.3;
    }

    .corporate_dashboard .dashboardGridCards header select {
        height: 30px;
        font-size: 13px;
        font-weight: 600;
    }

.corporate_dashboard .dashboardGridCards a {
    text-decoration: none;
}

.corporate_dashboard .topTravelersCard {
    border-radius: 5px;
    background: var(--primary-color-ultra-lite);
    display: flex;
    align-items: center;
    position: relative;
    padding: 20px 10px 15px 10px;
}

    .corporate_dashboard .topTravelersCard:hover {
        box-shadow: 0 0 0 1px var(--primary-color);
    }

    .corporate_dashboard .topTravelersCard > .icon,
    .corporate_dashboard .topTravelersCard > .calendar-icon {
        justify-content: center;
        display: flex;
        width: 40px;
        height: 40px;
        min-width: 40px;
        border-radius: 50%;
        background: #546CA1;
        margin: 0 5px;
    }

    .corporate_dashboard .topTravelersCard > .calendar-icon {
        background: #1b7fb0;
        margin: 10px 5px 0 5px;
        width: 35px;
        height: 35px;
        box-shadow: 0 0 5px 0px #00000073;
        display: none;
    }

    .corporate_dashboard .topTravelersCard > .icon.flight {
        background: #546CA1;
        color:#fff;
    }

    .corporate_dashboard .topTravelersCard > .icon.flight .tc-icon{
        font-size:20px;
        line-height:2;
    }

    .corporate_dashboard .topTravelersCard > .icon.hotel {
        background: #D79141;
    }

    .corporate_dashboard .topTravelersCard > .icon.transfer {
        background: #6C5050;
    }

    .corporate_dashboard .topTravelersCard > .calendar-icon > img {
        max-width: 80%;
    }

    .corporate_dashboard .topTravelersCard > .details {
        flex-grow: 3;
        padding-left: 8px;
        max-width:85%;
    }

        .corporate_dashboard .topTravelersCard > .details h5,
        .corporate_dashboard .topTravelersCard > .details h6,
        .corporate_dashboard .topTravelersCard > .details small {
            color: #000;
            font-weight: 600;
            font-size: 14px;
            margin: 0 !important;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            max-width:90%;
        }

        .corporate_dashboard .topTravelersCard > .details h6 {
            color: #4B4949;
            font-size: 12px;
            margin-top: 5px !important;
        }

        .corporate_dashboard .topTravelersCard > .details small {
            font-size: 10px;
        }

    .corporate_dashboard .topTravelersCard .status_label {
        background: var(--primary-color-lite);
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
        border-radius: 0 5px 0 5px;
        font-weight: 700;
        font-size: 12px;
        padding: 3px 6px;
        line-height: 1;
        color: #4B4949;
    }

.corporate_dashboard .topTravelersCardContent {
    max-height: 298px;
    min-height: 348px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 5px 5px 2px;
}

    .corporate_dashboard .topTravelersCardContent#TravelerLoader > table,
    .corporate_dashboard .topTravelersCardContent table.no-data-table {
        margin: auto;
        position: absolute;
        top: 0;
        bottom: 0;
    }

    .corporate_dashboard .topTravelersCardContent table.no-data-table {
        top:55px;
    }

.corporate_dashboard .other_info {
    text-align: center;
}

    .corporate_dashboard .other_info h4 {
        color: #000;
        font-size: 16px;
        font-weight: 600;
    }

    .corporate_dashboard .other_info a:hover {
        text-decoration: none;
    }

    .corporate_dashboard .other_info a:hover h4 {
        color: var(--primary-color);
    }

    .corporate_dashboard .other_info .crcl,
    .corporate_dashboard .feedback .crcl {
        background: var(--primary-color-ultra-lite);
        border-radius: 50%;
        width: 100px;
        height: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 20px auto;
        padding: 20px;
        box-shadow: -2px 2px 3px 0px rgb(0 0 0 / 22%);
        transition: all ease-in-out .3s;
    }

    .corporate_dashboard .other_info .crcl:hover,
    .corporate_dashboard .feedback .crcl:hover {
        box-shadow: -1px 1px 3px 0px rgb(0 0 0 / 22%);
    }

    .corporate_dashboard .other_info .crcl img,
    .corporate_dashboard .feedback .crcl img {
        max-width: 90%;
    }

.corporate_dashboard .feedback .crcl {
    margin: 0;
    padding: 0;
    position: fixed;
    left: 20px;
    bottom: 20px;
    background: #fff;
    width: 60px;
    height: 60px;
    z-index: 11;
}

.totalCarbonFootprint {
    border-top: 1px solid #9C9C9C;
}

.totalCarbonFootprint h3 {
    font-size: 18px;
    text-align: center;
}

.carbonFootprint .ChartLegent {
    position: absolute;
    right: 20px;
    top: 90px;
    z-index: 1;
}

    .carbonFootprint .ChartLegent ul li {
        margin-bottom: 5px;
        color: #454545;
        font-weight: 600;
        font-size: 12px;
        display: flex;
        align-items: center;
    }

    .carbonFootprint .ChartLegent ul li span {
        width: 16px;
        height: 12px;
        display: inline-block;
        margin-right: 3px;
    }

    .carbonFootprint .ChartLegent ul li span.low {
        border: 1px solid #5CBB6C;
        background: #B9E2C0;
    }

    .carbonFootprint .ChartLegent ul li span.average {
        border: 1px solid #E8BE27;
        background: #F3DD8E;
    }

    .carbonFootprint .ChartLegent ul li span.high {
        border: 2px solid #EA7D7D;
        background: #F3B2B2;
    }

.summaryTabView .cross_total_td {
    background: #f7f7f7;
}

.summaryTabView .cross_total_td td {
    color: var(--primary-color);
    text-align: right;
}

.crossSellingCancelModal .pro-inner {
    box-shadow: none;
    margin-top: 0 !important;
    border: none;
    background: none;
}

.crossSellingCancelModal .modal-body > h4 {
    color: var(--primary-color);
}

.crossSellingCancelModal .modal-body table.table {
    text-align: center;
}

    .crossSellingCancelModal .modal-body table.table th {
        color: #8E9193;
        text-align: center;
        font-weight: 700;
    }

    .crossSellingCancelModal .modal-body table.table tr td,
    .crossSellingCancelModal .modal-body table.table tr.total th {
        color: #000;
    }

    .crossSellingCancelModal .modal-body table.table tr.total td div {
        border-radius: 5px;
        border: 1px solid #D4D9DB;
        padding: 12px 15px;
        display: inline-block;
        font-weight: 700;
        font-size: 14px;
    }

    .crossSellingCancelModal .modal-body table.table tr.total th,
    .crossSellingCancelModal .modal-body table.table tr.total td {
        border-bottom: 1px solid #ddd;
    }

        .crossSellingCancelModal .modal-body table.table tr.total td div.total_rf {
            color: var(--green-color);
        }

        .crossSellingCancelModal .modal-body table.table tr.total td div.total_cc {
            color: var(--red-color);
        }

.legWiseBreadcrumb ul {
    margin-top: 7px;
}

    .legWiseBreadcrumb ul li {
        color: #000;
        font-size: 16px;
        font-weight: 700;
        display: inline-block;
        position: relative;
        margin-right: 20px;
    }

    .legWiseBreadcrumb ul li:not(:first-child):not(:last-child):after {
        content: "\f178";
        position: absolute;
        top: 9px;
        right: -20px;
        width: 15px;
        color: var(--primary-color);
        font: normal normal normal 10px/1 FontAwesome;
    }

#traveler-map {
    height: 650px;
}

    #traveler-map .travelerMapIcon {
        width: 25px;
        height: 25px;
        border-radius: 50%;
        overflow: hidden;
    }

    #traveler-map .travelerMapIcon > img {
        width: auto;
        height: 100%;
    }

    #traveler-map .gm-style .gm-style-iw-c {
        border-radius: 5px;
        min-width: 120px !important;
        top: 5px;
        padding: 10px;
    }

    #traveler-map .gm-style .gm-style-iw-tc:after {
        width: 15px;
        height: 6px;
        left: 5px;
        top: 4px;
    }

    #traveler-map .gm-style-iw-t button {
        display: none !important;
    }

    #traveler-map .travelerMapIcon,
    #traveler-map .details {
        float: left;
    }

    #traveler-map .details.count {
        display: block;
        width: 100%;
        margin-bottom: 3px;
        padding-bottom: 3px;
        border-bottom: 1px solid #b4b4b4;
    }

    #traveler-map .details.count small {
        font-size: 10px;
        font-weight: 600;
    }

    #traveler-map .details {
        margin-left: 5px;
    }

    #traveler-map .details h5 {
        margin: 0 !important;
        font-size: 13px;
        color: #000;
    }

    #traveler-map .details h6{
        margin-bottom:3px;
    }

    #traveler-map .details small {
        font-size: 10px;
        font-weight: 400;
        color: #000;
    }

    #traveler-map .details small em{
        font-style:normal;
        color:#666;
    }

    #traveler-map .gm-style-iw-d {
        overflow: hidden !important;
        padding: 5px 15px 8px 0px;
    }

    #traveler-map .gm-style-iw-chr{
        display:none;
    }

    #traveler-map.hotel .gm-style-iw-d h5,
    #traveler-map.hotel .gm-style-iw-d small,
    #traveler-map.flight .gm-style-iw-d h5,
    #traveler-map.flight .gm-style-iw-d small,
    #traveler-map.transfer .gm-style-iw-d h5,
    #traveler-map.transfer .gm-style-iw-d small {
        color: #fff;
    }

    #traveler-map.hotel .gm-style-iw-c,
    #traveler-map.hotel .gm-style-iw-tc:after {
        background: #D79141;
    }

    #traveler-map.flight .gm-style-iw-c,
    #traveler-map.flight .gm-style-iw-tc:after {
        background: #546CA1;
    }

    #traveler-map.transfer .gm-style-iw-c,
    #traveler-map.transfer .gm-style-iw-tc:after {
        background: #6C5050;
    }

    .traveler-map-legend {
        position: absolute;
        top: 10%;
        right: 20px;
        z-index: 1;
        background: #ffffff;
        border-radius: 5px;
        padding: 15px;
        box-shadow:0px 2px 4px 0 #00000026;
        width:160px;
    }

    .traveler-map-legend ul li {
        font-size: 14px;
        display: flex;
        align-items: center;
    }

    .traveler-map-legend ul li > span{
        margin-left: auto;
        border-radius: 3px;
        width: 25px;
        height: 25px;
        display: flex;
        justify-content: center;
        align-items: center;
        color:#fff;
    }

    .traveler-map-legend ul li:nth-child(1) > span{
        background-color:#546ca1;
    }

    .traveler-map-legend ul li:nth-child(1) strong{
        color:#546ca1;
    }

    .traveler-map-legend ul li:nth-child(2) > span{
        background-color:#d79141;
    }

    .traveler-map-legend ul li:nth-child(2) strong{
        color:#d79141;
    }

    .traveler-map-legend ul li:nth-child(3) > span{
        background-color:#6c5050;
    }

    .traveler-map-legend ul li:nth-child(3) strong{
        color:#6c5050;
    }
    
    .traveler-map-legend ul li:not(:last-of-type) {
        margin-bottom: 15px;
    }

    .traveler-map-legend ul li strong{
        font-weight:600;
    }

    .traveler-map-legend ul li img {
        width: 22px;
        margin-right: 5px;
    }

#traveler-map #mapLoader,
#carbonFootprint {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

#carbonFootprint > img,
#traveler-map #mapLoader > img {
    max-width: 50px;
}

.noClick {
    pointer-events: none;
}

.biReportIframe {
    width: 100%;
    height: 850px;
    padding: 5px 0;
}

.w25px {
    width: 25px;
}

.flightStickyBtnBox {
    display: none;
}

.p-5-30 {
    padding: 5px 30px !important;
}

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

.wl-footer.footer h6 {
    font-size: 16px;
}

.wl-footer.footer .f_logo {
    max-width: 120px;
    max-height: 75px;
    margin: 10px 0px;
}

#notification_List .loaderer {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 20px 0;
}

#notification_List .loaderer img {
    max-width: 25px
}

#carbonFootprint {
    overflow: hidden;
    min-height: 298px;
}

.legWiseSelect .md-ripple-container {
    display: none;
}

.home-services .corporateContent .servies img {
    max-height: 110px;
}

.home-services .corporateContent .servies h4 {
    margin: 20px 0;
}

div.dt-container.dt-empty-footer div.dt-layout-row td.dt-empty{
    text-align: center !important;
    padding: 35px 0 !important;
    font-weight: 600;
    font-size: 12px;
}

div.dt-container.dt-empty-footer div.dt-layout-row td.dt-empty:before {
    content: '';
    display: block;
    background: url('../images/ico/table_no_data_icon.png') no-repeat;
    background-size: 100%;
    width: 85px;
    height: 60px;
    margin: 0 auto 10px auto;
}

.dashboard-search-panel {
    min-height: 400px;
    height: auto;
    transition: .5s;
}

.dashboard-search-panel-container {
    min-height: 400px;
}

.modal-footer button.cancel {
    box-shadow: none !important;
    border-color: var(--primary-color);
}

.modal-footer button,
.modal-footer md-button {
    min-width: 70px;
    text-align: center;
    border: 2px solid var(--primary-color) !important;
    box-shadow: none !important;
    outline: none;
}

.pax-page .paxbutton button,
.hotelpax .paxbutton button {
    border-radius: 3px;
    box-shadow: inset 0px 0px 0px 1.5px var(--primary-color) !important;
}

.pax-page .paxbutton .fileupload.fileupload-new,
.hotelpax .paxbutton .fileupload.fileupload-new,
.pax-page .paxbutton .fileupload.fileupload-exists,
.hotelpax .paxbutton .fileupload.fileupload-exists {
    display: inline-block;
}

.pax-page .paxbutton .fileupload-new .attachment,
.hotelpax .paxbutton .fileupload-new .attachment,
.hotelpax .paxbutton .fileupload-exists .attachment,
.pax-page .paxbutton .fileupload-exists .attachment {
    box-shadow: none;
    border: 2px dashed #b9b5b5;
    color: #5F5A5A !important;
    height: 35px;
    border-radius: 5px;
}

.pax-page .paxbutton .fileupload-exists .attachment img,
.hotelpax .paxbutton .fileupload-exists .attachment img,
.pax-page .paxbutton .fileupload-new .attachment img,
.hotelpax .paxbutton .fileupload-new .attachment img {
    height: 30px;
    margin-top: -5px;
}

.hotelpax .paxbutton button img,
.pax-page .paxbutton button img {
    margin-top: -3px;
    margin-right: 2px;
}

.hotelpax .paxbutton .fileupload.fileupload-exists,
.pax-page .paxbutton .fileupload.fileupload-exists {
    padding-bottom: 20px;
}

.hotelpax .paxbutton .upldBtnGroup,
.pax-page .paxbutton .upldBtnGroup {
    display: inline-block;
}

.hotelpax .paxbutton .fileupload.fileupload-exists .fileupload-preview,
.pax-page .paxbutton .fileupload.fileupload-exists .fileupload-preview {
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 12px;
    color: var(--primary-color);
    font-weight: 600;
}

.popupCloseButton {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 15px;
    top: 10px;
    opacity: 1;
}

    .popupCloseButton:before,
    .popupCloseButton:after {
        position: absolute;
        content: '';
        width: 1px;
        height: 20px;
        border-right: 2px solid var(--primary-color);
        left: 0;
        top: 0;
    }

    .popupCloseButton:after {
        transform: rotate(45deg);
    }

    .popupCloseButton:before {
        transform: rotate(-45deg);
    }

#notification_List .notfcn_header {
    position: sticky;
    background: var(--primary-color-ultra-lite);
    width: 100%;
    top: 0;
    left: 0;
    padding: 0 15px;
    box-shadow: 0px 0px 1px 0px var(--primary-color);
    z-index: 1;
    display: none;
    margin-bottom: 15px;
}

#notification_List .notfcn_header h4 {
    color: var(--primary-color);
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}

.notification-dark-layer {
    display: none;
}

.wl-footer-center {
    text-align: center;
}

.wl-footer-left .f-content-section,
.wl-footer-right .f-content-section {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 10px 0;
}

.wl-footer-right .f-content-section {
    flex-direction: row-reverse;
}

.wl-footer-right .f-contactDetails h6,
.wl-footer-left .f-contactDetails h6 {
    margin-top: 0;
}

.wl-footer .f-content-section a i {
    margin-right: 5px;
}

.wl-corporate-searchPanel .main-search ul.nav-tabs {
    display: flex;
    justify-content: space-between;
    background: #fff;
    width:auto;
    min-width:35%;
    margin: 0 auto;
    margin-bottom: -30px !important;
    padding: 10px 0;
    position: relative;
    z-index: 1;
    border-radius: 10px;
    box-shadow: 0 2px 4px 0 #00000021;
}

.wl-corporate-searchPanel .main-search #myTabContent {
    padding-top: 50px;
    border-radius: 10px;
    background: #fff;
    padding-bottom: 15px;
}

.wl-corporate-searchPanel .main-search #myTabContent .flight-tabs .radio-inline {
    padding: 5px 12px;
}

.wl-corporate-searchPanel .main-search #myTabContent .flight-tabs .radio-inline.active {
    border: none;
    background: var(--primary-color-lite);
    border:1px solid var(--primary-color);
    border-radius: 30px;
}

.wl-corporate-searchPanel .main-search #myTab li.active {
    background: none !important;
}

    .wl-corporate-searchPanel .main-search #myTab li.active a svg .actvSvgFS,
    .wl-corporate-searchPanel .main-search #myTab li.active a svg .actvSvgF {
        fill: var(--primary-color);
    }

    .wl-corporate-searchPanel .main-search #myTab li.active a svg .actvSvgFS,
    .wl-corporate-searchPanel .main-search #myTab li.active a svg .actvSvgS {
        stroke: var(--primary-color);
    }

    .wl-corporate-searchPanel .main-search #myTab li.active:after {
        display: none;
    }

    .wl-corporate-searchPanel .main-search #myTab li.active:before {
        height: 3px;
        width: 100%;
    }

.wl-corporate-searchPanel .main-search #myTabContent .flight-tabs {
    text-align: center;
    margin-bottom: 30px;
    margin-top: 0;
}

.wl-corporate-searchPanel .main-search #myTab li {
    background: none !important;
    text-align: center;
}

    .wl-corporate-searchPanel .main-search #myTab li:before {
        height: 3px;
        width: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        content: '';
        background: var(--primary-color);
        position: absolute;
        transition: .3s;
    }

    .wl-corporate-searchPanel .main-search #myTab li a {
        font-weight: 700;
        color: #555 !important;
        border-bottom: 4px solid transparent;
        border-radius: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0 15px;
        text-transform:uppercase;
    }

    .wl-corporate-searchPanel .main-search #myTab li.active a {
        color: var(--primary-color) !important;
        border-bottom: none;
    }

    .wl-corporate-searchPanel .main-search #myTab li a svg {
        width: 40px;
        height: 30px;
        display: block;
        margin-bottom: 5px;
    }

    .wl-corporate-searchPanel .main-search #myTab li a:hover {
        background: none !important;
    }

    .wl-corporate-searchPanel .main-search #myTab li a i {
        margin-right: 5px;
    }

.wl-corporate-searchPanel .main-search ul.searchbox > li.pickup > p,
.wl-corporate-searchPanel .main-search ul.searchbox > li.checkout > p,
.wl-corporate-searchPanel .main-search ul.searchbox > li.checkin > p,
.wl-corporate-searchPanel .main-search ul.searchbox > li.from > p,
.wl-corporate-searchPanel .main-search ul.searchbox > li.To > p {
    box-shadow: none;
    padding: 1px;
    height: auto;
}

.wl-corporate-searchPanel .main-search #transfer ul.searchbox > li > p,
.wl-corporate-searchPanel .main-search #hotel ul.searchbox > li > p{
    height:auto;
    box-shadow:none;
}

.wl-corporate-searchPanel .main-search ul.searchbox > li.AddTravellert > p{
    height:50px;
    margin-bottom:0;
    line-height:50px;
    padding-left:12px;
    box-shadow:0px 0px 0px .8px rgba(51, 51, 51, 0.15);
}

.wl-corporate-searchPanel .main-search ul.searchbox > li > p > select,
.wl-corporate-searchPanel .main-search ul.searchbox > li > p > input[type="text"] {
    height: 50px;
    box-shadow: 0px 0px 0px .8px rgba(51, 51, 51, 0.15);
    font-weight: 700;
    line-height: 47px !important;
}

.wl-corporate-searchPanel .main-search ul.searchbox > li > p > select{
    line-height:37px !important;
}

.wl-corporate-searchPanel .main-search ul.searchbox > li.pickup > p,
.wl-corporate-searchPanel .main-search ul.searchbox > li.from > p,
.wl-corporate-searchPanel .main-search ul.searchbox > li.To > p{
    position:relative;
}

.wl-corporate-searchPanel .main-search ul.searchbox > li.pickup.toCity_ > p:before,
.wl-corporate-searchPanel .main-search ul.searchbox > li.pickup.fromCity_ > p:before,
.wl-corporate-searchPanel .main-search ul.searchbox > li.from > p:before,
.wl-corporate-searchPanel .main-search ul.searchbox > li.To > p:before{
    border-left: none;
    position: absolute;
    width: 33px;
    height: 16px;
    background: #fcfcfc;
    top: 17px;
    right: -9px !important;
    transform: rotate(90deg);
    z-index: 2;
    border-bottom-left-radius: 150px;
    border-bottom-right-radius: 150px;
    border: 1px solid rgb(51 51 51 / 15%);
    border-top: 0;
    content:'';
}

.wl-corporate-searchPanel .main-search #multicityPlus ul.searchbox > li.To > p:before,
.wl-corporate-searchPanel .main-search #multicityPlus ul.searchbox > li.from > p:before{
    display:none;
}

.wl-corporate-searchPanel .main-search #multicityPlus ul.searchbox > li.To > p input[type=text]{
    padding-left:15px;
}

.wl-corporate-searchPanel .main-search ul.searchbox > li.pickup.toCity_ > p:before,
.wl-corporate-searchPanel .main-search ul.searchbox > li.To > p:before{
    right:auto !important;
    left:-9px;
    transform: rotate(270deg);
}

.wl-corporate-searchPanel .main-search ul.searchbox > li.To > p.has-error-home:before{
    border-color:#ff0000;
    left:-10px;
}

.wl-corporate-searchPanel .main-search ul.searchbox > li.from > p.has-error-home:before{
    border-color:#ff0000;
    right:-10px !important;
}

.wl-corporate-searchPanel .main-search ul.searchbox > li.fromCity_ > p.has-error-home:before{
    border-color:#ff0000;
    right:-9.5px !important;
}

.wl-corporate-searchPanel .main-search .trasfer-field li.swpe-img.ng-hide + .toCity_ p:before{
    display:none;
}

.wl-corporate-searchPanel .main-search ul.searchbox > li > p > input[type="text"] {
    padding-right: 35px;
}

.wl-corporate-searchPanel .main-search ul.searchbox > li > p > input[type="text"],
.wl-corporate-searchPanel .main-search ul.searchbox > li p.travel {
    font-weight: 600;
    padding-left: 15px;
}

.wl-corporate-global #flightmodifypage-popup ul.aa li.from::before,
.wl-corporate-global #flightmodifypage-popup ul.aa li.to::before,
.wl-corporate-searchPanel .main-search ul.searchbox > li.To::after,
.wl-corporate-searchPanel .main-search ul.searchbox > li.from::after {
    background: none !important;
    content: '\e80c' !important;
    font: normal normal normal 22px/1 fontello;
    color: #919191;
    top: 41px !important;
    right: 15px !important;
    opacity:.5;
}

.wl-corporate-searchPanel .main-search ul.searchbox > li.To::after,
.wl-corporate-global #flightmodifypage-popup ul.aa li.to::before {
    transform: rotate(90deg);
    top: 43px !important;
}

.wl-corporate-global #flightmodifypage-popup ul.aa li.to::before,
.wl-corporate-global #flightmodifypage-popup ul.aa li.from::before {
    top: 25px !important;
}

.wl-corporate-global #flightmodifypage-popup ul.aa li.to::before {
    left: 18px;
}

.wl-corporate-searchPanel .main-search ul.searchbox > li.checkin::after,
.wl-corporate-searchPanel .main-search ul.searchbox > li.checkout::after {
    content:'\e801';
    font:normal normal normal 22px/1 fontello;
    width: 23px;
    height: 23px;
    opacity: .55;
}

.wl-corporate-searchPanel .main-search ul.searchbox > li.checkin::after,
.wl-corporate-searchPanel .main-search ul.searchbox > li.checkout::after,
.wl-corporate-searchPanel .main-search ul.searchbox > li.AddTravellert::after {
    font-size: 22px !important;
    color: #919191 !important;
    top: 40px !important;
}

.wl-corporate-searchPanel .main-search .searchbutton button,
.wl-corporate-searchPanel ul.searchbox li.searchbutton button.mainSearchButton {
    min-height: 50px !important;
    padding: 0 12px !important;
}

.wl-corporate-searchPanel .main-search #flight .searchbutton button {
    float: right;
    padding:0 33px !important;
}

.wl-corporate-global #flightmodifypage-popup .swpe-img,
.wl-corporate-searchPanel .main-search ul.searchbox .swpe-img {
    width: 28px;
    height: 28px;
    left: 21.45%;
    top: 38px;
    box-shadow: 0px 0px 0px 1px var(--primary-color);
    background: var(--primary-color);
    text-align: center;
    transition: .3s;
}

.wl-corporate-global #flightmodifypage-popup .swpe-img {
    left: 19%;
    top: 15px;
}

    .wl-corporate-global #flightmodifypage-popup .swpe-img > img {
        opacity: 0;
        z-index: 2;
        position: relative;
        width: 22px;
        margin: 0;
    }

    .wl-corporate-global #flightmodifypage-popup .swpe-img:after {
        content: '';
        top: 0;
        left: 1px;
        width: 25px;
        height: 25px;
        position: absolute;
        background: url(/images/ico/corporate-swap-arrow.svg) no-repeat center center;
        background-size: 57%;
        z-index: 1;
    }

.wl-corporate-global #flightmodifypage-popup ul.aa li:not(.swpe-img) {
    border-radius: 0;
}

.wl-corporate-global #flightmodifypage-popup ul.aa li.from {
    width:230px;
    border-radius:5px 0 0 5px;
}

.wl-corporate-global #flightmodifypage-popup ul.aa li.to {
    padding-left: 10px;
    width:230px;
}

.wl-corporate-global #flightmodifypage-popup ul.aa li.Calender{
    width:150px;
}

.wl-corporate-global #flightmodifypage-popup ul.aa li.Room_Guest {
    width: 200px;
    border-radius:0 5px 5px 0;
}

.no-scroll {
    overflow: hidden !important;
}

.wl-footer-center .copyright {
    margin-top: 10px;
}

.md-button.md-default-theme[disabled], .md-button[disabled] {
    background-color: var(--primary-color);
}

.paxNameSearchTxtBox {
    position: relative;
}

.paxNameSearchTxtBox:after {
    content: '\f002';
    font: normal normal normal 18px/1 FontAwesome;
    position: absolute;
    right: 12px;
    top: 11px;
    color: #9f9f9f;
}

.pax-header-strip ul.tripDetailsSectionHeader {
    font-weight: 600;
}

.mCustomScrollbar {
    -ms-touch-action: auto !important;
    touch-action: auto !important;
}

#flight-detail:after,
#Baggage-Details:after,
#flight-share:after,
#FareRule-Details:after,
#flight-missedSavings:after,
#fare-detail:after {
    position: fixed;
    z-index: -1;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.42);
}

.listing .listing-logoName,
.listing .listing-price {
    width: 50%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}

.listing .listing-price {
    display: flex;
    justify-content: flex-end;
}

    .listing .listing-price ul {
        float: left;
    }

    .listing .listing-price .listing-button {
        margin-left: 10px;
    }

.w-36px {
    width: 36px !important;
}

em.style-normal {
    font-style: normal;
}

.flight-not-combine {
    text-align: center;
}

    .flight-not-combine img {
        max-width: 100px;
    }

    .flight-not-combine h5 {
        font-weight: 600;
    }

.businessFrndlyRate,
.packageRate {
    font-size: 10px;
    color: #333 !important;
    background: var(--primary-color-lite);
    padding: 1px 8px;
    border-radius: 3px;
    display: table;
    margin: 0 auto 3px auto;
    border-collapse: separate;
    line-height: 1.5;
}

.confirmation .businessFrndlyRate,
.confirmation .packageRate {
    float: left;
    margin-top: 5px;
}

.hotelpax .businessFrndlyRate {
    display: inline-block;
}

.tof-multiSelectDrpdwn .selection .select2-selection {
    border: 1px solid #ccc !important;
    border-radius: 3px !important;
    height: 40px;
}

.tof_sectn_table #NoofNights {
    background: #fff;
    width: 100%;
    display: inline-block;
    height: 39px;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-bottom: -3px;
    padding: 0 10px;
    line-height: 36px;
}

.wl-corporate-searchPanel .corp-hidden {
    display: none;
}

.wl-corporate-searchPanel .slider-home:before {
    opacity: .66;
}

.corp-visible {
    display: none;
}

.wl-corporate-searchPanel .corp-visible {
    display: block;
}

.wl-corporate-searchPanel .main-search ul.searchbox > li.searchbutton {
    margin-top: -60px;
    margin-left:7px;
    float:right;
}

.wl-corporate-searchPanel .main-search ul.searchbox li .Nationality input[type=text] {
    height: 50px !important;
}

#modifypage-popup .uib-datepicker-popup.dropdown-menu,
.modify-multi-city .uib-datepicker-popup.dropdown-menu,
#flightmodifypage-popup .uib-datepicker-popup.dropdown-menu,
.slider-home .main-search .uib-datepicker-popup.dropdown-menu {
    max-height: 350px;
    width: 362px;
}

.modify-multi-city .uib-datepicker-popup.dropdown-menu > li{
    float:none;
    margin:0;
}

.wl-corporate-searchPanel .main-search ul.searchbox li table.Search-Star-Rating td {
    padding: 14px 8px;
}

.wl-corporate-searchPanel .main-search .trasfer-field ul.searchbox .swpe-img {
    left: 28.2%;
}

.wl-corporate-searchPanel .main-search .trasfer-field li.pickup::before {
    top: 38px;
}

.wl-corporate-searchPanel .main-search .trasfer-field li.pickup_time p {
    line-height: 37px !important;
}

.wl-corporate-searchPanel .main-search .trasfer-field li select {
    height: 50px !important;
}

.wl-corporate-searchPanel .main-search ul.searchbox > li.whereto::after,
.wl-corporate-searchPanel .main-search ul.searchbox > li.night::after,
.wl-corporate-searchPanel .main-search ul.searchbox > li.RoomsGuest::after {
    top: 42px;
}

.wl-corporate-searchPanel .main-search ul.searchbox .swpe-img{
   background:none;
   box-shadow:none;
}

.wl-corporate-global #flightmodifypage-popup .swpe-img a,
.wl-corporate-searchPanel .main-search ul.searchbox .swpe-img a{
    text-decoration:none;
}

.wl-corporate-global #flightmodifypage-popup .swpe-img .flight-switch,
.wl-corporate-searchPanel .main-search ul.searchbox .swpe-img .flight-switch {
    background:none;
    overflow:visible;
    text-align: center;
    font-size:14px;
    color:var(--primary-color);
}

.wl-corporate-global #flightmodifypage-popup .swpe-img .flight-switch:after,
.wl-corporate-searchPanel .main-search ul.searchbox .swpe-img .flight-switch:after{
    content:'\e806';
    font-family: 'fontello';
    margin: 1px 0 0 -2px;
    height: 19px;
    width: 20px;
    display: inline-block;
    padding: 0 3px 6px 0;
    line-height: 1.4;
    margin-top:2px;
}

.recentSearchOnSearchPanel {
    position: absolute;
    top: 10px;
    right: 10px;
    background: white;
    border-radius: 3px;
    padding: 6px 12px;
}

    .recentSearchOnSearchPanel .recent-search ul.dropdown-menu {
        right: -13px;
        top: 140%;
        box-shadow: 0 6px 12px rgba(0,0,0,.175);
    }

    .recentSearchOnSearchPanel .recent-search > a {
        font-weight: 600;
    }

    .recentSearchOnSearchPanel .recent-search ul.dropdown-menu li {
        transition: .3s;
    }

    .recentSearchOnSearchPanel .recent-search ul.dropdown-menu li:hover {
        background: var(--primary-color-ultra-lite);
    }

.wl-corporate-searchPanel .recentSearchOnSearchPanel {
    top: 70px;
}

.wl-corporate-mainMenu {
    z-index: 2;
    background: #fff;
    border-radius: 50px;
    margin: 0 auto 0 auto;
    width: auto;
    box-shadow: 0 2px 3px 0px var(--primary-color);
    display: table;
}

    .wl-corporate-mainMenu ul li.new-booking-menu {
        display: none;
    }

    .wl-corporate-mainMenu ul.dashboard_menu > li {
        padding-left: 20px;
        padding-right: 20px;
    }

        .wl-corporate-mainMenu ul.dashboard_menu > li > a {
            font-weight: 600;
            text-transform: uppercase;
            padding: 15px !important;
            background-image: linear-gradient( to right, var(--primary-color), var(--primary-color) 50%, #555 50% );
            background-size: 200% 100%;
            background-position: -100%;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            transition: all 0.4s ease-in-out;
            display: flex;
            align-items: center;
        }

            .wl-corporate-mainMenu ul.dashboard_menu > li > a svg {
                width: 22px;
                margin-right: 5px;
            }

            .wl-corporate-mainMenu ul.dashboard_menu > li > a i {
                font-size: 16px;
            }

            .wl-corporate-mainMenu ul.dashboard_menu > li > a i.fa-calendar:before {
                content: "\f274";
            }

            .wl-corporate-mainMenu ul.dashboard_menu > li > a i.fa-tachometer:before {
                content: "\f00a";
            }

            .wl-corporate-mainMenu ul.dashboard_menu > li > a:hover {
                box-shadow: none;
                background-position: 0;
            }

            .wl-corporate-mainMenu ul.dashboard_menu > li > a:after {
                position: absolute;
                content: '';
                bottom: 0;
                left: 0;
                width: 0;
                height: 3px;
                background: var(--primary-color);
                transition: .3s;
            }

            .wl-corporate-mainMenu ul.dashboard_menu > li > a:hover:after {
                width:calc(100% - 15px);
                left:15px;
            }

            .wl-corporate-mainMenu ul.dashboard_menu > li .submenu {
                top: 55px;
                left:35px;
                max-height:none;
                border:none;
                box-shadow:0 0 5px 0 #00000047;
                width:auto;
                height:0;
                border-radius:10px;
            }

            .wl-corporate-mainMenu ul.dashboard_menu > li .submenu ul {
                background: #fff;
                flex-direction:column;
            }

            .wl-corporate-mainMenu ul.dashboard_menu > li .submenu ul li{
                height:38px;
            }

            .wl-corporate-mainMenu ul.dashboard_menu > li .submenu ul li:not(:last-child){
                border-bottom:1px solid #ccc;
            }

            .wl-corporate-mainMenu ul.dashboard_menu > li .submenu a {
                overflow: hidden;
                position: relative;
                border-bottom: none !important;
                min-width:150px;
                height:38px;
                line-height:29px;
            }

            .wl-corporate-mainMenu ul.dashboard_menu > li .submenu li a:before {
                content: '';
                position: absolute;
                width: 0;
                height: 2px;
                left: 0;
                bottom: 0;
                background: var(--primary-color);
                transition: .3s;
            }

            .wl-corporate-mainMenu ul.dashboard_menu > li .submenu li a:hover:before {
                width: 100%;
            }

            .wl-corporate-mainMenu ul.dashboard_menu > li .submenu li a span {
                display: inline-block;
                transition: transform .3s cubic-bezier(0.76, 0, 0.24, 1);
            }

            .wl-corporate-mainMenu ul.dashboard_menu > li .submenu li a:hover span {
                transform: translate3d(-200%, 0, 0);
            }

            .wl-corporate-mainMenu ul.dashboard_menu > li .submenu li a:after {
                content: attr(data-replace);
                height: 100%;
                top: 0;
                transform-origin: 100% 50%;
                transform: translate3d(200%, 0, 0);
                transition: transform .3s cubic-bezier(0.76, 0, 0.24, 1);
                color: var(--primary-color);
                display: block;
            }

            .wl-corporate-mainMenu ul.dashboard_menu > li .submenu li a:hover::after {
                transform: translate3d(0, 0, 0);
                position: absolute;
                left: 35px;
                top: 5px;
                width: 100%;
            }

.recentSearchBelowSearchPanel {
    width: 100%;
    margin-top: 25px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

    .recentSearchBelowSearchPanel .recent-search {
        padding: 10px 0 0 0;
    }

        .recentSearchBelowSearchPanel .recent-search ul {
            display: flex;
            align-items: stretch;
        }

        .recentSearchBelowSearchPanel .recent-search ul li {
            border: 1px solid var(--primary-color);
            border-radius: 5px;
            padding: 5px 10px;
            margin-right: 15px;
            background: #fff;
            cursor: pointer;
            max-width: 50%;
            display: flex;
            flex-wrap: wrap;
            align-content: center;
            flex-direction: column;
            justify-content: center;
            min-width: 200px;
            overflow:hidden;
        }

        .recentSearchBelowSearchPanel .recent-search ul li:hover {
            border-color: var(--primary-color);
        }

        .recentSearchBelowSearchPanel .recent-search ul li h6 {
            margin: 3px 0;
        }

    .recentSearchBelowSearchPanel .clearRecentSearchCss {
        height: 100%;
        width: 30px;
        top: 0;
        right: -30px;
        position: absolute;
        cursor: pointer;       
        background: var(--red-color);
        color:#fff;
        border-radius:0 5px 5px 0;
        z-index: 1;
        opacity: 0;
        transition: all .3s ease-in-out;
    }

    .recentSearchBelowSearchPanel .recent-search ul li:hover .clearRecentSearchCss {
        opacity: .6;
        right:0;
    }

    .recentSearchBelowSearchPanel .recent-search ul li .clearRecentSearchCss:hover{
        opacity: 1;
    }

.w-160px {
    width: 160px;
}

.w-100 {
    width: 100%;
}

.w-100-i {
    width: 100% !important;
}

.recentSearchBelowSearchPanel .r_title {
    margin-right: 10px;
    overflow: visible !important;
}

.recentSearchBelowSearchPanel .r_title h4 {
    color: #fff;
    margin-top: 0;
    padding: 0;
    line-height: 14px;
    margin: 0;
    text-shadow: 1px 1px 3px #00000070;
}

.tof-container .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--primary-color) !important;
    border: 1px solid var(--primary-color) !important;
    border-radius: 20px !important;
    padding: 2px 10px !important;
    color: #fff;
}

.tof-container .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff !important;
    float: right;
    margin-right: 0;
    margin-left: 10px;
}

.emplyeeErrorMsg {
    color: var(--red-color);
    font-size: 11px;
    position: absolute;
}

.nowrap {
    white-space: nowrap;
}

.CreatePoicyRules header {
    box-shadow: 0 1px 3px 0 #00000063;
    margin: -10px -10px 0 -10px;
    padding-left: 15px;
}

.flightShowHideCategory header h3, .hotelShowHideCategory header h3 {
    padding: 10px 0;
    margin-bottom: 15px !important;
    color: var(--primary-color) !important;
    font-weight: 700;
    text-transform: uppercase;
}

.policyViolationIcon,
.common_popOver {
    float: right;
    position: relative;
    font-size: 11px;
    font-weight: 600;
    cursor: help;
}

.common_popOver.dark .common_popOverChildDiv{
    background-color:#1e293b;
    color:#fff;
    border: none;
    font-size:11px;
    min-height:auto;
    right: auto;
    left: -15px;
}

.common_popOver.dark.top .common_popOverChildDiv{
    top: auto;
    bottom: 25px;
}

.common_popOver.dark .common_popOverChildDiv p{
    margin-bottom:0;
}

.common_popOver.dark .common_popOverChildDiv:before{
    border: none;
    background-color: #1e293b;
    width:10px;
    height:10px;
    top:-5px;
    right: auto;
    left: 20px;
}

.common_popOver.dark.top .common_popOverChildDiv:before{
    top: auto;
    bottom: -4px;   
}

.common_popOver.dark:after{
    background:none;
    box-shadow:0 0 0 1.1px var(--primary-color);
    color:var(--primary-color);
    display:table;
    width: 10px;
    height: 10px;
    line-height: 1;
    font-size: 8px;
}

.policyViolationIcon {
    border-radius: 30px;
    padding: 2px 6px;
    color: var(--red-color);
    border: 1px solid var(--red-color);
    white-space: nowrap;
}

    .common_popOver:active,
    .common_popOver:focus {
        pointer-events: none;
    }

    .policyViolationIcon:after,
    .common_popOver:after {
        content: 'i';
        width: 13px;
        height: 13px;
        border-radius: 50%;
        background-color: var(--red-color);
        text-align: center;
        line-height: 12px;
        color: #fff;
        display: inline-block;
        margin-left: 3px;
        font-size: 9px;
    }

    .common_popOver:after {
        width: 12px;
        height: 12px;
        background-color: var(--tertiary-color);
    }

.common_popOver_closable,
.selectedFlightSection .disabled-btn-tooltip-wrapper .tooltip-message,
.policyViolationChildDiv,
.common_popOverChildDiv {
    display: none;
    background: #fff;
    position: absolute;
    z-index: 4;
    right: -12px;
    top: 30px;
    border-radius: 5px;
    border: 2px solid #D8D5D5;
    padding: 8px;
    font-size: 13px;
    flex-direction: column;
    align-items: flex-start;
    width: 300px;
    white-space: normal;
}

.common_popOver_closable{
    display:block;
    top: 62px;
    right: 12px;
    border:none;
    box-shadow:0 1px 3px 0 #0000004d;
}

.wl-corporate-header #menuu .common_popOver_closable i.icon-bulb,
.common_popOver_closable i.icon-bulb,
.common_popOver_closable p{
    color:var(--green-color) !important;
    font-size:11px;
    text-transform:none;
    margin-bottom:0;
}

.common_popOver_closable i.icon-bulb{
    font-size: 16px !important;
    margin-top: 3px;
}

.common_popOver_closable p{
    display: inline-block;
    width: 90%;
    padding-left: 5px;
    font-weight:600;
}

.common_popOver_closable{
    padding-top:18px;
}

.common_popOver_closable i.icon-close,
.wl-corporate-header #menuu .common_popOver_closable i.icon-close{
    color:var(--red-color) !important;
    float: right;
    font-size: 8px;
    position: absolute;
    right: 10px;
    top: 10px;
}

.common_popOverChildDiv {
    min-height: 60px;
    justify-content: center;
    top: 25px;
}

    .common_popOverChildDiv small {
        width: 100%;
        margin: 20px 0 10px 0;
        font-size: 11px;
        text-align: center;
        padding-left: 5px;
        color: #999;
        border-top: 1px dashed #cfcfcf;
        padding-top: 15px;
    }

    .common_popOverChildDiv small > a {
        color: #999;
    }

    .common_popOverChildDiv small > a:hover {
        color: var(--primary-color)
    }

    .common_popOver_closable:before,
    .selectedFlightSection .disabled-btn-tooltip-wrapper .tooltip-message:before,
    .policyViolationChildDiv:before,
    .common_popOverChildDiv:before {
        position: absolute;
        top: -8.5px;
        right: 15px;
        content: '';
        width: 15px;
        height: 15px;
        background: #fff;
        transform: rotate(45deg);
        border: 2px solid #D8D5D5;
        border-bottom: none;
        border-right: none;
    }

    .common_popOver_closable:before{
        top:-5px;
        width:10px;
        height:10px;
        border:none;
        box-shadow:-1px -1px 1px 0 #00000017;
    }

.policyViolationIcon:hover .policyViolationChildDiv,
.common_popOver:hover .common_popOverChildDiv {
    display: flex;
    pointer-events: none;
}

.common_popOver.left .common_popOverChildDiv {
    left: -16px;
    right: auto;
}

    .common_popOver.left .common_popOverChildDiv:before {
        left: 16px;
        right: auto;
    }

.common_popOver.center {
    left: auto;
    right: auto;
}

    .common_popOver.center .common_popOverChildDiv {
        align-items: center;
        min-height: 0;
        border-radius: 6px;
    }

.TravelPolicyRuleViolationSectionDetails {
    display: none;
    background: #ffb8b8;
    position: absolute;
    z-index: 1;
    right: 0;
    top: 20px;
    flex-direction: column;
    align-items: flex-start;
}

.TravelPolicyRuleViolationSection:hover ~ .TravelPolicyRuleViolationSectionDetails {
    display: flex;
}

.travelerMapPopup ul.listDtils:not(:first-child) {
    border-top: 1px dashed #ababab;
    margin-top: 10px;
    padding-top: 7px;
}

.travelerMapPopup .modal-body ul.listDtils {
    font-size: 13px;
}

    .travelerMapPopup .modal-body ul.listDtils li {
        padding-left: 15px;
    }

        .travelerMapPopup .modal-body ul.listDtils li.srNo {
            padding-left: 0;
            float: left;
            font-weight: 600;
        }

.wl-corporate-searchPanel .dashboard-search-panel {
    margin-top: -190px;
    padding-top: 250px;
}

.wl-corporate-header {
    position: relative;
    z-index: 1;
    background: none !important;
    box-shadow: none !important;
}

    .wl-corporate-header .top-bg,
    .wl-corporate-header .header-menu {
        background: none;
    }

    .wl-corporate-header .top-bg {
        box-shadow: 0px 1px 0px rgb(255 255 255 / 17%);
    }

        .wl-corporate-header .top-bg .top-strip-nav {
            display: none;
        }

        .wl-corporate-header .top-bg .topContact {
            float: right;
        }

            .wl-corporate-header .top-bg .topContact,
            .wl-corporate-header .top-bg .topContact i,
            .wl-corporate-header .top-bg .topContact a {
                color: rgb(255 255 255 / 71%);
            }

    .wl-corporate-header .header-menu,
    .wl-corporate-header .header-menu .walletNavSec label,
    .wl-corporate-header .header-menu .rewardsNavSec label,
    .wl-corporate-header .header-menu #menuu ul li a,
    .wl-corporate-header .header-menu #menuu ul li a i {
        color: #fff !important;
    }

        .wl-corporate-header .header-menu #menuu ul li a svg path {
            fill: #fff;
        }

        .wl-corporate-header .header-menu .topNavClubRCC .rewards-Icon img,
        .wl-corporate-header .header-menu .topNavClubRCC .walletIcon img {
            background-color: transparent;
        }

        .wl-corporate-header .header-menu #menuu ul.dropdown-menu li a {
            color: #333 !important;
        }

            .wl-corporate-header .header-menu #menuu ul.dropdown-menu li a:hover {
                color: var(--primary-color) !important;
            }

            .wl-corporate-header .header-menu #menuu ul.dropdown-menu li a.signout_dropDwn:hover {
                color: #fff !important;
            }

            .wl-corporate-header .header-menu #menuu ul.dropdown-menu li a i {
                color: var(--primary-color) !important;
            }

            .wl-corporate-header .header-menu #menuu ul.dropdown-menu li a.signout_dropDwn i {
                color: var(--red-color) !important;
            }

            .wl-corporate-header .header-menu #menuu ul.dropdown-menu li a.signout_dropDwn:hover i {
                color: #fff !important;
            }

        .wl-corporate-header .header-menu #menuu ul .recent-search ul.dropdown-menu li {
            color: #333;
        }

        .wl-corporate-header .header-menu #menuu ul .signout_dropDwn:hover,
        .wl-corporate-header .header-menu #menuu ul .signout_dropDwn:hover i {
            color: #fff !important;
        }

.recentSearchBelowSearchPanel > .d-block {
    overflow-x: auto;
    max-width: 100%;
}

.wl-corporate-header .header-menu #menuu .recent-search span.rcntTxt {
    display: none;
}

.header-menu #menuu .recent-search svg {
    width: 20px;
    height: auto;
    margin-right: 5px;
}

.header-menu #menuu .recent-search > a > span {
    display: flex;
    align-items: center;
}

.wl-corporate-header .header-menu #menuu .recent-search > a {
    padding-top: 18px;
}

#menuu .recent-search svg .strokTheme {
    stroke: var(--primary-color);
}

#menuu .recent-search svg .fillTheme {
    fill: var(--primary-color);
}

.wl-corporate-header .header-menu #menuu .recent-search svg .strokTheme {
    stroke: #fff;
}

.wl-corporate-header .header-menu #menuu .recent-search svg .fillTheme {
    fill: #fff;
}

#flightmodifypage-popup .uib-daypicker thead .btn,
.wl-corporate-global .uib-daypicker thead .btn,
.wl-corporate-global .uib-daypicker tbody .btn,
.wl-corporate-searchPanel .uib-daypicker .btn,
.wl-corporate-searchPanel .uib-daypicker thead .btn {
    height: 50px;
    outline-color:#fff;
}

.modify-multi-city .uib-daypicker tbody .btn,
#flightmodifypage-popup .uib-daypicker tbody .btn,
#modifypage-popup .uib-daypicker tbody .btn,
.wl-corporate-searchPanel .uib-daypicker tbody .btn,
.wl-corporate-searchPanel .uib-daypicker .btn-success {
    width: 44px !important;
    border-radius: 50%;
    height: 42px;
}

.uib-yearpicker td.uib-year > button,
.uib-monthpicker td.uib-month > button{
    padding:8px 11.4px !important;
    height:auto;
}

.uib-monthpicker td.uib-month > button{
    padding:10px 11.4px !important;
}

.wl-corporate-global .uib-daypicker tbody .btn,
.wl-corporate-searchPanel .uib-daypicker tbody .btn {
    background: none;
}

.uib-daypicker .btn-info.active:after,
.uib-daypicker .btn-info:active:after,
.uib-daypicker .btn-success.leftarrow:after,
.uib-daypicker .btn-success.rightarrow:after {
    border-radius: 50%;
    margin: 0 auto;
    right: 0;
    left: 0;
    width: 100%;
}

.wl-corporate-searchPanel .uib-daypicker .btn-info.active:before, .uib-daypicker .btn-info:active:before,
.wl-corporate-searchPanel .uib-daypicker .btn-success.leftarrow:before,
.uib-daypicker .btn-success.rightarrow:before {
    display: none;
}

.wl-corporate-searchPanel .uib-daypicker .btn-info.active {
    background: none;
    width: 44px !important;
}

.swapSearch i:after{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transition: .5s;
    display:inline-block;
    transform-origin: center center;
}

.wl-corporate-searchPanel .main-search .trasfer-field ul.searchbox li.pickup p {
    line-height: 33px !important;
}

.wl-corporate-header .push_notification ul > li .fa-bell-o {
    color: #fff !important;
}

.wl-corporate-header .push_notification .notification-details p {
    color: #555;
}

.fListingPriceSection {
    text-align: center;
}

    .fListingPriceSection li {
        display: block;
        float: none !important;
    }

        .fListingPriceSection li .refundStatusText {
            line-height: 0;
            margin-top: 5px;
        }

            .fListingPriceSection li .refundStatusText span {
                font-size: 11px;
                color: var(--red-color);
                font-weight: 600;
            }

.min-h-auto-i {
    min-height: auto !important;
}

.policyViolationList {
    max-height: 500px;
    overflow-y: auto;
    margin-top: 10px;
}

#PolicyReasonTB thead th,
#PolicyReasonTB tbody tr td,
#DTPolicyMapping thead th,
#DTPolicyMapping tbody tr td {
    text-align: center;
}

    #PolicyReasonTB tbody tr td:nth-child(3),
    #DTPolicyMapping tbody tr td:nth-child(3),
    #DTPolicyMapping tbody tr td:nth-child(4) {
        text-align: left;
    }

div#approveRequestPopup .approval_process {
    margin-top: 15px;
}

    div#approveRequestPopup .approval_process ul.process_path {
        margin: 10px 0 0 30px;
    }

        div#approveRequestPopup .approval_process ul.process_path li {
            padding-bottom: 12px;
            position: relative;
            padding-left: 22px;
            border-left: 1px dashed #AFADAD;
        }

            div#approveRequestPopup .approval_process ul.process_path li:last-child {
                border: none;
            }

            div#approveRequestPopup .approval_process ul.process_path li:before,
            div#approveRequestPopup .approval_process ul.process_path li:after {
                position: absolute;
                content: '';
                width: 12px;
                height: 12px;
                border: 1px solid #6E6B6B;
                left: -6px;
                top: 0;
                border-radius: 50%;
                background: #fff;
            }

            div#approveRequestPopup .approval_process ul.process_path li:after {
                width: 6px;
                height: 6px;
                background: #6E6B6B;
                top: 3px;
                left: -3.2px;
            }

        div#approveRequestPopup .approval_process ul.process_path span,
        div#approveRequestPopup .approval_process ul.process_path strong {
            display: block;
            font-size: 13px;
            font-weight: 600;
        }

        div#approveRequestPopup .approval_process ul.process_path span {
            color: #838080;
            line-height: 1;
        }

        div#approveRequestPopup .approval_process ul.process_path strong {
            color: #565252;
            margin-top: 3px;
        }

#menuu span.logedInUserName {
    max-width: 160px;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    margin: 0 3px;
}

.wl-corporate-header .push_notification .notification-details p {
    color: #555;
}

.w-50 {
    width: 50% !important;
}

.w-40 {
    width: 40% !important;
}

/* ####### BTO New design styles ######## */
.corporate-tof .bto-section {
    background: #fff;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #d9d9d9;
    box-shadow: 0 0 5px 0 #cecece;
}

.corporate-tof .TOF-table-heading {
    background: none;
    margin-top: 0;
}

    .corporate-tof .TOF-table-heading h4 {
        color: #555;
        margin-left: 0;
        font-weight: 700;
    }

.corporate-tof .bto-section td {
    border: none;
}

.corporate-tof .new-employee-sec {
    border-bottom: 1px solid var(--primary-color);
    padding-bottom: 10px;
}

.corporate-tof .TOF-table label {
    display: block;
    font-weight: 700;
}

.corporate-tof textarea,
.corporate-tof select,
.corporate-tof input[type] {
    background-color: rgb(255 255 255 / 61%) !important;
    border-color: #acaaaa;
    height: 42px;
}

.corporate-tof textarea {
    min-height: 42px;
}

    .corporate-tof textarea:focus,
    .corporate-tof input[type]:focus {
        border-color: var(--primary-color);
        background-color: rgb(255 255 255 / 70%) !important;
    }

.corporate-tof .pro-inner {
    border: none;
    box-shadow: none;
    background: none;
}

.corporate-tof .TOF-table-heading h4 {
    color: var(--primary-color);
}

.corporate-tof #ui-datepicker-div {
    width: 300px;
    max-height: max-content;
}

    .corporate-tof #ui-datepicker-div td span,
    .corporate-tof #ui-datepicker-div td a {
        padding: .8em;
    }

.corporate-tof .custom-radioBtn label {
    font-weight: 600;
}

.corporate-tof .TOF-table tr th {
    font-size: 13px;
    padding-bottom: 0;
    border-top-color: var(--primary-color);
}

.corporate-tof .tof_sectn_table #NoofNights {
    background-color: rgb(255 255 255 / 61%) !important;
}

.corporate-tof .services_table_list table head {
    background: #fff;
}

.corporate-tof table {
    border-collapse: separate;
}

.corporate-tof .services_tables {
    border-radius: 5px;
    background: rgb(255 255 255 / 79%);
}

.corporate-tof .tof_sub_hding {
    margin-top: 0;
    margin-bottom: 0;
}

.corporate-tof .services_tables h4 {
    background: var(--primary-color);
    padding: 10px;
    margin: -8px -8px -8px -8px;
    text-align: center;
    border-radius: 3px 3px 0 0;
    color: #fff;
}

.corporate-tof .services_table_list table thead {
    background: none;
}

    .corporate-tof .services_table_list table thead th {
        padding-bottom: 6px;
        padding-top: 6px;
        background-color: #e9e9e9;
        font-size: 12px;
    }

        .corporate-tof .services_table_list table thead th:first-child {
            border-radius: 5px 0 0 0;
        }

        .corporate-tof .services_table_list table thead th:last-child {
            border-radius: 0 5px 0 0;
        }

.corporate-tof .services_table_list table tbody tr td {
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 10px;
    padding-top: 10px;
}

    .corporate-tof .services_table_list table tbody tr td:last-child {
        border-right: 1px solid #e9e9e9;
    }

    .corporate-tof .services_table_list table tbody tr td:first-child {
        border-left: 1px solid #e9e9e9;
    }

.corporate-tof .services_table_list table tbody tr:last-child td:last-child {
    border-right: 1px solid #e9e9e9;
    border-radius: 0 0 5px 0;
}

.corporate-tof .services_table_list table tbody tr:last-child td:first-child {
    border-left: 1px solid #e9e9e9;
    border-radius: 0 0 0 5px;
}

.corporate-tof .services_table_list table tbody tr td.no-records-text {
    padding-bottom: 12px;
    border-radius: 0 0 5px 5px !important;
    border: 1px solid #e9e9e9;
}

.corporate-tof .services_table_list table tbody tr td .fa-edit {
    margin-right: 5px;
}

.corporate-tof .tof-multiSelectDrpdwn .selection .select2-selection {
    min-height: 45px;
    height: auto !important;
}

.corporate-tof .select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding: 5px 10px !important;
    border-radius: 8px !important;
}

.corporate-tof .btnCheckBox .indicator:before {
    background: var(--primary-color-ultra-lite);
    width: 100%;
    border-radius: 8px;
    box-shadow: none;
    border-width: 1px;
    content: attr(title);
    padding: 7px 15px;
    height: auto;
    border-color: var(--primary-color-lite);
}

.corporate-tof .btnCheckBox {
    margin: 0;
}

    .corporate-tof .btnCheckBox.left .indicator:before {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .corporate-tof .btnCheckBox.right .indicator:before {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .corporate-tof .btnCheckBox.center .indicator:before {
        border-radius: 0;
    }

    .corporate-tof .btnCheckBox.right,
    .corporate-tof .btnCheckBox.center {
        margin-left: -4px;
    }

    .corporate-tof .btnCheckBox input:checked + .indicator:before {
        background: var(--primary-color);
        color: #fff;
        box-shadow: none;
    }

.wl-corporate-searchPanel .checkBoxCssCustom {
    margin-top:10px;
    float: left;
    padding-left: 15px;
}

.wl-corporate-searchPanel .neom .checkBoxCssCustom {
    margin-top: -20px;
}

.wl-corporate-searchPanel .neomMainSearchTab #hotel .checkBoxCssCustom {
    margin-top:-12px
}

.corporate-tof .select2-container--default .select2-selection--multiple .select2-search__field {
    height: 32px !important;
}

/* -------- CBT style starts here -------- */

.policyViolatedSection,
.inpolicySection{
    border: 1px solid #f27e89 !important;
    cursor: default;
    position: relative;
    overflow: visible;
}

.inpolicySection {
    border-color:#60ca85 !important;
}

.policyViolationIcon.pullTop {
    margin-top: -15px;
}

.plicyVilatnCornrShape {
    width: 20px;
    height: 20px;
    overflow: hidden;
    position: absolute;
    display: none;
    top: 0;
    right: 0;
    z-index: 1;
    border-radius: 0 4px 0 0;
}

.policyViolatedSection .plicyVilatnCornrShape,
.outPolicySection .plicyVilatnCornrShape,
.inpolicySection .plicyVilatnCornrShape {
    display: block;
}

.plicyVilatnCornrShape:before {
    content: "";
    display: block;
    width: 210%;
    height: 210%;
    position: absolute;
    border-radius: 50%;
    top: 0;
    right: 0;
    box-shadow: 22px -25px 0 0 #e55260;
}

.inpolicySection .plicyVilatnCornrShape:before {
    box-shadow: 22px -25px 0 0 #34a853;
}

.policyViolationChildDiv h4.hdng,
.common_popOverChildDiv h4.hdng {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--red-color) !important;
    border-bottom: 1px solid #dbdbdb;
    padding: 3px 0 8px 5px;
    margin: 0 0 8px 0 !important;
    width: 100%;
    text-align: left;
    background: none !important;
    text-transform: none !important;
}

    .policyViolationChildDiv h4.hdng em,
    .common_popOverChildDiv h4.hdng em {
        font-style: normal;
        color: #fff;
        width: 18px;
        height: 18px;
        background-color: var(--red-color);
        border-radius: 50%;
        display: inline-block;
        text-align: center;
        margin-right: 2px;
        font-size: 12px;
        line-height: 18px;
    }

.policyViolationChildDiv ul,
.common_popOverChildDiv ul {
    padding-left: 5px;
}

    .policyViolationChildDiv ul li,
    .common_popOverChildDiv ul li {
        position: relative;
        padding-left: 15px !important;
        margin-bottom: 5px;
        min-height: 0 !important;
        text-align: left !important;
        width: 100% !important;
        border: none !important;
        font-size: 12px;
        font-weight: 600;
        color: #747070;
        word-break: normal;
    }

    .common_popOverChildDiv ul li {
        line-height: 18px !important;
        font-size: 13px;
        color: #444;
    }

        .common_popOverChildDiv ul li:last-child {
            margin-bottom: 0;
        }

        .policyViolationChildDiv ul li:before,
        .common_popOverChildDiv ul li:before {
            width: 8px;
            height: 8px;
            background-color: #9A9797;
            border-radius: 50%;
            content: '';
            position: absolute;
            left: 0;
            top: 5px;
        }

.selectedFlightSection .disabled-btn-tooltip-wrapper .tooltip-message h4.hdng,
.policyViolationChildDiv h4.hdng {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--red-color) !important;
    border-bottom: 1px solid #dbdbdb;
    padding: 3px 0 8px 5px;
    margin: 0 0 8px 0 !important;
    width: 100%;
    text-align: left;
    background: none !important;
    text-transform: none !important;
}

    .selectedFlightSection .disabled-btn-tooltip-wrapper .tooltip-message h4.hdng em,
    .policyViolationChildDiv h4.hdng em {
        font-style: normal;
        color: #fff;
        width: 18px;
        height: 18px;
        background-color: var(--red-color);
        border-radius: 50%;
        display: inline-block;
        text-align: center;
        margin-right: 2px;
        font-size: 12px;
        line-height: 18px;
    }

.policyViolationChildDiv ul {
    padding-left: 5px;
}

    .policyViolationChildDiv ul li {
        position: relative;
        padding-left: 15px !important;
        margin-bottom: 5px;
        min-height: 0 !important;
        text-align: left !important;
        width: 100% !important;
        border: none !important;
        font-size: 12px;
        font-weight: 600;
        color: #747070;
        word-break: normal;
    }

    .policyViolationChildDiv ul li:before {
        width: 8px;
        height: 8px;
        background-color: #9A9797;
        border-radius: 50%;
        content: '';
        position: absolute;
        left: 0;
        top: 5px;
    }

.legWiseSelect .listing,
.one-way .listing {
    overflow: visible;
}

.listHotelcss.policyViolatedSection ul.hotellisting {
    border: none;
}

.hoteldetail .policyViolatedSection,
.hoteldetail .inpolicySection{
    margin-bottom: 8px;
    margin-top: 8px;
    border-radius:10px;
}

.hoteldetail .policyViolatedSection .plicyVilatnCornrShape,
.hoteldetail .inpolicySection .plicyVilatnCornrShape{
    border-radius:0 7px 0 0;
}

.hoteldetail .policyViolatedSection table.filteForActionRoom {
    overflow: visible;
}

.policyViolationIcon.center {
    float: none;
    display: table;
    margin: 0 auto;
}

.paxHeaderDetails {
    padding: 15px;
}

.policyViolatedButton {
    background: var(--red-color) !important;
}

#multicitti .checkBoxCssCustom,
#multicityPlus .checkBoxCssCustom {
    margin-top: -10px;
}

.pax-page .policyViolationIcon.multicittiPV {
    margin-top: 5px !important;
    margin-bottom: -30px;
    float: none !important;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: table;
    z-index: 1;
}

/*New corporate style for Modify search start*/

.wl-corporate-global #flightmodifypage-popup .Calender::before,
.wl-corporate-global #modifypage-popup .Calender::before {
    background: url('/images/ico/corporate-calendar-icon.svg') no-repeat;
    content: '';
    background-size: 100%;
    width: 18px;
    height: 18px;
    opacity: .44;
    top: 25px;
}

.wl-corporate-global .modify-multi-city .uib-daypicker .btn-info.active:after,
.wl-corporate-global #modifypage-popup .uib-daypicker .btn-info.active:after,
.wl-corporate-global #modifypage-popup .uib-daypicker .btn-info:active:after,
.wl-corporate-global #modifypage-popup .uib-daypicker .btn-success.leftarrow:after,
.wl-corporate-global #modifypage-popup .uib-daypicker .btn-success.rightarrow:after,
.wl-corporate-global #flightmodifypage-popup .uib-daypicker .btn-info.active:after,
.wl-corporate-global #flightmodifypage-popup .uib-daypicker .btn-info:active:after,
.wl-corporate-global #flightmodifypage-popup .uib-daypicker .btn-success.leftarrow:after,
.wl-corporate-global #flightmodifypage-popup .uib-daypicker .btn-success.rightarrow:after {
    border-radius: 50%;
    margin: 0 auto;
    right: 0;
    left: 0;
    width:100%;
}

.wl-corporate-global #modifypage-popup .uib-daypicker .btn-info.active:before,
.wl-corporate-global #modifypage-popup .uib-daypicker .btn-info:active:before,
.wl-corporate-global #flightmodifypage-popup .uib-daypicker .btn-info.active:before,
.wl-corporate-global #flightmodifypage-popup .uib-daypicker .btn-info:active:before {
    display: none;
}

.mrkpSupValidMultiSlct .select2-selection {
    max-height: 39px !important;
}

.rmemberPswdSectn {
    display: none;
}

/*Only for PWA window */
@media all and (display-mode: standalone) {

    .rmemberPswdSectn {
        display: block;
        margin-top:10px;
    }

    .pwa-install-popUp-mobile,
    .pwa-install-popUp-mobile-ios {
        display: none !important;
    }
}
/*Only for PWA window end*/

.hotel-listing-main .whitebg {
    box-shadow: none;
}

#flightmodifypage-popup ul.aa .multiSelectDropDownLB > .btn-group button.multiselect {
    min-height: 25px;
    border: none;
    padding: 0 !important;
    font-weight: 600;
    color: #737373 !important;
}

.main-container-home .main-search ul.searchbox .multiSelectDropDownLB > .btn-group button.multiselect {
    border: none;
    color: #737373 !important;
    box-shadow: 0px 1px 2px rgba(51, 51, 51, 0.35);
    min-height: 37px;
    border-radius: 3px;
}

.main-container-home .main-search ul.searchbox .multiSelectDropDownLB > .btn-group,
.modify-multi-city .search-bar .multiSelectDropDownLB > .btn-group {
    width: 100% !important;
}

#flightmodifypage-popup ul.aa li.form.airlinesField {
    padding-bottom: 0;
}

#flightmodifypage-popup ul.aa .multiSelectDropDownLB > .btn-group.open .dropdown-toggle {
    box-shadow: none;
}

#flightmodifypage-popup ul.aa .multiSelectDropDownLB ul.multiselect-container,
.main-container-home .main-search ul.searchbox .multiSelectDropDownLB ul.multiselect-container,
.modify-multi-city .search-bar .multiSelectDropDownLB ul.multiselect-container {
    width: 220px;
}

#flightmodifypage-popup ul.aa .multiSelectDropDownLB > .btn-group,
.wl-corporate-global #flightmodifypage-popup ul.aa .multiSelectDropDownLB > .btn-group {
    width: 100% !important;
}

.wl-corporate-searchPanel .main-search ul.searchbox .multiSelectDropDownLB {
    padding: 0;
}

    .wl-corporate-searchPanel .main-search ul.searchbox .multiSelectDropDownLB > .btn-group {
        height: 50px;
        width: 100% !important;
    }

.wl-corporate-global #flightmodifypage-popup ul.aa .multiSelectDropDownLB > .btn-group button.multiselect {
    min-height: 25px;
    border: none;
    padding: 0 !important;
    font-weight: 600;
    color: #737373 !important;
}

.wl-corporate-searchPanel .main-search ul.searchbox .multiSelectDropDownLB > .btn-group button.multiselect {
    min-height: 50px;
    border: none;
    box-shadow: 0px 0px 0px 1px rgba(51, 51, 51, 0.15);
    border-radius: 3px;
}

.wl-corporate-global #flightmodifypage-popup ul.aa .multiSelectDropDownLB > .btn-group button.multiselect .caret {
    margin-top: 9px;
    margin-right: 2px;
}

.policyViolationIcon.inPolicy {
    cursor: default;
    background-color: #fff;
    color: var(--green-color);
    border-color:var(--green-color);
}

    .policyViolationIcon.inPolicy:after {
        background-color: var(--green-color);
        font: normal normal normal 8px/1.4 FontAwesome;
        content: '\f00c';
        border: 1px solid #fff;
    }

.main-search .multiSelectDropDownLB .caret {
    position: absolute;
    right: 5px;
    margin-right: 0;
}

#flightmodifypage-popup ul.aa .multiSelectDropDownLB .caret {
    position: absolute;
    right: 0;
    margin-right: 0 !important;
}

.modify-multi-city .multiSelectDropDownLB button.multiselect .caret,
.wl-corporate-searchPanel .main-search ul.searchbox .multiSelectDropDownLB button.multiselect .caret {
    position: absolute;
    right: 10px;
}

small.cp-label,
small.refund-label {
    color: var(--red-color) !important;
    font-size: 11px !important;
    font-weight: 600;
    line-height: 2;
}

md-button.bubble-tooltip:hover + .buttton-bubble-tooltip-common,
button.bubble-tooltip:hover + .buttton-bubble-tooltip-common {
    display: block;
}

small.refund-label.refundable {
    color: var(--green-color) !important;
}

#menuu li.recent-search .rcntTxt {
    margin-right: 3px;
}

.checkBoxCssCustom .chkBoxSection {
    display: inline-block;
    border: 1px solid var(--primary-color);
    border-radius: 50px;
    padding: 0;
    position: relative;
    margin-right: 5px;
    background: none;
    cursor: pointer;
    height: auto;
}

.checkBoxCssCustom .chkBoxSection:hover{
    background-color:var(--primary-color-ultra-lite);
}

    .checkBoxCssCustom .chkBoxSection input[type=radio] {
        margin: 0 !important;
        position: absolute;
        top: 7px;
        left: 8px;
        width: 0px;
        height: 0px;
    }

    .checkBoxCssCustom .chkBoxSection > label {
        margin: 0;
        line-height: 0;
        color: var(--primary-color);
        display: block;
        padding: 16px 10px 16px 0;
        cursor: pointer;
    }

    .checkBoxCssCustom .chkBoxSection input[type=radio]:before,
    .checkBoxCssCustom .chkBoxSection input[type=radio]:checked:after {
        content: '';
        position: absolute;
        width: 14px;
        height: 14px;
        background: none;
        top: 2px;
        left: 0;
        border-radius: 50%;
        border: 2px solid var(--primary-color);
    }

    .checkBoxCssCustom .chkBoxSection input[type=radio]:checked:after {
        background: #fff;
        border-radius: 50%;
        border: none;
        z-index: 1;
        transform: scale(.5);
    }

    .checkBoxCssCustom .chkBoxSection input[type=radio]:checked:before {
        border-color: #fff;
        z-index: 1;
    }

    .checkBoxCssCustom .chkBoxSection input[type=radio]:checked + label {
        color: #fff;
    }

    .checkBoxCssCustom .chkBoxSection input[type=radio]:checked + label:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background: var(--primary-color);
        color: #fff;
        left: 0;
        top: 0;
        border-radius: 30px;
    }

    .checkBoxCssCustom .chkBoxSection input[type=radio] + label > span {
        padding-left:28px;
    }

    .checkBoxCssCustom .chkBoxSection input[type=radio]:checked + label > span {
        z-index: 1;
        position: relative;
    }

    @-moz-document url-prefix() {
        
        .checkBoxCssCustom .chkBoxSection input[type=radio] + label > span:before,
        .checkBoxCssCustom .chkBoxSection input[type=radio]:checked + label > span:after{
            content: '';
            position: absolute;
            width: 14px;
            height: 14px;
            background: none;
            top: 9px;
            left: 7px;
            border-radius: 50%;
            border: 2px solid var(--primary-color);
        }

        .checkBoxCssCustom .chkBoxSection input[type=radio]:checked + label > span:before{
            border-color: #fff;
            z-index: 1;
            top:1px;
        }

        .checkBoxCssCustom .chkBoxSection input[type=radio]:checked + label > span:after{
            background: #fff;
            border-radius: 50%;
            border: none;
            z-index: 1;
            transform: scale(.6);
            top: 1px;
        }

    }


.wl-corporate-global .transfer-listing .search-section ul.aa li:not(:first-child).pickup:before {
    left: 22px;
}

.wl-corporate-global .transfer-listing .search-section ul.aa li:not(:first-child).pickup input[type="text"] {
    padding-left: 40px;
}

.cancellation-popover .popover.in {
    z-index: 4 !important;
}

.hotelpax > .whitebg {
    box-shadow: 0px 0 2px rgb(51 51 51 / 13%);
}

.noPaymentDefined,
.paymentCorpCard {
    font-size: 16px;
    text-align: center;
}

    .noPaymentDefined > i {
        color: var(--red-color);
        font-size: 20px;
        margin-right: 5px;
    }

.confirmation_loader .loadBox {
    text-align: center;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: table;
    z-index: 2;
}

    .confirmation_loader .loadBox label {
        color: #fff;
        font-weight: 400;
        margin-top: 15px;
        padding-left:30px;
        padding-right:30px;
        font-size:14px;
    }

.customLoader {
    height: 100%;
    position: fixed;
    overflow: hidden;
    z-index: 99;
    width: 100%;
    background: rgba(0,0,0,.50);
    padding: 0px;
    margin: auto;
    display: none;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.wl-primaryColor-text {
    color: var(--primary-color);
}

.wl-primaryColor-bg {
    background: var(--primary-color);
}

.wl-primaryColor-border {
    border-color: var(--primary-color);
}

.wl-secondaryColor-text {
    color: var(--secondary-color);
}

.wl-secondaryColor-bg {
    background: var(--secondary-color);
}

.wl-secondaryColor-border {
    border-color: var(--secondary-color);
}

.multiselect-selected-text {
    text-shadow: none;
}

.hotelpax .paxNameSearchTxtBox:after {
    right: 25px;
}

.cash_radioBtn input[type="radio"] {
    width: 0;
    height: 0;
}

.cash_radioBtn label h5 {
    margin: 0 !important;
}

.cash_radioBtn input[type="radio"]:after,
.cash_radioBtn input[type="radio"]:before {
    position: absolute;
    width: 20px;
    height: 20px;
    content: '';
    border: 2px solid var(--primary-color);
    border-radius: 50%;
    top: 1px;
    left: -5px;
}

.cash_radioBtn input[type="radio"]:before {
    border: none;
    background-color: var(--primary-color);
    transform: scale(0);
}

.cash_radioBtn input[type="radio"]:checked:before {
    transform: scale(.5);
}

.cash_radioBtn > label {
    margin-left: 5px;
}

.hotelpax #MANUAL .card h5 {
    margin-top: 0 !important;
}

#modifypage-popup .checkBoxCssCustom {
    margin-bottom: 10px;
    padding-left:0;
}

.TOF-table .policyViolationIcon {
    white-space: nowrap;
    max-width: 110px;
}

.modify-multi-city .avdd_poplink.Room_Guest {
    padding: 0;
    width: 100%;
}

.modify-multi-city .msr-remove-01 {
    margin-right: -10px;
    margin-top: -34px;
    cursor: pointer;
}

.wl-corporate-global .modify-multi-city .msr-remove-01 {
    margin-right: -12px;
    margin-top: -42px;
}

.modify-multi-city .search-bar .go-return {
    padding: 2px 4px 4px 4px;
}

.modify-multi-city .add-flight-multicitySearch {
    margin: 5px 30px 0 12px;
}

.one-currency > a > span {
    background-color: var(--primary-color-ultra-lite);
    padding: 2px 5px;
    border-radius: 3px;
    border: 1px solid var(--primary-color-lite);
    box-shadow:0 0 0px 1px #ffffff1a;
}

.one-currency > a > span i.fa {
    display: none;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: var(--primary-color) !important;
    color: #fff;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
    background: none;
}


/* User profile new design start*/

.header-menu .dropdown.user-profile ul {
    min-width: 260px;
    left: auto !important;
    top: 55px;
}

    .header-menu .dropdown.user-profile ul:before {
        background: #fff;
        height: 15px;
        width: 15px;
        transform: rotate(45deg);
        border-radius: 3px;
        border-top: 2px solid rgba(139, 139, 139, 0.25);
        border-left: 2px solid rgba(139, 139, 139, 0.25);
        top: -9px;
        right: 25px;
    }

.header-menu .dropdown.user-profile li {
    padding: 0 15px;
    border: none;
}

    .header-menu .dropdown.user-profile li > a {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .header-menu .dropdown.user-profile li:last-child {
        padding-bottom: 15px;
        padding-top: 15px;
        margin-top: 10px;
        border-top: 1px solid rgba(139, 139, 139, 0.25) !important;
    }

    .header-menu .dropdown.user-profile li .signout_dropDwn {
        text-align: center;
        box-shadow: 0 0 0px 1px var(--red-color);
        border-radius: 3px;
    }

    .header-menu .dropdown.user-profile li:not(:last-child) a:hover {
        background: none;
        color: var(--primary-color);
    }

    .header-menu .dropdown.user-profile li.user_details {
        text-align: center;
        border-bottom: 1px solid rgba(139, 139, 139, 0.25) !important;
        padding-bottom: 5px;
        margin-bottom:8px;
    }

    .header-menu .dropdown.user-profile li.user_details h4 {
        font-size: 14px;
        font-weight: 700;
        text-transform: capitalize;
        display:block;
    }

    .header-menu .dropdown.user-profile li.user_details h5 {
        font-size: 12px;
        display:table;
        margin:0 auto;
        height:15px;
    }

    .header-menu .dropdown.user-profile li.user_details .pro-img,
    .header-menu .dropdown.user-profile .header-pro-img {
        width: 60px;
        height: 60px;
        margin: 20px auto 10px auto;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 26px;
        font-weight: 700;
        box-shadow: 0 0 2px 1px var(--primary-color);
        color: var(--primary-color);
        text-transform: uppercase;
    }

.header-menu .dropdown.user-profile .header-pro-img {
    width: 35px;
    height: 35px;
    font-size: 16px;
    margin: 0;
    background: var(--primary-color-ultra-lite);
    box-shadow: 0 0 0px 1px #ffffff1a;
    border: 1px solid var(--primary-color-lite);
}

.header-menu .dropdown.user-profile .profileName {
    display: none;
}

.wl-corporate-header .header-pro-img {
    color: #fff !important;
}

.wl-corporate-header .dropdown.user-profile ul:before {
    top: -7px;
}

.multiSelectDrpDwn_normalyze button.multiselect {
    border-radius: 3px !important;
    overflow: hidden;
}

.multiSelectDrpDwn_normalyze .multiselect-selected-text {
    font-size: 14px;
    color: #555;
}

.multiSelectDrpDwn_normalyze button.multiselect .caret {
    position: absolute;
    right: 10px;
    top: 10px;
}

.color-999 {
    color: #999;
}

.multiSelectDrpDwn_tagType .selection .select2-selection {
    height: 39px;
    border-radius: 3px !important;
    border-color: #ccc !important;
    overflow: auto;
}

#frmOfficeId #officeIdData_DefaultId,
.editOfcIdpopUp #EditDefaultId {
    margin: 0 5px 0 0;
}

#frmOfficeId #officeIdData_DefaultId ~ label,
.editOfcIdpopUp #EditDefaultId ~ label {
    margin: 0;
}

#TblOfficeID_wrapper #TblOfficeID_length {
    text-align: left;
    margin-left: 10px;
}

#TblOfficeID_wrapper #TblOfficeID_length > label {
    white-space: nowrap;
}

#TblOfficeID_wrapper #TblOfficeID_length > label select {
    display: inline-block;
    width: 70px;
}

.dataTables_wrapper .dataTable + .dataTables_info {
    color: #555;
    font-size: 13px;
    margin-top: 8px;
}

.dataTables_wrapper .dataTable ~ .dataTables_paginate {
    margin-top: 8px;
}

    .dataTables_wrapper .dataTable ~ .dataTables_paginate .paginate_button {
        border-radius: 3px;
    }

    .dataTables_wrapper .dataTable ~ .dataTables_paginate > a.paginate_button,
    .dataTables_wrapper .dataTable ~ .dataTables_paginate > a.paginate_button:hover {
        color: transparent !important;
        text-indent: -8px;
    }

    .dataTables_wrapper .dataTable ~ .dataTables_paginate > .paginate_button:first-child:after,
    .dataTables_wrapper .dataTable ~ .dataTables_paginate > .paginate_button:last-child:after {
        content: '\f104';
        color: #555;
        font: normal normal normal 14px/1 FontAwesome;
    }

    .dataTables_wrapper .dataTable ~ .dataTables_paginate > .paginate_button:last-child:after {
        content: '\f105';
    }

    .dataTables_wrapper .dataTable ~ .dataTables_paginate span .paginate_button.current {
        color: #fff !important;
        border-color: transparent !important;
    }

    .dataTables_wrapper .dataTable ~ .dataTables_paginate > a.paginate_button:hover:after {
        color: #fff !important;
    }

    .dataTables_wrapper .dataTable ~ .dataTables_paginate a.paginate_button.disabled {
        cursor: not-allowed;
        opacity: .6;
    }

.filter-action-icon-box select {
    padding-right: 20px;
}

.operatedByLabel {
    color: #f00 !important;
    font-size: 10px !important;
}

.sort-selectDropdown select {
    background: none !important;
    padding-left: 30px;
    padding-right: 25px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sort-selectDropdown {
    position: relative;
    font: normal normal normal 14px/1 FontAwesome;
}

    .sort-selectDropdown:before {
        content: '\f15d';
        position: absolute;
        top: 9px;
        left: 6px;
    }

.registration-form select,
.registration-form input:not(input[type=checkbox]) {
    height: 39px;
}

.registration-form input:not(input[type=checkbox]):focus {
    border-color: var(--primary-color);
}

.registration-form h4 {
    color: var(--primary-color);
}

.registration-form .field-validation-error {
    width: calc(100% - 20px);
    left: auto;
}

.sort-selectDropdown select {
    text-overflow: ellipsis;
    white-space: nowrap;
}

.footer .f-contactDetails a {
    text-transform: lowercase;
}

.paxLoyaltyIdSection {
    background-color: var(--primary-color-ultra-lite);
    border-radius: 3px;
    padding-top: 10px;
    margin: 0 15px 10px 15px;
}

    .paxLoyaltyIdSection h5 {
        margin: 0 0 10px 0;
        border-bottom: 1px solid var(--primary-color-lite);
        padding: 0 0 8px 15px;
        font-weight: 700;
    }

    .paxLoyaltyIdSection label {
        font-weight: 600;
    }

.border-r-grey {
    border-right: 1px solid #ddd !important;
}

.modifypage-popup-Hlisting ul.aa li .checkboxs label,
.modifypage-popup-Hdetails ul.aa li .checkboxs label,
.dashboard-search-panel ul.searchbox li .checkboxs label,
.home-main-page ul.searchbox li .checkboxs label,
.packageRateCheckBox label {
    display: flex;
    align-items: center;
}

.modifypage-popup-Hlisting ul.aa li .checkboxs,
.modifypage-popup-Hdetails ul.aa li .checkboxs {
    padding-right: 5px;
}

.dashboard-search-panel .checkBoxCssCustom {
    padding-left: 0;
}

.bankTransferText {
    background-color: var(--primary-color-lite);
    padding: 5px;
    margin-top: 15px;
    margin-bottom: 10px;
    border-radius: 3px;
}

    .bankTransferText p {
        margin: 5px;
        text-align: center;
        font-size: 14px;
    }

.hotelpax #dailcode a.chosen-single {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.pax-page #AreaCode_chosen a.chosen-single {
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
    height: 34px !important;
}

    .hotelpax #dailcode a.chosen-single:after,
    .pax-page #AreaCode_chosen a.chosen-single:after {
        content: '\f107';
        position: absolute;
        top: 10px;
        right: 7px;
        font: normal normal normal 14px/1 FontAwesome;
        color: #666;
    }

.PreferredAirlineBadge,
.specialAirlineBadge {
    background-color: var(--primary-color-ultra-lite);
    color: #333;
    padding: 2px 10px;
    border-radius: 50px;
    font-size: 11px;
    font-weight: 600;
    display: inline-block;
    border: 1px solid var(--primary-color-lite);
    margin-left: 5px;
}

.pax-page .specialAirlineBadge {
    margin-left: 0;
}

.bg-light-grey {
    background-color: #e9e9e9;
}


.tripPurposeReasonDropdwnBox {
    margin-top: 15px !important;
    padding-left: 110px;
}

#flightmodifypage-popup .tripPurposeReasonDropdwnBox {
    margin-top: 5px !important;
}


.sort-selectDropdown:before,
.sort-selectDropdown:after {
    content: '\f15d';
    position: absolute;
    top: 9px;
    left: 6px;
    color: #9c9c9c;
}

.sort-selectDropdown:after {
    content: '\f107';
    left: auto;
    right: 10px;
}

.policyViolatedSectionParent .twoWayListingSection .ticketViewList,
.policyViolatedSectionParent .twoWayListingSection.right:after,
.policyViolatedSectionParent .twoWayListingSection.right:before {
    border-color: #f27e89 !important;
}

.inPolicySectionParent .twoWayListingSection .ticketViewList,
.inPolicySectionParent .twoWayListingSection.right:after,
.inPolicySectionParent .twoWayListingSection.right:before {
    border-color:#60ca85 !important;
}

.inPolicySectionParent .twoWayListingSection ul.way,
.policyViolatedSectionParent .twoWayListingSection ul.way {
    margin-top: 20px;
}

.policyViolatedSectionParent .twoWayListingSection .ticketViewList .policyViolationIcon,
.inPolicySectionParent .twoWayListingSection .ticketViewList .policyViolationIcon {
    position: absolute;
    right: 100px;
    top: 7px;
}

    .policyViolatedSectionParent .twoWayListingSection .ticketViewList .policyViolationIcon.inPolicy,
    .inPolicySectionParent .twoWayListingSection .ticketViewList .policyViolationIcon.inPolicy {
        top: 5px;
        font-size: 10px;
        line-height: 1.4;
    }

/*One way listing new UI*/

.oneWayOneBlockUi .resultsList .topdate {
    line-height: 1.8;
    width: 65px;
    z-index: 2;
}

    .oneWayOneBlockUi .resultsList .topdate.right {
        border-radius: 0 7px 0 0;
        left: auto;
        right: 0;
    }

        .oneWayOneBlockUi .resultsList .topdate.right i {
            transform: rotate(80deg);
        }

.oneWayOneBlockUi .resultsList {
    padding-left: 25px;
}


/*One way listing new UI End*/


.twoWayOneBlockUi .inBound_ .operatedByLabel,
.twoWayOneBlockUi .outBound_ .operatedByLabel {
    position: absolute;
    bottom: 2px;
    right: 10px;
}

.twoWayOneBlockUi .outBound_ .operatedByLabel {
    left: 10px;
    right: auto;
}

.packageRateCheckBox {
    margin-right: 0;
}

.chkBoxSection + .packageRateCheckBox {
    margin-left: 30px;
}

.paxHeaderDetails.policyViolatedSection .plicyVilatnCornrShape {
    border-radius: 0;
}

.phoneCountryField {
    padding-right: 0;
}

.regFormSuccessMsg {
    display: none;
    margin: 20px 0;
    border-top: 1px solid #eee;
    padding: 12px 10px 0 10px;
}

    .regFormSuccessMsg ul {
        padding-left: 15px;
    }

        .regFormSuccessMsg ul li {
            list-style: circle;
            margin-bottom: 3px;
        }

.travelerMapLoader:after,
.travelerMapLoader:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
}

.travelerMapLoader:after {
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: #fff;
}

.travelerMapLoader:before {
    content: '';
    z-index: 3;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    top: 0;
    width: 50px;
    height: 50px;
    background: url('/images/lodingres.gif') no-repeat center;
    background-size: 100%;
}

.tNcAccordian a,
.tNcAccordian a:hover {
    text-decoration: none;
}

    .tNcAccordian a:after {
        font: normal normal normal 18px/1 FontAwesome;
        content: '\f106';
        position: absolute;
        right: 0;
        top: 0;
    }

    .tNcAccordian a.collapsed:after {
        content: '\f107';
    }

.tNcAccordian .panel-default {
    box-shadow: none;
    border-color: var(--primary-color-lite);
    border-radius: 3px;
}

    .tNcAccordian .panel-default > .panel-heading {
        background-color: #fff;
        border-color: var(--primary-color-lite);
    }

.tNcAccordian .panel-collapse.in {
    border-top: 1px solid var(--primary-color-lite);
}

.tNcAccordian ul {
    margin-left: 15px;
    display: block;
}

    .tNcAccordian ul li {
        list-style: circle;
        margin-bottom: 5px;
    }

.hotelpax .tNcAccordian {
    margin-top: 5px;
}

    .hotelpax .tNcAccordian .panel-title h4 {
        font-size: 14px;
        cursor: pointer;
        text-decoration: none;
    }

    .hotelpax .tNcAccordian .panel-title a {
        text-decoration: none;
    }

    .hotelpax .tNcAccordian .panel-title a:after {
        top: 10px;
        right: 10px;
    }

.tNcAccordian hr {
    margin: 13px 0;
}

.CabinClassUpBtnWrap {
    position: absolute;
    right: 3px;
    bottom: 3.2px;
}

    .CabinClassUpBtnWrap:hover:before {
        content: '';
        top: 102%;
        left: 0;
        right: 0;
        margin: 0 auto;
        position: absolute;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid rgb(0 0 0 / 86%);
    }

    .CabinClassUpBtnWrap:hover:after {
        content: attr(data-title);
        position: absolute;
        top: 115%;
        left: 0;
        background: rgb(0 0 0 / 86%);
        color: #fff;
        text-align: center;
        font-size: 11px;
        padding: 5px 2px;
        border-radius: 8px;
        z-index: 2;
    }

    .CabinClassUpBtnWrap > .sparkle {
        position: absolute;
        right: -13px;
        top: -15px;
        opacity: .5;
        z-index: 1;
        -webkit-animation: animateHeart 2.5s infinite;
        animation: animateHeart 2.5s infinite;
        transition: all .3s;
    }

        .CabinClassUpBtnWrap > .sparkle:nth-child(2) {
            right: 15px;
            top: auto;
            bottom: -5px;
            -webkit-animation: animateHeart 2s infinite;
            animation: animateHeart 2s infinite;
        }

        .CabinClassUpBtnWrap > .sparkle:nth-child(3) {
            right: 10px;
            top: -8px;
            -webkit-animation: animateHeart 3s infinite;
            animation: animateHeart 3s infinite;
        }

            .CabinClassUpBtnWrap > .sparkle:nth-child(3):after {
                top: 39px;
                right: -11px;
            }

            .CabinClassUpBtnWrap > .sparkle:nth-child(3):before {
                height: 10px;
                width: 10px;
            }

        .CabinClassUpBtnWrap > .sparkle:before,
        .CabinClassUpBtnWrap > .sparkle:after {
            position: absolute;
            content: '';
            right: 21px;
            top: 0;
            height: 12px;
            width: 14px;
            background: rgba(169,188,244,1);
            mask: radial-gradient(#0000 71%, #000 72%) 10000% 10000%/99.5% 99.5%;
            z-index: 1;
        }

        .CabinClassUpBtnWrap > .sparkle:after {
            right: 2px;
            top: 26px;
            height: 10px;
            width: 10px;
        }

        .CabinClassUpBtnWrap > .sparkle:nth-child(2):before,
        .CabinClassUpBtnWrap > .sparkle:nth-child(2):after {
            height: 8px;
            width: 7px;
            top: -4px;
            right: 0;
        }

        .CabinClassUpBtnWrap > .sparkle:nth-child(2):before {
            right: 8px;
            top: -20px;
            width: 10px;
            height: 10px;
        }

@keyframes animateHeart {
    0% {
        transform: scale(0.9);
        opacity: .5;
    }

    50% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(0.9);
        opacity: .7;
    }
}

.CabinClassUpgradationGap {
    display: none;
}

.CabinClassUpBtnWrap + .CabinClassUpgradationGap {
    display: block;
    height: 10px;
}

.button.CabinClassUpgradation {
    position: relative;
    color: #fff;
    border-radius: 5px;
    display: flex;
    align-items: center;
    padding: 9px 10px 8px 5px;
    text-shadow: 0 1px 2px rgb(0 0 0 / 30%);
    background: rgb(49,218,207);
    background: linear-gradient(90deg, var(--primary-color) 0%, rgba(169,188,244,1) 90%);
    overflow: hidden;
    box-shadow: 0 0 1px 0 rgba(0,0,0,.7);
}

    .button.CabinClassUpgradation:after,
    .button.CabinClassUpgradation:before {
        position: absolute;
        content: '';
        top: -9px;
        width: 50px;
        height: 50px;
        border: 4px solid #C8E4FF;
        right: -14px;
        border-radius: 50%;
        transition: all .3s ease-in-out;
        z-index: 1;
    }

    .button.CabinClassUpgradation:before {
        right: -16px;
        width: 48px;
        height: 48px;
        border-color: rgb(200 228 255 / 50%);
        background-color: #fff;
    }

    .button.CabinClassUpgradation i {
        padding: 0 0 0 15px;
        z-index: 2;
        text-shadow: none;
        color: var(--primary-color);
    }

        .button.CabinClassUpgradation i:before {
            content: "\f072";
        }

    .button.CabinClassUpgradation h5 {
        display: inline-block;
        color: #fff;
        margin: 0;
        font-size: 12px;
        padding: 8px 6px;
        line-height: 0;
        text-transform: uppercase;
    }

        .button.CabinClassUpgradation h5:before {
            top: -10px;
            right: -25px;
        }

.disabled.button.CabinClassUpgradation {
    opacity: .5;
    cursor: not-allowed;
}

.button.CabinClassUpgradation h5 strong {
    display: block;
    font-weight: 600;
    line-height: 0;
}

.CabinClassUpgradationPopUp {
    z-index: 1049;
}

    .CabinClassUpgradationPopUp .listing .outbound {
        padding-bottom: 5px;
    }

    .CabinClassUpgradationPopUp .listing ul.way li:nth-child(3) {
        margin-top: 0 !important;
    }

    .CabinClassUpgradationPopUp .twoWayListingActive .twoWayListingSection .ticketViewList.outBound_ {
        border-left-width: 1px !important;
    }

    .CabinClassUpgradationPopUp .twoWayListingSection.left {
        padding-left: 10px !important;
    }

    .CabinClassUpgradationPopUp .twoWayListingSectionFooter .f-opt {
        padding-left: 5px !important;
    }

.multiCity.CabinClassUpgradationPopUp .listing ul.way {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 15px 0;
}

    .multiCity.CabinClassUpgradationPopUp .listing ul.way li {
        width: auto;
        margin: 0;
        padding: 0;
        min-height: 0;
        width: 24%;
    }

.modal.custom-modal {
    opacity: 0 !important;
    transition: opacity 1s ease-out;
}

    .modal.custom-modal.show-modal {
        opacity: 1 !important;
        display: block;
    }

    .modal.custom-modal .modal-dialog {
        transition: all 2s ease-in-out;
        -webkit-transform: translate(0,-50%);
        transform: translate(0,-50%);
    }

    .modal.custom-modal.show-modal .modal-dialog {
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
    }

    .modal.custom-modal.show-modal:after {
        content: '';
        background: #000;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        z-index: -1;
        opacity: .5;
    }

#EmployeeTB tbody td {
    overflow: visible;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #fff !important;
    color: var(--primary-color);
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--primary-color) !important;
    color: #000;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    border-color: #ccc !important;
    height: 39px !important;
    border-radius: 4px !important;
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 36px !important;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 37px !important;
        right: 6px !important;
    }

.registration-form .regInfographics {
    margin-top: 8em;
    padding-right: 20px;
}

    .registration-form .regInfographics h2 {
        font-weight: 700;
        color: var(--primary-color);
        font-size: 46px;
        line-height: 1.2;
        letter-spacing: -2px;
    }

    .registration-form .regInfographics h3 {
        font-size: 20px;
        font-weight: 700;
        margin: 25px 0 0 0;
        line-height: 1.5;
    }

.registration-form .infographicsImg {
    margin: 30px 0;
    text-align: center;
}

    .registration-form .infographicsImg img {
        max-width: 90%;
    }

.registration-form .regForm {
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 0 5px 0 #1e9bd7a3;
    padding: 1px 25px 0 25px;
    margin-top: 2em;
}

.registration-form .phoneCountryField select {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-right: none;
}

.registration-form .phoneCountryField + div input[type] {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.regFormBrdCrmb .progressTab li {
    display: inline-block;
    width: 35px;
    height: 35px;
    box-shadow: 0 0 0 1px var(--primary-color-lite);
    border-radius: 50%;
    margin: 0 20px;
    text-align: center;
    line-height: 35px;
    font-weight: 600;
    position: relative;
}

    .regFormBrdCrmb .progressTab li.active {
        background: var(--primary-color-ultra-lite)
    }

    .regFormBrdCrmb .progressTab li:nth-child(2):before,
    .regFormBrdCrmb .progressTab li:nth-child(2):after {
        content: '';
        position: absolute;
        width: 40px;
        height: 1px;
        border-bottom: 1px dashed var(--primary-color);
        left: 37px;
        top: 17px;
    }

    .regFormBrdCrmb .progressTab li:nth-child(2):before {
        left: -41px;
    }

.RegFormSection,
.goBackButton-mobile{
    display: none;
}

.RegFormSection.active {
    display: block;
}

.regInfographics .followSteps ul {
    margin-top: 30px;
}

    .regInfographics .followSteps ul li {
        padding-left: 40px;
        position: relative;
        margin-bottom: 25px;
        font-weight: 600;
        color: #444;
        font-size: 14px;
    }

        .regInfographics .followSteps ul li:before {
            width: 30px;
            height: 30px;
            border: 1px solid var(--primary-color);
            border-radius: 50%;
            text-align: center;
            line-height: 2.3;
            position: absolute;
            counter-increment: steps;
            content: counter(steps);
            left: 0;
            top: -5px;
            font-size: 12px;
            font-weight: 700;
        }

        .regInfographics .followSteps ul li:not(:last-child):after {
            position: absolute;
            content: '';
            width: 1px;
            height: 16px;
            border-right: 1px dashed var(--primary-color);
            left: 14px;
            top: 122%;
        }

.RegSubmitPopup #success_msg > span {
    font-size: 44px;
}

.RegSubmitPopup .modal-header {
    padding-bottom: 8px !important;
}

.registration-form .optional {
    background: none;
    padding: 0;
    opacity: .7;
    font-size: 85%;
}

.select2-dropdown {
    box-shadow: 0px 2px 3px 0px #0000002e;
}

.ClubRewardLogoSection .RewardBannerIcon > img {
    -webkit-mask: linear-gradient(135deg,#000c 40%,#000,#000c 60%) 100% 100%/250% 250%;
    mask: linear-gradient(135deg,#000c 40%,#000,#000c 60%) 100% 100%/250% 250%;
    transition: 1s;
    animation-name: coinAnim;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    transform: perspective(0) rotate3d(0deg);
}

@keyframes coinAnim {

    0%,100% {
        transform: perspective(0) rotate3d(0deg);
    }

    50% {
        mask-position: 0 0;
        transform: perspective(300px) rotateY(-25deg);
    }
}

#liIdLoyalty0 {
    display: none;
}

.TravelPolicyRulesTable tbody tr td:last-child {
    text-align: center !important;
}

div.UpgradeNowActiveSec.UpgradeNowParent {
    padding-bottom: 35px !important;
}

.service_sup_valid span.select2-selection.select2-selection--multiple {
    overflow: auto !important;
}

.service_sup_valid .select2-container--default .select2-selection--multiple .select2-selection__choice {
    font-size: 11px;
}

.legWiseSelect .selectedFlightPriceSection .plicyVilatnCornrShape {
    border-radius: 0
}

.CabinClassUpgradationPopUp .listing .custom-radio {
    position: absolute;
    opacity: 0;
    overflow: hidden;
    width: 0;
    height: 0;
}

.CabinClassUpgradationPopUp .listing ul.way > li:nth-child(2) {
    padding-top: 0;
    width: 100px;
    text-align: center;
    margin-left: 0;
}

.registration-form .phoneNumberField .select2-container--default .select2-selection--single,
.registration-form .phoneNumberField .select2-container--default .select2-selection--multiple {
    border-radius: 4px 0 0 4px !important;
}

.pax-page .plicyVilatnCornrShape {
    border-radius: 0;
}

.tabViewSortUI ul {
    box-shadow: 0 0 .5px .5px var(--primary-color);
    border-radius: 0 3px 3px 3px;
    display: flex;
    justify-content: space-between;
}

    .tabViewSortUI ul li {
        display: inline-block;
        border-right: 1px solid var(--primary-color);
        width: 100%;
        padding: 12px 0;
        text-align: center;
        cursor: pointer;
        position: relative;
        color: #555;
        font-size: 13px;
        font-weight: 600;
    }

    .hotel-listing-main .tabViewSortUI ul li{
        padding: 9.5px 0;
    }

        .tabViewSortUI ul li strong {
            font-weight: 600;
            font-size: 13px;
        }

        .tabViewSortUI ul li:last-child {
            border-right: none;
        }

        .tabViewSortUI ul li .icon {
            border: 1px solid #B5B5B5;
            width: 23px;
            height: 23px;
            display: inline-block;
            text-align: center;
            line-height:1.6;
            border-radius: 3px;
        }

        .tabViewSortUI ul li:hover,
        .tabViewSortUI ul li.active {
            background-color: var(--primary-color-ultra-lite);
        }

        .tabViewSortUI ul li:hover .icon,
        .tabViewSortUI ul li.active .icon {
            border-color: var(--primary-color);
        }

.hotel-listing-main .sort-by h4.title,
.tabViewSortUI h4.title {
    color: #fff;
    background-color: var(--primary-color);
    display: table;
    font-size: 14px;
    padding: 3px 5px;
    margin: 0 0 0 -1px;
    border-radius: 3px 3px 0 0;
}

.hotel-listing-main .sort-by h4.title{
    margin-top: -22px;
    float: left;
}

.hotel-listing-main .sort-by h4.title i,
.tabViewSortUI h4.title i {
    font-size: 12px;
    margin-right: 2px;
}

.tabViewSortUI .selectedASC > i, .tabViewSortUI .selectedDESC > i,
.tabViewSortUI .arrow-icon {
    font-size: 10px;
    position: absolute;
    bottom: 0;
    right: 5px;
    top: 50%;
    transform: translate(-50%, -50%);
    color: var(--primary-color);
    display: flex;
    align-items: center;
}

.tabViewSortUI .selectedASC .icon, .tabViewSortUI .selectedDESC .icon{
    border-color:var(--primary-color);
}

.tabViewSortUI a{
    text-decoration:none;
}

.rotate_90deg {
    transform: rotate(90deg);
}

table#WalletTransactionsTB {
    min-height: 100px;
}

.clearfix-992,
.clearfix-675,
.clearfix-767 {
    display: none;
}

.pax-adult-section .baggage-other ul.nav-tabs li {
    padding-left: 5px;
}

.dashboard-search-panel .common_popOver,
.hotel-modify-search .common_popOver {
    margin-right: -15px;
}

.h-summary-header button {
    margin-bottom: 5px;
}

.h-summary-header .right-btn-section {
    display: inline-block;
}

.confirmation .common_popOverChildDiv {
    right: auto;
    left: -20px;
}

.confirmation .common_popOverChildDiv:before {
    right: auto;
    left: 20px;
}

.hotel-listing-main ul.hotellisting .plicyVilatnCornrShape {
    border-radius: 0 7px 0 0;
}

.org-cardSection {
    border: 1px solid #bebebe;
    margin-left: 10px;
    margin-right: 10px;
}

h3.org-cardSection-heading {
    margin: 15px 10px 0 10px !important;
    text-transform: uppercase;
    font-weight: 600;
}

    h3.org-cardSection-heading i {
        color: var(--primary-color) !important;
        cursor: auto !important;
        margin-right: 3px;
    }

.org-cardSection .card-section {
    background-color: #e4e4e4;
    margin: 0 10px 10px 10px;
    border-radius: 3px;
    padding: 8px 5px 0px 5px;
}

.org-cardSection h3 {
    color: var(--primary-color) !important;
}

.org-card-form-field.disabled {
    pointer-events: none;
    opacity: .4;
}

.mainNavBackDrop {
    display: none;
}

.main-link.navbar-collapse.in .nav.navbar-nav {
    padding-top: 8px;
}

.main-link.navbar-collapse.collapse.in + .mainNavBackDrop {
    background-color: #000000d6;
    position: fixed;
    z-index: 990;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.main-link .menu_title {
    display: none;
}

.main-link .menu_title {
    display: none;
}

.main-link.in .menu_title {
    display: table;
    margin-top: -35px;
    font-weight: 600;
    font-size: 18px;
    width: 100%;
    text-align: center;
}


.copyItineraryBtn {
    position: absolute;
    width: 25px;
    height: 25px;
    background: #fff;
    right: -10px;
    top: 50%;
    border-radius: 50%;
    z-index: 3;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 0 1px var(--primary-color);
    cursor: pointer;
    align-items: center;
    justify-content: center;
    display: none !important;
}

.f-oneWay .resultsList .copyItineraryBtn,
.listing.multicity-div .outbound .copyItineraryBtn,
.legWiseSelect .selectedFlightSection .copyItineraryBtn,
.roomDetailsTableMain td.room-info .baseDiv .copyItineraryBtn,
.transfer-list .copyItineraryBtn,
.ownCombinationTable .copyItineraryBtn,
.multiRoomCombinationTable .copyItineraryBtn,
.tableRatehawkListing .copyItineraryBtn {
    right: -25px;
}

.twoWayListingSection.right .copyItineraryBtn {
    right: -15px;
}

.copyItineraryBtn i.icon {
    border: 2px solid var(--primary-color);
    background-color: #fff;
    width: 10px;
    height: 14px;
    border-radius: 3px;
    transition: all ease-in-out .2s;
}

    .copyItineraryBtn i.icon:after {
        content: '';
        width: 11px;
        height: 14px;
        border: 2px solid var(--primary-color);
        border-radius: 2px 5px 2px 0;
        margin: -4px -3px 0 0;
        border-left: none;
        border-bottom: none;
        display: block;
        transition: all ease-in-out .1s;
    }

.copyItineraryBtn:after {
    content: attr(data-title);
    position: absolute;
    top: 2px;
    left: 40px;
    background-color: #000;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    padding: 1px 5px;
    border-radius: 3px;
    white-space: nowrap;
    opacity: 0;
    transition: all .4s;
}

.copyItineraryBtn:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 35px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-right: 6px solid #000;
    border-bottom: 7px solid transparent;
    opacity: 0;
    transition: all .4s;
}

.copyItineraryBtn:hover:before {
    opacity: 1;
    left: 30px;
}

.copyItineraryBtn:hover:after {
    opacity: 1;
    left: 35px;
}

.copyItineraryBtn:hover i.icon {
    background-color: var(--primary-color);
}

    .copyItineraryBtn:hover i.icon:after {
        margin: -5px -4px 0px .5px;
    }

.rt-f-listing-r-section:hover .copyItineraryBtn,
.rt-f-listing-l-section:hover + .rt-f-listing-r-section .copyItineraryBtn,
.f-oneWay .resultsList .outbound:hover .copyItineraryBtn,
.listing.multicity-div .outbound:hover .copyItineraryBtn,
.legWiseSelect .selectedFlightSection:hover .copyItineraryBtn,
.roomDetailsTableMain td.room-info .baseDiv:hover .copyItineraryBtn,
.transfer-list:hover .copyItineraryBtn,
.twoWayListingSection.left:hover + .twoWayListingSection.right .copyItineraryBtn,
.twoWayListingSection.right:hover .copyItineraryBtn,
.ownCombinationTable:hover .copyItineraryBtn,
.multiRoomCombinationTable:hover .copyItineraryBtn,
.tableRatehawkListing:hover .copyItineraryBtn,
.BDCmultiRoomTable:hover .copyItineraryBtn  {
    display: flex !important;
}

.tableRatehawkListing:hover {
    overflow: visible;
}

.copyPortion {
    padding: 15px;
    height: 100%;
    background: linear-gradient(90deg, #4A4A4A 70%, transparent calc(100% - 70%)), linear-gradient(90deg, #4A4A4A 70%, transparent calc(100% - 70%)), linear-gradient(0deg, #4A4A4A 70%, transparent calc(100% - 70%)), linear-gradient(0deg, #4A4A4A 70%, transparent calc(100% - 70%));
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size: 7px 1px, 7px 1px, 1px 7px, 1px 7px;
    background-position: 0 0, 300px 100%, 0 300px, 100% 0;
    animation: border-dance 20s infinite linear;
}

@keyframes border-dance {
    0% {
    }

    100% {
        background-position: 300px 0, 0 100%, 0 0, 100% 300px;
    }
}

#itineraryCopyBtn {
    outline: none;
}

.itineraryCopied, .BDCmultiRoomTable:hover,
.roomDetailsTableMain td.room-info .baseDiv,
table.multiRoomCombinationTable,
table.ownCombinationTable {
    position: relative;
}



    .itineraryCopied:after {
        content: 'Copied !';
        position: absolute;
        background: #000000e0;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 1;
        color: #29c125;
        display: flex;
        justify-content: center;
        align-items: center;
    }

.roomDetailsTableMain td.room-info .baseDiv {
    position: relative;
}

table.dataTable tr td:last-child {
    white-space: nowrap;
}

table.multiRoomCombinationTable,
table.ownCombinationTable {
    position: relative;
}

 table.multiRoomCombinationTable:hover, 
.BDCmultiRoomTable:hover {
        overflow: visible;
    }

.FlightFare {
    background-color: #ededed;
    display: none;
}

    .FlightFare#AdultBaseFareR {
        border-bottom: 1px solid #d0d0d0;
    }

    .FlightFare td {
        font-size: 12px !important;
    }

.hotel-filter table.Star-Rating td {
    padding: 5px;
}

.send-quote-popup .FlightFare td {
    padding: 6px;
}

#AdultBaseFareHS,
#ChildBaseFareHS,
#InfantBaseFareHS {
    cursor: pointer;
    transition: all .5s ease-in-out;
}

.fareBrakupExpanded i.fa-angle-down {
    transform: rotate(180deg);
}

.f-summary-wrapper #PNRDetails .col-md-1,
.f-summary-wrapper #PNRDetails .col-md-2,
.f-summary-wrapper #PNRDetails .col-md-3 {
    min-height: 110px;
}

.hotel-filter table.Star-Rating td {
    padding: 5px;
}

.border-radius-l-0 {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.border-radius-r-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.border-l-none {
    border-left: none !important;
}

.border-r-none {
    border-right: none !important;
}

.registration-form .pass-warnings {
    font-size: 10px;
    padding-left: 0;
    color: #808080;
}

.min-h-auto {
    min-height: auto;
}

.min-h-auto-i {
    min-height: auto !important;
}

.registration-form .pass-warnings {
    font-size: 10px;
    padding-left: 0;
    color: #808080;
}

div#mobile-chat-container {
    bottom: 60px !important;
    right: 13px !important;
}

.corporate_dashboard .feedback {
    display: none;
}

.card-ui-box {
    border: 1px solid #cccccc;
    padding: 15px 10px;
    border-radius: 10px;
}

.co2_label {
    background-color: #27C45E;
    color: #fff !important;
    border-radius: 50px;
    padding: 2px 8px 5px 8px !important;
    font-weight: 400 !important;
}

.co2_label img {
    width: 25px;
    pointer-events: none;
}

.co2_label > strong{
    margin-right:3px;
}

.f-summary-wrapper .co2_label{
    display:flex;
    padding-bottom:3px !important;
}

.f-summary-wrapper .co2_label > strong{
    margin-right: 3px;
    margin-left: 3px;
}

.listing.multicity-div .co2_label{
    padding-bottom:3px !important;
}

.co2-popup .co2_label{
    padding:3px 8px !important;
}

.co2-popup .co2_label > img{
    margin-top:-3px;
}

.t-booking-summary-main h6 {
    word-break: break-all;
}

/*PWA install button*/

.pwa-install-popUp-mobile-ios,
.pwa-install-popUp-mobile {
    display: none;
    width: 80%;
    max-width: 320px;
    color: #333;
    position: fixed;
    border-radius: 10px;
    box-shadow: 0px 0px 10px -2px #616161;
    z-index: 1050;
    margin: 0 auto;
    overflow: hidden;
    top: 40%;
    left: 0;
    right: 0;
    text-align: center;
}

.pwa-install-popUp-mobile-ios {
    width: 80%;
    max-width: 100%;
    top: 5%;
    overflow-y: auto;
    max-height:90%;
}

    .pwa-install-popUp-mobile-ios .body,
    .pwa-install-popUp-mobile .body {
        padding: 20px 5px;
        background: #fff;
    }

    .pwa-install-popUp-mobile-ios .body{
        padding-top:15px;
    }

    .pwa-install-popUp-mobile-ios .body header{
        overflow:visible;
        min-height:auto;
        display:flex;
        align-items:center;
        padding:0 25px 15px 10px;
        border-bottom:1px solid #9d9d9d;
    }

    .pwa-install-popUp-mobile-ios h4,
    .pwa-install-popUp-mobile h4 {
        font-size: 15px;
        font-weight: 600;
        color: #000;
        margin: 15px 0 5px 0;
    }

    .pwa-install-popUp-mobile-ios h4{
        margin:0 0 0 10px;
        text-align: left;
        max-width:90%;
    }

    .pwa-install-popUp-mobile-ios small,
    .pwa-install-popUp-mobile small {
        font-size: 13px;
        color: #34a853;
        display: block;
        margin-bottom: 20px;
    }

.installPwaAppIos,
#installPwaApp {
    color: #fff;
    background-color: #29ABE2;
    border-radius: 5px;
    padding: 15px 35px !important;
    line-height: 1;
    height: auto;
    font-size: 14px;
}

.installPwaAppIos{
    margin-top:10px;
}

.pwa-install-popUp-mobile-ios .darkLayer,
.pwa-install-popUp-mobile .darkLayer {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    background: rgb(0 0 0 / 65%);
}

.pwaInstallClose {
    position: absolute;
    width: 16px;
    height: 16px;
    right: 5px;
    top: 10px;
    cursor: pointer;
}

.pwa-install-popUp-mobile-ios .pwaInstallClose{
    right: 10px;
    top:5px;
}

.pwaInstallClose:before,
.pwaInstallClose:after {
    position: absolute;
    content: '';
    height: 100%;
    left: 0;
    top: 0;
    border-left: 2.5px solid #646464;
    transform: rotate(45deg);
}

.pwaInstallClose:after {
    transform: rotate(135deg);
}

/*PWA install button end*/

.f-footer-details .co2_label {
    padding-bottom: 3px;
}

    .f-footer-details .co2_label:hover {
        color: #fff !important;
    }

.co2-popup .modal-body h5 {
    font-size: 18px;
    line-height: 24px;
}

.co2-popup .modal-body table {
    font-weight: 600;
}

.co2-popup .modal-body .popUp_contentSection{
    display:flex;
    flex-wrap:wrap;
    align-items: center;
    align-content: center;
    min-height:70px;
    border-left: 1px dashed #999;
}

.co2-popup .modal-body .popUp_contentSection > table:not(:last-child){
    margin-bottom:20px;
}

.w-40px {
    width: 40px;
}

.w-50px {
    width: 50px;
}

.mb-150 {
    margin-bottom: 150px;
}

.wrkHrs-section select {
    margin-bottom: 10px;
    margin-top: 10px;
}

.modal-xl {
    width: 1100px;
}

.retrieveUpdatedPnr .oldData {
    background-color: #FFE6E6;
    border-left: 8px solid #E8A6A6;
    padding: 10px;
    margin-bottom: 15px;
    position: relative;
}

.retrieveUpdatedPnr .newData {
    background-color: #E6FFED;
    border-left: 8px solid #A6E8B9;
    padding: 10px;
    margin-bottom: 10px;
    position: relative;
}

    .retrieveUpdatedPnr .oldData h4,
    .retrieveUpdatedPnr .newData h4 {
        margin-top: 0;
        text-transform: uppercase;
        color: #000;
        font-weight: 700;
        font-size: 13.5px;
    }

.retrieveUpdatedPnr ul li {
    color: #333;
    font-weight: 400;
}

.retrieveUpdatedPnr ul li strong {
    color: #666;
    font-weight: 400;
}

.retrieveUpdatedPnr .oldData ul li strong,
.retrieveUpdatedPnr .newData ul li strong {
    text-transform:uppercase;
}

.retrieveUpdatedPnr .oldDataHding h3 span {
    display: none;
}

.retrieveUpdatedPnr .f-booking-summary-section label{
    text-transform:uppercase;
}

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

.royaltyPointEligible {
    background: var(--primary-color-lite);
    display: inline-block;
    padding: 0px 5px;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 10px;
    border: 1px dashed var(--primary-color);
    color: var(--primary-color);
}

span.royaltyPointEligible {
    padding: 0;
}

    span.royaltyPointEligible span {
        padding: 0px 5px;
    }

.roomDetailsTableMain #loadingDetail-image {
    margin: 30px auto;
}

.tof-container input[disabled] {
    opacity: .7;
}

.noCarbonMessage {
    background: #fff;
    position: absolute;
    top: 55px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

    .noCarbonMessage p {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }

.ui-datepicker .ui-datepicker-title {
    color: #fff;
}

.ui-datepicker-header .ui-datepicker-prev .ui-icon,
.ui-datepicker-header .ui-datepicker-next .ui-icon {
    background: none;
}

    .ui-datepicker-header .ui-datepicker-next .ui-icon:after,
    .ui-datepicker-header .ui-datepicker-prev .ui-icon:after {
        content: '\f0da';
        position: absolute;
        top: 0;
        left: 0;
        height: 16px;
        width: 16px;
        font: normal normal normal 14px/1 FontAwesome;
        text-indent: 0;
        text-align: center;
        line-height: 1.2;
        border-radius: 50%;
        background: #00000054;
        color:#fff;
    }

    .ui-datepicker-header .ui-datepicker-prev .ui-icon:after {
        content: '\f0d9';
    }

#MeetingRoomReservation ul.searchbox li p ul img.h-14 {
    height: 15px;
}

.main-search ul.searchbox li.AddTravellert > label,
.main-search ul.searchbox li.preferredAirlines > label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0;
}

#flightmodifypage-popup li.adult-ecomomy h4,
#flightmodifypage-popup li.airlinesField h4 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.modifypage-popup-Hlisting .checkBoxCssCustom,
.modifypage-popup-Hdetails .checkBoxCssCustom{
    padding-top:15px !important;
}
.text-left-i {
    text-align: left !important;
}

.dashboardGridCards.carbonFootprint > .card {
    min-height: 415px;
}

/* Text Animation Start */
.text-loading-anim-box {
    padding: 2px 0 0 0;
    width: 100%;
}

.infinite-progressbar {
    display: block;
    width: 100%;
    height: 7px;
    margin: 0;
    background-color: #e9e9e9;
    position: relative;
    border-radius: 15px;
}

    .infinite-progressbar:after {
        position: absolute;
        left: 0;
        top: 0;
        content: '';
        width: 0;
        height: 100%;
        margin-left: 0;
        background-color: var(--primary-color);
        border-radius: 15px;
        animation: progress 30s ease-in-out infinite normal forwards;
    }

@keyframes progress {
    0% {
        width: 0;
    }

    50% {
        width: 45%;
    }

    80% {
        width: 85%;
    }

    100% {
        width: 100%;
    }
}
/*Typing efffect*/
.typing-text-anim {
    margin: 0;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: -5.5px;
    left: 40px;
}

.typing-text-anim li {
    list-style: none;
    color: var(--primary-color);
    font-size: 14px;
    font-weight: 600;
    position: relative;
    top: 0;
    animation: slide 30s steps(6) 1;
}

@keyframes slide {
    100% {
        top: -240px;
    }
}

.typing-text-anim li span {
    position: relative;
    margin: 5px 0;
    line-height: 30px;
    font-size: 13px;
}

.text-loading-anim-box .circle-anim {
    position: relative;
    width: 22px;
    height: 22px;
}
/* Text Animation End */

.hotel-modify-search #modifypage-popup .hD-ModifyBtn-01 {
    white-space: nowrap;
}

/* Count down timer */

.sticky-count-down-timer{
    position:fixed;
    z-index:22;
    left:0;
    top:50%;
    display:none;
    transform: translate(0, -50%);
    cursor:pointer;
}

.sticky-count-down-timer .offer-label{
    background:#fff;
    color:#F04C01;
    box-shadow: 1px 0px 10px 0 #000000b0;
    border-radius: 0 22px 0 0;
    padding: 2px 15px 5px 15px;
    font-size: 16px;
    font-weight: 600;
}

.sticky-count-down-timer .timer-label{
    background:#F04C01;
    text-align:left;
    border-radius:0 50px 50px 0;
    padding:7px 20px 7px 15px;
    position:relative;
    z-index:2;
}

.sticky-count-down-timer .timer-label h6{
    color:#fff;
    margin:0;
    font-size:14px;
}

.sticky-count-down-timer .timer-label h2{
    color:#fff;
    margin:0;
    font-size:24px;
    font-weight:700;
}

/* Count down timer end */

#flashSaleTimerpopup .modal-header{
    background:#F04C01 !important;
}

.flashSaleText h4{
    color:#DFDFDF;
    font-size:50px;
    font-weight:800;
    text-align:center;
}

.flashSaleText h2 {
    color:#F00105;
    margin:0;
    font-weight:700;
    font-size:24px;
    margin-bottom:3px;
}

.flashSaleText p {
    color: #000;
    font-size: 16px;
}
.bookingSummary_hdr_btn{
    text-align:right;
}

.bookingSummary_hdr_btn a .header_icon_button{
    min-height:30px;
    padding:0 12px !important;
    margin:-5px 0 5px 0;
    line-height:1;
    font-size:12px;
}

.bookingSummary_hdr_btn .tc-icon:before{
    margin-left:0;
}

.h-0{
    height:0;
}

.bt-grey-i,
.tof-services-required-output-table td.bt-grey-i{
    border-top:1px solid #727272 !important;
}

.inpolicyPolicySection{
    border:1px solid #75c67a !important;
    position:relative;
}

#html_element{
    display:flex;
    justify-content:center;
}

.NeomLogin #html_element > div {
    transform: scale(.929);
}

.pciDssLogo{
    border-top: 1px solid #b5b5b5;
    padding-top: 12px;
}

.pciDssLogo img{
    width:110px;
}

.bt-approvalWorkflow .form-group label{
    text-transform:uppercase;
}

.text-t-none{
    text-transform:none;
}

.bt-approvalWorkflow .emp-group-section,
.bt-approvalWorkflow .approverRow{
    background-color:#FAFAFA;
    border:1px solid #CDCDCD;
    border-radius:5px;
    padding:15px;
    margin-bottom:10px;
}

.bt-approvalWorkflow .approverRow{
     border-color:var(--primary-color);
     position:relative;
     padding-left:65px;
}

.bt-approvalWorkflow .approverRow .orderNumber{
    background-color:var(--primary-color);
    color:#fff;
    font-size:20px;
    font-weight:600;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width:50px;
    text-align:center;
    line-height:6;
}

.bt-approvalWorkflow .approverRow .orderNumber:before {
    content: "";
    position: absolute;
    left: 0;
    top:-1px;
    width: 0;
    height: 0;
    border-top:10px solid #fff;
    border-left:25px solid transparent;
    border-right:25px solid transparent;
}

.bt-approvalWorkflow .approverRow .orderNumber:after {
    content: "";
    position: absolute;
    left: 0;
    bottom:-10px;
    width: 0;
    height: 0;
    border-top: 11px solid var(--primary-color);
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
}

.addApproverRowBtn button{
    border-radius:5px;
    box-shadow:0px 0px 0px 1px var(--primary-color) !important;
}

.addApproverRowBtn button .fa{
   color:#555 !important;
}

.approverRow .remove-btn{
    position:absolute;
    right:0;
    bottom:0;
    z-index:1;
    width:45px;
    height:45px;
    border-radius:50%;
    background-color:#fff;
    border:1px solid var(--red-color);
    box-shadow:0 0 4px 0 #0000004f;
    padding:0 !important;
    outline:none !important;
    position: absolute;
    top: 50%;
    transform:translate(23px, -50%);
}

.approverRow .remove-btn i{
    color:var(--red-color) !important;
}

.approverRow .remove-btn:hover:after{
    position:absolute;
    bottom:-25px;
    left:-25px;
    content:attr(data-title);
    color:#fff;
    font-size:10px;
    background-color:#000;
    padding:2px 5px;
    border-radius:3px;
    text-transform:capitalize;
}

#dynamicApprovers .approverRow:first-child .orderNumber:before{
    display:none;
}

.baggage-inclusion-list h4{
    font-size:14px;
    font-weight:700;
}

.baggage-inclusion-list ul li{
    font-size:13.5px;
    text-transform:lowercase;
    margin-bottom:5px;
}

.baggage-inclusion-list ul li::first-letter {
    text-transform:none;
}

.baggage-inclusion-list ul li i.fa{
    float:left;
    line-height:1.5;
    margin-right:5px;
    position:relative;
}

.baggage-inclusion-list ul li i.fa-check-circle-o:after,
.baggage-inclusion-list ul li i.fa-radio:after{
    content:'';
    position:absolute;
    width:14px;
    height:14px;
    border:none;
    top:2px;
    left:0; 
    border-radius:50%;
    background:#34a85342;
}

.baggage-inclusion-list ul li i.fa-check-circle-o:before,
.baggage-inclusion-list ul li i.fa-radio:before{
    content: '\f00c';
    font-size: 9.5px;
    width: 14px;
    height: 14px;
    display: block;
    margin: 3px 0 0 2px;
    color:#259944;
}

.baggage-inclusion-list ul li i.fa-radio:before{
    content:'';
    background:#259944;
    transform:scale(.5);
    margin: 2px 0 0;
    border-radius: 50%;
}

.hoteldetail .policyViolationIcon,
.hoteldetail .multiRoomTable .policyViolatedSection,
.hoteldetail .multiRoomTable .inpolicySection{
    border-collapse: separate;
}

.select2-container .select2-selection--multiple {
    overflow-y: auto;
}

.hotel-listing-main .policyViolationIcon.inPolicy{
    margin-left:auto;
}


/* Car rental coming soon text style */
#car-rental .comingSoonText{
    text-align:center;
    margin:60px 0;
}

#car-rental .comingSoonText h3{
    font-size:16px;
    font-weight:600;
}

/* Car rental coming soon text style end */

.missedSavingsRemnderLabel .policyViolationIcon{
    border:none !important;
    padding:0;
}

.f-MissedSavingsPopUp.pax .resultsList .ow-outbound-01{
    flex-direction:column;
}

.w-18-i{
    width:18% !important;
}

.w-13-i {
    width: 13% !important;
}

.w-12-i {
    width: 12% !important;
}

.border-t-doted{
    border-top:1px dotted #464545;
}

.numberSpinner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 25px;
    overflow: hidden;
    background-color: #f9f9f9;
}
 .numberSpinner button:hover {
     background-color: var(--primary-color) !important;
 }

.tof-container .custom-radioBtn input:disabled + .indicator:before {
    box-shadow: inset 0px 0px 0px 10px #fff;
}

.tof-container .custom-radioBtn input:checked:disabled + .indicator:before {
    box-shadow: inset 0px 0px 0px 5px #fff;
}

.travelPolicyRules-admin-module .main-accordian .panel-default,
.travelPolicyRules-admin-module .main-accordian .panel-default .panel-heading {
    background-color: #F0F0F0;
    border: none;
}

    .travelPolicyRules-admin-module .main-accordian .panel-default .panel-heading {
        border-bottom: 1px solid #c6c6c6;
        border-radius: 5px 5px 0 0;
    }

    .travelPolicyRules-admin-module .main-accordian .panel-default .panel-heading a {
        text-transform: uppercase;
        color: var(--primary-color);
        display: block;
        text-decoration: none;
        font-weight: 600;
    }

    .travelPolicyRules-admin-module .main-accordian .panel-default .panel-heading a:after{
        content:'\f068';
        position:absolute;
        right:0;
        top:3px;
        font:normal normal normal 14px/1 FontAwesome;
    }

    .travelPolicyRules-admin-module .main-accordian .panel-default .panel-heading a.collapsed:after{
        content:'\f067';
    }

.tripPurpose-accordian .panel-default .panel-heading {
    background: var(--primary-color) !important;
    border: none !important;
}

    .tripPurpose-accordian .panel-default .panel-heading a {
        color: #fff !important;
        text-transform: unset !important;
        font-size: 14px;
    }

.tripPurpose-accordian .panel-collapse {
    background: #fff;
    border-radius: 0 0 5px 5px;
}

.travelPolicyRules-admin-module .ruleSection:after,
.travelPolicyRules-admin-module .ruleSectionMonthly:after,
.travelPolicyRules-admin-module .ruleSectionMonthlyDiscount:after,
.travelPolicyRules-admin-module .ruleSectionOfflineTravelOrder:after {
    display: table;
    clear: both;
    content: '';
}

.travelPolicyRules-admin-module .ruleSection,
.travelPolicyRules-admin-module .ruleSectionMonthly,
.travelPolicyRules-admin-module .ruleSectionMonthlyDiscount,
.travelPolicyRules-admin-module .ruleSectionOfflineTravelOrder,
.travelPolicyRules-admin-module .ruleSectionDiscounted,
.travelPolicyRules-admin-module .ruleSectionHotel {
    border-bottom: 1px dashed #dadada;
    padding: 10px 10px 10px 50px;
    position: relative;
}

.travelPolicyRules-admin-module .formGroupSection {
    position:relative;
    border-radius:5px;
    padding:15px 10px;
    border:1px solid #E0E0E0;
    margin-top:15px;
    margin-bottom:10px;
}

.travelPolicyRules-admin-module .formGroupSection .sec-label{
    position: absolute;
    top: -15px;
    left: 15px;
    background: #fff;
    text-align: center;
    padding: 3px 5px;
    font-weight: 700;
    font-size:13px;
}

.travelPolicyRules-admin-module .expandableSection label i.fa {
    color: var(--primary-color);
    font-weight:600;
}

.expandableSectionWraper{
    padding-left:15px;
}

.travelPolicyRules-admin-module .formGroupSection .inlineView{
    display: flex;
    align-items: center;
}

.travelPolicyRules-admin-module .flightShowHideCategory, .travelPolicyRules-admin-module .hotelShowHideCategory {
    background: #F0F0F0;
    border-radius: 5px;
    margin: 15px 0;
    padding: 15px;
}

.travelPolicyRules-admin-module .flightShowHideCategory header, .travelPolicyRules-admin-module .hotelShowHideCategory header{
    border-bottom:1px solid #B1B1B1;
    margin-bottom:15px;
    box-shadow:none;
    padding:0;
    margin:0 0 15px 0;
}

.travelPolicyRules-admin-module .flightShowHideCategory header h3, .travelPolicyRules-admin-module .hotelShowHideCategory header h3{
    padding:0px;
}

.travelPolicyRules-admin-module .flightShowHideCategory header h3,
.travelPolicyRules-admin-module .flightShowHideCategory .sub-heading,
.travelPolicyRules-admin-module .hotelShowHideCategory header h3,
.travelPolicyRules-admin-module .hotelShowHideCategory .sub-heading{
    font-weight:600;
    font-size:14px;
    color:#202020;
}

.travelPolicyRules-admin-module .ruleNumberLabel {
    background: #E6E6E6;
    position: absolute;
    width: 40px;
    height: 100%;
    top: 0;
    left: -5px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color:#000;
    font-weight:700;
}

.travelPolicyRules-admin-module .selectedRuleSection .ruleNumberLabel{
    background:var(--primary-color);
    color:#fff;
}

span.ruleNumberLabel.HighlightedLabel {
    background-color: var(--primary-color);
    color: #fff;
}

.travelPolicyRules-admin-module #NoProductAccordian{
    border-top: 1px solid #bebebe;
    text-align: center;
    padding:30px 0 20px 0;
}

.travelPolicyRules-admin-module #NoTripPurpose,
.travelPolicyRules-admin-module #NoTripPurposeHotel {
    text-align: center;
}

.travelPolicyRules-admin-module #NoProductAccordian h4,
.travelPolicyRules-admin-module #NoTripPurpose h4,
.travelPolicyRules-admin-module #NoTripPurposeHotel h4{
    font-size:16px;
}

.travelPolicyRules-admin-module .tripPurpose-accordian {
    margin-bottom: 10px;
}

.travelPolicyRules-admin-module .expandableSectionWraperArrow {
    cursor: pointer;
}

.travelPolicyRules-admin-module .expandableSectionWraperArrow i.fa{
    transition:all .3s ease-in-out;
}

.travelPolicyRules-admin-module .expandableSectionWraperArrow.wrapperExpanded i.fa {
    transform: rotate(180deg);
}

.travelPolicyRules-admin-module .HighlightedLabel + .expandableSection > .expandableSectionWraperArrow {
    pointer-events:none;
}

.travelPolicyRules-admin-module .pro-inner label{
    text-transform:unset;
}

.travelPolicyRules-admin-module md-button{
    border-color:var(--primary-color);
}

.travelPolicyRules-admin-module .cabinClassHighlite{
    border-bottom: 1px dashed #dadada;
    padding-bottom: 15px;
    padding-top: 10px;
    background: var(--primary-color-ultra-lite);
    margin: 0 -5px 0 -5px;
    width: 101%;
}

.nonCorporateSearch .avpax_dropdown .numberSpinner,
.wl-corporate-global .modify-multi-city .avpax_dropdown .numberSpinner,
.wl-corporate-global #flightmodifypage-popup ul.aa li .avdd_botcon .numberSpinner,
.wl-nonCorporate #flightmodifypage-popup ul.aa li .avdd_botcon .numberSpinner,
.wl-nonCorporate .modify-multi-city li .avdd_botcon .numberSpinner,
.wl-corporate-searchPanel .main-search ul.searchbox > li.AddTravellert .numberSpinner {
    background: none;
    border: none;
}

.nonCorporateSearch .avpax_dropdown .number-spinner button,
.nonCorporateSearch .avpax_dropdown .numberSpinner button,
.wl-corporate-global .modify-multi-city .avpax_dropdown .numberSpinner button,
.wl-corporate-global #flightmodifypage-popup ul.aa li .avdd_botcon .numberSpinner button,
.wl-nonCorporate #flightmodifypage-popup ul.aa li .avdd_botcon .numberSpinner button,
.wl-nonCorporate .modify-multi-city li .avdd_botcon .numberSpinner button,
.wl-corporate-searchPanel .main-search ul.searchbox > li.AddTravellert .numberSpinner button {
    border-radius: 50%;
    height: 35px;
    width: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    background:#fff;
    box-shadow:inset 0 0 0 1px var(--primary-color);
    font-size:22px;
    outline:none;
    border:none;
}

.nonCorporateSearch .avpax_dropdown .number-spinner > ng-transclude {
    display: flex;
    height:35px;
    align-items:center;
}

.nonCorporateSearch .avpax_dropdown .number-spinner button:hover{
    background-color:var(--primary-color);
}

.nonCorporateSearch .avpax_dropdown .numberSpinner button span,
.wl-corporate-global .modify-multi-city .avpax_dropdown .numberSpinner button span,
.wl-corporate-global #flightmodifypage-popup ul.aa li .avdd_botcon .numberSpinner button span,
.wl-nonCorporate #flightmodifypage-popup ul.aa li .avdd_botcon .numberSpinner button span,
.wl-nonCorporate .modify-multi-city li .avdd_botcon .numberSpinner button span,
.wl-corporate-searchPanel .main-search ul.searchbox > li.AddTravellert .numberSpinner button span{
    color:var(--primary-color) !important;
    height:35px;
}

.nonCorporateSearch .avpax_dropdown .number-spinner button span:before{
    color:var(--primary-color) !important;
}

.nonCorporateSearch .avpax_dropdown .number-spinner button:hover span:before,
.nonCorporateSearch .avpax_dropdown .number-spinner button:hover span,
.nonCorporateSearch .avpax_dropdown .numberSpinner button:hover span,
.wl-corporate-global .modify-multi-city .avpax_dropdown .numberSpinner button:hover span,
.wl-corporate-global #flightmodifypage-popup ul.aa li .avdd_botcon .numberSpinner button:hover span,
.wl-nonCorporate #flightmodifypage-popup ul.aa li .avdd_botcon .numberSpinner button:hover span,
.wl-nonCorporate .modify-multi-city li .avdd_botcon .numberSpinner button:hover span,
.wl-corporate-searchPanel .main-search ul.searchbox > li.AddTravellert .numberSpinner button:hover span{
    color:#fff !important;
}

.nonCorporateSearch .avpax_dropdown .number-spinner input[type=text],
.nonCorporateSearch .avpax_dropdown .numberSpinner input[type=text],
.wl-corporate-global .modify-multi-city .avpax_dropdown .numberSpinner input[type=text],
.wl-corporate-global #flightmodifypage-popup ul.aa li .avdd_botcon .numberSpinner input[type=text],
.wl-nonCorporate #flightmodifypage-popup ul.aa li .avdd_botcon .numberSpinner input[type=text],
.wl-nonCorporate .modify-multi-city li .avdd_botcon .numberSpinner input[type=text],
.wl-corporate-searchPanel .main-search ul.searchbox > li.AddTravellert .numberSpinner input[type=text] {
    margin: 0 10px;
    border-radius: 35px !important;
    box-shadow:none;
}

.nonCorporateSearch .avpax_dropdown .numberSpinner button.disabled-button .glyphicon:before,
.wl-corporate-global .modify-multi-city .avpax_dropdown .numberSpinner button.disabled-button .glyphicon:before,
.wl-corporate-global #flightmodifypage-popup ul.aa li .avdd_botcon .numberSpinner button.disabled-button .glyphicon:before,
.wl-nonCorporate #flightmodifypage-popup ul.aa li .avdd_botcon .numberSpinner button.disabled-button .glyphicon:before,
.wl-nonCorporate .modify-multi-city li .avdd_botcon .numberSpinner button.disabled-button .glyphicon:before,
.wl-corporate-searchPanel .main-search ul.searchbox > li.AddTravellert .numberSpinner button.disabled-button .glyphicon:before{
    display:none;
}

.wl-corporate-global #flightmodifypage-popup ul.aa li.airlinesField ul li{
    border:none;
}

.inboundRadio label span {
    border-color: #fff !important;
}

.white-space-normal {
    white-space: normal;
}

.h-searchHomeSections table.Search-Star-Rating {
    border-collapse:separate;
    border-radius:3px;
}

.h-searchHomeSections table.Search-Star-Rating td{
    border-left:none;
    border-top:none;
    border-bottom:none;
    background:none;
}

.h-searchHomeSections table.Search-Star-Rating td:last-child{
    border-right:none;
}

li.h-searchHomeSections.nationality_{
    margin-left:0 !important;
    margin-right:0 !important;
}

.additional_slider {
    display: none;
    text-align: center;
    font-weight: 600;
    font-size: 13px;
    margin-top:10px;
    margin-bottom:0;
    color:#555;
}

.additional_slider i{
    font-size:12px;
}

.wl-corporate-global .modify-multi-citySection {
    display: flex;
    align-items: center;
}

.wl-corporate-global .modify-multi-citySection .modfiyDirDown{
    margin-right:8px;
}

#ManishPopup .modal-header button,
#WarningPopUp .modal-header button{
    min-height:28px;
}

.firstLetterCap{
    text-transform:lowercase;
    display:inline-block;
}

.firstLetterCap::first-letter{
    text-transform:uppercase;
}

.popover-mobile-friendly .popover .popover-content{
    background:#fff;
}

.tripPurposeWithReason .tpReason{
    position:absolute;
    right:2px;
    top:-1px;
}

.tripPurposeWithReason .chkBoxSection.hasReason{
    padding-right:30px;
    position:relative;
}

.tripPurposeWithReason .chkBoxSection.hasReason > label:before{
    position:absolute;
    right:0;
    top:0;
    width:35px;
    height:30px;
    content:'';
    z-index:1;
    background:none;
}

.tripPurposeWithReason .chkBoxSection.hasReason > input[type=radio]:checked + label:before{
    display:none;
}

.tripPurposeWithReason .chkBoxSection.hasReason .tripPurposeReasonCustomDropDown{
    position:absolute;
    top: 0;
    right: 0;
}

.tripPurposeWithReason .chkBoxSection.hasReason .tripPurposeReasonCustomDropDown ul.dropdown-menu{
    left:auto;
    right:0;
    min-width:250px;
    top:110%;
    box-shadow:2px 2px 5px 0 #00000036;
}

.tripPurposeWithReason .chkBoxSection.hasReason .tripPurposeReasonCustomDropDown ul.dropdown-menu li{
    float:none;
    margin:0;
    border-bottom:1px solid #e6e6e6;
}

.tripPurposeWithReason .chkBoxSection.hasReason .tripPurposeReasonCustomDropDown ul.dropdown-menu li:last-child{
    border:none;
}

.tripPurposeWithReason .chkBoxSection.hasReason .tripPurposeReasonCustomDropDown ul.dropdown-menu li:hover label,
.tripPurposeWithReason .chkBoxSection.hasReason .tripPurposeReasonCustomDropDown ul.dropdown-menu li:hover{
    background:var(--primary-color);
    color:#fff;
}

.tripPurposeWithReason .chkBoxSection.hasReason .tripPurposeReasonCustomDropDown ul.dropdown-menu li label{
    margin: 0;
    display: block;
    padding:5px 0 5px 10px;
    cursor: pointer;
}

.tripPurposeWithReason .chkBoxSection.hasReason .tripPurposeReasonCustomDropDown ul.dropdown-menu li label input[type="radio"]{
    opacity:0;
}

.tripPurposeWithReason .chkBoxSection.hasReason .tripPurposeReasonCustomDropDown > button{
    background:none;
    padding: 0 12px !important;
    box-shadow:none;
    border-left:1px solid var(--primary-color-lite);
    border-radius:0;
    pointer-events:none
}

.tripPurposeWithReason .chkBoxSection.hasReason .tripPurposeReasonCustomDropDown > button .caret{
    color:var(--primary-color) !important;
}

.checkBoxCssCustom .chkBoxSection input[type=radio]:checked + label + .tripPurposeReasonCustomDropDown > button{
    border-left:1px solid #ffffff75;
    pointer-events:all;
}

.checkBoxCssCustom .chkBoxSection input[type=radio]:checked + label + .tripPurposeReasonCustomDropDown > button .caret{
    color:#fff !important;
}

.tripPurposeWithReason .chkBoxSection.hasReason .tpReason > select {
    width: 28px;
    border: none;
    background: none;
    text-indent:30px;
    box-shadow:none;
    background-image:none !important;
    text-align:left;
    cursor:pointer;
    z-index:1;
    position:relative;
}

.tripPurposeWithReason .chkBoxSection.hasReason .tpReason > select option{
    padding-left:15px;
    padding-right:15px;
}

.tripPurposeWithReason .chkBoxSection.hasReason .tpReason:before,
.tripPurposeWithReason .chkBoxSection.hasReason .tpReason:after{
    content: "\f107";
    font: normal normal normal 14px/1 FontAwesome;
    color: var(--primary-color);
    position: absolute;
    top: 8.5px;
    right: 8px;
    font-size: 16px
}

.tripPurposeWithReason .chkBoxSection.hasReason .tpReason:before{
    content:'';
    width: .5px;
    height: 33px;
    background: var(--primary-color);
    right: 25px;
    top: 0;
}

/*.tripPurposeWithReason .chkBoxSection.hasReason > label{
    border-right:1px solid var(--primary-color);
}*/

.tripPurposeWithReason .chkBoxSection.hasReason input[type=radio]:checked + label + .tpReason:before {
    background:#fff;
}

.tripPurposeWithReason .chkBoxSection.hasReason input[type=radio]:checked + label + .tpReason:after{
    color:#fff;
}

.tripPurposeWithReason .tpReasonLabel span {
    color:var(--primary-color);
    font-weight:600;
}

.tripPurposeWithReason .tpReasonLabel strong{
    color:#000;
    font-weight:600;
}

.tripPurposeWithReason{
    margin-bottom:20px;
}

#flight .tripPurposeWithReason {
    padding-left:5px;
}

.selected-tpReason{
    color:#555;
}

.wl-corporate-global .modify-multi-city .location{
    width:33% !important;
}

.wl-corporate-global .transfer-listing #flightmodifypage-popup ul.aa li.swpe-img {
    top: 15px !important;
    left: 20% !important;
}

.wl-corporate-searchPanel .dashboard-search-panel #flight .tripPurposeWithReason,
.wl-corporate-searchPanel .dashboard-search-panel #transfer .tripPurposeWithReason {
    position:absolute;
    top:100px;
}

.wl-corporate-searchPanel .dashboard-search-panel #flight .tripPurposeWithReason.neom,
.wl-corporate-searchPanel .dashboard-search-panel #transfer .tripPurposeWithReason.neom{
    top:110px;
    width:calc(100% - 40px);
}

.wl-corporate-searchPanel .dashboard-search-panel .neomMainSearchTab #flight .flight-tabs,
.wl-corporate-searchPanel .dashboard-search-panel .neomMainSearchTab #transfer .flight-tabs {
    margin-top: 110px !important;
    text-align: left !important;
}

.wl-corporate-searchPanel .dashboard-search-panel #flight .tripPurposeWithReason.neom .tripPurposeReasonDropdwnBox label,
.wl-corporate-searchPanel .dashboard-search-panel #transfer .tripPurposeWithReason.neom .tripPurposeReasonDropdwnBox label,
.wl-corporate-searchPanel .dashboard-search-panel #hotel .tripPurposeWithReason.neom .tripPurposeReasonDropdwnBox label{
    margin-bottom:0;
}

.wl-corporate-searchPanel .dashboard-search-panel #flight .tripPurposeWithReason.neom .tripPurposeReasonDropdwnBox select,
.wl-corporate-searchPanel .dashboard-search-panel #transfer .tripPurposeWithReason.neom .tripPurposeReasonDropdwnBox select,
.wl-corporate-searchPanel .dashboard-search-panel #hotel .tripPurposeWithReason.neom .tripPurposeReasonDropdwnBox select{
    height:32px;
    padding:2px 8px;
}

.wl-corporate-searchPanel .dashboard-search-panel #flight .tripPurposeWithReason.neom .checkBoxCssCustom{
    margin-top:0;
}

.wl-nonCorporate #flightmodifypage-popup .aa li.Calender {
    width:170px;
}

.wl-nonCorporate #flightmodifypage-popup .aa li.Room_Guest {
    width: 200px;
}

.wl-nonCorporate .modify-multi-city .mc_fromToCalendar_box {
    width:50%;
}

.neomSearch_ftc_Section{
    width:97%;
    margin-bottom:10px;
}

.wl-nonCorporate .modify-multi-city .m-in-width .location {
    width: 32% !important;
}

.traveller-list-box {
    width: 100%;
    border-bottom: 1px solid #dedede;
    padding-bottom:12px;
    margin-top:12px;
    display: flex;
    justify-content: center;
}

.traveller-list-box .nameNid{
    padding-left:65px;
    position:relative;
    margin-right:auto;
}

.traveller-list-box .nameNid strong{
    color:#000;
    font-size:18px;
    font-weight:700;
    display:block;
}

.traveller-list-box .nameNid small {
    color: #555555;
    font-size: 13px;
    font-weight: 500;
}

.traveller-list-box .nameNid .nameFletter {
    width:45px;
    height:45px;
    background:var(--primary-color);
    color:#fff;
    text-align:center;
    font-size:18px;
    font-weight:700;
    text-transform:uppercase;
    display:block;
    border-radius: 50%;
    line-height: 2.4;
    position: absolute;
    left:0;
}

.traveller-list-box .actionBtnBox {
    margin-top:5px;
}

.traveller-list-box .actionBtnBox .actionBtn{
    margin-right:20px;
    float:left;
    text-align: center;
    line-height: 2.3;
}

.traveller-list-box .actionBtnBox .actionBtn a{
    width:35px;
    height:35px;
    display:flex;
    justify-content: center;
    align-items: center;
    border-radius:50%;
    background:#fff;
    box-shadow:0 0 3px 0 #0000005c;
    color:#333;
    margin:0;
    text-decoration:none;
}

.traveller-list-box .actionBtnBox .actionBtn.delete a{
    color:var(--red-color);
}
.view-btn.active-view {
    background-color: #007bff;
    color: white;
    border-radius: 4px;
    padding: 4px;
}
.nameNid.clickable {
    cursor: pointer;
}
.wl-corporate-searchPanel .dashboard-search-panel #flight .tripPurposeWithReason.neom .tripPurposeReasonDropdwnBox{
    padding-left:0 !important;
    margin-top:-10px !important;
}

.wl-corporate-searchPanel .dashboard-search-panel #flight .tripPurposeWithReason.neom .freeMonthlyTicketSection span{
    float:left;
}

.wl-corporate-global .modify-multi-city #monthlyConsumedTicketContainer .freeMonthlyTicketSection span em,
.wl-corporate-global #flightmodifypage-popup #monthlyConsumedTicketContainer .freeMonthlyTicketSection span em,
.wl-corporate-global #flightmodifypage-popup #monthlyConsumedTicketContainerTo .freeMonthlyTicketSection span em,
.wl-corporate-searchPanel .dashboard-search-panel #flight .tripPurposeWithReason.neom .freeMonthlyTicketSection span em{
    font-style:normal;
}

.wl-corporate-global .modify-multi-city #monthlyConsumedTicketContainer .freeMonthlyTicketSection span br,
.wl-corporate-global #flightmodifypage-popup #monthlyConsumedTicketContainer .freeMonthlyTicketSection span br,
.wl-corporate-global #flightmodifypage-popup #monthlyConsumedTicketContainerTo .freeMonthlyTicketSection span br,
.wl-corporate-searchPanel .dashboard-search-panel #flight .tripPurposeWithReason.neom .freeMonthlyTicketSection span br {
    display: none;
}

.wl-corporate-global #flightmodifypage-popup .tripPurposeWithReason.neom .freeMonthlyTicketSection,
.wl-corporate-global .modify-multi-city #monthlyConsumedTicketContainer .freeMonthlyTicketSection,
.wl-corporate-searchPanel .dashboard-search-panel #flight .tripPurposeWithReason.neom .freeMonthlyTicketSection {
    margin: 5px auto 0 15px !important;
    text-align: left;
    font-size: 13.5px;
    float: left;
    color: #555;
}

.wl-corporate-global .modify-multi-city #monthlyConsumedTicketContainer .freeMonthlyTicketDiv,
.wl-corporate-global #flightmodifypage-popup .tripPurposeWithReason.neom .freeMonthlyTicketDiv {
    margin-left: 0 !important;
}

.wl-corporate-global .modify-multi-city #monthlyConsumedTicketContainer .freeMonthlyTicketSection > span:not(:first-child),
.wl-corporate-global #flightmodifypage-popup #monthlyConsumedTicketContainerTo .freeMonthlyTicketSection > span:not(:first-child),
.wl-corporate-global #flightmodifypage-popup #monthlyConsumedTicketContainer .freeMonthlyTicketSection > span:not(:first-child),
.wl-corporate-searchPanel .dashboard-search-panel #flight .tripPurposeWithReason.neom .freeMonthlyTicketSection > span:not(:first-child){
    padding-left:10px;
    position:relative;
}

.wl-corporate-global .modify-multi-city #monthlyConsumedTicketContainer .freeMonthlyTicketSection > span:not(:first-child):after,
.wl-corporate-global #flightmodifypage-popup #monthlyConsumedTicketContainerTo .freeMonthlyTicketSection > span:not(:first-child):after,
.wl-corporate-global #flightmodifypage-popup #monthlyConsumedTicketContainer .freeMonthlyTicketSection > span:not(:first-child):after,
.wl-corporate-searchPanel .dashboard-search-panel #flight .tripPurposeWithReason.neom .freeMonthlyTicketSection > span:not(:first-child):after{
    content: '';
    border-right: 2px solid #c7c7c7;
    width: 1px;
    height: 12px;
    position: absolute;
    left: 0;
    top: 3.5px;
}

.wl-corporate-searchPanel .dashboard-search-panel #flight .tripPurposeWithReason.neom .neomClrfix{
    display:none;
}

.wl-corporate-global .modify-multi-city #monthlyConsumedTicketContainer .freeMonthlyTicketSection span strong,
.wl-corporate-global #flightmodifypage-popup #monthlyConsumedTicketContainer .freeMonthlyTicketDiv strong,
.wl-corporate-global #flightmodifypage-popup #monthlyConsumedTicketContainerTo .freeMonthlyTicketDiv strong,
.wl-corporate-searchPanel .dashboard-search-panel #flight .tripPurposeWithReason.neom .freeMonthlyTicketSection strong {
    margin-right: 10px;
    color: var(--primary-color);
}

.wl-corporate-searchPanel .dashboard-search-panel .tripPurposeWithReason.neom .tripPurposeReasonDropdwnBox{
    margin-top:-10px !important;
}

.wl-corporate-global #flightmodifypage-popup .tripPurposeWithReason.neom .tripPurposeReasonDropdwnBox {
    margin-top:-10px !important;
}

.wl-corporate-searchPanel .dashboard-search-panel #flight .tripPurposeWithReason.neom .tripPurposeReasonDropdwnBox {
    float:left;
    margin-left:15px;
}

.wl-corporate-searchPanel .dashboard-search-panel .tripPurposeWithReason.neom .checkBoxCssCustom {
    margin-bottom:5px;
}

.wl-corporate-searchPanel .dashboard-search-panel #transfer .tripPurposeWithReason.neom .tripPurposeReasonDropdwnBox,
.wl-corporate-searchPanel .dashboard-search-panel #hotel .tripPurposeWithReason.neom .tripPurposeReasonDropdwnBox {
    float:left;
    padding-left:0;
    margin-left:0 !important;
}

.wl-corporate-searchPanel .dashboard-search-panel #transfer .tripPurposeWithReason.neom .checkBoxCssCustom,
.wl-corporate-searchPanel .dashboard-search-panel #hotel .tripPurposeWithReason.neom .checkBoxCssCustom{
    margin-bottom:10px;
    margin-right:15px;
}

.wl-corporate-global .modify-multi-city .tripPurposeWithReason .tripPurposeReasonDropdwnBox {
    margin-top:-10px !important;
}

.wl-corporate-global .hotel-modify-search .tripPurposeReasonDropdwnBox {
    padding-left:0;
    margin-left:15px;
    margin-top:0 !important;
}

/*Traveler details new UI starts*/
.hotelpax .TravellerDetailsWithAccordian .PaxHeaderSection,
.hotelpax .TravellerDetailsWithAccordian .PaxListingSection .eachPax .paxComponent,
.pax-page .TravellerDetailsWithAccordian .PaxHeaderSection,
.pax-page .TravellerDetailsWithAccordian .PaxListingSection .eachPax .paxComponent,
.travelorder-page .TravellerDetailsWithAccordian .PaxHeaderSection,
.travelorder-page .TravellerDetailsWithAccordian .PaxListingSection .eachPax .paxComponent {
    display: flex;
    align-items: center;
}

.travelorder-page .TravellerDetailsWithAccordian .PaxListingSection .eachPax,
.hotelpax .TravellerDetailsWithAccordian .PaxListingSection .eachPax,
.pax-page .TravellerDetailsWithAccordian .PaxListingSection .eachPax{
    transition:all .3s;
}

.travelorder-page .TravellerDetailsWithAccordian .PaxHeaderSection,
.hotelpax .TravellerDetailsWithAccordian .PaxHeaderSection,
.pax-page .TravellerDetailsWithAccordian .PaxHeaderSection{
    padding-bottom:15px;
    margin-bottom:15px;
    border-bottom:1px solid #B4B4B4;
}

.travelorder-page .TravellerDetailsWithAccordian .PaxHeaderSection,
.hotelpax .TravellerDetailsWithAccordian .PaxHeaderSection{
    margin-bottom:5px;
}

.travelorder-page .TravellerDetailsWithAccordian .PaxListingSection,
.hotelpax .TravellerDetailsWithAccordian .PaxListingSection,
.pax-page .TravellerDetailsWithAccordian .PaxListingSection{
    margin-bottom:15px;
    padding:0 15px;
}

.travelorder-page .TravellerDetailsWithAccordian .PaxListingSection,
.hotelpax .TravellerDetailsWithAccordian .PaxListingSection {
    padding: 0;
    margin-bottom:0;
}

.travelorder-page .TravellerDetailsWithAccordian .PaxListingSection .eachPax,
.hotelpax .TravellerDetailsWithAccordian .PaxListingSection .eachPax,
.pax-page .TravellerDetailsWithAccordian .PaxListingSection .eachPax{
    border-bottom: 1px dashed #ccc;
}

.travelorder-page .TravellerDetailsWithAccordian .PaxListingSection .eachPax .paxEditExpandSection,
.hotelpax .TravellerDetailsWithAccordian .PaxListingSection .eachPax .paxEditExpandSection,
.pax-page .TravellerDetailsWithAccordian .PaxListingSection .eachPax .paxEditExpandSection{
    padding-bottom:15px;
    display:none;
}

.travelorder-page .TravellerDetailsWithAccordian .PaxListingSection .eachPax .paxEditExpandSection,
.hotelpax .TravellerDetailsWithAccordian .PaxListingSection .eachPax .paxEditExpandSection{
    padding-bottom:5px;
}

.travelorder-page .paxEditExpandSection .select2-container--default .select2-selection--single,
.travelorder-page .paxEditExpandSection .select2-container--default .select2-selection--multiple,
.hotelpax .paxEditExpandSection .select2-container--default .select2-selection--single,
.hotelpax .paxEditExpandSection .select2-container--default .select2-selection--multiple,
.pax-page .paxEditExpandSection .select2-container--default .select2-selection--single,
.pax-page .paxEditExpandSection .select2-container--default .select2-selection--multiple {
    height: 34px !important;
}

.travelorder-page .paxEditExpandSection .select2-container--default .select2-selection--single .select2-selection__arrow,
.hotelpax .paxEditExpandSection .select2-container--default .select2-selection--single .select2-selection__arrow,
.pax-page .paxEditExpandSection .select2-container--default .select2-selection--single .select2-selection__arrow{
    height:32px !important;
}

.travelorder-page .paxEditExpandSection .select2-container--default .select2-selection--single .select2-selection__rendered,
.hotelpax .paxEditExpandSection .select2-container--default .select2-selection--single .select2-selection__rendered,
.pax-page .paxEditExpandSection .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height:34px !important;
}

.travelorder-page .TravellerDetailsWithAccordian .PaxListingSection .eachPax .paxComponent ,
.hotelpax .TravellerDetailsWithAccordian .PaxListingSection .eachPax .paxComponent ,
.pax-page .TravellerDetailsWithAccordian .PaxListingSection .eachPax .paxComponent {
    padding: 10px 0;
}

.travelorder-page .TravellerDetailsWithAccordian .PaxHeaderSection .icon,
.hotelpax .TravellerDetailsWithAccordian .PaxHeaderSection .icon,
.pax-page .TravellerDetailsWithAccordian .PaxHeaderSection .icon{
    width:30px;
    height:30px;
    background: #D9D9D9;
    border-radius: 50%;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.travelorder-page .TravellerDetailsWithAccordian .PaxHeaderSection .icon img,
.hotelpax .TravellerDetailsWithAccordian .PaxHeaderSection .icon img,
.pax-page .TravellerDetailsWithAccordian .PaxHeaderSection .icon img{
    max-width:80%;
    max-height:80%;
}

.travelorder-page .TravellerDetailsWithAccordian .PaxHeaderSection h3,
.hotelpax .TravellerDetailsWithAccordian .PaxHeaderSection h3,
.pax-page .TravellerDetailsWithAccordian .PaxHeaderSection h3 {
    font-size: 18px;
    color: #000;
    font-weight: 600;
    text-align: left;
    margin: 0;
}

.travelorder-page .TravellerDetailsWithAccordian .PaxHeaderSection h3 {
    font-size: 18px;
    color: #000;
    font-weight: 600;
    text-align: left;
    margin: 0;
    padding-bottom: 0px;
}

.travelorder-page .TravellerDetailsWithAccordian .PaxHeaderSection .count,
.hotelpax .TravellerDetailsWithAccordian .PaxHeaderSection .count,
.pax-page .TravellerDetailsWithAccordian .PaxHeaderSection .count{
    margin:0;
    padding-left:50px;
}

.travelorder-page .TravellerDetailsWithAccordian .PaxHeaderSection .count,
.hotelpax .TravellerDetailsWithAccordian .PaxHeaderSection .count,
.pax-page .TravellerDetailsWithAccordian .PaxHeaderSection .count{
    font-size:14px;
    color:#000;
    font-weight:600;
    margin:0;
}

.travelorder-page .TravellerDetailsWithAccordian .PaxHeaderSection .count small,
.hotelpax .TravellerDetailsWithAccordian .PaxHeaderSection .count small,
.pax-page .TravellerDetailsWithAccordian .PaxHeaderSection .count small{
    font-size:12px;
    color:#777;
    font-weight:500;
}

.travelorder-page .TravellerDetailsWithAccordian .PaxListingSection .checkBox,
.hotelpax .TravellerDetailsWithAccordian .PaxListingSection .checkBox,
.pax-page .TravellerDetailsWithAccordian .PaxListingSection .checkBox{
    position:relative;
    height: 25px;
    width: 25px;
}

.travelorder-page .TravellerDetailsWithAccordian .PaxListingSection .checkBox input[type="checkbox"],
.hotelpax .TravellerDetailsWithAccordian .PaxListingSection .checkBox input[type="checkbox"],
.pax-page .TravellerDetailsWithAccordian .PaxListingSection .checkBox input[type="checkbox"]{
    opacity:0;
    height:0;
    width:0;
    position:absolute;
}

.travelorder-page .TravellerDetailsWithAccordian .PaxListingSection .checkBox label,
.hotelpax .TravellerDetailsWithAccordian .PaxListingSection .checkBox label,
.pax-page .TravellerDetailsWithAccordian .PaxListingSection .checkBox label{
    position:absolute;
    top:3px;
}

.travelorder-page .TravellerDetailsWithAccordian .PaxListingSection .checkBox label:before,
.travelorder-page .TravellerDetailsWithAccordian .PaxListingSection .checkBox label:after,
.hotelpax .TravellerDetailsWithAccordian .PaxListingSection .checkBox label:before,
.hotelpax .TravellerDetailsWithAccordian .PaxListingSection .checkBox label:after,
.pax-page .TravellerDetailsWithAccordian .PaxListingSection .checkBox label:before,
.pax-page .TravellerDetailsWithAccordian .PaxListingSection .checkBox label:after{
    content:'';
    position:absolute;
    width:20px;
    height:20px;
    left:0;
    top:0;
    border-radius:3px;
    box-shadow:0 0 1px 0 #000000e6;
}

.travelorder-page .TravellerDetailsWithAccordian .PaxListingSection .checkBox label:before,
.hotelpax .TravellerDetailsWithAccordian .PaxListingSection .checkBox label:before,
.pax-page .TravellerDetailsWithAccordian .PaxListingSection .checkBox label:before{
    content:'\f00c';
    font:normal normal normal 12px/1.6 FontAwesome;
    box-shadow:none;
    color:#bbb;
    left:3.5px;
    z-index:1;
}

.travelorder-page .TravellerDetailsWithAccordian .PaxListingSection .checkBox input[type="checkbox"]:checked + label:after,
.hotelpax .TravellerDetailsWithAccordian .PaxListingSection .checkBox input[type="checkbox"]:checked + label:after,
.pax-page .TravellerDetailsWithAccordian .PaxListingSection .checkBox input[type="checkbox"]:checked + label:after{
    background:var(--primary-color);
}

.travelorder-page .TravellerDetailsWithAccordian .PaxListingSection .checkBox input[type="checkbox"]:checked + label:before,
.hotelpax .TravellerDetailsWithAccordian .PaxListingSection .checkBox input[type="checkbox"]:checked + label:before,
.pax-page .TravellerDetailsWithAccordian .PaxListingSection .checkBox input[type="checkbox"]:checked + label:before{
    color:#fff;
    font-size:10px;
    line-height:2;
    left:4.5px;
}

.travelorder-page .TravellerDetailsWithAccordian .PaxListingSection .PaxName,
.hotelpax .TravellerDetailsWithAccordian .PaxListingSection .PaxName,
.pax-page .TravellerDetailsWithAccordian .PaxListingSection .PaxName{
    width:100%;
}

.travelorder-page .TravellerDetailsWithAccordian .PaxListingSection .PaxName label,
.hotelpax .TravellerDetailsWithAccordian .PaxListingSection .PaxName label,
.pax-page .TravellerDetailsWithAccordian .PaxListingSection .PaxName label{
    font-size:16px;
    color:#000;
    font-weight:600;
    margin:0 15px;
    display:flex;
    align-items:center;
}

.travelorder-page .TravellerDetailsWithAccordian .PaxListingSection .PaxName span,
.hotelpax .TravellerDetailsWithAccordian .PaxListingSection .PaxName span,
.pax-page .TravellerDetailsWithAccordian .PaxListingSection .PaxName span{
    width:30px;
    height:30px;
    border-radius:50%;
    background:var(--primary-color);
    color:#fff;
    text-align:center;
    font-size:10px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right:10px;
    line-height:1;
}

.travelorder-page .TravellerDetailsWithAccordian .PaxListingSection .eachPax .paxComponent:hover .checkBox label:after,
.hotelpax .TravellerDetailsWithAccordian .PaxListingSection .eachPax .paxComponent:hover .checkBox label:after,
.pax-page .TravellerDetailsWithAccordian .PaxListingSection .eachPax .paxComponent:hover .checkBox label:after{
    box-shadow:0 0 0 1px var(--primary-color);
}

.travelorder-page .TravellerDetailsWithAccordian .PaxListingSection .editIcon,
.hotelpax .TravellerDetailsWithAccordian .PaxListingSection .editIcon,
.pax-page .TravellerDetailsWithAccordian .PaxListingSection .editIcon{
    margin-left: auto;
    margin-right: 15px;
    cursor:pointer;
}

.travelorder-page .TravellerDetailsWithAccordian .PaxListingSection .editIcon i,
.travelorder-page .TravellerDetailsWithAccordian .PaxListingSection .closeEditIcon i,
.hotelpax .TravellerDetailsWithAccordian .PaxListingSection .editIcon i,
.hotelpax .TravellerDetailsWithAccordian .PaxListingSection .closeEditIcon i,
.pax-page .TravellerDetailsWithAccordian .PaxListingSection .editIcon i,
.pax-page .TravellerDetailsWithAccordian .PaxListingSection .closeEditIcon i{
    opacity:.6;
}

.travelorder-page .TravellerDetailsWithAccordian .paxComponent:hover .editIcon i,
.travelorder-page .TravellerDetailsWithAccordian .paxComponent:hover .closeEditIcon i,
.hotelpax .TravellerDetailsWithAccordian .paxComponent:hover .editIcon i,
.hotelpax .TravellerDetailsWithAccordian .paxComponent:hover .closeEditIcon i,
.pax-page .TravellerDetailsWithAccordian .paxComponent:hover .editIcon i,
.pax-page .TravellerDetailsWithAccordian .paxComponent:hover .closeEditIcon i {
    opacity: 1;
}

.traveller-list-container .travelerEditSection .gender-check ul,
.travelorder-page .TravellerDetailsWithAccordian .paxEditExpandSection .gender-check ul,
.hotelpax .TravellerDetailsWithAccordian .paxEditExpandSection .gender-check ul,
.pax-page .TravellerDetailsWithAccordian .paxEditExpandSection .gender-check ul{
    display:flex;
    justify-content:space-between;
}

.traveller-list-container .travelerEditSection .gender-check ul li,
.travelorder-page .TravellerDetailsWithAccordian .paxEditExpandSection .gender-check ul li,
.hotelpax .TravellerDetailsWithAccordian .paxEditExpandSection .gender-check ul li,
.pax-page .TravellerDetailsWithAccordian .paxEditExpandSection .gender-check ul li{
    width:100% !important;
    height:34px;
    border-radius:0;
    overflow:hidden;
}

.travelorder-page .TravellerDetailsWithAccordian .paxEditExpandSection .gender-check ul li {
    width: 100% !important;
    height: 42px;
    border-radius: 0;
    overflow: hidden;
}

.traveller-list-container .travelerEditSection .gender-check ul li:first-child,
.travelorder-page .TravellerDetailsWithAccordian .paxEditExpandSection .gender-check ul li:first-child,
.hotelpax .TravellerDetailsWithAccordian .paxEditExpandSection .gender-check ul li:first-child,
.pax-page .TravellerDetailsWithAccordian .paxEditExpandSection .gender-check ul li:first-child{
    border-radius:3px 0 0 3px;
}

.traveller-list-container .travelerEditSection .gender-check ul li:last-child,
.travelorder-page .TravellerDetailsWithAccordian .paxEditExpandSection .gender-check ul li:last-child,
.hotelpax .TravellerDetailsWithAccordian .paxEditExpandSection .gender-check ul li:last-child,
.pax-page .TravellerDetailsWithAccordian .paxEditExpandSection .gender-check ul li:last-child{
    border-radius:0 3px 3px 0;
}

.traveller-list-container .travelerEditSection .gender-check input[type="radio"]:checked + label,
.travelorder-page .TravellerDetailsWithAccordian .paxEditExpandSection .gender-check input[type="radio"]:checked + label,
.hotelpax .TravellerDetailsWithAccordian .paxEditExpandSection .gender-check input[type="radio"]:checked + label,
.pax-page .TravellerDetailsWithAccordian .paxEditExpandSection .gender-check input[type="radio"]:checked + label{
    height:33px;
    border:1px solid var(--primary-color);
}

.traveller-list-container .travelerEditSection .gender-check input[type="radio"] + label,
.traveller-list-container .travelerEditSection .gender-check input[type="radio"]:checked + label{
    height:37px;
}

.travelorder-page .gender-check ul li {
    height: 42px;
    position: relative;
    width:80px !important;
}

.travelorder-page .gender-check ul li:first-child{
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    border-right-color:transparent;
}

.travelorder-page .gender-check ul li:last-child{
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    border-left-color:transparent;
}

.travelorder-page .gender-check ul li > label{
    position: absolute !important;
    top: 0;
    height: 100% !important;
    bottom: 0;
    margin: 0;
}

.travelorder-page .gender-check ul li > label > span{
    margin: 0 !important;
    padding: 0;
    line-height:3;
}

.travelorder-page .paxEditExpandSection .gender-check ul li > label > span{
    line-height:2;
}

.traveller-list-container .travelerEditSection .gender-check ul li label span,
.travelorder-page .TravellerDetailsWithAccordian .paxEditExpandSection .gender-check ul li label span,
.hotelpax .TravellerDetailsWithAccordian .paxEditExpandSection .gender-check ul li label span,
.pax-page .TravellerDetailsWithAccordian .paxEditExpandSection .gender-check ul li label span {
    padding-top: 6.5px;
}

.traveller-list-container .travelerEditSection .gender-check ul li label span{
    padding-top:7.8px;
}

.traveller-list-container .travelerEditSection header,
.travelorder-page .TravellerDetailsWithAccordian .paxEditExpandSection .sections header,
.hotelpax .TravellerDetailsWithAccordian .paxEditExpandSection .sections header,
.pax-page .TravellerDetailsWithAccordian .paxEditExpandSection .sections header{
    padding-bottom: 5px;
    margin:0 0 5px 0;
    display: block;
}

.traveller-list-container .travelerEditSection header h3,
.travelorder-page .TravellerDetailsWithAccordian .paxEditExpandSection .sections h3,
.hotelpax .TravellerDetailsWithAccordian .paxEditExpandSection .sections h3,
.pax-page .TravellerDetailsWithAccordian .paxEditExpandSection .sections h3{
    font-size:16px;
    font-weight:600;
    color:var(--primary-color);
    border-bottom: 1px dashed #828181;
    padding-bottom:10px;
    margin-bottom:0;
}

.travelorder-page .TravellerDetailsWithAccordian .PaxListingSection .eachPax.selected,
.pax-page .TravellerDetailsWithAccordian .PaxListingSection .eachPax.selected{
    border: 1px solid var(--primary-color);
    padding: 10px;
    border-radius: 5px;
}

.hotelpax .TravellerDetailsWithAccordian .PaxListingSection .eachPax.selected{
    border: none;
    padding:0 10px 10px 10px;
    border-radius: 5px;
}

.travelorder-page .TravellerDetailsWithAccordian .PaxListingSection .eachPax.selected .paxComponent,
.hotelpax .TravellerDetailsWithAccordian .PaxListingSection .eachPax.selected .paxComponent,
.pax-page .TravellerDetailsWithAccordian .PaxListingSection .eachPax.selected .paxComponent{
    padding: 10px 0;
    border-bottom: 1px dashed #828181;
    margin-bottom: 15px;
}

.travelorder-page .TravellerDetailsWithAccordian .PaxListingSection .eachPax.selected .paxComponent .PaxName,
.hotelpax .TravellerDetailsWithAccordian .PaxListingSection .eachPax.selected .paxComponent .PaxName,
.pax-page .TravellerDetailsWithAccordian .PaxListingSection .eachPax.selected .paxComponent .PaxName{
    pointer-events:none;
}

.travelorder-page .TravellerDetailsWithAccordian .PaxListingSection .eachPax.selected .editIcon i.fa,
.travelorder-page .TravellerDetailsWithAccordian .PaxListingSection .eachPax.selected .closeEditIcon i.fa,
.hotelpax .TravellerDetailsWithAccordian .PaxListingSection .eachPax.selected .editIcon i.fa,
.hotelpax .TravellerDetailsWithAccordian .PaxListingSection .eachPax.selected .closeEditIcon i.fa,
.pax-page .TravellerDetailsWithAccordian .PaxListingSection .eachPax.selected .editIcon i.fa,
.pax-page .TravellerDetailsWithAccordian .PaxListingSection .eachPax.selected .closeEditIcon i.fa{
    opacity:1;
}

.travelorder-page .TravellerDetailsWithAccordian .PaxListingSection .eachPax.selected .editIcon i.fa:before,
.travelorder-page .TravellerDetailsWithAccordian .PaxListingSection .eachPax.selected .closeEditIcon i.fa:before,
.hotelpax .TravellerDetailsWithAccordian .PaxListingSection .eachPax.selected .editIcon i.fa:before,
.hotelpax .TravellerDetailsWithAccordian .PaxListingSection .eachPax.selected .closeEditIcon i.fa:before,
.pax-page .TravellerDetailsWithAccordian .PaxListingSection .eachPax.selected .editIcon i.fa:before,
.pax-page .TravellerDetailsWithAccordian .PaxListingSection .eachPax.selected .closeEditIcon i.fa:before {
    content: '\f077';
}

.travelorder-page .TravellerDetailsWithAccordian .paxAdutSection,
.travelorder-page .TravellerDetailsWithAccordian .paxChildSection,
.travelorder-page .TravellerDetailsWithAccordian .paxInfantSection, 
.pax-page .TravellerDetailsWithAccordian .paxAdutSection,
.pax-page .TravellerDetailsWithAccordian .paxChildSection,
.pax-page .TravellerDetailsWithAccordian .paxInfantSection {
    margin-bottom: 30px;
}

.hotelpax .TravellerDetailsWithAccordian .paxAdutSection,
.hotelpax .TravellerDetailsWithAccordian .paxChildSection,
.hotelpax .TravellerDetailsWithAccordian .paxInfantSection{
    margin-bottom: 15px;
}

.travelorder-page .TravellerDetailsWithAccordian{
    border: 1px solid #d9d9d9;
    box-shadow: 0 0 5px 0 #cecece;
}

.traveller-list-container table.dataTable thead th{
    border:none;
    padding:0 !important;
}

.traveller-list-container table.dataTable tbody tr,
.traveller-list-container table.dataTable tbody tr:hover {
    background:none !important;
}

.traveller-list-container table.dataTable tbody tr:not([role="row"]) .traveller-list-box .nameNid .nameFletter{
    width: 35px;
    height: 35px;
    font-size: 14px;
    line-height: 2.55;
    left: 15px;
    top: 5px;
}

.traveller-list-container table.dataTable tbody tr:not([role="row"]) .traveller-list-box .nameNid .nameFletter:after{
    width: 34px;
    height: 35px;
    position:absolute;
    top:0;
    left:0;
    content:'';
    border:1px solid var(--primary-color);
    border-radius:50%;
    transform:scale(1.2);
}

.traveller-list-container table.dataTable tbody tr:not([role="row"]) .traveller-list-box .nameNid strong{
    font-size:16px;
}

.traveller-list-container table.dataTable tbody tr:not([role="row"]) .traveller-list-box .nameNid small {
    font-size:12px;
}

.traveller-list-container table.dataTable tbody td{
    border:none !important;
    padding:0 !important;
}

.traveller-list-container .dataTables_paginate .paginate_button{
    border-radius:3px;
}

.traveller-list-container .dataTables_paginate .paginate_button:hover{
    color:#fff;
}

/* Traveler edit page */

.traveller-list-container .travelerEditSection .form-group label{
    text-transform:lowercase;
}

.traveller-list-container .travelerEditSection .form-group label:first-letter{
    text-transform:uppercase;
}

.traveller-list-container .travelerEditSection .datepicker.dob .btn-group-justified .btn-group:first-child button {
    border-bottom-left-radius:3px;
    border-top-left-radius:3px;
}

.traveller-list-container .travelerEditSection .datepicker.dob .btn-group-justified .btn-group:last-child button {
    border-bottom-right-radius:3px;
    border-top-right-radius:3px;
}

.traveller-list-container .travelerEditSection .datepicker.dob:after{
    display:none;
}

.traveller-list-container .travelerEditSection .datepicker.dob .dropdown-toggle .caret{
    top:17px;
    right:10px;
}

.traveller-list-container .travelerEditSection .pro-inner{
    box-shadow:0 0 0 1px var(--primary-color);
    border:none;
}

/* Traveler edit page end */

.highlight-flash {
    animation: flash 0.4s ease-in-out 3;
}

@keyframes flash {
    0% {
        background-color: #fff3cd;
    }

    50% {
        background-color: #f8d7da;
    }

    100% {
        background-color: #fff3cd;
    }
}

.dashboard-search-panel #fareloader {
    backdrop-filter: blur(0);
}

.splitPayment h3{
    font-size:16px;
    color:#404040;
    margin:0;
    font-weight:600;
}

.splitPayment .corporateCard{
    border:1px solid #C3C3C3;
    display:flex;
    padding:15px;
    justify-content:space-between;
    border-radius:5px;
}

.splitPayment .corporateCard h3{
    color:#000;
    margin:0;
}

.splitPayment .personalCard {
    border: 1px solid var(--primary-color);
    padding: 15px;
    border-radius: 5px;
}

.splitPayment .personalCard header{
    display:flex;
    padding:0 15px 15px 15px;
    justify-content:space-between;
    border-bottom: 1px solid var(--primary-color);   
    margin:0 -15px 10px -15px;
}

.splitPayment .personalCard h3{
    color:#000;
}

.splitPayment .personalCard .cardTypeAlertMessage{
    margin:5px 10px 15px 10px;
}

.splitPayment .personalCard .cardTypeAlertMessage ul{
    margin-left:15px;
}

.splitPayment .personalCard .cardTypeAlertMessage ul li{
    list-style:disc;
    font-weight: 500;
    font-size: 13px;
}

.splitPayment .personalCard .cardTypeAlertMessage ul li:not(:last-child){
    margin-bottom:10px;
}

.wl-corporate-global #flightmodifypage-popup .avdd_poup .btn-group-justified .btn {
    height: 35px;
}

.flight-confirmation .monthlyAvailableLegs,
.hotelpax .monthlyAvailableLegs,
.pax-page .monthlyAvailableLegs {
    margin-top: 15px;
}

.hotelpax .monthlyAvailableLegs{
    margin:0;
}

.hotelpax .monthlyAvailableLegs li{
    display:inline-block;
    padding:0 15px;
}

.hotelpax .monthlyAvailableLegs li:first-child{
    padding-left:0;
}

.hotelpax .monthlyAvailableLegs li h4{
    font-size:14px;
}

.flight-confirmation .monthlyAvailableLegs li:nth-child(2),
.hotelpax .monthlyAvailableLegs li:nth-child(2),
.pax-page .monthlyAvailableLegs li:nth-child(2) {
    border-left: 1px dotted var(--primary-color);
}

.flight-confirmation .monthlyAvailableLegs li h4,
.hotelpax .monthlyAvailableLegs li h4,
.pax-page .monthlyAvailableLegs li h4{
    margin:0;
}

.flight-confirmation .monthlyAvailableLegs li{
    display:inline-block;
    margin-right:5px
}

.flight-confirmation .monthlyAvailableLegs li:nth-child(2){
    padding-left:10px;
}

.welcomOnboardEmp .icon-image{
    margin-top:-15px;
}

.welcomOnboardEmp .icon-image img{
    max-width:80px;
    opacity:.4;
}

.welcomOnboardEmp .modal-header {
    background: none;
    border: none;
}

.welcomOnboardEmp .modal-header button{
    color:#999 !important;
    margin:5px 10px;
}

.welcomOnboardEmp p,
.welcomOnboardEmp h3,
.welcomOnboardEmp li{
    color:#000;
}

.welcomOnboardEmp p{
    font-size:14px;
}

.welcomOnboardEmp h3{
    font-weight:700;
    margin:25px 0;
}

.welcomOnboardEmp .modal-body{
    padding-top:0 !important;
}

.welcomOnboardEmp ul{
    padding-left:20px;
}

.welcomOnboardEmp ul li{
    list-style:disc;
    font-size:14px;
    margin-bottom:5px;
}

.welcomOnboardEmp .gotoButton{
    color:#fff;
    background:var(--primary-color);
    padding:10px 20px;
    text-decoration:none;
}

.welcomOnboardEmp .modal-dialog {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto !important;
    display: table;
}

.paxCountBox{
    background:#fff;
}

.closeMCmodifySearch,
.closeMobilepopUp{
    display:none;
}

.wl-corporate-global .paxCountBox p{
    text-align:center;
}

.travelorder-page .paxEditExpandSection .disabledGender + label,
.hotelpax .paxEditExpandSection .disabledGender + label,
.pax-page .paxEditExpandSection .disabledGender + label {
    opacity: .5;
    filter: saturate(0.6);
    cursor: default;
}

.travelorder-page .paxEditExpandSection .paxInputField span.select2-selection{
    height:42px !important;
}

.travelorder-page .paxEditExpandSection .paxInputField span.select2-selection > .select2-selection__rendered,
.travelorder-page .paxEditExpandSection .paxInputField span.select2-selection > .select2-selection__arrow{
    line-height:40px !important;
    height:40px !important;
}

body.neom-body .search-section ul.aa li > button {
    font-size: 14px;
}

.pax-page .splitPayment .cardSection img#card-logo{
    height:25px !important;
    right:15px !important;
    top:auto !important;
    bottom:4px;
}

#flight-result-section{
    padding-top:5px;
}

.wl-corporate-global .checkBoxCssCustom span.font-bold{
    font-weight:600 !important;
    color:#000;
}

.tripPurposeReasonDropdwnBox label{
    font-size:14px;
    color:#000;
}

.wl-corporate-searchPanel .main-search .productSearchTabContainer{
    display:flex;
}

.wl-corporate-searchPanel .main-search .productSearchTabContainer ul.productSearchTab li{
    margin-left:35px ;
    margin-right:35px !important;
}

.pax-page .splitPayment .cardSection .field-validation-error{
    left:10px;
    width:calc(100% - 20px);
}

table.dataTable.table{
    border-collapse: separate !important;
    border-spacing: 0 3px !important;
    border: none !important;
    margin-bottom:10px;
}

table.dataTable.table thead th{
    border:none !important;
}

table.dataTable.table thead th span.dt-column-order{
    display:none;
}

table.dataTable.table thead th span.dt-column-title{
    font-size:13px;
    font-weight:500;
}

table.dataTable.table tbody td{
    padding: 8px 10px !important;
    border:1px solid #ddd !important;
}

table.dataTable.table tbody tr td:first-child{
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
    border-left-color:#ddd !important;
}

table.dataTable.table tbody tr td:last-child{
    border-right-color:#ddd !important;
}

table.dataTable.table thead tr th:first-child{
    border-top-left-radius:5px;
}

table.dataTable.table thead tr th:last-child{
    border-top-right-radius:5px;
}

table.dataTable.table tbody tr td{
    border-left-color:#f6f4f4 !important;
    border-right-color:#f6f4f4 !important;
}

table.dataTable.table tbody tr td:not(:first-child){
    border-left:none;
}

table.dataTable.table tbody tr td:not(:first-child){
    border-left:none;
}

table.dataTable.table tbody tr td:last-child{
    border-top-right-radius:3px;
    border-bottom-right-radius:3px;
}

table.dataTable.table tbody tr:last-child td{
    border-bottom:1px solid rgba(0, 0, 0, 0.1);
}

.paxEditExpandSection input[type="date"]{
    position:relative;
}

.paxEditExpandSection input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    z-index:1;
}

.paxEditExpandSection input[type="date"]::after {
    background: url('/images/ico/corporate-calendar-icon.svg') no-repeat;
    content: '';
    background-size: 100%;
    width: 18px;
    height: 18px;
    opacity: .44;
    top: 7px;
    right: 10px;
    position: absolute;
}

.traveller-list-container .traveler-preLoader{
    height:200px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.traveller-list-container .traveler-row{
    max-height:500px;
    overflow-y:auto;
}

.traveller-list-container .dataTables_wrapper.no-footer a.paginate_button.disabled {
    cursor:not-allowed;
    opacity:.6;
}

.traveller-list-container .dataTables_wrapper.no-footer a.paginate_button:hover{
    color:#fff !important;
}

.showNonDirectFlightButon button {
    font-size:14px;
    height:auto;
    line-height:3.5;
    font-weight:600;
}

.Paxnameerrormsg{
    position:absolute;
}

.session-exp h2 {
    color: var(--primary-color);
}

.interNationalDocTypeSelection {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

iframe#launcher{
    height:64px !important;
    z-index:99 !important;
}

iframe[name="Messaging window"]{
    height:calc(-32px + 100vh) !important;
}

/* New flight preLoader animation pop-up */
.flightLoaderPopup{
    width:65%;
    max-width:900px;
    height:420px;
    position: fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    z-index: 9999;
    overflow: hidden;
}

.flightLoaderPopup-content{
    position:relative;
    width:100%;
    height:420px;
    background:#D0F1FF;
    border-radius:5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.flightLoaderPopup-content:after{
    content:'';
    background:#000000bf;
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:-1;
}

.flightLoaderPopup-content .pax-travel-details{
    position:absolute;
    bottom:50px;
    z-index:1;
}

.flightLoaderPopup-content .pax-travel-details p {
    margin:0 10px;
    text-align: center;
    animation: text_fading 1.5s linear 0s infinite;
    font-weight:500;
}

.flightLoaderPopup .flight {
    max-width: 350px;
    animation: moveY 5s ease infinite;
    position: relative;
    z-index: 1;
}

.flightLoaderPopup .flight svg{
    max-width:80%;
    z-index:1;
    position:relative;
}

.flightLoaderPopup .flight .flight-speed-line{
    position: absolute;
    width: 35px;
    height: 2px;
    overflow: hidden;
}

.flightLoaderPopup .flight .flight-speed-line.l1{
    top:110px;
    left: -20px;
}

.flightLoaderPopup .flight .flight-speed-line.l2{
    top:130px;
    left: -55px;
    width: 50px;
}

.flightLoaderPopup .flight .flight-speed-line.l3{
    bottom: 130px;
    left: -20px;
}

.flightLoaderPopup .flight .flight-speed-line.l4{
    bottom: 145px;
    left: -75px;
    width: 50px;
}

.flightLoaderPopup .flight .flight-speed-line::after{
    content: '';
    position: absolute;
    width:100%;
    border-bottom:1px solid #00000050;
    height:1px;
    left: 0;
    top: 0;
    animation: cloud_moving_1 .33s linear 0s infinite reverse;
}

.flightLoaderPopup .flight .flight-speed-line.l2::after{
    animation: cloud_moving_1 .30s linear 0s infinite reverse;
}

.flightLoaderPopup .flight .flight-speed-line.l3::after{
    animation: cloud_moving_1 .35s linear 0s infinite reverse;
}

.flightLoaderPopup .flight .flight-speed-line.l4::after{
    animation: cloud_moving_1 .22s linear 0s infinite reverse;
}

.flightLoaderPopup .cloud {
	background: #fff;
	background: -moz-linear-gradient(top,  #fff 5%, #fff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#fff), color-stop(100%,#fff));
	background: -webkit-linear-gradient(top,  #fff 5%,#fff 100%);
	background: -o-linear-gradient(top,  #fff 5%,#fff 100%);
	background: -ms-linear-gradient(top,  #fff 5%,#fff 100%);
	background: linear-gradient(top,  #fff 5%,#fff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fff',GradientType=0 );
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	height: 120px;
	position: absolute;
	width: 350px;
}

.flightLoaderPopup .cloud:after, .flightLoaderPopup .cloud:before {
    background: #fff;
	content: '';
	position: absolute;
	z-indeX: -1;
}

.flightLoaderPopup .cloud:after {
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	height: 100px;
	left: 50px;
	top: -50px;
	width: 100px;
}

.flightLoaderPopup .cloud:before {
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	border-radius: 200px;
	width: 180px;
	height: 180px;
	right: 50px;
	top: -90px;
}

.flightLoaderPopup .cloud.x1{
    opacity:1;
    transform: scale(.3);
    top:5%;
    right:0;
    animation: cloud_moving_1 2s linear 0s infinite reverse;
}

.flightLoaderPopup .cloud.x2{
    opacity:.5;
    transform: scale(.5);
    top:35%;
    right:25%;
    animation: cloud_moving_2 3s linear 0s infinite reverse;
}

.flightLoaderPopup .cloud.x3{
    opacity:.3;
    transform: scale(.25);
    top:50%;
    right:10%;
    animation: cloud_moving_3 2.2s linear 0s infinite reverse;
}

.flightLoaderPopup .cloud.x4{
    opacity:.3;
    transform: scale(.40);
    top:25%;
    right:10%;
    animation: cloud_moving_4 3.5s linear 0s infinite reverse;
}

.flightLoaderPopup .cloud_01 {
  position: absolute;
  top: 40px;
  left: -100%;
  opacity: .8;
  animation: cloud_1 10s linear 0s infinite reverse;
}

@keyframes moveY{
    60% { transform: translateY(-10px); }
}

@keyframes cloud_moving_1{
  from {left:-180%;}
  to {left: 182%;}
}

@keyframes cloud_moving_2{
  from {left:-170%;}
  to {left: 172%;}
}

@keyframes cloud_moving_3 {
  from {left:-190%;}
  to {left: 192%;}
}

@keyframes cloud_moving_4 {
  from {left:-180%;}
  to {left: 182%;}
}

@keyframes text_fading {
  0% {opacity:1;}
  50% {opacity:.6;}
  100% {opacity:1;}
}

/* New flight preLoader animation pop-up end */

button.flyerActionBtn {
    height: auto;
    min-height: auto !important;
    width: auto;
    padding: 0 5px !important;
    background: none !important;
    border: none;
    box-shadow: none;
}

/* PWA page loader top start */

.pwaInfiniteLoader {
    position: fixed;
    width: 100%;
    height: 4px;
    z-index:1000;
    top:0;
    background:rgb(255 255 255 / 50%);
    overflow:hidden;
}

.pwaInfiniteLoader .loadingBar {
    position: absolute;
    width: 0px;
    height: 4px;
    left: 0px;
    background: var(--primary-color);
    animation: 2s infinite linear loadingAnimation;
}

@keyframes loadingAnimation {
    0% {
        left: 0px;
        width: 0px;
    }

    25% {
        left: 0px;
        width: 100%;
    }

    70% {
        left: 100%;
        width: 56px;
    }

    90% {
        left: 100%;
        width: 0px;
    }
}

/* PWA page loader top End */

.avdd_botcon .paxMobilepopUpButton {
    display: none;
}

#monthlyConsumedTicketContainer span{
    white-space:nowrap;
}

.pos-absolute {
    position: absolute;
}

.avdd_botcon .paxSecHding{
    display:none;
}

#monthlyConsumedTicketContainer .freeMonthlyTicketSection{
    color:#555;
}

.neom-body .avdd_botcon {
    min-width:280px;
}

.neom-body #flightmodifypage-popup .avdd_poup .btn-group-justified .btn,
.neom-body .avpax_dropdown .btn-group-justified > .btn-group .btn {
    font-size:12px;
    font-weight:600;
    height:45px;
}

.neom-body #flightmodifypage-popup .avdd_poup .btn-group-justified .btn .font-10,
.neom-body .avpax_dropdown .btn-group-justified > .btn-group .btn .font-10 {
    font-weight: 500;
}

div.dt-processing{
    margin-top:25px !important;
}

#search-result-section div.dt-processing {
    margin-top: -5px !important;
}

div.dt-processing > div:last-child > div {
    background:var(--primary-color) !important;
}

div.dt-container .dt-paging .dt-paging-button:focus,
div.dt-container .dt-paging .dt-paging-button:active,
div.dt-container .dt-paging button.dt-paging-button:hover{
    background:var(--primary-color-ultra-lite) !important;
    border-color:var(--primary-color-lite) !important;
    color:#555 !important;
}

div.dt-container .dt-paging .dt-paging-button.current,
div.dt-container .dt-paging .dt-paging-button.current:hover{
    background:var(--primary-color-ultra-lite) !important;
    border-color:var(--primary-color) !important;
}

.pax-page .fare-breakup tr.totalPriceBlock .totalAmount {
    text-align: right;
}

div.dt-container div.dt-layout-row {
    overflow-x: auto;
}

div.dt-container div.dt-layout-row td.dt-empty{
    color:transparent;
}

div.dt-container.dt-empty-footer div.dt-layout-row td.dt-empty {
    color: #555;
}

div.dt-container div.dt-layout-row{
    overflow-x:auto;
}

.t-summary-wrapper .HeaderButtonSec,
.h-summary-wrapper .HeaderButtonSec,
.f-summary-wrapper .HeaderButtonSec{
    display:block;
}

.t-summary-wrapper .HeaderButtonSec .trigerDropdown,
.h-summary-wrapper .HeaderButtonSec .trigerDropdown,
.f-summary-wrapper .HeaderButtonSec .trigerDropdown{
    display:none;
}

.t-summary-wrapper .HeaderButtonSec .buttonSec,
.h-summary-wrapper .HeaderButtonSec .buttonSec,
.f-summary-wrapper .HeaderButtonSec .buttonSec {
    display: block;
    position: relative;
    max-height: none;
    overflow: visible;
    box-shadow: none;
    border: none;
    z-index: 1;
    padding: 0;
    margin: 0;
    float:none;
    width:auto;
    text-align:unset;
    background:none;
}

.t-summary-wrapper .HeaderButtonSec .dropdown-toggle,
.h-summary-wrapper .HeaderButtonSec .dropdown-toggle,
.f-summary-wrapper .HeaderButtonSec .dropdown-toggle{
    display:none;
}

.savePaxDetailsSection button{
    background:var(--primary-color);
}

.hotelpax .TravellerDetailsWithAccordian {
    border-color:var(--primary-color);
}

.hotelpax .TravellerDetailsWithAccordian .panel-heading{
    background:none;
    border:none;
    border-bottom:1px dashed var(--primary-color);
    padding: 0 5px;
    margin: 0 15px;
}

.tpBusinessAdtnlTxt{
    margin-top:10px;
    padding:10px;
    margin:5px 0 0 15px;
}

.tpBusinessAdtnlTxt p{
    padding-left:30px;
    margin:0;
    font-weight:500;
    font-size:13px;
    position:relative;
}

.tpBusinessAdtnlTxt p:before{
    content:'i';
    margin-right:8px;
    width:20px;
    height:20px;
    border-radius:50%;
    display:inline-block;
    background:#31708f;
    color:#fff;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    margin:auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tpBusinessAdtnlTxt p a:after{
  content: "↗";
  font-size: 0.8em;
  margin-left: 3px;
  opacity:.8;
  display: inline-block;
}

#flightmodifypage-popup .tpBusinessAdtnlTxt {
    margin:-10px 1px 15px 0 !important;
}

.modify-multi-city .tpBusinessAdtnlTxt{    
    margin: -20px 0 20px 10px;
    max-width:calc(100% - 50px);
}

.modify-multi-city .tpBusinessAdtnlTxt p,
#flightmodifypage-popup .tpBusinessAdtnlTxt p{
    color:#555;
}

#flightmodifypage-popup .tpReasonLabel {
    margin-bottom:10px;
}

#mainProductSearchTab .neomMainSearchTab.businessTripSecActive #flight .flight-tabs {
    margin-top: 150px !important;
}

#mainProductSearchTab .neomMainSearchTab.businessTripSecActive .tpBusinessAdtnlTxt {
    margin-top:10px;
}

.hotelpax .TravellerDetailsWithAccordian h4.panel-title{
    margin-top:0;
    background:none;
    font-size:16px;
    text-decoration:none;
    cursor:pointer;
}

.hotelpax .TravellerDetailsWithAccordian h4.panel-title a{
    text-decoration:none;
}

.hotelpax .TravellerDetailsWithAccordian h4.panel-title i.fa-bed{
    background:var(--primary-color);
    color:#fff;
    width:35px;
    height:35px;
    border-radius:50%;
    text-align: center;
    line-height: 2.3;
    font-size: 15px;
    margin-right:8px;
}

.hotelpax .TravellerDetailsWithAccordian h4.panel-title i.fa-angle-up {
    font-size: 26px;
    float: right;
    margin-top: 4px;
}

.hotelpax .TravellerDetailsWithAccordian .hTravelerRoomTogleBtn.inActive {
    border: none;
}

.hotelpax .TravellerDetailsWithAccordian .hTravelerRoomTogleBtn.inActive i.fa-angle-up {
    transform:rotate(180deg);
}

.hotelpax .paxEditExpandSection .gender-check ul.sortable,
.hotelpax .TravellerDetailsWithAccordian .hTravelerRoomSec > section:last-child {
    margin-bottom: 0;
}

/* Copied from loader.css */
#divpreloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.50);
    z-index: 999999;
}
/* Copied from loader.css end */

.wl-corporate-global .modify-multi-city .dropdown-menu.state-error,
.wl-corporate-global .modify-multi-city .tripPurposeReasonCustomDropDown .tpReasondrpDwnError.state-error,
#flightmodifypage-popup .tripPurposeReasonCustomDropDown .tpReasondrpDwnError.state-error {
    background: #fff !important;
}

.wl-corporate-global #flightmodifypage-popup .tripPurposeWithReason {
    padding-left: 0;
    padding-right: 0;
}

.wl-corporate-global .tpReasonLabel .tpReasondrpDwnError {
    color: var(--red-color) !important;
    font-size: 13px;
    font-weight:600;
}

.wl-corporate-global .tpReasonLabel .tpReasondrpDwnError:before{
    content:'\f071';
    font:normal normal normal 13px/1 FontAwesome;
    margin:0 6px 0 5px;
}

.wl-corporate-global .modify-multi-city input[type="text"] {
    border-radius: 3px !important;
    box-shadow: none;
    height: 40px !important;
    font-weight: 600;
}

.wl-corporate-global .modify-multi-city .tripPurposeWithReason {
    margin-bottom: 0;
}

.wl-corporate-global .modify-multi-city .tripPurposeWithReason .tpReasonLabel{
    margin-bottom:15px;
}

.wl-corporate-global .modify-multi-city .location.loc_from,
.wl-corporate-global .modify-multi-city .location.loc_to {
    position: relative;
}

.wl-corporate-global .modify-multi-city .location.loc_from:after,
.wl-corporate-global .modify-multi-city .location.loc_to:after {
    background: none !important;
    content: '\f072' !important;
    font: normal normal normal 18px/1 FontAwesome;
    color: #919191;
    top: 13px !important;
    right: 12px !important;
    position: absolute;
    opacity:.4;
}

.wl-corporate-global .modify-multi-city .location.loc_to:after{
    transform:rotate(90deg);
}

.wl-corporate-global .modify-multi-city li.depature.cal-icon:after {
    background: url('/images/ico/corporate-calendar-icon.svg') no-repeat;
    content: '';
    background-size: 100%;
    width: 18px;
    height: 18px;
    opacity: .3;
    top: 10px;
    right: 10px;
}

.wl-corporate-global .modify-multi-city li.go-return {
    background: url(/images/ico/corporate-swap-arrow.svg) no-repeat center center  var(--primary-color);
    background-size: 55%;
    height:25px;
    width:25px;
    margin-top: 5px;
}

.wl-corporate-global .modify-multi-city li.go-return > img{
    display:none;
}

.wl-nonCorporate .modify-multi-city .add-flight-multicitySearch,
.wl-corporate-global .modify-multi-city .add-flight-multicitySearch{
    float:left;
    margin-top:10px;
    text-decoration:none;
    background: var(--primary-color-ultra-lite);
    padding: 5px 15px;
    border-radius: 50px;
    margin-left:5px;
    font-weight:500;
    line-height:31px;
}

.wl-corporate-global .modify-multi-city .add-flight-multicitySearch > i{
    margin-right:5px;
}

.wl-corporate-global .modify-multi-city .add-flight-multicitySearch:hover{
    background: var(--primary-color-lite);
}

.wl-corporate-global .modify-multi-city #search-button {
    height: 40px;
}

.wl-corporate-global .modify-multi-city .adult-count-section .Room_Guest::before{
    right:10px !important;
}

.wl-corporate-global .modify-multi-city .msr-remove-01 > i{
    border: 1px solid var(--red-color);
    border-radius: 50%;
    width: 25px;
    height: 25px;
    font-size: 17px !important;
    text-align: center;
    line-height: 1.38;
    transition:all .2s ease-in-out;
}

.wl-corporate-global .modify-multi-city .msr-remove-01:hover > i {
    background:var(--red-color);
    color:#fff;
}

.wl-corporate-searchPanel .main-search .searchbox + .custom-radio md-checkbox{
    margin-right:40px;
}

.wl-corporate-global .hotel-modify-search ul.aa li.snr-Btn{
    right:0;
}

.RequestOfflineBtn {
    background: var(--primary-color);
    color: #fff;
    text-transform: capitalize;
    line-height: 0;
    padding: 15px 20px !important;
    height: auto;
    margin: 0 auto;
    display: inline-block;
    border-radius:5px !important;
}

.RequestOfflineBtn img {
    width: 20px !important;
    margin: 0 5px 0 0 !important;
    height: auto !important;
    display: inline-block;
    right:10px;
}

.backButtonWrapper{
    padding-top:15px;
    padding-right:0;
    text-align:right;
}

.prevPageCurvedButton{
    background:none;
    border:none;
    outline:none;
    box-shadow:0px 0px 0 1px var(--primary-color) !important;
    text-transform:capitalize;
    font-size:14px;
    border-radius:3px;
    color:var(--primary-color) !important;
    height:50px;
    display:flex;
    float:right;
}

.prevPageCurvedButton svg{
    width:17px;
    margin-right:10px;
}

.wl-corporate-searchPanel .tripPurposeWithReason.neom .freeMonthlyTicketSection .currentMonthToLabel:after {
    display: none;
}

.wl-corporate-searchPanel .tripPurposeWithReason.neom .freeMonthlyTicketSection .currentMonthToLabel{
    padding-left:0 !important;
}

#mainProductSearchTab .neomMainSearchTab.mnthlyTripReturnMnthSecActive #flight .flight-tabs {
    margin-top: 125px !important
}

.wl-corporate-global .FH_BookingSearchPanel #bookingdashBoardTB thead tr th {
    padding: 8px 5px !important;
    text-align: center;
}

.wl-corporate-global .FH_BookingSearchPanel #bookingdashBoardTB.Hotel thead tr th {
    padding: 8px 16.8px !important;
}

.wl-corporate-global #flightmodifypage-popup #monthlyConsumedTicketContainerTo {
    margin-top: 8px;
    margin-bottom: 10px;
}

.wl-corporate-global #flightmodifypage-popup .tripPurposeWithReason.neom ul.dropdown-menu.state-error {
    background:#fff !important;
}

.wl-corporate-global .modify-multi-city .headerSection {
    border-bottom: 1px solid #e0e0e0;
    padding:25px 0;
}

.wl-corporate-global .modify-multi-city .headerSection h4.hding{
    width: 100%;
    float: left;
    margin-top: -10px;
    text-align: center;
}

.wl-corporate-global .modify-multi-city .adult-count-section{
    z-index:10;
}

@-moz-document url-prefix() {
    .confirmation_loader .loadBox {
        display: block;
        top: 60%;
        transform: translate(0, -50%);
        left: 0;
    }

    .hotelpax .tNcAccordian .panel-title a:after {
        top: -25px;
        right: 10px;
        left: auto;
        float: right;
        position: relative
    }

}

.FlyadealSupportBanner{
    background-color:#522d6d;
    border-radius:8px;
    padding:0 5px;
    display:flex;
    align-items:center;
    margin-bottom:20px;
    position:relative;
    overflow:hidden;
}

.FlyadealSupportBanner img{
    max-width:100%;
    width:78px;
}

.FlyadealSupportBanner p {
    color:#fff;
    margin:0 0 0 10px;
    font-size:13px;
}

.FlyadealSupportBanner:after{
    content:'';
    position:absolute;
    width:150px;
    height:150px;
    border:15px solid #ffffff12;
    bottom:-80px;
    right:-10px;
    border-radius:50%;
}

.disabled-state {
    opacity: 0.55;
    cursor: not-allowed !important;
    filter: grayscale(1);
}

.oneWayOneBlockUi .bookNowPinned,
.twoWayOneBlockUi.bookNowPinned,
.multicity-div.bookNowPinned{
    box-shadow:0 0 0 1px var(--primary-color);
}

.oneWayOneBlockUi .bookNowPinned .priceHeader,
.twoWayOneBlockUi.bookNowPinned .priceHeader,
.multicity-div.bookNowPinned .priceHeader {
    position: sticky;
    top: 0;
    z-index: 5;
    background: #fff;
    box-shadow: 0 0 3px 0 #0000007a;
    padding:8px 0;
    margin:0;
    display:flex;
    align-items:center;
}

.row-confirmed,
.row-success {
    background-color: #e6f4eb !important;
    color: #3AB34A;
}

.row-pending-ticket {
    background-color: #fff4e5 !important;
    color: #FA8D03;
}

.row-on-hold {
    background-color: #e5f1fb !important;
    color: #0071BC;
}

.row-pending-cancellation {
    background-color: #f5e9e9 !important;
    color: #834444;
}

.row-pending-pnr {
    background-color: #f4f1eb !important;
    color: #63563E;
}

.row-initiated {
    background-color: #e3f4fb !important;
    color: #29ABE2;
}

.row-empty-status {
    background-color: #f0f0f0 !important;
    color: #999999;
}

.row-needs-approval {
    background-color: #ebedfb !important;
    color: #697BEC;
}

.wl-nonCorporate .navbar #menuu .topContact,
.wl-corporate-global .navbar #menuu .topContact {
    display: none;
}

.loaderBoxedSpinner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.confirmation_loader img,
#fareloader img,
.loaderBoxedSpinner img {
    width: 55px;
    height: 55px;
    background: #fff;
    padding: 12px;
    border-radius: 10px;
}

.confirmation_loader img{
    margin:0 auto;
}

.modal.travelerMapPopup .modal-footer{
    text-align:center;
}

.neom-body .listing .More-Flight-Option.more-option {
    display:none;
}

.neom-body .listing .f-footer-details{
    margin-left:15px;
}

#flight-result-section .flight-list-animation {
    margin-top:20px;
}

#hotel-result-section{
    padding-left:5px;
    padding-right:5px;
}

.indexSearchTabSection div.dt-processing{
    top: 40%;
    transform: translateY(-55%);
}

div.dt-container div.dt-layout-row {
    margin:0 !important;
}

.hotel-filter .heading{
    border-radius:5px 5px 0 0;
}

.transfer-listing .flight-tabs{
    margin:10px 0 0 0;    
}

.transfer-listing .flight-tabs .radio-inline {
    padding: 5px 12px;
    color: #000;
    font-size:12px;
    font-weight:600;
    cursor:pointer;
}

.transfer-listing .flight-tabs .radio-inline.active{
    background: var(--primary-color-lite);
    border: 1px solid var(--primary-color);
    border-radius: 30px;
    padding: 5px 12px;
    color: var(--primary-color);
    font-size:12px;
    margin:0 10px 0 0;
    cursor:pointer;
}

.hoteldetail .tNcAccordian .panel-collapse.collapse{
    display:none !important;
}

.hoteldetail .tNcAccordian .panel-collapse.collapse.in {
    display:block !important;
}

.main-link.navbar-collapse.collapsing {
    transition-duration: 0s !important;
}

.bs_3_4_popOver + .popover .popover-content{
    font-size:12px;
}

.wl-corporate-global #flight-result-section .flight-filter .airlines{
    height:60px;
    min-height:auto;
}

.traveller-list-container .travellerLists #customerTable_wrapper{
    box-shadow:0 0 1px 0 rgb(0 0 0 / 55%);
    padding:5px;
    border-radius:3px;
}

.traveller-list-container .travellerLists #customerTable_wrapper div.dt-paging{
    margin-top:15px;
    margin-bottom:10px;
}

.travellerLists #customerTable tr.dt-hasChild + tr td .traveler-row .traveller-list-box{
    padding-left:55px;
}

.travellerLists #customerTable tr.dt-hasChild + tr td .traveler-row .traveller-list-box .nameNid .nameFletter:after{
    border-style:dashed;
}

.skeleton-box-wrapper.StaticContentLoaded .skeleton-box-media{
    width:100%;
}

.skeleton-box-wrapper.StaticContentLoaded .skeleton-box_body{
    margin-left:0;
}

/* Skelton loader 2.0 */

.skeleton-box {
  display: inline-block;
  height: 14px;
  position: relative;
  overflow: hidden;
  background-color: #DDDBDD;
  border-radius:3px;
}

.skeleton-box::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
  -webkit-animation: shimmer 2s infinite;
          animation: shimmer 2s infinite;
  content: "";
}

@-webkit-keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}
@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}

.skeleton-box_headline {
    font-size: 1.25em;
    font-weight: bold;
}

.skeleton-box_meta {
    font-size: 0.85em;
    color: #6b6b6b;
}

.skeleton-box-media {
    display: flex;
    align-items:center;
}

.skeleton-box_body {
    flex-grow: 1;
    margin-left: 1em;
}

.o-vertical-spacing > * + * {
    margin-top: 0.75em;
}

.o-vertical-spacing--l > * + * {
    margin-top: 2em;
}

.skeleton-box.thumbImg{
    width:150px;
    height:125px;
    border-radius:5px;
}

.skeleton-box.buttonSkelt{
    width:140px;
    height:35px;
    border-radius:3px;
}

.skeleton-box-wrapper.StaticContentLoaded .skeleton-box.buttonSkelt{
    width:120px;
}

.skeleton-box-wrapper.StaticContentLoaded .skeleton-box-media {
    justify-content:center;
}

.FlightMainLoader .skeleton-box.thumbImg{
    width:35px;
    height:30px;
    border-radius:5px;
}

.FlightMainLoader .skeleton-box_body{
    margin-left:0;
}


/* Hotel details page starts */

.hoteldetail .skeleton-box.thumbImg{
    width:140px;
    height:80px;
}

.hoteldetail .skeleton-box_body{
    display:flex;
    align-items:center;
}

.hoteldetail li.skeleton-box-media{
    border: 1px solid #DDDBDD;
    padding: 10px;
    border-radius: 5px;
    margin-bottom:15px;
}

.hoteldetail li.skeleton-box-media:last-of-type{
    margin-bottom:0;
}



/* Skelton loader 2.0 end */

.b-radius-10 {
    border-radius: 10px;
}

.modify-multi-city .form-group.state-error {
    border-radius:3px;
}

.nonCorporateSearch .main-search li.swpe-img {
    left: 21.7%;
    height: 25px;
    width: 25px;
    top: 32px;
}

.nonCorporateSearch .main-search #transfer li.swpe-img {
    left: 28.4%;
}

.nonCorporateSearch .main-search li.swpe-img .flight-switch{
    display: block;
    text-align: center;
}

.nonCorporateSearch .main-search li.swpe-img .flight-switch:after{
    content:'\e806';
    color:#fff;
    font:normal normal normal 10px/1 fontello;
}

.nonCorporateSearch .main-search li.swpe-img i.flight-switch{
    background-position: -1px -6px;
    height: 10px;
    width: 25px;
}

.nonCorporateSearch .main-search ul.searchbox > li.To input[type="text"]{
    padding-left:15px;
}

#PieChart .noDataText {
    text-align: center;
    font-size: 14px;
    color: #555;
    font-weight:600;
    position:relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column-reverse;
    min-height:302px;
}

#PieChart .noDataText:after{
    content:'\e859';
    color:#d9d9d9;
    font:normal normal normal 150px/1 fontello;
    margin-bottom:20px;
}

/* Round trip plus start */

.roundTripPlus .listing .f-footer-details{
    margin-left:5px !important;
}

.progStepper {
    display: flex;
    width: 100%;
    margin-bottom: 25px;
}

.progStepper ul{
    display:flex;
    justify-content: space-between;
    align-items: center;
    counter-reset: list;
    width:100%;
}

.progStepper ul li{
    font-weight: 600;
    color: #333;
    font-size: 16px;
    position:relative;
    opacity:.66;
    display: flex;
    align-items: center;
}

.progStepper ul li.completed,
.progStepper ul li.active{
    opacity:1;
}

.progStepper ul li:before{
    counter-increment: list;
    content: counter(list);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 30px;
    font-weight: 600;
    background-color:#ccc;
    color:#fff;
    text-align:center;
    display: inline-block;
    margin-right: 10px;
    flex-shrink:0;
}

.progStepper ul li.completed:before,
.progStepper ul li.active:before {
    background-color: var(--primary-color);    
}

.progStepper ul li.completed:before{
    content:'\f00c';
    font-family:FontAwesome;
    font-weight:normal;
    font-size:13px;
}

.progStepper ul li.connector{
    flex: 1 1 auto;
    height: 2.5px;
    background-color: #ccc;
    border-radius: 5px;
    margin: 0 6px;
    opacity:.66;
}

.progStepper ul li.connector:before{
    display:none;
}

.progStepper ul li.completed + li.connector{
    opacity:1;
    background-color:var(--primary-color);
}

.roundTripPlus .inBoundContainer,
.roundTripPlus .outBoundContainer {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .14);
    padding: .5px 15px;
    border-radius: 5px;
}

.inBoundContainer .listingHeader,
.outBoundContainer .listingHeader{
    border-bottom:1px solid rgba(0, 0, 0, .14);
    margin-top:10px;
    padding-bottom:10px;
}

.inBoundContainer .listingHeader ul,
.outBoundContainer .listingHeader ul{
    display:flex;
    align-items:center;
}

.inBoundContainer .listingHeader ul li,
.outBoundContainer .listingHeader ul li{
    font-weight:500;
    margin-right:8px;
    color:#333;
}

.inBoundContainer .listingHeader ul li:not(:last-child):after,
.outBoundContainer .listingHeader ul li:not(:last-child):after{
    content:'\f178';
    font:normal normal normal 14px/1 FontAwesome;
    margin-left:8px;
}

.roundTripPlus .legWiseSelect .selectedFlightSection header {
    line-height:0;
}

.legWiseSelect .selectedFlightSection.roundTrip .changeBtn{
    position: absolute;
    right: -10px;
    top:25px;
    text-transform: capitalize;
    background-color: var(--primary-color-lite);
    border: 1px solid var(--primary-color);
    border-radius: 5px;
    color: var(--primary-color) !important;
    padding: 12px !important;
    line-height: 0;
    height:28px;
}

.roundTripPlus .flightListingBoxWise .tw-outbond-01 {
    padding: 0 !important;
    margin: 0 !important;
    position: static !important;
    border: none !important;
}

.roundTripPlus .outPolicySection {
    border-color: #F27E89 !important;
}

.roundTripPlus .selectedFlightSection .policyViolationIcon:after{
    line-height:1.5;
}

.roundTripPlus .selectedFlightSection.outPolicySelected {
    border-color: #F27E89 !important;
}

.roundTripPlus .selectedFlightSection.inPolicySelected {
    border-color:#60ca85 !important
}

.selectedFlightSection .disabled-btn-tooltip-wrapper {
    position: relative;
}

.selectedFlightSection .disabled-btn-tooltip-wrapper .tooltip-message {
    display: none;
    position: absolute;
}

.selectedFlightSection .disabled-btn-tooltip-wrapper:hover .tooltip-message {
    display: block;
    top:110%;
    right:0;
    text-align: left;
    font-weight: 500;
}

.roundTripPlus .policyViolationIcon {
    margin-right:5px;
    position:static;
}

.roundTripPlus .selectedFlightSection .policyViolationIcon {
    position: relative;
}

/* Round trip plus End */

.f_cancellationModal .pro-inner{
    margin-top:0 !important;
    border:none;
    box-shadow:none;
    padding-bottom: 0;
    padding-top: 0;
}

.f_cancellationModal .modal-footer{
    display: flex;
    justify-content: flex-end;
}

.cancellation-charge-section,
.refund-amount-section{
    box-shadow:0 0 0 1px #cecece;
    border-radius:5px;
    padding:10px;
    margin:5px 10px;
}

.cancellation-charge-section label,
.refund-amount-section label{
    text-transform:capitalize;
    text-align:left;
}

.cancellation-charge-section label.labelValue,
.refund-amount-section label.labelValue{
    text-align:right;
    float:right;
    line-height:1.77;
}

.cancellation-charge-section{
    margin-bottom:15px;
}

.refund-amount-section{
    box-shadow:0 0 0 1px var(--primary-color);
    background-color:var(--primary-color-ultra-lite);
}

.f_cancellationModal .checkboxs > label {
    font-weight: 500;
}
div.ui-datepicker{
    width: auto;
    height: auto;
    max-height: max-content;
}

div.ui-datepicker.ui-datepicker-multi{
    width:auto !important;
}

div.ui-datepicker-multi-2 .ui-datepicker-group{
    width:calc(50% - 2px) !important;
}

div.ui-datepicker.ui-datepicker-multi .ui-datepicker-group-last {
    margin-left:2px;
}

div.ui-datepicker.ui-datepicker-multi .ui-datepicker-group-first{
    margin-right:2px;
}

div.ui-datepicker table.ui-datepicker-calendar td{
    border:1px solid #ebe6e6;
}

div.ui-datepicker table.ui-datepicker-calendar td span.ui-state-default,
div.ui-datepicker table.ui-datepicker-calendar td a{
    text-align:center;
    font-weight: 500;
    font-size: 12px;
    width: 40px;
    height: 40px;
    line-height: 2.8;
    margin:2px;
    border-radius:50%;
}

div.ui-datepicker .ui-datepicker-header{
    padding:6px 0;
}

div.ui-datepicker .ui-datepicker-header .ui-datepicker-title{
    font-size:14px;
}

div.ui-datepicker-header .ui-datepicker-next{
    top:6.5px;
    right:5px;
}

div.ui-datepicker-header .ui-datepicker-prev{
    top:6.5px;
    left:5px;
}

div.ui-datepicker-header .ui-datepicker-next .ui-icon:after,
div.ui-datepicker-header .ui-datepicker-prev .ui-icon:after{
    font-family:"FontAwesome";
    background:none;
    font-size: 20px;
    line-height: .99;
}

div.ui-datepicker-header .ui-datepicker-next .ui-icon:after{
    content:"\f105";
}

div.ui-datepicker-header .ui-datepicker-prev .ui-icon:after {
    content: "\f104";
}

div.ui-datepicker table.ui-datepicker-calendar .ui-state-active,
div.ui-datepicker table.ui-datepicker-calendar .ui-state-highlight,
div.ui-datepicker table.ui-datepicker-calendar td a:not(.ui-state-active):hover{
    background:var(--primary-color) !important;
    color:#fff !important;
}

.tab-content.report-main-section .cal-icon input[type=text]{
    font-size:13px;
    padding-right:25px;
}

.tc-icon{
    font-size:14px;
}

.main-search .glyphicon-chevron-left,
.main-search .glyphicon-chevron-right {
    font:600 normal normal 20px/1 FontAwesome
}

.main-search .glyphicon-chevron-left:before{
    content:"\f104";
}

.main-search .glyphicon-chevron-right:before{
    content:"\f105";
}

.f-summary-wrapper .HeaderButtonSec button,
.t-summary-wrapper .HeaderButtonSec button,
.h-summary-wrapper .HeaderButtonSec button{
    font-size:12px;
    padding:0 12px !important;
}

.f-summary-wrapper .HeaderButtonSec > button,
.t-summary-wrapper .HeaderButtonSec > button,
.h-summary-wrapper .HeaderButtonSec > button{
    z-index:2;
}

.f-summary-wrapper .HeaderButtonSec i.tc-icon:before,
.t-summary-wrapper .HeaderButtonSec i.tc-icon:before,
.h-summary-wrapper .HeaderButtonSec i.tc-icon:before{
    margin-left:0;
}

.f-summary-wrapper .HeaderButtonSec a:hover,
.t-summary-wrapper .HeaderButtonSec a:hover,
.h-summary-wrapper .HeaderButtonSec a:hover{
    text-decoration:none;
}

.wl-corporate-searchPanel .main-search ul.searchbox > li.from:after {
    right: 25px !important;
}

.wl-corporate-searchPanel .main-search ul.searchbox > li.pickup.toCity_ > p input[type=text],
.wl-corporate-searchPanel .main-search ul.searchbox > li.To > p input[type=text]{
    padding-left:22px;
}

.wl-corporate-searchPanel .main-search #multicitti ul.searchbox > li > p:before {
    display:none;
}

.wl-corporate-searchPanel .main-search #multicitti ul.searchbox > li.from:before {
    right:15px !important;
}

.wl-corporate-searchPanel .main-search #multicitti ul.searchbox > li.To > p input[type=text]{
    padding-left:15px;
}

.flight-fields .cheapFareCheckBox{
    margin-bottom: -40px;
    margin-top: 20px;
    z-index: 1;
    float: right;
    text-align: left;
    padding-left:13px;
}

.splitPayment .cardSection .CheckoutCard {
    margin:10px 0;
}

.splitPayment .cardSection .CheckoutCard ul li{
    display: inline-block;
    margin-left: 10px;
}

.f-booking-summary-section .booking-summary-hding-section,
.hf-booking-summary-section .booking-summary-hding-section{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin:0;
}

.f-booking-summary-section .booking-summary-hding-section > div,
.hf-booking-summary-section .booking-summary-hding-section > div{
    width:100%;
    padding:0;
}

.f-booking-summary-section .booking-summary-hding-section > div h3,
.hf-booking-summary-section .booking-summary-hding-section > div h3{
    font-size:15px;
    padding-bottom:10px;
}

.AddTravellert .srchf_travel_class em {
    font-style: normal;
}

table.dataTable.idWithIcon td a{
    display:flex;
    font-weight:600;
}

table.dataTable.idWithIcon td a i.tc-icon{
    font-size:12px;
    margin-right:5px;
}

.flexLiBreaker,
ul.dashboard_menu > span.dot{
    display:none;
}

.wl-config-section{
    border-bottom:1px solid #bebebe;
}

.pageCustomTag .custom-check > label{
    display: flex;
    align-items: center;
}

.pageCustomTag .addElementSection{
    border:1px solid #e5e5e5;
    border-radius:5px;
    padding:15px 15px 0 15px;
    margin-top:25px;
}

.pageCustomTag .addElementSection h3{
    font-size:18px;
    font-weight:600;
    margin-top:-25px;
    background-color:#fff;
    display: table;
    padding: 0 10px 0 5px;
    margin-left: -5px;
    margin-bottom:15px;
}

.pageCustomTag .addElementSection .elementAddBtn{
    background:none !important;
    color:var(--primary-color) !important;
    border:1px solid;
    height:39px;
}

.pageCustomTag #divElementsTB table thead th{
    text-align:center;
    background-color:var(--primary-color-ultra-lite);
    border-bottom:none;
}

.pageCustomTag #divElementsTB table td{
    font-size:14px;
}

.pageCustomTag #divElementsTB table tr td:last-child {
    text-align:center
}

.pageCustomTag #divElementsTB table tr td:last-child a{
    margin:0 3px;
}

#bookingsTab.orginzation{
    display:flex;
    flex-wrap:nowrap;
    overflow-x:auto;
    overflow-y:hidden;
}

#bookingsTab.orginzation > li{
    flex-shrink:0;
}

.pageCustomTag span.field-validation-error{
    width:calc(100% - 20px);
    left:10px;
    border-radius:0 0 3px 3px;
}

.w224-px{
    width:224px;
}

.w227-px{
    width:227px;
}

.w218-px{
    width:218px;
}

.w62-px {
    width: 62px;
}

.minifarerule{
    text-transform: capitalize;
    background: #fff;
    margin-top: -20px;
    margin-bottom:0;
    border-radius:8px;
}

.minifarerule .farenote{
    margin-top:0;
    font-size:12px;
    color:#666;
}

.minifarerule table{
    border-collapse: separate;
    border-radius: 8px;
    border:none;
    margin-bottom:0;
}

.minifarerule td{
    display:block;
    border:none !important;
}

.minifarerule .clsfee{
    text-transform:uppercase;
}

.minifarerule .ruletitle{
    background: #ddd;
    border-radius: 8px 8px 0 0;
    font-weight: 700;
    color: #444;
}

.minifarerule .ruletitle + td{
    border:1px solid #ddd !important;
    margin-bottom:10px;
    border-radius:0 0 8px 8px;
}

.minifarerule .rulerow{
    margin-top:10px;
}

.minifarerule .rulerow .rulelabel{
    font-weight:700;
}

.user-profile .copyEmail{
    position:relative;
    cursor:pointer;
    margin-bottom:5px !important;
    padding-right:15px;
    margin-top:7px !important;
}

.user-profile .copyEmail:before{
    content: '\f24d';
    font:normal normal normal 11px/1.3 FontAwesome;
    position: absolute;
    top: 0;
    right: -4px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    opacity:.5;
}

.user-profile .copyEmail:hover:before{
    color:var(--primary-color);
    opacity:1;
}

.user-profile .copyEmail.emailCopied:before{
    content:'\f00c';
    color: #fff;
    border: 1px solid var(--green-color);
    background-color:var(--green-color);
    opacity: 1;
    font-size:9px;
    line-height:1.5;
}

.user-profile .copyEmail.emailCopied{
    background: linear-gradient(120deg,#555 0%,#555 40%,#ffffff 50%,#555 60%,#555 100%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: shine 1.2s linear;
}

@keyframes shine {
  0% {
    background-position: 200% center;
  }
  100% {
    background-position: 0% center;
  }
}

.mobile-only-lang-curncy{
    display:none !important;
}

.FH_BookingSearchPanel #search-result-section table#bookingdashBoardTB th{
    width:20%;
}

.indexSearchTabSection table#upcommingBookingdashBoardTB td.dt-empty{
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    border: none !important;
    background: #fff;
    display: block;
}

.pax-page-body .multiSelectDropDownLB button.multiselect {
    min-height: 34px;
}

.customeSelect2DropDown ul.dropdown-menu button.multiselect-clear-filter{
    background:none !important;
    outline:none;
    line-height:0;
    border-left:none;
    box-shadow:none;
    position: absolute;
    right: 0;
    top: 0;
    border:none !important;
    z-index:3 !important;
}

.customeSelect2DropDown ul.dropdown-menu button.multiselect-clear-filter i{
    color:red;
    font-size: 8px;
    font-weight: 600;
}

.customeSelect2DropDown ul.dropdown-menu input[type="text"].multiselect-search {
    box-shadow:none;
    border-radius:3px !important;
    padding-right:20px !important;
    margin-bottom:5px;
}

.customeSelect2DropDown ul.dropdown-menu input[type="text"].multiselect-search + .input-group-btn{
    width:auto;
}

.customeSelect2DropDown ul.dropdown-menu button.multiselect-clear-filter i:before{
    content:'\E808';
    font-family:"fontello";
}

.customeSelect2DropDown .btn-group.open .dropdown-toggle {
    box-shadow: none;
}

.customeSelect2DropDown ul.dropdown-menu li{
    padding:0 5px;
    margin-bottom:2px;
}

.customeSelect2DropDown ul.dropdown-menu li.filter .input-group{
    margin:0;
}

.customeSelect2DropDown ul.dropdown-menu li a{
    border-radius:3px;
}

.customeSelect2DropDown ul.dropdown-menu li a label{
    width:100%;
}

#rolemaster .table thead.mydivhide{
    position: sticky;
    top: 0;
    z-index: 10;
}

#traveler-map .cluster0{
    color: #fff !important;
    background: var(--primary-color) !important;
    width: auto !important;
    height: auto !important;
    line-height: 1 !important;
    padding: 8px 15px !important;
    border-radius:5px !important;
}

#traveler-map .cluster0:after{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid var(--primary-color);
    bottom: -4px;
    left: 40%;
}

.modalBackdropCustom{
    display: none;
}

#EmployeeTB_wrapper .common_popOver .common_popOverChildDiv{
    top: auto;
    bottom: 22px;
}

#EmployeeTB_wrapper .common_popOver .common_popOverChildDiv:before{
    top:auto;
    bottom: -6px;
    right: 10px;
    width: 10px;
    height: 10px;
    transform:rotate(225deg);
}

.icon-flight-booking{
    font-size: 24px !important;
    line-height: 1.5;
}

.icon-flight-booking:before{
    width:auto;
}

.neom-body ul.searchbox li.packageRateRoyaltySec {
    margin-top: 38px !important;
}

.neom-body ul.searchbox li.packageRateRoyaltySec .packageRateCheckBox {
    margin-top: 10px !important;
    margin-left: 20px;
}

.requireAirportTransfer {
    position:relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color:var(--primary-color-ultra-lite);
    padding:20px;
    border-radius: 10px;
    box-shadow:0 2px 3px rgba(0, 0, 0, 0.1);
    overflow:hidden;
}

.requireAirportTransfer:before,
.requireAirportTransfer:after{
    content:'';
    position:absolute;
    left:-50px;
    top:0;
    background-color:var(--primary-color-lite);
    height: 100%;
    width: 85%;
}

.requireAirportTransfer:before{
    transform: skewX(-50deg);
}

.requireAirportTransfer:after{
    transform: skewX(50deg);
}

.requireAirportTransfer md-checkbox{
    margin-bottom:0;
    color:#1a1a1a;
    z-index:1;
    padding-left:20px;
}

.requireAirportTransfer md-checkbox span{
    color:#1A1A1A99;
    font-size:12px;
}

.requireAirportTransfer .tc-icon{
    font-size: 21px;
    margin-right: 70px;
    color:var(--primary-color);
}

.sliderCheckbox .md-icon{
    width: 40px;
    height: 20px;
    border-radius: 10px;
}

.sliderCheckbox .md-container .md-icon:after {
    display:block;
    content:'';
    position:absolute;
    background: var(--primary-color);
    border-radius: 50%;
    width: 12px !important;
    height: 12px !important;
    left:2.2px !important;
    top:2.2px !important;
    transition:0.3s;
}

.sliderCheckbox.md-checked .md-container .md-icon:after {
    transform: translateX(20px);
    background: #fff;
}

.pax-page-body .paymentSecPax ul#myTab{
    border-bottom:none;
    position:relative;
    z-index:1;
}

.pax-page-body .paymentSecPax ul#myTab li > a{
    transform: skew(40deg);
    outline:none;
}

.pax-page-body .paymentSecPax ul#myTab li > a span{
    transform: skew(-40deg);
    display:inline-block;
    z-index: 1;
    position: relative;
}

.pax-page-body .paymentSecPax ul#myTab li:first-child{
    margin-left:9.5px;
}

.pax-page-body .paymentSecPax ul#myTab li:first-child > a{
    border-top-left-radius:35px;
}

.pax-page-body .paymentSecPax ul#myTab li:last-child > a{
    border-top-right-radius:5px;
}

.pax-page-body .paymentSecPax ul#myTab li:first-child > a:after{
    background-color:#dedede;
    content:'';
    width:30px;
    height:100%;
    position:absolute;
    left:-10px;
    top:0;
    transform: skew(-40deg);
    border-top-left-radius:15px;
    transition:.3s;
}

.pax-page-body .paymentSecPax ul#myTab li:first-child > a:hover:after{
    background-color:#eee;
}

.pax-page-body .paymentSecPax ul#myTab li.active a:after{
    background-color:var(--primary-color);
}

.pax-page-body .paymentSecPax .tab-content,
.pax-page-body .payment-info .hotelpax .tab-content{
    padding:0;
}

.pax-page-body .payment-info .hotelpax .tab-content .card {
    border-radius: 0 5px 5px 5px;
    box-shadow: 0 1px 4px 0 #ccccccc9;
    border: 1px solid var(--primary-color-lite);
}

.font-style-normal{
    font-style:normal;
}

.addBaggageSection {
    display: flex;
    align-items: center;
    background: #29ABE214;
    border-radius: 8px;
    padding: 10px;
    margin-top:10px;
}

.addBaggageSection p {
    font-size: 14px;
    margin:0 0 0 10px;
}

.addBaggageSection span {
    margin-left: auto;
    color: #0071BC;
    cursor: pointer;
    margin-right:10px;
}

.addBaggageSection span:hover{
    text-decoration:underline;
}

.addBaggageSection i.tc-icon {
    font-size:24px;
    color:#0071BC;
    margin:0 6px;
}

.modal#addBaggagePop .modal-header {
    background: none;
    border: none;
}

.modal#addBaggagePop .modal-header h4 {
    color: #000 !important;
    font-size: 20px;
    font-weight: 700;
}

.modal#addBaggagePop .modal-header i.tc-icon {
    background: var(--primary-color-lite);
    padding: 10px;
    border-radius: 5px;
    margin-right: 10px;
    height: 50px;
    color:var(--primary-color);
    font-size:24px !important;
}

.modal#addBaggagePop .modal-header button {
    color: var(--primary-color) !important;
    margin-top: 10px;
}

.modal#addBaggagePop .modal-header h4 small {
    display: block;
    font-size: 55%;
    margin-top: 8px;
}

.modal#addBaggagePop .modal-content {
    padding: 20px;
}

.modal#addBaggagePop ul.nav-tabs{
    border:none;
    display:flex;
    border-bottom:1px solid var(--primary-color);
    margin-top: 16px;
}

.modal#addBaggagePop ul.nav-tabs li{
    margin-right:10px;
    width:70%;
    max-width:40%;
}

.modal#addBaggagePop .baggageAddRowSec,
.modal#addBaggagePop ul.nav-tabs li a{
    box-shadow:none;
    border:1px solid #ccc;
    border-radius:6px;
    display:flex;
    align-items:center;
    transition:all .3s ease-in-out;
}

.modal#addBaggagePop .baggageAddRowSec{
    margin-top:10px;
    border:none;
    padding:10px;
}

.modal#addBaggagePop .baggageAddRowSec .tc-icon{
    margin:0 10px 0 0;
    background:var(--primary-color-ultra-lite);
    height: 40px;
    width: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:22px;
    color:var(--primary-color);
}

.modal#addBaggagePop .baggageAddRowSec h5,
.modal#addBaggagePop .baggageAddRowSec h4{
    color:#000;
    font-size:15px;
    font-weight:600;
}

.modal#addBaggagePop .baggageAddRowSec h4{
    margin-left: auto;
    margin-right: 15px;
    white-space:nowrap;
    font-size: 16px;
    font-weight: 700;
    color: var(--primary-color);
}

.modal#addBaggagePop ul.nav-tabs li a strong,
.modal#addBaggagePop ul.nav-tabs li a strong small{
    color:#ccc;
    transition:all .3s ease-in-out;
}

.modal#addBaggagePop ul.nav-tabs li a i.tc-icon{
    padding:10px 8px;
    background:#ccc;
    color:#949494;
    margin-right:10px;
    border-radius:5px;
    transition:all .3s ease-in-out;
}

.modal#addBaggagePop ul.nav-tabs li a small{
    display:block;
    font-weight:400;
    color:var(--primary-color);
}

.modal#addBaggagePop ul.nav-tabs li a:hover,
.modal#addBaggagePop ul.nav-tabs li.active a {
    color: #525252;
    position: relative;
    box-shadow: none;
    border: 1px solid var(--primary-color);
    background: none !important;
    border-radius: 6px 6px 0 0;
    border-bottom-color: #fff;
}

.modal#addBaggagePop ul.nav-tabs li{
    margin-bottom:-2px;
}

.modal#addBaggagePop ul.nav-tabs li.active{
    border-bottom:2px solid #fff;
}

.modal#addBaggagePop ul.nav-tabs li.active a:after{
    content:'\E807';
    font:normal normal normal 9px/1 "fontello";
    position:absolute;
    top:15px;
    right:15px;
    border-radius:50%;
    background:var(--primary-color);
    color:#fff;
    height:20px;
    width:20px;
    display:flex;
    align-items: center;
    justify-content: center;
}

.modal#addBaggagePop ul.nav-tabs li a{
    border-radius:6px 6px 0 0;
    border-bottom-color:#fff;
    margin-right:0;
    padding:15px;
    margin-top:-1px;
}

.modal#addBaggagePop ul.nav-tabs li a:hover i.tc-icon,
.modal#addBaggagePop ul.nav-tabs li.active a i.tc-icon{
    background:var(--primary-color);
    color:#fff;
}

.modal#addBaggagePop ul.nav-tabs li a:hover strong,
.modal#addBaggagePop ul.nav-tabs li.active a strong{
    color:#525252;
}

.modal#addBaggagePop ul.nav-tabs li a:hover strong small,
.modal#addBaggagePop ul.nav-tabs li.active a strong small{
    color:var(--primary-color);
}

.modal#addBaggagePop .baggageInfoPerPerson{
    padding:15px;
    border-radius:6px;
    display:flex;
    align-items:center;
    background:var(--primary-color-ultra-lite);
    margin-top:10px;
    margin-bottom:15px;
    color:#333;
}

.modal#addBaggagePop .baggageInfoPerPerson .tc-icon{
    margin-right:10px;
}

.modal#addBaggagePop .baggageInfoPerPerson p{
    margin-bottom:0;
}

.modal#addBaggagePop .baggageInfoPerPerson strong{
    margin-left:auto;
    color:var(--primary-color);
}

.modal#addBaggagePop .tab-content h5.chooseHding{
    text-transform:uppercase;
    margin-top:20px;
    margin-bottom:15px;
    position:relative;
}

.modal#addBaggagePop .tab-content h5.chooseHding span{
    background:#fff;
    position:relative;
    z-index:1;
    padding-right:10px;
    font-weight: 600;
    font-size: 13px;
}

.modal#addBaggagePop .tab-content h5.chooseHding:after{
    position:absolute;
    content:'';
    width:100%;
    height:1px;
    border:1px solid #ccc;
    left:0;
    top:7px;
}

.modal#addBaggagePop .quantitySelector{
    display:flex;
    box-shadow:0 0 0 1px var(--primary-color);
    border-radius:5px;
}

.modal#addBaggagePop .quantitySelector button{
    background:none;
    color:var(--primary-color) !important;
    outline:none;
    border:none;
    box-shadow:none;
    font-size:22px;
    padding:0 10px !important;
}

.modal#addBaggagePop .quantitySelector input[type=number]{
    box-shadow:none;
    border: none;
    width: 40px;
    padding: 8px 0;
    text-align: center;
    color:var(--primary-color);
    font-weight:600;
    -moz-appearance: textfield;
    appearance: textfield;
    z-index:1;
}

.modal#addBaggagePop .quantitySelector input[type=number]::-webkit-outer-spin-button,
.modal#addBaggagePop .quantitySelector input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.modal#addBaggagePop .noQuantitySelected{
    position:relative;
}

.modal#addBaggagePop .noQuantitySelected:before{
    content:"Add";
    position:absolute;
    left:0;
    top:0;
    background:#fff;
    color:var(--primary-color);
    width:60%;
    height:100%;
    z-index:2;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    border-radius:5px 0 0 5px;
    font-weight:600;
}

.modal#addBaggagePop .baggageAddRowContainer{
    max-height: 360px;
    overflow-y: auto;
}

.bookingSearchTabRow input[type=text]:focus{
    border-color:var(--primary-color);
}

.main-search ul.searchbox > li:focus-within {
    border-color: var(--primary-color) !important;
}

.onBehalfMainContainer{
    border: none;
    background: none;
    box-shadow: none;
    height: auto;
    min-height:400px;
    margin: auto 0;
    top: auto;
    bottom: auto;
    border-radius:10px 0 0 10px;
}

.onBehalfMainContainer .profile_b{
    border-left: 5px solid var(--primary-color);
    background: #fff;
    border-radius:10px 0 0 10px;
    box-shadow:0px 0px 8px 1px rgba(51, 51, 51, 0.32);
    transform: translateX(100%);
    transition: transform 0.3s ease;
}

.onBehalfMainContainer > .button{
    left:-45px;
    transition: 0.2s ease;
    line-height: 0;
    padding: 12px 10px !important;
}

.onBehalfMainContainer > .button i{
    font-size:18px;
}

.onBehalfMainContainer > .button.active{
    transform: translateX(0%);
}

.onBehalfMainContainer > .button:not(.active):after {
    content: '';
    position: fixed;
    width: 5px;
    height: 100vh;
    background: var(--primary-color);
    right: 0;
    top: 0;
}

.onBehalfMainContainer .profile_b.is-open{
    transform: translateX(0);
}

.onBehalfContainer{
    padding:15px;
    min-width:300px;
}

.onBehalfContainer .onBehalfSec{
    border-radius:5px;
    box-shadow:0 2px 4px 0 var(--primary-color-lite);
    border: 1px solid var(--primary-color);
    padding:15px;
}

.onBehalfContainer .onBehalfSec:not(:last-child){
    margin-bottom:25px;
}

.onBehalfContainer .myProfileSec .form-group{
    margin-bottom:0;
    font-weight:600;
    color:#333;
}

.onBehalfContainer .myProfileSec .form-group:not(:last-child){
    margin-bottom:5px;
}

.onBehalfContainer .onBehalfSec .form-group:last-child{
    margin-bottom:0;
}

.onBehalfContainer .myProfileSec .form-group label{
    margin-bottom:0;
}

.onBehalfContainer h4{
    color:var(--primary-color);
    text-transform:uppercase;
    font-size: 14px;
    font-weight: 600;
    display:flex;
    align-items: center;
}

.onBehalfContainer .icon-obt-profileuser{
    background-color:var(--primary-color);
    color: #fff;
    border-radius: 50%;
    height: 23px;
    width: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.onBehalfContainer .onBehalfButton button{
    border-radius:5px;
}

.modal#issueTicketPopUp .nav li a,
.modal#confirmOnHoldPopUp .nav li a{
    line-height:2 !important
}

.modal#issueTicketPopUp .nav li a span,
.modal#confirmOnHoldPopUp .nav li a span{
    width: auto;
    padding: 0;
    height: auto;
    background: none;
    margin: 0;
}

.modal#issueTicketPopUp .nav li:first-child a,
.modal#confirmOnHoldPopUp .nav li:first-child a{
    border-top-left-radius:10px !important;
}

.modal#issueTicketPopUp .nav li:last-child a,
.modal#confirmOnHoldPopUp .nav li:last-child a {
    border-top-right-radius: 10px !important;
}

div.groupInputText > input[type=text]{
    width:48% !important;
    float:left;
}

div.groupInputText > input[type=text]:first-of-type{
    border-radius:3px 0 0 3px;
    border-right:none;
}

div.groupInputText > input[type=text]:last-of-type{
    border-radius:0 3px 3px 0;
}

.clsEligibleForClubReward{
    font-size: 12px;
    background-color: var(--primary-color-lite);
    padding: 4px 6px;
    border-radius: 3px;
    line-height: 1;
}

.h-39 {
    height: 39px;
}

body:not(.neom-body):not(.obt7-body) .dashboardGridCards.tb-stats {
    
}

.checkOutCardField{
    position:relative;
}

.checkOutCardField > img{
    position: absolute;
    right: 8.5px;
    top: 8.5px;
    z-index: 1;
    width: 40px;
}