/*Common Css*/
/*While replacing css please note these
 Skip DEV sectionguarantee-card .card-body, .deposit-card .
 .loading -> remove display:none
 .hotel-map-listing -> position should be relative
 .map-hotel-rate, .map-hotel-rate:hover, .map-hotel-rate:focus -> position should be absolute
 .map-top-links -> right:60, top 23
 .was-validated .form-control:invalid, .form-control.is-invalid, .was-validated .form-control:valid, .form-control.is-valid -> background none required
 .carousel-item-row img - no width
 .modal-open .main-wrap should be replaced by .modal-open .content-wrap
 .select.form-control ,select.form-control-sm, select.form-control-lg - backgroung img add important
 .no-availability-rate .tooltip -> change it as .no-availability-rate .tooltip1 and .no-availability-rate:hover .tooltip to .no-availability-rate:hover .tooltip1
 .no-availability-rate .tooltip ->  z-index: 999
 #carousel-thumbs -> change to .small-carousel-thumbs
.book-next-destination -> remove margin top
.img-hotel-list-gallery -> remove background
.tooltip .line-tmc-icon, .tooltip .color-tmc-icon - replace with .tooltip .fac-tmc-icon
.rate-view-list -> remove padding top
.rate-plan-type-area-more-link - > padding top should be 9px
*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');

body {
    background-color: #E5E9EF;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.3;
    color: #1D1D1D;
    font-weight: 500;
}
/*Light : 400;
Regular : 500;
Semi Bold : 600;
Bold : 700;*/


p {
    line-height: 1.4;
}

h1, h2, h3, h4, h5, h6, p, .container, body, .search-outline-area .form-control, button {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

.container {
    max-width: 1240px;
}

@media (min-width: 1680px) {
    .container {
        max-width: 1366px;
    }
}

h1, h2, h3, h4, h5, h6 {
    color: #000;
}

.content-block {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
}

h1, .h1 {
    font-size: 1.375rem;
    font-weight: 700;
}
/*22px*/
h2, .h2 {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1.25rem;
    text-transform: uppercase;
}
/*20px*/
h3, .h3 {
    font-size: 1.125rem;
    font-weight: 600;
}
/*18px*/
h4, .h4 {
    font-size: 1rem;
    font-weight: 600;
}
/*16px*/
h5, .h5 {
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.3;
}
/*14px*/
h6, .h6 {
    font-size: 0.75rem;
    font-weight: 600; /*text-transform: uppercase;*/
    margin-bottom: 0.8rem;
}
/*12px*/
body {
    font-size: 0.875rem
}
/*14px*/
.pnr-block .dropdown-toggle {
    font-size: 0.875rem
}
/*14px*/
.destination-dropdown-menu .dropdown-item-text {
    font-size: 0.75rem
}
/*12px*/
.form-control {
    font-size: 0.75rem
}
/*12px*/
.normal-text, .form-control-lg {
    font-size: 0.875rem
}
/*14px*/
.for-filter-search-type-list .dropdown-list-item {
    font-size: 0.875rem;
    font-weight: 400;
}
/*14px*/
.search-card label {
    font-size: 0.75rem
}

.small-theme-font {
    font-size: 0.75rem
}
/*12px*/
.small-theme-font1 {
    font-size: 0.8125rem
}
/*13px*/
.hotel-list-hotel-address {
    font-size: 0.75rem
}
/*12px*/
.aggregator-label-heading {
    font-size: 0.75rem
}
/*12px*/
.box-colum .table th {
    font-size: 0.75rem
}
/*12px*/
.card-compare {
    font-size: 0.75rem
}
/*12px*/
.theme-lg-font {
    font-size: 1rem
}
/*12px*/
@media (min-width: 1680px) {
    h1, .h1 {
        font-size: 1.5rem;
    }
    /*24px*/
    h2, .h2 {
        font-size: 1.375rem;
    }
    /*22px*/
    h3, .h3 {
        font-size: 1.25rem;
    }
    /*20px*/
    h4, .h4 {
        font-size: 1.125rem;
    }
    /*18px*/
    h5, .h5 {
        font-size: 1rem;
        line-height: 22px;
    }
    /*16px*/
    h6, .h6 {
        font-size: 0.875rem;
    }
    /*14px*/
    body {
        font-size: 1rem
    }
    /*16px*/
    .pnr-block .dropdown-toggle {
        font-size: 1rem
    }
    /*16px*/
    .form-control {
        font-size: 0.875rem
    }
    /*14px*/
    .normal-text, .form-control-lg {
        font-size: 1rem
    }
    /*16px*/
    .for-filter-search-type-list .dropdown-list-item {
        font-size: 1rem
    }
    /*16px*/
    .search-card label {
        font-size: 0.875rem
    }

    .small-theme-font {
        font-size: 0.875rem
    }
    /*14px*/
    .small-theme-font1 {
        font-size: 0.875rem
    }
    /*14px*/
    .hotel-list-hotel-address {
        font-size: 0.875rem
    }
    /*14px*/
    .aggregator-label-heading {
        font-size: 0.875rem
    }
    /*14px*/
    .box-colum .table th {
        font-size: 0.875rem
    }
    /*14px*/
    .destination-dropdown-menu .dropdown-item-text {
        font-size: 0.875rem
    }
    /*14px*/
    .theme-lg-font {
        font-size: 1.125rem
    }
    /*18px*/
    .card-compare {
        font-size: 0.875rem
    }
    /*14px*/
}

.ellipse-text {
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ellipse-text-two-lines {
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.text-primary {
    color: #4F8FEA !important;
}

textarea {
    resize: inherit;
}

.main-wrap {
    min-width: 1240px;
}

.table {
    color: #000;
}

.btn-link {
    color: #60A1FF;
    text-decoration: none;
}

    .btn-link:hover {
        color: #4F8FEA;
        text-decoration: underline;
    }

button.btn-link:hover, button.btn-link:focus {
    text-decoration: none;
}

.card-body {
    padding: 1rem;
}

a, a:hover, a:focus {
    color: #000000;
    outline: none !important
}

.form-control {
    color: #000;
}
/*________________________________________________________________________________________________________

HEADER
________________________________________________________________________________________________________*/


header {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.navbar-brand.inner-logo {
    background: url(../images/hh-logo-inner.svg) no-repeat;
    background-size: contain;
    width: 190px;
    text-indent: 999px;
    overflow: hidden;
    min-height: 50px;
}

.profile-name-header {
    float: left;
    line-height: 34px;
    padding-right: 5px;
}

.header-dp {
    display: inline-block;
    width: 35px;
    height: 35px;
    overflow: hidden;
    border-radius: 100px;
    margin-left: 5px;
    overflow: hidden;
    float: right;
}

.header-profile.dropdown-toggle:after {
    display: none;
}

.nav-link.alarm {
    font-size: 250%;
    padding: 0 !important;
    margin: 0 !important;
    color: #000 !important
}

.nav-item.dropdown {
}

.nav-item a.header-profile i {
    font-size: 50%;
    position: relative;
    top: 16px;
    padding-left: 10px;
    color: #000;
}

.nav-item.show a.header-profile i:before {
    content: "\e939";
}
/*.icon-select-arrow-1-a:before*/
header .dropdown-menu {
    margin: 0px;
    border: none;
    border-radius: 20px;
    padding: 0px;
    box-shadow: 10px 10px 30px rgb(0 0 0 / 30%);
    min-width: 220px;
    overflow: hidden;
    background-color: #FFFFFF;
}

    header .dropdown-menu .dropdown-item:hover, header .dropdown-menu .dropdown-item:focus {
        background-color: #F1F3F6;
    }

    header .dropdown-menu .dropdown-item {
        padding: 0.8rem 1.5rem;
        position: relative;
    }

footer .navbar-brand.inner-logo {
    background: url(../../../images/hh-logo-inner.svg) no-repeat;
    background-size: contain;
    width: 110px;
    text-indent: 999px;
    overflow: hidden;
    max-height: 30px;
    margin-right: 0px;
    min-height: auto;
    position: relative;
    bottom: -4px;
}

.navbar-brand.outside-page {
    background: url(../images/hh-logo-outside.svg) no-repeat;
    background-size: contain;
    width: 88px;
    text-indent: 999px;
    overflow: hidden;
    min-height: 88px;
    margin-right: 0px;
    margin-top: 0.3rem;
}
/*________________________________________________________________________________________________________


________________________________________________________________________________________________________*/

.min-w-1 {
    width: 10px !important
}

.min-w-2 {
    width: 20px !important
}

.min-w-3 {
    width: 30px !important
}

.min-w-4 {
    width: 40px !important
}

.min-w-5 {
    width: 50px !important
}

.min-w-6 {
    width: 60px !important
}

.min-w-7 {
    width: 70px !important
}

.min-w-8 {
    width: 80px !important
}

.min-w-9 {
    width: 90px !important
}

.min-w-10 {
    width: 100px !important
}

.min-w-1p {
    width: 10% !important
}

.min-w-13p {
    width: 13% !important
}

.min-w-15p {
    width: 15% !important
}

.min-w-17p {
    width: 17% !important
}

.min-w-2p {
    width: 20% !important
}

.min-w-23p {
    width: 23% !important
}

.min-w-25p {
    width: 25% !important
}

.min-w-26p {
    width: 26% !important
}

.min-w-3p {
    width: 30% !important
}

.min-w-31p {
    width: 31% !important
}

.min-w-35p {
    width: 35% !important
}

.min-w-37p {
    width: 37% !important
}

.min-w-4p {
    width: 40% !important
}

.min-w-45p {
    width: 45% !important
}

.min-w-48p {
    width: 48% !important
}

.min-w-49p {
    width: 49% !important
}

.min-w-5p {
    width: 50% !important
}

.min-w-55p {
    width: 55% !important
}

.min-w-6p {
    width: 60% !important
}

.min-w-7p {
    width: 70% !important
}

.min-w-8p {
    width: 80% !important
}

.min-w-9p {
    width: 90% !important
}

.min-w-10p {
    width: 100% !important
}

.control-width-sm {
    width: 100px
}

.control-width-md {
    width: 150px
}

.control-width-lg {
    width: 200px
}

.control-width-xl {
    width: 250px
}
/*________________________________________________________________________________________________________

FORM CONTROLS
________________________________________________________________________________________________________*/
label {
    text-transform: uppercase;
    font-weight: 400;
}

.dropdown-menu label {
    text-transform: inherit;
    color: #000;
}

.form-control, .form-control:hover, .form-control:focus, .btn, .btn:hover, .btn:focus, .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active, .show > .btn.dropdown-toggle {
    box-shadow: none !important;
    outline: none !important;
}

    .form-control.xs {
        width: 30px;
    }

    .form-control.sm {
        width: 50px;
    }

    .form-control.sm-1 {
        width: 90px;
    }

    .form-control.md {
        width: 110px;
    }

    .form-control.lg {
        width: 170px;
    }

    .form-control.xl {
        width: 230px;
    }

    .form-control.xxl {
        width: 300px;
    }

.btn {
    border-radius: 100px;
    text-transform: uppercase;
    font-size: 0.75rem;
    font-weight: 700;
}

.btn-bg-secondary {
    color: #000;
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}

    .btn-bg-secondary:hover {
        color: #000;
        background-color: #FFFFFF;
        border-color: #FFFFFF;
    }

    .btn-bg-secondary:focus, .btn-bg-secondary.focus {
        color: #000;
        background-color: #FFFFFF;
        border-color: #FFFFFF;
        box-shadow: none;
    }

    .btn-bg-secondary.disabled, .btn-bg-secondary:disabled {
        color: #99A4B4;
        background-color: #E5E9EF;
        border-color: #E5E9EF;
        font-style: italic;
        font-weight: 600;
    }

    .btn-bg-secondary:not(:disabled):not(.disabled):active, .btn-bg-secondary:not(:disabled):not(.disabled).active, .show > .btn-bg-secondary.dropdown-toggle {
        color: #000;
        background-color: #FFFFFF;
        border-color: #FFFFFF;
    }

        .btn-bg-secondary:not(:disabled):not(.disabled):active:focus, .btn-bg-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-bg-secondary.dropdown-toggle:focus {
            box-shadow: none;
        }

.btn-primary {
    color: #fff;
    background-color: #1D1D1D;
    border-color: #1D1D1D;
}

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

.btn-outline-primary.disabled, .btn-outline-primary:disabled, .btn-outline-primary.disabled:focus, .btn-outline-primary:disabled:hover {
    color: #99A4B4;
    background-color: transparent;
    border-color: #99A4B4;
    opacity: 1;
    font-style: italic;
}

.btn-primary.disabled, .btn-primary:disabled, .btn-primary.disabled:focus, .btn-primary:disabled:hover {
    color: #D9E0EA;
    background-color: #99A4B4;
    border-color: #99A4B4;
    opacity: 1;
    font-style: italic;
}

.card-hotel-list-colum .btn-primary.disabled, .card-hotel-list-colum .btn-primary:disabled, .card-hotel-list-colum .btn-primary.disabled:focus, .card-hotel-list-colum .btn-primary:disabled:hover {
    color: #FFF;
    background-color: #e7e7e7;
    border-color: #e7e7e7;
    opacity: 1;
}

.btn-secondary.disabled, .btn-secondary:disabled, .btn-secondary.disabled:focus, .btn-secondary:disabled:hover {
    color: #D9E0EA !important;
    background-color: #99A4B4 !important;
    border-color: #99A4B4 !important;
    opacity: 1;
    font-style: italic;
}

.form-control-sm {
    font-size: 0.75rem;
}

@media (min-width: 1680px) {
    .btn {
        font-size: 0.875rem;
    }

    .form-control-sm {
        font-size: 0.875rem;
    }
}

.btn-outline-primary {
    color: #1D1D1D;
    border-color: #1D1D1D;
    background-color: transparent
}

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

.btn-secondary {
    background-color: #60A1FF;
    border-color: #60A1FF;
}

    .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
        color: #fff;
        background-color: #60A1FF;
        border-color: #60A1FF;
    }

.btn-round {
    height: 30px;
    width: 30px;
    padding: 0.4rem 0.5rem !important;
    line-height: 1;
}

.btn-onrequest {
    background-color: #99A4B4;
    border-color: #99A4B4;
    color: #fff;
}

    .btn-onrequest:hover, .btn-onrequest:focus, .btn-onrequest:active, .btn-onrequest:not(:disabled):not(.disabled):active, .btn-onrequest:not(:disabled):not(.disabled).active, .show > .btn-onrequest.dropdown-toggle {
        color: #fff;
        background-color: #99A4B4;
        border-color: #99A4B4;
    }

.btn-danger, .btn-danger:focus, .btn-danger:hover {
    color: #fff;
    background-color: #F86363;
    border-color: #F86363;
}
/*______________________________________________________________________________


________________________________________________________________________________
*/


.colum-star {
    width: 22%;
}
/*.colum-commision { width: 21%; }*/
.colum-distance {
    width: 18%;
}

.colum-policy {
    width: 20%;
}

.colum-amenities {
    width: 40%;
}
/*______________________________________________________________________________


________________________________________________________________________________
*/


/*______________________________________________________________________________


________________________________________________________________________________
*/







/*________________________________________________________________________________________________________

SEARCH AREA
________________________________________________________________________________________________________*/
.search-card {
    border: none;
    border-radius: 10px;
    box-shadow: 10px 10px 40px rgb(0 0 0 / 10%);
}

.hh-form-control-block {
    border-bottom: solid 1px #D9E0EA;
    position: relative;
}

    .hh-form-control-block .colum-divider.max {
        min-width: 110px;
    }

    .hh-form-control-block .colum-divider:after {
        height: 40px;
        background-color: #D9E0EA;
        width: 1px;
        content: '';
        position: absolute;
        right: 0px;
        bottom: 0px;
    }

.inner-top-search-block .hh-form-control-block .colum-divider:after {
    height: 60px;
    top: 0px;
}

.inner-top-search-block .hh-form-control-block label {
    position: relative;
    top: 3px;
    font-size: 0.875rem;
}

.colum-divider-left {
    margin-left: 1rem;
}

    .colum-divider-left:after {
        left: 0px;
        right: inherit;
        height: 45px !important;
    }

.pcc-and-iata-code-near-to-search-area {
  /*  position: relative;*/
    bottom: 5px;
    left: 0;
    display: block;
}

    .pcc-and-iata-code-near-to-search-area a {
        color: #006FCF;
    }

    .pcc-and-iata-code-near-to-search-area span a {
        font-weight: 600;
    }

    .pcc-and-iata-code-near-to-search-area .dropdown-menu {
        margin-top: 10px;
    }

.hh-form-control-block label {
    margin-bottom: 3px; /*position: relative; top: 3px;*/
}

.custom-control label {
    top: inherit;
    cursor: pointer;
    line-height: 1.6;
    text-indent: 8px;
}

.hh-form-control-block .form-control.control-hh {
    border: none;
    border-radius: 0px;
    padding-left: 0px;
    padding-right: 0px;
    color: #1D1D1D;
    font-size: 1.125rem;
}

.inner-top-search-block .hh-form-control-block .form-control.control-hh {
    font-size: 0.9375rem;
    background-color: transparent;
    cursor: pointer
}

.colum-divider span.control-hh-value {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
}

    .colum-divider span.control-hh-value.more-than-one {
        width: 150px;
        max-width: 80%;
    }

.count-values-text {
    font-weight: 600;
    color: #4F8FEA !important;
}

.dropdown-list-item.active {
    font-weight: 600 !important;
}

@media (min-width: 1680px) {
    .colum-divider span.control-hh-value.more-than-one {
        width: 160px;
    }

    .custom-control label {
        line-height: 1.5;
    }

    .hh-form-control-block .form-control.control-hh {
        font-size: 1.25rem;
    }

    .inner-top-search-block .hh-form-control-block label {
        font-size: 1rem;
    }

    .inner-top-search-block .hh-form-control-block .form-control.control-hh {
        font-size: 1.0625rem;
    }
}

.hh-form-control-block .form-control-lg {
    height: calc(2.5em + 1rem + 2px);
    padding: 0rem 1rem 1.5rem 1rem;
    font-size: 1.25rem;
    line-height: 2.5;
    padding-left: 0px;
    padding-right: 0px;
    display: inherit;
}

.hh-form-control-block > label, .hh-form-control-block input[type="text"], .control-hh-value {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.control-hh-value, .control-hh {
    position: relative;
}

    .control-hh-value, .control-hh:hover {
        text-decoration: none;
    }

    .control-hh.edit:after {
        content: "\e916";
        position: absolute;
        right: 0px;
        font-size: 0.8rem;
        top: 8px;
        padding: 5px;
        padding-right: 0;
        display: none; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+1,1+53 */
        background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,1) 53%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,1) 53%, rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,1) 53%, rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1 ); /* IE6-9 */
    }
    /* .icon-edit:before*/
    .control-hh.edit:hover:after {
        display: inline;
    }

.hh-form-control-block .form-control::-webkit-input-placeholder {
    color: #99A4B4;
    opacity: 1;
}

.hh-form-control-block .form-control::-moz-placeholder {
    color: #99A4B4;
    opacity: 1;
}

.hh-form-control-block .form-control:-ms-input-placeholder {
    color: #99A4B4;
    opacity: 1;
}

.hh-form-control-block .form-control::-ms-input-placeholder {
    color: #99A4B4;
    opacity: 1;
}

.hh-form-control-block .form-control::placeholder {
    color: #99A4B4;
    opacity: 1;
    font-size: 0.75rem;
    position: relative;
    top: -2px;
}

@media (min-width: 1680px) {
    .hh-form-control-block .form-control::placeholder {
        font-size: 0.875rem
    }
}

.search-outline-area {
    background-color: #F1F3F6;
    padding: 0.6rem 1.5rem;
    border-radius: 100px;
    margin-right: 10px;
    position: relative;
}

    .search-outline-area.guest-rooms {
        min-width: 250px;
    }

    .search-outline-area.passanger {
        width: 260px;
    }

    .search-outline-area > .show {
        position: relative;
    }

        .search-outline-area > .show .dropdown-menu {
            margin-top: 20px;
            margin-left: -20px;
        }

.check-in {
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}

.check-out {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}

.night-count {
    position: absolute;
    right: -28px;
    top: 20px;
    background-color: #fff;
    border-radius: 50px;
    padding: 5px 5px;
    z-index: 1;
    width: 50px;
    text-align: center;
}

.search-outline-area label {
    margin: 0px;
}

.search-outline-area .form-control {
    padding: 0px;
    height: auto;
    border: none;
    background-color: transparent;
    border-radius: 0px;
    margin-top: 0.2rem;
    color: #1D1D1D;
    font-size: 1.125rem
}

    .search-outline-area .form-control.md {
        width: 155px;
    }

.search-outline-area .rate-plan-type-area .form-control {
    font-size: 1.125rem;
    font-weight: 500;
}


.search-outline-area .rate-plan-type-area {
    min-height: 30px;
    padding-top: 0.2rem;
    clear: both;
}

@media (min-width: 1680px) {
    .search-outline-area .form-control {
        font-size: 1.25rem
    }
    .search-outline-area .form-control.md {
        width: 175px !important;
     }

    .search-outline-area .rate-plan-type-area .form-control {
        font-size: 1rem
    }
}

.rate-plan-type-area .form-control {
    height: 24px;
    border-right: solid 1px #B8BCBE;
    text-align: center;
    min-width: 60px;
    font-weight: 300;
    text-transform: uppercase;
    cursor: pointer;
    padding: 0 8px;
}

    .rate-plan-type-area .form-control:focus {
        text-decoration: underline;
        font-weight: 600;
        border-right: solid 1px #D9E0EA;
    }

.rate-plan-type-area-more-link {
    float: left;
    padding-left: 5px;
    padding-top: 9px;
    color: #1D1D1D !important;
    text-decoration: none !important;
}

    .rate-plan-type-area-more-link.active .icon-arrow-right:before {
        content: "\e904";
    }

.btn.btn-hh {
    padding: 1.1rem;
}

.frequently-booked-card {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 0.6rem;
    background-color: #fff;
    border-radius: 22px;
}

    .frequently-booked-card .icons-block, .book-a-hotel-image .icons-block {
        position: absolute;
        top: 0;
        right: 0px;
        padding: 20px;
        text-align: right;
        z-index: 1;
    }

.book-a-hotel-image .icons-block {
    padding: 10px;
}

.frequently-booked-card-img {
    border-radius: 22px;
    overflow: hidden;
    transition: all 0.3s ease;
    min-height: 100px;
    background-color: #fff;
    margin-bottom: 0.8rem;
}

    .frequently-booked-card-img .spinner-border {
        margin: 75px auto;
        display: block;
    }

    .frequently-booked-card-img img { /*box-shadow: 0px 0px 40px -20px #1D1D1D; border-radius: 3px;*/
        transition: all 0.3s ease;
    }

.frequently-booked-card:hover .frequently-booked-card-img img {
    transform: scale(1.1);
    transition: all 0.1s ease;
}

.customer-and-pnr-search-dropdown {
    margin-top: -30px;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #60A1FF;
    background-color: #60A1FF;
}

.frequently-booked-card a {
    color: #1D1D1D
}

    .frequently-booked-card a:hover {
        color: #60A1FF
    }

.small {
    width: 1.2rem;
    height: 1.2rem;
    border-width: 0.15rem;
}

.frequently-booked-card h5 {
    margin-bottom: 0.3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (min-width: 1680px) {
    .rate-plan-type-area .form-control {
        min-width: 104px !important;
    }
}
/*______________________________________________________________________________

FOR PAGE LOADING
________________________________________________________________________________
*/

.loading {
    position: fixed;
    width: 44px;
    height: 44px;
    margin-left: -22px;
    margin-top: -22px;
    left: 50%;
    top: 50%;
    z-index: 999999;
}

.loding-overlay {
    position: fixed;
    background: #ffffffc7;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.loading .spinner-border {
    z-index: 1;
    position: relative;
    width: 44px;
    height: 44px;
}

.loading.with-logo .logo-image {
    position: absolute;
    z-index: 1;
    height: 32px;
    width: 32px;
    left: 14px;
    top: 13px;
}

.logo-image img {
    height: 32px;
    width: 32px;
}

.logo-loading-image .tmc-logo {
    background: url(../images/hh-logo.svg) no-repeat;
    background-size: contain;
    border: none;
    height: 32px;
    width: 32px;
    display: block;
}

.loading.with-logo {
    width: 60px;
    height: 60px;
    margin-left: -30px;
    margin-top: -30px;
}

    .loading.with-logo .spinner-border {
        width: 60px;
        height: 60px;
        border-width: 1px;
        color: #1D1D1D;
    }
/*______________________________________________________________________________


________________________________________________________________________________
*/

.dropdown-menu {
    min-width: inherit
}

.dropdown-menu {
    font-size: 0.875rem;
}

.btn-dropdown {
}

    .btn-dropdown.show .dropdown-toggle::after {
        border-bottom: 0.4em solid;
        border-top: 0;
    }

    .btn-dropdown.sm .dropdown-toggle {
        border-radius: 100px;
        padding: 0.6rem;
        width: 100px;
    }

    .btn-dropdown.sm .dropdown-menu {
        width: 100px !important;
    }

    .btn-dropdown.primary .dropdown-menu {
        padding-top: 0px !important;
    }

        .btn-dropdown.primary .dropdown-menu a {
            font-size: 95%;
        }

    .btn-dropdown .dropdown-toggle {
        border-radius: 100px;
        padding: 1.1rem;
        width: 230px;
        font-weight: 600;
    }

        .btn-dropdown .dropdown-toggle::after {
            top: 2px;
            position: relative;
            margin: 0px; /*right: -10px; */
        }

    .btn-dropdown.show .dropdown-toggle {
        border-radius: 30px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .btn-dropdown.show.sm .dropdown-toggle {
        border-radius: 19px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

.card-rate-aggregator-list-grouping-block .btn-dropdown.show.sm .dropdown-toggle {
    border-radius: 15px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.btn-dropdown .dropdown-toggle .icon-fly-landing-black {
    font-size: 125%;
    padding-right: 5px;
}

.btn-dropdown .dropdown-menu {
    border-radius: 25px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    width: 230px;
    border: none;
    background-color: #60A1FF;
    margin: 0 !important;
    top: inherit !important;
    transform: inherit !important;
    overflow: hidden;
    padding: 0px;
}

.btn-dropdown.sm .dropdown-menu {
    border-radius: 18px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.btn-dropdown .dropdown-menu a, .btn-dropdown .dropdown-menu .dropdown-item.heading {
    color: #fff;
    background-color: transparent;
    padding-left: 56px;
}

.btn-dropdown.sm .dropdown-menu a {
    padding-left: 31px;
}

.btn-dropdown .btn-light, .btn-dropdown .btn-light:not(:disabled):not(.disabled):active, .btn-dropdown .btn-light:not(:disabled):not(.disabled).active, .show.btn-dropdown > .btn-light.dropdown-toggle {
    background-color: #fff;
    border: none;
}

.show.btn-dropdown > .btn-light.dropdown-toggle, .btn-dropdown > .btn-light.active {
    background-color: #60A1FF;
    color: #fff !important;
}

.btn-dropdown .dropdown-item {
    padding: 0.5rem 1.5rem;
}

@media (min-width: 1680px) {
    .dropdown-menu {
        font-size: 0.9375rem;
    }
    .express-mode-true .list-table-cards .dropdown-menu {
        font-size: 1rem !important;
    }
    .btn-dropdown .dropdown-menu a, .btn-dropdown .dropdown-menu .dropdown-item.heading {
        padding-left: 47px;
    }
}

.btn-dropdown .btn-primary, .btn-dropdown .btn-primary:not(:disabled):not(.disabled):active, .btn-dropdown .btn-primary:not(:disabled):not(.disabled).active, .show.btn-dropdown > .btn-primary.dropdown-toggle {
    background-color: #60A1FF;
    border: none;
}

.show.btn-dropdown > .btn-primary.dropdown-toggle {
    background-color: #60A1FF;
    color: #fff !important;
}

.pnr-block .dropdown-toggle {
    text-align: left !important;
}

    .pnr-block .dropdown-toggle::after {
        right: -15px;
    }

.pnr-block .dropdown-menu {
    padding-left: 5px;
    padding-right: 5px;
    /*text-align: center;
    background-color: #60A1FF*/
}

.pnr-block .dropdown-item:hover {
    background-color: #60A1FF !important
}

.pnr-block .dropdown-menu a {
    padding: 5px 0px !important;
    text-align: center;
    border-bottom: solid 1px #fff !important;
}

.dropdown-menu .btn-primary {
    background-color: #4F8FEA;
    border-color: #4F8FEA;
}

.dropdown-menu .btn-secondary {
    background-color: #1D1D1D;
    border-color: #1D1D1D;
}

.dropdown-menu .btn-primary.disabled, .dropdown-menu .btn-primary:disabled, .dropdown-menu .btn-primary.disabled:focus, .dropdown-menu .btn-primary:disabled:hover {
    color: #000;
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    opacity: 0.2;
    font-style: italic;
}

.dropdown-list-item .form-control, .dropdown-list-item .form-control:hover, .dropdown-list-item .form-control:focus {
    border: none;
    background-color: transparent;
    padding: 0px;
    border-bottom: solid 1px #fff;
    max-width: -webkit-fill-available;
    text-align: center;
    color: #fff;
    font-size: 0.875rem;
    border-radius: 0px;
}

.btn-like-form-control {
    background-color: transparent;
    border: none;
    padding: 0px;
    font-size: 0.875rem;
    font-weight: 600;
}

.read-more-link {
    color: #60A1FF !important;
    font-weight: 600;
    text-transform: uppercase
}

.select-all-link .read-more-link, .select-all-link .read-more-link:hover {
    color: #60A1FF !important;
}

@media (min-width: 1680px) {
    .btn-like-form-control {
        font-size: 1rem;
    }
}

.btn-dropdown a:hover {
    text-decoration: none;
    opacity: 0.9;
    background-color: rgb(0 0 0 / 18%);
}

.btn-dropdown.primary {
    text-transform: uppercase;
}

    .btn-dropdown.primary .dropdown-menu:before {
        background-color: transparent
    }

    .btn-dropdown.primary label {
        color: #fff;
    }

.dropdown-list-item-link {
    border-top: solid 1px #FFF;
    margin: auto 8px;
    padding: 0.5rem;
}

    .dropdown-list-item-link a:hover {
        background-color: transparent;
    }

.not-available-drp {
    border: solid 1px #F1F3F6 !important;
}

    .not-available-drp .dropdown-list-item, .not-available-drp .dropdown-list-item:hover { /*  padding: 1.4rem!important; font-weight: 600;*/
        padding: 1rem !important;
        background-color: #F1F3F6 !important;
        margin: 0px;
    }
/*______________________________________________________________________________


________________________________________________________________________________
*/


.flex-container {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: space-around
}

.flex-count {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    width: 100%;
}

.flex-item {
    display: list-item;
    padding: 0;
    margin-bottom: 30px;
    width: 100%;
}

@media (min-width: 1280px) {
    .flex-count {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4
    }
}
/*______________________________________________________________________________


________________________________________________________________________________
*/


.inner-top-search-block {
    box-shadow: none;
    border: solid 1px #D9E0EA;
}

    .inner-top-search-block .hh-form-control-block {
        border: none;
    }

    .inner-top-search-block .first-colum-width {
        width: 57%
    }

    .inner-top-search-block .second-colum-width {
        width: 43%
    }

    .inner-top-search-block .customer-name-col-width {
        width: 30%;
    }

    .inner-top-search-block .traveller-details-col-width {
        width: 33%;
    }

    .inner-top-search-block .check-in-col-width {
        width: 37%;
    }

    .inner-top-search-block .location-col-width {
        width: 37%;
    }

    .inner-top-search-block .room-rates-col-width {
        width: 30%;
    }

    .inner-top-search-block .payment-mode-col-width {
        width: 33%;
        white-space: nowrap;
    }


    .inner-top-search-block .hh-form-control-block .colum-divider input { /* padding: 0px;*/
    }

    .inner-top-search-block .card-body {
        padding-bottom: 0.9rem;
    }

    .inner-top-search-block .top-selection.active:after {
        content: '';
        position: absolute;
        height: 6px;
        background-color: #42E085;
        top: -16px;
        left: 0;
        width: 100%;
    }

    .inner-top-search-block .top-selection.first:after {
        border-top-left-radius: 50px;
    }

    .inner-top-search-block .top-selection.last:after {
        border-top-right-radius: 50px;
    }

    .inner-top-search-block .top-selection.disable .control-hh {
        color: #6C7583;
        font-style: italic;
        cursor: default;
    }
/*______________________________________________________________________________


________________________________________________________________________________
*/


.card-search-list {
    box-shadow: none;
    border: solid 1px #D9E0EA;
    border-radius: 20px;
}

    .card-search-list .card-header {
        background-color: #fff;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        font-weight: 600;
        text-transform: uppercase;
    }

.main-box-hotel-listing.active .card-search-list .card-header {
    border-top-right-radius: 0px;
}

.main-box-hotel-listing .card-hotel-list.active {
    background-color: transparent;
    cursor: inherit
}

.main-box-hotel-listing.active .card-hotel-list.active {
    background-color: #F1F3F6;
    cursor: pointer;
}

.card-hotel-list.on .btn-outline-primary {
    color: #fff;
    background-color: #1D1D1D;
    border-color: #1D1D1D;
}

.map-search-progress-bar {
    padding: 1rem;
    text-align: center;
}

    .map-search-progress-bar .progress {
        border-radius: 1rem;
        height: 10px;
        margin-bottom: 1rem;
    }

        .map-search-progress-bar .progress .progress-bar {
            background-color: #1D1D1D;
        }

.hotel-number-width { /*width: 40px!important; max-width: 40px!important; */
    text-align: center;
    max-width: 50px
}

.card-search-list .card-header {
    padding: 0rem 2.25rem;
    background-color: #F1F3F6;
    font-size: 0.75rem;
    padding-left: 0.5rem;
}

    .card-search-list .card-header .inside-hotel-list-contents {
        padding: 0.50rem 0rem;
        position: relative;
    }

.card-search-list .card-hotel-list {
    padding: 0 2.25rem;
    border-bottom: solid 1px #D9E0EA;
    padding-left: 0.5rem;
}

    .card-search-list .card-hotel-list .inside-hotel-list-contents {
        padding: 0.885rem 0rem;
        position: relative;
    }

.main-box-hotel-listing.active .card-search-list .card-hotel-list, .main-box-hotel-listing.active .card-search-list .card-header {
    padding-left: 0.5rem;
}

.priority-badge {
    padding: 0.3rem 0.6rem;
    display: inline-block;
    border-radius: 11px;
    font-size: 0.75rem;
    font-weight: 700;
    background-color: #D9E0EA;
    min-width: 40px;
    min-height: 25px;
    text-align: center;
    color: #fff;
}

    .priority-badge.cp {
        background-color: #60A1FF;
    }

    .priority-badge.ap {
        background-color: #42E085;
        margin-right: 3px;
    }

.card-hotel-list-view {
    padding: 1rem 1.25rem;
}

.img-hotel-list-gallery {
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    /*background-color: #FFF;*/
    text-align: center;
}

    .img-hotel-list-gallery .carousel-item-row {
        height: 190px;
        max-height: 200px;
    }

        .img-hotel-list-gallery .carousel-item-row img {
            width: auto;
            max-height: 190px;
        }


.rate-details-gallery .carousel-thumbs img {
    padding: 0px !important;
    height: 60px;
}

a.img-hotel-list-gallery {
    display: block;
}

.img-hotel-list-gallery > .row {
    height: 250px;
}

.img-h-block {
    height: 300px;
}

    .img-h-block > img {
        height: 100%;
    }

.img-hotel-list-gallery img {
    max-height: 300px;
}

.img-hotel-list-gallery.more-photos:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgb(0 0 0 / 50%);
    left: 0;
}

.img-hotel-list-gallery.more-photos img {
    filter: blur(3px);
    -webkit-filter: blur(3px);
}

.img-hotel-list-gallery.more-photos h6 {
    position: absolute;
    z-index: 1;
    text-align: center;
    width: 100%;
    margin: 0;
    height: 100%;
    padding-top: 0.8rem;
    color: #fff;
}

.img-thumbnail-view img {
    height: 60px;
}

.card-search-area-form .card-rate-aggregator-list-grouping-block.second, .collapse.show .card-hotel-list-view {
    border-bottom: solid 1px #D9E0EA; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,d9e0ea+100 */
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(217,224,234,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(217,224,234,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(217,224,234,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9e0ea', GradientType=0 ); /* IE6-9 */
}

.hotel-card-grid:last-child .card-hotel-list {
    border-bottom: 0px;
}

.hotel-card-grid:last-child .collapse.show .card-hotel-list-view {
    border-top: solid 1px #D9E0EA;
}

.card-hotel-list {
    position: relative;
}

@media (min-width: 1680px) {
    .card-search-list .card-header {
        font-size: 0.875rem;
    }

    .hotel-number-width {
        width: 50px !important;
        max-width: 50px !important;
        text-align: center
    }
}
/*______________________________________________________________________________


________________________________________________________________________________
*/


.card-box-hh {
    border-radius: 20px;
    border: none;
    box-shadow: 10px 10px 40px rgb(0 0 0 / 10%);
}

    .card-box-hh.collaps-mode {
        box-shadow: none;
        border: solid 1px #D9E0EA;
        border-radius: 20px;
    }

    .card-box-hh .card-header {
        background-color: #1D1D1D;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        color: #fff;
        text-transform: uppercase;
    }

        .card-box-hh .card-header.collapsed {
            background-color: #fff;
            color: #1D1D1D;
            border-radius: 20px;
        }

            .card-box-hh .card-header.collapsed a {
                color: #1D1D1D;
            }

        .card-box-hh .card-header a {
            color: #fff;
            text-decoration: none !important;
        }

.card-compare {
    border-radius: 10px;
    border: none;
    box-shadow: 0px 5px 15px hsl(0deg 0% 0% / 20%)
}

    .card-compare h3 {
        font-weight: 700;
    }

    .card-compare h2 {
        color: #FFF;
    }

/*-------------------------*/
.agency .btn-dropdown .btn-primary {
    background-color: #42e085;
    border-color: #42e085;
}

.agency .show.btn-dropdown > .btn-primary.dropdown-toggle {
    background-color: #42e085 !important;
}

.agency .drp-btn-autobook .dropdown-menu .dropdown-item, .agency .drp-btn-autobook .dropdown-menu .dropdown-item.heading {
    background-color: #42e085;
}

.agency .btn-dropdown .btn-primary, .agency .btn-dropdown .btn-primary:not(:disabled):not(.disabled):active, .agency .btn-dropdown .btn-primary:not(:disabled):not(.disabled).active, .agency .show.btn-dropdown > .btn-primary.dropdown-toggle {
    background-color: #42e085;
}

/*-------------------------*/
.client .btn-dropdown .btn-primary {
    background-color: #60A1FF;
    border-color: #60A1FF;
}

.client .show.btn-dropdown > .btn-primary.dropdown-toggle {
    background-color: #60A1FF !important;
}

.client .drp-btn-autobook .dropdown-menu .dropdown-item, .client .drp-btn-autobook .dropdown-menu .dropdown-item.heading {
    background-color: #60A1FF;
}

.client .btn-dropdown .btn-primary, .client .btn-dropdown .btn-primary:not(:disabled):not(.disabled):active, .client .btn-dropdown .btn-primary:not(:disabled):not(.disabled).active, .client .show.btn-dropdown > .btn-primary.dropdown-toggle {
    background-color: #60A1FF;
}

/*-------------------------*/
.cheapest .btn-dropdown .btn-primary {
    background-color: #1D1D1D;
    border-color: #1D1D1D;
}

.cheapest .show.btn-dropdown > .btn-primary.dropdown-toggle {
    background-color: #1D1D1D !important;
}

.cheapest .drp-btn-autobook .dropdown-menu .dropdown-item, .cheapest .drp-btn-autobook .dropdown-menu .dropdown-item.heading {
    background-color: #1D1D1D;
}

.cheapest .btn-dropdown .btn-primary, .cheapest .btn-dropdown .btn-primary:not(:disabled):not(.disabled):active, .cheapest .btn-dropdown .btn-primary:not(:disabled):not(.disabled).active, .cheapest .show.btn-dropdown > .btn-primary.dropdown-toggle {
    background-color: #1D1D1D;
}

.card.cap-rate {
    overflow-y: auto;
    max-height: 450px;
}

.card-compare .card-header {
    text-align: center;
    background-color: #D9E0EA;
    color: #ffffff;
    border: none;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    text-transform: uppercase;
}

.card-compare.client .card-header {
    background-color: #00424C;
}

.card-compare.agency .card-header {
    background-color: #D40049;
}

.card-compare.cheapest .card-header {
    background-color: #1D1D1D;
}

.item a.close {
    position: absolute;
    top: -15px;
    right: 15px;
    color: #fff;
    font-size: 0.65rem;
    opacity: 1 !important;
}

.compare-hotel {
    height: 38px;
}

.footer-links a.EmailOffer, .card-compare h5 {
    color: #1d1d1d;
    /*text-decoration: underline;*/
}

.agency .btn-outline-primary {
    color: #FFF;
    border-color: #42E085;
    background-color: #42E085;
}

.client .btn-outline-primary {
    color: #FFF;
    border-color: #60A1FF;
    background-color: #60A1FF;
}

.cheapest .btn-outline-primary {
    color: #FFF;
    border-color: #1D1D1D;
    background-color: #1D1D1D;
}

.hotel-card-main .hotel-facility-icon.img img {
    width: 32px !important;
}

.card-compare .card-body {
    background-color: #FFFFFF;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-top: 1rem;
}

    .card-compare .card-body .card-repeat-box {
        border-bottom: solid 1px #D9E0EA;
        padding-bottom: 0.7rem;
        margin-bottom: 0.7rem;
    }

        .card-compare .card-body .card-repeat-box:last-child {
            border: none;
            margin: 0;
            padding: 0;
        }

        .card-compare .card-body .card-repeat-box.footer-links {
            color: #D9E0EA;
            font-weight: 600;
        }

.card-repeat-box .hotel-card {
    height: 32px;
}

.hotel-card-main .card-header h4, .hotel-card-main .card-header h3 {
    color: #FFF;
}

.card-box-hh .btn {
    font-size: 0.8125rem;
    font-weight: 700;
}

.card-box-hh.no-space, .card-box-hh.no-space .card-body {
    padding: 0px;
    box-shadow: none;
    border: none;
    padding: 0px;
}
/*.card-compare ul li { padding: 3px 0; }*/
.card-box-hh .card-footer {
    background-color: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border: none;
    padding: 0.94rem;
    padding-top: 1rem;
}

.campare-cards-block {
    padding: 0rem 2rem;
}

@media (min-width: 1680px) {
    .card-box-hh .btn {
        font-size: 0.9375rem;
    }
}

@media (min-width: 1280px) {
    .campare-cards-block {
        padding: 0rem 5rem;
    }
}

@media (min-width: 1360px) {
    .campare-cards-block {
        padding: 0rem 4rem;
    }
}

.campare-cards-block .footer-links {
    text-transform: uppercase;
}

    .campare-cards-block .footer-links .remove {
        color: #F86363
    }

.add-compare {
    position: relative;
    border-top-right-radius: 20px;
    text-align: center;
    box-shadow: none;
}

.add-compare-row {
    min-height: 590px;
}

.add-compare:after {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='29' ry='29' stroke='%23333' stroke-width='1' stroke-dasharray='9' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
    border-radius: 29px;
    opacity: 0.5;
}

.add-compare a {
    position: relative;
    z-index: 1;
    text-transform: uppercase;
    color: #99A4B4;
    font-weight: 600;
}

    .add-compare a:hover {
        color: #4F8FEA;
    }

@media (min-width: 1680px) {
    .add-compare-row {
        min-height: 630px;
    }
}
/*______________________________________________________________________________


________________________________________________________________________________
*/

.card-listing-grid {
    font-size: 1.125rem;
    font-weight: 600;
    border-bottom: solid 1px #D9E0EA;
    padding-bottom: 0.5rem;
    padding-bottom: 0.5rem;
    margin: 0.5rem;
}

    .card-listing-grid:first-child {
        margin-top: 0px;
    }

    .card-listing-grid:last-child {
        margin-bottom: 0px;
        border-bottom: 0px;
    }

    .card-listing-grid .amount-text {
        font-size: 1.25rem;
    }

    .card-listing-grid .remove {
        font-size: 0.8125rem;
        color: #F86363;
        text-decoration: none;
        text-transform: uppercase;
        font-weight: 400;
    }

        .card-listing-grid .remove:hover {
            text-decoration: underline;
        }

@media (min-width: 1680px) {
    .card-listing-grid {
        font-size: 1.25rem;
    }

        .card-listing-grid .amount-text {
            font-size: 1.375rem;
        }

        .card-listing-grid .remove {
            font-size: 0.9375rem;
        }
}
/*______________________________________________________________________________


________________________________________________________________________________
*/
.btn-filter {
    background-color: transparent;
    border-color: #D9E0EA;
}

.btn-group.show .btn-filter {
    background-color: #FFF;
    border-color: #D9E0EA;
    color: #000;
}

.btn-filter:hover, .btn-filter:focus {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    color: #000; /*font-weight:700!important;*/
    transition: all 0.3s ease;
}

.btn-filter.active, .btn-filter.active:hover, .btn-group .btn-filter.active {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    color: #000;
    transition: all 0.3s ease;
}

.btn-filter.selected, .btn-filter.selected:hover, .btn-group .btn-filter.selected {
    background-color: #00424e;
    border-color: #00424e;
    color: #fff;
    font-weight: 600 !important;
    transition: all 0.3s ease;
}

.btn-filter-outline-light, .btn-change-gds {
    background-color: transparent;
    border-color: #D9E0EA;
}

    .btn-filter-outline-light.active {
        background-color: #FFF;
        border-color: #D9E0EA;
        color: #000;
    }

    .btn-filter-outline-light.selected {
        background-color: #60a1ff;
        border-color: #60a1ff;
        color: #FFF;
        font-weight: 600 !important
    }

    .btn-change-gds.active {
        background-color: #60a1ff;
        border-color: #60a1ff;
        color: #fff;
    }

        .btn-filter-outline-light.active, .btn-filter-outline-light:hover, .btn-filter-outline-light.active:hover, .btn-filter-outline-light:focus, .btn-change-gds.active, .btn-change-gds:hover, .btn-change-gds.active:hover, .btn-change-gds:focus, {
            background-color: #60a1ff;
            border-color: #60a1ff;
            color: #fff;
        }

.input-group-prepend.show .btn-filter-outline-light, .btn-group.show .btn-filter-outline-light {
    background-color: #FFFFFF;
    border-color: #D9E0EA;
    color: #000;
}

.btn-main-filter.active {
    background-color: #60A1FF !important;
    border-color: #60A1FF !important;
    color: #fff;
    font-weight: 700 !important;
}

.btn-outline-light i {
    position: relative;
    top: 1px;
}

.icon-sort-by-toggle {
    background: url(../../../images/icons/sort-by.svg) no-repeat;
    height: 12px;
    width: 12px;
    display: inline-block;
}

.input-group-prepend.show .btn-filter-outline-light .icon-sort-by-toggle {
    background: url(../../../images/icons/sort-by.svg) no-repeat;
}

.sort1 .icon-sort-by-toggle {
    background: url(../../../images/icons/sort-by-1.svg) no-repeat;
}

.input-group-prepend.show .btn-filter-outline-light.sort1 .icon-sort-by-toggle {
    background: url(../../../images/icons/sort-by-1.svg) no-repeat;
}

.sort2 .icon-sort-by-toggle {
    background: url(../../../images/icons/sort-by-2.svg) no-repeat;
}

.input-group-prepend.show .btn-filter-outline-light.sort2 .icon-sort-by-toggle {
    background: url(../../../images/icons/sort-by-2.svg) no-repeat;
}

.select-sort-or-filter .btn-filter-outline-light.sort1 .icon-sort-by-toggle {
    background: url(../../../images/icons/sort-by-3.svg) no-repeat;
    background-size: contain;
}

.select-sort-or-filter .btn-filter-outline-light.sort2 .icon-sort-by-toggle {
    background: url(../../../images/icons/sort-by-4.svg) no-repeat;
    background-size: contain;
}
/*______________________________________________________________________________


________________________________________________________________________________
*/

.nav-tabs {
}

    .nav-tabs .nav-link {
        color: #1D1D1D !important;
        background-color: #D9E0EA;
        border-color: #D9E0EA;
        border-bottom: none;
        text-align: center;
        margin-left: 1px;
        margin-right: 10px;
        position: relative;
        left: -1px; /*max-width: 178px;*/
        white-space: nowrap; /*overflow: hidden;*/
        text-overflow: ellipsis;
    }

    .nav-tabs .nav-link { /*min-height: 75px;*/
        padding: 1rem 0.3rem;
        min-width: 140px;
        font-size: 0.6875rem;
        font-weight: 300;
        min-width: 140px;
    }

.hotel-details-view-block .nav-tabs .nav-link {
    min-height: 70px;
    text-transform: uppercase;
    padding: 0.5rem 0.3rem
}

.nav-tabs .nav-link.active {
    font-weight: 700 !important;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    background-color: #FFFFFF;
    border-color: #D9E0EA;
}

.nav-tabs .nav-item:first-child .nav-link.active {
    border-left-color: #FFFFFF;
}

.nav-tabs .nav-item .nav-link {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.tab-content {
    background-color: #FFFFFF;
    padding: 1rem;
}

.nav-tabs .nav-link h5 {
    font-weight: 700;
}

.compare-email-block .nav-link {
    padding: 1rem 1.5rem;
}

.hotel-details-view-block .fixed-nav-scroll .nav-tabs {
    padding-top: 1rem;
    min-height: 80px;
}

.converted-currency .hotel-details-view-block .nav-tabs .nav-link {
    min-height: 100%;
}

@media (min-width: 1680px) {
    .nav-tabs .nav-link {
        font-size: 0.8125rem;
    }

    .hotel-details-view-block .nav-tabs .nav-link {
        min-height: 75px;
    }
    /*.converted-currency .hotel-details-view-block .nav-tabs .nav-link { min-height: 90px; }*/
    .nav-tabs .nav-link {
        min-width: 150px;
        min-width: 150px;
    }
}

.compare-email-block .nav-link h2 {
    font-weight: 500
}

.compare-email-block .nav-link.active h2 {
    font-weight: 600
}
/*______________________________________________________________________________


________________________________________________________________________________
*/

.card-rate-aggregator {
    padding: 0;
    background-color: transparent !important;
    border: none;
}

    .card-rate-aggregator .card-body {
        padding: 0;
        border: none;
        box-shadow: none;
        background-color: transparent;
    }

    .card-rate-aggregator .card-rate-aggregator-list .card-rate-aggregator-list-main {
        border-bottom: solid 1px #D9E0EA;
        padding: 0.5rem 1rem;
        cursor: pointer;
        position: relative;
    }

.card-rate-aggregator-list-main h4 { /*font-weight: 700;*/
    text-transform: uppercase;
    color: #1D1D1D
}

.card-rate-aggregator .card-rate-aggregator-list .card-rate-aggregator-list-main.collapsed:after, .card-rate-aggregator-list-grouping .card-rate-aggregator-list-grouping-block.collapsed:after {
    width: 0 !important;
}

.rate-details-view {
    position: relative;
}

.card-rate-aggregator-list-grouping-block.second:after {
    display: none;
}

.card-rate-aggregator .card-rate-aggregator-list:last-child .card-rate-aggregator-list-main {
    border-bottom: 0px;
}

.card-rate-aggregator-list-grouping.heading {
    padding: 0.6rem 1rem;
    background-color: #FFFFFF;
    font-weight: 600;
    text-transform: uppercase;
    white-space: nowrap;
    font-size: 0.75rem;
}

.card-rate-aggregator-list-grouping {
    border-bottom: solid 1px #D9E0EA;
    background-color: #FFFFFF
}

.card-rate-aggregator-list-grouping-block {
    padding: 0.85rem 1rem; /*border-bottom:solid 2px rgb(153 164 180 / 32%);*/
}

.card-rate-aggregator-list-grouping-block {
    border-bottom: 0px;
    position: relative;
}

    .card-rate-aggregator-list-grouping-block.second {
        border-top: solid 1px #D9E0EA; /* background-color: #fff;*/
        border-bottom: solid 1px #D9E0EA; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,d9e0ea+100 */
        background: rgb(255,255,255); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(217,224,234,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(217,224,234,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(217,224,234,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9e0ea', GradientType=0 ); /* IE6-9 */
    }

.card-rate-aggregator-list-grouping.on {
    background-color: #fff;
}

@media (min-width: 1680px) {
    .card-rate-aggregator-list-grouping.heading {
        font-size: 0.875rem;
    }

    .card-rate-aggregator-list-grouping-block.second {
    }
}

.aggregator-label-heading {
    font-weight: 300;
    text-transform: uppercase;
}
/*______________________________________________________________________________


________________________________________________________________________________
*/

.for-filter-dropdown-menu {
   /* padding: 0;*/
    border: solid 1px #D9E0EA;
    border-radius: 10px;
    background-color: #FFFFFF;
    box-shadow: 10px 10px 30px rgb(0 0 0 / 16%);
    width: 500px;
}

    .for-filter-dropdown-menu.lg {
        width: 400px
    }

    .for-filter-dropdown-menu.sm {
        width: 230px;
    }
    /*Increased width from 320 to 380..fix for FCM-8852*/
    .for-filter-dropdown-menu.md {
        width: 380px;
    }

.for-filter-search-type-list {
    padding: 0;
    max-height: 400px;
    overflow-y: auto;
    padding-top: 0.9rem;
    padding-bottom: 0.9rem;
}

.dropdown-multiple-list .for-filter-search-type-list {
    max-height: 155px;
    overflow-y: auto;
}

.dropdown-footer {
    padding: 0rem 0.7rem;
}

.for-filter-search-type-list > .row {
    padding: 0.5rem 1.2rem;
    border-bottom: none;
    white-space: normal;
}

    .for-filter-search-type-list > .row:hover {
        background-color: #F1F3F6;
    }

    .for-filter-search-type-list > .row.no-hover:hover {
        background-color: #FFFFFF;
    }

    .for-filter-dropdown-menu.secondary .for-filter-search-type-list > .row.heading, .for-filter-search-type-list > .row.heading {
        background-color: #FFF;
        padding-top: 0 !important;
        font-weight: 600;
        text-transform: uppercase;
    }

.for-filter-search-type-list.small-pace > .row {
    padding: 0.5rem 1.2rem;
    margin-bottom: 0;
}

.for-filter-search-type-list > .row:first-child {
    border: none;
}

.for-filter-search-type-list > .row:last-child {
    border: none;
}

.for-filter-search-type-list label {
}

.for-dropdown-style-a {
    border-radius: 20px;
    background-color: #1D1D1D;
    border: none;
    color: #fff;
    min-width: 280px;
    padding: 0.4rem 1.2rem;
    margin-left: -36px;
}

.for-filter-search-type-list a {
    color: #99A4B4
}

.for-filter-search-type-list.primary a {
    color: #1D1D1D
}

.for-filter-search-type-list a:hover, .for-filter-search-type-list a:hover .type-highlights-text, .for-filter-search-type-list > .row:hover {
    /*color: #1D1D1D !important;*/ /*font-weight: 600!important;*/
}
/*.for-filter-search-type-list > .row:hover .type-highlights-text,
.for-filter-search-type-list > .row:hover .fade-primary-text { font-weight: 400!important; }*/
.type-highlights-text {
    color: #1D1D1D;
}

.for-dropdown-style-a .btn-secondary {
    background-color: #60A1FF;
    border-color: #60A1FF;
}

@media (min-width: 1680px) {
    .for-dropdown-style-a {
        margin-left: -40px;
    }
}

.for-filter-dropdown-menu .dropdown-item-text:hover {
    text-decoration: inherit;
    color: #1D1D1D;
}

.for-filter-dropdown-menu.secondary {
    background-color: #FFFFFF;
    padding: 0;
    border-radius: 20px;
    box-shadow: 10px 10px 30px rgb(0 0 0 / 16%);
}

    .for-filter-dropdown-menu.secondary .for-filter-search-type-list > .row {
        border: none;
        padding: 0.4rem 1.2rem !important;
    }

    .for-filter-dropdown-menu.secondary .for-filter-search-type-list label {
    }

    .for-filter-dropdown-menu.secondary .for-filter-search-type-list > .row:first-child {
        padding-bottom: 0 !important;
    }

    .for-filter-dropdown-menu.secondary .custom-radio .custom-control-label::before {
    }

    .for-filter-dropdown-menu.secondary .custom-control-input:checked ~ .custom-control-label::before {
        background-color: #60A1FF;
        border-color: #60A1FF;
    }

    .for-filter-dropdown-menu.secondary.no-border .for-filter-search-type-list .row:last-child {
        border-top: 0px !important;
    }

    .for-filter-dropdown-menu.secondary .for-filter-search-type-list > .row {
        padding: 0.3rem 0;
        margin-bottom: 0;
    }

.for-filter-dropdown-menu .for-filter-search-type-list {
    border-bottom: solid 1px #D9E0EA;
}

    .for-filter-dropdown-menu .for-filter-search-type-list:last-child {
        border: none; /*padding-bottom: 0px;*/
    }

.for-filter-dropdown-menu.extra-theme {
    background-color: #D9E0EA;
    border-radius: 6px;
    padding: 0.5rem;
    max-width: 200px;
}

    .for-filter-dropdown-menu.extra-theme .for-filter-search-type-list > .row {
        border-color: rgb(153 164 180 / 41%);
    }

.not-available-drp .for-filter-search-type-list {
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 20px;
}
/*______________________________________________________________________________


________________________________________________________________________________
*/
.form-control-secondary {
    border-radius: 10px !important;
    border-color: #D9E0EA;
}

    .form-control-secondary.with-icon {
        padding-left: 30px;
    }

.dropdown-black-view .form-control-secondary {
    border: none !important;
}
/*______________________________________________________________________________


________________________________________________________________________________
*/

.btn-group-toggle .btn-outline-light {
    color: #212529;
    background-color: transparent;
    border-color: #D9E0EA;
}

.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
    color: #fff;
    background-color: #60A1FF;
    border-color: #60A1FF;
    font-weight: 700 !important
}
/*______________________________________________________________________________


________________________________________________________________________________
*/


/*______________________________________________________________________________


________________________________________________________________________________
*/

.badge {
    font-weight: 600;
}

.badge-secondary {
    color: #1D1D1D;
    background-color: #D9E0EA;
}

    .badge-secondary .form-control {
        width: 100%;
        min-width: 350px;
        margin: 0px;
      /*  padding: 0px;*/
    }
    .badge-secondary .JQ-Step1 {
        width: 100%;
        min-width: 380px;
        margin: 0px;
        padding: 0px;
    }
.show.badge-secondary {
    background-color: #60A1FF;
    color: #fff;
}

  /*  .show.badge-secondary a.close {
        color: #fff !important;
    }*/
/*______________________________________________________________________________


________________________________________________________________________________
*/




.bootstrap-tagsinput {
    background-color: transparent;
    border: none;
    box-shadow: none;
    vertical-align: middle;
    padding-bottom: 5px;
    padding-top: 0.13rem;
}

    .bootstrap-tagsinput input {
    }

        .bootstrap-tagsinput input:focus {
            border: none;
            box-shadow: none;
        }

    .bootstrap-tagsinput .icon-colleagues {
        font-size: 1rem;
    }

    .bootstrap-tagsinput .badge {
        margin: 0;
        margin-bottom: 5px;
        font-size: 1.0625rem;
        margin-right: 10px;
        /*float: left;*/
        padding: 0.455rem;
        border-radius: 30px;
        text-transform: uppercase;
        display: inline-block;
        line-height: 1.5;
    }

.pnr-badge-count.badge {
    cursor: pointer;
}

.bootstrap-tagsinput .badge a.close {
    color: #000;
    opacity: 1;
    text-decoration: none;
    font-size: 55%;
    position: relative;
    top: 4px;
    padding: 5px;
    background-color: #FFF;
    border-radius: 10px;
    margin-left: 5px;
}

/*.bootstrap-tagsinput .badge:first-child {
    background-color: transparent;
    padding: 0px;
    font-size: 1.25rem;
    font-weight: 400;
    position: relative;
    top: 0px;
    text-transform: inherit;
    display: -ms-inline-flexbox
}*/

.hh-form-control-block .bootstrap-tagsinput .form-control::placeholder {
}

.hh-form-control-block.first {
    min-height: 75px;
}

.bootstrap-tagsinput-search {
    display: initial;
    position: relative;
}

.bootstrap-tagsinput .customer-and-pnr-search-dropdown {
    margin-top: 0
}

.selected-traveller-details {
}
/*____________________________________________________________________________________________________


____________________________________________________________________________________________________*/


.modal-content {
    border-radius: 15px;
}

.modal-header {
    background-color: #1D1D1D;
    color: #fff;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    text-transform: uppercase;
}

.modal-header, .modal-body, .modal-footer {
    padding: 0.7rem
}

    .modal-header .close, .modal-header .close:hover, .modal-header .close:focus {
        color: #fff;
        opacity: 1;
        text-shadow: none;
        outline: none;
        border: none;
    }

.map-frame {
    border-radius: 5px;
    border: solid 1px #D9E0EA;
}

.dropdown-menu-modal {
    border-radius: 15px;
    margin: 0;
    padding: 0;
    width: 580px;
}

.dropdown-menu-modal-header {
    background-color: #1D1D1D;
    color: #fff;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    text-transform: uppercase;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .dropdown-menu-modal-header h6 {
        color: #fff;
    }

.dropdown-menu-modal-body {
}

.dropdown-menu-modal-footer {
}

    .dropdown-menu-modal-footer .btn-primary {
        background-color: #1D1D1D !important
    }

.dropdown-menu-modal-header, .dropdown-menu-modal-body, .dropdown-menu-modal-footer {
    padding: 0.7rem
}

    .dropdown-menu-modal-header h5 {
        margin: 0;
        color: #fff;
    }

    .dropdown-menu-modal-header .close, .dropdown-menu-modal-header .close:hover, .dropdown-menu-modal-header .close:focus {
        color: #fff;
        opacity: 1;
        text-shadow: none;
        outline: none;
        border: none;
        height: 10px;
        position: relative;
        top: -2px;
    }

.dropdown-black-view {
    background-color: #1D1D1D;
    border-radius: 15px;
    color: #fff;
}

    .dropdown-black-view h5 {
        color: #fff;
        font-weight: 700;
    }

    .dropdown-black-view .table {
        border-radius: 20px;
        border: none;
        overflow: hidden;
    }

        .dropdown-black-view .table th {
            border: none;
            border-bottom: solid 1px #D9E0EA;
            font-weight: 600;
            text-transform: uppercase;
        }

        .dropdown-black-view .table th, .dropdown-black-view .table td {
            padding: 0.4rem 0.75rem;
        }

        .dropdown-black-view .table tr:hover td {
            background-color: #D9E0EA;
        }

        .dropdown-black-view .table td {
            border-top: none;
        }

    .dropdown-black-view h5.heading-style {
        font-weight: 500 !important;
    }
/*____________________________________________________________________________________________________


____________________________________________________________________________________________________*/

.pagination {
    margin-bottom: 0;
    font-size: 0.75rem
}

    .pagination [class^="icon-"] {
        font-size: 0.625rem
    }

.page-item {
    padding: 0.25rem 0.3rem;
}

.page-link, .page-link:hover, .page-link:focus {
    color: #fff;
    background-color: transparent;
    border: none;
    padding: 0;
    outline: none;
}

.page-item-select .form-control {
    border: none;
    border-radius: 10px;
    font-size: 0.75rem;
    position: relative;
    top: -2px;
    height: auto;
}

@media (min-width: 1680px) {
    .page-item-select .form-control {
        font-size: 0.875rem;
        padding: 0.2rem;
        height: auto
    }
}

.pagination-primary .page-link, .page-link:hover, .pagination-primary .page-link:focus {
    color: #000;
}

.pagination-primary select.form-control {
    background-color: #F1F3F6;
}

select.form-control {
    min-width: 45px;
}

.dropdown-black-view .page-link, .dropdown-black-view .page-link:hover, .dropdown-black-view .page-link:focus {
    color: #fff;
}
/*____________________________________________________________________________________________________

DATEPICKER
____________________________________________________________________________________________________*/
.ui-widget-header {
    font-weight: 600 !important;
}

.ui-datepicker-title {
    font-size: 0.875rem;
}

.ui-datepicker table {
    font-size: 0.75rem !important;
}

.ui-datepicker-multi .ui-datepicker-group {
    width: 300px;
    padding: 0.6rem;
}

.ui-widget-content {
    background: #1d1d1d !important;
    border: none !important;
    border-radius: 30px !important;
    text-align: center !important;
}

.ui-widget-header {
    background: none !important;
    border: none !important;
    border-radius: 30px !important;
    text-align: center !important;
}

.ui-datepicker.ui-datepicker-multi {
    min-width: 600px !important;
    z-index: 5 !important;
    padding: 0;
    margin-top: 20px;
    margin-left: -20px;
}

    .ui-datepicker.ui-datepicker-multi:after {
        position: absolute;
        content: '';
        left: 50%;
        top: 0px;
        height: 100%;
        width: 1px;
        background-color: #6C7583;
    }

.ui-datepicker td span, .ui-datepicker td a { /*padding: 1rem!important;*/
    width: 30px;
    height: 30px;
    line-height: 2;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: none !important;
    border: none !important;
    color: #FFF !important;
    text-align: center !important;
    font-weight: 500 !important;
}

.ui-datepicker-unselectable {
    visibility: inherit !important;
    opacity: 0.2 !important;
}

.start .ui-state-default, .end .ui-state-default {
    background: #60A1FF !important;
    border: none !important;
    color: #fff !important;
    text-align: center !important;
    border-radius: 50px !important;
}

.sejour {
    background: #3d5c8a !important;
    border-color: #1d1d1d !important;
    color: #fff !important
}

    .sejour .ui-state-default {
        color: #fff !important
    }

.ui-datepicker td {
    padding: 0px !important;
}
/*td.end { background-color: #3d5c8a; border-top-right-radius: 30px; border-bottom-right-radius: 30px; }*/
td.end {
    position: relative;
}

    td.end:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 50%;
        background-color: #3d5c8a;
    }

    td.end a {
        position: relative;
        z-index: 9;
    }

td.selected-end {
    background-color: #3d5c8a;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}

.ui-datepicker-calendar tr td:last-child.ui-datepicker-week-end.sejour {
    background: rgb(61,92,138) !important;
    background: -moz-linear-gradient(left, rgba(61,92,138,1) 0%, rgba(29,29,29,1) 100%) !important;
    background: -webkit-linear-gradient(left, rgba(61,92,138,1) 0%, rgba(29,29,29,1) 100%) !important;
    background: linear-gradient(to right, rgba(61,92,138,1) 0%, rgba(29,29,29,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d5c8a', endColorstr='#1d1d1d', GradientType=1 ) !important;
    border-color: #1d1d1d !important;
    color: #fff !important
}

.ui-datepicker-calendar tr td:first-child.ui-datepicker-week-end.sejour {
    background: rgb(29,29,29) !important;
    background: -moz-linear-gradient(left, rgba(29,29,29,1) 2%, rgba(61,92,138,1) 100%) !important;
    background: -webkit-linear-gradient(left, rgba(29,29,29,1) 2%, rgba(61,92,138,1) 100%) !important;
    background: linear-gradient(to right, rgba(29,29,29,1) 2%, rgba(61,92,138,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d1d1d', endColorstr='#3d5c8a', GradientType=1 ) !important;
    border-color: #1d1d1d !important;
    color: #fff !important
}

.ui-datepicker-calendar tr td:first-child.ui-datepicker-week-end.ui-datepicker-unselectable.sejour, .ui-datepicker-unselectable.sejour, .ui-datepicker-unselectable.end .ui-state-default, td.ui-datepicker-unselectable.end:after {
    background-color: transparent !important;
    background: none !important;
}

.ui-datepicker-unselectable {
    visibility: hidden
}

.ui-datepicker-stay-duration {
    display: none;
}

.ui-datepicker .ui-datepicker-title {
    padding: 1rem;
    text-transform: uppercase;
}

.ui-widget-header .ui-icon {
    background: none;
    position: relative;
}

.ui-widget-header .ui-icon {
    background: #FC0 !important;
    background-image: none !important;
    border: none !important;
}

.ui-datepicker .ui-datepicker-prev span {
    background: url(../../../images/icons/arrow-line-left2.svg) no-repeat !important;
    background-size: contain;
}

.ui-datepicker .ui-datepicker-next span {
    background: url(../../../images/icons/arrow-line-right2.svg) no-repeat !important;
    background-size: contain;
}

.ui-datepicker .ui-datepicker-prev-hover span, .ui-datepicker .ui-datepicker-prev span {
    border: none !important;
}

.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
    background: none !important;
    border: none !important;
}

.ui-datepicker th {
    color: #99A4B4 !important
}

.price-range-slider {
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
    max-width: 300px;
}

    .price-range-slider .for-filter-search-type-list {
        padding-top: 0px;
        padding-bottom: 0px;
        overflow: hidden;
        min-height: 65px;
    }

        .price-range-slider .for-filter-search-type-list > .row:hover {
            background-color: transparent;
        }

    .price-range-slider .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 1.4em;
        height: 1.4em;
        cursor: default;
        -ms-touch-action: none;
        touch-action: none;
        border-radius: 100px !important;
    }

    .price-range-slider .ui-slider .ui-slider-range {
        z-index: 3 !important;
    }

    .price-range-slider .ui-state-default, .price-range-slider .ui-widget-content .ui-state-default, .price-range-slider .ui-widget-header .ui-state-default, .price-range-slider .ui-state-active, .price-range-slider .ui-state-focus {
        background-color: #60A1FF !important;
        border: solid 4px #c3dcff !important;
        border-radius: 100px !important;
        box-shadow: none !important;
        outline: none !important;
    }

    .price-range-slider .ui-widget-content {
        background-color: #D9E0EA !important;
    }

    .price-range-slider .ui-widget-header {
        background-color: #60A1FF !important;
    }

    .price-range-slider .ui-slider .ui-slider-handle {
        width: 1.6em !important;
        height: 1.6em !important;
    }

    .price-range-slider .ui-widget-header {
        border-radius: 0px !important;
    }

    .price-range-slider .ui-slider-horizontal .ui-slider-handle {
        top: -.49em !important;
    }

    .price-range-slider .ui-slider-horizontal {
        height: .6em !important;
    }

    .price-range-slider.extra {
        max-width: 100%;
    }

        .price-range-slider.extra .ui-widget-content {
            background-color: #D9E0EA !important;
        }

@media (min-width: 1680px) {
    .ui-datepicker-title {
        font-size: 1rem;
    }
}

.ui-datepicker .ui-datepicker-next {
    right: 10px !important;
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev {
    left: 10px !important;
    cursor: pointer;
}
/*____________________________________________________________________________________________________


____________________________________________________________________________________________________*/

.hh-form-control-block .invalid-feedback {
    text-align: left;
    bottom: -6px;
    left: 0;
}

.invalid-feedback { /*text-transform: uppercase;*/
}

.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated .form-control:valid, .form-control.is-valid {
    background-image: none;
    /*padding-right: 0;*/
}

.was-validated .mandatory-lines {
    border-bottom: solid 2px #F86363;
}

.btn-sm, .btn-group-sm > .btn {
    padding: 0.25rem 0.5rem !important;
}

.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
    border-color: transparent;
}

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
    border-color: #60A1FF;
    background-color: #60A1FF;
}

.invalid-feedback, .invalid-tooltip, .valid-feedback {
    font-size: 0.75rem;
}

.was-validated .form-control:valid, .form-control.is-valid {
    border-color: #42E085;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
    border-color: #F86363;
}

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
    color: inherit;
}

@media (min-width: 1680px) {
    .invalid-feedback, .invalid-tooltip {
        font-size: 0.875rem;
    }
}
/*____________________________________________________________________________________________________


____________________________________________________________________________________________________*/


.login-page {
    background: url(../images/login-banner.png) no-repeat;
    min-height: 100vh;
    background-size: cover !important;
}

.full-height {
    min-height: 100vh;
}

.login-card-block {
    border: solid 1px #D9E0EA;
    border-radius: 2rem;
    min-width: 100%;
    max-width: 450px;
}

    .login-card-block .card-body {
        padding-top: 2rem;
    }

    .login-card-block label {
        text-transform: inherit;
    }

    .login-card-block .form-control {
        border-radius: 0px;
        border: none;
        border-bottom: solid 1px #ccc;
        color: #1D1D1D;
    }

        .login-card-block .form-control:focus {
            outline: none !important
        }

    .login-card-block h5 {
        text-transform: uppercase;
    }

    .login-card-block .btn-light {
        background-color: #fff;
        border-color: #fff;
    }

.login-parent-section {
    min-height: 70vh;
}

.login-card-block .invalid-tooltip {
    margin-left: 0.9rem;
    position: static;
    background-color: transparent;
    color: #F86363;
    padding: 0;
    font-weight: 600;
}

.login-card-block .was-validated .form-control:valid, .login-card-block .form-control.is-valid {
    border-color: #ccc;
}

@media (min-width: 768px) {
    .login-card-block {
        min-width: 450px;
    }
}
/*____________________________________________________________________________________________________


____________________________________________________________________________________________________*/

.with-search-icon {
    background-image: url(../../../images/icons/search.svg);
    background-repeat: no-repeat;
    background-position: 10px 6px !important;
    padding-left: 2rem;
}
/*.xxl.with-search-icon { background-position: 10px 10px; }*/
.ExtraAllTheColums {
    width: 38%;
}

.rates-information-colums {
    width: 23%;
}

    .rates-information-colums .inside-hotel-list-contents {
        padding-left: 0.5rem !important;
    }

    .rates-information-colums.stretch {
        width: 41%;
    }

.HotelNameColums {
    width: 27%;
}

    .HotelNameColums .inside-hotel-list-contents {
        padding-right: 1rem !important;
    }

.PriorityNameColums {
    width: 12%;
}

.main-box-hotel-listing.active .PriorityNameColums {
    width: 17%;
}

.PriorityNameColums {
    text-align: center;
}

.rates-information-colums .btn-onrequest {
    position: relative;
    left: 0px;
}

.rates-information-colums.stretch .btn-onrequest {
    position: relative;
    left: 50px;
}

.AllTheMapList {
    padding-left: 0px !important;
}

.main-box-hotel-listing.active .rates-information-colums.stretch .btn-onrequest {
    position: relative;
    left: 0px;
}

@media (min-width: 1680px) {
    .with-search-icon {
        background-position: 10px 9px !important;
    }
}
/*____________________________________________________________________________________________________


____________________________________________________________________________________________________*/

.distance-dropdown {
    min-width: 300px;
}

    .distance-dropdown a {
        color: #fff;
    }

        .distance-dropdown a.active {
            color: #60A1FF;
        }
/*____________________________________________________________________________________________________


____________________________________________________________________________________________________*/

.popover {
    background-color: #1D1D1D;
    color: #fff;
    border: none;
    border-radius: 20px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    min-width: 430px;
}

    .popover h5 {
        color: #fff;
    }

.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after {
    border-top-color: #1D1D1D;
}

.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
    border-bottom-color: #1D1D1D;
}

.popover .popover-body {
    color: #fff;
    padding: 1rem;
}

@media (min-width: 1680px) {
    .popover .popover-body {
    }
}

.popover i.icon-cycle {
    font-size: 0.925rem !important;
}
/*____________________________________________________________________________________________________


____________________________________________________________________________________________________*/

.hotel-map-listing {
    width: 100%;
    height: 99vh;
    position: relative;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.map-hotel-rate {
    font-size: 0.875rem;
}

    .map-hotel-rate, .map-hotel-rate:hover, .map-hotel-rate:focus {
        outline: none;
        border: none;
        padding: 0.5rem;
        border-radius: 0.5rem;
        position: absolute;
        z-index: 1;
        background-color: #1D1D1D;
        display: inline-block;
        color: #fff;
        font-weight: 600;
        cursor: pointer;
        text-decoration: none;
    }

        .map-hotel-rate.blocked, .map-hotel-rate.blocked:hover, .map-hotel-rate.blocked:focus {
            background-color: #99A4B4 !important;
            color: #FFFFFF !important;
            font-style: italic;
            font-weight: 400;
        }

        .map-hotel-rate.rate1 {
            background-color: #1D1D1D;
            color: #fff;
        }

        .map-hotel-rate.rate2 {
            background-color: #60A1FF;
            color: #fff;
        }

        .map-hotel-rate.rate3 {
            background-color: #37AF6A;
            color: #fff;
        }

        .map-hotel-rate.rate4 {
            background-color: #6C7583;
            color: #fff;
        }

        .map-hotel-rate.active {
            background-color: #000 !important;
        }

.gm-style .place-card-large {
    display: none !important;
}

.main-box-hotel-listing.active .card-search-list {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.map-view-identify-block {
    background-color: #FFFFFF;
    padding: 0.6rem;
    position: absolute;
    /* right: 10px; */
    bottom: 25px;
    z-index: 1;
    border-radius: 100px;
    font-size: 0.75rem;
    width: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

.map-top-links {
    top: 23px !important;
    position: absolute;
    right: 60px !important;
    z-index: 1;
}

    .map-top-links a, .map-top-links a:hover {
        background-color: #FFF;
        padding: 0.6rem;
        border-radius: 25px;
        font-weight: 600;
        text-transform: uppercase;
        color: #000;
        text-decoration: none;
    }

        .map-top-links a.active, .map-top-links a:hover {
            background-color: #000;
            color: #fff;
        }

.identify-icons-map {
    padding: 0.4rem;
    background-color: #000;
    display: inline-block;
    border-radius: 10px;
    width: 18px;
    position: relative;
    top: 2px;
}

    .identify-icons-map.rate1 {
        background-color: #1D1D1D;
    }

    .identify-icons-map.rate2 {
        background-color: #60A1FF;
    }

    .identify-icons-map.rate3 {
        background-color: #37AF6A;
    }

    .identify-icons-map.rate4 {
        background-color: #99A4B4;
    }

    .identify-icons-map.blocked {
        background-color: #D9E0EA;
    }

@media (min-width: 1680px) {
    .map-view-identify-block {
        font-size: 0.875rem;
    }

    .map-hotel-rate {
        font-size: 1rem;
    }
}
/*____________________________________________________________________________________________________


____________________________________________________________________________________________________*/

.map-hotel-list-popover.popover {
    max-width: 260px !important;
    min-width: 260px !important;
    box-shadow: 0px 0px 40px -10px rgb(0 0 0 / 35%);
}

.map-hotel-list-popover .arrow {
    display: none;
}

.map-hotel-list-popover {
    border-radius: 5px;
    padding: 0px;
    background-color: transparent
}

    .map-hotel-list-popover .popover-body {
        padding: 0px;
    }

    .map-hotel-list-popover .popover-body-hotel-ist, .map-hotel-list-popover .popover-footer {
        padding: 0.5rem;
    }

    .map-hotel-list-popover .popover-footer {
        background-color: #fff;
        color: #1D1D1D;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

.map-hotel-list-popover-headings {
    color: #FFFFFF;
    max-width: 90%;
}

    .map-hotel-list-popover-headings h5 {
        color: #fff;
    }

.map-hotel-list-popover .popover-footer h5 {
    color: #000;
}

.map-hotel-list-popover.blocked .map-hotel-list-popover-headings, .map-hotel-list-popover.blocked .map-hotel-list-popover-headings h5, .map-hotel-list-popover.blocked h6.converted-rate {
    color: #99A4B4;
}

.map-hotel-list-popover .popover-body-hotel-ist {
    background-color: #999;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.map-hotel-list-popover.rate1 .popover-body-hotel-ist {
    background-color: #99A4B4;
}

.map-hotel-list-popover.rate2 .popover-body-hotel-ist {
    background-color: #60A1FF;
}

.map-hotel-list-popover.rate3 .popover-body-hotel-ist {
    background-color: #37AF6A;
}

.map-hotel-list-popover.rate4 .popover-body-hotel-ist {
    background-color: #6C7583;
}

.map-hotel-list-popover.blocked .popover-body-hotel-ist {
    background-color: #D9E0EA;
    color: #99A4B4;
}

.map-hotel-list-popover.rate1 .btn-primary {
    background-color: #99A4B4 !important;
    border-color: #99A4B4 !important;
}

.map-hotel-list-popover.rate2 .btn-primary {
    background-color: #60A1FF !important;
    border-color: #60A1FF !important;
}

.map-hotel-list-popover.rate3 .btn-primary {
    background-color: #37AF6A !important;
    border-color: #37AF6A !important;
}

.map-hotel-list-popover.rate4 .btn-primary {
    background-color: #6C7583 !important;
    border-color: #6C7583 !important;
    color: #fff !important;
}

.map-hotel-list-popover.blocked .btn-primary {
    background-color: #D9E0EA !important;
    border-color: #D9E0EA !important;
    color: #99A4B4 !important;
    font-weight: 400;
    font-style: italic;
}

.close-popover, .close-popover:hover, .close-popover:focus {
    position: absolute;
    right: 15px;
    color: #fff;
    text-decoration: none;
    font-size: 0.6rem;
    top: 12px;
}

.map-hotel-list-popover h6.converted-rate {
    color: #fff;
    font-weight: 400 !important;
}
/*____________________________________________________________________________________________________


____________________________________________________________________________________________________*/

.header-edit-popup-box .form-control-secondary {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}
/*____________________________________________________________________________________________________


____________________________________________________________________________________________________*/

.modal-full {
    margin: 0px !important;
    padding: 0px !important;
}

    .modal-full .modal-dialog {
        max-width: 100%;
        min-height: 100vh;
        margin: 0px;
        padding: 0px;
    }

    .modal-full .modal-content {
        min-height: 100vh;
    }

    .modal-full .modal-content {
        border-radius: 0px;
    }

.modal-hotel-details .modal-content {
    background-color: rgb(255 255 255 / 38%);
}

.modal-hotel-details a.modal-close {
    background-color: #1D1D1D;
    display: inline-block;
    width: 55px;
    height: 55px;
    border-radius: 200px;
    text-align: center;
    line-height: 3.5;
    color: #fff;
    position: absolute;
    right: -20px;
    z-index: 4;
    top: -35px;
    font-size: 1rem;
}

    .modal-hotel-details a.modal-close, .modal-hotel-details a.modal-close:hover, .modal-hotel-details a.modal-close:focus {
        text-decoration: none;
        cursor: pointer;
    }

.modal-hotel-details .sticky {
    top: 50px;
}

.modal-close.top {
    top: -20px !important;
}
/*____________________________________________________________________________________________________


____________________________________________________________________________________________________*/


.read-more-list-view {
    border-radius: 20px;
    border: none;
}

    .read-more-list-view .card-body {
        padding: 2rem
    }

    .read-more-list-view .nav-tabs .nav-link {
        font-size: 1rem;
        text-transform: uppercase;
        background-color: transparent;
        font-weight: 500;
        min-width: auto;
        position: relative;
        border: none;
        padding: 0px;
        margin: 0;
        margin-right: 10px;
        padding-right: 10px;
    }

    .read-more-list-view .nav-tabs {
        border: none;
    }

    .read-more-list-view .tab-content {
        padding: 1.5rem 0;
    }

    .read-more-list-view .nav-tabs .nav-link:after {
        content: '';
        position: absolute;
        height: 100%;
        width: 1px;
        background-color: #c5c5c5;
        top: 0;
        right: 0;
    }

    .read-more-list-view .nav-tabs .nav-item:last-child .nav-link:after {
        display: none;
    }

    .read-more-list-view .fixed-nav-scroll {
        white-space: inherit;
        width: 92%;
        overflow: hidden;
    }

.fixed-review-slider {
    width: 320px;
    margin-right: 50px;
    float: left;
    padding-left: 0.3rem;
}

.read-more-list-view .fixed-nav-scroll .tab-scroll-slider {
    display: inline-block;
}
/*____________________________________________________________________________________________________


____________________________________________________________________________________________________*/

.add-to-rate-dropdown {
    max-width: 230px;
}

    .add-to-rate-dropdown a.close, .add-to-rate-dropdown a.close:hover {
        text-decoration: none;
        font-size: 0.7rem;
        position: relative;
        right: 4px;
    }
/*____________________________________________________________________________________________________


____________________________________________________________________________________________________*/


.owl-carousel, .owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
        touch-action: manipulation;
        -moz-backface-visibility: hidden
    }

        .owl-carousel .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0
        }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0, 0, 0)
    }

    .owl-carousel .owl-item, .owl-carousel .owl-wrapper {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0)
    }

    .owl-carousel .owl-item {
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-touch-callout: none
    }

    /*.owl-carousel .owl-item img {
            display: block;
            width: 100%
        }*/

    .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    }

.owl-nav i, .carousel-nav i {
    background-color: #000;
    color: #fff;
    border-radius: 160px;
    font-size: 1rem;
    height: 32px;
    width: 32px;
    display: block;
    line-height: 2;
    text-align: center;
}

.no-js .owl-carousel, .owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev, .carousel-nav .carousel-next, .carousel-nav .prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot, .carousel-nav .carousel-next, .carousel-nav .prev {
    background-color: transparent !important;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 100%;
    padding: 1rem 0.75rem;
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

    .owl-carousel.owl-rtl .owl-item {
        float: right
    }

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

    .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
        max-height: 0
    }

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

    .owl-carousel .owl-video-play-icon:hover {
        -ms-transform: scale(1.3, 1.3);
        transform: scale(1.3, 1.3)
    }

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-dots {
    display: none;
}

.categories-block {
    padding: 2rem 0;
    display: block;
}

.owl-prev {
    background-color: #fff;
}

.nav_style5.owl-theme .owl-nav [class*="owl-"] {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkittransform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 0;
    width: 30px;
    transition: all 0.5s ease;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
}

.nav_style5.owl-theme:hover .owl-nav .owl-prev, .nav_style5.owl-theme:hover .owl-nav .owl-next {
    opacity: 1;
    background-color: #fff;
}

.nav_style5.owl-theme .owl-nav .owl-prev, .nav_style5.owl-theme .owl-nav .owl-next {
    opacity: 1;
    border-radius: 0px;
    font-size: 2rem;
    font-weight: 100;
    border: none !important;
    outline: none !important;
}

    .nav_style5.owl-theme .owl-nav .owl-prev:hover, .nav_style5.owl-theme .owl-nav .owl-next:hover {
        background-color: transparent;
        color: #f7972f;
        border: none !important;
        outline: none !important;
    }

.nav_style5.owl-theme .owl-nav .owl-prev {
    left: -65px;
}

.nav_style5.owl-theme .owl-nav .owl-next {
    right: -40px;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    background-color: transparent;
}

@media (min-width: 1680px) {
    .nav_style5.owl-theme .owl-nav .owl-prev {
        left: -55px;
    }

    .nav_style5.owl-theme .owl-nav .owl-next {
        right: -30px;
    }
}
/*____________________________________________________________________________________________________


____________________________________________________________________________________________________*/

.hh-tabs-primary {
}

    .hh-tabs-primary .h1 {
        font-weight: 600;
        min-height: 26px;
    }

    .hh-tabs-primary .tab-content {
        background-color: #fff;
        padding: 1.5rem 1rem;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }

    .hh-tabs-primary .nav-tabs .nav-link {
        max-width: inherit;
        min-width: 242px;
        padding-left: 1rem;
        padding-right: 1rem;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        text-align: left !important;
    }

    .hh-tabs-primary .nav-item:first-child .nav-link {
    }

    .hh-tabs-primary .nav-tabs .nav-link {
        background-color: #D9E0EA;
        border-color: #D9E0EA;
        margin: 0px;
        padding-left: 1.6rem;
    }

        .hh-tabs-primary .nav-tabs .nav-link:after {
        }

        .hh-tabs-primary .nav-tabs .nav-link.active:after {
            display: none;
        }

        .hh-tabs-primary .nav-tabs .nav-link.active, .hh-tabs-primary .nav-tabs .nav-item.show .nav-link {
            background-color: #FFFFFF;
        }

    .hh-tabs-primary .nav-tabs .nav-link {
        margin-right: 0.6rem;
        border: none;
    }

@media (min-width: 1680px) {
    .hh-tabs-primary .nav-tabs .nav-link {
        min-width: 266px;
    }
}
/*____________________________________________________________________________________________________


____________________________________________________________________________________________________*/

.box-colum {
    border-radius: 20px;
    border: solid 1px #D9E0EA;
}

    .box-colum .card-body {
        padding: 1rem;
    }

    .box-colum .table {
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 20px;
        overflow: hidden;
    }

        .box-colum .table th {
            text-transform: uppercase;
        }

            .box-colum .table th:first-child, .box-colum .table td:first-child {
                padding-left: 1.5rem;
            }

.with-search-icon, .with-search-icon:focus, .fc-secondary, .fc-secondary:focus {
    border-color: #D9E0EA;
    background-color: #F1F3F6;
    border-radius: 13px !important;
}
/*____________________________________________________________________________________________________


____________________________________________________________________________________________________*/

.table th, .table td {
    border-top: 1px solid #F1F3F6;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #F1F3F6;
}

.table-hover tbody tr:hover td {
    color: #FFFFFF;
    background-color: #4F8FEA;
    font-weight: 600
}

.table-striped th {
    text-transform: uppercase;
}
/*____________________________________________________________________________________________________


____________________________________________________________________________________________________*/

.card-chips-1 {
    border-radius: 20px;
    border-color: #D9E0EA;
    border-top: solid 6px #42E085;
    margin-bottom: 0.5rem;
    cursor: pointer
}

    .card-chips-1:hover, .card-chips-1:focus {
        background-color: #F1F3F6;
    }

    .card-chips-1 .icon-edit {
        font-size: 0.65rem;
        padding-right: 0.2rem;
    }

    .card-chips-1 .card-body {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .card-chips-1 .close-link {
        font-size: 65%;
        color: #1D1D1D
    }
/*____________________________________________________________________________________________________


____________________________________________________________________________________________________*/

/*.rezise-btn-dropdown .dropdown-menu { text-transform: uppercase; }*/
.rezise-btn-dropdown .btn {
    width: 100%;
    text-align: left;
    color: #1D1D1D;
    position: relative;
    font-size: 0.875rem !important;
}

.rezise-btn-dropdown .dropdown-menu {
    width: 100%;
    background-color: #FFFFFF;
    border: solid 1px #D9E0EA;
    color: #000;
    box-shadow: 5px 10px 15px rgb(0 0 0 / 16%) !important;
    border-top: 0px;
}

    .rezise-btn-dropdown .dropdown-menu:before {
        background-color: #F1F3F6;
    }

.rezise-btn-dropdown .btn {
    background-color: #F1F3F6;
    border-color: #F1F3F6;
}

    .rezise-btn-dropdown .btn.secondary {
        background-color: #fff;
        border-color: #fff;
    }

.rezise-btn-dropdown.show .btn {
    box-shadow: 0px 20px 25px rgb(0 0 0 / 16%) !important;
    background-color: #fff;
    border-bottom: none;
    border-color: #D9E0EA;
}

.rezise-btn-dropdown .dropdown-menu .dropdown-item.heading {
    margin: 0 1.5rem;
}

.rezise-btn-dropdown .dropdown-menu a, .rezise-btn-dropdown .dropdown-menu .dropdown-item, .rezise-btn-dropdown .dropdown-menu .dropdown-item.heading {
    padding: 0.75rem 1.5rem;
    color: #000;
    position: relative;
    width: auto;
    white-space: inherit;
}

    .rezise-btn-dropdown .dropdown-menu .dropdown-item.sublink {
        padding: 0.50rem 1.5rem 0.50rem 2.5rem;
    }

    .rezise-btn-dropdown .dropdown-menu a:hover, .rezise-btn-dropdown .dropdown-menu a:focus {
        background-color: #F1F3F6;
    }

    .rezise-btn-dropdown .dropdown-menu .dropdown-item:first-child {
        margin-bottom: 0.5rem;
    }

    .rezise-btn-dropdown .dropdown-menu .dropdown-item:last-child:after {
        display: none;
    }

.rezise-btn-dropdown .btn::after {
    border: none;
}

.rezise-btn-dropdown .btn i {
    float: right;
    font-size: 50%;
    position: relative;
    top: 6px;
}

    .rezise-btn-dropdown .btn i:before {
        content: "\e93a";
    }
/*.icon-select-arrow-2:before*/
.rezise-btn-dropdown.show .btn i:before {
    content: "\e93b";
}
/*.icon-select-arrow-2-a:before*/
.rezise-btn-dropdown .with-search-icon {
    border-radius: 20px !important;
}

@media (min-width: 1680px) {
    .rezise-btn-dropdown .btn {
        font-size: 1rem !important;
    }
}
/*____________________________________________________________________________________________________


____________________________________________________________________________________________________*/




.switch-m {
    height: 2.4rem;
    overflow: hidden;
    width: 4rem;
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    top: 3px;
    left: 5px;
}

    .switch-m .switch-m-label {
        width: 100%;
        font-size: 0.5rem;
        text-transform: uppercase;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #999;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }

input.toggle-m {
    visibility: hidden;
}

    input.toggle-m + label {
        width: 4rem;
        border-radius: 4rem;
        visibility: visible;
    }

        input.toggle-m + label:hover {
            cursor: pointer;
        }

    input.toggle-m:disabled + label:before {
        background-color: #4f5050 !important;
    }

        input.toggle-m:disabled + label:before.dark, .dark input.toggle:disabled + label:before {
            background-color: rgba(255, 255, 255, 0.075);
        }

    input.toggle-m:disabled + label:after {
        background-color: #6c7583 !important;
        box-shadow: 0 0.1rem 0.1rem 0rem rgba(0, 0, 0, 0.2);
    }

        input.toggle-m:disabled + label:after.dark, .dark input.toggle-m:disabled + label:after {
            background-color: #818181 !important;
        }

    input.toggle-m + label:before, input.toggle-m + label:after {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        content: "";
    }

    input.toggle-m + label:before {
        right: 1rem;
        left: 0.5rem;
        top: 0.9rem;
        bottom: 1.8rem;
        border-radius: 5rem;
        transition: background 0.3s;
        background-color: #c6c5c5;
        height: 0.5rem;
    }

        input.toggle-m + label:before.dark, .dark input.toggle-m + label:before {
            background-color: rgba(255, 255, 255, 0.2);
        }

    input.toggle-m + label:after {
        width: 1.5rem;
        height: 1.5rem;
        top: 0.4rem;
        left: 0.1rem;
        background-color: #f1f1f1;
        border-radius: 100%;
        box-shadow: 0 0.1rem 0.25rem 0rem rgba(0, 0, 0, 0.3);
        -webkit-transition: all 0.3s cubic-bezier(0.915, 0.01, 0.075, 0.995);
        -moz-transition: all 0.3s cubic-bezier(0.915, 0.01, 0.075, 0.995);
        -o-transition: all 0.3s cubic-bezier(0.915, 0.01, 0.075, 0.995);
        transition: all 0.3s cubic-bezier(0.915, 0.01, 0.075, 0.995);
    }

        input.toggle-m + label:after.dark, .dark input.toggle-m + label:after {
            background-color: #b4b4b4;
        }

    input.toggle-m:checked + label:before {
        background-color: #c6c5c5; /*opacity: 0.5;*/
    }

    input.toggle-m:checked + label:after {
        background-color: #242423;
        margin-left: 1.6rem;
        box-shadow: none;
        box-shadow: 0 0.1rem 0.25rem 0rem rgba(0, 0, 0, 0.2);
    }

input.checkbox-m, input.radio-m {
    display: none;
}

    input.checkbox-m + label, input.radio-m + label {
        display: inline-block;
        line-height: 1.7;
        position: relative;
        padding: calc(1.8rem - 1.8rem * 0.54) calc(1.8rem + 1rem) 0 0.5rem;
        min-height: 1.8rem;
    }

        input.checkbox-m + label:hover, input.radio-m + label:hover {
            cursor: pointer;
        }

        input.checkbox-m + label:before, input.radio-m + label:before {
            content: "";
            height: 1.3rem;
            width: 1.3rem;
            position: absolute;
            right: 0.2rem;
            top: 0.9rem;
            background-repeat: no-repeat;
        }

    input.radio-m[disabled] + label:before, input.checkbox-m[disabled] + label:before {
        opacity: 0.5;
    }

    input.radio-m[disabled] + label, input.checkbox-m[disabled] + label {
        color: rgba(0, 0, 0, 0.3);
    }

    input.checkbox-m:checked + label:before {
        background: url(../../../images/tick.png) no-repeat;
    }

    input.checkbox-m + label:before {
        background: url(../../../images/no-tick.png) no-repeat;
    }

    input.radio-m:checked + label:before {
        background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMjQgMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBvcGFjaXR5PSIwLjQ4IiBmaWxsPSIjMkE5OTc3IiBkPSJNMTIsMEM1LjQsMCwwLDUuNCwwLDEyYzAsNi42LDUuNCwxMiwxMiwxMnMxMi01LjQsMTItMTJDMjQsNS40LDE4LjYsMCwxMiwweiBNMTIsMjIKCQlDNi41LDIyLDIsMTcuNSwyLDEyQzIsNi41LDYuNSwyLDEyLDJzMTAsNC41LDEwLDEwQzIyLDE3LjUsMTcuNSwyMiwxMiwyMnoiLz4KPC9nPgo8Y2lyY2xlIGZpbGw9IiM0QUJCOEYiIGN4PSIxMiIgY3k9IjEyIiByPSI4Ii8+Cjwvc3ZnPg==);
    }

    input.radio-m + label:before {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMjQgMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGNpcmNsZSBvcGFjaXR5PSIwLjQ4IiBmaWxsPSIjQkJCREJGIiBjeD0iMTIiIGN5PSIxMiIgcj0iMTAiLz4KPC9zdmc+);
    }
/*____________________________________________________________________________________________________


____________________________________________________________________________________________________*/


.sticky-modal {
    position: fixed;
    top: 20%;
    left: 50%;
    width: 370px;
    border-radius: 15px;
    border: none;
    background-color: transparent;
    margin-left: -185px;
    z-index: 9999;
    font-size: 0.75rem;
    line-height: 1.6;
}

    .sticky-modal input.toggle-m + label:after {
        background-color: #fff;
    }

    .sticky-modal input.toggle-m + label:before {
        background-color: #60A1FF;
    }

    .sticky-modal .h-input-group .form-control {
        background-color: transparent;
        border: none;
        color: #fff;
        border-radius: 0px;
        padding: 0;
        font-size: 1rem;
        height: auto;
    }

    .sticky-modal .h-input-group {
        border-bottom: solid 2px #60A1FF;
    }

        .sticky-modal .h-input-group .input-group-append {
            font-size: 1rem;
            line-height: 2;
        }

            .sticky-modal .h-input-group .input-group-append.currency-code {
                font-weight: 300;
            }

    .sticky-modal .dropdown-black-view, .skip-ro-modal .dropdown-black-view, .skip-ro-modal1 .dropdown-black-view {
        border-radius: 20px;
        padding: 2rem 1rem 1rem 1rem;
    }

    .sticky-modal .h-input-group .invalid-feedback {
        position: absolute;
        right: 0;
        text-align: right;
        bottom: -16px;
        width: 150px;
    }

    .sticky-modal .custom-control-label::before {
        background-color: #6C7583;
        border-color: #6C7583;
    }

@media (min-width: 1680px) {
    .sticky-modal {
        font-size: 0.875rem;
    }

        .sticky-modal .h-input-group .form-control {
            font-size: 1.125rem;
        }
}

.sticky-modal a.close, .sticky-modal a.close:hover, .skip-ro-modal a.close, .skip-ro-modal a.close:hover, .skip-ro-modal1 a.close, .skip-ro-modal1 a.close:hover {
    color: #fff;
    font-size: 0.65rem;
    opacity: 1;
    background-color: #60a1ff;
    height: 30px;
    width: 30px;
    border-radius: 50px;
    text-align: center;
    line-height: 3;
    opacity: 1 !important;
}

.sticky-modal a.close, .skip-ro-modal a.close, .skip-ro-modal1 a.close {
    position: absolute;
    top: 0px;
    right: -5px;
}

.confirmation-modal {
    width: 500px;
    margin-left: -250px
}

    /*.confirmation-modal a.close {
        top: -31px;
    }*/

    .confirmation-modal .btn-outline-primary {
        color: #FFF;
        background-color: transparent;
        border-color: #FFFFFF;
    }

        .confirmation-modal .btn-outline-primary:hover {
            color: #000;
            background-color: #FFF;
            border-color: #FFFFFF;
        }

        .confirmation-modal .btn-outline-primary:focus, .confirmation-modal .btn-outline-primary.focus {
            color: #000;
            background-color: #FFF;
            border-color: #FFFFFF;
            box-shadow: none;
        }

        .confirmation-modal .btn-outline-primary.disabled, .confirmation-modal .btn-outline-primary:disabled {
            color: #FFFFFF;
            background-color: transparent;
            border-color: #FFFFFF;
            font-style: italic;
            font-weight: 600;
        }

        .confirmation-modal .btn-outline-primary:not(:disabled):not(.disabled):active, .confirmation-modal .btn-outline-primary:not(:disabled):not(.disabled).active, .confirmation-modal .show > .btn-outline-primary.dropdown-toggle {
            color: #FFF;
            background-color: transparent;
            border-color: #FFFFFF;
        }
/*____________________________________________________________________________________________________


____________________________________________________________________________________________________*/



.fixed-nav-scroll {
    /* overflow: hidden;*/
    white-space: nowrap;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

    .fixed-nav-scroll .nav-tabs, .fixed-nav-scroll .inside-slider {
        flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
    }

    .fixed-nav-scroll .tab-scroll-slider {
        position: absolute;
        right: 5px;
        white-space: nowrap;
        top: 11px; /*display: none; */
        z-index: 2;
    }

    .fixed-nav-scroll:hover .tab-scroll-slider {
        display: inline;
    }

    .fixed-nav-scroll .tab-scroll-slider .btn-arrow, .fixed-nav-scroll .tab-scroll-slider .btn-arrow:hover, .fixed-nav-scroll .tab-scroll-slider .btn-arrow:focus {
        background-color: #000;
        width: 32px;
        display: block;
        height: 32px;
        text-align: center;
        line-height: 2.2;
        border-radius: 500px;
        color: #fff;
        text-decoration: none;
        z-index: 1;
        font-size: 1rem;
        box-shadow: 0 3px 6px hsl(0deg 0% 0% / 16%);
        margin: 2px 0;
    }

    .carousel-prev:hover .icon-arrow-line-left1:before, .owl-prev:hover .icon-arrow-line-left1:before, .fixed-nav-scroll .btn-arrow:hover .icon-arrow-line-left1:before {
        content: "\e905";
    }
    /*.icon-arrow-left-1:before*/
    .carousel-next:hover .icon-arrow-line-right1:before, .owl-next:hover .icon-arrow-line-right1:before, .fixed-nav-scroll .btn-arrow:hover .icon-arrow-line-right1:before {
        content: "\e90d";
    }
/*.icon-arrow-right-1:before*/
.hotel-details-view-block .fixed-nav-scroll .tab-scroll-slider {
    top: 14px;
    z-index: 1;
}

.converted-currency .hotel-details-view-block .fixed-nav-scroll .tab-scroll-slider {
    top: 24px;
    z-index: 1;
}

@media (min-width: 1680px) {
    .hotel-details-view-block .fixed-nav-scroll .tab-scroll-slider {
        top: 16px;
    }

    .converted-currency .hotel-details-view-block .fixed-nav-scroll .tab-scroll-slider {
        top: 26px;
    }

    .fixed-nav-scroll .tab-scroll-slider {
        top: 10px;
    }

        .fixed-nav-scroll .tab-scroll-slider .btn-arrow, .fixed-nav-scroll .tab-scroll-slider .btn-arrow:hover, .fixed-nav-scroll .tab-scroll-slider .btn-arrow:focus {
            line-height: 2.2;
        }
}
/*____________________________________________________________________________________________________


____________________________________________________________________________________________________*/

.card-hotel-list {
    border: none;
}

    .card-hotel-list .card-header {
        background-color: #F9FAFC;
        border: none;
        border-top-left-radius: 5px !important;
        border-top-right-radius: 5px !important;
        font-weight: 700;
        text-transform: uppercase;
    }

    .card-hotel-list .card-hotel-list-colum {
        padding: 1rem 1.25rem;
        border-top: solid 1px #D9E0EA;
        background-color: #fff;
    }

    .card-hotel-list .num-list:last-child .card-hotel-list-colum, .card-hotel-list .num-list:last-child .booking-more-details {
        border-bottom-left-radius: 10px !important;
        border-bottom-right-radius: 10px !important;
    }

.list-table-cards .card-hotel-list {
    border-radius: 20px !important;
}
/*____________________________________________________________________________________________________


____________________________________________________________________________________________________*/


.form-control {
    border-radius: 10px;
}

.input-group-calendor .form-control {
    border-right: none !important;
}

.input-group-calendor .btn {
    border-color: #D9E0EA;
    border-radius: 10px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-left: none !important;
    padding: 0 0.5rem;
    font-size: 135%;
    background-color: #fff;
}

    .input-group-calendor .btn .icon-calendor {
    }

.card-search-area-form .form-control::-webkit-input-placeholder {
    color: #99A4B4;
    opacity: 1;
}

.card-search-area-form .form-control::-moz-placeholder {
    color: #99A4B4;
    opacity: 1;
}

.card-search-area-form .form-control:-ms-input-placeholder {
    color: #99A4B4;
    opacity: 1;
}

.card-search-area-form .form-control::-ms-input-placeholder {
    color: #99A4B4;
    opacity: 1;
}

.card-search-area-form .form-control::placeholder {
    color: #99A4B4;
    opacity: 1;
    font-size: 0.75rem;
    position: relative;
    top: -2px;
}

@media (min-width: 1680px) {
    .card-search-area-form .form-control::placeholder {
        font-size: 0.875rem
    }
}

.input-group-calendor .btn {
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}
/*____________________________________________________________________________________________________


____________________________________________________________________________________________________*/

.modify-list ul {
    margin: 0px;
    padding: 0px;
}

    .modify-list ul li {
        list-style: none;
        display: inline-block;
        background: url(../../../images/icons/untick.svg) no-repeat left;
        padding: 0.5rem 0.5rem 0.5rem 1.75rem;
        margin-right: 1rem;
    }

        .modify-list ul li.selected {
            background: url(../../../images/icons/tick.svg) no-repeat left;
        }
/*____________________________________________________________________________________________________


____________________________________________________________________________________________________*/

.theme-card-1 {
    border-radius: 20px;
    border: none;
    box-shadow: 10px 10px 30px rgb(0 0 0 / 16%);
}

    .theme-card-1 .card-header {
        background-color: #000;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        color: #fff;
    }

        .theme-card-1 .card-header h5 {
            color: #fff;
            text-transform: uppercase;
        }

        .theme-card-1 .card-header .close-link, .theme-card-1 .card-header .close-link:hover, .theme-card-1 .card-header .close-link:focus {
            color: #fff;
            font-size: 85%;
            text-decoration: none;
        }
/*____________________________________________________________________________________________________


____________________________________________________________________________________________________*/



.no-found-container {
    border: solid 1px #D9E0EA;
    border-radius: 20px;
    background-color: rgb(255 255 255 / 40%);
    padding: 5rem 2rem;
}

    .no-found-container .hh-form-control-block {
        border: none;
    }

        .no-found-container .hh-form-control-block label {
            margin-bottom: 0px;
        }

    .no-found-container .card-body {
        padding: 1rem 1.25rem;
    }

    .no-found-container .icon-not-found-ssearch {
        font-size: 3.6rem;
    }
/*____________________________________________________________________________________________________


____________________________________________________________________________________________________*/


.popup-carousel-block {
    padding: 5rem;
    padding-top: 2rem;
}

.carousel {
    position: relative;
}

.carousel-item img {
    object-fit: cover;
}

.main-carousel .carousel-item img {
}

.main-carousel .carousel-inner {
    width: 98.5%;
    margin: 0 auto;
}

.small-carousel-thumbs {
    background: rgba(255,255,255,.3);
    bottom: 0;
    left: 0; /*padding: 0 50px;*/
    right: 0;
}

    .small-carousel-thumbs img {
        cursor: pointer;
        padding: 10px;
        padding-top: 20px;
    }

        .small-carousel-thumbs img:hover {
            border-color: rgba(255,255,255,.3);
        }

    .small-carousel-thumbs .selected img {
        border-color: #fff;
    }

.carousel-control-prev, .carousel-control-next {
    width: 50px;
}

@media all and (max-width: 767px) {
    .carousel-container .small-carousel-thumbs img {
        border-width: 3px;
    }
}

@media all and (min-width: 576px) {
    .carousel-container .small-carousel-thumbs { /* position: absolute;*/
    }
}

@media all and (max-width: 576px) {
    .carousel-container .small-carousel-thumbs {
        background: #ccccce;
    }
}

.carousel-inner-controls {
    position: absolute;
    top: 48%;
    width: 100%;
    z-index: 1;
}

    .carousel-inner-controls .carousel-prev, .carousel-inner-controls .carousel-next {
        text-align: center;
        position: absolute;
    }

    .carousel-inner-controls .carousel-prev {
        left: -55px;
    }

    .carousel-inner-controls .carousel-next {
        right: -55px;
    }

.more-gallery a.modal-close {
    position: inherit;
    right: auto;
    top: auto;
}
/*.gallery-image-count { position: absolute; right: 7px; top: -38px; }*/
.carousel-nav a, .carousel-nav a:hover, .carousel-nav a:focus {
    text-decoration: none;
}

.carousel-item-row {
    height: 600px;
    max-height: 600px;
}

    .carousel-item-row img {
        max-height: 600px;
    }

.carousel-container, .carousel {
    width: 100%;
}

.main-carousel .carousel-item {
    background-color: #F1F3F6;
}

.carousel-thumbs img {
    height: 120px;
    max-height: 120px;
    width: 100%;
}
/*.more-gallery-body-row { height: 96vh; }*/
/*____________________________________________________________________________________________________


____________________________________________________________________________________________________*/

.card-hotel-list-1 {
    background-color: #F1F3F6;
    border-color: #D9E0EA;
    border-radius: 20px;
    overflow: hidden;
}

    .card-hotel-list-1 > .card-footer {
        border: none;
        background-color: #E5E9EF;
    }

        .card-hotel-list-1 > .card-footer.active {
            background-color: #FFFFFF;
        }

    .card-hotel-list-1 .card-body {
        padding: 0px;
    }

    .card-hotel-list-1 .cht-left-block {
        padding-left: 2rem;
    }

    .card-hotel-list-1 .rates-boxes {
        border: none;
    }

        .card-hotel-list-1 .rates-boxes .card-header, .card-hotel-list-1 .rates-boxes .card-body, .card-hotel-list-1 .rates-boxes .card-footer {
            border-radius: 0px;
        }

        .card-hotel-list-1 .rates-boxes .card-header {
            text-align: right;
        }

            .card-hotel-list-1 .rates-boxes .card-header > .row {
                height: 50px;
            }

        .card-hotel-list-1 .rates-boxes .card-body ul {
            margin: 0;
            padding: 0;
        }

.rates-detail-list {
}

    .rates-detail-list li {
        list-style: none;
        padding: 0.3rem 0 0.3rem 0.3rem;
    }

        .rates-detail-list li:before {
            content: '\e955';
            margin-right: 5px;
            position: relative;
            top: 1px;
            color: #42E085;
            font-weight: 700;
        }

        .rates-detail-list li.not:before {
            content: '\e958';
            color: #F86363;
            font-size: 95%;
        }

.card-hotel-list-1 .current-rates .card-header {
    text-align: center;
}

.rates-boxes .card-header {
    background-color: #CCD2DD;
}

.rates-boxes .card-body {
    padding: 0.5rem 1rem;
    background-color: #F1F3F6;
}

.current-rates .card-body {
    background-color: #E5E9EF;
}

.card-hotel-list-1 .new-rate-boxes {
    margin-left: 1px;
}

    .card-hotel-list-1 .new-rate-boxes .card-header {
        padding-right: 2.2rem;
    }

    .card-hotel-list-1 .new-rate-boxes .card-footer {
        visibility: hidden;
    }

    .card-hotel-list-1 .new-rate-boxes:hover .card-footer, .card-hotel-list-1 .new-rate-boxes.active .card-footer {
        visibility: visible;
    }

.card-hotel-list-1 .new-rate-boxes {
    background-color: #F1F3F6;
}

    .card-hotel-list-1 .new-rate-boxes .card-body, .card-hotel-list-1 .current-rates .card-body {
        font-style: italic;
    }

    .card-hotel-list-1 .new-rate-boxes:hover .card-body, .card-hotel-list-1 .new-rate-boxes.active .card-body {
        background-color: #fff;
    }

    .card-hotel-list-1 .new-rate-boxes:hover .card-header, .card-hotel-list-1 .new-rate-boxes.active .card-header {
        background-color: #000;
        color: #fff;
    }

        .card-hotel-list-1 .new-rate-boxes:hover .card-header h5, .card-hotel-list-1 .new-rate-boxes.active .card-header h5 {
            color: #fff;
        }

.top-rate-on-over {
    display: none
}

.card-hotel-list-1 .new-rate-boxes:hover .top-rate-on-over, .card-hotel-list-1 .new-rate-boxes.active .top-rate-on-over {
    display: inherit
}

@media (min-width: 1680px) {
    .card-hotel-list-1 .rates-boxes .card-header > .row {
        height: 60px;
    }
}
/*____________________________________________________________________________________________________


____________________________________________________________________________________________________*/

.ro-review-card {
    border-radius: 20px;
    overflow: hidden;
}

    .ro-review-card .card-header {
        text-transform: uppercase;
        font-weight: 700;
    }

    .ro-review-card .card-header, .ro-review-card .card-body {
        padding: 0px;
    }

    .ro-review-card .rrc-space {
        padding: 0.8rem 1rem;
    }

    .ro-review-card .rrc-row-divider {
        border-bottom: solid 1px #D9E0EA;
    }

        .ro-review-card .card-header > .row [class*="col-"], .ro-review-card .rrc-row-divider > [class*="col-"] {
            border-right: solid 1px #D9E0EA;
            text-align: center;
        }

            .ro-review-card .card-header > .row [class*="col-"]:last-child, .ro-review-card .rrc-row-divider > [class*="col-"]:last-child {
                border-right: 0px;
            }

            .ro-review-card .rrc-row-divider > [class*="col-"]:first-child {
                background-color: #F1F3F6;
                font-weight: 600;
                text-transform: uppercase;
                text-align: left;
            }

        .ro-review-card .rrc-row-divider:last-child {
            border-bottom: 0px;
        }

.rrc-dft-align > [class*="col-"] {
    text-align: left !important;
}

.rrc-btn {
    border-radius: 0px;
    padding: 1rem;
}

    .rrc-btn.disabled, .rrc-btn:disabled, .rrc-btn.disabled:focus, .rrc-btn:disabled:hover {
        color: #99A4B4;
        background-color: #D9E0EA;
        border-color: #D9E0EA;
    }

.ro-review-card .rate-split-total {
    padding-top: 0.5rem;
}

.rrc-rate-block {
    min-height: 55px;
}

    .rrc-rate-block .rrc-rate-block-end {
        text-align: right;
        padding-right: 35%
    }

.after-load-contents .rrc-rate-block-end {
    display: none;
}

@media (min-width: 1680px) {
    .rrc-rate-block {
        min-height: 65px;
    }
}
/*____________________________________________________________________________________________________


____________________________________________________________________________________________________*/


.plain-card {
    border-radius: 20px;
}

    .plain-card .card-body {
        padding: 1.2rem 2rem;
    }

    .plain-card.sm .card-body {
        padding: 1.2rem 1.5rem;
    }

    .plain-card.bg {
        background-color: #F1F3F6;
    }

    .plain-card h2 {
        text-transform: inherit
    }

    .plain-card .pc-block {
        border-bottom: solid 1px #D9E0EA;
        padding: 1.2rem 0;
    }

        .plain-card .pc-block:last-child {
            border-bottom: none !important;
            padding-bottom: 0px;
        }

        .plain-card .pc-block:first-child {
            padding-top: 0px;
        }

    .plain-card .card-footer {
        border: none;
        border-top: solid 1px #D9E0EA;
        background-color: #FFF;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }
/*____________________________________________________________________________________________________


____________________________________________________________________________________________________*/

[class*="icon-ng-"] {
    width: 22px !important;
    height: 22px !important;
    display: inline-block;
    background-size: contain !important
}

h3.hotel-facility-icon {
    font-size: 0.75rem;
}

    h3.hotel-facility-icon [class*="icon-ng-"] {
        width: 28px !important;
        height: 28px !important;
        background-size: contain !important;
        margin-right: 5px;
    }

@media (min-width: 1680px) {
    h3.hotel-facility-icon {
        font-size: 0.875rem;
    }
}

.facility-icons-in-popup .popup-icons-list [class*="icon-ng-"] {
    width: 36px !important;
    height: 36px !important;
    background-size: contain !important;
}

.icon-ng-air-conditioning {
    background: url(../images/icons/amenities/ng-air-conditioning.svg) no-repeat;
}

.icon-ng-baby-cot-available {
    background: url(../images/icons/amenities/ng-baby-cot-available.svg) no-repeat;
}

.icon-ng-balcony {
    background: url(../images/icons/amenities/ng-balcony.svg) no-repeat;
}

.icon-ng-bar {
    background: url(../images/icons/amenities/ng-bar.svg) no-repeat;
}

.icon-ng-beachfront {
    background: url(../images/icons/amenities/ng-beachfront.svg) no-repeat;
}

.icon-ng-beauty-treatment {
    background: url(../images/icons/amenities/ng-beauty-treatment.svg) no-repeat;
}

.icon-ng-boutique {
    background: url(../images/icons/amenities/ng-boutique.svg) no-repeat;
}

.icon-ng-bowling-alley {
    background: url(../images/icons/amenities/ng-bowling-alley.svg) no-repeat;
}

.icon-ng-breakfast {
    background: url(../images/icons/amenities/ng-breakfast.svg) no-repeat;
}

.icon-ng-business-centre {
    background: url(../images/icons/amenities/ng-business-centre.svg) no-repeat;
}

.icon-ng-cable-tv {
    background: url(../images/icons/amenities/ng-cable-tv.svg) no-repeat;
}

.icon-ng-car-rental-shuttle-counter {
    background: url(../images/icons/amenities/ng-car-rental-shuttle-counter.svg) no-repeat;
}

.icon-ng-casino {
    background: url(../images/icons/amenities/ng-casino.svg) no-repeat;
}

.icon-ng-children-program {
    background: url(../images/icons/amenities/ng-children-program.svg) no-repeat;
}

.icon-ng-coffee-maker {
    background: url(../images/icons/amenities/ng-coffee-maker.svg) no-repeat;
}

.icon-ng-coffee-shop {
    background: url(../images/icons/amenities/ng-coffee-shop.svg) no-repeat;
}

.icon-ng-concierge {
    background: url(../images/icons/amenities/ng-concierge.svg) no-repeat;
}

.icon-ng-convention-centre {
    background: url(../images/icons/amenities/ng-convention-centre.svg) no-repeat;
}

.icon-ng-cvv-reqd {
    background: url(../images/icons/amenities/ng-cvv-reqd.svg) no-repeat;
}

.icon-ng-cycle {
    background: url(../images/icons/amenities/ng-cycle.svg) no-repeat;
}

.icon-ng-data-port-avlbl {
    background: url(../images/icons/amenities/ng-data-port-avlbl.svg) no-repeat;
}

.icon-ng-dining-room {
    background: url(../images/icons/amenities/ng-dining-room.svg) no-repeat;
}

.icon-ng-discotheque {
    background: url(../images/icons/amenities/ng-discotheque.svg) no-repeat;
}

.icon-ng-discount-avbl {
    background: url(../images/icons/amenities/ng-discount-avbl.svg) no-repeat;
}

.icon-ng-diving {
    background: url(../images/icons/amenities/ng-diving.svg) no-repeat;
}

.icon-ng-dry-cleaning {
    background: url(../images/icons/amenities/ng-dry-cleaning.svg) no-repeat;
}

.icon-ng-elevator {
    background: url(../images/icons/amenities/ng-elevator.svg) no-repeat;
}

.icon-ng-executive-floor-complimentary-services {
    background: url(../images/icons/amenities/ng-executive-floor-complimentary-services.svg) no-repeat;
}

.icon-ng-family-room {
    background: url(../images/icons/amenities/ng-family-room.svg) no-repeat;
}

.icon-ng-fitness-facilities {
    background: url(../images/icons/amenities/ng-fitness-facilities.svg) no-repeat;
}

.icon-ng-free-transportation {
    background: url(../images/icons/amenities/ng-free-transportation.svg) no-repeat;
}

.icon-ng-golf-course {
    background: url(../images/icons/amenities/ng-golf-course.svg) no-repeat;
}

.icon-ng-grocery-store {
    background: url(../images/icons/amenities/ng-grocery-store.svg) no-repeat;
}

.icon-ng-guaranteed-early-checkin {
    background: url(../images/icons/amenities/ng-guaranteed-early-checkin.svg) no-repeat;
}

.icon-ng-guaranteed-late-checkout {
    background: url(../images/icons/amenities/ng-guaranteed-late-checkout.svg) no-repeat;
}

.icon-ng-guaranteed-room-upgrade {
    background: url(../images/icons/amenities/ng-guaranteed-room-upgrade.svg) no-repeat;
}

.icon-ng-hair-dryer {
    background: url(../images/icons/amenities/ng-hair-dryer.svg) no-repeat;
}

.icon-ng-hair-salon {
    background: url(../images/icons/amenities/ng-hair-salon.svg) no-repeat;
}

.icon-ng-handicapped-facilities {
    background: url(../images/icons/amenities/ng-handicapped-facilities.svg) no-repeat;
}

.icon-ng-high-speed-internet {
    background: url(../images/icons/amenities/ng-high-speed-internet.svg) no-repeat;
}

.icon-ng-horse-riding {
    background: url(../images/icons/amenities/ng-horse-riding.svg) no-repeat;
}

.icon-ng-hygiene-certified {
    background: url(../images/icons/amenities/ng-hygiene-certified.svg) no-repeat;
}

.icon-ng-indoor-pool {
    background: url(../images/icons/amenities/ng-indoor-pool.svg) no-repeat;
}

.icon-ng-jacuzzi {
    background: url(../images/icons/amenities/ng-jacuzzi.svg) no-repeat;
}

.icon-ng-kitchen-facilities {
    background: url(../images/icons/amenities/ng-kitchen-facilities.svg) no-repeat;
}

.icon-ng-laundry {
    background: url(../images/icons/amenities/ng-laundry.svg) no-repeat;
}

.icon-ng-local-calls {
    background: url(../images/icons/amenities/ng-local-calls.svg) no-repeat;
}

.icon-ng-loyalty-points-available {
    background: url(../images/icons/amenities/ng-loyalty-points-available.svg) no-repeat;
}

.icon-ng-meal-plan {
    background: url(../images/icons/amenities/ng-meal-plan.svg) no-repeat;
}

.icon-ng-medical-treatment {
    background: url(../images/icons/amenities/ng-medical-treatment.svg) no-repeat;
}

.icon-ng-meeting-rooms {
    background: url(../images/icons/amenities/ng-meeting-rooms.svg) no-repeat;
}

.icon-ng-minibar {
    background: url(../images/icons/amenities/ng-minibar.svg) no-repeat;
}

.icon-ng-newspaper {
    background: url(../images/icons/amenities/ng-newspaper.svg) no-repeat;
}

.icon-ng-nightclub {
    background: url(../images/icons/amenities/ng-nightclub.svg) no-repeat;
}

.icon-ng-no-smoking-rooms {
    background: url(../images/icons/amenities/ng-no-smoking-rooms.svg) no-repeat;
}

.icon-ng-outdoor-pool {
    background: url(../images/icons/amenities/ng-outdoor-pool.svg) no-repeat;
}

.icon-ng-parking {
    background: url(../images/icons/amenities/ng-parking.svg) no-repeat;
}

.icon-ng-fb-discount-avbl {
    background: url(../images/icons/amenities/ng-discount-avbl.svg) no-repeat;
}

.icon-ng-pay-tv {
    background: url(../images/icons/amenities/ng-pay-tv.svg) no-repeat;
}

.icon-ng-pets-allowed {
    background: url(../images/icons/amenities/ng-pets-allowed.svg) no-repeat;
}

.icon-ng-pool {
    background: url(../images/icons/amenities/ng-pool.svg) no-repeat;
}

.icon-ng-promotion {
    background: url(../images/icons/amenities/ng-promotion.svg) no-repeat;
}

.icon-ng-reception-open-24hours-a-day {
    background: url(../images/icons/amenities/ng-reception-open-24hours-a-day.svg) no-repeat;
}

.icon-ng-recreational-facilities {
    background: url(../images/icons/amenities/ng-recreational-facilities.svg) no-repeat;
}

.icon-ng-restaurant {
    background: url(../images/icons/amenities/ng-restaurant.svg) no-repeat;
}

.icon-ng-room-services {
    background: url(../images/icons/amenities/ng-room-services.svg) no-repeat;
}

.icon-ng-secretdeal {
    background: url(../images/icons/amenities/ng-secretdeal.svg) no-repeat;
}

.icon-ng-shuttle {
    background: url(../images/icons/amenities/ng-shuttle.svg) no-repeat;
}

.icon-ng-ski-in-ski-out {
    background: url(../images/icons/amenities/ng-ski-in-ski-out.svg) no-repeat;
}

.icon-ng-spa {
    background: url(../images/icons/amenities/ng-spa.svg) no-repeat;
}

.icon-ng-sustainability-program {
    background: url(../images/icons/amenities/ng-sustainability-program.svg) no-repeat;
}

.icon-ng-tennis-court {
    background: url(../images/icons/amenities/ng-tennis-court.svg) no-repeat;
}

.icon-ng-translation-services {
    background: url(../images/icons/amenities/ng-translation-services.svg) no-repeat;
}

.icon-ng-wheel-chair-access {
    background: url(../images/icons/amenities/ng-wheel-chair-access.svg) no-repeat;
}

.icon-ng-wifi {
    background: url(../images/icons/amenities/ng-wifi.svg) no-repeat;
}

.icon-ng-secret-deal {
    background: url(../images/icons/amenities/ng-secret-deal.svg) no-repeat;
}

.icon-ng-fb-discount-avbl {
    background: url(../images/icons/amenities/ng-fb-discount-avbl.svg) no-repeat;
}

.icon-ng-map-cycle {
    background: url(../../../images/icons/map-cycle.svg) no-repeat;
}

.icon-ng-ev-charging {
    background: url(../images/icons/ev-map.svg) no-repeat;
}

.icon-ng-map-office {
    background: url(../../../images/icons/map-office.svg) no-repeat;
}
/*___________________________________________________________________________________________________*/



/*___________________________________________________________________________________________________*/
.expand-facility-icon .facility-icon {
    min-width: 100px
}

.expand-facility-icon .more-amenities-link {
    top: 5px !important;
}

.expand-facility-icon .popup-underline {
    padding-left: 3px;
}

.card-space-between {
    padding-left: 2.4rem;
}

.more-amenities-link, .more-amenities-link:hover, .more-amenities-link:focus {
    display: inline-block;
    border-radius: 5px !important;
    font-size: 0.6875rem;
    font-weight: 600;
    background-color: transparent;
    border: solid 1px #000;
    color: #1D1D1D;
    text-decoration: none !important;
    text-align: center;
    min-width: 24px;
    display: inline-block;
    height: 24px;
    line-height: 2.1;
    font-weight: 700;
    padding: 0 2px;
    position: relative;
    top: -5px;
}

.card-rate-aggregator-list-grouping-block .more-amenities-link {
    top: 1px;
}
/*.on .card-rate-aggregator-list-grouping-block .more-amenities-link { background-color: #F1F3F6; }*/
.font-weight-semi {
    font-weight: 600;
}

.more-link-rate-box {
    position: absolute;
    right: 10px;
    top: -2px;
}

.rate-more-link {
    padding: 0.3rem 0.1rem;
    display: inline-block;
    color: #99A4B4;
    text-decoration: none !important;
    font-size: 125%;
    position: relative;
    right: -10px;
}

    .rate-more-link i {
        position: relative;
        top: 3px;
    }

.destination-box-icons a {
    text-decoration: none !important;
}

.destination-box-icons i {
    font-size: 160%;
    color: #1D1D1D;
}

.readonly {
    background-color: transparent !important
}

footer {
    background-color: #D9E0EA;
    padding: 1.2rem 0;
    font-size: 0.75rem
}

.none-transform {
    text-transform: initial !important
}

.fade-primary-text {
    color: #99A4B4;
}

.unknown {
    color: #99A4B4;
}

.line-through {
    text-decoration: line-through !important;
}

.ui-amenities-list {
    padding: 0.5rem 0 0 0.5rem;
    margin: 0;
    list-style: none;
}

    .ui-amenities-list li {
        padding-bottom: 0.8rem !important;
    }

        .ui-amenities-list li i {
            padding-right: 0.5rem;
            position: relative;
            top: 6px;
        }

.pnr-tooltip .tooltip-inner {
    max-width: 500px;
    min-width: 40px;
}
.tooltip-inner {
    max-width: 300px;
}

.tooltip-text {
    color: #FFF !important;
    text-decoration: underline;
    text-decoration-style: solid;
    cursor: pointer;
}

.btn-min-sm-width {
    min-width: 60px;
}

.btn-min-md-width {
    min-width: 90px;
}

.btn-min-lg-width {
    min-width: 120px;
}

.btn-select-rate {
    width: 110px !important;
    text-align: center !important
}

    .btn-select-rate::after {
        right: -5px;
    }

.hotel-count {
    font-size: 65%;
    font-weight: 400;
}

.serivices-icons-in-hotel-list i {
    margin: 0px 2px;
    position: relative;
    top: 3px;
    padding: 5px 0;
}

.card-rate-aggregator-list .serivices-icons-in-hotel-list i {
    margin: 0px;
}

.serivices-icons-in-hotel-list .inside-hotel-list-contents {
    max-width: 160px;
}

.sticky, .sticky-header {
    position: sticky;
    top: 0;
    z-index: 5;
    position: -webkit-sticky;
}

.dropdown-checkbox {
    cursor: pointer;
}

.c-pointer {
    cursor: pointer;
}

.btn-like-form-control {
    padding: 0.65rem !important
}

.custom-control-label::after {
    width: 1.4rem;
    height: 1.4rem;
    top: 0;
}

.custom-control-label::before {
    width: 1.4rem;
    height: 1.4rem;
    top: 0;
    background-color: #D9E0EA;
    border-color: #D9E0EA;
}

.custom-checkbox .custom-control-label::before {
    border-radius: 0.3rem;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.128' height='6.846' viewBox='0 0 9.128 6.846'%3E%3Cpath id='Path_317' data-name='Path 317' d='M0,67.713l3.126,3.132,6-6L8.266,64l-5.14,5.134L.85,66.857Z' transform='translate(0 -63.999)' fill='%23fff'/%3E%3C/svg%3E%0A");
    background-color: #60A1FF;
    border-radius: 0.3rem;
}

.secondary-checkboxes .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.128' height='6.846' viewBox='0 0 9.128 6.846'%3E%3Cpath id='Path_317' data-name='Path 317' d='M0,67.713l3.126,3.132,6-6L8.266,64l-5.14,5.134L.85,66.857Z' transform='translate(0 -63.999)' fill='%23fff'/%3E%3C/svg%3E%0A");
    background-color: #42E085;
    border-radius: 0.3rem;
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #d9e0ea;
}

.sticky-modal .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #6c7583;
}
/*.secondary-checkboxes .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #42E085; }*/
.custom-control-label::after, .custom-control-label::before, .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after, .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    outline: none !important;
    box-shadow: none !important;
}

.btn-dropdown.primary .custom-control-label::before {
    background-color: #4F8FEA;
    border-color: #4F8FEA;
}

.btn-dropdown.primary .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #1D1D1D;
}

.dropdown-toggle::after {
    border-top: 6px solid;
    border-right: 6px solid transparent;
    border-bottom: 0;
    border-left: 6px solid transparent;
    position: relative;
    top: 2px;
}

.filter-area-forms .dropdown-toggle::after {
    margin-left: 15px;
}

.form-control.dropdown-toggle::after {
    position: absolute;
    right: 15px;
    top: 15px;
}

.type-and-search {
    position: absolute;
    right: 0;
    top: 0.7rem;
    width: 1.4rem;
    height: 1.4rem;
    border-width: 0.15rem;
}

.rate-colum-size {
    width: 130px;
    max-width: 130px;
    float: left;
    white-space: nowrap;
}

.rates-information-colums.stretch .rate-colum-size {
    width: 120px;
    max-width: 120px;
}

.btn-dropdown.active.show .btn {
    background-color: #60A1FF !important;
    border-color: #60A1FF !important;
}

.btn-dropdown.active .btn {
    background-color: #60A1FF !important;
    border-color: #60A1FF !important;
}

.btn-select-pnr.btn-dropdown.sm .dropdown-menu {
    width: 110px !important;
    margin-top: 0px;
}

@media (min-width: 1680px) {
    .rate-colum-size {
        width: 150px;
        max-width: 150px;
    }

    .rates-information-colums.stretch .rate-colum-size {
        width: 130px;
        max-width: 130px;
    }

    .btn-select-rate {
        width: 125px !important;
    }

    .btn-select-pnr.btn-dropdown.sm .dropdown-menu {
        width: 130px !important;
    }
    /*footer { font-size: 0.875rem }*/
}

.on-request-btn-search-list {
    position: absolute;
    right: -15px;
}

    .on-request-btn-search-list .btn {
        font-size: 85%;
    }

.rating-star {
    position: relative;
    top: -2px;
}

.destination-change-popup-header {
    max-width: 500px;
    border: none;
    box-shadow: 10px 10px 30px rgb(0 0 0 / 16%);
}

    .destination-change-popup-header .form-control-secondary {
        border-radius: 20px !important;
        border-color: #D9E0EA;
        background-color: #F1F3F6;
    }

.mile-popup-icons i {
    font-size: 0.7rem;
    position: relative;
    top: 2px;
}

.sort-group-btn.show .dropdown-toggle::after, .btn.dropdown-toggle.active::after, .btn-group.show .dropdown-toggle::after {
    transform: rotate(-180deg);
}

.modal-open .content-wrap {
    filter: blur(15px);
    -webkit-filter: blur(10px);
}

.modal-backdrop {
    background-color: #fff;
}

.hotel-rate-label {
    font-weight: 700;
}

h2.hotel-rate-label {
    font-weight: 600;
}

.rate-colum-size h4.hotel-rate-label, .rate-colum-size h6.converted-rate {
    text-align: right;
    padding-right: 1.2rem;
    white-space: nowrap
}

h6.converted-rate {
    margin-bottom: 0px;
    font-weight: 600;
    font-style: italic;
}

.hotel-rate-aggregator {
    text-align: right;
    padding-right: 1.2rem;
}

.border-radius-sm {
    border-radius: 10px !important;
}

.border-radius-md {
    border-radius: 20px !important;
}

.border-radius-lg {
    border-radius: 20px !important;
}

.size-lg {
    font-size: 95%;
}

.size-md {
    font-size: 90%;
}

.size-sm {
    font-size: 85%;
}

.find-on-map-link {
    border-top: solid 1px #D9E0EA;
    padding: 0.8rem 1.3rem;
}

.pcc-box {
    max-width: 550px;
}

    .pcc-box td {
        line-height: 1.5;
    }

    .pcc-box .custom-control label {
        padding-left: 0.5rem;
    }

    .pcc-box th {
        padding-left: 3.3rem !important;
    }

.dropdown-black-view .table tr:hover td .custom-radio .custom-control-label::before {
    border-color: #fff;
    background-color: #fff;
}

.dropdown-black-view .table tr:hover td .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #60A1FF;
    background-color: #60A1FF;
}

.btn .spinner-border {
    width: 1rem;
    height: 1rem;
}

.card-hotel-block-top {
    border-radius: 20px;
}

    .card-hotel-block-top > .card-header {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }

        .card-hotel-block-top > .card-header h4 {
            font-weight: 700;
        }

    .card-hotel-block-top .view-list:first-child {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }

    .card-hotel-block-top .view-list:last-child {
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }

    .card-hotel-block-top.map { /*pointer-events: none;*/
        overflow: hidden;
    }

    .card-hotel-block-top.with-shade {
        box-shadow: 10px 10px 40px rgb(0 0 0 / 10%);
        border: none;
    }

.form-control-rezise {
    background-color: #F1F3F6;
    border-color: #F1F3F6;
    border-radius: 25px;
    padding: 1rem;
}

    .form-control-rezise.lg {
        padding: 1.25rem 1rem;
    }

    .form-control-rezise label, .view-list .form-control-rezise label {
        display: none;
        text-transform: uppercase !important;
        font-weight: 600;
        color: #1D1D1D;
        font-size: 0.875rem
    }

    .form-control-rezise.active label {
        display: inherit;
    }

    .form-control-rezise .form-control {
        padding: 0px;
        border: 0px;
        outline: none;
        height: inherit;
        resize: none;
        background-color: transparent;
        max-height: 18px;
        transition: all 0.3s ease;
        border-radius: 0px !important;
        overflow: hidden;
    }

    .form-control-rezise.active .form-control {
        max-height: inherit;
        min-height: 100px;
        color: #1D1D1D;
        font-weight: 400;
        transition: all 0.3s ease;
        overflow: auto; /*line-height: 1; */
    }

.type-max-text {
    display: none;
}

.form-control-rezise.active .type-max-text {
    display: inherit;
    margin-bottom: 0;
    text-align: right;
    font-weight: 300;
    color: #000;
}

.form-control-rezise .form-control::placeholder {
    text-transform: uppercase !important;
    font-weight: 600;
    color: #1D1D1D;
    font-size: 0.875rem
}

.form-control-rezise .form-control::-webkit-input-placeholder {
    text-transform: uppercase !important;
}

.form-control-rezise .form-control::-moz-placeholder {
    text-transform: uppercase !important;
}

.form-control-rezise .form-control:-ms-input-placeholder {
    text-transform: uppercase !important;
}

.form-control-rezise .form-control::-ms-input-placeholder {
    text-transform: uppercase !important;
}

.form-control-rezise .form-control::placeholder {
    text-transform: uppercase !important;
}
/*.footer-room { padding-top: 0.5rem; }*/
.footer-room .footer-room-total {
    border-top: solid 6px #60A1FF;
    border-bottom: solid 1px #D9E0EA;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    text-transform: uppercase;
}

    .footer-room .footer-room-total h5, .footer-room .footer-room-total h2 {
        font-weight: 700
    }

.rate-split-total {
    border-top: solid 1px #bcc5d2;
    border-bottom: solid 1px #bcc5d2;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
}

.visa-card {
    background-color: #FFF;
    border: solid 1px #99A4B4;
    border-radius: 20px;
    width: 280px;
    filter: grayscale(0%);
    cursor: pointer;
}

label .visa-card {
    text-transform: capitalize;
}

label.active .visa-card {
    border-color: #60A1FF;
}

.visa-card .card-body {
    padding: 0.8rem;
    white-space: nowrap;
}

.visa-add-new-card, .visa-add-new-card:hover, .visa-add-new-card:focus {
    width: 280px; /*border: dashed 1px #99A4B4;*/
    padding: 1rem;
    display: block;
    margin-left: 32px;
    border-radius: 15px;
    color: #99A4B4;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    border: none;
}

    .visa-add-new-card:after {
        content: '';
        position: absolute;
        background-size: cover;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='20' ry='20' stroke='%2399A4B4FF' stroke-width='2' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
        border-radius: 20px;
    }

    .visa-add-new-card .card-body {
        padding: 1rem;
        display: block;
    }

label.active .visa-add-new-card {
    border-color: #60A1FF;
}

.payment-mode .custom-control label {
    text-indent: 8px;
}

.step3-room-information p, .step3-rate-information p, .modify-rate-information p, .step3-rate-split-information p, .step3-cancellation-policy p {
    font-size: 0.875rem;
    font-weight: 400;
    word-break: break-word;
}

.step3-rate-split-information p, .step3-cancellation-policy p {
    font-weight: 400;
}

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

select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../../../images/icons/select-arrow-1.svg) !important;
    background-repeat: no-repeat;
    background-position: right 13px bottom 11px;
}

    select.form-control:focus-within {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-image: url(../../../images/icons/select-arrow-up.svg) !important;
        background-repeat: no-repeat;
        background-position: right 13px bottom 11px;
    }

    select.form-control.primary {
        background-position: right 13px bottom 11px;
    }

select.form-control-sm {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../../../images/icons/select-arrow-1.svg) !important;
    background-repeat: no-repeat;
    background-position: right 13px bottom 11px;
    background-size: 9px;
}

select.form-control-lg {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../../../images/icons/select-arrow-2.svg) !important;
    background-repeat: no-repeat;
    background-position: right 14px bottom 14px;
}

@media (min-width: 1680px) {
    .step3-room-information p, .step3-rate-information p, .step3-rate-split-information p {
        font-size: 0.9375rem;
    }

    .form-control-rezise .form-control {
        max-height: 25px;
    }

    select.form-control {
        background-position: right 13px bottom 12px;
    }

        select.form-control.primary {
            background-position: right 8px bottom 12px;
        }

    select.form-control-sm {
        background-position: right 9px bottom 10px;
    }

    select.form-control-lg {
        background-position: right 14px bottom 15px;
    }

    .form-control-rezise label {
        font-size: 1rem;
    }

    .form-control-rezise .form-control::placeholder {
        font-size: 1rem
    }
}

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

    .row-more-gap-xs > .col, .row-more-gap-xs > [class*="col-"] {
        padding-right: 10px;
        padding-left: 10px;
    }

.row-more-gap-sm > .col, .row-more-gap-sm > [class*="col-"] {
    padding-right: 20px;
    padding-left: 20px;
}

.row-more-gap > .col, .row-more-gap > [class*="col-"] {
    padding-right: 25px;
    padding-left: 25px;
}

.custom-checkbox-secondary label, .custom-radio-secondary label {
    text-transform: inherit;
    color: #1D1D1D !important
}

.add-category-block {
    border-bottom: solid 1px #D9E0EA;
    margin-bottom: 1rem;
}

    .add-category-block:last-child {
        border-bottom: 0px;
        margin-bottom: 0px;
    }
/*.tp-heading { text-transform: uppercase; }*/
h2 a.collapse-link i, h3 a.collapse-link i {
    font-size: 30%;
    position: relative;
    top: -5px;
    padding-left: 5px;
}

h5 a.collapse-link i, h6 a.collapse-link i {
    font-size: 40%;
    position: relative;
    top: -2px;
    padding-left: 5px;
}

h2 a.collapse-link i {
    padding-left: 10px;
    top: -3px;
}

h2 a.collapse-link, h3 a.collapse-link, h5 a.collapse-link, h6 a.collapse-link {
    color: #000;
    text-decoration: none;
}

a.collapse-link i:before {
    content: "\e93b";
}
/*.icon-select-arrow-2-a:before*/
a.collapse-link.collapsed i:before {
    content: "\e93a";
}
/*.icon-select-arrow-2:before*/
.section-block {
    padding-bottom: 2rem;
}

    .section-block.facility-block {
        padding-bottom: 1.6rem;
    }

    .section-block.sm {
        padding-bottom: 1.5rem;
    }

    .section-block:last-child {
        padding-bottom: 0rem;
    }

p:last-child {
    margin-bottom: 0px;
}

.add-new-tab, .add-new-tab:hover, .add-new-tab:focus {
    background-color: #D9E0EA;
    width: 55px;
    height: 55px;
    border-radius: 100px;
    text-align: center;
    line-height: 1.1;
    font-size: 3rem;
    color: #7E8A9B;
    text-decoration: none;
    font-weight: 100;
    position: relative;
    top: 10px;
    left: 30px;
    display: block;
}

    .add-new-tab:hover, .add-new-tab:focus {
        box-shadow: 0 3px 6px hsl(0deg 0% 0% / 16%);
    }

    .add-new-tab:hover, .add-new-tab:focus {
        background-color: #000;
        color: #fff;
    }

.dropdown-menu.show {
    display: block !important;
}

.custom-radio .custom-control-label::before {
    width: 22px;
    height: 22px;
    top: 0;
    background-color: #D9E0EA;
    border: solid 1px #D9E0EA;
}

.sticky-modal .custom-radio .custom-control-label::before {
    background-color: #6C7583;
    border: solid 3px #6C7583;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: none;
    width: 20px;
    height: 20px;
    background-color: transparent;
    border: solid 3px #60A1FF;
    top: 1px;
    left: -23px;
    border-radius: 50px;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #60A1FF;
    background-color: #60A1FF;
    margin: 6px;
    width: 10px;
    height: 10px;
}

.no-of-rooms, .no-of-rooms:focus {
    border-radius: 13px;
    background-position: right 14px bottom 12px !important;
    background-color: #E5E9EF;
    border-color: #D9E0EA;
    width: 60px;
}

.customer-name-block {
    overflow: hidden;
    text-overflow: ellipsis;
}

    .customer-name-block .customer-name-block-text { /*overflow: hidden; text-overflow: ellipsis;*/
        white-space: normal;
    }

.nav-link .traveller-name {
    pointer-events: none; /*max-width: 170px; min-width: 170px; */ /*overflow: hidden; text-overflow: ellipsis; display: inline-block;*/
    white-space: normal;
}

    .nav-link .traveller-name h3 { /* overflow: hidden; text-overflow: ellipsis;*/
    }

.nav-link.active .traveller-name {
    pointer-events: inherit;
}

.nav-link .traveller-name i { /*display: none; font-size: 70%; float: right; position: relative; top: 4px; */
}

.nav-link.active .traveller-name:hover i {
    display: inline
}

.cancellation-date {
    font-size: 85%;
    white-space: nowrap
}

.cached-rate {
    border-bottom: dotted 1px #1D1D1D;
}

.alert-msg { /*text-transform: uppercase*/
}

.no-availability-rate {
    position: absolute;
    top: 1px;
    font-size: 1.4rem;
    right: -26px;
    color: #F86363;
}

    .no-availability-rate > span {
        position: relative
    }

    .no-availability-rate .tooltip1 {
        opacity: 0;
        position: absolute;
        background-color: #F86363;
        color: #fff;
        right: 0;
        top: -35px;
        white-space: nowrap;
        padding: 0.3rem 0.5rem;
        font-size: 0.8rem;
        border-radius: 50px;
        z-index: 999;
    }

    .no-availability-rate:hover .tooltip1 {
        opacity: 1;
    }

.input-group > .input-group-prepend:first-child > .btn:not(:first-child) {
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

.sort-group-btn .btn:first-child {
    border-right: 0px !important;
}

.sort-group-btn .btn:not(:first-child) {
    border-left: 0px !important;
    margin-left: 0px;
    padding-left: 0px;
}

.view-list .view-blocks {
    border-bottom: solid 1px #D9E0EA;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

    .view-list .view-blocks:last-child {
        border-bottom: none;
        padding-bottom: 0rem;
        margin-bottom: 0rem;
    }

.view-list label {
    font-weight: 700;
    display: block;
}

.view-list .value-text {
    font-weight: 400;
    margin: 0px;
}

    .view-list .value-text.font-weight-semi {
        font-weight: 600;
    }

.text-info {
    color: #7E8A9B !important;
}

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

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

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

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

.after-load-contents {
    height: 10px;
    position: relative;
    overflow: hidden;
    text-indent: -9999px;
    display: block;
    animation-duration: 1.25s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #F6F6F6;
    background: linear-gradient(to right, #F6F6F6 8%, #F0F0F0 18%, #F6F6F6 33%);
}

    .after-load-contents.image {
        height: 100px;
        margin-top: 0px;
        border-radius: 20px;
    }

.after-load-contents-non-animate {
    display: none;
}

.btn-xl {
    padding: 0.8rem 1rem;
}

.btn-xxl {
    padding: 1.1rem 1.5rem;
}

.booking-more-details {
    background-color: #D9E0EA;
}

.status-bar {
    width: 50px;
    height: 6px;
    border-radius: 20px;
    margin-top: 4px;
}

.status-msg-text { /*text-transform: uppercase;*/
    font-weight: 600; /*font-size: 90%;*/
}

.error-text {
    padding-top: 1rem; /*text-transform: uppercase;*/
}

.booking-information-footer {
    border-top: solid 1px #99A4B4;
    padding-top: 1rem;
}

.form-control-cancel {
    border-radius: 20px;
    border: none;
    padding: 1rem;
    background-color: #fff;
}

    .form-control-cancel .form-control {
        min-height: 120px;
        border: none;
        outline: none;
    }

.card-booking-details .card-body {
    padding: 1.25rem 1.5rem;
}

.gap-forms > .col, .gap-forms > [class*="col-"] {
    padding-right: 15px;
    padding-left: 15px;
}

.pin-text {
    font-style: italic;
}

.pos-text {
    font-weight: 700;
}

.btn-primary-icon {
    background-color: #fff;
    font-size: 1rem;
    text-align: center;
    padding: 0;
    width: 35px;
    height: 35px;
}

.dropdown-menu-pnr-block {
    width: 600px;
    border-radius: 25px;
}

    .dropdown-menu-pnr-block .dropdown-black-view {
        border-radius: 25px;
    }

.btn-primary-icon .icon-email {
    font-size: 0.85rem;
}

.pnr-details-block, .pnr-details-block:hover, .pnr-details-block:focus {
    max-height: 300px;
    overflow-y: auto;
    background-color: #29292B;
    padding: 1rem;
    border-radius: 25px;
    font-weight: 300;
    text-transform: uppercase;
    min-height: 300px;
    border: none;
    color: #fff;
}

.pnr-close, .pnr-close:hover, .pop-close, .pop-close:hover {
    color: #fff;
    text-decoration: none;
}

.pnr-close, .pop-close {
    position: absolute;
    right: 20px;
    top: 0;
    color: #fff !important;
    font-size: 0.75rem;
}

.pagination-primary select.form-control.primary {
    background-color: #fff;
    border: solid 1px #D9E0EA;
    padding: 6px 20px 6px 6px;
    top: 0;
    border-radius: 15px;
    background-size: 10px;
    background-position: right 16px bottom 12px;
    width: 65px;
}

.hotel-details-popover {
    border-radius: 25px;
    max-width: 350px !important;
    min-width: auto;
}

.pnr-details-popover {
    border-radius: 25px;
    min-width: 600px;
    text-transform: uppercase;
}

    .pnr-details-popover .arrow, .hotel-details-popover .arrow {
        display: none;
    }

.invalid-feedback, .text-danger {
    color: #F86363 !important;
    font-weight: 600
}

.valid-feedback, .text-success {
    color: #42E085 !important;
    font-weight: 600
}

.priority-value-block {
    white-space: nowrap;
}

.text-success {
    color: #37AF6A !important;
}

.more-small-list-dropdown {
    max-width: 180px;
    border-radius: 10px;
    padding: 0.5rem;
}

    .more-small-list-dropdown .close {
        font-size: 0.75rem;
        position: relative;
        top: 5px;
    }

    .more-small-list-dropdown .dropdown-item {
        padding: 0.2rem 0;
        color: #1D1D1D;
    }

        .more-small-list-dropdown .dropdown-item:hover, .more-small-list-dropdown .dropdown-item:focus {
            background-color: transparent
        }

.book-next-destination {
    border-top: solid 1px #D9E0EA;
    padding-top: 1.5rem;
    /*margin-top: 1.5rem;*/
}

.book-colum-destination-block {
    max-width: 220px;
}

.book-next-destination .btn-dropdown .dropdown-toggle, .book-next-destination .btn-dropdown .dropdown-menu, .book-next-destination .btn-destination {
    width: 220px;
}

.book-next-destination .btn.completed {
    background-color: #42E085 !important;
    color: #fff;
}

.book-next-destination .btn-dropdown .btn-light {
    background-color: #FFFFFF;
    border: none;
}

.card-hotel-block-top .image img {
    overflow: hidden;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.card-hotel-block-top .book-a-hotel-image img {
    overflow: hidden;
    border-radius: 20px;
    max-height: 100%;
    width: 100%;
}

.radius-0 {
    border-radius: 0px !important;
}

.sub-values {
    font-size: 95%;
    text-indent: 20px;
}

.select-all-link, .select-all-link:hover {
    padding-top: 0px !important;
    background-color: #fff !important;
    padding-bottom: 0px !important;
}

.filter-with-searchbox .for-filter-search-type-list {
    padding-top: 0px;
}

    .filter-with-searchbox .for-filter-search-type-list > .row:first-child {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }

.filter-with-searchbox .dropdown-filter-search {
    padding: 0.6rem;
}

    .filter-with-searchbox .dropdown-filter-search .form-control-secondary {
        border-color: #D9E0EA;
        background-color: #F1F3F6;
    }

.my-destination-text {
    text-transform: uppercase;
}

.sort-by-drp {
    max-width: 190px;
}

.PriorityNameColums, .colum-distance, .colum-commision, .colum-amenities {
    position: relative;
}

    .PriorityNameColums:after, .PriorityNameColums:before, .colum-distance:after, .colum-distance:before, .colum-commision:after, .colum-commision:before, .colum-amenities:after, .colum-amenities:before {
        position: absolute;
        right: 0;
        width: 1px;
        height: 100%; /*background-color: #D9E0EA;*/
        content: '';
        top: 0
    }

    .PriorityNameColums:before, .colum-distance:before, .colum-commision:before, .colum-amenities:before {
        left: 0;
    }
/*.colum-amenities:before { display: none; }*/
.facility-icon {
    margin-right: 1.4rem;
    margin-bottom: 0.8rem;
    display: inline-flex;
    font-weight: 600;
    margin-top: 0.2rem;
    line-height: 2.8;
    float: left;
}

a.facility-icon, a.facility-icon:hover, a.facility-icon:focus {
    text-decoration: none;
    color: #1D1D1D;
}

.facility-icon .more-amenities-link {
    position: relative;
    top: 1px;
    margin-right: 5px;
}

.currency-code {
    font-weight: 400;
}

.hotel-view-map {
    width: 136px;
}

    .hotel-view-map .map-top-links {
        top: 20px;
        right: 15px;
    }

.inner-room-type-colum {
    width: 17%
}

.inner-gds-rpc-colum {
    width: 9%
}

    .inner-gds-rpc-colum .img-fluid {
        width: 40px;
    }

.inner-rates-colum {
    width: 72%
}

.card-hotel-strip {
    border: none;
    border-radius: 22px;
}

    .card-hotel-strip .card-body {
        padding: 0.625rem;
    }

    .card-hotel-strip .book-a-hotel-image {
        border-radius: 22px;
        overflow: hidden;
        height: 135px;
        background-color: #D9E0EA;
    }

    .card-hotel-strip h5 {
        font-size: 0.9375rem;
    }

@media (min-width: 1680px) {
    .facility-icon {
        line-height: 1.9;
    }

    .card-hotel-strip h5 {
        font-size: 1rem;
    }
}

.strip-map {
    border-radius: 20px;
    border: solid 1px #D9E0EA;
    overflow: hidden;
}

    .strip-map .map-top-links {
        top: 20px;
        right: 15px;
    }

.normal-heading {
    font-weight: 400;
    text-transform: inherit;
}

.your-booking-tab .hh-tabs-primary .nav-tabs .nav-item {
    max-width: 390px;
   /* min-width: 390px;*/
}

.your-booking-tab .hh-tabs-primary .nav-tabs .nav-link {
    min-height: 75px;
    height: 100%;
}

.new-book-nav-ink {
    max-width: 390px !important;
  /*  min-width: 210px !important;*/
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
    padding-top: 1.1rem !important;
    text-transform: uppercase;
}

.heading-style {
    text-transform: uppercase;
    font-weight: 700 !important;
}

.heading-style1 {
    text-transform: uppercase;
    font-weight: 600 !important;
}

.heading-style2 {
    text-transform: uppercase;
    font-weight: 500 !important;
}

.heading-style3 {
    text-transform: uppercase;
    font-weight: 400 !important;
}

.heading-style4 {
    text-transform: uppercase;
    font-weight: 300 !important;
}

.more-link {
    text-transform: uppercase;
    font-weight: 600;
}

.filter-area-forms .btn {
    font-weight: 400;
}

.filter-area-forms > .col, .filter-area-forms > [class*="col-"] {
    padding-right: 6px;
    padding-left: 6px;
}

.filter-area-forms .dropdown-menu {
    margin-top: 8px;
}
/*.filter-area-forms .btn-group.show .btn, .filter-area-forms .btn:focus, .filter-area-forms .btn.active { font-weight: 700; }*/
.small-price-text {
    position: relative;
    top: -8px;
    font-size: 65%;
    font-weight: 600;
}

h5 .small-price-text {
    top: -5px;
}

.right-side-hotel-block {
    padding: 0.6rem 0;
    border-bottom: solid 1px #D9E0EA;
}

    .right-side-hotel-block .icons-travel a {
    }

    .right-side-hotel-block:last-child {
        border-bottom: none;
        padding-bottom: 0px;
    }

    .right-side-hotel-block .map {
        width: 192px;
        height: 58px;
    }

.card-hotel-strip-right .card-body {
    padding: 0.8rem;
}

.card-hotel-strip-right {
    box-shadow: none;
}

    .card-hotel-strip-right .book-a-hotel-image {
        border-radius: 22px;
        overflow: hidden;
        height: 140px;
    }
.book-a-hotel-image {
    height: 105px;
}
    .rate-information-block {
    width: 330px;
}

    .rate-information-block.lg {
        width: 450px;
    }

.primary-labels label, .card-search-area-form label {
    font-weight: 700;
}

.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
    background-color: #D9E0EA;
    border-color: #99A4B4; /*background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.663' height='9.663' viewBox='0 0 9.663 9.663'%3E%3Cpath id='Icon_material-close' data-name='Icon material-close' fill='%23FFFFFF' d='M17.163,8.473,16.19,7.5l-3.858,3.858L8.473,7.5,7.5,8.473l3.858,3.858L7.5,16.19l.973.973L12.332,13.3l3.858,3.858.973-.973L13.3,12.332Z' transform='translate(-7.5 -7.5)'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center;*/
}

.custom-control {
    line-height: 1.5;
}

.form-check-inline {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
}

.text-transform-inherit, .text-transform-inherit label, .text-transform-inherit .btn, .text-transform-inherit a {
    text-transform: inherit !important
}

.card-search-area-form .tab-content {
    border: solid 1px #D9E0EA;
    border-top: none;
}

.card-search-area-form .nav-tabs .nav-item:first-child .nav-link.active {
    border-left-color: #D9E0EA;
}

.card-select-box {
    padding-top: 1rem;
    padding-left: 2rem;
}

.footer-last-block {
    border-top: solid 1px #D9E0EA;
    padding-top: 1.5rem;
    margin-top: 1.5rem;
}

.revised-rates { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e5e9ef+0,ffffff+100 */
    background: rgb(229,233,239); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(229,233,239,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(229,233,239,1) 0%, rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(229,233,239,1) 0%, rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e9ef', endColorstr='#ffffff', GradientType=1 ); /* IE6-9 */
}

    .revised-rates .content-block {
        padding: 0;
        border-bottom: 1px solid #bcc5d2;
        padding-bottom: 1rem;
        margin-bottom: 1rem;
    }

        .revised-rates .content-block:last-child {
            border: none;
            margin: 0;
            padding: 0;
        }

.iata-box .with-search-icon {
    border-color: #fff;
    background-color: #fff;
}

.filter-dropdown-menu .for-filter-search-type-list:first-child .dropdown-list-item:last-child {
    border-radius: 0px !important;
}

.alert-mandatory-filed {
    color: #F86363;
    font-weight: 600;
    font-size: 0.75rem;
}

@media (min-width: 1680px) {
    .alert-mandatory-filed {
        font-size: 0.875rem;
    }
}

.border-right {
    border-color: #D9E0EA;
}

.no-card-shadow {
    box-shadow: none;
}

/*.destination-dropdown-menu .for-filter-search-type-list {
    padding-bottom: 0px;
}*/

.close {
    text-shadow: none !important;
}

.show-more-link {
    text-transform: uppercase;
    font-weight: 700 !important;
}

.single-pax .nav-item {
    min-width: 100% !important;
    max-width: 100% !important;
}

    .single-pax .nav-item .nav-link {
        width: 100%;
    }

        .single-pax .nav-item .nav-link.active {
            background-color: #D9E0EA;
            border-color: #D9E0EA;
        }

    .single-pax .nav-item h3 {
        padding-top: 0.5rem;
    }

        .single-pax .nav-item h3 a {
            color: #000;
            text-decoration: none;
        }

        .single-pax .nav-item h3 i {
            font-size: 65%;
            padding-left: 0.5rem;
            position: relative;
            top: -1px
        }

    .single-pax .nav-item h4 {
        padding-top: 0.6rem;
    }

.back-button-top {
    display: block;
    padding-bottom: 1.5rem;
}

    .back-button-top .btn {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

.hotel-facility-icon .not-view {
    display: none !important;
}

.hotel-facility-icon.active .not-view {
    display: inline-block !important;
}

.icon-map-large-link {
    border-radius: 5px !important;
}

    .icon-map-large-link i {
        font-weight: 700 !important;
    }

footer img {
    display: none
}

button.close .icon-close {
    font-size: 40%;
    position: relative;
    top: -6px;
}

@media (min-width: 1680px) {
    button.close .icon-close {
        top: -4px;
    }
}
/*.modify-check-box-list .custom-checkbox,
.modify-check-box-list .custom-checkbox input{  pointer-events: none;}*/


.icon-bg-tick, .icon-bg-untick {
    background: url(../../../images/icons/tick.svg) no-repeat;
    width: 23px;
    height: 23px;
    display: inline-block;
    margin-right: 6px;
    background-size: contain;
    margin-top: 2px;
}

.icon-bg-untick {
    background: url(../../../images/icons/untick.svg) no-repeat;
    background-size: contain;
}

.card-header {
    background-color: #F1F3F6;
}

.existing-profile-table {
}

    .existing-profile-table th {
        text-transform: uppercase;
        font-weight: 600;
    }

        .existing-profile-table th:first-child, .existing-profile-table td:first-child {
            padding-left: 1.5rem;
        }

.existing-profile-table {
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    overflow: hidden;
}

.traveller-added {
    border-radius: 16px;
    background-color: #F4F4F4;
}

    .traveller-added > .card-body {
        border-top: solid 16px #60A1FF;
        border-radius: 16px;
        border-bottom: solid 1px #D9E0EA; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f1f3f6+100 */
        background: rgb(255,255,255); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,243,246,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,243,246,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(241,243,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f3f6', GradientType=0 ); /* IE6-9 */
    }

    .traveller-added .add-category-block {
        padding-bottom: 1rem;
    }

        .traveller-added .add-category-block:last-child {
            padding-bottom: 0px;
        }

    .traveller-added .visa-card, .traveller-added .visa-add-new-card {
        width: 230px;
    }

    .traveller-added .form-control-rezise {
        background-color: #fff;
    }

.small-heading {
    font-weight: 600;
    font-size: 90%;
}

.inside-blocks {
    padding-bottom: 1.25rem;
}

    .inside-blocks:last-child {
        padding-bottom: 0px;
    }

.primary-labels .value-text {
    margin-bottom: 0px;
}

.added-traveller-block {
}

.added-traveller-extra-block {
    padding-top: 1rem;
    border-top: solid 1px #D9E0EA;
    margin-top: 1rem;
}

.on-request-left-section .section-block {
}

select.form-control {
    padding-right: 30px;
    text-overflow: ellipsis;
}

.input-controls-bold .form-control {
    font-weight: 600;
}

.input-with-text.first {
    border: solid 1px #ced4da !important;
    border-radius: 10px;
}

    .input-with-text.first input {
        border: none;
    }

    .input-with-text.first .btn {
        border: none;
        border-left: solid 1px #ced4da;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }

.input-with-text .btn {
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 10px;
    font-weight: 400;
    border-left: 0px;
}

.currency-dropdown {
    position: relative;
}

    .currency-dropdown:after {
        content: '';
        position: absolute;
        background: url(../../../images/icons/currency.svg) no-repeat;
        width: 16px;
        height: 16px;
        background-size: contain;
        top: 8px;
        left: 5px;
    }

    .currency-dropdown .form-control {
        padding-left: 25px;
    }

.facility-icons-in-popup {
    width: 750px;
    box-shadow: 10px 10px 30px rgb(0 0 0 / 16%);
    border: none;
}

    .facility-icons-in-popup p {
        font-weight: 600;
        overflow-wrap: break-word;
        word-break: break-word;
    }

    .facility-icons-in-popup .popup-icons-list {
        padding-left: 2rem;
        padding-right: 2rem;
        height: 310px;
        overflow-y: auto;
        overflow-x: hidden;
    }

        .facility-icons-in-popup .popup-icons-list i {
            margin-bottom: 0.5rem;
            display: inline-block;
        }

.shade-text {
    color: #6C7583;
}

.regular-text {
    text-transform: inherit;
    font-weight: 400;
}

.primary-checkboxes .dropdown-item-text .icon-bg-tick {
    background: #D9E0EA;
    border-radius: 0.3rem;
}

.primary-checkboxes .dropdown-item-text.active .icon-bg-tick {
    background: url(../../../images/icons/tick1.svg) no-repeat;
    background-size: contain;
}

.modal-content {
    border: none;
}

.facility-icons-in-popup .drp-close {
    color: #000;
    padding-right: 5px;
    font-size: 80%;
    padding-top: 3px;
    opacity: 1;
}

    .facility-icons-in-popup .drp-close i {
        padding: 0px;
        top: inherit;
    }

.rate-from-text {
    white-space: nowrap
}

.after-load-contents h6, .after-load-contents p {
    display: none;
}

.if-top-msg {
    border-bottom: solid 1px #D9E0EA;
    padding-bottom: 1rem;
    margin-bottom: 1rem
}

.cancel-book-options {
    background-color: #FFE8E8;
}

.btn-form-control, .btn-form-control:hover, .btn-form-control:focus {
    border: none !important;
    outline: none;
    box-shadow: none;
    padding-left: 0px !important;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
}

.btn-form-control {
    background-position: right 6px bottom 14px !important;
    background-size: 15px;
}

.alarm:after {
    content: '';
    position: absolute;
    top: 0px;
    height: 10px;
    width: 10px;
    background-color: red;
    border-radius: 50px;
    right: 0px;
}

.multipax-button {
    position: fixed;
    z-index: 1;
    top: 50%;
    right: 0;
}

    .multipax-button .btn-primary {
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        padding: 1rem 2rem;
    }

.box-for-modals {
    background-color: transparent;
    border: solid 1px #CCC;
    border-radius: 20px;
}

.tel-code {
    max-width: 100px;
}

.text-label {
    font-weight: 700;
}

.btw-gap {
    padding: 0.8rem 0;
}

.btw-label-w {
    width: 350px;
}

    .btw-label-w > label {
        margin: 0;
    }

.fill-progress .progress {
    height: 8px;
    background-color: #D9E0EA;
    min-width: 100px;
}

.fill-progress p {
    font-size: 80%;
}

.hh-help-icon {
    width: 20px;
    height: 20px;
    background: url(../../../images/icons/help.svg) no-repeat;
    display: inline-block;
}

.hh-eye-icon {
    width: 20px;
    height: 14px;
    background: url(../../../images/icons/eye.svg) no-repeat;
    display: inline-block;
}

.form-group-with-icon {
    position: relative;
}

    .form-group-with-icon .group-eye-icon i {
        background: url(../../../images/icons/eye.svg) no-repeat;
        height: 14px;
        width: 20px;
        display: inline-block;
        position: absolute;
        right: 0;
        top: 12px
    }

.btn-autobook {
    text-align: left;
}

.drp-btn-autobook .btn-autobook {
    width: 175px;
    position: relative;
    padding: 0.5rem 1rem;
}

.drp-btn-autobook .dropdown-toggle::after {
    position: absolute;
    right: 10px;
    top: 22px;
}

.drp-btn-autobook .dropdown-menu {
    width: 175px;
    text-align: left;
}

    .drp-btn-autobook .dropdown-menu .dropdown-item {
        padding: 0.5rem 1rem;
        position: relative;
    }

        .drp-btn-autobook .dropdown-menu .dropdown-item, .drp-btn-autobook .dropdown-menu .dropdown-item.heading {
            background-color: #60A1FF;
            color: #FFF;
        }

.autobook-inside-text {
    font-weight: 300;
    text-transform: none;
    font-size: 0.75rem;
    font-style: italic;
}

.drp-btn-autobook .dropdown-menu .dropdown-item .btn-arrow {
    background-color: #000;
    padding: 0;
    border-radius: 50px;
    position: absolute;
    top: 5px;
    right: 10px;
    width: 22px;
    height: 22px;
    font-size: 0.65rem;
    text-align: center;
    line-height: 2.2;
    display: none;
}

.drp-btn-autobook .dropdown-menu .dropdown-item:hover .btn-arrow {
    display: inline-block !important;
}

@media (min-width: 1680px) {
    .drp-btn-autobook .btn-autobook {
        width: 190px;
    }

    .drp-btn-autobook .dropdown-menu {
        width: 190px;
    }
}

.card-secondary {
    background-color: #1D1D1D;
    color: #fff;
}

    .card-secondary h2, .card-secondary h3, .card-secondary h4, .card-secondary h5 {
        color: #fff;
    }

    .card-secondary .btn-outline-primary {
        color: #fff;
        border-color: #fff;
        background-color: transparent;
    }

    .card-secondary .after-load-contents {
        background: #2a2a2a;
        background: linear-gradient(to right, #2a2a2a 8%, #252525 18%, #2a2a2a 60%);
    }

    .card-secondary .card-header {
        background-color: #1D1D1D;
        color: #fff;
        border: none;
    }

    .card-secondary.card-hotel-list .card-hotel-list-colum {
        background-color: transparent;
        border-color: #6C7583;
        padding: 1rem 1.25rem;
    }

.new-text {
    color: #42E085;
}

.loading-dot-animation { /*position:relative;*/
}

    .loading-dot-animation:after {
        content: ".";
        animation: dots 1s steps(5, end) infinite; /* font-size: 2.2rem;
    position: absolute;
    bottom: -3px;*/
    }

@keyframes dots {
    0%, 20% {
        color: rgba(0, 0, 0, 0);
        text-shadow: 0.25em 0 0 rgba(0, 0, 0, 0), 0.5em 0 0 rgba(0, 0, 0, 0);
    }

    40% {
        color: white;
        text-shadow: 0.25em 0 0 rgba(0, 0, 0, 0), 0.5em 0 0 rgba(0, 0, 0, 0);
    }

    60% {
        text-shadow: 0.25em 0 0 rgb(0 0 0 / 61%), 0.5em 0 0 rgba(0, 0, 0, 0);
    }

    80%, 100% {
        text-shadow: 0.25em 0 0 rgb(0 0 0 / 61%), 0.5em 0 0 rgb(0 0 0 / 61%);
    }
}

.add-clear-box .for-filter-search-type-list {
    border-bottom: 0px;
    padding-bottom: 0.2rem;
}

.add-clear-box .clear-all-box {
    margin: 0 1rem;
}

    .add-clear-box .clear-all-box .space {
        padding: 0.8rem 0;
        text-transform: uppercase;
        font-weight: 600;
        border-top: solid 1px #D9E0EA;
    }

.icons-needs-to-be-lg {
    padding-left: 2rem;
}

    .icons-needs-to-be-lg > i {
        font-size: 1.2rem;
        position: absolute;
        left: 8px;
    }

        .icons-needs-to-be-lg > i.icon-map-1 {
            top: 7px;
        }
/*.top-hotel-details { padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: solid 1px #D9E0EA; }*/
.top-hotel-details .part-block {
    width: 130px;
}
/*__________________________________________________________*/

.alert {
    font-weight: 600;
    border-radius: 10px;
}

.alert-danger {
    color: #F86363;
    background-color: #FFE8E8;
    border-color: #f5c6cb;
    box-shadow: 0 0.25rem 0.75rem rgb(0 0 0 / 10%);
}

    .alert-danger a {
        text-decoration: underline;
        color: #F86363
    }

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
    box-shadow: 0 0.25rem 0.75rem rgb(0 0 0 / 10%);
}

    .alert-success a {
        text-decoration: underline;
        color: #155724
    }

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #f3d784;
    box-shadow: 0 0.25rem 0.75rem rgb(0 0 0 / 10%);
}

    .alert-warning a {
        text-decoration: underline;
        color: #856404
    }

.alert-primary {
    color: #004085;
    background-color: #dcedff;
    border-color: #b8daff;
    box-shadow: 0 0.25rem 0.75rem rgb(0 0 0 / 10%);
}

    .alert-primary a {
        text-decoration: underline;
        color: #004085
    }

.alert-secondary {
    color: #000;
    background-color: #CCD2DD;
    border-color: #99A4B4; /*box-shadow: 0 0.25rem 0.75rem rgb(0 0 0 / 10%);*/
}

    .alert-secondary a {
        text-decoration: underline;
        color: #000
    }
/*__________________________________________________________*/

.toast {
    border-radius: 1.5rem;
    padding: 1rem;
}

    .toast .toast-header {
        border-top-left-radius: 25px;
        border-top-right-radius: 25px;
    }

.toast-header {
    border: none;
}

.toast-body {
    padding-top: 0px;
}

.toast-danger, .toast-danger .toast-header {
    background-color: #FFE8E8;
    border-color: #f5c6cb;
    color: #F86363
}

.toast-success, .toast-success .toast-header {
    background-color: #d4edda;
    border-color: #c3e6cb;
    color: #155724;
}

.toast-warning, .toast-warning .toast-header {
    background-color: #fff3cd;
    border-color: #f3d784;
    color: #856404
}

.toast-primary, .toast-primary .toast-header {
    color: #004085;
    background-color: #dcedff;
    border-color: #b8daff;
}

.toast-fixed {
    position: relative;
}

    .toast-fixed .toast {
        position: fixed;
        right: 5%;
        bottom: 5%;
        z-index: 1;
        min-width: 300px;
    }
/*__________________________________________________________*/



.theme-switches {
}

.btn-switch {
    border: solid 2px #d4d4d4;
    display: inline-block;
    margin: 0.5rem 0;
    padding: 1rem;
    min-width: 130px;
    text-align: center;
    border-radius: 36px;
    margin-right: 1rem;
    cursor: pointer;
    font-weight: bold;
}

    .btn-switch.hh:hover {
        border-color: #1D1D1D;
    }

    .btn-switch.theme1:hover {
        border-color: #FF694B;
    }

    .btn-switch.theme2:hover {
        border-color: #17be17;
    }

    .btn-switch.theme3:hover {
        border-color: #31666d;
    }

    .btn-switch.theme4:hover {
        border-color: #006fcf;
    }

    .btn-switch > span {
        text-transform: initial !important;
    }

.theme-selector {
    background-color: #fff;
    padding: 1rem;
    position: absolute;
    font-size: 80%;
    left: 0;
    top: 45%;
    width: 150px;
    left: -150px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    border-bottom-right-radius: 5px;
    box-shadow: 0px 10px 20px rgb(0 0 0 / 24%);
}

    .theme-selector label {
        font-weight: 600;
        cursor: pointer;
    }

    .theme-selector .theme-switches .btn-switch {
        max-width: 20px !important;
        min-width: 20px !important;
        height: 20px;
        padding: 0;
        margin-right: 0.5rem !important;
    }

    .theme-selector .btn-seetings {
        background-color: #fff;
        width: 50px;
        height: 50px;
        padding: 0;
        margin-top: 0;
        border-radius: 0px;
        position: absolute;
        right: -50px;
        top: 0;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        box-shadow: 4px 4px 4px rgb(0 0 0 / 10%) !important;
    }

        .theme-selector .btn-seetings svg {
            width: 28px;
        }

.theme-selector-wrap {
    position: relative;
}

.theme-selector.active {
    left: 0;
}
/*__________________________________________________________*/
.new-card {
}

label.active + .add-card-box {
    display: block !important;
}

.add-card-box {
    margin-left: 32px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.card-icon {
    width: 50px;
    height: 25px;
    display: inline-block;
}

.input-card {
    background-position: right 10px top 7px !important;
    background-size: 50px !important;
}

    .input-card.amex, .card-icon.amex {
        background: url(../../../images/icons/card/amex.svg) no-repeat center #FFF;
        background-size: contain;
        background-position: right 10px top 4px !important;
        background-size: 24px !important;
    }

    .input-card.diners-club, .card-icon.diners-club {
        background: url(../../../images/icons/card/diners-club.svg) no-repeat center #FFF;
        background-size: contain;
    }

    .input-card.discover, .card-icon.discover {
        background: url(../../../images/icons/card/discover.svg) no-repeat center #FFF;
        background-size: contain;
        background-position: right 7px top 9px !important;
        background-size: 40px !important;
    }

    .input-card.mastercard, .card-icon.mastercard {
        background: url(../../../images/icons/card/mastercard.svg) no-repeat center #FFF;
        background-size: contain;
        background-position: right 10px top 1px !important;
        background-size: 35px !important;
    }

    .input-card.rupay, .card-icon.rupay {
        background: url(../../../images/icons/card/rupay.svg) no-repeat center #FFF;
        background-size: contain;
    }

    .input-card.visa, .card-icon.visa {
        background: url(../../../images/icons/card/visa.svg) no-repeat center #FFF;
        background-size: contain;
        background-position: right 10px top 3px !important;
        background-size: 50px !important;
    }

.card-icon.visa {
    background-position: right 2px top 3px !important;
    background-size: 50px !important;
}

.input-card.UATP, .card-icon.UATP {
    background: url(../../../images/icons/card/UATP.png) no-repeat left transparent;
    background-size: contain;
    background-position: right 5px top 8px !important;
    background-size: 44px !important;
}

.input-card.jcb, .card-icon.jcb {
    background: url(../../../images/icons/card/jcb.svg) no-repeat center transparent;
    background-size: contain;
    background-position: right 10px top 3px !important;
    background-size: 40px !important;
}

.card-icon.jcb {
    background-position: right 2px top 3px !important;
    background-size: 40px !important;
}
/*__________________________________________________________*/

.rate-view-btn {
    position: relative;
}

    .rate-view-btn.active > .btn {
        position: relative;
        z-index: 11;
    }

.rate-view-list {
    padding: 0;
    position: absolute;
    right: 0;
    z-index: 9;
    display: none;
    /* padding-top: 28px;*/
}

    .rate-view-list .rate-view-list-inside {
        padding: 0;
        background-color: #1D1D1D;
        width: 340px;
        color: #fff;
        border-radius: 20px;
        text-transform: uppercase;
        overflow: hidden;
        margin-top: 5px;
    }

        .rate-view-list .rate-view-list-inside.sm {
            width: 250px;
        }

        .rate-view-list .rate-view-list-inside.lg {
            width: 600px;
        }

    .rate-view-list a, .rate-view-list a:hover {
        color: #FFF;
        text-decoration: none;
    }

        .rate-view-list a:hover {
            background-color: #3F454E;
        }

    .rate-view-list .rate-view-list-inside > .row:hover {
        background-color: #3F454E;
        cursor: auto
    }

    .rate-view-list .font-italic {
        font-weight: 300;
    }

.rate-view-btn.active .btn-outline-primary {
    color: #fff;
    background-color: #1D1D1D;
    border-color: #1D1D1D;
}

.rate-view-btn.active .rate-view-list {
    display: inherit;
}

.rate-view-list h5 {
    color: #FFF;
}

.rate-view-list .rate-view-list-inside .row {
    border-bottom: solid 1px #6C7583;
}

.rate-view-list .left {
}

.rate-view-list .right {
    width: 130px;
    text-align: right
}

.rate-view-list .rv-gap {
    padding: 0.5rem 1rem;
    border-right: solid 1px #6C7583;
}

.rv-gap h6.converted-rate {
    color: #fff;
    font-size: 80%;
    margin: 0;
}

.rate-view-list .right .rv-gap {
    border-right: 0px;
}

@media (min-width: 1680px) {
    .rate-view-list .rate-view-list-inside {
        width: 380px;
    }
}
/*__________________________________________________________*/


.multipax-select-drp {
    max-width: 320px;
}

    .multipax-select-drp label.dropdown-list-item {
        border-bottom: solid 1px #D9E0EA !important;
        margin-bottom: 0px !important;
        padding: 0.8rem 1.2rem;
    }

        .multipax-select-drp label.dropdown-list-item.active .msd-pnr-text {
            font-weight: 600 !important;
        }

    .multipax-select-drp .btn-primary {
        background-color: #1D1D1D;
        border-color: #1D1D1D;
    }

@media (min-width: 1680px) {
    .multipax-select-drp {
        max-width: 360px;
    }

        .multipax-select-drp label.dropdown-list-item {
            padding: 1rem 1.2rem;
        }
}
/*.nav-tabs .nav-link.multipax-selected { color: #FFF!important; background-color: #60A1FF; border-color: #60A1FF; }
.nav-tabs .nav-link.multipax-selected h5 { color: #FFF!important; }*/

.multipax-selected {
    width: 22px;
    height: 22px;
    background-color: #000000;
    border-radius: 100%;
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 1;
    line-height: 2.2;
    color: #fff;
    font-size: 90%;
    display: none;
}

    .multipax-selected.active {
        display: block
    }

@media (min-width: 1680px) {
    .multipax-selected {
        line-height: 1.8;
    }
}
/*__________________________________________________________*/
.card-hotel-block-top button img {
    border-radius: 0px !important;
}

.disable-link {
    opacity: 0.5;
    pointer-events: none;
}
/*.toast{opacity:1;}*/
.step1-search-result {
    min-height: 500px;
}

.round-bg-icon {
    background-color: #000;
    color: #fff;
    border-radius: 50%;
    font-size: 0.65rem;
    line-height: 3;
    height: 30px;
    width: 30px;
    display: inline-block;
    text-align: center;
    font-weight: 600;
}

    .round-bg-icon:hover {
        background-color: #000;
        color: #fff;
        text-decoration: none;
    }

@media (min-width: 1680px) {
    .round-bg-icon {
        line-height: 3.4;
        height: 35px;
        width: 35px;
    }
}
/*__________________________________________________________*/
.valid-tooltip {
    background-color: transparent;
    color: #42E085;
    padding: 0;
    padding-left: 0.3rem;
    margin: 0;
}

.card-hotel-list .main-card-header {
    border-bottom: 1px solid #D9E0EA;
    background: #F1F3F6;
}

.currency-converter {
    font-weight: 400;
    text-transform: capitalize;
}
/*______________________timeline_____________________________________*/
.time-line-wrp {
    margin-left: 150px;
    margin-top: 20px;
}

.modal-height-timeline {
    min-height: 500px;
    max-height: 500px;
    overflow-y: auto
}

.timeline .line {
    position: absolute;
    width: 1px;
    display: block;
    background: #000;
    top: 0px;
    bottom: 0px;
    margin-left: 0px;
    height: 97%;
}

.timeline .separator {
    border-top: 1px solid currentColor;
    padding: 5px;
    padding-left: 40px;
    font-style: italic;
    font-size: .9em;
    margin-left: 30px;
}

.timeline .line::before {
    top: -4px;
}

.timeline .line::after {
    bottom: -4px;
}

.timeline .line::before, .timeline .line::after {
    content: '
    '
    ;
    position: absolute;
    left: -4px;
    width: 12px;
    height: 12px;
    display: block;
    border-radius: 50%;
    background: currentColor;
}

.timeline .panel {
    position: relative;
    margin-left: 20px;
    clear: both;
    padding-bottom: 25px;
}

    .timeline .panel::before {
        position: absolute;
        display: block;
        top: 8px;
        left: -24px;
        content: '
        width: 0px;
        height: 0px;
        border: inherit;
        border-width: 12px;
        border-top-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    }

    .timeline .panel .time-line-panel-heading.icon *, .timeline .panel .time-line-panel-body.icon * { /*font-size: 20px;
	vertical-align: middle;
	line-height: 40px;*/
    }

    .timeline .panel .time-line-panel-heading.icon {
        position: relative;
        left: -29px;
        display: block;
        width: 20px;
        height: 20px;
        padding: 0px;
        border-radius: 50%;
        text-align: center;
        float: left;
    }

    .timeline .panel .time-line-panel-body.icon {
        position: absolute;
        left: -28px;
        display: block;
        width: 18px;
        height: 18px;
        padding: 0px;
        border-radius: 50%;
        text-align: center;
        float: left;
        top: 13px;
    }

.timeline .panel-outline {
    border-color: transparent;
    background: transparent;
    box-shadow: none;
}

    .timeline .panel-outline .panel-body {
        padding: 10px 0px;
    }

    .timeline .panel-outline .time-line-panel-heading:not(.icon), .timeline .panel-outline .time-line-panel-body:not(.icon), .timeline .panel-outline .panel-footer {
        display: none;
    }

.time-line-panel-heading.icon {
    color: #fff;
    background-color: #242423;
    border-color: #242423;
}

    .time-line-panel-heading.icon .icon-plus {
        color: #fff;
        font-size: 0.8rem !important;
        position: absolute;
        top: 1px;
        left: 0px;
        width: 17px;
        height: 17px;
    }

.time-line-panel-body.icon {
    color: #000;
    background-color: #fff;
    border: solid 1px #000;
    -webkit-animation: bummer 1s;
    animation: bummer 1s;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.time-line-animation {
}

.time-line-panel-heading a .icon-plus:before {
    content: "-";
    font-size: 1.8rem;
    position: relative;
    top: -12px;
}

.time-line-panel-heading a.collapsed .icon-plus:before {
    content: "\ec67";
    font-size: 0.48rem !important;
    position: relative;
    top: 0px;
}

.time-line-title {
    padding-bottom: 5px;
    margin: 0px;
}

.time-line-date-time h6 {
    top: 2px;
}

.time-line-panel-body .time-line-date-time h6 {
    color: #999999;
}

.time-line-panel-heading {
    cursor: pointer;
}

.time-line-panel p {
    margin-bottom: 0.5rem;
    color: #7b7b7b;
}

.panel-body {
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
}

.time-line-date-time {
    position: absolute;
    left: -132px;
    width: 120px;
    text-align: right
}

.time-line-panel-body .time-line-date-time {
    left: -136px;
    text-align: right;
}

.time-line-panel-body h6 {
    position: relative;
    top: -3px;
}

.time-line-panel-heading.icon .icon-plus {
    top: 3px;
    left: 0px;
}

.time-line-panel-heading.icon .collapsed .icon-plus {
    top: 0px;
}

@-webkit-keyframes bummer {
    100% {
        -webkit-transform: scale(1, 1);
    }
}

@keyframes bummer {
    100% {
        transform: scale(1, 1);
    }
}

.timeline-container {
    background: #fff;
    padding: 15px;
    border-radius: 20px;
}

.segment-container {
    background: #D9E0EA;
    border-radius: 20px;
    padding: 15px;
    margin-left: 18px;
    margin-top: 4px;
}

.modal .panel-body {
    padding-top: 1px;
}
/*______________________timeline end!_____________________________________*/

.card-container {
    background: #fff;
    border: 1px solid #D9E0EA;
    border-radius: 20px;
    padding: 15px;
    margin-bottom: 30px;
}

.back-dark {
    background: #000;
    padding-top: 48px;
    padding-bottom: 48px;
    padding-left: 36px !important;
    border-radius: 20px;
    color: #fff;
}

.disclaimer-text {
    text-decoration: underline;
}

.cancel-card {
    background: #FFF4E1;
    border: 1px solid #FEDA9D;
    padding: 15px;
    border-radius: 20px;
}

.email-block {
    box-shadow: none;
    border: solid 1px #D9E0EA;
}

    .email-block .card-footer {
        padding: 0rem 2.25rem;
        background-color: #D9E0EA;
        font-size: 0.75rem;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
        border: 1px solid #D9E0EA;
    }

.additional-block {
    background: #000;
}

    .additional-block h5 {
        color: #fff;
    }

input[type=file] {
    display: none;
}

.file-input {
    cursor: pointer;
    text-align: center;
    color: #000;
    border: 1px solid #D9E0EA;
    background-color: transparent;
    border-radius: 100px;
    text-transform: uppercase;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.5rem 1rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

.bg-alert-error, .bg-alert-error:hover, .bg-alert-error:focus {
    background-color: #FFE8E8 !important;
}

.fix-position-btm {
    position: absolute;
    bottom: 10px;
    right: 3px;
}

.text-warning {
    color: #FF974B !important;
    font-weight: 600;
}

.cancel-booking-box {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.text-mandatory {
    color: #F86363;
}

.top-input-cld-block {
    width: 100px;
}
/*.top-input-cld-block:first-child:after { content: '-'; position: absolute; top: 10px; right: 5px; }*/
.more-trveller-slider {
    right: 15px !important;
    top: -50px !important;
    min-width: 260px;
    max-width: 300px;
}

@media (min-width: 1680px) {
    .top-input-cld-block {
        width: 110px;
    }

    .more-trveller-slider {
        min-width: 350px;
        max-width: 400px;
    }
}

.extra-space {
    background-color: #CCD2DD;
    padding: 1.5rem 0 2.5rem 0;
}

    .extra-space .nav-tabs .nav-link:hover, .extra-space .nav-tabs .nav-link:focus {
        border-color: #D9E0EA #D9E0EA #D9E0EA;
    }

.dropdown-repeat-box {
    padding: 1rem;
    min-width: 250px;
    max-width: 310px;
    width: auto;
}

    .dropdown-repeat-box .link-block {
        text-transform: uppercase;
        text-align: left;
        padding-bottom: 0.5rem;
        margin-bottom: 0.5rem;
        padding-right: 1.5rem;
        border-bottom: solid 1px #D9E0EA
    }

        .dropdown-repeat-box .link-block a.close {
            position: absolute;
            right: 15px;
            top: 20px;
            color: #000;
            font-size: 75%;
            opacity: 1;
        }

    .dropdown-repeat-box select.form-control {
        background-position: right 22px bottom 11px;
    }

    .dropdown-repeat-box .link-block a, .dropdown-repeat-box .link-block a:hover {
        color: #000;
        text-decoration: none;
    }

    .dropdown-repeat-box label {
        text-transform: uppercase;
    }

.input-with-btn {
    position: relative;
}

    .input-with-btn .btn {
        width: 22px;
        height: 22px;
        padding: 0;
        position: absolute;
        top: 5px;
        right: -10px;
        font-size: 60%;
    }

.fixed-btm-alert {
    position: absolute;
    bottom: -10px;
    font-size: 90%;
}

    .fixed-btm-alert.sm {
        bottom: -2px;
    }

    .fixed-btm-alert.md {
        bottom: -18px;
    }

.text-mandatory {
    color: #F86363;
}

.inavlid-form-control {
    border-color: #F86363;
}

.btn-map-icons {
    position: absolute;
    z-index: 1;
    padding: 0;
}

   /* .btn-map-icons [class*="icon-ng-"] {
        width: 48px !important;
        height: 48px !important;
    }*/

.card-dark {
    border-radius: 20px;
    border: none;
}

    .card-dark .card-header {
        background-color: #000;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }

        .card-dark .card-header h5 {
            color: #FFF;
            margin: 0;
        }

        .card-dark .card-header a {
            color: #FFF;
        }

            .card-dark .card-header a.close-link {
                font-size: 80%;
                position: relative;
                top: 3px;
            }

img.radius {
    border-radius: 20px;
}

.link-secondary, .link-secondary:hover {
    text-decoration: none;
    color: #000;
}

.in-policy {
    background: url(../../../images/icons/tick.svg) no-repeat;
    padding-left: 1.5rem;
    line-height: 1;
}

.out-policy {
    background: url(../../../images/icons/untick.svg) no-repeat;
    padding-left: 1.5rem;
    line-height: 1;
}

.copy-text {
    background: url(../../../images/icons/copy.svg) no-repeat right;
    padding-right: 1.2rem;
    line-height: 1;
}

.border-left {
    border-color: #6C7583 !important;
}

.grid-cancel-gap {
    padding-top: 0.5rem;
    padding-left: 1.2rem;
}

.no-facility {
    border-color: #D9E0EA;
    background-color: #D9E0EA;
    border-radius: 20px;
    font-style: italic;
}

.font-italic-none {
    font-style: initial !important;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    border-color: #FFF;
    color: #FFF;
    font-size: 0.75rem;
    margin: 0 !important;
    position: relative;
    top: -20px;
    right: 20px;
}

.ui-datepicker .ui-datepicker-buttonpane .btn-outline-secondary, .ui-datepicker .ui-datepicker-buttonpane btn-outline-secondary:hover, .ui-datepicker .ui-datepicker-buttonpane btn-outline-secondary:hover {
    border-color: #FFF !important;
    color: #FFF !important;
    background-color: transparent !important;
}

@media (min-width: 1680px) {
    .dropdown-repeat-box select.form-control {
        background-position: right 22px bottom 12px;
    }

    .ui-datepicker .ui-datepicker-buttonpane button {
        font-size: 0.875rem;
    }
}

.form-control-bold .form-control {
    font-weight: 600;
}

.btn-small {
    padding: 0.2rem 0.4rem;
    border-radius: 0.3rem;
    font-size: 65%;
}

.count-mark {
    background-color: #F86363;
    position: absolute;
    right: 10px;
    min-width: 24px;
    height: 24px;
    border-radius: 100px;
    text-align: center;
    top: 11px;
    font-size: 85%;
    font-weight: 600;
    color: #fff;
    line-height: 1.9;
    padding: 0px 5px;
}

.cursor-auto {
    cursor: auto !important;
}

.booking-more-details .custom-control-label::before {
    background-color: #ffffff;
}

.modal .carousel-thumbs .carousel-item {
    flex-wrap: nowrap;
    display: flex;
}

.modal .carousel-thumbs .carousel-inner {
    overflow-x: auto;
}

.modal .carousel-thumbs .thumb {
    width: 100px;
    float: left;
    display: contents;
}

header .dropdown-menu {
    overflow: inherit;
}

.dropdown-submenu {
}

    .dropdown-submenu .dropdown-menu {
        position: absolute;
        left: -260px;
        width: 250px;
        top: 0;
        box-shadow: none;
        border: solid 1px #D9E0EA;
        background-color: #FFFF;
    }
    /*.dropdown-submenu:hover .dropdown-menu,*/
    .dropdown-submenu.active .dropdown-menu {
        display: block !important;
    }

    .dropdown-submenu.active .dropdown-item {
        background-color: #F1F3F6;
    }

header .dropdown-menu .dropdown-item:last-child {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

header .dropdown-menu .dropdown-item:first-child {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.hh-submenu label {
    -ms-flex-align: start !important;
    align-items: start !important;
    -ms-flex-pack: start !important;
    justify-content: start !important;
}

.dropdown-menu-card {
    padding: 1rem;
}

    .dropdown-menu-card .close {
        position: absolute;
        right: 15px;
        top: 15px;
        color: #000;
        font-size: 75%;
        opacity: 1;
        z-index: 1;
    }

header .dropdown-item.active, header .dropdown-item:active {
    color: #000;
}
/*.card-search-list .card-hotel-list, .card-search-list .card-header { border-width: 2px; }*/
.btn-soldout {
    background: #FFE8E8;
    border-color: #F86363;
}

.grand-total-box {
    border-radius: 10px;
    border-bottom: solid 1px #D9E0EA;
    position: relative;
    /*overflow: hidden;*/
}

    .grand-total-box:after {
        content: '';
        position: absolute;
        height: 6px;
        background-color: #60A1FF;
        width: 100%;
        border-top-left-radius: 50px;
        border-top-right-radius: 50px;
    }

/*.grand-total-box-btn-place {
    padding-top: 1.5rem;
}

@media (min-width: 1680px) {
    .grand-total-box-btn-place {
        padding-top: 1rem;
    }
}*/

.top-bar-gallery-block {
    width: 160px;
}

.top-bar-map-block {
    width: 130px;
}

.for-dropdown-style-a .btn-secondary.disabled, .for-dropdown-style-a .btn-secondary:disabled, .for-dropdown-style-a .btn-secondary.disabled:focus, .for-dropdown-style-a .btn-secondary:disabled:hover {
    color: #D9E0EA;
    background-color: #99A4B4;
    border-color: #99A4B4;
    opacity: 1;
    font-style: italic;
}

.select-sort-or-filter .btn-filter-outline-light {
    background-color: #60A1FF !important;
    border-color: #60A1FF !important;
    color: #fff !important;
    font-weight: 600 !important;
    transition: all 0.3s ease;
}

.gm-style {
    font-family: 'Open Sans', sans-serif !important;
    line-height: 1.3 !important;
}

.btn-form-control-filter {
    border-radius: 30px !important;
    background-color: transparent;
    border-color: #D9E0EA;
}

    .btn-form-control-filter:focus, .btn-form-control-filter:hover {
        border-color: #D9E0EA !important;
    }
/*
__________________________________________________________________________
__________________________________________________________________________*/

.sticky-btn {
    background-color: #000000;
    padding: 0.5rem;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    width: 225px;
    right: 0;
    bottom: 25%;
    position: fixed;
    z-index: 6;
}

    .sticky-btn .top-link {
        width: 34px;
        height: 34px;
        display: inline-block;
        background-color: #FFF;
        border-radius: 50px;
        text-align: center;
        line-height: 2;
        transform: rotate(90deg);
    }

        .sticky-btn .top-link i {
            color: #000;
        }

    .sticky-btn h6 {
        margin: 0px;
        color: #FFF;
        max-width: 120px;
    }

    .sticky-btn a, .sticky-btn a:hover {
        color: #4F8FEA !important;
        text-decoration: underline;
        text-transform: uppercase;
    }

        .sticky-btn a.sticky-btn-close {
            color: #fff;
            position: absolute;
            right: 5px;
            top: 5px;
            font-size: 0.65rem;
            z-index: 1
        }

.top-link .icon-arrow-line-left1 {
    position: relative;
    top: 4px;
}
/*
__________________________________________________________________________
__________________________________________________________________________*/
.card-sub-footer {
    background-color: #fff;
    border: none;
    border-radius: 20px;
}

    .card-sub-footer .card-body {
        padding: 1.5rem 1rem;
    }

.all-travellers-total-amounts {
}

    .all-travellers-total-amounts h5.name {
        font-weight: 500 !important;
        text-transform: uppercase;
    }

    .all-travellers-total-amounts .active h5.name,
    .all-travellers-total-amounts h5.amount {
        font-weight: 700 !important;
    }

    .all-travellers-total-amounts .active h5.amount {
        font-size: 1rem;
    }

    .all-travellers-total-amounts .footer-room {
        padding-top: 0.5rem;
    }

@media (min-width: 1680px) {
    .all-travellers-total-amounts .active h5.amount {
        font-size: 1.125rem;
    }
}


/*________________________________

FOR RAIL
________________________________*/

.book-next-destination .rail-arrow {
    width: 36px;
    height: 36px;
    background-color: #D9E0EA;
    display: inline-block;
    border-radius: 100px;
    text-align: center;
    font-size: 0.75rem;
    line-height: 3.1;
    color: #1D1D1D;
}

    .book-next-destination .rail-arrow, .book-next-destination .rail-arrow:hover, .book-next-destination .rail-arrow:focus {
        border: none !important;
    }

.book-next-destination .right-panel-rail {
    width: 450px;
}

.book-next-destination .rail .disable label {
    font-style: italic;
    color: #6C7583;
}

.book-next-destination .rail .search-outline-area .form-control {
    width: 190px;
    text-align: left;
}

    .book-next-destination .rail .search-outline-area .form-control:disabled {
        font-style: italic;
    }

.container-rail .ui-datepicker-row-break {
    font-size: 0.75rem !important;
    width: 600px !important;
    overflow: hidden;
    padding: 10px 10px 6px 10px;
    background-color: #3F454E;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    z-index: 1;
    position: relative;
}

    .container-rail .ui-datepicker-row-break .inside-window {
        width: 580px !important;
        overflow-y: hidden;
        overflow-x: auto;
        white-space: nowrap;
        height: 38px;
    }

    .container-rail .ui-datepicker-row-break .btn-primary, .ui-datepicker-row-break .btn-primary:hover, .ui-datepicker-row-break .btn-primary:focus {
        background-color: transparent;
        border-color: transparent;
        color: #FFF;
    }

        .container-rail .ui-datepicker-row-break .btn-primary.ui-state-hover, .ui-datepicker-row-break .btn-primary:focus {
            background-color: #60A1FF;
            border-color: #60A1FF;
            color: #FFF;
        }

    .container-rail .ui-datepicker-row-break .inside-window::-webkit-scrollbar {
        height: 6px;
    }

    .container-rail .ui-datepicker-row-break .inside-window::-webkit-scrollbar-track {
        background: #3F454E;
        height: 6px;
    }

    .container-rail .ui-datepicker-row-break .inside-window::-webkit-scrollbar-thumb {
        background: #5A626D;
        height: 6px;
    }

        .container-rail .ui-datepicker-row-break .inside-window::-webkit-scrollbar-thumb:hover {
            background: #5A626D;
            height: 6px;
        }

.book-next-destination .return-active {
    background-color: #60A1FF;
    color: #FFF;
}

@media (min-width: 1680px) {
    .book-next-destination .right-panel-rail {
        width: 500px;
    }

    .book-next-destination .rail .search-outline-area .form-control {
        width: 215px;
    }
}

button.rail-arrow.active {
    transform: rotate(180deg);
}

.book-next-destination .dropdown-menu.sm {
    width: 250px;
}

.book-next-destination .dropdown-menu {
    border-color: #D9E0EA;
    border-radius: 10px;
    box-shadow: 10px 10px 30px rgb(0 0 0 / 16%);
    /*  min-width: 220px;
    overflow: hidden;*/
    background-color: #000;
}

.book-next-destination .dropdown-header {
    padding: 0.5rem 1rem;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
}

.book-next-destination .dropdown-menu .dropdown-item {
    padding: 0.5rem 1rem;
    position: relative;
    color: #1D1D1D;
    white-space: inherit;
}

    .book-next-destination .dropdown-menu .dropdown-item:hover, .book-next-destination .dropdown-menu .dropdown-item:focus {
        /*   background-color: #F1F3F6;*/
        font-weight: 600;
    }

    .book-next-destination .dropdown-menu .dropdown-item .text-light {
        color: #BCC3D1 !important;
    }

.book-next-destination .mx-height-scroll {
    max-height: 250px;
    overflow: auto;
    overflow-x: hidden
}

.book-next-destination input[type=text]:disabled {
    background-color: transparent !important
}
/*
__________________________________________________________________________
__________________________________________________________________________*/
.arrow-top {
    transform: rotate(-90deg)
}

.no-wrap-text {
    white-space: nowrap;
}

.btn-tree-checkbox,
.btn-tree-checkbox:hover,
.btn-tree-checkbox:focus {
    background-color: #d9e0ea;
    border: none;
    border-radius: 5px;
    font-size: 0.65rem;
    padding: 0;
    width: 1.4rem;
    height: 1.4rem;
    outline: none;
    color: #FFF;
    line-height: 2.4;
}

    .btn-tree-checkbox.active {
        background-color: #bcc3d1;
    }

        .btn-tree-checkbox.active .icon-plus:before {
            content: "\e92d";
        }

.tree-dropdown .custom-control {
    margin-right: 5px;
}

.tree-dropdown label {
    font-size: 0.875rem;
    margin: 0;
}

    .tree-dropdown label.active {
        font-weight: 600 !important;
    }



@media (min-width: 1680px) {
    .tree-dropdown label {
        font-size: 1rem;
    }
}

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

.disable-card .visa-card {
    background-color: #F1F3F6;
    border-color: #99A4B4;
    font-style: italic;
}

input[type=text]:disabled {
    background: #F1F3F6;
    font-style: italic;
    color: #6C7583;
}

.ad-header {
    background-color: none;
    height: 90px;
    width: 800px;
    display: inline-block;
    border-radius: 20px;
}

.rates-information-colums .identify-icons-map.client {
    width: 3px;
    left: 3px;
    top: 0px;
    padding: 0.3rem;
    border-radius: 10px;
    background-color: #60A1FF !important;
}

.rates-information-colums .identify-icons-map.agency {
    width: 3px;
    left: 3px;
    top: 0px;
    padding: 0.3rem;
    border-radius: 10px;
    background-color: #42E085 !important;
}

.agency-rate .nav-link {
    border-left-color: #42E085 !important;
    background: #42E085 !important;
}

.client-rate .nav-link {
    background: #60A1FF !important;
}


.guarantee-card,
.deposit-card {
    border: none;
}

    .guarantee-card .card-body,
    .deposit-card .card-body {
        border: solid 1px #99A4B4;
        border-bottom: 0;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }

    .guarantee-card .card-footer,
    .deposit-card .card-footer {
        border: none;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
        background-color: #C3DBFF;
        text-align: center;
        font-style: italic;
        padding: 0.30rem 1.25rem;
        text-transform: uppercase;
    }

    .deposit-card .card-footer {
        background-color: #C0FAD9 !important;
    }

.hotel-facility-icon.img img {
    margin: 3px 3px;
    width: 21px;
    height: 21px;
}

.selected-sort, .selected-sort:hover, .selected-sort:focus {
    background-color: #60A1FF !important;
    border-color: #60A1FF !important;
    color: #fff !important;
    font-weight: 600 !important;
    transition: all 0.3s ease;
}

    .selected-sort.sort1 .icon-sort-by-toggle {
        background: url(../../../images/icons/sort-by-1-select.svg) no-repeat;
    }

    .selected-sort.sort2 .icon-sort-by-toggle {
        background: url(../../../images/icons/sort-by-2-select.svg) no-repeat;
    }

.card-hotel-list-view .hotel-facility-icon.img img, .modal .hotel-facility-icon.img img {
    width: 28px;
    height: 28px;
}

.hotel-facility-icon.img .more-amenities-link, .hotel-facility-icon.img .more-amenities-link:hover {
    top: 0;
}

.popup-icons-list img {
    width: 36px !important;
    height: 36px !important;
    padding: 5px 0;
}

.serivices-icons-in-hotel-list.img img {
    width: 21px;
}

.fixed-nav-scroll .carousel-inner {
    overflow: inherit;
}

.drp-input-membership {
    width: 180px;
    border: solid 1px #D9E0EA !important;
    border-radius: 10px !important;
    background-color: #fff !important;
    color: #1D1D1D !important;
    text-align: left !important;
    padding: 0.5rem !important;
}

.converted-currency .hotel-details-view-block .nav-tabs .nav-link a {
    color: #1D1D1D;
}

.col-end-action {
    width: 170px;
}

.rate-sort:hover .btn {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}

@media (min-width: 1680px) {
    .col-end-action {
        width: 180px;
    }
}

.form-control {
    text-overflow: ellipsis;
}

.card.cap-rate {
    overflow-y: auto;
    max-height: 450px;
}

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

.ellips-two-line {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.modal-map {
    width: 800px;
    position: fixed;
    top: 10%;
    left: 50%;
    right: 50%;
    margin-left: -400px;
    z-index: 1050;
    background-color: #FFF;
    border-radius: 15px;
    border: 1px solid rgba(0, 0, 0, 0.15)
}



    .modal-map .modal-map-header {
        background-color: #1D1D1D;
        color: #fff;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        text-transform: uppercase;
        padding: 0.7rem;
    }

        .modal-map .modal-map-header h6 {
            color: #FFF;
            margin: 0;
        }

    .modal-map .modal-map-body {
        background-color: #FFF;
        padding: 0.7rem;
    }

.more-text {
    cursor: pointer !important;
}
/*________________________________*/

.tooltip .fac-tmc-icon {
    height: 60px;
    padding: 10px 0 5px 0;
}

.tooltip-amenities {
    opacity: 1 !important;
}

    .tooltip-amenities .arrow {
        display: none !important;
    }

    .tooltip-amenities .tooltip-inner {
        min-width: 80px;
        background-color: #FFF !important;
        color: #000;
        border: solid 1px #D9E0EA;
        opacity: 1 !important;
        box-shadow: 10px 10px 30px rgb(0 0 0 / 16%);
    }

.tooltip-no-availability {
    opacity: 1 !important;    
    margin-right: -5px;
}

.tooltip-no-availability .arrow {
    display: none !important;
}

.tooltip-no-availability .tooltip-inner {
    max-width: 250px;
    min-width: 250px;
    background-color: #F86363 !important;
    color: #FFF;
    opacity: 1 !important;
    box-shadow: 10px 10px 30px rgb(0 0 0 / 16%);
    border-radius: 10px;
    font-size: 0.75rem;
    text-align: left;
    padding: 12px 15px;
}
.tooltip-no-availability .icon-invalid-alert {
    position: relative;
    top: 3px;
    left: -2px;
}

.plainText-Summary .bg-dark {
    background-color: #000 !important;
}

.previous-boooking-details {
    background-color: #A4B6BA;
}

    .previous-boooking-details .view-list .view-blocks {
        border-bottom: solid 1px #99A4B4;
    }

        .previous-boooking-details .view-list .view-blocks:last-child {
            border-bottom: none;
        }
/*________________________________*/

/*
__________________________________________________________________________
__________________________________________________________________________*/
/*.room-alert.fixed-btm-alert {
    bottom: -20px;
}*/

.warning-card .card-body {
    padding: 20px 16px 30px 16px;
}

.Payment-section .visa-card, .Payment-section .visa-add-new-card {
    width: 260px;
}
/* Select alternatives css */
.selectalt {
    background: #ffffff !important;
}

.selectaltctrl .ui-button {
    border-radius: 10px !important;
    border: 1px solid #c9b7b3;
    background: #fff;
    font-weight: normal;
    width: 100%;
    font-size: 0.75rem;
    padding: 0.375rem 0.75rem;
}

.selectalt {
    background: #ffffff !important;
    color: #333333 !important;
    border: 1px solid #000 !important;
    width: 100% !important;
    text-align: left !important;
    border-radius: 0px !important;
    font-size: 0.75rem !important;
    max-width: 350px !important;
}

.sm-select {
    max-width: 320px !important;
}

.selectalt .ui-state-active, .selectalt .ui-widget-content, .selectalt .ui-state-active, .selectalt a.ui-button:active, .selectalt .ui-button:active, .selectalt .ui-button.ui-state-active:hover {
    border: 1px solid #003eff !important;
    background: #007fff !important;
    font-weight: normal !important;
    color: #ffffff !important;
}

.selectalt .ui-menu-item-wrapper {
    padding: 3px 1em 3px 0.4em !important;
}

.selectalt .ui-menu-item {
    padding: 0px 0px 0px 0px !important;
}


.selectaltctrl .ui-selectmenu-button span.ui-selectmenu-text {
    padding: 0.05em 20px 0.05em 0px;
}

.selectaltctrl .ui-selectmenu-button span.ui-icon {
    margin-top: -2px;
    right: 10px;
}

.selectaltctrl .ui-selectmenu-button .ui-icon-triangle-1-s {
    background-position: initial;
    background-image: url(../../../images/icons/select-arrow-1.svg);
}


.ui-selectmenu-button-closed .ui-icon-triangle-1-s {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../../../images/icons/select-arrow-1.svg);
    background-repeat: no-repeat;
}

.ui-selectmenu-button-open .ui-icon {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../../../images/icons/select-arrow-up.svg) !important;
    background-repeat: no-repeat;
}

.selectaltctrl .ui-selectmenu-button .ui-selectmenu-text {
    line-height: initial;
}

.revised-rates .rate-split-total {
    border-bottom: none;
}

/* RO css */

.dark-popup.pnr-popup {
    width: 600px;
    top: 50%;
    right: 50%;
    transform: translate(50%,-50%);
    left: unset;
}

.dark-popup .card {
    background-color: #000000;
    border-radius: 10px;
    color: #fff;
}

.dark-popup .card-header {
    background-color: #000000;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.dark-popup .link-close {
    color: #ffffff;
}

.pnr-popup .icon-close {
    position: absolute;
    top: -5px;
    right: -12px;
}

.pnrpopup-height-inside {
    max-height: 370px;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #29292B !important;
    padding: 1rem;
    border-radius: 10px;
}

.rocard.visa-card {
    width: 268px;
}

.rocard.visa-add-new-card, .rocard.visa-add-new-card:hover, .rocard.visa-add-new-card:focus {
    width: 268px;
}

.rofopsection .PaymentModeBox {
    padding-left: 3rem;
    padding-right: 1rem;
}

/* .rofopinner{ */
/* max-height: 530px; */
/* overflow-y: auto; */
/* overflow-x: hidden; */
/* } */
.line-loyalty-icon {
    display: none;
}

.cwt-pnr {
    display: none;
}

.ConditionalWarning {
    background-color: #D9E0EA;
}

.ro-review-card .form-control-rezise .form-control::placeholder {
    font-size: 0.75rem;
}

.ro-review-card .form-control-rezise label, .view-list .form-control-rezise label {
    font-size: 0.75rem;
}

@media (min-width: 1680px) {
    .ro-review-card .form-control-rezise .form-control::placeholder {
        font-size: 0.875rem;
    }

    .ro-review-card .form-control-rezise label, .view-list .form-control-rezise label {
        font-size: 0.875rem;
    }
}
/* Select alternatives css end */
/*/////////DEV/////////////*/
.invalid-text.invalid-tooltip {
    background-color: #ff0c3e;
    margin-top: 0.5rem;
    box-shadow: 3px 5px 10px 0px hsla(0, 0%, 0%, 0.31);
}

    .invalid-text.invalid-tooltip::after {
        content: "";
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid red;
        position: absolute;
        top: -8px;
        left: 10px;
    }

.map-spinner.spinner-border {
    width: 1rem;
    height: 1rem;
    color: #FFF;
}

.rate-plan-type-area .form-control:focus {
    text-decoration: underline;
    font-weight: 600;
}

.carousel-thumbs img {
    opacity: 0.7;
}

    .carousel-thumbs img.active,
    .carousel-thumbs img:hover {
        opacity: 1;
    }

#imagecarousel {
    min-height: 600px;
}

.step1-search-result {
    min-height: 500px;
}

.map-hotel-rate.rate1, .map-hotel-rate.rate2, .map-hotel-rate.rate3, .map-hotel-rate.rate4 {
    z-index: 200;
}

.map-destination {
    background: url(../../../images/destination-icon.png) no-repeat;
    width: 30px;
    height: 40px;
}

.input-group-calendor .btn {
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}

.sm-filter-search-type-list {
    max-height: 285px;
}

.map-frame img {
    vertical-align: top;
}

/*.map-frame button {
    padding-left: 6px !important;
}*/

.menu-alert {
    width: 23px;
    height: 23px;
    background-color: red;
    display: inline-block;
    border-radius: 200px;
    font-size: 0.6rem;
    text-align: center;
    line-height: 24px;
    color: #fff;
    font-weight: bold;
    position: absolute;
    top: -3px;
    right: 23px;
}

.failed-faxes-count {
    width: 23px;
    height: 23px;
    background-color: red;
    display: inline-block;
    border-radius: 200px;
    font-size: 0.6rem;
    text-align: center;
    line-height: 24px;
    color: #fff;
    font-weight: bold;
    position: relative;
    top: -2px;
    margin-left: 10px;
}

#textreacancelffc:disabled {
    background-color: #F1F3F6;
}

#cboFulfilmentCentre:disabled {
    background-color: #F1F3F6;
}

.changeSecurityDetails .invalid-tooltip {
    margin-left: 0.2rem;
    position: static;
    background-color: transparent;
    color: #F86363;
    padding: 0;
    font-weight: 600;
    text-transform: none !important;
}

.control-hh.nonedit:after {
    position: absolute;
    display: none; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+1,1+53 */
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,1) 53%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,1) 53%, rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,1) 53%, rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1 ); /* IE6-9 */
}

.control-hh.nonedit:hover:after {
    display: inline;
}

.map-frame .infomsg {
    z-index: 100 !important;
}

.roominformation p {
    text-transform: uppercase;
}

input::-ms-clear, input::-ms-reveal {
    display: none;
}

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

.termcondition {
    background-color: #fff;
    padding: 1.5rem 1rem;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    height: auto;
    margin-bottom: 15px;
}

.line-clamp {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    position: relative;
    line-height: 1.3;
    overflow: hidden;
}

    .line-clamp:after {
        /*content: '...';*/
        text-align: right;
        bottom: 0;
        right: 0;
        width: 25%;
        display: block;
        position: absolute;
        height: calc(1em * 1.3);
    }

@supports (-webkit-line-clamp: 1) {
    .line-clamp:after {
        display: none !important;
    }
}

.line-clamp-3 {
    -webkit-line-clamp: 3;
    height: calc(1em * 1.3 * 3);
}

.fixed-btm-alert.lm {
    bottom: -20px;
}

.changeSecurityDetails span {
    font-weight: 400;
    text-transform: none !important;
}

.my-profile {
    font-size: 1.5rem;
    font-weight: 600;
    text-transform: uppercase;
    left: -6px;
    position: relative;
}

.typeahead-spinner {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: text-bottom;
    border: 0.15em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
}

.gm-style .gm-style-mtc label, .gm-style .gm-style-mtc div {
    font-weight: 400;
    text-transform: inherit !important;
}

.gm-style .gm-style-mtc label {
    position: inherit;
    top: 0px;
}

.no-wrap-text {
    white-space: nowrap;
}

.line-clamp-1 {
    -webkit-line-clamp: 1;
    height: calc(1em * 1.3);
}

.line-clamp-2 {
    -webkit-line-clamp: 2;
    height: calc(1em * 1.3 * 2);
}

.booking-more-details .custom-control-label::before {
    background-color: #ffffff;
}

.height-multipax {
    max-height: 310px !important;
}

.container-rail .ui-datepicker-row-break .btn-primary.active {
    background-color: #60A1FF;
    border-color: #60A1FF;
    color: #FFF;
}

.rail-arrow {
    width: 36px;
    height: 36px;
    background-color: #D9E0EA;
    display: inline-block;
    border-radius: 100px;
    text-align: center;
    font-size: 0.75rem;
    line-height: 3.1;
    color: #1D1D1D;
}

button.rail-arrow, button.rail-arrow:hover, button.rail-arrow:focus {
    border: none;
    outline: none;
}

    button.rail-arrow.active {
        transform: rotate(180deg);
    }

.card-chips-1 .file-format {
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    max-width: 100px;
    white-space: nowrap;
    position: relative;
    top: 5px;
}

.booking-total {
    border-top: solid 1px #bcc5d2;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
}

.new-book-nav-ink-fr {
    max-width: 390px !important;
   /* min-width: 225px !important;*/
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
    padding-top: 1.1rem !important;
    text-transform: uppercase;
}


.gradient-box {
    background: rgb(255,255,255);
    background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(241,243,246,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(241,243,246,1) 100%);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(241,243,246,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f1f3f6",GradientType=1);
}

.ad-header img {
    max-height: 90px;
    max-width: 800px;
}

.book-next-destination .rail .search-outline-area .form-control:disabled {
    background-color: transparent;
}

.input-currency-with-amount {
    width: 130px;
}

.card-header-bg {
    background-color: #A4B6BA !important;
    border-bottom-color: #b6cfd3;
}

.modification-history .card-body.view-list {
    overflow-y: auto;
    height: 450px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}
/* Card hoder name issue */
.white-space-normal {
    white-space: normal !important;
}

.search-outline-area .form-control.xl {
    width: 236px;
}

.card-hotel-list .card-header.secondary-card-header {
    border-radius: 0px !important;
}

.dropdown-toggle.btn-change-gds:after {
    transform: rotate(-360deg) !important;
}

.dropdown.show .dropdown-toggle.btn-change-gds:after {
    transform: rotate(-180deg) !important;
}

.serivices-icons-in-hotel-list.img img {
    margin: 0px 2px;
}

.book-next-destination .for-filter-search-type-list {
    padding-top: 0;
    max-height: 250px;
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 0;
}

    .book-next-destination .for-filter-search-type-list > .row {
        padding: 0.5rem 1.0rem;
    }

.inside-window .btn-primary.disabled, .inside-window .btn-primary:disabled, .inside-window .btn-primary.disabled:focus, .inside-window .btn-primary:disabled:hover {
    background-color: transparent;
    opacity: 0.3;
    font-style: italic;
}

.inside-window .btn {
    font-size: 1em;
}

.book-next-destination .for-filter-search-type-list :hover {
    text-decoration: none;
}

.top-hotel-details .part-block img.top-hotel-image-size {
    max-height: 105px;
}


.no-pointer {
    cursor: default;
}

.ellipsis-text-rate {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}

.map-hotel-name, .map-hotel-name:hover, .map-hotel-name:focus {
    outline: none;
    border: none;
    padding: 0.5rem;
    border-radius: 0.5rem;
    z-index: 1;
    background-color: #1D1D1D;
    display: inline-block;
    color: #fff;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none;
}

.line-clamp-7 {
    -webkit-line-clamp: 7;
    height: calc(1em * 1.3 * 7);
}

.map-hotel-list-popover p.map-rate-txt {
    color: #fff;
}

.select-all-link .read-more-link.disabled, .select-all-link .read-more-link.disabled:hover {
    color: #99A4B4 !important;
}

html {
    -moz-transform: scale(0.87, 0.87); /* Moz-browsers */
    zoom: 0.87; /* Other non-webkit browsers */
    zoom: 87%; /* Webkit browsers */
}

@media (min-width: 1280px) {
    html {
        -moz-transform: scale(1, 1); /* Moz-browsers */
        zoom: 1; /* Other non-webkit browsers */
        zoom: 100%; /* Webkit browsers */
    }
}

.sort-by-drplg {
    max-width: 255px !important;
}
/*---------------------------------------------------------------------------
PAYMENT MODES BLOCK
---------------------------------------------------------------------------*/
.PaymentModeBox {
    padding-left: 32px;
}

    .PaymentModeBox .visa-card {
        width: 288px;
    }

/*---------------------------------------------------------------------------
END PAYMENT MODES BLOCK
---------------------------------------------------------------------------*/

/*/////////DEV/////////////*/
.invalid-feedback a, .text-danger a {
    color: #F86363 !important;
    text-decoration: underline;
    font-weight: 400
}

.valid-feedback a, .text-success a {
    color: #42E085 !important;
    text-decoration: underline;
    font-weight: 400
}

.link-underline {
    text-decoration: underline !important;
}

    .link-underline:hover, .link-underline:focus, .link-underline:active {
        text-decoration: underline !important;
    }

.popup-underline {
    text-decoration: underline !important;
    text-decoration-style: dotted !important;
}

    .popup-underline:hover, .popup-underline:focus, .popup-underline:active {
        text-decoration: underline !important;
        text-decoration-style: dotted !important;
    }

.rate-view-list .rate-view-list-inside.md {
    width: 450px;
}

.more-email.rate-view-list {
    left: 0;
    padding-top: 20px;
}

    .more-email.rate-view-list p {
        text-transform: none;
    }

    .more-email.rate-view-list .rv-gap {
        padding: 0.35rem 1rem;
    }

.alert-guarantee {
    white-space: normal;
    text-transform: none;
    padding: 0.3125rem 0.4375rem;
    margin-bottom: 0rem;
}

.was-validated .form-control:valid, .form-control.is-valid, .was-validated .form-control:invalid, .form-control.is-invalid {
    background-size: inherit
}



.book-next-destination .dropdown-menu .dropdown-item {
    padding: 0.7rem 1rem;
}

.rail-card-drp {
    background-color: #000000;
    border-radius: 20px;
    border: none;
    color: #FFF;
    padding: 1rem;
    min-width: 440px;
    margin-left: -206px;
    overflow: inherit;
    margin-top: 25px;
}

    .rail-card-drp .dropdown-list-item {
        border-bottom: solid 1px #FFF;
        padding-bottom: 0.5rem;
        margin-bottom: 0.5rem;
    }

        .rail-card-drp .dropdown-list-item:last-child {
            margin-bottom: 0px;
            border-bottom: none;
            padding-bottom: 0px;
        }

.rail-dropdown-custome {
    text-align: left;
    position: relative;
    z-index: 1;
}

    .rail-dropdown-custome .btn, .add-rail-card, .selected-rail-chips {
        background-color: #3F454E;
        color: #FFF;
        width: 100%;
        text-align: left;
        font-weight: 400;
        text-transform: none;
        border-radius: 10px;
        font-style: italic;
    }

        .selected-rail-chips.mandatory {
            border-color: #F86363
        }

    .rail-dropdown-custome .btn { /*border:solid 1px #ccc*/
    }

.custome-dropdown-menu {
    background-color: #3F454E;
    color: #FFF;
    display: none;
    position: absolute;
    left: 0;
    top: 36px;
    width: 100%;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden
}

.rail-dropdown-custome.active .custome-dropdown-menu {
    display: block;
    /* max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;*/
}

.rail-dropdown-custome.active .btn {
    border-radius: 10px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.custome-dropdown-menu .dropdown-item {
    text-transform: none !important;
    font-weight: 400 !important;
    color: #fff !important;
    text-decoration: none !important;
}

    .custome-dropdown-menu .dropdown-item:hover, .custome-dropdown-menu .dropdown-item:focus {
        background-color: #30353C;
        color: #fff !important;
        text-decoration: none !important;
    }

span.disable {
    font-style: italic;
    color: #6C7583;
}

.add-rail-card, .add-rail-card:hover, .add-rail-card:focus {
    color: #fff;
    background-color: #60A1FF;
    border-radius: 50px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-style: normal;
}

    .add-rail-card:disabled, .add-rail-card:disabled:hover, .add-rail-card:disabled:focus {
        color: #6C7583;
        background-color: #212427;
        border-radius: 50px;
        text-align: center;
        opacity: 1;
        text-transform: none;
        font-weight: 400;
        font-style: italic;
    }

.rail-card-drp .btn-outline-secondary, .rail-card-drp .btn-outline-secondary:hover, .rail-card-drp .btn-outline-secondary:focus {
    border-color: #FFF !important;
    color: #FFF !important;
    background-color: transparent !important
}

.rail-card-drp .left-block-width {
    width: 308px;
    min-height: 38px;
}

.rail-card-drp h4, .rail-card-drp h6 {
    color: #FFF;
}

.selected-rail-chips {
    padding: 0.65rem 1rem;
    border: solid 1px #60A1FF;
}

    .selected-rail-chips a {
        float: right;
        background-color: #6C7583;
        height: 34px;
        width: 34px;
        border-radius: 50px;
        color: #FFF !important;
        font-size: 50%;
        line-height: 3;
        text-align: center;
        position: absolute;
        right: 1px;
        top: 3px;
        border: solid 8px #3f454e;
    }

        .selected-rail-chips a, .selected-rail-chips a:hover, .selected-rail-chips a:focus {
            text-decoration: none !important;
        }

    .selected-rail-chips .selected-option {
        width: 230px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-style: normal;
        font-weight: 600;
    }

    .selected-rail-chips.eu a {
        top: 18px;
    }

.eu-form-control {
    border-top: solid 1px #99A4B4;
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    position: relative;
}

    .eu-form-control input {
        border: none;
        background-color: transparent;
        outline: none;
        color: #FFF;
        min-height: 25px;
    }

    .eu-form-control .btn {
        color: #fff;
        background-color: #60A1FF;
        border-radius: 50px;
        text-align: center;
        text-transform: uppercase;
        font-weight: 700;
        border: none;
        padding: 0.2rem;
        font-style: initial;
    }

.rail-dropdown-custome .btn-railcard::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.155em;
    content: "";
    border-top: 0.4em solid;
    border-right: 0.4em solid transparent;
    border-bottom: 0;
    border-left: 0.4em solid transparent;
    margin-left: 10px;
    float: right;
    position: relative;
    top: 9px;
}

.rail-dropdown-custome.active .btn-railcard::after {
    transform: rotate(180deg);
}

.return-calendor-popup .search-outline-area.passanger {
    width: 300px;
}

.return-calendor-popup .rail-card-drp {
    margin-left: -201px;
}

.rail-card-drp.dropdown-menu .btn-secondary {
    background-color: #60A1FF;
    border-color: #60A1FF;
}

.book-next-destination .btn-secondary.disabled, .book-next-destination .btn-secondary:disabled,
.book-next-destination .btn-secondary.disabled:focus, .book-next-destination .btn-secondary:disabled:hover {
    color: #FFFFFF;
    background-color: #3F454E;
    border-color: #3F454E;
    opacity: 1;
    font-style: italic;
}

.book-next-destination .search-outline-area.passanger {
    width: auto;
}

@media (min-width: 1680px) {
    .search-outline-area .form-control.xl {
        width: 270px;
    }
    .express-mode-true .search-outline-area .form-control.xl {
        width: 258px;
    }
    .eu-form-control input {
        min-height: 28px;
    }

    .rail-card-drp {
        margin-left: -240px;
    }

    .selected-rail-chips.eu a {
        top: 20px;
    }

    .selected-rail-chips a {
        line-height: 2.8;
    }

    .return-calendor-popup .search-outline-area.passanger {
        width: 310px;
    }

    .rail-card-drp .left-block-width {
        min-height: 42px;
    }
}

.black-border-bottom {
    border-bottom: 1px solid #BCC3D1 !important;
}

/*________________________________

FOR RAIL
________________________________*/
button.rail-arrow.active {
    transform: rotate(180deg);
}

.bnd-select-block .dropdown-menu.sm {
    width: 250px;
}

.bnd-select-block .dropdown-menu {
    border-color: #D9E0EA;
    border-radius: 10px;
    box-shadow: 10px 10px 30px rgb(0 0 0 / 16%);
    min-width: 220px;
    overflow: hidden;
    background-color: #FFFFFF;
}

.bnd-select-block .dropdown-header {
    padding: 0.5rem 1rem;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
}

.bnd-select-block .dropdown-menu .dropdown-item {
    padding: 0.5rem 1rem;
    position: relative;
    color: #1D1D1D;
    white-space: inherit;
}

    .bnd-select-block .dropdown-menu .dropdown-item:hover, .bnd-select-block .dropdown-menu .dropdown-item:focus {
        background-color: #F1F3F6;
        font-weight: 600;
    }

    .bnd-select-block .dropdown-menu .dropdown-item .text-light {
        color: #BCC3D1 !important;
    }

.bnd-select-block .mx-height-scroll {
    max-height: 250px;
    overflow: auto;
    overflow-x: hidden
}

.book-next-destination input[type=text]:disabled {
    background-color: transparent !important
}

/*
    Multi Pax Booking Summary Black Box
*/
.card-status {
    background-color: #000000;
    border: none;
    color: #FFF;
    border-radius: 15px;
}

.card-body {
    padding: 1rem;
}

.pb-1, .py-1 {
    padding-bottom: 0.25rem !important;
}

.pt-1, .py-1 {
    padding-top: 0.25rem !important;
}

.confirmation-modal.EmailExpiry {
    width: 280px;
    margin-left: -130px
}

.EmailExpiry .dropdown-black-view h5 {
    font-weight: 600;
}

.edit-section-for-header {
    background-color: #F1F3F6;
    padding: 2.2rem 1rem;
    border-bottom-right-radius: 9px;
    border-top-right-radius: 9px;
}

.edit-for-header {
    background-color: #000;
    width: 24px;
    height: 24px;
    position: absolute;
    left: -10px;
    top: -10px;
    color: #fff;
    text-align: center;
    line-height: 2.4;
    border-radius: 50%;
    font-size: 75%;
    text-decoration: none;
}

    .edit-for-header:hover, .edit-for-header:focus {
        color: #fff;
        text-decoration: none;
    }



.sticky-edit-overlay {
}

    .sticky-edit-overlay.active {
        pointer-events: none;
        cursor: text !important;
    }

.sticky-edit-mode .search-card {
    border: solid 1px #000000;
    border-radius: 10px;
    background-color: #000000;
    color: #FFF;
}

.sticky-edit-mode > .close {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1;
    font-size: 75%;
    color: #FFF;
    opacity: 1;
}

.sticky-edit-mode .hh-form-control-block .form-control.control-hh {
    color: #FFF;
    background-color: transparent;
}


.sticky-edit-mode h5 {
    color: #FFF;
}

.sticky-edit-mode .pcc-and-iata-code-near-to-search-area span a {
    color: #FFF;
}

.sticky-edit-mode .hh-form-control-block {
    border-bottom-color: #BCC3D1;
}

.sticky-edit-mode .destination-box-icons i, .sticky-edit-mode .btn-like-form-control, .sticky-edit-mode .search-outline-area .form-control, .sticky-edit-mode .rate-plan-type-area-more-link {
    color: #FFF !important;
}

.sticky-edit-mode .search-outline-area {
    background-color: #3F454E;
}

.sticky-edit-mode .night-count {
    background-color: #000;
    color: #FFF;
}

.sticky-edit-mode {
    width: 1208px;
    margin: 0 auto;
    position: absolute;
    z-index: 6;
    left: 50%;
    right: 50%;
    margin-left: -604px;
}


@media (min-width: 1680px) {
    .edit-section-for-header {
        padding: 2.5rem 1rem;
    }

    .edit-for-header {
        line-height: 2.1;
    }

    .sticky-edit-mode {
        width: 1334px;
        margin-left: -667px;
        top: 0px;
    }
}


.hh {
    position: relative;
}

.edit-section-for-header {
    background-color: #F1F3F6;
    padding: 1.7rem 1rem;
    border-bottom-right-radius: 9px;
    border-top-right-radius: 9px;
}

    .edit-section-for-header.active {
        padding: 2.48rem 1rem;
    }

.edit-for-header {
    background-color: #000;
    width: 24px;
    height: 24px;
    position: absolute;
    left: -10px;
    top: -10px;
    color: #fff;
    text-align: center;
    line-height: 2.4;
    border-radius: 50%;
    font-size: 75%;
    text-decoration: none;
}

    .edit-for-header:hover, .edit-for-header:focus {
        color: #fff;
        text-decoration: none;
    }



.bootstrap-tagsinput .badge.no-badge {
    background-color: transparent;
    padding: 0px;
    font-size: 1.25rem;
    font-weight: 400;
    position: relative;
    top: 0px;
    text-transform: inherit;
    display: -ms-inline-flexbox;
    float: left;
}

.hh-body-overlay {
}

    .hh-body-overlay.active {
        pointer-events: none;
        cursor: text !important;
    }


.sticky-edit-mode .search-card {
    border: solid 1px #000000;
    border-radius: 10px;
    background-color: #000000;
    color: #FFF;
}

.sticky-edit-mode > .close {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1;
    font-size: 75%;
    color: #FFF;
    opacity: 1;
}

.sticky-edit-mode .hh-form-control-block .form-control.control-hh {
    color: #FFF;
    background-color: transparent;
}

.sticky-edit-mode .pcc-and-iata-code-near-to-search-area span a {
    color: #FFF;
}

.sticky-edit-mode h5 {
    color: #FFF;
}

.sticky-edit-mode .hh-form-control-block {
    border-bottom-color: #BCC3D1;
}

.sticky-edit-mode .destination-box-icons i, .sticky-edit-mode .btn-like-form-control, .sticky-edit-mode .search-outline-area .form-control, search-outline-area.search-rate-plan.form-control, .sticky-edit-mode .rate-plan-type-area-more-link {
    color: #FFF !important;
}

.sticky-edit-mode .search-outline-area {
    background-color: #3F454E;
}

.sticky-edit-mode .night-count {
    background-color: #000;
    color: #FFF;
}




/*
    RailCard Dropdown search Text
*/
.rail-card-innter-box {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

.form-control-filter {
    border: solid 1px #6C7583 !important;
    border-radius: 50px !important;
    background: url(../../../images/icons/search-primary.svg) no-repeat 11px 7px #30353C !important;
    width: 91% !important;
    margin: 0 10px 3px 10px !important;
    padding: 5px 20px 5px 35px !important;
    color: #FFF !important;
    font-size: 0.875rem !important;
}

#LoyaltyContainer .btn-dropdown {
    display: inline-block;
}

.icon-arrow-down2:before {
    content: "\eaa5";
}

#LoyaltyContainer .col-auto.JQ-Step1s {
    display: initial;
}

#LoyaltyContainer .pnr-block .btn-light.dropdown-toggle {
    vertical-align: initial;
}

.book-a-rail-journey i {
    padding: 0;
    background-color: #000;
    color: #FFF;
    border-radius: 50px;
    height: 24px;
    width: 24px;
    display: inline-block;
    font-size: 65%;
    text-align: center;
    line-height: 1.8;
}

.min-w-56p {
    width: 56% !important;
}

.cwt-loyalty-booster {
    display: block !important;
}

    .cwt-loyalty-booster img {
        width: 250px;
        height: 100px;
    }

.cwt-market {
    display: inline !important;
}

.inner-top-search-block .rate-policy-width {
    width: 17%;
}

.caption {
    position: absolute;
    top: 0px;
    left: 0px;
    background: #60A1FF;
    font-size: 14px;
    text-align: center;
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 10px 0px;
    z-index: 1;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
}

.cal-close.icon-close {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1;
    color: #FFF;
    font-size: 0.875rem;
}

    .cal-close.icon-close:hover {
        cursor: pointer;
    }

.form-control::placeholder {
    font-size: 0.75rem;
    color: #99A4B4;
    opacity: 1;
}

.arrow {
    display: none !important;
}

.actionbtn {
    cursor: pointer;
}

.date-control-error {
    display: none;
    background: #F86363;
    position: relative;
    font-size: 12px;
    text-align: center;
    width: 100%;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 6px 0px;
    z-index: 1;
    font-weight: 600;
    color: #fff;
}

    .date-control-error .icon-invalid-alert {
        margin: 5px;
    }

.icon-invalid-alert {
    position: relative;
    top: 1px;
}

.already-booked-hotel .num-list:nth-child(even) .card-hotel-list-colum {
    background-color: #F1F3F5;
}

.date-tooltip {
    display: inline-block;
    cursor: default;
}

.map-hotel-rate.rate2:after {
    position: absolute;
    bottom: -9px;
    left: 50%;
    margin-left: -10px;
    content: "";
    display: block;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #37af6a;
}

.map-hotel-rate.rate3:after {
    position: absolute;
    bottom: -9px;
    left: 50%;
    margin-left: -10px;
    content: "";
    display: block;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #4A82D3;
}

.map-hotel-rate.rate4:after {
    position: absolute;
    bottom: -9px;
    left: 50%;
    margin-left: -10px;
    content: "";
    display: block;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #6C7583;
}

.map-hotel-rate.blocked:after {
    position: absolute;
    bottom: -9px;
    left: 50%;
    margin-left: -10px;
    content: "";
    display: block;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #99A4B4;
}

.map-hotel-rate.rate2.active:after {
    border-top: 10px solid #000;
}

.map-hotel-rate.rate3.active:after {
    border-top: 10px solid #000;
}

.map-hotel-rate.rate4.active:after {
    border-top: 10px solid #000;
}

.map-hotel-rate.blocked.active:after {
    border-top: 10px solid #000;
}


/*---------------GuestReview-----------------*/

.rate-guest:not(:checked) > label {
    float: right;
    width: 1em;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 1rem;
    color: #ccc;
    margin-bottom: 0px;
    height: 22px;
    line-height: 19px;
    margin-right: 2px;
}

.chkwhite .custom-control-label::before {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}

.rate-guest:not(:checked) > input {
    position: absolute;
    top: -9999px;
    display: none;
}

.rate-guest > input:checked ~ label {
    color: #F0b000;
}

.guest-review .card-header {
    background-color: #000000;
    color: #fff;
}

    .guest-review .card-header h4, .card-header h6 {
        color: #fff;
    }

.guest-review .card-footer {
    background-color: #D7DADB;
}

.guest-review .card {
    box-shadow: 0px 0px 15px 0px #0000002b;
    border-radius: 10px;
    overflow: hidden;
}

.guest-review .review-sucess-message {
    background-color: #42E085;
    color: white;
    /* padding: 20px; */
    border-radius: 50px;
    width: 38px;
    height: 38px;
    display: block;
    text-align: center;
    line-height: 40px;
    font-size: 1.4rem;
}

.guest-review label {
    text-transform: none;
}

.review-sucess-msg h4 {
    font-weight: 500;
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    color: #fff;
    background-color: #D7DADB;
    border-color: #D7DADB;
}

.certify .custom-checkbox label {
    padding-left: 0.5rem;
    text-indent: 0rem;
}

.guest-review .rating .rating-lbl {
    width: 120px;
    text-align: left;
}

.guest-review-submit {
    min-height: 555px;
}

.icon-checkmark:before {
    content: "\ea77";
}
/*---------------GuestReview-----------------*/

/*GRAMPA*/

.cwt-market {
    display: inline !important;
}

.recommended-blocks {
    border-radius: 10px;
    box-shadow: 5px 5px 20px rgb(0 0 0 / 10%);
    border: none;
}

.recommended-card {
    border-radius: 10px; /* height:175px; */
}

    .recommended-card:hover h4, .recommended-card:hover .text-danger, .recommended-card:hover .text-success {
        color: #FFF !important;
    }

    .recommended-card .hotel-facility-icon {
        padding: 0.2rem;
        border-radius: 5px;
        background-color: transparent;
    }

    .recommended-card:hover .hotel-facility-icon {
        background-color: #FFF;
    }

    .recommended-card.rec-agency {
        border-color: #FF694B;
    }

        .recommended-card.rec-agency:hover {
            background-color: #FF694B;
            color: #FFF;
        }

        .recommended-card.rec-agency .card-header {
            background-color: #FF694B;
            color: #FFF;
            border-color: #FF694B;
        }

        .recommended-card.rec-agency .btn-outline-primary {
            color: #FF694B;
            border-color: #FF694B;
        }

        .recommended-card.rec-agency:hover .btn-outline-primary, .recommended-card.rec-agency:hover .btn-outline-primary:hover, .recommended-card.rec-agency:hover .btn-outline-primary:focus {
            color: #FF694B;
            border-color: #FFF;
            background-color: #FFF;
        }

    .recommended-card.rec-client {
        border-color: #333F48;
    }

        .recommended-card.rec-client:hover {
            background-color: #333F48;
            color: #FFF;
        }

        .recommended-card.rec-client .card-header {
            background-color: #333F48;
            color: #FFF;
            border-color: #333F48;
        }

        .recommended-card.rec-client .btn-outline-primary {
            color: #333F48;
            border-color: #333F48;
        }

        .recommended-card.rec-client:hover .btn-outline-primary, .recommended-card.rec-client:hover .btn-outline-primary:hover, .recommended-card.rec-client:hover .btn-outline-primary:focus {
            color: #333F48;
            border-color: #FFF;
            background-color: #FFF;
        }

.recommend-left-colum {
    width: 130px;
    margin-right: 0.2rem;
}

.recommended-card.rec-public {
    border-color: #000;
}

    .recommended-card.rec-public:hover {
        background-color: #F1F3F5;
        color: #000;
    }

    .recommended-card.rec-public .card-header {
        background-color: #F1F3F5;
        color: #000;
        border-color: #F1F3F5;
    }

    .recommended-card.rec-public .btn-outline-primary {
        color: #000;
        border-color: #000;
    }

    .recommended-card.rec-public:hover .btn-outline-primary, .recommended-card.rec-public:hover .btn-outline-primary:hover, .recommended-card.rec-public:hover .btn-outline-primary:focus {
        color: #000;
        border-color: #FFF;
        background-color: #FFF;
    }

.recommended-card .card-header {
    font-weight: 600;
    text-transform: uppercase;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    min-height: 37.4px;
}

.recommended-card .card-header, .recommended-card .card-body {
    padding: 0.65rem !important;
}

.recommended-card .card-body {
    padding-top: 0.25rem !important;
}

.recommended-blocks {
    min-height: 100%;
}

    .recommended-blocks .frequently-booked-card, .recommended-blocks .frequently-booked-card-img {
        border-radius: 10px;
    }

        .recommended-blocks .frequently-booked-card-img img {
            min-height: 120px;
        }

        .recommended-blocks .frequently-booked-card .icons-block {
            padding: 10px;
        }

.recommended-card.rec-public:hover .text-danger, .recommended-card.rec-public:hover h4, .recommended-card.rec-public:hover .text-success {
    color: #000 !important;
}

.card.recommended-card .after-load-contents {
    margin-bottom: 5px !important;
    margin-top: 5px !important;
}

.ellips-four-line {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.card.recommended-card {
    min-height: 143px;
}

.recommended-card .cancel-policy-text {
    min-height: 33.6px;
    padding-top: 0.25rem;
}

.recommended-card.rec-aggregator {
    border-color: #1d1d1d;
}

    .recommended-card.rec-aggregator:hover {
        background-color: #1d1d1d;
        color: #FFF;
    }

    .recommended-card.rec-aggregator .card-header {
        background-color: #1d1d1d;
        color: #FFF;
        border-color: #1d1d1d;
    }

    .recommended-card.rec-aggregator .btn-outline-primary {
        color: #1d1d1d;
        border-color: #1d1d1d;
    }

    .recommended-card.rec-aggregator:hover .btn-outline-primary, .recommended-card.rec-aggregator:hover .btn-outline-primary:hover, .recommended-card.rec-aggregator:hover .btn-outline-primary:focus {
        color: #1d1d1d;
        border-color: #FFF;
        background-color: #FFF;
    }

.rec-agency .btn-outline-primary:hover, .rec-agency .btn-outline-primary:focus, .rec-v .btn-outline-primary:active, .rec-agency .btn-outline-primary:not(:disabled):not(.disabled):active, .rec-agency .btn-outline-primary:not(:disabled):not(.disabled).active, .rec-agency .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #FF694B;
    border-color: #FF694B;
}

.rec-public .btn-outline-primary:hover, .rec-public .btn-outline-primary:focus, .rec-public .btn-outline-primary:active, .rec-public .btn-outline-primary:not(:disabled):not(.disabled):active, .rec-public .btn-outline-primary:not(:disabled):not(.disabled).active, .rec-public .show > .btn-outline-primary.dropdown-toggle {
    color: #000;
    background-color: #F1F3F5;
    border-color: #F1F3F5;
}

.rec-client .btn-outline-primary:hover, .rec-client .btn-outline-primary:focus, .rec-client .btn-outline-primary:active, .rec-client .btn-outline-primary:not(:disabled):not(.disabled):active, .rec-client .btn-outline-primary:not(:disabled):not(.disabled).active, .rec-client .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #333F48;
    border-color: #333F48;
}

.rec-aggregator .btn-outline-primary:hover, .rec-aggregator .btn-outline-primary:focus, .rec-aggregator .btn-outline-primary:active, .rec-aggregator .btn-outline-primary:not(:disabled):not(.disabled):active, .rec-aggregator .btn-outline-primary:not(:disabled):not(.disabled).active, .rec-aggregator .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #1d1d1d;
    border-color: #1d1d1d;
}

.cwt-herobar {
    display: flex !important;
}

/*.rate-card .card-header {
    padding: 0.625rem;
}*/

.rate-card .campare-cards-block {
    padding: 0rem;
}

.rate-card .card-repeat-box.footer-links {
    color: #000000 !important
}

.rate-card .hotel-facility-icon.img img {
    margin-right: 1px;
}

/*.rate-card .cancel-text {
    height: 35px;
}*/

/*.rate-card .card-header {
    height: 62px
}*/

.rate-card .card-header h4, .rate-card .card-header h3 {
    color: #FFF;
}

.card-compare {
    border-radius: 10px;
    border: none;
    box-shadow: 0px 5px 15px hsl(0deg 0% 0% / 20%)
}

    .card-compare h3 {
        font-weight: 700;
    }

    /*.card-compare .card-header {
    text-align: center;
    background-color: #D9E0EA;
    color: #1D1D1D;
    border: none;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    text-transform: uppercase;
}*/

    .card-compare.agency .card-header {
        background-color: #D40049;
    }

.rate-card .agency .btn-secondary, .rate-card .agency .btn-secondary:hover, .rate-card .agency .btn-secondary:focus, .rate-card .agency .btn-secondary:active, .rate-card .agency .btn-secondary:not(:disabled):not(.disabled):active {
    background: #D40049;
    border-color: #D40049;
}

.card-compare.cheapest .card-header {
    background-color: #1D1D1D;
}

.rate-card .cheapest .btn-secondary, .rate-card .cheapest .btn-secondary:hover, .rate-card .cheapest .btn-secondary:focus, .rate-card .cheapest .btn-secondary:active, .rate-card .cheapest .btn-secondary:not(:disabled):not(.disabled):active {
    color: #fff;
    background: #1D1D1D;
    border-color: #1D1D1D;
}

.cheapest .card-header h4, .cheapest .card-header h3 {
    color: #000;
}

.card-compare.client .card-header {
    background-color: #00424C;
}

.rate-card .client .btn-secondary, .rate-card .client .btn-secondary:hover, .rate-card .client .btn-secondary:focus, .rate-card .client .btn-secondary:active, .rate-card .client .btn-secondary:not(:disabled):not(.disabled):active {
    background: #00424C;
    border-color: #00424C;
}

.aggregator .card-header h4, .aggregator .card-header h3 {
    color: #FFF;
}

.card-compare.aggregator .card-header {
    background-color: #1d1d1d;
}

.rate-card .aggregator .btn-secondary, .rate-card .aggregator .btn-secondary:hover, .rate-card .aggregator .btn-secondary:focus, .rate-card .aggregator .btn-secondary:active, .rate-card .aggregator .btn-secondary:not(:disabled):not(.disabled):active {
    color: #fff;
    background: #1d1d1d;
    border-color: #1d1d1d;
}

.card-compare .card-body {
    background-color: #FFFFFF;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-top: 1rem;
}

    .card-compare .card-body.gray {
        background-color: #F1F3F4;
        border-radius: 0px;
    }

    .card-compare .card-body .card-repeat-box {
        border-bottom: solid 1px #D9E0EA;
        padding-bottom: 0.7rem;
        margin-bottom: 0.7rem;
    }

        .card-compare .card-body .card-repeat-box:last-child {
            border: none;
            margin: 0;
            padding: 0;
        }

        .card-compare .card-body .card-repeat-box.footer-links {
            color: #D9E0EA;
            font-weight: 600;
        }

.card-compare .card-body {
    min-height: 162px;
}

.card-compare-top-block {
    min-height: 35px;
}

.card-compare-bottom-block {
    min-height: 95px;
}

.cwt-cwv-icon {
    width: 17px !important;
}

.AboutHotel .close {
    color: #FFF;
    text-decoration: none;
    font-size: 75%;
    padding: 6px;
    background-color: #000;
    margin-left: 5px;
    height: 20px;
    width: 20px;
    border-radius: 50px;
    position: absolute;
    text-align: center;
    top: -10px;
    line-height: 1;
    opacity: 1 !important;
    right: -10px;
}

.herobar-card-top-section {
    min-height: 28px;
}

.rate-card .card-header h6, .rate-card .card-header h4, .rate-card .card-header h5 {
    color: #FFF;
}

.rate-card .card-header h4 {
    font-size: 0.9375rem;
}

.rate-card .card-header {
    padding: 0.625rem;
    height: 56px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.rate-card .card-body {
    height: 155px !important;
    min-height: 155px !important;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 1.25rem 0.625rem 0 0.625rem;
}

.rate-card .card-footer p {
    color: #fff;
    font-weight: 600;
}

.hh-error-text {
    display: flex;
}

.rate-card .card-footer {
    padding: 0.5rem 0.625rem;
    background-color: #F86363;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

@media (min-width: 1680px) {
    .rate-card .card-header {
        height: 66px;
    }

    .rate-card .card-body {
        height: 165px !important;
    }
    .rate-plan-type-area .form-control {
        min-width: 106px !important;
    }
}

.rate-card .hotel-facility-icon.img img {
    width: 21px !important;
}

.card-compare a {
    cursor: pointer;
}
/*GRAMPA END*/


.sticky-edit-mode .pcc-and-iata-code-near-to-search-area {
    color: #fff;
}

.market-search-area .JQ-Step1 {
    display: inline-block;
    margin-top: 5px;
}

.customer-and-pnr-search-dropdown .active .fade-primary-text {
    color: #000000;
}

.agency-link > a {
    max-width: 135px;
    display: inline-block;
    vertical-align: bottom !important;
}

.text-indent-icon {
    padding-left: 1.5em;
    text-indent: -1.5em;
}

.duplicate-booking .card-hotel-list {
    border: 1px solid #B8BCBE;
    border-radius: 10px !important;
}

.revised-rates .justify-content-between .min-w-49p:first-child {
    padding-right: 2.5rem;
    border-right: dashed 1px #B8BCBE;
}

.addedtravellermain .added-traveller-bottom-section {
    background-color: #f1f3f4;
}

.pcc-and-iata-code-near-to-search-area span a {
    font-weight: 400;
    font-size: 0.875rem;
    text-transform: none;
    vertical-align: initial;
}

.pcc-and-iata-code-near-to-search-area a {
    color: #000000;
}

.link-underline {
    text-decoration: underline !important;
}

.top-pnr-block-container {
    width: 330px;
    display: contents;
    float: left;
}

.d-contents {
    display: contents;
}

.bootstrap-tagsinput .badge-secondary.AddPNRNew {
    border-radius: 5px;
}
/* Start - Chain column CSS*/
.PriorityNameColums-Chain {
    width: 7%;
}

.HotelNameColums-Chain {
    width: 24%;
}

.HotelChainColumns {
    display: block;
    width: 8%;
}
/* End - Chain column CSS*/
/*DK Validation*/
.pb-3, .py-3 {
    padding-bottom: 1rem !important;
}

.change-gds-old {
    float: right;
}

    .change-gds-old .dropdown-menu {
        background-color: #ffffff;
        text-align: left;
    }

.bootstrap-tagsinput .JQ-Step1s.pnr-badge-count {
    border-radius: 5px;
}

.inner-rate-space {
    padding-right: 2.2rem !important;
}

.sticky-edit-mode .bootstrap-tagsinput .JQ-Step1s.pnr-badge-count {
    padding: 0.4rem 0.5rem;
    background-color: #D9E0EA;
}

.book-a-hotel-image img {
    width: 100%;
}

.selectPaymentTypeDropdownModify {
    padding-right: 40px;
}


.edit-header-button .btn-primary.btn-xxl {
    color: #000;
    background-color: #FFF;
    border-color: #FFF;
}

    .edit-header-button .btn-primary.btn-xxl:active, .edit-header-button .btn-primary.btn-xxl:hover, .edit-header-button .btn-primary.btn-xxl:not(:disabled):not(.disabled):active {
        background-color: #FFF;
        border-color: #FFF;
        color: #000;
    }

.dropdown-black-view .table td {
    border-top: none;
    word-break: break-all;
}


.card-hotel-list-view .nav-tabs .roomdesc {
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.powered-hh-logo img {
    background-size: contain;
    height: 30px;
    overflow: hidden;
}

/*skip pice ro*/
.skip-ro-modal, .skip-ro-modal1 {
    width: 530px;
    z-index: 9999;
    border-radius: 15px;
    line-height: 1.6;
    position: absolute;
    right: 0;
    margin-top: 10px;
}

.skip-ro-input:disabled ~ label {
    font-style: italic;
}

    .skip-ro-input:disabled ~ label:after, .skip-ro-input:disabled ~ label:before {
        opacity: 0.5;
    }

.skip-ro-checkbox {
    display: inline-block;
}

    .skip-ro-checkbox.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
        background-color: transparent;
        border: none;
    }

.skip-ro-tooltip {
    margin-right: 80px;
}

.skip-ro-checkbox.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
    color: #535353;
}


.skip-ro-checkbox .tooltip-inner {
    margin-right: 80px;
}

.mt-6, .my-6 {
    margin-top: 6rem !important;
}

.mb-6 {
    margin-bottom: 6rem !important;
}

/*.skip-ro-checkbox {
    display: none;
}*/

.modifypayment .custom-control-label::before {
    background-color: #ffffff;
}

.navbar-collapse.collapse:not(.show) {
    display: flex !important;
}

.navbar-expand-lg .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
}

.min-w-27p {
    width: 27% !important;
}

.min-w-73p {
    width: 73% !important;
}
/*Common Css End*/

/*Jquery ui*/
/*! jQuery UI - v1.11.4 - 2015-03-11
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-clearfix {
    min-height: 0; /* support: IE7 */
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
    z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    min-height: 0; /* support: IE7 */
    font-size: 100%;
}

.ui-accordion .ui-accordion-icons {
    padding-left: 2.2em;
}

    .ui-accordion .ui-accordion-icons .ui-accordion-icons {
        padding-left: 2.2em;
    }

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible; /* removes extra width in IE */
}

    .ui-button,
    .ui-button:link,
    .ui-button:visited,
    .ui-button:hover,
    .ui-button:active {
        text-decoration: none;
    }
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
    width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
    width: 2.4em;
}

.ui-button-icons-only {
    width: 3.4em;
}

button.ui-button-icons-only {
    width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
    display: block;
    line-height: normal;
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em;
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em;
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
    padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px;
}

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
    left: .5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
    right: .5em;
}

/* button sets */
.ui-buttonset {
    margin-right: 7px;
}

    .ui-buttonset .ui-button {
        margin-left: 0;
        margin-right: -.3em;
    }

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
    }

    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 18px;
        width: 1.8em;
        height: 1.8em;
    }

    .ui-datepicker .ui-datepicker-prev-hover,
    .ui-datepicker .ui-datepicker-next-hover {
        top: 18px;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 18px;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 18px;
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 18px;
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 18px;
    }

    .ui-datepicker .ui-datepicker-prev span,
    .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px;
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center;
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0;
        }

    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        width: 45%;
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: bold;
        border: 0;
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px;
    }

        .ui-datepicker td span,
        .ui-datepicker td a {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none;
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em .6em;
            width: auto;
            overflow: visible;
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left;
            }

    /* with multiple calendars */
    .ui-datepicker.ui-datepicker-multi {
        width: auto;
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em;
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left;
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
            .ui-datepicker-rtl .ui-datepicker-group {
                float: right;
            }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

.ui-dialog {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
}

    .ui-dialog .ui-dialog-titlebar {
        padding: .4em 1em;
        position: relative;
    }

    .ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 0;
        white-space: nowrap;
        width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 20px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 20px;
    }

    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: .5em 1em;
        background: none;
        overflow: auto;
    }

    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-width: 1px 0 0 0;
        background-image: none;
        margin-top: .5em;
        padding: .3em 1em .5em .4em;
    }

        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
            float: right;
        }

        .ui-dialog .ui-dialog-buttonpane button {
            margin: .5em .4em .5em 0;
            cursor: pointer;
        }

    .ui-dialog .ui-resizable-se {
        width: 12px;
        height: 12px;
        right: -5px;
        bottom: -5px;
        background-position: 16px 16px;
    }

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: none;
}

    .ui-menu .ui-menu {
        position: absolute;
    }

    .ui-menu .ui-menu-item {
        position: relative;
        margin: 0;
        padding: 3px 1em 3px .4em;
        cursor: pointer;
        min-height: 0; /* support: IE7 */
        /* support: IE10, see #8844 */
        list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
    }

    .ui-menu .ui-menu-divider {
        margin: 5px 0;
        height: 0;
        font-size: 0;
        line-height: 0;
        border-width: 1px 0 0 0;
    }

    .ui-menu .ui-state-focus,
    .ui-menu .ui-state-active {
        margin: -1px;
    }

/* icon support */
.ui-menu-icons {
    position: relative;
}

    .ui-menu-icons .ui-menu-item {
        padding-left: 2em;
    }

/* left-aligned */
.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
    left: auto;
    right: 0;
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}

    .ui-progressbar .ui-progressbar-value {
        margin: -1px;
        height: 100%;
    }

    .ui-progressbar .ui-progressbar-overlay {
        background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
        height: 100%;
        filter: alpha(opacity=25); /* support: IE8 */
        opacity: 0.25;
    }

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: col-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

    .ui-selectmenu-menu .ui-menu {
        overflow: auto;
        /* Support: IE7 */
        overflow-x: hidden;
        padding-bottom: 1px;
    }

        .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
            font-size: 1em;
            font-weight: bold;
            line-height: 1.5;
            padding: 2px 0.4em;
            margin: 0.5em 0 0 0;
            height: auto;
            border: 0;
        }

.ui-selectmenu-open {
    display: block;
}

.ui-selectmenu-button {
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    cursor: pointer;
}

    .ui-selectmenu-button span.ui-icon {
        right: 0.5em;
        left: auto;
        margin-top: -8px;
        position: absolute;
        top: 50%;
    }

    .ui-selectmenu-button span.ui-selectmenu-text {
        text-align: left;
        padding: 0.4em 2.1em 0.4em 1em;
        display: block;
        line-height: 1.4;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.ui-slider {
    position: relative;
    text-align: left;
}

    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 1.2em;
        height: 1.2em;
        cursor: default;
        -ms-touch-action: none;
        touch-action: none;
    }

    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0;
    }

    /* support: IE8 - See #6727 */
    .ui-slider.ui-state-disabled .ui-slider-handle,
    .ui-slider.ui-state-disabled .ui-slider-range {
        filter: inherit;
    }

.ui-slider-horizontal {
    height: .8em;
}

    .ui-slider-horizontal .ui-slider-handle {
        top: -.3em;
        margin-left: -.6em;
    }

    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%;
    }

    .ui-slider-horizontal .ui-slider-range-min {
        left: 0;
    }

    .ui-slider-horizontal .ui-slider-range-max {
        right: 0;
    }

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

    .ui-slider-vertical .ui-slider-handle {
        left: -.3em;
        margin-left: 0;
        margin-bottom: -.6em;
    }

    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%;
    }

    .ui-slider-vertical .ui-slider-range-min {
        bottom: 0;
    }

    .ui-slider-vertical .ui-slider-range-max {
        top: 0;
    }

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 22px;
}

.ui-spinner-button {
    width: 16px;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
    border-top: none;
    border-bottom: none;
    border-right: none;
}
/* vertically center icon */
.ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0;
}

.ui-spinner-up {
    top: 0;
}

.ui-spinner-down {
    bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
    /* need to fix icons sprite */
    background-position: -65px -16px;
}

.ui-tabs {
    position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    padding: .2em;
}

    .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: .2em .2em 0;
    }

        .ui-tabs .ui-tabs-nav li {
            list-style: none;
            float: left;
            position: relative;
            top: 0;
            margin: 1px .2em 0 0;
            border-bottom-width: 0;
            padding: 0;
            white-space: nowrap;
        }

        .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
            float: left;
            padding: .5em 1em;
            text-decoration: none;
        }

        .ui-tabs .ui-tabs-nav li.ui-tabs-active {
            margin-bottom: -1px;
            padding-bottom: 1px;
        }

            .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
            .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
            .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
                cursor: text;
            }

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
}

body .ui-tooltip {
    border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
    font-size: 1.1em;
}

    .ui-widget .ui-widget {
        font-size: 1em;
    }

    .ui-widget input,
    .ui-widget select,
    .ui-widget textarea,
    .ui-widget button {
        font-size: 1em;
    }

.ui-widget-content {
    border: 1px solid #dddddd;
    background: #eeeeee url("images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x;
    color: #333333;
}

    .ui-widget-content a {
        color: #333333;
    }

.ui-widget-header {
    border: 1px solid #e78f08;
    background: #f6a828 url("images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;
    color: #ffffff;
    font-weight: bold;
}

    .ui-widget-header a {
        color: #ffffff;
    }

    /* Interaction states
----------------------------------*/
    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default {
        border: 1px solid #cccccc;
        background: #f6f6f6 url("images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;
        font-weight: bold;
        color: #1c94c4;
    }

        .ui-state-default a,
        .ui-state-default a:link,
        .ui-state-default a:visited {
            color: #1c94c4;
            text-decoration: none;
        }

    .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: 1px solid #fbcb09;
        background: #fdf5ce url("images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x;
        font-weight: bold;
        color: #c77405;
    }

        .ui-state-hover a,
        .ui-state-hover a:hover,
        .ui-state-hover a:link,
        .ui-state-hover a:visited,
        .ui-state-focus a,
        .ui-state-focus a:hover,
        .ui-state-focus a:link,
        .ui-state-focus a:visited {
            color: #c77405;
            text-decoration: none;
        }

    .ui-state-active,
    .ui-widget-content .ui-state-active,
    .ui-widget-header .ui-state-active {
        border: 1px solid #fbd850;
        background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
        font-weight: bold;
        color: #eb8f00;
    }

        .ui-state-active a,
        .ui-state-active a:link,
        .ui-state-active a:visited {
            color: #eb8f00;
            text-decoration: none;
        }

    /* Interaction Cues
----------------------------------*/
    .ui-state-highlight,
    .ui-widget-content .ui-state-highlight,
    .ui-widget-header .ui-state-highlight {
        border: 1px solid #fed22f;
        background: #ffe45c url("images/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x;
        color: #363636;
    }

        .ui-state-highlight a,
        .ui-widget-content .ui-state-highlight a,
        .ui-widget-header .ui-state-highlight a {
            color: #363636;
        }

    .ui-state-error,
    .ui-widget-content .ui-state-error,
    .ui-widget-header .ui-state-error {
        border: 1px solid #cd0a0a;
        background: #b81900 url("images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat;
        color: #ffffff;
    }

        .ui-state-error a,
        .ui-widget-content .ui-state-error a,
        .ui-widget-header .ui-state-error a {
            color: #ffffff;
        }

    .ui-state-error-text,
    .ui-widget-content .ui-state-error-text,
    .ui-widget-header .ui-state-error-text {
        color: #ffffff;
    }

    .ui-priority-primary,
    .ui-widget-content .ui-priority-primary,
    .ui-widget-header .ui-priority-primary {
        font-weight: bold;
    }

    .ui-priority-secondary,
    .ui-widget-content .ui-priority-secondary,
    .ui-widget-header .ui-priority-secondary {
        opacity: .7;
        filter: Alpha(Opacity=70); /* support: IE8 */
        font-weight: normal;
    }

    .ui-state-disabled,
    .ui-widget-content .ui-state-disabled,
    .ui-widget-header .ui-state-disabled {
        opacity: .35;
        filter: Alpha(Opacity=35); /* support: IE8 */
        background-image: none;
    }

        .ui-state-disabled .ui-icon {
            filter: Alpha(Opacity=35); /* support: IE8 - See #6059 */
        }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_222222_256x240.png");
}

.ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png");
}

.ui-state-default .ui-icon {
    background-image: url("images/ui-icons_ef8c08_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url("images/ui-icons_ef8c08_256x240.png");
}

.ui-state-active .ui-icon {
    background-image: url("images/ui-icons_ef8c08_256x240.png");
}

.ui-state-highlight .ui-icon {
    background-image: url("images/ui-icons_228ef1_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("images/ui-icons_ffd27a_256x240.png");
}

/* positioning */
.ui-icon-blank {
    background-position: 16px 16px;
}

.ui-icon-carat-1-n {
    background-position: 0 0;
}

.ui-icon-carat-1-ne {
    background-position: -16px 0;
}

.ui-icon-carat-1-e {
    background-position: -32px 0;
}

.ui-icon-carat-1-se {
    background-position: -48px 0;
}

.ui-icon-carat-1-s {
    background-position: -64px 0;
}

.ui-icon-carat-1-sw {
    background-position: -80px 0;
}

.ui-icon-carat-1-w {
    background-position: -96px 0;
}

.ui-icon-carat-1-nw {
    background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
    background: #666666 url("images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;
    opacity: .5;
    filter: Alpha(Opacity=50); /* support: IE8 */
}

.ui-widget-shadow {
    margin: -5px 0 0 -5px;
    padding: 5px;
    background: #000000 url("images/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x;
    opacity: .2;
    filter: Alpha(Opacity=20); /* support: IE8 */
    border-radius: 5px;
}
/*Jquery ui End*/


/*While replacing css please note these
 Dont remove DEV block 
 a, a:hover, a:focus - color should be #000
*/
@charset "utf-8";
/* CSS Document */


body {
    background-color: #CDD3D5
}

a {
    color: #000;
}

    a:hover, a:focus {
        color: #000;
    }

    a.text-primary:hover, a.text-primary:focus {
        color: #DD396C !important;
    }

.pcc-and-iata-code-near-to-search-area a {
    color: #2b363d
}

.pnr-block .btn-dropdown .btn-light {
    color: #fff;
}

.login-page {
    background: url(../images/fctg-login-banner.jpg) no-repeat;
    min-height: 100vh;
    background-size: cover !important;
}

.navbar-brand.inner-logo {
    background: url("../images/fctg-logo.svg") no-repeat;
    min-height: 70px;
    width: 240px;
    background-size: contain;
}

.navbar-brand.outside-page {
    background: url("../images/fctg-outer.svg") no-repeat;
    background-size: contain;
    min-height: 70px;
    width: 270px;
    position: relative;
    top: 20px;
}

.btn-primary {
    background-color: #00424C;
    border-color: #00424C;
    color: #fff;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
        color: #FFF;
        background-color: #00424e;
        border-color: #00424e;
    }

.btn-dropdown .btn-light, .btn-dropdown .btn-light:not(:disabled):not(.disabled):active, .btn-dropdown .btn-light:not(:disabled):not(.disabled).active, .show.btn-dropdown > .btn-light.dropdown-toggle {
    background-color: transparent;
    border: 1px solid #00424C;
    color: #00424C;
}

.btn-filter-outline-light {
    background-color: #B8C4C7 !important;
    border-color: #7B999E !important;
}

.btn-filter {
    border-color: #7B999E !important;
}

.dropdown-black-view .table tr:hover td {
    background-color: #e5eced;
}

.card-search-list .card-header {
    background-color: #A4B6BA;
}

.btn-group-toggle .btn-outline-light {
    border-color: #7B999E !important;
    background-color: #B8C4C7;
}

.count-values-text {
    color: #DD396C !important;
}

.search-outline-area {
    background-color: #E5ECED;
}

.badge-secondary {
    background-color: #A4B6BA;
}

.ad-header {
    /*background-color: #A4B6BA;*/
}

.for-dropdown-style-a .btn-secondary {
    background-color: #D40049;
    border-color: #D40049;
}

.priority-badge.cp {
    display: none;
}

.priority-badge.ap {
    display: none;
}

.map-hotel-rate.rate2 {
    background-color: #00424C;
}

.map-hotel-rate.rate3 {
    background-color: #D40049;
}

.map-hotel-rate.rate4 {
    background-color: #969696;
}

.map-hotel-rate.blocked {
    background-color: #5D6268 !important;
}

.map-hotel-list-popover.rate2 .popover-body-hotel-ist {
    background-color: #00424C;
}

.map-hotel-list-popover.rate3 .popover-body-hotel-ist {
    background-color: #D40049;
}

.map-hotel-list-popover.rate4 .popover-body-hotel-ist {
    background-color: #969696
}

.map-hotel-list-popover.blocked .popover-body-hotel-ist {
    background-color: #5D6268 !important;
}

.map-hotel-list-popover.rate2 .btn-primary {
    background-color: #00424C !important;
    border-color: #00424C !important;
}

.map-hotel-list-popover.rate3 .btn-primary {
    background-color: #D40049 !important;
    border-color: #D40049 !important;
}

.map-hotel-list-popover.rate4 .btn-primary {
    background-color: #969696 !important;
    border-color: #969696 !important;
}

.map-hotel-list-popover.blocked .btn-primary {
    background-color: #5D6268 !important;
    border-color: #5D6268 !important
}

.identify-icons-map.rate2 {
    background-color: #00424C;
}

.identify-icons-map.rate3 {
    background-color: #D40049;
}

.identify-icons-map.rate4 {
    background-color: #969696;
}

.identify-icons-map.blocked {
    background-color: #5D6268 !important;
}

.agency-rate .nav-link {
    border-left-color: #D40049 !important;
    background: #D40049 !important;
    color: #fff !important;
}

    .agency-rate .nav-link h5, .agency-rate .nav-link h6 {
        color: #FFF;
    }

.client-rate .nav-link {
    background: #00424C !important;
    color: #FFF !important;
}

    .client-rate .nav-link h5, .client-rate .nav-link h6 {
        color: #FFF;
    }

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #D40049;
    background-color: transparent;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #D40049;
}

.guarantee-card .card-footer {
    background-color: #CFD7D8;
}

.deposit-card .card-footer {
    background-color: #ECB4C8 !important;
}

.show.btn-dropdown > .btn-light.dropdown-toggle, .btn-dropdown > .btn-light.active {
    background-color: #00424e !important;
}

.btn-dropdown .dropdown-menu {
    background-color: #00424e;
}

.drp-btn-autobook .btn-autobook {
    color: #fff !important;
}

.btn-dropdown .btn-primary, .btn-dropdown .btn-primary:not(:disabled):not(.disabled):active, .btn-dropdown .btn-primary:not(:disabled):not(.disabled).active, .show.btn-dropdown > .btn-primary.dropdown-toggle {
    background-color: #00424e;
    color: #fff;
}

.drp-btn-autobook .dropdown-menu .dropdown-item, .drp-btn-autobook .dropdown-menu .dropdown-item.heading {
    background-color: #00424e;
    color: #FFF;
}

.footer-room .footer-room-total {
    border-top-color: #00424e !important;
}

.start .ui-state-default, .end .ui-state-default {
    background: #D40049 !important;
}

.sejour, /*td.start,*/ td.selected-end, td.end:after {
    background: rgb(212 0 73 / 50%) !important;
}

.ui-datepicker-calendar tr td:last-child.ui-datepicker-week-end.sejour {
    background: linear-gradient(90deg, rgba(240,157,183,1) 31%, rgba(29,29,29,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#285781", endColorstr="#1d1d1d", GradientType=1) !important;
}

.ui-datepicker-calendar tr td:first-child.ui-datepicker-week-end.sejour {
    background: linear-gradient(90deg, rgba(29,29,29,1) 0%, rgba(240,157,183,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1d1d1d", endColorstr="#285781", GradientType=1) !important;
}

.datepicker td.active .date-value-block, .datepicker td.active:hover .date-value-block {
    background-color: #D40049 !important;
}

.datepicker td.in-range, .off.ends.in-range {
    background: rgb(212 0 73 / 50%) !important;
}

.active.end-date:after {
    background: rgb(212 0 73 / 50%) !important;
}

/*.datepicker td.weekend.in-range:last-child {
    background: rgb(212 0 73 / 50%) !important;
}*/

.datepicker td.in-range:first-child {
    background: rgb(212 0 73 / 50%) !important;
}

.express-mode-true .btn-filter-outline-light.selected {
    background-color: #00424e;
    border-color: #00424e;
    color: #FFF;
}

.btn-filter-outline-light.selected-sort {
    background-color: #00424e !important;
    border-color: #00424e !important;
    color: #FFF;
}

.iata-box .dropdown-black-view, .pcc-box .dropdown-black-view {
    background-color: #00424C;
}

.iata-box .btn-primary {
    background-color: #D40049 !important;
    border-color: #D40049 !important;
}

.sticky-btn a, .sticky-btn a:hover {
    color: #fff !important;
}

    .sticky-btn a.sticky-btn-close {
        color: #fff !important;
        text-decoration: none;
    }

.grand-total-box:after {
    background: #00424e;
}

.rates-information-colums .identify-icons-map.agency {
    background: #D40049 !important;
}

.rates-information-colums .identify-icons-map.client {
    background: #00424C !important;
}

.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
    background-color: #00424e;
    border-color: #7B999E !important
}

.btn-filter.active, .btn-filter:hover, .btn-filter.active:hover, .btn-filter:focus {
    background-color: #fff;
    border-color: #fff;
}

.btn-secondary {
    background-color: #D40049;
    border-color: #D40049;
}

    .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
        background-color: #D40049;
        border-color: #D40049;
    }

.price-range-slider .ui-widget-header {
    background-color: #D40049 !important;
}

    .price-range-slider .ui-state-default, .price-range-slider .ui-widget-content .ui-state-default, .price-range-slider .ui-widget-header .ui-state-default, .price-range-slider .ui-state-active, .price-range-slider .ui-state-focus {
        background-color: #D40049 !important;
        border: solid 4px #F09DB7 !important;
    }

.distance-dropdown a.active {
    color: #00424e;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    border: solid 3px #D40049;
}

.custom-control-input:checked ~ .custom-control-label::before {
    border-color: #D40049;
    background-color: #D40049;
}

.table-hover tbody tr:hover td {
    background-color: #00424e;
}

.traveller-added > .card-body {
    border-top: solid 16px #00424e;
}

label.active .visa-card,
label.active .visa-add-new-card {
    border-color: #31666d;
}

.sticky-modal a.close, .sticky-modal a.close:hover {
    /*background-color: #D40049;*/
}

.dropdown-black-view .page-link, .dropdown-black-view .page-link:hover, .dropdown-black-view .page-link:focus {
    color: #fff !important;
}

.pnr-close {
    color: #fff !important;
}

.rezise-btn-dropdown .dropdown-menu {
    background-color: #FFFFFF;
}

.sticky-modal input.toggle-m + label:before {
    background-color: #D40049;
}

.sticky-modal .h-input-group {
    border-bottom: solid 2px #D40049;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #00424e;
}

.form-control:focus {
    border-color: #00424e;
}

.read-more-link {
    color: #000 !important;
}

.select-all-link .read-more-link, .select-all-link .read-more-link:hover {
    color: #000 !important;
}

.step3-rate-information a {
    color: #000 !important;
}

.text-primary {
    color: #DD396C !important;
}

.btn-link {
    color: #00424e;
}

    .btn-link:hover {
        color: #00424e;
    }

.spinner-border, .loading.with-logo .spinner-border {
    color: #00424e;
}

.owl-nav i, .carousel-nav i {
    background-color: #00424e;
}

.fixed-nav-scroll .tab-scroll-slider .btn-arrow, .fixed-nav-scroll .tab-scroll-slider .btn-arrow:hover, .fixed-nav-scroll .tab-scroll-slider .btn-arrow:focus {
    background-color: #00424e;
}

.express-mode-search .show.badge-secondary {
    background-color: #00424e;
}

.dropdown-menu .btn-primary {
    background-color: #00424C;
    color: #FFF;
    border-color: #00424C;
}

.dropdown-black-view .table tr:hover td .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #00424e;
    background-color: transparent;
}

.btn-outline-primary {
    color: #00424e;
    border-color: #00424e;
}

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

.switch.theme3 {
    border-color: #31666d;
    background-color: #31666d;
    color: #fff;
}

.logo-loading-image .tmc-logo {
    background: url(../images/fctg-logo-icon.png) no-repeat;
    background-size: contain;
    height: 24px;
    width: 24px;
    position: relative;
    top: 6px;
    margin: 0 auto;
}

.map-search-progress-bar .progress .progress-bar {
    background-color: #00424e;
}

.datepicker td.active, .datepicker td.active:last-child, .datepicker td.active.start-date:last-child {
    /*background: #F09DB7 !important;*/
    color: #FFF !important;
}

.pcc-and-iata-code-near-to-search-area {
    color: #000;
}

.drp-btn-autobook .dropdown-menu .dropdown-item .btn-arrow {
    background-color: #D40049;
}

[slider] > div > [range] {
    background-color: #00424e !important;
}

[slider] > div > [thumb] {
    background-color: #00424e !important;
    border: solid 4px #d8f5fb !important;
}

.btn-main-filter.active {
    background-color: #00424e !important;
    border-color: #00424e !important;
}

.hh-tabs-primary .nav-tabs .nav-link {
    background-color: #A4B6BA;
}

.inner-top-search-block .top-selection.active:after {
    background-color: #00424C;
}

.icon-alarm {
    color: #00424C;
}

footer {
    background: #A4B6BA;
}

.fctg-ap-cp.fctg-ap, .fctg-ap-cp.fctg-cp {
    height: 28px;
}

.fctg-ap-cp {
    display: inline-block !important;
}

    .fctg-ap-cp.fctg-ap {
        margin-right: 3px;
    }
.cwt-ap-cp.cwt-ap {
    margin-right: 3px;
}

.cwt-ap-cp {
    display: inline-block !important;
    height: 25px;
}
.for-filter-dropdown-menu.secondary .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #00424e;
    border-color: #00424e;
}

.rate-plan-type-area .form-control {
    border-right-color: #b6cfd3;
    min-width: 94px;
    padding: 0px 8px;
}
.rate-plan-type-area.rpcpopup .form-control {
    min-width: 88px;
}

/*.rate-plan-type-area-more-link {
    padding-left: 10px;
    padding-top: 4px;
}*/

.hh-form-control-block {
    border-bottom-color: #b6cfd3;
}

    .hh-form-control-block .colum-divider:after {
        background-color: #B8BCBE;
    }

.card-search-list .card-header {
    border-bottom-color: #b6cfd3;
}

.card-search-list .card-hotel-list {
    border-bottom-color: #b6cfd3;
}

.card-rate-aggregator .card-rate-aggregator-list .card-rate-aggregator-list-main {
    border-bottom-color: #b6cfd3
}

.card-rate-aggregator-list-grouping {
    border-bottom-color: #b6cfd3
}

.rate-split-total {
    border-top-color: #b6cfd3;
    border-bottom-color: #b6cfd3
}

.footer-room .footer-room-total {
    border-bottom-color: #b6cfd3 !important
}

.form-control-secondary {
    border-color: #b6cfd3;
}

.form-control {
    border-color: #b6cfd3;
}

.view-list .view-blocks {
    border-bottom-color: #b6cfd3;
}

.book-next-destination {
    border-top-color: #b6cfd3;
}

.card-hotel-list .card-header {
    background-color: #A4B6BA;
}

.card-hotel-list .card-hotel-list-colum {
    border-top-color: #b6cfd3;
}

.booking-more-details {
    background-color: #A4B6BA;
}

.card-hotel-block-top .card-header {
    background-color: #A4B6BA;
    border-bottom-color: #b6cfd3;
}

.segment-container {
    background-color: #A4B6BA;
}

.card-search-list {
    border-color: #b6cfd3;
}

[slider] {
    width: 100%;
    position: relative;
    height: 7px;
    margin: 10px 0 10px 0;
}

    [slider] > div {
        position: absolute;
        left: 13px;
        right: 15px;
        height: 7px;
    }

        [slider] > div > [inverse-left] {
            position: absolute;
            left: 0;
            height: .6em !important;
            border-radius: 10px;
            background-color: #F09DB7 !important;
        }

        [slider] > div > [inverse-right] {
            position: absolute;
            right: 0;
            height: .6em !important;
            border-radius: 10px;
            background-color: #F09DB7 !important;
        }

        [slider] > div > [range] {
            position: absolute;
            left: 0;
            height: 7px;
            border-radius: 14px;
            background-color: #D40049 !important;
            z-index: 2;
        }

        [slider] > div > [thumb] {
            position: absolute;
            top: -.49em !important;
            z-index: 1;
            width: 1.6em !important;
            height: 1.6em !important;
            margin-left: -11px;
            cursor: pointer;
            background-color: #D40049 !important;
            border: solid 4px #F09DB7 !important;
            border-radius: 100px !important;
            box-shadow: none !important;
            outline: none !important;
        }

    [slider] > input[type=range] {
        position: absolute;
        pointer-events: none;
        -webkit-appearance: none;
        z-index: 3;
        height: 14px;
        top: -2px;
        width: 100%;
        opacity: 0;
    }

div[slider] > input[type=range]:focus::-webkit-slider-runnable-track {
    background: transparent;
    border: transparent;
}

div[slider] > input[type=range]:focus {
    outline: none;
}

div[slider] > input[type=range]::-webkit-slider-thumb {
    pointer-events: all;
    width: 28px;
    height: 28px;
    border-radius: 0px;
    border: 0 none;
    -webkit-appearance: none;
}

div[slider] > input[type=range]::-ms-fill-lower {
    background: transparent;
    border: 0 none;
}

div[slider] > input[type=range]::-ms-fill-upper {
    background: transparent;
    border: 0 none;
}

div[slider] > input[type=range]::-ms-tooltip {
    display: none;
}

.caption {
    background: #00424C;
}
/*----------------------DEV---------------------*/
.PriorityNameColums img, .MapPriorityNameColums img {
    height: 28px;
}

td.end-date .date-value-block {
    float: right;
}

.loyalty-icon {
    width: 20px;
}
/*----------------------DEV---------------------*/
.find-on-map .tooltip-inner {
    background-color: #000;
    color: #fff;
    opacity: 1 !important;
}
.find-on-map {
    opacity: 1 !important;
}

.map-hotel-rate.rate2:after {
    border-top: 10px solid #00424C;
}

.map-hotel-rate.rate3:after {
    border-top: 10px solid #D40049;
}

.map-hotel-rate.rate4:after {
    border-top: 10px solid #969696;
}

.map-hotel-rate.blocked:after {
    border-top: 10px solid #5D6268;
}
.edit-header-button .btn-primary.btn-xxl {
    color: #FFF;
    background-color: #00424C;
    border-color: #00424C;
}

    .edit-header-button .btn-primary.btn-xxl:active, .edit-header-button .btn-primary.btn-xxl:hover, .edit-header-button .btn-primary.btn-xxl:not(:disabled):not(.disabled):active {
        color: #FFF;
        background-color: #00424C;
        border-color: #00424C;
    }
.sticky-edit-mode .bootstrap-tagsinput .JQ-Step1s.pnr-badge-count {
    background-color: #A4B6BA;
}
btn-filter.selected, .btn-filter.selected:hover, .btn-group .btn-filter.selected {
    background-color: #00424C;
    border-color: #00424C;
    color: #fff;
    font-weight: 600 !important;
    transition: all 0.3s ease;
}

/*Dragable PopUp*/
.drag-popup-container {
    background-color: #FFF;
    padding: 1.5rem;
    border-radius: 10px;
    box-shadow: 10px 10px 40px rgb(0 0 0 / 10%);
    cursor: move;
}

.drag-active {
    overflow: inherit !important
}
/*
    .drag-active .main-wrap,
    .drag-active .main-wrap .content-wrap {
        filter: blur(0px) !important;
        -webkit-filter: blur(0px) !important;
    }*/

.draggable-model .modal-content {
    background-color: transparent !important
}

.drag-active .modal-backdrop {
    background-color: transparent !important
}

.drag-popup-container a.modal-close {
    background-color: #fff;
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 200px;
    text-align: center;
    line-height: 2.65;
    color: #000;
    position: absolute;
    right: 18px;
    z-index: 4;
    top: 0px;
    font-size: 0.825rem;
}

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


.with-search-icon, .with-search-icon:focus, .fc-secondary, .fc-secondary:focus {
    border-color: #f1f3f4;
    background-color: #f1f3f4;
    border-radius: 13px !important;
}

.form-control {
    border-color: #b6cfd3;
}
.pcc-dropdown {
    font-weight: 400;
    font-size: 0.875rem;
   /* color:#000;*/
}

.DragModal.ui-draggable .modal-close {
    right: 3px;
}

.draggable-model {
    overflow: hidden !important;
}

.modal-open.drag-active .content-wrap {
    filter: blur(0px) !important;
    -webkit-filter: blur(0px) !important;
}


/*End Draggale PopUp*/
.grand-total-box1 {
    border-radius: 10px;
    border-bottom: solid 1px #D9E0EA;
    position: relative;
    /*overflow: hidden;*/
}

.grand-total-box1:after {
    content: '';
    position: absolute;
    height: 6px;
    background-color: #00424C;
    width: 100%;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}
.sticky-modal a.close, .sticky-modal a.close:hover {
    background-color: #D40049;
    background: none !important;
    right: 0px;
}

.ConfirmBookingBtn1 {
    max-width: 160px;
    height: 60px;
}

@media (min-width: 1680px) {

    .ConfirmBookingBtn1 {
        max-width: 175px;
        height: 60px;
    }
}

.min-w-73p .card-hotel-strip {
    border-radius: 10px;
}
.fixed-btm-alert1 {
    position: absolute;
    font-size: 0.75rem;
    margin-top: 5px;
}

.strip-map img {
    height: 130px;
    width: 100%;
}

/*add-traveller text*/
.add-traveller-text {
    padding-right: 20px !important;
}

.duplicate-booking .card-header {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

.duplicate-booking .num-list:last-child .card-hotel-list-colum, .duplicate-booking .num-list:last-child .booking-more-details {
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}
/* Customer PNR label */
.customer-pnr-block {
    color: #000000;
    font-size: 1.125rem;
    /*display: none;*/
}

.edit-header-button .customer-pnr-block {
    color: #FFFFFF;
}

.customer-pnr-label-inner {
    display: inline-block;
    padding-right: 10px;
    vertical-align: middle;
}

.customer-pnr-block .close {
    background-color: #000 !important;
    color: #FFF !important;
    font-size: 0.65rem !important;
    margin-bottom: 10px;
}

.edit-header-button .customer-pnr-block .close {
    background-color: #FFF !important;
    color: #000 !important;
}

.pnrbadge .badge {
    float: none !important;
    margin: 10px 3px;
}

.pnrbadge {
    border-top: 1px dashed #B8BCBE;
}

.customer-multipnr {
    display: inline-block
}

    .customer-multipnr button {
        vertical-align: initial;
    }

.pnrbadge .badge:first-child {
    margin-left: 0px;
}

.btn-map-icons img {
    width: 36px !important;
    height: 36px !important;
}

.selected-traveller-details .for-filter-dropdown-menu {
    width: 420px;
    padding: 0px;
}
.expiry.close {
    color: #FFF;
    opacity: 1;
    text-decoration: none;
    font-size: 40%;
    padding: 5px;
    background-color: #F86363;
    border-radius: 10px;
    margin-left: 5px;
}

.amount-text.normal-text {
    font-size: 14px;
}

/*huest review*/
.guest-review .footer-top-border {
    border-top: 1px solid #B8BCBE
}

.guest-review .form-border-dashed {
    border-bottom: 1px dashed #B8BCBE;
    padding-bottom: 20px;
}

.hotel-rating {
    display: flex;
    width: 130px;
    justify-content: center;
    overflow: hidden;
    flex-direction: row-reverse;
    height: 31px;
    position: relative;
}

    .hotel-rating > input {
        display: none;
    }

    .hotel-rating > label {
        cursor: pointer;
        width: 25px;
        height: 24px;
        margin-top: auto;
        background-image: url("../images/no-star-rating.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 90%;
        transition: .3s;
        margin-right: 5px;
    }

    .hotel-rating > input:checked ~ label,
    .hotel-rating > input:checked ~ label ~ label {
        background-image: url("../images/star-rating.svg");
    }


    .hotel-rating > input:not(:checked) ~ label:hover,
    .hotel-rating > input:not(:checked) ~ label:hover ~ label {
        background-image: url("../images/star-rating.svg");
    }

    .hotel-rating.overall-rating {
        margin: auto;
        width: 150px;
    }

.modal-open .guest-review {
    filter: blur(15px);
    -webkit-filter: blur(10px);
}

.info-icon img {
    height: 12px;
}

/* modify dropdown */
.online-modify-btn .for-filter-dropdown-menu.md {
    width: 285px;
    margin: 5px 0px;
    border-radius: 10px;
}

.online-modify-btn .disabled, .modify-dropdown-sec .disabled {
    color: #B8BCBE;
    font-style: italic;
    cursor: not-allowed;
}

/* end  modify dropdown */

/*Multiroom*/
.multi-room-guest {
    display: inline-flex;
}

    .multi-room-guest img {
        height: 20px;
        width: 20px;
        margin-right: 10px;
        cursor: pointer;
    }
.room-alert.fixed-btm-alert {
    bottom: -20px !important;
}
/*End Multiroom*/
.traveller-review-text {
    max-height: 138px;
    overflow-y: auto;
}/*End Multiroom*/
@media (min-width: 1680px) {
    .amount-text.normal-text {
        font-size: 1rem !important;
    }
    .fixed-btm-alert1 {
        font-size: 0.875rem;
}
}
.JQ-Step1s.pnr-badge-count .for-filter-dropdown-menu {
    margin: 20px 0px;
    left: 32px !important;
}
.fop-popup {
    z-index: 999;
}
.sticky-btn h6:first-child {
    max-width: 150px;
    word-wrap: break-word;
}
.for-filter-dropdown-menu.xs {
    width: 190px;
}
@media (min-width: 1680px) {
    .for-filter-dropdown-menu.xs {
        width: 210px;
    }
}
.book-again a {
    white-space: nowrap !important;
}

.book-again {
    max-width: 400px !important;
    border-radius: 10px;
}

.btn-map-icons i {
    display: flex;
    width: 38px !important;
    height: 38px !important;
    color: #FFF;
    background-color: #000;
    border-radius: 30px;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    text-decoration: none;
}

.map-top-set-icons {
    top: 13px !important;
    position: absolute;
    right: 60px !important;
   /* z-index: 2;*/
}

    .map-top-set-icons a.map-icons-buttons {
        display: flex;
        width: 38px;
        height: 38px;
        background-color: #FFF;
        border-radius: 30px;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        text-decoration: none;
    }

    .map-top-set-icons .map-set-icons a:hover, .map-top-set-icons .map-set-icons a.active {
            background-color: #000;
            color: #FFF;
        }
/*RATE CARD*/
.card-compare-middle-block {
    min-height: 30px;
}
/*RATE CARD*/
.on-request-left-section .card-header h4 {
    text-transform: uppercase;
}
/*RATE CARD WARNING MESSAGE*/
.card-footer.offer-warning {
    background-color: #FF974B;
}

.card-footer .icon-warning .path1:before {
    color: #fff !important;
}

.card-footer .icon-warning .path2:before {
    color: #FF974B !important;
}

.card-footer .icon-warning .path3:before {
    color: #FF974B !important;
}
/*RATE CARD WARNING MESSAGE END*/
/*OFFER STAR RATING*/
.html-hotel-ratings i {
    color: #F0B000;
}
/*OFFER STAR RATING*/

.tooltip.evcharge-icon {
    max-width: 150px;
}
/*OFFER CLOSE BUTTON*/
.expiry.close {
    color: #FFF;
    opacity: 1;
    text-decoration: none;
    font-size: 40%;
    padding: 5px;
    background-color: #F86363;
    border-radius: 10px;
    margin-left: 5px;
}

.remove.close {
    color: #000;
    opacity: 1;
    text-decoration: none !important;
    font-size: 40%;
    padding: 5px;
    background-color: #D7DADB;
    border-radius: 10px;
    margin-left: 5px;
}

.copy-offer-icon {
    position: absolute;
    top: 0px;
    padding-left: 8px;
    font-size: 21px;
}

.disabled-link .icon-offer-copy:before {
    color: #b8bcbe;
}

.disabled-offers .tooltip-inner {
    width: 200px;
    background-color: #FF974B !important;
    color: #FFF;
    opacity: 1 !important;
    /*box-shadow: 10px 10px 30px rgb(0 0 0 / 16%)*/;
    /*    border-radius: 10px;*/
    font-size: 0.75rem;
    text-align: left;
    /*  padding: 12px 15px;*/
}

.disabled-offers .icon-warning .path1:before {
    color: #FFF;
}

.disabled-offers .icon-warning .path2:before, .disabled-offers .icon-warning .path3:before {
    color: #FF974B;
}

.tooltip.show {
    opacity: 1 !important;
}

.disabled-offers {
    margin-left: -145px;
}

.rate-view {
    margin-left: 6px;
}

.expiry.close {
    opacity: 1 !important;
}

.text-success .icon-success .path1:before {
    color: #37AF6A !important;
}

.enabled-offers .tooltip-inner {
    width: 120px;
}

.enabled-offers {
    margin-left: -80px;
}

.disabled-offer-tooltip {
    display: flex;
}
.copy-sticky-offers .tooltip-inner { width: 180px;}
.copy-sticky-offers{ margin-right:25px;}
.sticky-copy-success{ position: absolute; left: 0; margin-top: 15px; width: 200px; background-color: #37AF6A;    padding: 8px;    color: #FFF !important;    border-radius: 5px;}
.sticky-copy-success .icon-success .path1:before{color: #fff;}
.sticky-copy-success .icon-success .path2:before{color: #37AF6A}
@media (min-width: 1680px) {
.sticky-btn {width: 240px;}
.sticky-btn h6 {max-width: 140px;}
.sticky-copy-success { width:230px;}}
.password-success {display: flex;}
/*END OFFER CLOSE BUTTON*/

/* traveller mismatch */
.traveller-mismatch.confirmation-modal {
    width: 500px;
    z-index: 9999;
    border-radius: 15px;
    line-height: 1.6;
    position: absolute;
    right: 0px;
    bottom: 90px;
}

.traveller-mismatch1.confirmation-modal {
    width: 500px;
    z-index: 9999;
    border-radius: 15px;
    line-height: 1.6;
    position: absolute;
    right: 15px;
    top: 190px;
}

    .traveller-mismatch.confirmation-modal .close, .traveller-mismatch1.confirmation-modal .close {
        color: #fff;
        font-size: 0.65rem;
        height: 30px;
        width: 30px;
        border-radius: 50px;
        text-align: center;
        line-height: 3;
        opacity: 1 !important;
    }
.traveller-mismatch-onrequest.confirmation-modal {
    width: 500px;
    z-index: 9999;
    border-radius: 15px;
    line-height: 1.6;
    position: absolute;
    right: 9px;
    bottom: 70px;
}

@media (min-width: 1680px) {
    .traveller-mismatch-onrequest.confirmation-modal {
        width: 550px !important;
    }
}

.traveller-mismatch.confirmation-modal .close, .traveller-mismatch1.confirmation-modal .close, .traveller-mismatch-onrequest.confirmation-modal .close {
    color: #fff;
    font-size: 0.65rem;
    height: 30px;
    width: 30px;
    border-radius: 50px;
    text-align: center;
    line-height: 3;
    opacity: 1 !important;
}
/* End traveller mismatch */
.rate-pr {
    padding-right: 0.95rem !important;
}

.rate-card-max-width {
    max-width: 205px;
}

@media (min-width: 1680px) {
    .rate-card-max-width {
        max-width: 230px !important;
    }
}
.rate-view1 {
    margin-right: 6px;
}
.customer-pnr-label-inner .customer-field {
    max-width: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.customer-pnr-label-inner .traveller-field {
    max-width: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.copy-success-block {
    position: absolute;
    display: flex;
    min-width: 220px;
    max-width: 500px;
    background-color: #37AF6A;
    padding: 8px;
    color: #FFF !important;
    border-radius: 5px;
}

    .copy-success-block .icon-success .path1:before {
        color: #FFF !important;
    }

    .copy-success-block .icon-success .path2:before {
        color: #37AF6A !important;
    }
.disabled-offers i {
    line-height: 1.5;
}




.chip {
    font-size: 18px;
    display: inline-flex;
    align-items: center;
    height: 35px;
    background-color: #C0FAD9;
    padding: 6px;
    border-radius: 5px;
    margin-right: 15px;
    white-space: nowrap;
}

    .chip a.close {
        color: #000;
        opacity: 1;
        text-decoration: none;
        font-size: 40% !important;
        padding: 5px;
        background-color: #FFF;
        border-radius: 50%;
        margin-left: 5px;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        right: 0 !important;
    }

.help-chip {
    font-size: 8px;
    padding: 3px;
    border-radius: 2px;
    background-color: #C0FAD9;
}

.help-blue-chip {
    background-color: #C3DBFF;
}

.destination-border-bottom {
    padding-bottom: 7px;
    border-bottom: 1px solid #b8bcbe;
}

.chip-container {
    display: flex;
    align-items: center;
}

.hh-form-control-block .form-control.control-hh {
    border: none;
    border-radius: 0px;
    padding-left: 0px;
    padding-right: 0px;
    color: #000000;
    font-size: 1.125rem;
}

.help-Popup {
    position: absolute;
   width: 500px;
    /* height: 320px; */
    background-color: #fff;
    border: none;
    padding: 10px;
    z-index: 999;
    box-shadow: 10px 10px 40px rgb(0 0 0 / 10%);
    border-radius: 10px;
}

.helpPopup-body a.close {
    color: #000;
    height: 30px;
    width: 30px;
    font-size: 0.65rem;
    line-height: 3;
    opacity: 1;
    text-align: center;
}

.alert-secondary.help-Popup-bg {
    white-space: normal;
    text-transform: none;
    padding: 0.625rem;
    margin-bottom: 0rem;
    line-height: 1.2;
    border: none;
    background-color: #F1F3F4;
}

.heading-style1 {
    text-transform: uppercase;
    font-weight: 600 !important;
}

.close {
    text-shadow: none !important;
}

.helpPopup-body a.close {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
}

.font-sm {
    font-size: 0.5rem;
}

.blue-chip {
    background-color: #C3DBFF;
}
.disabled-text {
    color: #B8BCBE;
}

/* Page rating - Start */

.page-feedback-btn {
    transform: rotateZ(-90deg);
    position: absolute;
    right: -63px;
    bottom: 26px;
    background: #60A1FF;
    color: #fff;
    padding: 10px;
    cursor: pointer;
    font-weight: 600;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}


.page-feedback {
    position: fixed;
    left: -300px;
    bottom: 15%;
    z-index: 1000;
    width: 300px;
    background: #000;
    padding: 10px;
    -webkit-transition: left .35s ease-in-out;
    transition: left .35s ease-in-out;
    /* border-bottom-right-radius: 10px; */
    border-top-right-radius: 10px;
}

    .page-feedback.active {
        left: 0;
        -webkit-transition: left .35s ease-in-out;
        transition: left .35s ease-in-out;
    }

.page-rating {
    background: #1d1d1d;
    padding: 10px 0px;
    color: #fff;
    font-size: 0.75rem;
    border-radius: 5px;
}

    .page-rating a {
        padding: 5px 10px;
    }

.page-feedback-form h4 {
    color: #fff;
    font-size: 0.875rem;
}

.page-review {
    background: #1d1d1d;
    color: #fff;
    width: 100%;
}

    .page-review:focus-visible {
        border: none;
        outline: none;
    }

.page-rating a:first-child, .page-rating a:last-child {
    padding: 5px;
}

.page-feedback-close {
    border-radius: 20px;
    /*  padding: 0px 5px; */
    cursor: pointer;
}

    .page-feedback-close:hover {
        text-decoration: none;
    }

    .page-feedback-close i {
        font-size: 0.875rem;
        font-weight: 600;
    }

.page-rating a:hover {
    background: #60A1FF;
    cursor: pointer;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
}

.page-rating .active {
    background: #60A1FF;
    color: #fff;
    border-radius: 5px;
}

    .page-rating .active:hover {
        text-decoration: none;
    }

.page-rating-cta.active {
    background-color: #37AF6A !important;
    border-color: #37AF6A !important;
}

.agent-improvement-text {
    position: absolute;
    bottom: 0px;
    right: 5px;
    color: #fff;
}

.feedback-txt-area {
    position: relative;
    background: #1d1d1d;
    color: #fff;
    width: 100%;
}

.feedback-container {
    visibility: visible;
    min-height: 15px;
}

    .feedback-container .success-msg img {
        margin-top: 3px !important;
    }

.suggestion-container .type-max-text {
    display: inherit;
    padding: 5px;
    text-align: right;
    font-weight: 300;
    color: #fff;
    font-style: italic;
    font-size: 0.75rem;
}

.suggestion-container {
    background: #1d1d1d;
    border-radius: 5px;
    padding: 5px;
    font-size: 0.75rem;
}

.page-review:focus-visible {
    border: none;
    outline: none;
}

.page-feedback {
    min-height: 350px;
}

.feedback-submitted {
    visibility: visible !important;
    position: absolute;
    bottom: 50%;
    margin: 0px 5px;
}

.rating-start {
    background: #535353;
    padding: 10px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    font-size: 0.75rem;
    font-style: italic;
    margin-right: 8px;
}

.rating-end {
    background: #535353;
    padding: 9px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size: 0.75rem;
    font-style: italic;
    margin-left: 7px;
}

.page-feedback .icon-close-button .path1:before {
    color: rgb(255 255 255);
}

.page-feedback .icon-close-button .path2:before {
    color: rgb(0 0 0);
}

.feedback-popup {
    position: absolute;
    left: auto;
    border-radius: 10px;
    bottom: 20px;
}

.popup-feedback-section {
    position: relative;
}

.page-feedback.f1.active1 {
    display: block !important;
}

.page-feedback.f2.active1 {
    display: block !important;
}

.popup-feedback {
    font-size: 0.75rem;
    text-decoration: underline;
    cursor: pointer;
}

.page-feedback.dropdown-menu .btn-secondary {
    background-color: #60A1FF !important;
    border-color: #60A1FF !important;
}

.draggable-feedback {
    transform: translate3d(0px, -360px, 0px) !important;
}

.myProfile .feedback-popup {
    bottom: 35px;
}

.feedback-popup-top {
    top: 25px;
    bottom: auto;
}

.DragModal.currency-convert {
    overflow: initial !important;
    top: 28%;
}

.page-rating .active {
    background: #D40049 !important;
}

.page-rating a:hover {
    background: #D40049;
}

.page-feedback-btn {
    background: #00424C;
}

.page-rating-cta {
    background-color: #D40049;
    border-color: #D40049;
}
.success-msg img {
    height: 12px;
    margin-top: -3px;
}
/* Page rating - End */
.search-outline-area.check-out {
    padding-left: 26px;
}


/**--refinesearch*/*/
.refinesearchlink.active > .btn {
    background-color: #FFFFFF;
    border-color: #D9E0EA;
    color: #000;
}

.refine-search-dropdown {
    max-width: 350px;
    width: 350px;
    background: #1d1d1d;
    color: #fff;
    cursor: pointer;
}

    .refine-search-dropdown label {
        margin-bottom: 2px;
        margin-top: 1px;
    }

    .refine-search-dropdown .sortby-container label {
        color: #fff;
    }

    .refine-search-dropdown h6, .refine-search-footer label {
        color: #fff;
    }


.refine-search-footer .custom-control-label::before {
    background-color: #535353;
    border-color: #535353;
}

.refine-search-dropdown h6 {
    font-weight: 600;
}

.sortby-filter-main-block:hover {
    background-color: #3F454E !important;
    color: #fff !important;
}

.refine-search-dropdown .filters-container label:hover {
    background-color: #f1f3f4 !important;
}

.sortby-container {
    border-bottom: 1px dashed #535353;
    cursor: default;
}

.filters-container .filters-option-container {
    cursor: pointer;
}

.refine-search-close {
    margin: 0px 10px 0px 0px;
    cursor: move;
}

    .refine-search-close .icon-close {
        cursor: pointer;
    }

/*.filter-chip.noclose {
    padding-left: 0.5rem;
}*/

.refine-search-dropdown .with-search-icon, .refine-search-dropdown .with-search-icon:focus {
    background-color: #fff;
}

.filter-values-container {
    background-color: #fff;
    border-radius: 10px;
    padding-right: 5px;
}

.filter-values-inner {
    margin: 10px 0px;
    max-height: 140px;
    overflow: auto;
    overflow-x: hidden;
}

.filter-values-container label:first-child {
    border-top-left-radius: 10px;
}

.filters-container .icon-select-arrow-1 {
    font-size: 0.45rem;
    position: absolute;
    right: 0px;
}

.filters-option-container .filters-options {
    position: relative;
}

.refine-search-footer {
    background-color: #000;
    border-radius: 10px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.refine-search-submit {
    padding: 0.375rem 0.75rem !important;
    background: #60A1FF !important;
    border-color: #60A1FF !important;
    color: #fff !important;
    font-weight: bold !important;
}

.refine-search-sorting-icon {
    font-size: 0.50rem;
}

.refine-sorting-up:before {
    content: "\e939" !important;
}

.icon-select-arrow-1.open:before {
    content: "\e939" !important;
}

.refine-search-sorting-block {
    display: none;
}

.sortby-label-block, .sortby-label-sorticon-block {
    display: inline-block;
}

.sortby-swapping-block {
    float: right;
    margin: 7px 15px;
}

    .sortby-swapping-block i {
        font-size: 0.45rem;
        display: block;
    }

/*.sortby-swapping-block {
    display: none;
    cursor: pointer;
}*/

    .sortby-swapping-block .refine-sorting-up.disabled {
        color: #535353;
        pointer-events: none;
    }

    .sortby-swapping-block .refine-sorting-down.disabled {
        color: #535353;
        pointer-events: none;
    }

.sortby-filter-chip-block .icon-close {
    background-color: #9DC5FF;
    border-radius: 50%;
    padding: 5px;
    font-size: 7px;
    color: #fff;
}

/* .sortby-filter-chip-block{
	display:inline-block;
} */
.sortby-filter-chip-block .filter-chip a {
    text-decoration: none;
    color: #FFF;
    float: right;
    margin-left: 15px;
    font-size: 85%;
    position: relative;
    top: 1px;
}

.sortby-filter-chip-block .filter-chip {
    float: right;
    display: none;
}

/*.refine-search-sortwaring {
    display: none;
}*/

.sortby-filter-chip-reset .reset-all {
    display: none;
    cursor: pointer;
}

.sortby-label-sorticon-block {
    vertical-align: middle;
    cursor: pointer;
}

.hotels-not-displayed-dropdown {
    max-width: 400px;
    width: 400px !important;
    background: #000;
    color: #fff;
}

.hotels-not-displayed-close {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    z-index: 9;
}

.hotels-not-displayed-dropdown .heading {
    background-color: #000 !important;
}

.hotels-not-displayed label {
    color: #fff;
    border-bottom: 1px solid #D7DADB;
    padding: 5px 10px;
    font-size: 0.75rem;
    cursor: pointer;
}

    .hotels-not-displayed label.active {
        border-bottom: 4px solid #60A1FF
    }

.hotels-not-displayed-link {
    cursor: pointer;
}

.hotels-not-displayed-list .no-available-hotel-lists {
    border-bottom: 1px solid #535353;
    padding: 8px 0px;
}

    .hotels-not-displayed-list .no-available-hotel-lists:last-child {
        border: none;
    }

#blacklisted-hotel {
    display: none;
}

.hotels-not-displayed {
    display: none;
}

.refine-search-sorting-icon.active {
    color: #60A1FF;
}

.refine-search-dropdown-list {
    max-height: 335px !important;
    overflow-y: auto;
    margin-right: 5px;
}

.refine-price-block {
    border-top: 1px dashed #535353;
    border-bottom: 1px dashed #535353;
}


.filter-distance-block .btn-secondary {
    background-color: #D40049;
    border-color: #D40049;
}

.filter-distance-block a {
    color: #fff !important;
}

    .filter-distance-block a.active {
        color: #60A1FF !important;
    }

.refinesearchlink .btn-filter-outline-light {
    border-color: #B8BCBE;
}


.sortby-container .custom-control-label::before {
    background-color: #535353;
    border-color: #535353;
}

/* .refine-search-dropdown-list::-webkit-scrollbar-track {
   background:red;
} */
/* Handle */
.refine-search-dropdown-list::-webkit-scrollbar-thumb {
    background: #535353;
}

    .refine-search-dropdown-list::-webkit-scrollbar-thumb:hover {
        cursor: default;
    }

.filter-values-inner::-webkit-scrollbar-thumb {
    background: #f1f3f4;
}

.filters-container {
    cursor: default;
}

.slide-up-fade-in-one {
    animation: slide-up-fade-in-one ease 1s;
    animation-iteration-count: 1;
    transform-origin: inherit;
    animation-fill-mode: forwards; /*when the spec is finished*/
    -webkit-animation: slide-up-fade-in-one ease .5s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: inherit;
    -webkit-animation-fill-mode: forwards; /*Chrome 16+, Safari 4+*/
    -moz-animation: slide-up-fade-in-one ease .5s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: inherit;
    -moz-animation-fill-mode: forwards; /*FF 5+*/
    -o-animation: slide-up-fade-in-one ease .5s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -o-animation-fill-mode: forwards; /*Not implemented yet*/
    -ms-animation: slide-up-fade-in-one ease .5s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%;
    -ms-animation-fill-mode: forwards; /*IE 10+*/

    opacity: 0;
    opacity: 1\9;
}

@keyframes slide-up-fade-in-one {
    0% {
        opacity: 0;
        transform: translate(0px,40px);
    }

    100% {
        opacity: 1;
        transform: translate(0px,0px);
    }
}



@-moz-keyframes slide-up-fade-in-one {
    0% {
        opacity: 0;
        -moz-transform: translate(0px,40px);
    }

    100% {
        opacity: 1;
        -moz-transform: translate(0px,0px);
    }
}

@-webkit-keyframes slide-up-fade-in-one {
    0% {
        opacity: 0;
        -webkit-transform: translate(0px,40px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0px,0px);
    }
}

@-o-keyframes slide-up-fade-in-one {
    0% {
        opacity: 0;
        -o-transform: translate(0px,40px);
    }

    100% {
        opacity: 1;
        -o-transform: translate(0px,0px);
    }
}

@-ms-keyframes slide-up-fade-in-one {
    0% {
        opacity: 0;
        -ms-transform: translate(0px,40px);
    }

    100% {
        opacity: 1;
        -ms-transform: translate(0px,0px);
    }
}


/* slide animation 2 */


.slide-up-fade-in-two {
    animation: slide-up-fade-in-two ease .5s;
    animation-iteration-count: 1;
    transform-origin: inherit;
    animation-fill-mode: forwards; /*when the spec is finished*/
    -webkit-animation: slide-up-fade-in-two ease .5s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: inherit;
    -webkit-animation-fill-mode: forwards; /*Chrome 16+, Safari 4+*/
    -moz-animation: slide-up-fade-in-two ease .5s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: inherit;
    -moz-animation-fill-mode: forwards; /*FF 5+*/
    -o-animation: slide-up-fade-in-two ease .5s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -o-animation-fill-mode: forwards; /*Not implemented yet*/
    -ms-animation: slide-up-fade-in-two ease .5s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%;
    -ms-animation-fill-mode: forwards; /*IE 10+*/

    opacity: 0;
    opacity: 1\9;
}

@keyframes slide-up-fade-in-two {
    0% {
        opacity: 0;
        transform: translate(0px,60px);
    }

    100% {
        opacity: 1;
        transform: translate(0px,0px);
    }
}



@-moz-keyframes slide-up-fade-in-two {
    0% {
        opacity: 0;
        -moz-transform: translate(0px,60px);
    }

    100% {
        opacity: 1;
        -moz-transform: translate(0px,0px);
    }
}

@-webkit-keyframes slide-up-fade-in-two {
    0% {
        opacity: 0;
        -webkit-transform: translate(0px,60px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0px,0px);
    }
}

@-o-keyframes slide-up-fade-in-two {
    0% {
        opacity: 0;
        -o-transform: translate(0px,60px);
    }

    100% {
        opacity: 1;
        -o-transform: translate(0px,0px);
    }
}

@-ms-keyframes slide-up-fade-in-two {
    0% {
        opacity: 0;
        -ms-transform: translate(0px,60px);
    }

    100% {
        opacity: 1;
        -ms-transform: translate(0px,0px);
    }
}




/* slide animation 3 */


.slide-up-fade-in-three {
    animation: slide-up-fade-in-three ease .5s;
    animation-iteration-count: 1;
    transform-origin: inherit;
    animation-fill-mode: forwards; /*when the spec is finished*/
    -webkit-animation: slide-up-fade-in-three ease .5s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: inherit;
    -webkit-animation-fill-mode: forwards; /*Chrome 16+, Safari 4+*/
    -moz-animation: slide-up-fade-in-three ease .5s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: inherit;
    -moz-animation-fill-mode: forwards; /*FF 5+*/
    -o-animation: slide-up-fade-in-three ease .5s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -o-animation-fill-mode: forwards; /*Not implemented yet*/
    -ms-animation: slide-up-fade-in-three ease .5s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%;
    -ms-animation-fill-mode: forwards; /*IE 10+*/

    opacity: 0;
    opacity: 1\9;
}

@keyframes slide-up-fade-in-three {
    0% {
        opacity: 0;
        transform: translate(0px,90px);
    }

    100% {
        opacity: 1;
        transform: translate(0px,0px);
    }
}



@-moz-keyframes slide-up-fade-in-three {
    0% {
        opacity: 0;
        -moz-transform: translate(0px,90px);
    }

    100% {
        opacity: 1;
        -moz-transform: translate(0px,0px);
    }
}

@-webkit-keyframes slide-up-fade-in-three {
    0% {
        opacity: 0;
        -webkit-transform: translate(0px,90px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0px,0px);
    }
}

@-o-keyframes slide-up-fade-in-three {
    0% {
        opacity: 0;
        -o-transform: translate(0px,90px);
    }

    100% {
        opacity: 1;
        -o-transform: translate(0px,0px);
    }
}

@-ms-keyframes slide-up-fade-in-three {
    0% {
        opacity: 0;
        -ms-transform: translate(0px,90px);
    }

    100% {
        opacity: 1;
        -ms-transform: translate(0px,0px);
    }
}






/* slide animation 4 */


.slide-up-fade-in-four {
    animation: slide-up-fade-in-four ease .5s;
    animation-iteration-count: 1;
    transform-origin: inherit;
    animation-fill-mode: forwards; /*when the spec is finished*/
    -webkit-animation: slide-up-fade-in-four ease .5s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: inherit;
    -webkit-animation-fill-mode: forwards; /*Chrome 16+, Safari 4+*/
    -moz-animation: slide-up-fade-in-four ease .5s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: inherit;
    -moz-animation-fill-mode: forwards; /*FF 5+*/
    -o-animation: slide-up-fade-in-four ease .5s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -o-animation-fill-mode: forwards; /*Not implemented yet*/
    -ms-animation: slide-up-fade-in-four ease .5s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%;
    -ms-animation-fill-mode: forwards; /*IE 10+*/

    opacity: 0;
    opacity: 1\9;
}

@keyframes slide-up-fade-in-four {
    0% {
        opacity: 0;
        transform: translate(0px,130px);
    }

    100% {
        opacity: 1;
        transform: translate(0px,0px);
    }
}



@-moz-keyframes slide-up-fade-in-four {
    0% {
        opacity: 0;
        -moz-transform: translate(0px,130px);
    }

    100% {
        opacity: 1;
        -moz-transform: translate(0px,0px);
    }
}

@-webkit-keyframes slide-up-fade-in-four {
    0% {
        opacity: 0;
        -webkit-transform: translate(0px,130px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0px,0px);
    }
}

@-o-keyframes slide-up-fade-in-four {
    0% {
        opacity: 0;
        -o-transform: translate(0px,130px);
    }

    100% {
        opacity: 1;
        -o-transform: translate(0px,0px);
    }
}

@-ms-keyframes slide-up-fade-in-four {
    0% {
        opacity: 0;
        -ms-transform: translate(0px,130px);
    }

    100% {
        opacity: 1;
        -ms-transform: translate(0px,0px);
    }
}





/* slide down */


.slide-down-fade-in {
    animation: slide-down-fade-in ease .5s;
    animation-iteration-count: 1;
    transform-origin: inherit;
    animation-fill-mode: forwards; /*when the spec is finished*/
    -webkit-animation: slide-down-fade-in ease .5s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: inherit;
    -webkit-animation-fill-mode: forwards; /*Chrome 16+, Safari 4+*/
    -moz-animation: slide-down-fade-in ease .5s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: inherit;
    -moz-animation-fill-mode: forwards; /*FF 5+*/
    -o-animation: slide-down-fade-in ease .5s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -o-animation-fill-mode: forwards; /*Not implemented yet*/
    -ms-animation: slide-down-fade-in ease .5s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%;
    -ms-animation-fill-mode: forwards; /*IE 10+*/

    opacity: 0;
    opacity: 1\9;
}

@keyframes slide-down-fade-in {
    0% {
        opacity: 0;
        transform: translate(0px,-40px);
    }

    100% {
        opacity: 1;
        transform: translate(0px,0px);
    }
}



@-moz-keyframes slide-down-fade-in {
    0% {
        opacity: 0;
        -moz-transform: translate(0px,-40px);
    }

    100% {
        opacity: 1;
        -moz-transform: translate(0px,0px);
    }
}

@-webkit-keyframes slide-down-fade-in {
    0% {
        opacity: 0;
        -webkit-transform: translate(0px,-40px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0px,0px);
    }
}

@-o-keyframes slide-down-fade-in {
    0% {
        opacity: 0;
        -o-transform: translate(0px,-40px);
    }

    100% {
        opacity: 1;
        -o-transform: translate(0px,0px);
    }
}

@-ms-keyframes slide-down-fade-in {
    0% {
        opacity: 0;
        -ms-transform: translate(0px,-40px);
    }

    100% {
        opacity: 1;
    }
}

.filter-chip, .filter-chip:hover, .filter-chip:focus {
    background-color: #D40049;
    color: #FFF;
}

    .filter-chip, .filter-chip:hover, .filter-chip:focus {
        margin-left: 7px;
        /*background-color: #60A1FF;*/
        border-radius: 50px;
        padding: 0.2rem 0.5rem 0.2rem 1rem;
        text-transform: uppercase;
        line-height: 2.2;
        color: #FFF;
        font-weight: 600;
        margin-bottom: 5px;
    }

.refine-search-submit {
    background-color: #D40049 !important;
    border-color: #D40049 !important;
}

.filter-distance-block .btn-secondary {
    background-color: #D40049;
    border-color: #D40049;
}

.filter-distance-block a.active {
    color: #D40049 !important;
}

.sortby-filter-chip-block .icon-close {
    background-color: #F09DB7;
}

.refine-search-close {
    margin: 0px 10px 0px 0px;
    cursor: move;
}


/* ExpressMode*/
.card.herobar-blocks {
    border: none;
}

.herobar-blocks .card-body {
    padding: 10px;
}

.herobar-blocks .icon-star:before {
    color: #F0B000;
}

.rating-circle {
    position: relative;
    top: 2px;
    display: inline-block;
    height: 12px;
    width: 12px;
    background-color: #37AF6A;
    border-radius: 50%;
}

.rating-circle-empty {
    position: relative;
    top: 2px;
    display: inline-block;
    height: 12px;
    width: 12px;
    background-color: transparent;
    border: 1px solid #37AF6A;
    border-radius: 50%;
}

.herobar-hotel-card-img {
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.3s ease;
    background-color: #fff;
}

.herobar-blocks .herobar-hotel-card-img img {
    min-height: 90px;
}

.herobar-blocks .herobar-hotel-card-img {
    border-radius: 5px;
    width: 90px;
}

.herobar-hotel-card {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 0.6rem;
    background-color: #fff;
    border-radius: 10px;
}

    .herobar-hotel-card .icons-block, .book-a-hotel-image .icons-block {
        position: absolute;
        top: 0;
        right: 0px;
        padding: 5px;
        text-align: right;
        z-index: 1;
    }

.herobar-hotel-card-img img {
    transition: all 0.3s ease;
}

.herobar-right-column {
    width: 250px;
    padding-left: 10px;
}

.herobar-row {
    height: 90px;
}

.card-top-herobar .card-body {
    padding: 10px;
}

.card-top-herobar.card {
    border-radius: 5px;
    margin-bottom: 10px;
}

.card-top-herobar .card-header {
    background-color: #000;
    text-align: center;
    padding: 5px 10px;
    color: #FFF;
    font-size: 0.875rem;
}

.reco-rate-cards.card {
    border-color: #B8BCBE;
}

.reco-rate-cards .card-header {
    padding: 10px;
    border-bottom: none;
}

.reco-rate-cards .card-body {
    padding: 5px 10px;
    background-color: #F1F3F4;
}

.rate-card-amenity-icon.img img {
    margin-right: 2px;
    width: 20px;
    /* background-color: red; */
}

.reco-rate-cards .card-footer {
    padding: 5px 10px;
    background-color: #FFF;
    border-top: none;
}
/*-------------------AGENCY------------------------*/
.agency-card .card-header {
    background-color: #D40049;
}

    .agency-card .card-header h6, .agency-card .card-header p {
        color: #FFF;
    }

.agency-card .card-footer .btn-primary {
    background-color: #37AF6A;
    border-color: #37AF6A;
}
/*-------------------CLIENT------------------------*/
.client-card .card-header {
    background-color: #00424C;
}

    .client-card .card-header h6, .client-card .card-header p {
        color: #FFF;
    }

.client-card .card-footer .btn-primary {
    background-color: #60A1FF;
    border-color: #60A1FF;
}
/*-------------------MISC------------------------*/
.misc-card .card-header {
    background-color: #F1F3F4;
    border-bottom: 1px solid #B8BCBE;
}

    .misc-card .card-header h6, .misc-card .card-header p {
        color: #000;
    }

.misc-card .card-footer .btn-primary {
    background-color: #000;
    border-color: #000;
}
/*-------------------AGGREGATOR------------------------*/
.aggregator-card .card-header {
    background-color: #000;
}

    .aggregator-card .card-header h6, .aggregator-card .card-header p {
        color: #FFF;
    }

.aggregator-card .card-footer .btn-primary {
    background-color: #000;
    border-color: #000;
}

/* Customer/PNR */


.express-mode-search .pnr-badge-count .dropdown-toggle::after {
    right: 0;
}

.express-mode-search .loyalty-booster .loyalty-lft {
    flex-basis: 0;
    flex-grow: 1;
}

.express-mode-search .agency-link > a {
    max-width: 100%;
    display: initial;
    vertical-align: initial !important;
}

.express-mode-search .pnr-customer-close {
    margin-top: 12px;
}

.express-mode-search .pnrbadge {
    border: none;
}

.express-mode-search .customer-pnr-label-inner {
    display: inline-block;
    padding-right: 20px;
    vertical-align: top;
}


.express-mode-search .pnrbadge .badge {
    float: none !important;
    margin: 0px 3px 10px 8px;
}

.express-mode-search .change-gds-dropdown {
    width: 200px !important;
}

.express-mode-search .traveller-field {
    max-width: 330px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.express-mode-search .customer-field {
    max-width: 430px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.express-mode-search .pnr-badge-count {
    border-radius: 5px !important;
}



.express-mode-search .pnr-dropdown .dropdown-toggle::after {
    content: none;
}

.express-mode-search .pnr-dropdown .dropdown-toggle {
    width: 20px !important;
    padding: 0px 5px !important;
    font-size: 0.875rem;
    color: #fff !important;
    margin-left: 5px;
}


.express-mode-search .pnr-dropdown.btn-dropdown.show.sm .dropdown-toggle {
    border-radius: 5px !important;
}

.express-mode-search .pnr-dropdown.btn-dropdown.sm .dropdown-menu {
    border-radius: 5px !important;
    margin-top: 5px !important;
    margin-left: 5px !important;
}

.express-mode-search .pnr-search-dropdown {
    margin: 10px 0px;
    top: 40px;
}

.express-mode-search .pnr-dropdown .dropdown-list-item .form-control {
    font-size: 1.125rem;
    min-width: initial !important;
    margin: 0px 5px;
}

.express-mode-search .customer-pnr-label-inner .small-theme-font {
    height: 25px;
}

.express-mode-search .pnr-badge-count {
    border-radius: 5px !important;
}

.express-mode-search .customer-pnr-close:hover, .close-w:hover {
    text-decoration: none;
}

.express-mode-search .close-w .icon-close-button .path1:before {
    color: #fff;
}

.express-mode-search .close-w .icon-close-button .path2:before {
    color: #000;
}

.express-mode-search .btn-white {
    border-color: #fff !important;
    color: #fff !important;
}

.express-mode-search .btn-outline-primary.btn-white:hover, .btn-outline-primary.btn-white:active {
    background-color: #fff !important;
    color: #000 !important;
}


.express-mode-search .pnr-flow {
    position: relative;
}

.express-mode-search .multi-pax-close {
    display: none;
}

.express-mode-search .multi-pax-count {
    display: none;
}

.express-mode-search .multi-pnr-flow-link {
    margin-top: 50px;
}

.express-mode-search .multi-pnr-flow-pnr {
    position: absolute;
    top: 85px;
}


/* quick book */

.loyalty-block {
    width: 250px;
    height: 100% !important;
    background: none !important;
}

    .loyalty-block .loyalty-block-img {
        width: 250px;
        height: 250px;
        background: #fff;
        cursor: pointer;
    }

.quick-book-right {
    background: #fff;
    padding: 8px;
    border-radius: 10px;
}

.quick-book-hotelname {
    font-size: 0.815rem;
    text-decoration: underline;
}

.quick-book-right .form-row {
    border-top: 1px solid #B8BCBE;
    padding: 10px 0px;
}

.quick-book-view {
    border-top: 1px solid #B8BCBE;
}

.quick-book-right .form-row:first-child {
    border-top: none !important;
    padding: 0px !important;
}

.quick-book-right .form-row:nth-child(2) {
    padding-bottom: 0px !important;
}

.quick-book-right .form-row:last-child {
    padding-bottom: 0px !important;
}

.loyalty-booster .already-booked-hotel .col-2 {
    flex: 0 0 16.666667% !important;
    max-width: 16.666667% !important;
}

/*.loyalty-booster .actionbtn {
	display: block;
	width: fit-content;
	border-radius: 20px;
	border: 1px solid #000;
	padding: 5px 10px;
	font-size: 0.75rem;
	text-decoration: none !important;
	text-align: center;
}*/

/*.already-booked-hotel .card-hotel-list .card-header {
    background-color: #D7DADB;
}*/



/*---------------------------------------------------
START STEP 1 LOYALTY BOOSTER 
--------------------------------------------------*/

.express-mode-search .loyalty-block {
    width: 250px;
    height: 250px;
    background: #fff;
    cursor: default;
}

.express-mode-search.loyalty-booster .loyalty-rpc {
    padding-top: 1.5rem !important;
    width: 802px;
    flex: 0 0 auto;
}

.express-mode-search.loyalty-booster .loyalty-lft {
    flex-basis: 0;
    flex-grow: 1;
    width: 250px;
}

.express-mode-search.loyalty-booster .loyalty-rpc .rate-plan-type-area .form-control {
    min-width: 87px;
}

/*.loyalty-booster .loyalty-rpc .rate-plan-type-area-more-link{
	display:none;
}*/

/*.loyalty-booster .loyalty-rpc .ExtraPNRCode{
	display:block!important;
}*/

.express-mode-search.loyalty-booster .loyalty-rpc .search-rate-plan {
    width: 414px;
}

.express-mode-search.loyalty-booster .mx-wdth-300 {
    max-width: 300px;
}

.express-mode-search.loyalty-booster .already-booked-hotel .col-4:first-child {
    flex: 0 0 32.333333%;
    max-width: 32.333333%;
}

.express-mode-search.loyalty-booster .already-booked-hotel .col-3:last-child {
    flex: 0 0 20%;
    max-width: 20%;
}

.express-mode-search.loyalty-booster .already-booked-hotel .col-2 {
    flex: 0 0 21.666667%;
    max-width: 21.666667%;
}

.express-mode-search.loyalty-booster .already-booked-hotel .btn-modify {
    margin-bottom: 0.25rem !important;
}

.express-mode-search.loyalty-booster .already-booked-hotel .btn-cancel {
    margin-bottom: 0.25rem !important;
    margin-right: 0rem !important;
}

.express-mode-search.loyalty-booster .bootstrap-tagsinput .badge {
    float: none;
}

.express-mode-search.loyalty-booster .actionbtn {
    display: block;
}

.express-mode-search.loyalty-booster .customer-block {
    flex: 0 0 90%;
    max-width: 90%;
}

.express-mode-search.loyalty-booster .pnr-block {
    flex: 0 0 10%;
    max-width: 10%;
}


.express-mode-search .loyalty-lft .customer-field {
    max-width: 320px;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .express-mode-search .loyalty-lft .customer-field.gds {
        max-width: 316px;
    }

.express-mode-search .loyalty-lft .traveller-field.gds {
    max-width: 202px;
}

.express-mode-search .loyalty-lft .traveller-field {
    max-width: 210px;
    overflow: hidden;
    text-overflow: ellipsis;
}


.express-mode-search .bootstrap-tagsinput .badge {
    margin-right: 0px;
}



/* Rate card cancellation policy */
.reco-rate-cancellation {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.reco-rate-block {
    width: 100%;
}
/*Rate card cancellation policy*/

/* ExpressMode*/
.card.herobar-blocks {
    border: none;
}

.herobar-blocks .card-body {
    padding: 10px;
}

.herobar-blocks .icon-star:before {
    color: #F0B000;
}

.rating-circle {
    position: relative;
    top: 2px;
    display: inline-block;
    height: 12px;
    width: 12px;
    background-color: #37AF6A;
    border-radius: 50%;
}

.rating-circle-empty {
    position: relative;
    top: 2px;
    display: inline-block;
    height: 12px;
    width: 12px;
    background-color: transparent;
    border: 1px solid #37AF6A;
    border-radius: 50%;
}

.herobar-hotel-card-img {
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.3s ease;
    background-color: #fff;
}

.herobar-blocks .herobar-hotel-card-img img {
    min-height: 90px;
}

.herobar-blocks .herobar-hotel-card-img {
    border-radius: 5px;
    width: 90px;
    height: 90px;
}

.herobar-hotel-card {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 0.6rem;
    background-color: #fff;
    border-radius: 10px;
}

    .herobar-hotel-card .icons-block, .book-a-hotel-image .icons-block {
        position: absolute;
        top: 0;
        right: 0px;
        padding: 5px;
        text-align: right;
        z-index: 1;
    }

.herobar-hotel-card-img img {
    transition: all 0.3s ease;
}

.herobar-right-column {
    width: 250px;
    padding-left: 10px;
}

.herobar-row {
    height: 90px;
}

.card-top-herobar .card-body {
    padding: 10px;
}

.card-top-herobar.card {
    border-radius: 5px;
    margin-bottom: 10px;
}

.card-top-herobar .card-header {
    background-color: #000;
    text-align: center;
    padding: 5px 10px;
    color: #FFF;
    font-size: 0.875rem;
}

.reco-rate-cards.card {
    border-color: #B8BCBE;
}

.reco-rate-cards .card-header {
    padding: 10px;
    border-bottom: none;
}

.reco-rate-cards .card-body {
    padding: 5px 10px;
    background-color: #F1F3F4;
}

.rate-card-amenity-icon.img img {
    margin-right: 5px;
    width: 20px;
    /* background-color: red; */
}

.reco-rate-cards .card-footer {
    padding: 5px 10px;
    background-color: #FFF;
    border-top: none;
}
/*-------------------AGENCY------------------------*/
.agency-card .card-header {
    background-color: #D40049;
}

    .agency-card .card-header h6, .agency-card .card-header p {
        color: #FFF;
    }

.agency-card .card-footer .btn-primary {
    background-color: #37AF6A;
    border-color: #37AF6A;
}
/*-------------------CLIENT------------------------*/
.client-card .card-header {
    background-color: #00424C;
}

    .client-card .card-header h6, .client-card .card-header p {
        color: #FFF;
    }

.client-card .card-footer .btn-primary {
    background-color: #60A1FF;
    border-color: #60A1FF;
}
/*-------------------MISC------------------------*/
.misc-card .card-header {
    background-color: #F1F3F4;
    border-bottom: 1px solid #B8BCBE !important;
}

    .misc-card .card-header h6, .misc-card .card-header p {
        color: #000;
    }

.misc-card .card-footer .btn-primary {
    background-color: #000;
    border-color: #000;
}
/*-------------------AGGREGATOR------------------------*/
.aggregator-card .card-header {
    background-color: #000;
}

    .aggregator-card .card-header h6, .aggregator-card .card-header p {
        color: #FFF;
    }

.aggregator-card .card-footer .btn-primary {
    background-color: #000;
    border-color: #000;
}

/* Customer/PNR */


.express-mode-search .pnr-badge-count .dropdown-toggle::after {
    right: 0;
}

.express-mode-search .loyalty-booster .loyalty-lft {
    flex-basis: 0;
    flex-grow: 1;
}

.express-mode-search .agency-link > a {
    max-width: 100%;
    display: initial;
    vertical-align: initial !important;
}

.express-mode-search .pnr-customer-close {
    margin-top: 12px;
}

.express-mode-search .pnrbadge {
    border: none;
}

.express-mode-search .customer-pnr-label-inner {
    display: inline-block;
    padding-right: 20px;
    vertical-align: top;
}


.express-mode-search .pnrbadge .badge {
    float: none !important;
    margin: 0px 3px 10px 8px;
}

.express-mode-search .change-gds-dropdown {
    width: 200px !important;
}

.express-mode-search .traveller-field {
    max-width: 330px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.express-mode-search .customer-field {
    max-width: 430px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.express-mode-search .pnr-badge-count {
    border-radius: 5px !important;
}



.express-mode-search .pnr-dropdown .dropdown-toggle::after {
    content: none;
}

.express-mode-search .pnr-dropdown .dropdown-toggle {
    width: 20px !important;
    padding: 0px 5px !important;
    font-size: 0.875rem;
    color: #fff !important;
    margin-left: 5px;
}


.express-mode-search .pnr-dropdown.btn-dropdown.show.sm .dropdown-toggle {
    border-radius: 5px !important;
}

.express-mode-search .pnr-dropdown.btn-dropdown.sm .dropdown-menu {
    border-radius: 5px !important;
    margin-top: 5px !important;
    margin-left: 5px !important;
}

.express-mode-search .pnr-search-dropdown {
    margin: 10px 0px;
    top: 40px;
}

.express-mode-search .pnr-dropdown .dropdown-list-item .form-control {
    font-size: 1.125rem;
    min-width: initial !important;
    margin: 0px 5px;
}

.express-mode-search .customer-pnr-label-inner .small-theme-font {
    height: 25px;
}

.express-mode-search .pnr-badge-count {
    border-radius: 5px !important;
}

.express-mode-search .customer-pnr-close:hover, .close-w:hover {
    text-decoration: none;
}

.express-mode-search .close-w .icon-close-button .path1:before {
    color: #fff;
}

.express-mode-search .close-w .icon-close-button .path2:before {
    color: #000;
}

.express-mode-search .btn-white {
    border-color: #fff !important;
    color: #fff !important;
}

.express-mode-search .btn-outline-primary.btn-white:hover, .btn-outline-primary.btn-white:active {
    background-color: #fff !important;
    color: #000 !important;
}


.express-mode-search .pnr-flow {
    position: relative;
}

.express-mode-search .multi-pax-close {
    display: none;
}

.express-mode-search .multi-pax-count {
    display: none;
}

.express-mode-search .multi-pnr-flow-link {
    margin-top: 50px;
}

.express-mode-search .multi-pnr-flow-pnr {
    position: absolute;
    top: 85px;
}


/* quick book */

.loyalty-block {
    width: 250px;
    height: 100% !important;
    background: none !important;
}

    .loyalty-block .loyalty-block-img {
        width: 250px;
        height: 250px;
        background: #fff;
        cursor: pointer;
    }

.quick-book-right {
    background: #fff;
    padding: 8px;
    border-radius: 10px;
}

.quick-book-hotelname {
    font-size: 0.815rem;
    text-decoration: underline;
}

.quick-book-right .form-row {
    border-top: 1px solid #B8BCBE;
    padding: 10px 0px;
}

.quick-book-view {
    border-top: 1px solid #B8BCBE;
}

.quick-book-right .form-row:first-child {
    border-top: none !important;
    padding: 0px !important;
}

.quick-book-right .form-row:nth-child(2) {
    padding-bottom: 0px !important;
}

.quick-book-right .form-row:last-child {
    padding-bottom: 0px !important;
}

.loyalty-booster .already-booked-hotel .col-2 {
    flex: 0 0 16.666667% !important;
    max-width: 16.666667% !important;
}

/*.loyalty-booster .actionbtn {
	display: block;
	width: fit-content;
	border-radius: 20px;
	border: 1px solid #000;
	padding: 5px 10px;
	font-size: 0.75rem;
	text-decoration: none !important;
	text-align: center;
}*/

/*.already-booked-hotel .card-hotel-list .card-header {
    background-color: #D7DADB;
}
*/


/*---------------------------------------------------
START STEP 1 LOYALTY BOOSTER 
--------------------------------------------------*/

.express-mode-search .loyalty-block {
    width: 250px;
    height: 250px;
    background: #fff;
    cursor: default;
}

.express-mode-search.loyalty-booster .loyalty-rpc {
    padding-top: 1.5rem !important;
    width: 802px;
    flex: 0 0 auto;
}

.express-mode-search.loyalty-booster .loyalty-lft {
    flex-basis: 0;
    flex-grow: 1;
}

.express-mode-search.loyalty-booster .loyalty-rpc .rate-plan-type-area .form-control {
    min-width: 87px;
}

/*.loyalty-booster .loyalty-rpc .rate-plan-type-area-more-link{
	display:none;
}*/

/*.loyalty-booster .loyalty-rpc .ExtraPNRCode{
	display:block!important;
}*/

.express-mode-search.loyalty-booster .loyalty-rpc .search-rate-plan {
    width: 414px;
}

.express-mode-search.loyalty-booster .mx-wdth-300 {
    max-width: 300px;
}

.express-mode-search.loyalty-booster .already-booked-hotel .col-4:first-child {
    flex: 0 0 32.333333%;
    max-width: 32.333333%;
}

.express-mode-search.loyalty-booster .already-booked-hotel .col-3:last-child {
    flex: 0 0 20%;
    max-width: 20%;
}

.express-mode-search.loyalty-booster .already-booked-hotel .col-2 {
    flex: 0 0 21.666667%;
    max-width: 21.666667%;
}

.express-mode-search.loyalty-booster .already-booked-hotel .btn-modify {
    margin-bottom: 0.25rem !important;
}

.express-mode-search.loyalty-booster .already-booked-hotel .btn-cancel {
    margin-bottom: 0.25rem !important;
    margin-right: 0rem !important;
}

.express-mode-search.loyalty-booster .bootstrap-tagsinput .badge {
    float: none;
}

.express-mode-search.loyalty-booster .actionbtn {
    display: block;
}

.express-mode-search.loyalty-booster .customer-block {
    flex: 0 0 90%;
    max-width: 90%;
}

.express-mode-search.loyalty-booster .pnr-block {
    flex: 0 0 10%;
    max-width: 10%;
}


.express-mode-search .loyalty-lft .customer-field {
    max-width: 320px;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .express-mode-search .loyalty-lft .customer-field.gds {
        max-width: 316px;
    }

.express-mode-search .loyalty-lft .traveller-field.gds {
    max-width: 202px;
}

.express-mode-search .loyalty-lft .traveller-field {
    max-width: 210px;
    overflow: hidden;
    text-overflow: ellipsis;
}


.express-mode-search .bootstrap-tagsinput .badge {
    margin-right: 0px;
}


@media (min-width: 1680px) {
    .express-mode-search.loyalty-booster .loyalty-rpc .search-rate-plan {
        width: 455px;
    }

    .express-mode-search .loyalty-lft .customer-field {
        max-width: 400px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .express-mode-search .loyalty-lft .traveller-field {
        max-width: 260px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .loyalty-booster .search-outline-area.guest-rooms {
        min-width: 250px !important;
        max-width: 300px;
    }
}

.loyalty-booster .search-outline-area.guest-rooms {
    min-width: 265px;
    margin-right: 0px;
}

/* Auto book */

.autobook-popup .traveller-card-dropdown .input-card.mastercard, .autobook-popup .traveller-card-dropdown .card-icon.mastercard {
    background-position: right 2px top 0px !important;
    background-size: 28px !important;
}

.autobook-popup .traveller-card-dropdown .input-card.visa, .autobook-popup .traveller-card-dropdown .card-icon.visa {
    background-position: right 2px top 0px !important;
    background-size: 28px !important;
}

.autobook-popup .traveller-card-dropdown .input-card.amex, .autobook-popup .traveller-card-dropdown .card-icon.amex {
    background-position: right 2px top 0px !important;
    background-size: 28px !important;
}

.autobook-popup .traveller-card-dropdown .input-card.amex, .autobook-popup .traveller-card-dropdown .card-icon.discover {
    background-position: right 2px top 0px !important;
    background-size: 28px !important;
}

.autobook-popup .traveller-card-dropdown .input-card.amex, .autobook-popup .traveller-card-dropdown .card-icon.diners-club {
    background-position: right 2px top 0px !important;
    background-size: 28px !important;
}

.autobook-popup .traveller-card-dropdown .input-card.amex, .autobook-popup .traveller-card-dropdown .card-icon.jcb {
    background-position: right 2px top 0px !important;
    background-size: 28px !important;
}

.autobook-popup .traveller-card-dropdown .input-card.amex, .autobook-popup .traveller-card-dropdown .card-icon.UATP {
    background-position: right 2px top 0px !important;
    background-size: 28px !important;
}


.autobook-popup .card-icon {
    height: 20px;
}

.auto-book-card-value {
    vertical-align: top;
}

.traveller-card-dropdown .for-filter-search-type-list .dropdown-list-item {
    font-size: 0.75rem
}

.autobook-popup .form-control-rezise {
    border-radius: 10px;
}

.autobook-popup {
    z-index: 6;
    width: 470px;
    background: #fff;
    padding: 15px;
    right: 82px;
}

    .autobook-popup.dropdown-menu {
        border-radius: 10px;
        margin: 10px 0px;
        right: 0;
        left: auto;
        box-shadow: 0px 1px 15px rgb(0 0 0 / 16%);
    }

.autobook-close i {
    font-size: 0.875rem;
    font-weight: 600;
}

.auto-book-card-img {
    width: 28px;
    margin-right: 5px;
}

.auto-book-img {
    height: 22px;
    display: inline-block;
}

.autobook-popup .for-filter-search-type-list > .row {
    border-bottom: 1px solid #B8BCBE !important;
    margin-bottom: 0px;
    padding: 0.5rem 0.75rem !important;
}

    .autobook-popup .for-filter-search-type-list > .row:last-child {
        border: none !important;
    }

.ellips-two-line {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Express Mode End*/
.no-prop-images img {
    box-shadow: 10px 10px 40px rgb(0 0 0 / 10%);
    height: 600px;
}
.hotel-review .icon-star:before {
    color: #F0B000;
}
/*Expressmode HeroBar*/
.card.herobar-blocks {
    border: none;
    border-radius: 5px;
}

.herobar-blocks .card-body {
    padding: 10px;
}

.herobar-blocks .icon-star:before {
    color: #F0B000;
}

.rating-circle {
    position: relative;
    top: 2px;
    display: inline-block;
    height: 12px;
    width: 12px;
    background-color: #37AF6A;
    border-radius: 50%;
}

.rating-circle-empty {
    position: relative;
    top: 2px;
    display: inline-block;
    height: 12px;
    width: 12px;
    background-color: transparent;
    border: 1px solid #37AF6A;
    border-radius: 50%;
}

.herobar-hotel-card-img {
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.3s ease;
    background-color: #fff;
}

.herobar-blocks .herobar-hotel-card-img img {
    min-height: 90px;
}

.herobar-blocks .herobar-hotel-card-img {
    border-radius: 5px;
    width: 90px;
    height: 90px;
}

.herobar-hotel-card {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 0.6rem;
    background-color: #fff;
    border-radius: 10px;
}

    .herobar-hotel-card .icons-block, .book-a-hotel-image .icons-block {
        position: absolute;
        top: 0;
        right: 0px;
        padding: 5px;
        text-align: right;
        z-index: 1;
    }

.herobar-hotel-card-img img {
    transition: all 0.3s ease;
}
/*.herobar-right-column{
    width: 250px;
    padding-left: 10px;
}*/
.hotel-name-top {
    height: 38px;
}

    .hotel-name-top span {
        font-size: 0.875rem;
    }

.room-desc, .cancel-text {
    max-height: 65px;
}

.card-body .label-text, .card-body .detailed-text {
    font-size: 0.75rem;
}

.herobar-row {
    height: 90px;
}

.herobar-hotel-detail p, .herobar-hotel-detail a {
    font-size: 0.75rem;
}

.card-top-herobar .card-body {
    padding: 10px;
}

.card-top-herobar.card {
    border-radius: 5px;
    margin-bottom: 10px;
    border-color: #B8BCBE;
}

.card-top-herobar .card-header {
    background-color: #000;
    text-align: center;
    padding: 5px 10px;
    color: #FFF;
    font-size: 0.875rem;
}

.reco-rate-cards.card {
    border-color: #B8BCBE;
}

.reco-rate-cards .card-header {
    padding: 10px;
    border-bottom: none;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    font-size: 0.75rem;
}

.reco-rate-cards .card-body {
    padding: 5px 10px;
    background-color: #F1F3F4;
}

.rate-card-amenity-icon.img img {
    margin-right: 5px;
    width: 20px;
    /* background-color: red; */
}

.reco-rate-cards .card-footer {
    padding: 5px 10px;
    background-color: #FFF;
    border-top: none;
}

/*-------------------AGENCY------------------------*/
.agency-card .card-header {
    background-color: #D40049;
}

    .agency-card .card-header h6, .agency-card .card-header p {
        color: #FFF;
    }

.agency-card .card-footer .btn-primary {
    background-color: #D40049;
    border-color: #D40049;
}

/*-------------------CLIENT------------------------*/
.client-card .card-header {
    background-color: #00424C;
}

    .client-card .card-header h6, .client-card .card-header p {
        color: #FFF;
    }

.client-card .card-footer .btn-primary {
    background-color: #333F48;
    border-color: #333F48;
}

/*-------------------MISC------------------------*/
.misc-card .card-header {
    background-color: #000;
    border-bottom: 1px solid #B8BCBE !important;
}

    .misc-card .card-header h6, .misc-card .card-header p {
        color: #fff;
    }

.misc-card .card-footer .btn-primary {
    background-color: #505050;
    border-color: #505050;
}

/*-------------------AGGREGATOR------------------------*/
.aggregator-card .card-header {
    background-color: #000;
}

    .aggregator-card .card-header h6, .aggregator-card .card-header p {
        color: #FFF;
    }

.aggregator-card .card-footer .btn-primary {
    background-color: #000;
    border-color: #000;
}

/*--------------------------------------------------------*/
.reco-rate-cards .card-header {
    padding: 10px;
    border-bottom: none;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    font-size: 0.75rem;
    height: 37px;
}

.reco-rate-cards .card-body {
    padding: 5px 10px;
    background-color: #F1F3F4;
    height: 155px;
}

.reco-rate-cards .card-footer {
    padding: 5px 10px;
    background-color: #FFF;
    border-top: none;
    height: 88px;
}

.herobar-offers {
    margin-left: 0px;
}

.reco-rate-cards .card-footer .footer-text {
    font-size: 0.75rem !important;
}

.reco-rate-cards .card-footer.loyalty-text {
    height: 110px;
}

.card-body .detailed-text {
    height: 31px;
    overflow: hidden;
}

.rate-error-button .tooltip-inner {
    max-width: 300px;
    min-width: 150px;
    background-color: #F86363 !important;
    color: #FFF;
    opacity: 1 !important;
    box-shadow: 10px 10px 30px rgb(0 0 0 / 16%);
    border-radius: 10px;
    font-size: 0.75rem;
    text-align: left;
    padding: 12px 15px;
}

.disabled-offers.offers-herobar {
    margin-left: 0px;
}
/*agency card*/
.agency-card .multipax-btn .btn-secondary {
    background-color: #D40049;
    border-color: #D40049;
}

    .agency-card .multipax-btn .btn-secondary:hover, .agency-card .multipax-btn .btn-secondary:focus, .agency-card .multipax-btn .btn-secondary:active, .agency-card .multipax-btn .btn-secondary:not(:disabled):not(.disabled):active, .agency-card .multipax-btn .btn-secondary:not(:disabled):not(.disabled).active, .agency-card .multipax-btn .show > .btn-secondary.dropdown-toggle {
        color: #fff;
        background-color: #D40049;
        border-color: #D40049;
    }

/*client card*/
.client-card .multipax-btn .btn-secondary {
    background-color: #00424C;
    border-color: #00424C;
}

    .client-card .multipax-btn .btn-secondary:hover, .client-card .multipax-btn .btn-secondary:focus, .client-card .multipax-btn .btn-secondary:active, .client-card .multipax-btn .btn-secondary:not(:disabled):not(.disabled):active, .client-card .multipax-btn .btn-secondary:not(:disabled):not(.disabled).active, .client-card .multipax-btn .show > .btn-secondary.dropdown-toggle {
        color: #fff;
        background-color: #00424C;
        border-color: #00424C;
    }

/*aggregator card*/
.aggregator-card .multipax-btn .btn-secondary {
    background-color: #1d1d1d;
    border-color: #1d1d1d;
}

    .aggregator-card .multipax-btn .btn-secondary:hover, .aggregator-card .multipax-btn .btn-secondary:focus, .aggregator-card .multipax-btn .btn-secondary:active, .aggregator-card .multipax-btn .btn-secondary:not(:disabled):not(.disabled):active, .aggregator-card .multipax-btn .btn-secondary:not(:disabled):not(.disabled).active, .aggregator-card .multipax-btn .show > .btn-secondary.dropdown-toggle {
        color: #fff;
        background-color: #1d1d1d;
        border-color: #1d1d1d;
    }

/*misc card*/
.misc-card .multipax-btn .btn-secondary {
    background-color: #000;
    border-color: #000;
}

    .misc-card .multipax-btn .btn-secondary:hover, .misc-card .multipax-btn .btn-secondary:focus, .misc-card .multipax-btn .btn-secondary:active, .misc-card .multipax-btn .btn-secondary:not(:disabled):not(.disabled):active, .misc-card .multipax-btn .btn-secondary:not(:disabled):not(.disabled).active, .misc-card .multipax-btn .show > .btn-secondary.dropdown-toggle {
        color: #fff;
        background-color: #000;
        border-color: #000;
    }

.multipax-btn .btn-primary {
    background-color: #D40049 !important;
    border-color: #D40049 !important;
}

/*.img {
    cursor: pointer;
}*/
/*End Expressmode HeroBar*/
.dropdown-menu {
    font-size: 0.875rem !important;
}

.refine-search-sorting-icon.active {
    color: #D40049;
}

.refine-search-dropdown-list::-webkit-scrollbar {
    width: 8px;
}

.filter-values-inner::-webkit-scrollbar {
    width: 8px
}

.refine-search-dropdown-list::-webkit-scrollbar-thumb, .filter-values-inner::-webkit-scrollbar-thumb {
    border-radius: 20px;
}/*Rate card cancellation policy*/

.no-found-container .icon-not-found-ssearch {
    font-size: 2.2rem;
    vertical-align: middle;
}
.icon-blocked {
    height: 45px;
}

/* Show available hotel */
.btn-check {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
}

.show-available.selected {
    color: #fff !important;
    background-color: #D40049 !important;
    border-color: #D40049 !important;
}

.show-available {
    color: #000;
    background-color: transparent;
    border-color: #B8BCBE;
}

    .show-available:active {
        color: #000 !important;
        background-color: transparent !important;
        border-color: #B8BCBE !important;
    }

.hotels-not-displayed-container::-webkit-scrollbar {
    width: 6px !important;
}

.hotels-not-displayed-container::-webkit-scrollbar-thumb {
    background: #99A4B4;
    border-radius: 20px;
}

.hotels-not-displayed-container {
    max-height: 310px !important;
    overflow-y: auto;
}

.hotels-not-displayed-dropdown .for-filter-search-type-list {
    overflow: hidden;
}

.warningblock {
    background: #FF974B;
    width: 540px;
    color: #fff;
    font-size: 0.75rem;
    padding: 15px 10px;
    border-radius: 5px;
    margin: 0 auto;
    font-weight: 600;
    text-align: left;
    display: flex;
}

    .warningblock .icon-warning .path1:before {
        color: rgb(255 255 255);
    }

    .warningblock .icon-warning .path2:before {
        color: #FF974B;
    }

    .warningblock .icon-warning .path3:before {
        color: #FF974B;
    }
/* Show available hotel */

.header-for-mergedsteps {
    display: none;
    background-color: #FFF;
    padding: 0.5rem 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1001;
    box-shadow: 10px 10px 15px rgb(0 0 0 / 16%);
}

    .header-for-mergedsteps .inner-top-search-block {
        border: none; /* padding-top:5px; */
    }

        .header-for-mergedsteps .inner-top-search-block .card-body {
            padding: 0px;
            cursor: pointer;
        }

        .header-for-mergedsteps .inner-top-search-block .top-selection.active:after {
            display: none
        }

        .header-for-mergedsteps .inner-top-search-block .top-selection.active label {
            font-weight: 700;
        }

.header-scrolltop-arrow-block {
    position: fixed;
    right: 50px;
    bottom: 50px;
}

.header-scrolltop-arrow, .header-scrolltop-arrow:hover, .header-scrolltop-arrow:focus {
    background-color: #000;
    width: 50px;
    display: block;
    height: 50px;
    text-align: center;
    line-height: 2.2;
    border-radius: 500px;
    color: #FFF;
    text-decoration: none;
    z-index: 1;
    font-size: 1.55rem;
    box-shadow: 0 3px 6px hsl(0deg 0% 0% / 16%);
    margin: 2px 0;
}

    .header-scrolltop-arrow:hover .icon-arrow-line-right1:before {
        content: "\e90d";
    }

.merged-loyalty-booster {
    width: 250px;
    height: 130px;
    display: block;
    background-color: yellow;
}

.hh-form-control-block .active-second-last .colum-divider:after {
    width: 3px;
    background-color: #37AF6A;
}

.cwt-herobar {
    display: flex;
}

.merged-loyalty-booster:after {
    content: 'Existing: 250 x 100';
    font-size: 75%;
}

.merged-loyalty-booster:before {
    content: 'New: 250 x 130';
    padding-top: 40px;
}

/* .merged-loyalty-booster,
.merged-step-page .loyalty-block{
  font-weight: 700;
 text-align: center;
} */

.header-for-mergedsteps.w-cont #MergedStickyHeader1 .container {
    max-width: 1240px !important;
    min-width: 1240px;
    padding-right: 0;
    margin: 0 auto;
}

.header-for-mergedsteps .form-control.control-hh {
   /* cursor: pointer;*/
}

.header-for-mergedsteps .control-hh-value.edit .icon-edit {
    font-size: 75%;
    position: relative;
    top: -1px;
    margin-left: 5px;
    visibility: hidden;
}

.header-for-mergedsteps .control-hh-value.edit:hover .icon-edit {
    visibility: visible;
}


.merged.sticky-edit-mode {
    position: fixed;
    top: 119px;
    z-index: 9999
}

@media (min-width: 1680px) {
    .header-for-mergedsteps.w-cont #MergedStickyHeader1 .container {
        max-width: 95% !important;
        min-width: 1240px;
        padding-right: 0;
    }

    .merged.sticky-edit-mode {
        top: 127px;
    }
}



/*____________*/
.sticky-edit-mode-white {
}

    .sticky-edit-mode-white.merged.sticky-edit-mode {
        top: 119px
    }

    .sticky-edit-mode-white.sticky-edit-mode .search-card {
        border-color: #FFF;
        background-color: #FFF;
        color: #000;
    }

    .sticky-edit-mode-white.sticky-edit-mode .hh-form-control-block .form-control.control-hh {
        color: #000;
        background-color: transparent;
    }

    .sticky-edit-mode-white.sticky-edit-mode .pcc-and-iata-code-near-to-search-area span a {
        color: #000;
    }

    .sticky-edit-mode-white.sticky-edit-mode h5,
    .sticky-edit-mode-white.sticky-edit-mode .pcc-and-iata-code-near-to-search-area {
        color: #000;
    }

    .sticky-edit-mode-white.sticky-edit-mode .hh-form-control-block {
        border-bottom-color: #D9E0EA;
    }

    .sticky-edit-mode-white.sticky-edit-mode .destination-box-icons i,
    .sticky-edit-mode-white.sticky-edit-mode .btn-like-form-control,
    .sticky-edit-mode-white.sticky-edit-mode .search-outline-area .form-control,
    .sticky-edit-mode-white.sticky-edit-mode .rate-plan-type-area-more-link {
        color: #000 !important;
    }

    .sticky-edit-mode-white.sticky-edit-mode .search-outline-area {
        background-color: #F1F3F6;
    }

    .sticky-edit-mode-white.sticky-edit-mode .night-count {
        background-color: #FFF;
        color: #000;
    }

    /*.sticky-edit-mode-white .edit-header-button .btn-primary.btn-xxl {
    color: #FFF;
    background-color: #000;
    border-color: #000;
}*/
    .sticky-edit-mode-white .sticky-edit-mode > .close {
        color: #000;
    }

.merged-search-box {
    border: none;
    box-shadow: none;
    padding: 0px !important;
}

.sticky-edit-mode-white.sticky-edit-mode > .close {
    color: #000
}

.merged-search-box a.close {
    color: #000;
    opacity: 1;
    font-size: 75%;
    top: -10px;
    position: relative;
    right: -5px;
}

#MergedStickyHeader2 a.close {
    color: #000;
    opacity: 1;
    font-size: 75%;
    top: 0px;
    position: relative;
    right: 20px;
    z-index: 999;
}

.merged-search-box.warning-card .card-body {
    padding: 1rem 0px !important;
}

@media (min-width: 1680px) {
    .sticky-edit-mode-white.merged.sticky-edit-mode {
        top: 127px
    }
}
.pcc-oid-link {
    font-size: 0.875rem;
}

@media (min-width: 1680px) {
    .header-dp {
        display: inline-block;
        width: 40px;
        height: 40px;
    }
}

@media (min-width: 1680px) {
    .copy-success-block {
        width: 230px
    }
}
@media (min-width: 1680px) {
    .amount-text.normal-text {
        font-size: 1rem !important;
    }
}
/*form previiousbooking mod changes 2.1*/
.expressmod.revised-rates {
    background: #f1f3f4;
}

.expressmod.extra-space {
    background-color: #FFF;
}

/*form previiousbooking mod changes 2.1*/

/*Express mode changes*/
.express-mode-true {
    background-color: #F1F3F4;
}

    .express-mode-true footer {
        background-color: #FFFFFF;
        border-top: 1px solid #f1f3f4
    }

    .express-mode-true .search-outline-area {
        background-color: #F1F3F4;
    }
    /*guest n room pop up*/
    .express-mode-true .guest-rooms .for-dropdown-style-a {
        background-color: #000000;
    }
    /*refine transparency*/
    .express-mode-true .btn-filter-outline-light, .express-mode-true .btn-change-gds, .express-mode-true .btn-filter {
        border: none !important;
        background-color: #D7DADB !important;
    }
    /*Gradient view rate box*/
    .express-mode-true .card-rate-aggregator-list-grouping-block.second {
        background: #f1f3f4 !important;
        border-top: solid 1px #b8bcbe;
    }

    /*customer pnr border*/
    .express-mode-true .hh-form-control-block {
        border-color: #B8BCBE;
    }
    /*border radius menu*/
    .express-mode-true header .dropdown-menu {
        border-radius: 10px;
        padding: 0.5rem 0;
    }

    /*hotelsearch list header*/
    .express-mode-true .card-search-list .card-header {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
    /*previousbooking list header*/
    .express-mode-true .card-hotel-list .card-header {
        border-top-left-radius: 10px !important;
        border-top-right-radius: 10px !important;
        font-weight: 600;
        font-size: 0.75rem;
    }

@media (min-width: 1680px) {
    .express-mode-true .card-hotel-list .card-header {
        font-size: 0.875rem;
    }
}

    /* step2 Unable to find a suitable room or rate?
    Create an on-request booking*/
    .express-mode-true .card-search-area-form .card-rate-aggregator-list-grouping-block.second, .express-mode-true .collapse.show .card-hotel-list-view {
        border-bottom: solid 1px #B8BCBE;
        background: #ffffff;
    }
    /*tooltips*/
    .express-mode-true .popover {
        background-color: #000000;
        border-radius: 10px;
    }
    /*amenities from hotellist*/
    .express-mode-true .dropdown-menu-modal {
        border-radius: 10px;
    }
    /*eg currency convertor*/
    .express-mode-true .card-hotel-block-top {
        border-radius: 10px;
    }
    /*while modifying rates*/
    .express-mode-true .revised-rates {
        background: #f1f3f4;
        border: none;
    }
    /*GuestnRoom*/
    .express-mode-true .for-dropdown-style-a {
        border-radius: 10px;
    }
    /*Onlinebooking text area expansion*/
    .express-mode-true .form-control-rezise {
        border-radius: 10px;
    }
    /*step 3 header border color*/
    .express-mode-true .inner-top-search-block {
        border-color: #B8BCBE;
    }
    /*Amenities n additonal charges*/
    .express-mode-true .card-chips-1 {
        border-radius: 5px;
        border-color: #B8BCBE;
    }
    /*step3 or modify booking(select additional charges) and multipnr*/
    .express-mode-true .btn-dropdown .dropdown-toggle {
        border-radius: 5px;
    }
    /*select additional charges, multi pnr, air segment*/
    .express-mode-true .btn-dropdown .dropdown-menu {
        border-radius: 5px;
    }
    /*contact support*/
    .express-mode-true .card-hotel-block-top > .card-header {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
    /*step4 hotel detail section on top*/
    .express-mode-true .card-hotel-block-top .view-list:first-child {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
    /*Menu dropdown last option on hover*/
    .express-mode-true header .dropdown-menu .dropdown-item:last-child {
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    /*Menu dropdown first option on hover*/
    .express-mode-true header .dropdown-menu .dropdown-item:first-child {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }
    /*cap rate table*/
    .express-mode-true .list-table-cards .card-hotel-list {
        border-radius: 10px !important;
    }
    /*find on map header*/
    .express-mode-true .dropdown-menu-modal-header {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
    /*filter in view rate*/
    .express-mode-true .for-filter-dropdown-menu.secondary {
        border-radius: 10px !important;
    }
    /*dropdown*/
    .express-mode-true .for-filter-dropdown-menu {
        border-color: #B8BCBE;
    }
    /*Closing Create offer email, step3 amenities pop up */
    .express-mode-true .sticky-modal .dropdown-black-view, .express-mode-true .skip-ro-modal .dropdown-black-view, .express-mode-true .skip-ro-modal1 .dropdown-black-view {
        border-radius: 10px;
    }
    /*Step3 below header*/
    .express-mode-true .card-hotel-strip {
        border-radius: 10px;
    }
    /*onlinebooking grand total*/
    .express-mode-true .grand-total-box1 {
        border-radius: 10px;
    }
    /*modify section*/
    .express-mode-true .extra-space {
        background-color: #ffffff;
    }
    /*Modify section no amenties added*/
    .express-mode-true .no-facility {
        border-radius: 10px;
        border-color: #d7dadb;
        background-color: #d7dadb;
    }
    /*Select additional charges box in booking page*/
    .express-mode-true .rezise-btn-dropdown .btn {
        background-color: #f1f3f4;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .express-mode-true .btn-dropdown.show .dropdown-toggle {
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    /*Select additional charges box in modify page*/
    .express-mode-true .revised-rates .rezise-btn-dropdown .btn {
        background-color: #ffffff;
    }
    /*Select additional charges box in booking page*/
    .express-mode-true .rezise-btn-dropdown.show .btn {
        background-color: #ffffff;
    }
    /*modify preference notes*/
    .express-mode-true .booking-remarks .form-control-rezise {
        background-color: #fff;
    }
    /*modify page playcard color under payment mode*/
    .express-mode-true .modifypayment .card-hotel-block-top .card-body {
        background: #F1F3F4;
        border-radius: 10px;
    }
    /*modify page payment mode traveler card*/
    .express-mode-true .modifypayment .visa-card .card-body {
        background: #ffffff;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    /*guest and room input*/
    .express-mode-true .dropdown-list-item .form-control {
        border-radius: 0px;
    }
    /*RPC input*/
    .express-mode-true .search-outline-area .form-control {
        border-radius: 0px;
    }
    /*email section in cancel*/
    .express-mode-true .form-control-secondary {
        border-radius: 5px !important;
    }
    /*Agency main input*/
    .express-mode-true .with-search-icon, .express-mode-true .with-search-icon:focus, .express-mode-true .fc-secondary, .express-mode-true .fc-secondary:focus {
        border-radius: 5px !important;
    }

    /*input field eg cancelormodify*/
    .express-mode-true .form-control {
        border-radius: 5px;
        border-color: #B8BCBE;
    }

    /*Agency table header*/
    .express-mode-true .dropdown-black-view .table {
        border-radius: 10px;
    }
    /*Agency outer border*/
    .express-mode-true .dropdown-black-view {
        border-radius: 10px;
    }
    /*Agency pagination number*/
    .express-mode-true .page-item-select .form-control {
        border-radius: 10px;
        text-align: center;
    }
    /*system settings border*/
    .express-mode-true .plain-card {
        border-radius: 10px;
    }
    /*View rate hover*/
    .express-mode-true .rate-view-list .rate-view-list-inside {
        border-radius: 10px;
    }
    /*step2 after view rate table header*/
    .express-mode-true .card-rate-aggregator-list-grouping.heading {
        background-color: #D7DADB;
    }

    .express-mode-true .nav-tabs .nav-link.active {
        background-color: #d7dadb;
        border-color: #d7dadb;
    }

    .express-mode-true .nav-tabs .nav-link {
        background-color: #f1f3f4;
        border: none;
    }
    /*step2 rate card border*/
    .express-mode-true .reco-rate-cards .card-header {
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
    }
    /*modify page last checkin/out*/
    .express-mode-true .input-group-calendor .btn {
        border-top-right-radius: 5px !important;
        border-bottom-right-radius: 5px !important;
        border-color: #B8BCBE;
    }
    /*modify page traveller card guarantee*/
    .express-mode-true .guarantee-card .card-footer, .express-mode-true .deposit-card .card-footer {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    /*Cancel booking page end*/
    .express-mode-true .card-hotel-block-top .view-list:last-child {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    /*Cancel page cancellation details*/
    .express-mode-true .form-control-cancel {
        border-radius: 10px;
    }
    /*history of changes*/
    .express-mode-true .segment-container {
        background: #F1F3F4;
    }
    /*booking summary view component*/
    .express-mode-true .booking-more-details {
        background-color: #D7DADB;
    }
    /*booking summary view select additional charges dropdown*/
    .express-mode-true .rezise-btn-dropdown .btn-dropdown .dropdown-menu {
        border-radius: 5px;
    }
    /*online booking rate split section based on TMC*/
    .express-mode-true .rate-split-total {
        border-top: solid 1px #00424e;
        border-bottom: solid 1px #00424e;
    }
    /*online booking Total section based on TMC*/
    .express-mode-true .footer-room .footer-room-total {
        border-top: solid 5px #00424e !important;
        border-bottom-color: #00424e;
    }
    /*ro booking new booking color*/
    .express-mode-true .rates-boxes .card-body {
        background-color: #fff;
    }
    /*RO booking list current section*/
    .express-mode-true .rates-boxes .card-header {
        background-color: #D7DADB;
    }
    /*RO booking list below current section*/
    .express-mode-true .current-rates .card-body {
        background-color: #F1F3F4;
    }
    /*RO booking list below cancellation section*/
    .express-mode-true .card-hotel-list-1 > .card-footer {
        background-color: #F1F3F4;
    }
    /*RO booking card list*/
    .express-mode-true .card-hotel-list-1 {
        border-color: #B8BCBE;
        border-radius: 10px;
    }
    /*View offer*/
    .express-mode-true .card-dark .card-header {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
    /*View offer bg*/
    .express-mode-true .plain-card.bg {
        background-color: #D7DADB;
    }
    /*View offer inner border*/
    .express-mode-true .card-dark {
        border-radius: 10px;
    }
    
    /*rate and review star*/
    .express-mode-true .icon-star {
        color: #ffb700;
    }
    /*view offer black card*/
    .express-mode-true .back-dark {
        border-radius: 10px;
    }
    /*step3 add card*/
    .express-mode-true .visa-add-new-card:after {
        background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='10' ry='10' stroke='%2399A4B4FF' stroke-width='2' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
        border-radius: 10px;
    }
    /*On req below search header*/
    .express-mode-true .alert-secondary {
        border-color: #D7DADB;
    }
    /*map border in on req*/
    .express-mode-true .card-hotel-block-top .image img {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
    /*When repeating a traveller booking on same date*/
    .express-mode-true .card-hotel-block-top .card-header {
        border-bottom-color: #A4B6BA;
    }
    /*card in onreq*/
    .express-mode-true .guarantee-card .card-body, .express-mode-true .deposit-card .card-body {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    .express-mode-true .addedtravellermain .added-traveller-bottom-section {
        background-color: #F1F3F4;
        border-bottom: none;
    }

    .express-mode-true .traveller-added > .card-body {
        border-top: solid 6px #00424e;
        border-radius: 10px;
    }
    /*for pagination dropdown*/
    .express-mode-true .page-item-select .form-control {
        min-width: 60px;
    }
    /*selection addiotional dropdown*/
    .express-mode-true .rezise-btn-dropdown .dropdown-menu {
        border-top-left-radius: 0px !important;
        border-top-right-radius: 0px !important;
    }
    /*customer selection hover*/
    .express-mode-true .for-filter-search-type-list > .row:hover {
        background-color: #F1F3F4;
    }
    /*main menu hover*/
    .express-mode-true header .dropdown-menu .dropdown-item:hover, .express-mode-true header .dropdown-menu .dropdown-item:focus {
        background-color: #F1F3F4;
    }
    /*selection addiotional dropdown hover*/
    .express-mode-true .rezise-btn-dropdown .dropdown-menu a:hover, .express-mode-true .rezise-btn-dropdown .dropdown-menu a:focus {
        background-color: #F1F3F4;
    }

    .express-mode-true .iata-box .dropdown-black-view, .express-mode-true .pcc-box .dropdown-black-view {
        background-color: #00424C;
    }
    /*agency row hover*/
    .express-mode-true .dropdown-black-view .table tr:hover td {
        background-color: #F1F3F4;
    }
    /* add icon when clicked on special rate step 2*/
    .express-mode-true .sq-sm-btn {
        border-radius: 3px;
        padding: 0.2rem 0.4rem;
        font-size: 0.65rem;
    }

    /* check box in special rates step 2*/
    .express-mode-true .custom-control-label::before {
        background-color: #D7DADB;
        border-color: #D7DADB;
    }
    /*radio button unchecked*/
    .express-mode-true .custom-radio .custom-control-label::before {
        /*background-color: #D7DADB;*/
        border-color: #D7DADB;
    }
    /* map and list button color*/
    .express-mode-true .btn-group-toggle .btn-outline-light {
        background-color: #D7DADB;
        border-color: #D7DADB !important;
    }
    /*amenites step3*/
    /*.express-mode-true .card-chips-1 {
        border-top-color: #00424e;
    }*/
    /*step 3 hotel img border radius*/
    .express-mode-true .card-hotel-block-top .book-a-hotel-image img {
        border-radius: 10px;
    }
    /*border radius for segment container in history of changes*/

    .express-mode-true .segment-container {
        border-radius: 10px;
    }
    /*Radio button for OID TMC based*/
    .express-mode-true .dropdown-black-view .table tr:hover td .custom-control-input:checked ~ .custom-control-label::before {
        border-color: #D40049;
        background-color: #D40049;
    }
    /* quick book border color*/
    .express-mode-true .already-booked-hotel .card-hotel-list .card-body {
        border: 1px solid #B8BCBE;
    }
    /*quick book alternate booking color*/
    .express-mode-true .already-booked-hotel .num-list:nth-child(even) .card-hotel-list-colum {
        background-color: #F1F3F4;
    }
    /*quick book alternate booking border color*/
    .express-mode-true .card-hotel-list .card-hotel-list-colum {
        border-top-color: #B8BCBE;
    }
    /*step 3 to Hotel note*/
    .express-mode-true .form-control-rezise {
        background-color: #f1f3f4;
    }
    /* no of rooms bg color*/
    .express-mode-true .no-of-rooms, .express-mode-true .no-of-rooms:focus {
        background-color: #f1f3f4;
        border: none;
    }
    /*radio button checked TMC based*/
    .express-mode-true .custom-control-input:checked ~ .custom-control-label::before {
        border-color: #D40049;
        background-color: #D40049;
    }
    /* to hotel section notes*/
    .express-mode-true .traveller-added .form-control-rezise {
        background-color: #fff;
    }
    /*onrequest page header*/
    .express-mode-true .on-request-left-section .card-header h4 {
        color: #000;
    }
    /*room type when clicked in step 2 TMC based*/
    .express-mode-true .btn-filter.selected, .express-mode-true .btn-filter.selected:hover, .express-mode-true .btn-group .btn-filter.selected {
        background-color: #D40049 !important;
    }
    /*room type when clicked in step 2*/
    .express-mode-true .btn-group.show .btn-filter {
        background-color: #D7DADB;
    }

    /*refine search and curency color TMC based*/
    .express-mode-true .selected-sort, .express-mode-true .selected-sort:hover, .express-mode-true .selected-sort:focus {
        background-color: #D40049 !important;
        border-color: #D40049 !important;
    }
    /*use traveler detail from PNR button in onrequest*/
    .express-mode-true .btn-outline-primary {
        color: #00424e;
        border-color: #00424e;
    }
        /*use traveler detail from PNR button in onrequest onhover TMC based*/
        .express-mode-true .btn-outline-primary:hover, .express-mode-true .btn-outline-primary:focus, .express-mode-true .btn-outline-primary:active, .express-mode-true .btn-outline-primary:not(:disabled):not(.disabled):active, .express-mode-true .btn-outline-primary:not(:disabled):not(.disabled).active, .express-mode-true .show > .btn-outline-primary.dropdown-toggle {
            color: #fff;
            background-color: #00424e;
            border-color: #00424e;
        }


    /*room type sort filter button*/
    .express-mode-true .rate-sort:hover .btn {
        background-color: #D7DADB;
        color: #000;
    }
    /*filter button on click in prev booking*/
    .express-mode-true .input-group-prepend.show .btn-filter-outline-light, .express-mode-true .btn-group.show .btn-filter-outline-light {
        background-color: #D7DADB;
        border-color: #B8BCBE;
    }
    /*star number under Hotel Info in onrequest page*/
    .express-mode-true .text-primary {
        color: #000000 !important;
    }
    /*new tick icon for express mode*/
    .express-mode-true .in-policyExpress {
        background: url(../../../images/newicons/tick.svg) no-repeat;
        padding-left: 1.5rem;
        line-height: 1;
    }
    /*new cross icon for express mode*/
    .express-mode-true .out-policyExpress {
        background: url(../../../images/newicons/untick.svg) no-repeat;
        padding-left: 1.5rem;
        line-height: 1;
    }
    /*adding amenties card*/
    .express-mode-true .modifypayment .card-hotel-block-top .card-chips-1 .card-body {
        background: #fff;
    }

    /*hover on amenties*/
    .express-mode-true .card-chips-1:hover, .express-mode-true .card-chips-1:focus {
        background-color: #fff;
    }
    /* text success green color*/
    .express-mode-true .text-success {
        color: #37AF6A !important;
    }
    /*show avaible hotel button tmc based*/
    .express-mode-true .show-available.selected {
        color: #fff !important;
        background-color: #D40049 !important;
        border-color: #D40049 !important;
    }
    /* card body in 2nd box in RO booking*/
    .express-mode-true .card-hotel-list-1 .new-rate-boxes {
        background-color: #fff;
    }
    /*rae info in RO booking*/
    .express-mode-true .card-hotel-list-1 {
        background-color: #fff;
    }
    /*no of night bg color*/
    .express-mode-true input[type=text]:disabled {
        background-color: #f1f3f4;
    }
    /*getrates hotellist card border color*/
    .express-mode-true .card-rate-aggregator-list-grouping {
        border-bottom-color: #B8BCBE;
    }

/*proceed btn in onrequest*/
.express-mode-true .btn-primary {
    color: #fff;
    background-color: #00424C;
    border-color: #00424C;
}
/*text size for destination saved*/
.express-mode-true .success-msg {
    font-size: 0.75rem;
    font-weight: 600;
}
/*text size for destination saved*/
.express-mode-true .save-destination {
    opacity: 1 !important;
}
/*no button in popup*/
.express-mode-true .confirmation-modal .btn-outline-primary {
    color: #FFF;
    background-color: transparent;
    border-color: #FFFFFF;
}
    /*no button in popup hover*/
    .express-mode-true .confirmation-modal .btn-outline-primary:hover, .express-mode-true .confirmation-modal .btn-outline-primary:focus, .express-mode-true .confirmation-modal .btn-outline-primary:active, .express-mode-true .confirmation-modal .btn-outline-primary:not(:disabled):not(.disabled):active, .express-mode-true .confirmation-modal .btn-outline-primary:not(:disabled):not(.disabled).active, .express-mode-true .show > .confirmation-modal .btn-outline-primary.dropdown-toggle {
        color: #000;
        background-color: #FFF;
        border-color: #FFFFFF;
    }
/*CorMorO button inside input box*/
.express-mode-true .dropdown-menu-card .input-with-btn .btn {
    right: 6px;
}
/*arrow button bg color (cancel modify)*/
.express-mode-true .dropdown-menu .btn-secondary {
    background-color: #000000;
    border-color: #000000;
}
/*hover on arrow btn tmc based*/
.express-mode-true .btn-secondary:hover {
    background-color: #D40049;
    border-color: #D40049;
    color: #fff;
}
/* sticky header in step 2 border color for select rate*/
.express-mode-true .hh-form-control-block .active-second-last .colum-divider:after {
    background-color: #00424C;
}
/*hotels not displayed step 2*/
.express-mode-true .hotels-not-displayed label.active {
    border-bottom: 4px solid #D40049;
}

/*contact support error mesaage*/
.express-mode-true .fixed-btm-alert {
    position: absolute;
    bottom: -10px;
    font-size: 0.75rem;
}
/*contact support close popup alignment*/
.express-mode-true .modal-hotel-details a.modal-close {
    right: 0px;
}

/*view rates hover*/
.express-mode-true .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #00424e;
    border-color: #00424e;
}
    /*view rate spinner*/
    .express-mode-true .btn-outline-primary:hover .spinner-border {
        color: #FFF;
    }
/*select rate button in rate card*/
    .express-mode-true .agency-card .card-footer .btn-primary {
        background-color: #D40049;
        border-color: #D40049;
    }
    /*select rate button in rate card for client*/
    .express-mode-true .client-card .card-footer .btn-primary {
        background-color: #00424C;
        border-color: #00424C;
    }
    /*select rate button in rate card for aggregator*/
    .express-mode-true .aggregator-card .card-footer .btn-primary {
        background-color: #505050;
        border-color: #505050;
    }
/*header color agency card in rate card*/
.express-mode-true .agency-card .card-header {
    background-color: #D40049;
}
/*header color misc card in rate card*/
.express-mode-true .misc-card .card-header {
    background-color: #505050;
    border-bottom: 1px solid #B8BCBE;
}
/*header color in rate card*/
.express-mode-true .client-card .card-header {
    background-color: #00424C;
}
/*header color in rate card*/
.express-mode-true .aggregator-card .card-header {
    background-color: #505050;
}
/*email offer list tab*/
.express-mode-true .hh-tabs-primary .nav-tabs .nav-link {
    background-color: #D7DADB;
    border-color: #D7DADB;
}

    .express-mode-true .hh-tabs-primary .nav-tabs .nav-link.active, .hh-tabs-primary .nav-tabs .nav-item.show .nav-link {
        background-color: #FFFFFF;
    }
/*rate card text color*/
.express-mode-true .misc-card .card-header h6, .misc-card .card-header p {
    color: #fff;
}
/*currency default*/
.express-mode-true .cur-btn.active {
    color: #000000;
    background-color: #d7dadb;
    display: inline;
    font-weight: 600;
}
/*currency default close*/
.express-mode-true .cur-default-close .icon-close {
    background-color: #F1F3F4;
    border-radius: 50%;
    padding: 5px;
    font-size: 7px;
    color: #000;
}

.express-mode-true .cur-default-close {
    color: #FFF;
    float: right;
    margin-left: 5px;
    font-size: 85%;
    position: relative;
    top: .5px;
}

.express-mode-true .cv-currency .for-filter-search-type-list.primary a {
    align-items: center;
    min-height: 33px;
    padding: 0.2rem 1.2rem !important;
}

/*previous booking more 3 dots*/
.express-mode-true .btn-group {
    vertical-align: top;
}

.express-mode-true .rate-more-link {
    padding: 0rem 0.1rem;
}

    .express-mode-true .rate-more-link i {
        top: 0px;
    }
/*onreq travller table and display label align*/
.express-mode-true .pl-4, .px-4 {
    padding-left: 1.5rem !important;
}
/*onreq travller table*/
.express-mode-true .existing-profile-table {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    overflow: hidden;
}
    /*onreq traveller profile last box on hover*/
    .express-mode-true .existing-profile-table tr:last-child td:first-child {
        border-bottom-left-radius: 10px;
    }

    .express-mode-true .existing-profile-table tr:last-child td:last-child {
        border-bottom-right-radius: 10px;
    }

.express-mode-true .table-hover tbody tr:hover td {
    background-color: #00424e;
}
/*border line in sticky header tmc based*/
.express-mode-true .hh-form-control-block .active-second-last .colum-divider:after {
    width: 3px;
    background-color: #D40049;
}
/*tick icons in modify page*/
.express-mode-true .modify-list ul li.selected {
    background: url(../../../images/newicons/tick.svg) no-repeat left;
}
/*untick in modify page*/
.express-mode-true .modify-list ul li {
    list-style: none;
    display: inline-block;
    background: url(../../../images/newicons/untick.svg) no-repeat left;
    padding: 0.5rem 0.5rem 0.5rem 1.75rem;
    margin-right: 1rem;
}

.express-mode-true .icon-bg-tick, .icon-bg-untick {
    background: url(../../../images/newicons/tick.svg) no-repeat;
    width: 23px;
    height: 23px;
    display: inline-block;
    margin-right: 6px;
    background-size: contain;
    margin-top: 2px;
}

.express-mode-true .icon-bg-untick {
    background: url(../../../images/newicons/untick.svg) no-repeat;
    background-size: contain;
}
/*Step3 Traveller Express Start*/

.existing-profile-table.table-light {
    background-color: #FFF;
    border-radius: 10px;
}

.existing-profile-table thead {
    background-color: #d7dadb;
}

.existing-profile-table tbody tr:nth-of-type(odd) {
    background-color: #F1F3F4;
}

.existing-profile-table tbody tr:hover td {
    background-color: #ccc;
}

.express-mode-true .input-with-text.first {
    border: solid 1px #ced4da !important;
    border-radius: 5px;
}

    .express-mode-true .input-with-text.first .btn {
        border: none;
        border-left: solid 1px #ced4da;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

/*Step3 Traveller Express End*/
/*refine search on active*/
.express-mode-true .refinesearchlink.active > .btn {
    background-color: #d40049;
    border-color: #d40049;
    color: #FFF;
    font-weight: 600;
}
.express-mode-true .refine-search-dropdown {
    max-width: 350px;
    width: 350px;
    background: #1d1d1d;
    color: #fff;
    cursor: pointer;
}

.express-mode-true .visa-card {
    background-color: #FFF;
    /* border: solid 1px #99A4B4;*/
    border-radius: 20px;
    width: 235px;
    filter: grayscale(0%);
    cursor: pointer;
}

.express-mode-true .visa-add-new-card, .express-mode-true .visa-add-new-card:hover, .express-mode-true .visa-add-new-card:focus {
    width: 235px; /*border: dashed 1px #99A4B4;*/
    padding: 1rem;
    display: block;
    margin-left: 32px;
    border-radius: 15px;
    color: #99A4B4;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    border: none;
}

.express-mode-true .add-card-box {
    margin-left: 32px;
    padding-top: 10px;
    padding-bottom: 10px;
}

/*default currency*/
.cur-btn {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    display: none;
}

.cv-currency .for-filter-search-type-list.primary a {
    align-items: center;
    min-height: 33px;
    padding: 0.2rem 1.2rem !important;
}

.cur-btn.active {
    color: #000000;
    background-color: #d7dadb;
    display: inline;
    font-weight: 600;
}

.cur-default-close {
    display: none;
    color: #FFF;
    float: right;
    margin-left: 5px;
    font-size: 85%;
    position: relative;
    top: 0.5px;
}

    .cur-default-close .icon-close {
        background-color: #F1F3F4;
        border-radius: 50%;
        padding: 5px;
        font-size: 7px;
        color: #000;
    }

.active .cur-default-close {
    display: block;
}
/*defaultcurrency end*/
/*Step3 header search*/
.main-edit-box2 {
    background-color: #FFF;
    padding: 0.5rem 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    box-shadow: 10px 10px 15px rgb(0 0 0 / 16%);
}
@media (min-width: 1680px) {
    .merged-search-box .rate-plan-type-area .form-control {
        min-width: 98px !important;
    }
}
/*Step3 header search end*/

.offer-btn-currency {
    width: 100%;
    overflow: hidden;
    padding-right: 30px;
    text-overflow: ellipsis;
    max-width: 218px;
}

.emailoffer-dropdown label {
    font-weight: 500;
}

@media (min-width: 1680px) {
    .offer-btn-currency {
        max-width: 250px;
    }
}

/*guest and room + -*/
.express-mode-true .for-dropdown-style-a .btn-secondary {
    background-color: #D40049;
    border-color: #D40049;
}

    .express-mode-true .for-dropdown-style-a .btn-secondary.disabled, .for-dropdown-style-a .btn-secondary:disabled, .for-dropdown-style-a .btn-secondary.disabled:focus, .for-dropdown-style-a .btn-secondary:disabled:hover {
        color: #D9E0EA;
        background-color: #99A4B4;
        border-color: #99A4B4;
        opacity: 1;
        font-style: italic;
    }
/*map view header in step2,3,4*/
.express-mode-true .modal-map .modal-map-header {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
/*SHOW OTHER HOTEL*/
.single-hotel-lists {
    background: #CDD3D5;
    border: none;
}

.express-mode-true .single-hotel-lists {
    background: #f1f3f4;
    border: none;
}

.AllTheHotelList .card-search-list {
    border: none !important;
}
/*SHOW OTHER HOTEL*/

/*disabled select box color-profile*/
/*.express-mode-true .form-control:disabled, .express-mode-true .form-control[readonly] {
    background-color: #F1F3F6;
}*/

.card.card-hotel-list {
    box-shadow: 10px 10px 40px rgb(0 0 0 / 10%);
    border-radius: 20px;
}

.already-booked-hotel .card-hotel-list .card-body {
    border: 1px solid #B8BCBE;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top: none;
}
/*Cancellation policy box in Step3*/
.express-mode-true .alert-warning {
    color: #000;
    background-color: #fff3cd;
    border-color: #fff3cd;
    box-shadow: 0 0 0 rgb(0 0 0 / 10%);
}

.express-mode-true .top-hotel-details .part-block .book-a-hotel-image {
    height: 105px;
}

.hotel-opportunities .ui-datepicker-row-break {
    position: initial;
    padding: 0px;
}

.hotel-opportunities .datepicker.show-calendar {
    left: auto !important;
    right: 0px !important;
}
/*mpax icon box*/
.express-mode-true .badge-secondary {
    background-color: #f1f3f4;
}
/*close icon*/
.express-mode-true .DragModal.ui-draggable .modal-close {
    right: 3px !important;
}

.express-mode-true .DragModal .modal-close {
    right: 3px !important;
}


.AddNewCard {
    cursor: pointer;
}
/*search box in hotel info*/
.express-mode-true .form-control-secondary {
    border-radius: 5px !important;
    border-color: #B8BCBE;
}
/*active tabs in hotel info*/
.express-mode-true .read-more-list-view .nav-tabs .nav-link {
    background-color: transparent;
}
.express-mode-true .rate-view-list .rv-gap {
    border-right: none;
}

.express-mode-true .card-sub-footer {
    border-radius: 10px;
}

.express-mode-true .hh-tabs-primary .tab-content {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.express-mode-true .map-top-set-icons .btn-filter-outline-light, .express-mode-true .btn-filter {
    background-color: #fff !important;
    border: solid 1px #D9E0EA !important;
}
/*HBS 2.0 Filter Block*/
.express-mode-true .btn-filter-outline-light.active {
    background-color: #D40049 !important;
    border-color: #D40049;
    color: #FFF;
    font-weight: 400 !important;
}
/*HBS 2.0 Filter Block*/
/*Map view pop up borders*/
/*Agency-preferred:*/
.express-mode-true .map-hotel-rate.rate3 {
    border: 2px solid #600222;
}

/*Client-preferred:*/
.express-mode-true .map-hotel-rate.rate2 {
    border: 2px solid #02bcd8;
}

/*Non-preferred:*/
.express-mode-true .map-hotel-rate.rate4 {
    border: 2px solid #414040;
}

/*Blocked:*/
.express-mode-true .map-hotel-rate.blocked {
    border: 2px solid #25282b;
}
/*Guest and room alignment 2.0 n 2.1*/
.guest-rooms .for-dropdown-style-a {
    margin-left: 0px;
    margin-top: 10px;
}

.passive-segment {
    background-color: #F1F3F4 !important;
}

    .passive-segment .form-control.textarea-2lines {
        height: 50px !important;
        min-height: 50px !important;
    }

    .passive-segment .form-control.textarea-1line {
        height: 33px !important;
        min-height: 33px !important;
    }

@media (min-width: 1680px) {
    .passive-segment .form-control.textarea-2lines {
        height: 60px !important;
        min-height: 60px !important;
    }

    .passive-segment .form-control.textarea-1line {
        height: 40px !important;
        min-height: 40px !important;
    }
}

.card-segment .success-msg {
    position: absolute;
    right: 0;
}

.express-mode-true .no-found-container {
    border-radius: 10px;
}
@media (min-width: 1680px) {
    .express-mode-true .rate-plan-type-area .form-control {
        min-width: 97px !important;
    }
}
.express-mode-true .btn-fligh-segment .dropdown-toggle {
    border-radius: 30px;
}
@media (min-width: 1680px) {
    .loyalty-booster .search-outline-area.guest-rooms {
        min-width: 250px !important;
        max-width: 300px;
    }
}

/*Close icon in additional charges popup*/
.express-mode-true .step3-rate-information .sticky-modal a.close {
    color: #FFF !important
}
.express-mode-true .strip-map {
    border-radius: 10px;
}

.express-mode-true .card-hotel-strip .book-a-hotel-image {
    border-radius: 10px;
}

.express-mode-true .card-hotel-strip-right .book-a-hotel-image {
    border-radius: 10px;
}

/*Map View Header color*/
.express-mode-true .modal-map .modal-map-header {
    background-color: #000000;
}
/*Cross icon font size*/
.express-mode-true .pnr-close, .pop-close {
    font-size: 0.65rem;
}
/*border radius 10px for map view*/
.express-mode-true .modal-map .modal-map-body {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
/*modal map border radius*/
.express-mode-true .modal-map {
    border-radius: 10px;
}
/*cancellation policy text color*/
.express-mode-true .alert-warning {
    color: #000;
    background-color: #FFF6DD;
    border-color: #FFF6DD;
    margin-bottom: 0;
    box-shadow: none;
}
.convertercurrency-dropdown label {
    font-weight: 400 !important;
}
.popover i.icon-map-route, .popover i.icon-airport {
    font-size: 1.25rem !important;
}
.customer-pnr-close .icon-close-button {
    cursor: pointer;
}

/*Hotel image in HotelInformation*/
.express-mode-true .img-hotel-list-gallery img {
    border-radius: 5px;
}
/*Info under HotelInformation*/
.express-mode-true .read-more-list-view {
    border-radius: 10px;
}

.month-start.in-range.available {
    border-top-left-radius: 50px !important;
    border-bottom-left-radius: 50px !important;
}
.loyalty-booster .step1-btn {
    flex-basis: 0;
    flex-grow: 1;
}

.loyalty-booster .merged-search-box .step1-btn {
    flex: none;
}

.loyalty-booster .merged-search-box .loyalty-rpc {
    padding-top: 0px !important;
    width: 100%;
    flex: 1;
}

    .loyalty-booster .merged-search-box .loyalty-rpc .search-rate-plan {
        width: 100%;
    }

.merged-search-box .rate-plan-type-area .form-control {
    min-width: 100px !important;
}

@media (min-width: 1680px) {
    .merged-search-box .rate-plan-type-area .form-control {
        min-width: 115px !important;
    }
}

/* bottom border line in onrequest */
.express-mode-true .traveller-added {
    border-radius: 10px;
    background-color: #F4F4F4;
    position: relative;
    /*overflow: hidden;*/
}
/* start - AV-7960 - Scroll to top option is getting overlapped over the Offer icon */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    border-radius: 20px;
}

::-webkit-scrollbar-thumb {
    background: #99A4B4;
    border-radius: 20px;
    cursor:default;
}

    ::-webkit-scrollbar-thumb:hover {
        background: #99A4B4;
    }

/* end - AV-7960 - Scroll to top option is getting overlapped over the Offer icon */
.traveller-details-col-width .rate-view-btn.active .rate-view-list {
    display: block;
    padding-top: 0px;
}

.express-mode-true .existing-profile-table th {
    border-top: none !important;
}

.express-mode-true .form-control[readonly] {
    background-color: #F1F3F4;
}
/*disabled select box color-profile*/
.express-mode-true .modifypayment .form-control:disabled, .express-mode-true .modifypayment .form-control-rezise.disabled {
    background-color: #e9ecef;
}
.express-mode-search .multi-error-text {
    position: absolute;
    top: 85px;
}

.express-mode-search .pnr-error {
    /*margin-top: 20px;*/
}

.express-mode-true .btn-filter-outline-light.selected {
    background-color: #D40049 !important;
    border-color: #D40049 !important;
    color: #FFF;
}

/* facility icons popup on confirmation */

.express-mode-true .facility-icons-in-popup-confirmation .popup-icons-list [class*="icon-ng-"] {
    width: 36px !important;
    height: 36px !important;
    background-size: contain !important;
}

.express-mode-true .facility-icons-in-popup-confirmation {
    width: 490px;
    box-shadow: 10px 10px 30px rgb(0 0 0 / 16%);
    border: none;
}

    .express-mode-true .facility-icons-in-popup-confirmation p {
        font-weight: 600;
        overflow-wrap: break-word;
        word-break: break-word;
    }

    .express-mode-true .facility-icons-in-popup-confirmation .popup-icons-list {
        padding-left: 2rem;
        padding-right: 2rem;
        height: 178px;
        overflow-y: auto;
        overflow-x: hidden;
    }

        .express-mode-true .facility-icons-in-popup-confirmation .popup-icons-list i {
            margin-bottom: 0.5rem;
            display: inline-block;
        }

    .express-mode-true .facility-icons-in-popup-confirmation .drp-close {
        color: #000;
        padding-right: 5px;
        font-size: 80%;
        padding-top: 3px;
        opacity: 1;
    }

        .express-mode-true .facility-icons-in-popup-confirmation .drp-close i {
            padding: 0px;
            top: inherit;
        }

.express-mode-true .min-w-25p {
    width: 25% !important;
}

.express-mode-true .facility-icons-in-popup-confirmation img {
    vertical-align: top;
    margin-right: 0px !important;
}

.express-mode-true .amenities-popover {
    top: -1px !important;
}

.express-mode-true .custom-control-label.notify-traveller-label {
    line-height: 1.8;
}

/*end color-profile facility icons popup on confirmation*/

.express-mode-true .alert-warning .step3-cancellation-policy .more-text {
    color: #000;
}


@media (min-width: 1680px) {
    .hotel-page-slider {
        justify-content: center !important;
    }
}

.express-mode-true .card-chips-1 {
    border-radius: 5px;
    border-color: #D9E0EA;
    border-top: solid 1px;
    margin-bottom: 0.5rem;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

    .express-mode-true .card-chips-1:after {
        content: '';
        position: absolute;
        height: 6px;
        background-color: #42E085;
        width: 100%;
    }

    .express-mode-true .card-chips-1:after {
        background-color: #00424e;
    }
/* Multipax button */
.btn-select-multi-pax {
    max-width: 115px !important;
    text-align: center !important;
    white-space: normal !important;
}

@media (min-width: 1680px) {
    .btn-select-multi-pax {
        max-width: 130px !important;
    }
    .express-mode-true .btn-select-rate {
        width: 130px !important;
    }
}
/* end - Multipax button */
.express-mode-true .filter-with-searchbox .dropdown-filter-search .form-control-secondary {
    border-color: #B8BCBE;
    background-color: #F1F3F4;
}

.express-mode-true .btn-tree-checkbox.active {
    background-color: #bcc3d1 !important;
}
.rcbrdr {
    border-right: 0px !important;
}


.express-mode-true .traveller-details-col-width .rate-view-btn.active .rate-view-list, .express-mode-true .room-rates-col-width .rate-view-btn.active .rate-view-list {
    display: block;
    padding-top: 0px;
}
.mpax-dropdown {
    left: 30px !important;
    top: 15px !important;
    
}
.month-end.active.start-date {
    background: none !important;
}
.express-mode-true .btn-dropdown.btn-fligh-segment .dropdown-menu {
    border-radius: 30px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    color: #FFF;
}

/* start - Hotel Review on hover popup*/
.hotel-review-tooltip {
    max-width: 285px;
    color: #fff;
    padding: 10px;
}

    .hotel-review-tooltip h4 {
        color: #fff;
    }

.hotel-review-progress-bar {
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
    width: 135px;
}

    .hotel-review-progress-bar .ui-widget-content {
        background-color: #1d1d1d !important;
        height: 16px;
        border-radius: 5px !important;
        overflow: hidden
    }

    .hotel-review-progress-bar .ui-widget-header {
        background-color: #37AF6A !important;
        height: 16px;
        border-radius: 5px !important;
        border-top-right-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
    }

.hotel-review-tooltip .btn-outline-primary {
    color: #FFFFFF !important;
    border-color: #FFFFFF !important;
}


    .hotel-review-tooltip .btn-outline-primary:hover, .hotel-review-tooltip .btn-outline-primary:focus, .hotel-review-tooltip .btn-outline-primary:active, .hotel-review-tooltip .btn-outline-primary:not(:disabled):not(.disabled):active, .hotel-review-tooltip .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .hotel-review-tooltip .btn-outline-primary.dropdown-toggle {
        color: #FFFFFF !important;
        border-color: #FFFFFF !important;
        background: none;
    }

.hotel-review-div {
    width: 265px;
    position: absolute;
    z-index: 1070;
}

.tooltip.show {
    opacity: 1;
}

.w-1 {
    width: 1%;
}

.w-2 {
    width: 2%;
}

.w-3 {
    width: 3%;
}

.w-4 {
    width: 4%;
}

.w-5 {
    width: 5%;
}

.w-6 {
    width: 6%;
}

.w-7 {
    width: 7%;
}

.w-8 {
    width: 8%;
}

.w-9 {
    width: 9%;
}

.w-10 {
    width: 10%;
}

.w-11 {
    width: 11%;
}

.w-12 {
    width: 12%;
}

.w-13 {
    width: 13%;
}

.w-14 {
    width: 14%;
}

.w-15 {
    width: 15%;
}

.w-16 {
    width: 16%;
}

.w-17 {
    width: 17%;
}

.w-18 {
    width: 18%;
}

.w-19 {
    width: 19%;
}

.w-20 {
    width: 20%;
}

.w-21 {
    width: 21%;
}

.w-22 {
    width: 22%;
}

.w-23 {
    width: 23%;
}

.w-24 {
    width: 24%;
}

.w-26 {
    width: 26%;
}

.w-27 {
    width: 27%;
}

.w-28 {
    width: 28%;
}

.w-29 {
    width: 29%;
}

.w-30 {
    width: 30%;
}

.w-31 {
    width: 31%;
}

.w-32 {
    width: 32%;
}

.w-33 {
    width: 33%;
}

.w-34 {
    width: 34%;
}

.w-35 {
    width: 35%;
}

.w-36 {
    width: 36%;
}

.w-37 {
    width: 37%;
}

.w-38 {
    width: 38%;
}

.w-39 {
    width: 39%;
}

.w-40 {
    width: 40%;
}

.w-41 {
    width: 41%;
}

.w-42 {
    width: 42%;
}

.w-43 {
    width: 43%;
}

.w-44 {
    width: 44%;
}

.w-45 {
    width: 45%;
}

.w-46 {
    width: 46%;
}

.w-47 {
    width: 47%;
}

.w-48 {
    width: 48%;
}

.w-49 {
    width: 49%;
}

.w-51 {
    width: 51%;
}

.w-52 {
    width: 52%;
}

.w-53 {
    width: 53%;
}

.w-54 {
    width: 54%;
}

.w-55 {
    width: 55%;
}

.w-56 {
    width: 56%;
}

.w-57 {
    width: 57%;
}

.w-58 {
    width: 58%;
}

.w-59 {
    width: 59%;
}

.w-60 {
    width: 60%;
}

.w-61 {
    width: 61%;
}

.w-62 {
    width: 62%;
}

.w-63 {
    width: 63%;
}

.w-64 {
    width: 64%;
}

.w-65 {
    width: 65%;
}

.w-66 {
    width: 66%;
}

.w-67 {
    width: 67%;
}

.w-68 {
    width: 68%;
}

.w-69 {
    width: 69%;
}

.w-70 {
    width: 70%;
}

.w-71 {
    width: 71%;
}

.w-72 {
    width: 72%;
}

.w-73 {
    width: 73%;
}

.w-74 {
    width: 74%;
}

.w-76 {
    width: 76%;
}

.w-77 {
    width: 77%;
}

.w-78 {
    width: 78%;
}

.w-79 {
    width: 79%;
}

.w-80 {
    width: 80%;
}

.w-81 {
    width: 81%;
}

.w-82 {
    width: 82%;
}

.w-83 {
    width: 83%;
}

.w-84 {
    width: 84%;
}

.w-85 {
    width: 85%;
}

.w-86 {
    width: 86%;
}

.w-87 {
    width: 87%;
}

.w-88 {
    width: 88%;
}

.w-89 {
    width: 89%;
}

.w-90 {
    width: 90%;
}

.w-91 {
    width: 91%;
}

.w-92 {
    width: 92%;
}

.w-93 {
    width: 93%;
}

.w-94 {
    width: 94%;
}

.w-95 {
    width: 95%;
}

.w-96 {
    width: 96%;
}

.w-97 {
    width: 97%;
}

.w-98 {
    width: 98%;
}

.w-99 {
    width: 99%;
}
/* end - Hotel Review on hover popup */

/*Form validation green border color*/
.express-mode-true .was-validated .form-control:valid, .express-mode-true .form-control.is-valid {
    border-color: #42E085;
}
/*onrequest ratesplit error*/
.express-mode-true .on-request-left-section .traveller-added .added-traveller-bottom-section .fixed-btm-alert {
    bottom: -20px;
}
/*Modification ratesplit error*/
.express-mode-true .modifypayment .add-category-block .fixed-btm-alert {
    bottom: -20px;
}
/*Destination search box color*/
.express-mode-true .alert-secondary.help-Popup-bg {
    white-space: normal;
    text-transform: none;
    padding: 0.625rem;
    margin-bottom: 0rem;
    line-height: 1.2;
    border: none;
    background-color: #F1F3F4;
}

/*RO-176 GDS Message*/
.express-mode-true .cancel-pnr h2 {
    color: #fff !important;
}

.express-mode-true .cancel-pnr {
    background-color: #F86363 !important;
}

/*END RO-176 GDS Message*/

.express-mode-true .your-booking-tab .rate-card-amenity-icon.img {
    cursor: default !important;
}
@media (min-width: 1680px) {
    .express-mode-true .success-msg {
        font-size: 0.875rem;
    }
    }

.btn-fligh-segment > .btn {
    background-color: #f1f3f4;
    border: none;
    color: #000;
}
    .btn-fligh-segment > .btn:hover {
        background-color: #00424C;
        color: #FFF;
    }

.hotel-details-view-block .carousel-fade .carousel-item.active, .hotel-details-view-block .carousel-fade .carousel-item-next.carousel-item-left, .hotel-details-view-block .carousel-fade .carousel-item-prev.carousel-item-right {
    z-index: initial;
}
.hotel-name-width {
    max-width: 540px;
}

@media (min-width: 1680px) {
    .hotel-name-width {
        max-width: 620px;
    }
}
.plain-card.sm .card-dark .card-body {
    padding: 1.2rem 1.4rem;
}
@media (min-width: 1680px) {
    .AllTheHotelList .card-header.sticky-header {
        height: 48px !important;
    }
}

.AllTheHotelList .card-header.sticky-header {
    height: 42px;
}

/*RO New page border*/
.express-mode-true .ro-review-card {
    border-radius: 10px;
    overflow: hidden;
}
/*Frequently Booked Hotel*/
.cwt-hotel-lists {
    background: #f1f3f4;
    border: none;
}

.freq-count-mark {
    background-color: #F86363;
    position: absolute;
    right: -10px;
    min-width: 20px;
    height: 20px;
    border-radius: 100px;
    text-align: center;
    top: -10px;
    font-size: 0.688rem;
    font-weight: 600;
    color: #fff;
    line-height: 1.9;
}

.freq-booked {
    position: relative;
}

.main-box-hotel-listing.active .PriorityNameColums {
    width: 17%;
    padding-left: 4px;
    padding-right: 4px;
}
/*Frequently Booked Hotel*/

/*air segment dropdown*/
.express-mode-true .btn-dropdown.btn-fligh-segment .dropdown-menu {
    border-radius: 30px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    color: #FFF;
}
@media (max-width: 1380px) {
    .header-for-mergedsteps .for-filter-search-type-list {
        max-height: 280px;
    }
}

/* START - Display Circle image in review form - AV-11612 */
.hotel-rating-new {
    display: flex;
    width: 130px;
    justify-content: center;
    overflow: hidden;
    flex-direction: row-reverse;
    height: 31px;
    position: relative;
}

    .hotel-rating-new > input {
        display: none;
    }

    .hotel-rating-new > label {
        cursor: pointer;
        width: 25px;
        height: 24px;
        margin-top: auto;
        background-image: url("../../../images/no-star-rating-new.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 90%;
        transition: .3s;
        margin-right: 5px;
    }

    .hotel-rating-new > input:checked ~ label,
    .hotel-rating-new > input:checked ~ label ~ label {
        background-image: url("../../../images/star-rating-new.svg");
    }


    .hotel-rating-new > input:not(:checked) ~ label:hover,
    .hotel-rating-new > input:not(:checked) ~ label:hover ~ label {
        background-image: url("../../../images/star-rating-new.svg");
    }

    .hotel-rating-new.overall-rating {
        margin: auto;
        width: 150px;
    }

/* END - Display Circle image in review form - AV-11612 */
.colum-star .ellips-two-line {
    height: 40px;
}

@media (min-width: 1680px) {
    .colum-star .ellips-two-line {
        height: 42px;
    }
}

/*POD warning on step 3*/

.alert-creaditcard-warning {
    white-space: normal;
    background-color: #FAFAFA;
    padding: 0.5rem;
    border-radius: 10px;
    color: #FF974B;
    text-transform: none;
}

    .alert-creaditcard-warning > div {
        display: flex;
    }

/*END POD warning on step 3*/

h1 .after-load-contents {
    background: #CCD2DD;
    background: linear-gradient(to right, #CCD2DD 8%, #F0F0F0 18%, #CCD2DD 33%);
    min-width: 200px;
    margin-top: 10px;
    animation-duration: 3.25s;
}
.text-transform-none {
    text-transform: none !important;
}

.card-select-dropdown-left{
    left: auto !important;
}

/*Lite Version Previous Booking*/
.col-end-lite {
    width: 204px;
}

@media (min-width: 1680px) {
    .col-end-lite {
        width: 240px;
    }
}
/*MAP Full View*/
.map-hotel-list-popover .close-popover {
    top: 7px;
    right: 7px;
}

.map-hotel-list-popover-headings a.miles-popup {
    color: #FFF;
}

.map-popover-ratings .rating-circle {
    height: 10px;
    width: 10px;
}

.map-hotel-list-popover-headings img {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(56deg) brightness(105%) contrast(102%);
}

.popover-body-internal img {
    height: 22px;
    vertical-align: bottom;
}

.popover-body .more-amenities-link, .popover-body .more-amenities-link:hover, .popover-body .more-amenities-link:focus {
    top: 1px;
}

/*.map-hotel-list-popover .popover-footer {
    padding: 0.625rem;
}*/

.map-hotel-list-popover .popover-body-internal {
    padding: 10px;
    background-color: #f1f3f4;
}

.place-card.place-card-large {
    display: none;
}

.map-top-set-icons .show-more-btn .btn-secondary {
    background-color: #FFF;
    color: #000;
    border-color: #FFF;
}

/*    .map-top-set-icons .btn-secondary:hover, .map-top-set-icons .btn-secondary:focus {
        background-color: #FFF;
        color: #000;
        border-color: #FFF;
    }*/

#fullMapView .container {
    max-width: 100%;
}

.card.card-map-view {
    max-width: 700px;
}

.full-screen-div .full-map-view-card {
    /* position: absolute; */
    z-index: 9999;
    /*margin-right: 35px;*/
}

.full-screen-div .container {
    position: fixed;
    top: 0;
    left: 0;
    max-width: 100%;
    height: 95%;
    z-index: 9999;
    margin: 0px;
    padding: 0px;
}

.full-screen-div .modal-close {
    text-decoration: none;
    cursor: pointer;
    background-color: #000000;
    display: inline-block;
    width: 55px;
    height: 55px;
    border-radius: 200px;
    text-align: center;
    line-height: 3.5;
    color: #fff;
    position: absolute;
    right: 0px;
    z-index: 4;
    font-size: 1rem;
    top: 10px;
    right: 10px;
}

.card.card-map-view {
    overflow-y: scroll;
    height: 100vh;
}

.hide-button-rate {
    position: absolute;
    right: -20px;
    background-color: #000;
    width: 42px;
    display: block;
    height: 42px;
    text-align: center;
    line-height: 2.8;
    border-radius: 500px;
    color: #FFF;
    text-decoration: none;
    z-index: 1;
    font-size: 1rem;
    box-shadow: 0 3px 6px hsl(0deg 0% 0% / 16%);
    margin: 10px 0;
}

    .hide-button-rate:hover {
        color: #FFF;
        text-decoration: none;
    }

.full-screen-div .card-rate-aggregator-list-grouping.heading {
    position: initial;
}

.map-hotel-list-popover.popover {
    z-index: 9999;
}

.min-height-map .hotel-map-listing {
    position: relative;
    max-height: 500px;
}

.map-top-set-icons .btn-filter-outline-light {
    background-color: #FFF;
}

.icons-needs-to-be-lg > i.icon-split-view {
    top: 6px;
}

.copy-offer-icon1 {
    padding-left: 8px;
    font-size: 21px;
    vertical-align: middle;
}

.map-top-set-icons .map-input-field {
    background-color: #FFF !important;
    width: 280px;
}

/*.show-more-btn .btn-secondary:hover, .show-more-btn .btn-secondary:focus {
    color: #FFF !important;
    background-color: #000;
}*/

.map-hotel-rate.rate1:after {
    position: absolute;
    bottom: -9px;
    left: 50%;
    margin-left: -10px;
    content: "";
    display: block;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #6C7583;
}

.map-hotel-rate.rate1:after {
    border-top-color: #000;
}

.full-screen-div .nav-tabs .nav-link {
    min-height: 100%;
}

.full-screen-div .nav-tabs .nav-link {
    text-transform: uppercase;
}

.map-popover-ratings .rating-circle-empty {
    height: 10px;
    width: 10px;
}

.map-hotel-card-img {
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.3s ease;
    background-color: #fff;
    width: 120px;
}

    .map-hotel-card-img img {
        height: 120px;
    }

.full-map-view-card .nav-tabs .nav-link {
    margin-bottom: 5px;
    margin-left: 0px;
    margin-right: 0px;
}

.full-map-view-card .nav-tabs .nav-item .nav-link {
    border-radius: 10px;
    min-height: 94px;
}

.rate-nav-tabs .card-body {
    padding: 5px;
}

.detailed-rate-section .card-body {
    padding: 10px;
    overflow-y: scroll;
    /* max-height: 700px; */
}

.card.card-top-hotel-details {
    border-radius: 0px;
    width: 160px;
}

.card.rate-nav-tabs {
    height: 100vh;
    width: 160px;
    border-radius: 0px;
}

.rate-nav-tabs .nav-tabs {
    border-bottom: none;
}

.map-top-hotel-width {
    /*width: 750px !important;*/
    min-height: 66px;
}

.card.detailed-rate-section {
    height: 100vh;
}

.full-map-view-card .fixed-nav-scroll .tab-scroll-slider {
    position: relative;
    right: 5px;
    bottom: 11px;
}

    .full-map-view-card .fixed-nav-scroll .tab-scroll-slider .btn-arrow,
    .full-map-view-card .fixed-nav-scroll .tab-scroll-slider .btn-arrow:hover,
    .full-map-view-card
    .fixed-nav-scroll
    .tab-scroll-slider
    .btn-arrow:focus {
        transform: rotate(90deg);
    }

.full-map-view-card {
    /*width: 160px;*/
    display: none;
}

.move-legend-right {
    left: auto;
    right: 60px;
}

.ellips-four-line.inner-room-type-colum {
    height: 64px;
}

@media (min-width: 1680px) {
    .ellips-four-line.inner-room-type-colum {
        height: 72px;
    }
}

.review-link.tooltip {
    z-index: 9999 !important;
}
/* .full-map-view-card .fixed-nav-scroll .tab-scroll-slider .btn-arrow, .full-map-view-card .fixed-nav-scroll .tab-scroll-slider .btn-arrow:hover, .full-map-view-card .fixed-nav-scroll .tab-scroll-slider .btn-arrow:focus{
  background-color: #000000;
  color: #fff;
} */
.carousel-navigation {
    position: absolute;
    bottom: -50px;
    right: 10px;
}

    .carousel-navigation .tab-scroll-slider {
        white-space: nowrap;
        z-index: 2;
    }

.full-map-view-card .carousel-navigation .tab-scroll-slider .btn-arrow, .full-map-view-card .fcarousel-navigation .tab-scroll-slider .btn-arrow:hover, .full-map-view-card .carousel-navigation .tab-scroll-slider .btn-arrow:focus {
    background-color: #000000;
    color: #fff;
}

    .full-map-view-card .carousel-navigation .tab-scroll-slider .btn-arrow, .full-map-view-card .fcarousel-navigation .tab-scroll-slider .btn-arrow:hover, .full-map-view-card .carousel-navigation .tab-scroll-slider .btn-arrow:focus {
        transform: rotate(90deg);
    }

.carousel-navigation .tab-scroll-slider .btn-arrow, .carousel-navigation .tab-scroll-slider .btn-arrow:hover, .carousel-navigation .tab-scroll-slider .btn-arrow:focus {
    background-color: #000;
    width: 32px;
    display: block;
    height: 32px;
    text-align: center;
    line-height: 2.2;
    border-radius: 500px;
    color: #FFF;
    text-decoration: none;
    z-index: 1;
    font-size: 1rem;
    box-shadow: 0 3px 6px hsl(0deg 0% 0% / 16%);
    margin: 2px 0;
}

.carousel-next:hover .icon-arrow-line-right1:before, .owl-next:hover .icon-arrow-line-right1:before, .carousel-navigation .btn-arrow:hover .icon-arrow-line-right1:before {
    content: "\e90d";
}

.carousel-prev:hover .icon-arrow-line-left1:before, .owl-prev:hover .icon-arrow-line-left1:before, .carousel-navigation .btn-arrow:hover .icon-arrow-line-left1:before {
    content: "\e905";
}

.card-top-hotel-details .card-header {
    background-color: #FFF;
}

.full-map-view-card .nav-tabs .nav-link.active, .full-map-view-card .nav-tabs .nav-item.show .nav-link {
    border-color: transparent;
}

.map-hotel-list-popover.popover {
    max-width: 320px !important;
    min-width: 320px !important;
    box-shadow: 0px 0px 40px -10px rgb(0 0 0 / 35%);
}

.map-hotel-list-popover .popover-body-hotel-ist, .map-hotel-list-popover .popover-footer {
    padding: 1.25rem 0.5rem 0.5rem 0.5rem;
}

.map-hotel-list-popover .popover-footer {
    padding: 0.625rem;
}

.map-hotel-list-popover .popover-footer {
    background-color: #fff;
    color: #000000;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.hotel-map-listing-full {
    width: 100%;
    height: 100vh;
    position: relative;
    overflow-y: hidden;
}

.map-top-set-btn {
    top: 13px !important;
    position: absolute;
    right: 164px !important;
    z-index: 1;
}

.hotel-map-listing.map-frame {
    border-radius: 10px;
}

.map-top-set-icons-full-view {
    top: 13px !important;
    position: absolute;
    right: 15px !important;
    z-index: 1;
}

    .map-top-set-icons-full-view a {
        display: flex;
        width: 38px;
        height: 38px;
        background-color: #FFF;
        border-radius: 30px;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        text-decoration: none;
    }

        .map-top-set-icons-full-view a:hover, .map-top-set-icons-full-view a.active {
            background-color: #000;
            color: #FFF;
        }

    .map-top-set-icons-full-view .btn-secondary {
        background-color: #FFF;
        color: #000;
        border-color: #FFF;
    }

        .map-top-set-icons-full-view .btn-secondary:hover, .map-top-set-icons-full-view .btn-secondary:focus, .map-top-set-icons-full-view .btn-secondary:active, .map-top-set-icons-full-view .btn-secondary:not(:disabled):not(.disabled):active, .map-top-set-icons-full-view .btn-secondary:not(:disabled):not(.disabled).active, .map-top-set-icons-full-view .show > .btn-secondary.dropdown-toggle {
            background-color: #000;
            border-color: #000;
        }

.express-mode-true .map-hotel-list-popover-headings {
    color: #FFFFFF;
    max-width: 100%;
}

.map-hotel-list-popover .more-amenities-link, .map-hotel-list-popover .more-amenities-link:hover, .map-hotel-list-popover .more-amenities-link:focus {
    top: 0px;
}

.collapsible-link a, .collapsible-link i {
    text-decoration: none;
}

    .collapsible-link a.collapse-link i {
        font-size: 40%;
        position: relative;
        top: -2px;
        padding-left: 5px;
    }

.map-hotel-list-popover h6.converted-rate {
    color: #000;
    font-weight: 400 !important;
}

@media (min-width: 1680px) {
    .full-map-view-card {
        /*width: 170px;*/
        display: none;
    }

    .map-top-hotel-width {
        /*width: 820px !important;*/
    }
}

.map-tooltips.tooltip {
    z-index: 99999;
}

.collapse-map-section .enabled-offers.tooltip {
    z-index: 99999;
}

.map-hotel-card-img img {
    height: 120px;
    border-radius: 10px;
    border: 1px solid #b8bcbe;
}

.tooltip-amenities.tooltip {
    z-index: 99999;
}

.email-offers-popover {
    position: absolute;
    z-index: 9;
    top: 52px;
    right: 0;
}

    .email-offers-popover .card-body {
        max-height: 350px;
        overflow: scroll;
    }

    .email-offers-popover .card-footer {
        background-color: #FFF;
    }

    .email-offers-popover .card-listing-grid {
        padding-bottom: 0.938rem;
    }

.email-link.popover {
    z-index: 9999;
}

.email-date-link.tooltip {
    z-index: 9999;
}

.remove-offer-icon.tooltip {
    z-index: 9999;
}

.remove-all-offers.confirmation-modal {
    z-index: 99999 !important;
}

.tooltip.enabled-offers {
    z-index: 9999;
}

.map-tooltips.popover {
    z-index: 99999;
    pointer-events: none;
}

.detailed-rate-section .facility-icons-in-popup {
    width: 530px;
}

@media (min-width: 1680px) {
    .detailed-rate-section .facility-icons-in-popup {
        width: 600px;
    }
}

.modal-open .model-blur {
    filter: blur(15px);
    -webkit-filter: blur(10px);
}

/*.modal-full {
    z-index: 99999;
}*/

.hotel-map-listing.map-frame {
    border-radius: 10px;
}

.card-width-view-toggle {
    /*width: 760px;*/
}

@media (min-width: 1680px) {
    .card-width-view-toggle {
        /*width: 830px;*/
    }
}

.map-top-set-btn .btn-secondary {
    background-color: #FFF;
    color: #000;
    border-color: #FFF;
}

@media (min-width: 1680px) {
    .map-top-set-btn .map-input-field {
        width: 380px;
    }
}

.map-top-set-btn .map-input-field {
    background-color: #FFF !important;
    width: 340px;
}

.btn-loader {
    background-color: #fff;
    border-color: #fff !important;
    min-width: 171.23px;
}

.express-mode-true .btn-loader:hover, .express-mode-true .btn-loader:focus, .express-mode-true .btn-loader:active, .express-mode-true .btn-loader:not(:disabled):not(.disabled):active, .express-mode-true .btn-loader:not(:disabled):not(.disabled).active, .express-mode-true .show > .btn-loader.dropdown-toggle {
    color: #FF694B;
    border-color: #FF694B !important;
}

.map-top-set-btn .btn-filter-outline-light {
    background-color: #FFF;
}

@media (min-width: 1680px) {
    .order-xxl-first {
        -ms-flex-order: -1;
        order: -1;
    }

    .order-xxl-last {
        -ms-flex-order: 13;
        order: 13;
    }

    .order-xxl-0 {
        -ms-flex-order: 0;
        order: 0;
    }

    .order-xxl-1 {
        -ms-flex-order: 1;
        order: 1;
    }

    .order-xxl-2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .order-xxl-3 {
        -ms-flex-order: 3;
        order: 3;
    }

    .order-xxl-4 {
        -ms-flex-order: 4;
        order: 4;
    }

    .order-xxl-5 {
        -ms-flex-order: 5;
        order: 5;
    }

    .order-xxl-6 {
        -ms-flex-order: 6;
        order: 6;
    }

    .order-xxl-7 {
        -ms-flex-order: 7;
        order: 7;
    }

    .order-xxl-8 {
        -ms-flex-order: 8;
        order: 8;
    }

    .order-xxl-9 {
        -ms-flex-order: 9;
        order: 9;
    }

    .order-xxl-10 {
        -ms-flex-order: 10;
        order: 10;
    }

    .order-xxl-11 {
        -ms-flex-order: 11;
        order: 11;
    }

    .order-xxl-12 {
        -ms-flex-order: 12;
        order: 12;
    }
}

.map-second-set-icons {
    top: 55px !important;
    position: absolute;
    right: 15px !important;
    z-index: 1;
}

.map-top-set-icons .destination-dropdown-menu a {
    width: 100%;
    height: 100%;
    border-radius: 0px;
}

.ui-resizable-handle.ui-resizable-e.showdrag {
    display: block !important;
}

.full-map-view-card.ui-resizable .ui-resizable-e {
    width: 35px !important;
    right: -34px !important;
    background: #fff;
    border-left: 1px solid #b8bcbe;
    display: none !important;
    z-index: 0 !important;
}


.full-map-view-card.ui-resizable .resize-bottom.ui-resizable-e.showdrag {
    display: block !important;
}


.full-map-view-card .card-top-hotel-details.map-top-hotel-width {
    width: auto !important;
}

.full-screen-div .inner-room-type-colum {
    width: 22%;
}

.full-screen-div .inner-gds-rpc-colum {
    width: 9%;
}

.full-screen-div .inner-rates-colum {
    width: 67%;
}

.full-map-view-resize-icon {
    position: absolute;
    right: -2px;
    top: 50%;
    z-index: 9999;
    transform: rotate(270deg);
    width: 40px;
    height: 7px;
}

.ui-resizable-handle.ui-resizable-s {
    display: none !important;
}

.ui-resizable-handle.ui-resizable-e {
    display: none !important;
}

.resize-right.ui-resizable-handle.ui-resizable-s {
    display: block !important;
}


.resize-bottom.ui-resizable-handle.ui-resizable-s {
    display: block !important;
}

.p-event-none {
    pointer-events: none;
}

.full-map-card-width {
    width: 760px;
    min-width: 760px;
    max-width: 1000px;
}

@media (min-width: 1680px) {
    .full-map-card-width {
        width: 830px;
        min-width: 830px;
        max-width: 1180px;
    }
}

.tooltip.disabled-offers {
    z-index: 9999;
}

converted-currency .hotel-details-view-block .fixed-nav-scroll .map-tab-scroll-slider {
    top: 11px;
}

.map-hotel-list-popover .popover-footer {
    padding: 0 0 0.625rem 0;
}

.map-hotel-list-popover .popover-footer {
    padding: 0 0 0.625rem 0;
}

.popover-footer .rate-section {
    padding: 10px;
    border-top: 1px solid #FFF;
}

.map-hotel-rate-card .detailed-text {
    max-height: 36px;
    margin-top: 2px;
}

.map-hotel-rate-card .reco-rate-cards .card-body {
    height: auto;
}

.map-hotel-rate-card .room-desc, .cancel-text {
    height: auto;
}

@media (min-width: 1680px) {
    .map-hotel-rate-card .detailed-text {
        max-height: 41px;
    }

    /*.map-hotel-rate-card .reco-rate-cards .card-body {
        height: 172px;
    }*/

    .map-hotel-rate-card .room-desc, .cancel-text {
        height: auto;
    }
}

.map-hotel-rate-card .reco-rate-cards .card-footer {
    padding: 5px 10px;
    background-color: #FFF;
    border-top: none;
    height: auto;
}

.card-width-view-toggle {
    /*width: 760px;*/
}

@media (min-width: 1680px) {
    .card-width-view-toggle {
        /*width: 830px;*/
    }
}

.map-top-set-btn .btn-secondary {
    background-color: #FFF;
    color: #000;
    border-color: #FFF;
}

converted-currency .hotel-details-view-block .fixed-nav-scroll .map-tab-scroll-slider {
    top: 11px;
}

.map-hotel-list-popover .popover-footer {
    padding: 0 0 0.625rem 0;
}

.map-hotel-list-popover .popover-footer {
    padding: 0 0 0.625rem 0;
}

.popover-footer .rate-section {
    padding: 10px;
    border-top: 1px solid #FFF;
}

/*.map-hotel-rate-card .detailed-text {
    height: 36px;
}

.map-hotel-rate-card .reco-rate-cards .card-body {
    height: 162px;
}

.map-hotel-rate-card .room-desc, .cancel-text {
  */ /*height: 56px;
}*/

/*@media (min-width: 1680px) {
    .map-hotel-rate-card .detailed-text {
        height: 41px;
    }

    .map-hotel-rate-card .reco-rate-cards .card-body {
        height: 172px;
    }

    .map-hotel-rate-card .room-desc, .cancel-text {
        height: 62px;
    }
}*/

.map-hotel-rate-card .reco-rate-cards .card-footer {
    padding: 5px 10px;
    background-color: #FFF;
    border-top: none;
    height: auto;
}

.map-hotel-rate-card .card-header, .map-hotel-rate-card .card-footer {
    border-radius: 0px !important;
}

.map-hotel-rate-card .card {
    border-radius: 0px;
    border: none;
    border-bottom: 1px solid #b8bcbe;
}

.map-hotel-list-popover.popover {
    max-width: 320px !important;
    min-width: 320px !important;
    box-shadow: 0px 0px 40px -10px rgb(0 0 0 / 35%);
}

.rate-view-list-inside a:hover, .rate-view-list-inside a:focus {
    color: #FFF;
}

.map-hotel-list-popover .collapsible-link p {
    font-size: 14px;
}

.map-drag-dropdown {
    margin: 10px;
    position: absolute;
    right: 0;
    cursor: pointer;
}

.other-special-rates .ui-resizable-s {
    cursor: row-resize;
    height: 22px;
    width: 100%;
    bottom: -1px;
    left: 0;
    border-top: solid 1px #D9E0EA;
    background: #fff;
    position: sticky;
}

.gds-rates-resize-icon {
    position: absolute;
    left: 50%;
    bottom: 3px;
    cursor: s-resize;
    width: 30px;
    height: 7px;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /* z-index: 99; */
}
    
.cwt-ap-cp.cwt-cp {
    margin-right: 3px;
}

.mapdrag-rate-popup:hover {
    cursor: move;
}

.other-special-rates {
    height: 200px;
    min-height: 205px !important;
    max-height: fit-content !important;
    overflow: hidden;
    padding-bottom: 0px;
}

@media (max-width: 1679px) {
    .map-top-set-icons {
        max-width: 535px;
    }
}

.express-mode-true .refine-search-dropdown.dropdown-menu .btn-secondary {
    background-color: #00424c;
    border-color: #00424c;
    color: #fff;
}

@media (max-width: 1400px) {
    .other-special-rates {
        min-height: 150px !important;
        height: 150px;
    }
}

@media (min-width: 1680px) {
    .count-mark-map {
        line-height: 2;
    }
}

.count-mark-map {
    background-color: #d40049;
    position: absolute;
    right: 0px;
    min-width: 24px;
    height: 24px;
    border-radius: 100px;
    text-align: center;
    top: -7px;
    font-size: 85%;
    font-weight: 600;
    color: #fff;
    line-height: 2.2;
    padding: 0px 5px;
}
    
.map-top-set-icons .sort-by-section.active .applied-sort-tooltip, .map-top-set-icons .filter-sec.active .applied-filter-tooltip.active {
    display: block;
}

.map-top-set-icons .applied-sort-tooltip, .map-top-set-icons .applied-filter-tooltip {
    top: 35px;
}

.applied-sort-tooltip, .applied-filter-tooltip {
    position: absolute;
    z-index: 6;
    right: 5px;
    top: 30px;
    display: none;
}

.applied-sort-tooltip-inside {
    min-width: 280px;
    color: #fff;
    background-color: #000;
    border-radius: 0.25rem;
    margin-top: 10px;
}

/*.applied-sort-tooltip-body, .applied-filter-tooltip-body {
    padding: 15px;
}*/

.applied-sort-tooltip-inside {
    min-width: 280px;
    color: #fff;
    background-color: #000;
    border-radius: 0.25rem;
    margin-top: 10px;
}

.applied-sort-heading, .applied-filter-heading {
    font-size: 0.875rem;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.map-sort-chip {
    /* margin-left: 7px; */
    border-radius: 50px;
    padding: 0.5rem 0.2rem 0.2rem 0rem;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 0.875rem;
}

.map-sort-chip {
    /* margin-left: 7px; */
    border-radius: 50px;
    padding: 0.5rem 0.2rem 0.2rem 0rem;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 0.875rem;
}

.map-applied-sort-footer, .map-applied-filter-footer {
    background-color: #000;
    border-radius: 10px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    box-shadow: 11px 0 15px 2px rgb(253 253 253 / 16%);
    display: none;
}

.map-sort-chip .icon-close, .map-filter-chip .icon-close {
    background-color: #fff;
    border-radius: 50%;
    padding: 5px;
    font-size: 7px;
    color: #000;
    margin-left: 5px;
    vertical-align: middle;
}

.other-special-rates::-webkit-scrollbar {
    width: 6px !important;
}

.applied-filter-tooltip-inside {
    min-width: 410px;
    color: #fff;
    background-color: #000;
    border-radius: 0.25rem;
    margin-top: 10px;
}

.applied-filter-tooltip-body > .applied-filter-section {
    border: none;
}

.map-applied-sort-footer, .map-applied-filter-footer {
    background-color: #000;
    border-radius: 10px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    box-shadow: 11px 0 15px 2px rgb(253 253 253 / 16%);
    display: none;
}

.applied-filter-tooltip-body > .applied-filter-section ~ .applied-filter-section {
    border-top: 1px solid;
}

.applied-filter-tooltip-body > .applied-filter-section {
    border: none;
}

.map-filter-chip {
    margin: 5px 3px;
}

.applied-filter-sub-heading {
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    margin: 5px 0px;
}

.applied-filter-body {
    max-height: 450px !important;
    overflow: hidden;
    overflow-y: scroll;
}

@media (min-width: 1680px) {
    .applied-filter-body {
        max-height: 600px !important;
    }
}

.applied-sort-tooltip .sortby-label-sorticon-block {
    cursor: default;
}

.applied-sort-tooltip .refine-search-sorting-icon {
    cursor: default;
}

.applied-sort-tooltip-body {
    padding: 15px;
}

.applied-filter-body {
    padding: 15px;
    padding-top: 0px;
}

.applied-filter-heading {
    padding-left: 15px;
    padding-top: 15px;
}

.applied-filter-body > .applied-filter-section {
    border: none;
}

    .applied-filter-body > .applied-filter-section ~ .applied-filter-section {
        border-top: 1px solid;
    }

.express-mode-true .map-top-set-icons .btn-filter-outline-light.active {
    background-color: #D40049 !important;
}

.express-mode-true .map-top-set-icons .btn-filter-outline-light.active {
    font-weight: 700 !important;
}

.map-applied-filter-footer .map-filter-chip {
    margin: 5px 15px;
}

.no-found-container.map {
    position: absolute;
    z-index: 1;
    background-color: #fff;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.no-found-container {
    border: solid 1px #D9E0EA;
    border-radius: 10px;
    background-color: rgb(255 255 255 / 40%);
    padding: 5rem 2rem;
}
.applied-filter-inner-sec {
    margin-right: 25px;
}

    .applied-filter-inner-sec a {
        position: absolute;
    }
.map-top-set-icons.fullmapview {
    right: 10px !important;
}
.modal-hotel-details.recommend-hotel {
    z-index: 9999;
}
.map-top-set-icons .form-row.justify-content-end .map-set-items {
    z-index: 2;
}

.map-top-set-icons .form-row.justify-content-end .map-set-items1 {
    z-index: 1;
}
.map-set-icons {
}
.tooltip-detailed-text.tooltip, .rate-error-button.tooltip {
    z-index: 9999;
}
@media (max-width: 1679px) {
    .map-top-set-icons {
        max-width: 583px;
    }
}
.map-view-warning-message {
    position: absolute;
    z-index: 1;
    border-radius: 100px;
    font-size: 0.75rem;
    justify-content: center;
    right: 5px;
}
.map-view-clear-filter {
    position: absolute;
    bottom: 137px;
    z-index: 1;
    border-radius: 100px;
    font-size: 0.75rem;
    width: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

    .map-view-clear-filter .clear-filter {
        border: 1px solid #08313A !important;
        background: #FFF;
    }
.map-set-items .MapViewLoader {
    top: 15px;
    right: 15px !important;
    bottom: auto !important;
}
@media (min-width: 1680px) {
    .map-card-body .card-body .detailed-text {
        height: 73px !important;
    }

    .map-card-body .reco-split-map .room-desc, .map-card-body .reco-split-map .cancel-text {
        height: 112px !important;
    }

    .map-card-body .reco-split-map .reco-rate-cards .card-body {
        height: 258px !important;
    }
}
@media (min-width: 1680px) {
    .card-body .label-text, .card-body .detailed-text {
        font-size: 0.875rem;
    }
}
.tooltip-amenities .tooltip-inner {
    min-width: 80px;
    background-color: #FFF;
    color: #000;
    border: solid 1px #D9E0EA;
    opacity: 1 !important;
    box-shadow: 10px 10px 30px rgb(0 0 0 / 16%);
    font-size: 12px !important;
}
.tooltip-policy.tooltip {
    z-index: 99999;
}
.map-top-set-icons a:hover, .map-top-set-icons a.active {
    background-color: #000;
    color: #FFF;
}

.map-top-set-icons a.map-icons-buttons:hover {
    background-color: #000;
    color: #FFF;
}
.warningblock .btn-outline-primary {
    color: #FFF !important;
    border-color: #FFF !important;
    background-color: transparent;
}

    .warningblock .btn-outline-primary:hover, .warningblock .btn-outline-primary:active, .warningblock .btn-outline-primary:focus {
        color: #000 !important;
        border-color: #FFF !important;
        background-color: #fff !important;
    }
.map-top-set-icons .refine-search-dropdown-list a:hover, .map-top-set-icons .refine-search-dropdown-list a.active {
    background: none;
}
/*END MAP Full View*/
.map-hotel-list-popover .popover-footer.oldView {
    padding: 0.5rem;
}

.map-hotel-list-popover h6.converted-rate.oldView {
    color: #fff;
    font-weight: 400 !important;
}

/* Page rating - full map view - start */
.full-map-feedback {
    right: -300px;
    z-index: 99999;
    left: auto;
    -webkit-transition: right .35s ease-in-out;
    transition: right .35s ease-in-out;
    border-top-left-radius: 10px;
    border-top-right-radius: 0px;
    bottom: 31%;
}

    .full-map-feedback .page-feedback-btn {
        transform: rotateZ(90deg);
        left: -63px;
        right: auto;
    }

    .full-map-feedback.active {
        right: 0;
        left: auto;
        -webkit-transition: right .35s ease-in-out;
        transition: right .35s ease-in-out;
    }

.page-feedback-success.success-msg img {
    height: 12px;
    margin-top: 2px !important;
}
@media (min-width: 1680px) {
    .full-map-feedback .page-feedback-btn {
        bottom: 29px;
        left: -70px !important;
    }
}
@media (min-width: 1680px) {
    .page-feedback-btn {
        bottom: 29px;
        right: -70px;
    }
}
/*START NEW GUEST REVIEW CHANGES*/
.hotel-reviews .hotel-review-stats {
    max-width: 285px;
    color: #000;
    padding: 14px;
    background-color: #F1F3F4;
    border-radius: 10px;
}
.hotel-review-stats .icon-full-rating, .hotel-review-stats .icon-half-rating, .hotel-review-stats .icon-no-rating {
    font-size: 18px;
}

.hotel-reviews .amenities-rating-block {
    padding: 14px;
    background-color: #F1F3F4;
    border-radius: 10px;
}

.hotel-reviews .rate-number-block h5 {
    width: 40px;
    height: 29px;
    text-align: center;
    color: #000;
    border-radius: 5px;
    background: #FFF;
    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.25);
    padding: 6px;
}
.client-review-block .divider {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #B8BCBE;
}
.express-mode-true .traveller-review-block .btn-group.show .btn-filter {
    background-color: #d40049 !important;
    border-color: #d40049 !important;
    color: #fff !important;
}
.sticky-col {
    position: sticky;
    top: 0;
    height: 100vh;
    overflow: auto;
}
.hotel-reviews .traveller-review-block {
    /*padding-top: 46px;*/
}
    
.hotel-reviews .hotel-rating-block {
    width: 290px;
}
@media (min-width: 1680px) {
    .hotel-reviews .hotel-rating-block {
        width: 310px;
    }
}
.client-review-block .toggle-container .more-text {
    right: 0;
    position: absolute;
}
.border-right {
    border-right: 0.5px solid #FFF;
    
}

.hotel-review-tooltip h5 {
    color: #fff;
}

@media (min-width: 1680px) {

    .hotel-rating-tooltip .tooltip-inner {
        max-width: 540px !important;
    }
    .hotel-rating-tooltip.tooltip {
        width: 540px !important;
    }
    .hotel-rating-GuestReviewNewScreen {
        width: 540px;
    }
}

.hotel-rating-tooltip .tooltip-inner {
    max-width: 500px;
    padding: 15px;
}

.bg-success {
    background-color: #37AF6A !important;
}
.hotel-rating-tooltip.tooltip
{
    width:500px;
    z-index:99999;
}
.hotel-rating-GuestReviewNewScreen {
    max-width: 500px;
    padding:0px;
}


.Features-page-review .tooltip {
    width: 500px;
}

.Features-page-review .tooltip-inner {
    max-width: 500px;
    padding: 15px;
}

@media (min-width: 1680px) {

    .Features-page-review .tooltip-inner {
        max-width: 540px;
    }

    .Features-page-review.tooltip {
        width: 540px;
    }
}


.hotel-reviews-block .no-found-container {
    background-color: #f1f3f4;
    border: none;
}

.no-found-container {
    border: solid 1px #D9E0EA;
    border-radius: 10px;
    background-color: rgb(255 255 255 / 40%);
    padding: 5rem 2rem;
}

.regular-text {
    text-transform: inherit;
    font-weight: 400;
}

.express-mode-true .traveller-review-block .btn-group .selected-sort {
    background-color: #d40049 !important;
    border-color: #d40049 !important;
    color: #fff !important;
}

.client-review-block p {
    overflow-wrap: anywhere;
}

.hotel-list-modal-close {
    position: fixed !important;
    right: 120px !important;
    top: 30px !important;
}
/*END NEW GUEST REVIEW CHANGES*/

.on-request-left-section .dropdown-keep-open .h-input-group input {
    height: auto;
}
.hotel-details-view-block .fixed-nav-scroll .nav-tabs.split-view {
    padding-top: 1rem;
    min-height: 95px !important;
}

.booking-remarks .hotel-details-view-block .nav-tabs .nav-link {
    min-height: 100%;
}
.hh-error-text.d-flex .icon-invalid-alert {
    top: 3px;
}
.btn-fligh-segment .dropdown-menu a, .btn-fligh-segment .dropdown-menu .dropdown-item.heading {
    padding-left: 33px;
}

.btn-fligh-segment .sub-values {
    text-indent: 0px;
    padding-left: 50px !important;
    white-space: normal;
}

@media (min-width: 1680px) {
    .btn-fligh-segment .dropdown-menu a, .btn-fligh-segment .dropdown-menu .dropdown-item.heading {
        padding-left: 23px;
    }

    .btn-fligh-segment .sub-values {
        padding-left: 41px !important;
    }
}
/*Campaign start*/
.campaign-notification {
    padding: 5px;
    color: #fff;
    border-radius: 18px;
    display: flex;
}

.campaign-notification-text {
    align-items: center;
    margin-right: 5px;
    font-weight: bold;
    font-size: 12px;
    text-transform: initial;
    display: flex;
}

.campaign-heading {
    background-color: #E7E6E6 !important;
}

.campaign-benefit-text {
    vertical-align: middle;
    text-transform: initial;
}

.campaign-tooltip-header {
    border-bottom: 1px solid;
    padding: 10px;
}

.campaign-tooltip-body {
    padding: 10px;
}

.campaign-tooltip-text .benefit-tooltip-text {
    padding: 3px;
}

.campaign-notification-tooltip .tooltip-inner {
    padding: 0px;
    text-align: left;
}

.benefit-tooltip-list {
    margin-left: 10px;
}

.campaign-notification {
    background-color: #00424c;
}

.campaign-notification-benefit {
    padding: 5px;
    color: #000;
    border-radius: 18px;
    display: flex;
}

    .campaign-notification-benefit img {
        width: 40px
    }
/*Campaign End*/

/*Map full view Rate card*/
.reco-split-map .reco-rate-cards .card-header {
    border-top-right-radius: 0.25rem !important;
    min-height: 47px;
}

@media (min-width: 1680px) {
    .hotel-list-modal-close {
        right: 125px !important;
    }

    .reco-split-map .reco-rate-cards .card-body {
        height: 190px !important;
    }

    .reco-split-map .room-desc, .cancel-text {
        height: 80px !important;
        max-height: fit-content;
    }

    .card-body .detailed-text {
        height: 35px !important;
    }

    .reco-split-map .reco-rate-cards .card-footer {
        height: 200px;
    }

    .reco-split-map .reco-rate-cards .card-header {
        min-height: 53px;
    }

    .four-text-footer {
        height: 73px !important;
    }

    .three-text-footer {
        height: 55px !important;
    }

    .two-text-footer {
        height: 36px !important;
    }

    .one-text-footer {
        height: 18px !important;
    }
    /* .reco-split-map .card-footer.loyalty-benefit-text{
      height: 215px !important;
    } */
}

.reco-split-map .reco-rate-cards .card-footer {
    height: 185px;
}

.reco-split-map .reco-rate-cards .card-body {
    height: 165px;
}

.reco-split-map .room-desc, .cancel-text {
    height: 65px;
}

.currency-split {
    display: inline-block;
}

.reco-split-map .footer-text {
    padding-top: 5px;
}

.footer-buttons .col-auto {
    /* padding-top: 5px; */
    padding-bottom: 5px;
}

.src-width {
    width: 28px;
}

.four-text-footer {
    height: 62px;
}

.three-text-footer {
    height: 47px;
}

.two-text-footer {
    height: 31px;
}

.one-text-footer {
    height: 16px;
}

.reco-split-map .card-footer.loyalty-benefit-text {
    height: 215px;
}

.map-card-body .reco-split-map .reco-rate-cards .card-body {
    overflow-y: initial;
}

.map-card-body .card-body .detailed-text {
    height: 63px
}

.map-card-body .reco-split-map .room-desc, .map-card-body .reco-split-map .cancel-text {
    height: 102px;
    max-height: none;
}

.map-card-body .reco-split-map .reco-rate-cards .card-body {
    height: 238px;
}

.map-card-body .reco-split-map .more-amenities-link, .map-card-body .reco-split-map .more-amenities-link:hover, .map-card-body .reco-split-map .more-amenities-link:focus {
    top: 0px;
    min-width: 23px;
    height: 23px;
}

.reco-split-map .more-amenities-link, .reco-split-map .more-amenities-link:hover, .reco-split-map .more-amenities-link:focus {
    top: 0px;
    min-width: 23px;
    height: 23px;
}

.rate-split-amenities {
    height: 29px;
}
/*End Map full view Rate card*/
/* issue fixes info window */
.guest-review-parent {
    position: relative;
    top: 1px;
}
/* offer css fix*/
.full-map-email-offers.pos-ab {
    position: absolute;
    min-width: 650px;
}

.full-map-rate-sec.pos-ab {
    position: absolute;
    top: 65px;
}

.map-hotel-list-popover-headings a.miles-popup {
    color: #FFF;
}

.map-hotel-rate.active {
    z-index: 999; /* Higher z-index for the active marker */
}

.email-top-selected {
    width: 26px;
    height: 26px;
    background-color: #FFF;
    border: 3px solid #000;
    border-radius: 100%;
    position: absolute;
    top: -17px;
    right: -12px;
    z-index: 1;
    line-height: 2.3;
    color: #fff;
    font-size: 10px;
}

    .email-top-selected.list-view {
        width: 26px;
        height: 26px;
        background-color: #FFF;
        border: 3px solid #000;
        border-radius: 100%;
        position: absolute;
        top: -17px;
        right: -10px;
        z-index: 1;
        line-height: 2.3;
        color: #fff;
        font-size: 10px
    }

.full-map-rate-sec .email-top-selected.list-view {
    width: 26px;
    height: 26px;
    background-color: #FFF;
    border: 3px solid #000;
    border-radius: 100%;
    position: absolute;
    top: -5px;
    right: -13px;
    z-index: 1;
    line-height: 2.3;
    color: #fff;
    font-size: 10px
}


@media (min-width: 1680px) {
    .email-top-selected {
        font-size: 13px;
        width: 33px;
        height: 33px;
        line-height: 2.4;
        top: -22px;
    }

    .map-hotel-rate .email-top-selected {
        text-indent: 3px;
    }
}

.map-hotel-rate.rate1 .email-top-selected {
    border-color: #000;
}

.map-hotel-rate.rate2 .email-top-selected {
    border-color: #00424c;
}

.map-hotel-rate.rate3 .email-top-selected {
    border-color: #d40049;
}

.map-hotel-rate.rate4 .email-top-selected {
    border-color: #969696;
}

.nav-item.agency-rate .email-top-selected {
    border-color: #d40049 !important;
}

.nav-item.client-rate .email-top-selected {
    border-color: #00424c !important;
}

.nav-item.aggregator-rate .email-top-selected {
    border-color: #000 !important;
}



.map-hotel-rate .email-top-selected {
    text-indent: 2px;
}
/*offer ui fix ends*/
/* issue fixes info window */
/* new collapsable link */
.rate-section .collapsible-link .collapse-link i:before {
    content: "\e93b";
}
/*.icon-select-arrow-2-a:before*/
.rate-section .collapsible-link .collapse-link.collapsed i:before {
    content: "\e93a";
}

.rate-section .collapsible-link .collapse-link i {
    font-size: 40%;
    position: absolute;
    top: 50%;
    right: 20px;
}

.rate-section .collapsible-link .collapse-link {
    text-decoration: underline;
}

.map-hotel-rate-card.popover-footer {
    padding: 0px;
}

.map-hotel-rate-card .card {
    border-radius: 0px;
    border: none;
    border-bottom: 1px solid #b8bcbe;
}

.map-hotel-rate-card .card-footer {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.map-hotel-rate-card .card-header, .map-hotel-rate-card .card-footer {
    border-radius: 0px;
}

.popover .tooltip {
    z-index: 9999 !important;
}

.popover-footer .rate-section {
    padding: 5px 10px 2px 10px;
    border-top: 1px solid #FFF;
}



.collapsible-link a, .collapsible-link i {
    text-decoration: none;
}

.parent-cat.active-cat a, .parent-cat.active-cat .converted-rate {
    color: #fff;
}

.parent-cat {
    padding: 10px;
}

.active-cat {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.parent-cat.active-cat.cat-agency {
    background-color: #D40049;
    color: #FFF;
}

.parent-cat.active-cat.cat-client {
    background-color: #000;
    color: #FFF;
}

.parent-cat.active-cat.cat-aggregator {
    background-color: #000;
    color: #FFF;
}

.parent-cat.active-cat.cat-gds {
    background-color: #f1f3f4;
    color: #FFF;
}

/*end new collapasable link*/

/*Dinner Included icon*/
.dinner-include {
    width: 28px !important;
    vertical-align: top;
}

.dinner-include-text {
    width: 28px !important;
    vertical-align: middle;
}
.map-hotel-advance {
    left: 50%;
    top: -120%;
    transform: translate(-50%, -120%);
}

.map-icon-advance {
    left: 50%;
    top: -50%;
    transform: translate(-50%, -50%);
}

.map-dest-advance {
    left: 50%;
    top: -100%;
    transform: translate(-50%, -100%);
}

.icon-map-marker .path1:before {
    color: #00424c;
}

.icon-map-marker {
    position: absolute;
    font-size: 48px;
    top: 50%;
    left: -100%;
    transform: translate(-50%, -100%);
}

    .icon-map-marker.x-2 {
        position: absolute;
        font-size: 48px;
    }

    .icon-map-marker.x-3 {
        position: absolute;
        font-size: 58px;
    }

    .icon-map-marker .number {
        position: absolute;
        top: 40%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #000;
        font-weight: 600;
        font-size: 12px;
        font-family: 'Open Sans', sans-serif;
    }
.map-search-icon {
    top: 120px !important;
    position: absolute;
}

    .map-search-icon .btn-secondary {
        background-color: #FFF;
        color: #000;
        border-color: #FFF;
    }

/*2.2 Calendar enhancement*/
.cal-close {
    position: absolute;
    right: 10px;
    top: 9px;
    z-index: 1;
    color: #FFF;
    font-size: 0.875rem;
    cursor: pointer;
}

.cal-enhance {
    text-decoration: underline;
    font-weight: 600;
}
/*2.2 Calendar enhancement*/
/*Rate Tracker*/
@media (min-width: 1680px) {
    .col-end-tracker {
        width: 110px !important;
    }
}

.rate-booked {
    color: #007BFF;
}

input.dropdown-toggle {
    padding-right: 30px;
    text-overflow: ellipsis;
}

.col-end-tracker {
    width: 98px;
}

.input-group-calendor.disabled .btn {
    background-color: #f1f3f6;
}

.price-limit .input-group-addon {
    padding: 6px 5px 5px 10px;
    position: relative;
    line-height: 18px;
    font-size: 0.75rem;
    text-align: center;
    color: #6C7583;
    background-color: #F1F3F6;
    border-radius: 4px;
    border: 1px solid #b8bcbe;
    border-right: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    font-weight: 400;
}

@media (min-width: 1680px) {
    .price-limit .input-group-addon {
        line-height: 21px;
        font-size: 0.875rem;
    }
}

.price-limit input {
    border-bottom-left-radius: 0px !important;
    border-left: 0px;
    padding-left: 0px;
    border-top-left-radius: 0px !important;
    font-weight: bold;
}

.input-group-calendor.disabled .input-group-append .btn {
    cursor: default;
}

@media (min-width: 1680px) {
    .tracker-dropdown-toggle::placeholder {
        font-size: 0.875rem
    }
}

.tracker-dropdown-toggle.form-control:disabled, .form-control[readonly] {
    background-color: transparent !important;
    opacity: 1;
}

input.tracker-dropdown-toggle::placeholder {
    color: #000;
    opacity: 1;
}

.info-rotate {
    display: inline-block;
    transform: rotate(180deg);
    padding-bottom: 1px;
}
/*Rate Tracker*/
/*Filter and sort changes*/
.sort-by-icon {
    transform: rotate( -90deg );
    display: inline-block;
}

.SortandFilterBock .filter-chip, .SortandFilterBock .filter-chip:hover, .SortandFilterBock .filter-chip:focus {
    background-color: transparent;
    padding: 0.2rem 0.5rem 0.2rem 0.5rem;
    line-height: 1.5;
    color: #000;
    font-weight: bold;
}

.SortandFilterBock .reset-all {
    font-weight: bold;
}

.SortandFilterBock.sortby-filter-chip-block .icon-close {
    background-color: #000;
    color: #fff;
}

.SortandFilterBock .iconDisabledDefaultSort {
    background-color: #B8BCBE !important;
    margin-left: 10px;
    cursor: default;
}

.sort-by-icon {
    transform: rotate( -90deg );
    display: inline-block;
}
.refine-search-dropdown .sortby-container1 label {
    color: #fff;
}

.sortby-container1 {
    /* border-bottom: 1px dashed #535353; */
    cursor: default;
}
/*end Filter and sort changes*/

/*Mfa resend opt timer*/
.new-code-text {
    position: absolute;
    bottom: 0px;
    right: 20px;
}
/*Mfa resend opt timer end*/
.full-map-view-card .success-msg.fixed-btm-alert1 {
    right: 24px;
}

.full-map-view-card .fixed-btm-alert1 {
    margin-top: 2px;
}

@media (min-width: 1680px) {
    .full-map-view-card .fixed-btm-alert1 {
        margin-top: -2px;
    }
}

/*Hotel Opportubities Team*/
.font-0 {
    font-size: 0;
}

.for-filter-dropdown-menu.manage-my-team.md {
    width: 320px;
}

.manage-my-team .dropdown-multiple-list .for-filter-search-type-list {
    max-height: 200px;
    overflow-y: auto;
}

.my-team-table .card-hotel-list .card-hotel-list-colum {
    padding: 0.5rem 1.25rem;
    border-top: solid 1px #D9E0EA;
    background-color: #fff;
}

.my-team-popup.dropdown-menu {
    border-radius: 10px;
    margin: auto;
    background-color: #fff;
    box-shadow: 0px 1px 15px rgb(0 0 0 / 16%);
}

.my-team-popup {
    z-index: 1000;
    width: 470px;
    background: #fff;
    padding: 15px;
    right: 108px;
}

    .my-team-popup .search-card {
        border: none;
        border-radius: 10px;
        border: solid 1px #B8BCBE !important;
        box-shadow: 10px 10px 40px rgb(0 0 0 / 0%);
    }

    .my-team-popup .btn-primary {
        background-color: #00424C;
        border-color: #00424C;
    }

.add-my-team-btn {
    color: #000000;
    background-color: #d7dadb;
    display: inline-block !important;
    font-weight: 600;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    display: none;
    margin-top: -2px;
    min-width: 90px;
    position: relative;
    right: 10px;
}

.active .myteam-remove {
    display: block;
}

.myteam-remove {
    display: none;
    color: #FFF;
    float: right;
    margin-left: 5px;
    font-size: 85%;
    position: relative;
    top: 1px;
}

    .myteam-remove .icon-close {
        background-color: #F1F3F4;
        border-radius: 50%;
        padding: 5px;
        font-size: 7px;
        color: #000;
        margin-right: -4px;
    }

.manage-my-team .for-filter-search-type-list {
    max-height: 200px !important;
    overflow-y: auto;
}

@media (min-width: 1680px) {
    .add-my-team-btn {
        color: #000000;
        background-color: #d7dadb;
        display: inline-block !important;
        font-weight: 600;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
        display: none;
        margin-top: -2px;
        min-width: 100px;
        position: relative;
        right: 10px;
    }

    .myteam-remove {
        display: none;
        color: #FFF;
        float: right;
        margin-left: 5px;
        font-size: 85%;
        position: relative;
        top: 0px;
    }

    .for-filter-dropdown-menu.manage-my-team.md {
        width: 350px;
    }
}

.manage-my-team .dropdown-item-text {
    display: block !important;
}

.manage-my-team {
    left: auto;
    top: auto;
    margin-top: 0.125rem !important;
    cursor: pointer;
}

.right-0 {
    right: 0;
}

.btn-primary.manage-my-team-removebtn {
    background-color: #B8BCBE !important;
    border-color: #B8BCBE !important;
    pointer-events: none;
}

.for-filter-dropdown-menu:has(.no-information-available) .no-info-add-team-link {
    display: none;
}

.my-team-popup .autobook-close i {
    font-size: 1.125rem;
    cursor: pointer;
}

.manage-my-team .custom-control.custom-checkbox .custom-control-input:disabled + .custom-control-label:after {
    background-color: #D7DADB;
    border-color: #b8bcbe;
}

.custom-select-label.disabled {
    color: #6c7583;
    font-style: italic;
}

.manage-my-team .height-multipax .custom-select-label div {
    margin-top: 1px;
}

.manage-my-team .height-multipax.for-filter-search-type-list > .row:first-child {
    padding-bottom: 0.4rem !important;
}

.my-team-records-block .remove-agent-success {
    top: 13px;
}

.card-hotel-list .num-list:last-child .card-hotel-list-colum, .card-hotel-list .num-list:last-child .booking-more-details {
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}
.list-table-cards.my-team-records-block .card-body {
    max-height: 200px;
    overflow-x: auto;
    border: 1px solid #e6ebf1;
    border-radius: 10px;
}
/*Hotel Opportubities Team*/
/*FULL MAP RATE BUCKET TOOLTIP*/
.rate-view-list-map.rate-view-list {
    padding: 0;
    width: 330px;
    position: absolute;
    right: auto !important;
    display: block;
}

.rate-view-list-map .tooltip-inner {
    max-width: 200px;
    padding: 0.25rem 0.5rem;
    color: #fff;
    text-align: inherit;
    background-color: transparent !important;
    border-radius: 0.25rem;
}

.rate-view-list-map.rate-view-list .rate-view-list-inside {
    background-color: #000000 !important;
    color: #000;
}

.rate-view-list-map.rate-view-list, .rate-view-list-map.rate-view-list a:hover {
    color: #FFF;
    text-decoration: none;
    cursor: pointer !important;
}

    .rate-view-list-map.rate-view-list a, .rate-view-list-map.rate-view-list a:hover, .map-agency-rates .rv-gap h6.converted-rate {
        color: #fff !important;
    }

    .rate-view-list-map.rate-view-list .identify-icons-map {
        background-color: #08313a;
        border-radius: 10px;
        width: 3px;
        top: 0px;
        left: 3px;
        padding: 0.3rem;
    }

        .rate-view-list-map.rate-view-list .identify-icons-map.client {
            padding: 0.3rem;
            background-color: #1EA9C4;
            display: inline-block;
            border-radius: 10px;
            width: 3px;
            top: 0px;
            left: 3px;
        }

    .rate-view-list-map.rate-view-list .rate-view-list-inside > .row:first-child {
        background-color: #000000 !important;
    }

    .rate-view-list-map.rate-view-list .rate-view-list-inside > .row:hover {
        background-color: #1f1f1f;
    }
/*END FULL MAP RATE BUCKET TOOLTIP*/
.rate-more-tp .btn-group {
    vertical-align: middle;
    padding-top: 5px;
}
/*Hotel image description*/
.rate-gallery-caption-inner h6 {
    white-space: normal !important;
}

.rate-gallery-caption {
    position: absolute;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.67);
    padding: 0.75rem;
    width: 100%;
    padding-right: 12px;
}

    .rate-gallery-caption h6 {
        color: #fff;
        font-weight: normal;
        margin: 0px;
        text-align: left;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        line-height: normal;
    }

.gallery-section-caption .tooltip-inner {
    text-align: left;
    font-size: 12px;
}

.gallery-section-caption {
    z-index: 99999;
}

@media (min-width: 1680px) {
    .gallery-section-caption .tooltip-inner {
        text-align: left;
        font-size: 14px;
    }

    .gallery-section-caption-inner-thumb {
        z-index: 99999;
        top: 12% !important;
    }
}

@media (max-width: 1366px) {
    /*.gallery-section-caption-inner-thumb {
        z-index: 99999;
        top: 18% !important;
    }*/

    body .gallery-section-caption-inner-thumb {
        top: 18% !important;
    }
}

.gallery-section-caption-inner-thumb {
    z-index: 99999;
    top: 15% !important;
}

/*disable otp link*/
.disabledtimer {
    color: #99A4B4 !important;
    font-style: italic;
    pointer-events: none;
}
.hotel-facility-icon img {
    cursor: pointer;
}

/*Menu Navigate Corresponding page*/
.retrieve-booking {
    white-space: nowrap;
}

    .retrieve-booking .retrieve-options {
        display: inline-block;
        margin-right: 5px;
    }

.dropdown-submenu .dropdown-menu.retriveMenuBooking {
    min-width: 315px;
    top: 0;
    left: auto;
    width: auto !important;
    margin-top: -8px;
}

.modify-dropdown-sec a:hover {
    text-decoration: none;
}
/*Menu Navigate Corresponding page*/

.hotel-info .hotel-facility-icon.img img {
    width: 28px;
    height: 28px;
}
/*RATE CARD RATE DESCRIPTION*/
.rate-desc {
}

.reco-rate-dec {
    height: 215px !important;
}

.rate-detailed-text {
    height: 31px;
}

.reco-split-map .reco-rate-cards .card-body.reco-rate-dec-full-map-view {
    height: 320px !important;
}
/*END RATE CARD RATE DESCRIPTION*/
.hotel-info-val {
    overflow: hidden;
}

.tooltip-no-offer-availability .tooltip-inner {
    max-width: 250px;
    min-width: 250px;
    background-color: #F86363 !important;
    color: #FFF;
    opacity: 1 !important;
    box-shadow: 10px 10px 30px rgb(0 0 0 / 16%);
    border-radius: 10px;
    font-size: 0.75rem;
    text-align: left;
    padding: 12px 15px;
}

.dropdown-repeat-box .link-block.dropdown-toggle {
    cursor: pointer;
    border-bottom: none;
}

.btn-group.show .link-block.dropdown-toggle::after {
    transform: rotate(0deg);
    right: 0;
    position: absolute;
    top: 50%;
}

.btn-group.show .link-block.dropdown-toggle.show::after {
    transform: rotate(-180deg);
}

.dropdown-repeat-box .link-block {
    position: relative;
}

    .dropdown-repeat-box .link-block.dropdown-toggle {
        cursor: pointer;
        border-bottom: none;
    }

.dropdown-repeat-box a.close {
    position: absolute;
    right: 8px;
    top: 8px;
    color: #000;
    font-size: 75%;
    opacity: 1;
}
.test-booking-block label {
    text-transform: none;
}

/*AGGREGATOR RATE BUCKET COLOUR*/
.aggregator-rate .nav-link {
    background: #000 !important;
    color: #fff !important;
}

.aggregator-rate .nav-link h5,
.aggregator-rate .nav-link h6 {
    color: #fff;
}
/*END AGGREGATOR RATE BUCKET COLOUR*/

.express-mode-true .rate-more-tp .btn-group {
    vertical-align: middle;
    padding-top: 5px;
}

/*Hotel Incorrect Start*/
.hotelinfo-area {
    height: 70px !important;
}

@media (min-width: 1680px) {
    .hotelinfo-area {
        height: 80px !important;
    }
}

.hotel-info-address {
    height: 180px !important;
}

@media (min-width: 1680px) {
    .hotel-info-address {
        height: 194px !important;
    }
}

.hotel-info-block {
    background-color: #FFF;
    padding: 1.5rem;
    border-radius: 10px;
    box-shadow: 10px 10px 40px rgb(0 0 0 / 10%);
}

    .hotel-info-block a.modal-close {
        background-color: #fff;
        display: inline-block;
        width: 25px;
        height: 25px;
        border-radius: 200px;
        text-align: center;
        line-height: 2.65;
        color: #000;
        position: absolute;
        right: 18px !important;
        z-index: 4;
        top: 0px;
        font-size: 0.825rem;
    }

.tel-code-incorrect-info {
    max-width: 200px;
}
/*Hotel Incorrect end*/

.CurrencyConvertAgentFeedBack .feedback-popup {
    top: 0px;
    bottom: auto;
}
.mapfullviewbucketscroll .gmnoprint.gm-bundled-control-on-bottom {
    right: 70px !important;
}

.mapfullviewratescroll .gmnoprint.gm-bundled-control-on-bottom {
    right: 200px !important;
}
@media (max-width: 1366px) {
    .full-map-view-card.ui-resizable .resize-bottom.ui-resizable-e.showdrag {
        display: none !important;
    }

    .map-margin {
        margin-left: 0px !important;
    }
}
/*show more hide*/
.mapfullview-hideshowmore {
    visibility: hidden;
}

@media (min-width: 1680px) {
    .mapfullview-hideshowmore {
        display: none;
    }
}
/*end show more hide*/

.new-map-view .hotel-map-listing {
    overflow: auto
}

.on-request-email {
    max-width: 245px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (min-width: 1680px) {
    .on-request-email {
        max-width: 285px;
    }
}