@font-face {
    font-family: 'Montserrat Regular';font-style: normal;font-weight: normal;
    src: local('Montserrat Regular'), url('./fonts/montserrat-cufonfonts-webfont/Montserrat-Regular.woff') format('woff');}
@font-face {
    font-family: 'Montserrat Italic';font-style: normal;font-weight: normal;
    src: local('Montserrat Italic'), url('./fonts/montserrat-cufonfonts-webfont/Montserrat-Italic.woff') format('woff');}
@font-face {
    font-family: 'Montserrat Thin';font-style: normal;font-weight: normal;
    src: local('Montserrat Thin'), url('./fonts/montserrat-cufonfonts-webfont/Montserrat-Thin.woff') format('woff');}
@font-face {
    font-family: 'Montserrat Thin Italic';font-style: normal;font-weight: normal;
    src: local('Montserrat Thin Italic'), url('./fonts/montserrat-cufonfonts-webfont/Montserrat-ThinItalic.woff') format('woff');}
@font-face {
    font-family: 'Montserrat ExtraLight';font-style: normal;font-weight: normal;
    src: local('Montserrat ExtraLight'), url('./fonts/montserrat-cufonfonts-webfont/Montserrat-ExtraLight.woff') format('woff');}
@font-face {
    font-family: 'Montserrat ExtraLight Italic';font-style: normal;font-weight: normal;
    src: local('Montserrat ExtraLight Italic'), url('./fonts/montserrat-cufonfonts-webfont/Montserrat-ExtraLightItalic.woff') format('woff');}
@font-face {
    font-family: 'Montserrat Light';font-style: normal;font-weight: normal;
    src: local('Montserrat Light'), url('./fonts/montserrat-cufonfonts-webfont/Montserrat-Light.woff') format('woff');}
@font-face {
    font-family: 'Montserrat Light Italic';font-style: normal;font-weight: normal;
    src: local('Montserrat Light Italic'), url('./fonts/montserrat-cufonfonts-webfont/Montserrat-LightItalic.woff') format('woff');}
@font-face {
    font-family: 'Montserrat Medium';font-style: normal;font-weight: normal;
    src: local('Montserrat Medium'), url('./fonts/montserrat-cufonfonts-webfont/Montserrat-Medium.woff') format('woff');}
@font-face {
    font-family: 'Montserrat Medium Italic';font-style: normal;font-weight: normal;
    src: local('Montserrat Medium Italic'), url('./fonts/montserrat-cufonfonts-webfont/Montserrat-MediumItalic.woff') format('woff');}
@font-face {
    font-family: 'Montserrat SemiBold';font-style: normal;font-weight: normal;
    src: local('Montserrat SemiBold'), url('./fonts/montserrat-cufonfonts-webfont/Montserrat-SemiBold.woff') format('woff');}
@font-face {
    font-family: 'Montserrat SemiBold Italic';font-style: normal;font-weight: normal;
    src: local('Montserrat SemiBold Italic'), url('./fonts/montserrat-cufonfonts-webfont/Montserrat-SemiBoldItalic.woff') format('woff');}
@font-face {
    font-family: 'Montserrat Bold';font-style: normal;font-weight: normal;
    src: local('Montserrat Bold'), url('./fonts/montserrat-cufonfonts-webfont/Montserrat-Bold.woff') format('woff');}
@font-face {
    font-family: 'Montserrat Bold Italic';font-style: normal;font-weight: normal;
    src: local('Montserrat Bold Italic'), url('./fonts/montserrat-cufonfonts-webfont/Montserrat-BoldItalic.woff') format('woff');}
@font-face {
    font-family: 'Montserrat ExtraBold';font-style: normal;font-weight: normal;
    src: local('Montserrat ExtraBold'), url('./fonts/montserrat-cufonfonts-webfont/Montserrat-ExtraBold.woff') format('woff');}
@font-face {
    font-family: 'Montserrat ExtraBold Italic';font-style: normal;font-weight: normal;
    src: local('Montserrat ExtraBold Italic'), url('./fonts/montserrat-cufonfonts-webfont/Montserrat-ExtraBoldItalic.woff') format('woff');}
@font-face {
    font-family: 'Montserrat Black';font-style: normal;font-weight: normal;
    src: local('Montserrat Black'), url('./fonts/montserrat-cufonfonts-webfont/Montserrat-Black.woff') format('woff');}
@font-face {
    font-family: 'Montserrat Black Italic';font-style: normal;font-weight: normal;
    src: local('Montserrat Black Italic'), url('./fonts/montserrat-cufonfonts-webfont/Montserrat-BlackItalic.woff') format('woff');}

html, body{font-family: 'Montserrat Regular';font-size: 0.9rem;overflow-y: auto;color: #000000;}
p, span, a{font-family: 'Montserrat Regular';font-size: 0.95rem;}
.btn{font-family: 'Montserrat Regular';font-size: 1rem;}
.txt-thead{font-family: 'Montserrat Regular';font-size: 1rem;font-weight: 100;letter-spacing: 0.04rem;}
.txt-bold{font-weight: bold;}
p{margin: 0 0 6px 0;}
br{clear: both;}
h1{font-family: 'Montserrat SemiBold';}
h1, h2, h3, h4, h5, h6{font-family: 'Montserrat SemiBold';font-weight: bold;text-shadow: 0.1px 0.1px #000000;letter-spacing: 0.01rem;}
.h1, h1{font-size: 1.5rem;}
.h2, h2{font-size: 1.4rem;}
.h3, h3{font-size: 1.3rem;}
.h4, h4{font-size: 1.2rem;}
.h5, h5{font-size: 1.1rem;font-weight: bold;}
a{color: #000000;text-decoration: underline !important;cursor: pointer;}
a:hover {color: #000000;text-decoration: underline;}
.close span {font-size: 2.5rem;font-weight: 100;}
.x-checkbox{position: absolute;top: 0.26rem;}
.x-checkbox-rel{position: relative;top: 0.15rem;}
.clearfix{clear: both;}
@mixin clearfix() {
&::after {
    display: block;
    content: "";
    clear: both;
}
}
.element {
@include clearfix;
}

.expandable .icon.float-right{position: relative;top: -1.5em;right: 0px;}

.txt-color-n-bg, .txt-color-n-bg svg, .txt-color-n-bg a, .txt-color-n-bg p, .txt-color-n-bg span, .txt-color-n-bg ul, .txt-color-n-bg ul li, .txt-color-n-bg ul li a {
    color: #C4C4C4;
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #c29c58;
    border-radius: .25rem;
}
.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #c29c58;
}

#hotel_info{}
#hotel_info h1{font-size: 1.3rem;line-height: 1.8rem;text-align: left;vertical-align: top;}
#hotel_info p{font-size: 0.8rem;line-height: 1.8rem;text-align: left;vertical-align: top;margin: 0 0 0 0;}

#payment {padding-top: 0rem !important;}

@media (max-width: 767.98px) {
    #header {padding-bottom: 0rem !important;}
    #alert_user_mb {padding-bottom: 0rem !important;}
    #other_enhancements {padding-top: 0.5rem !important;}
    #payment {padding-top: 0.5rem !important;}
}

@media (min-width: 768px) and (max-width: 991.98px) {
    #header {padding-bottom: 0rem !important;}
    #alert_user_mb {padding-top: 0.5rem !important;padding-bottom: 0.5rem !important;}
    #other_enhancements {padding-top: 1rem !important;}
    #payment {padding-top: 0.5rem !important;}
}

.hideForVoucher{visibility: hidden;}

    @media (max-width: 575.98px) {
    .name-hotel {margin: 0px 0 0px 0;}
    #check_in{display:none;}
    #check_in2{display:block;}
    #check_out{display:none;}
    #check_out2{display:block;}
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .name-hotel{}
    #check_in{display:none;}
    #check_in2{display:block;}
    #check_out{display:none;}
    #check_out2{display:block;}
}
@media (min-width: 768px) and (max-width: 991.98px) {
    #check_in{display:block;}
    #check_in2{display:none;}
    #check_out{display:block;}
    #check_out2{display:none;}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    #check_in{display:block;}
    #check_in2{display:none;}
    #check_out{display:block;}
    #check_out2{display:none;}
}
@media (min-width: 1200px) {
    #check_in{display:block;}
    #check_in2{display:none;}
    #check_out{display:block;}
    #check_out2{display:none;}
}

@media (min-width: 576px) and (max-width: 991.98px) and (max-height: 767.98px) {
    #booking_summary_tb {display: none;}
    #btn_booking_summary_mb {display: block !important;}
    #enhancement_bar {display: none !important;}
}

#hotel_logo{}
#hotel_logo img{}

#hotel_logo_left{padding-right: 1px;}
#hotel_logo_right{padding-left: 1px;}

#hotel-logo-left {position: relative;top: 50%;transform: translateY(-50%);}
#hotel-logo-right {position: relative;top: 50%;transform: translateY(-50%);}

#header{background: transparent;}
.txt-drop{opacity: 0.5;}
.txt-color-hotel{color: #000000;}
.txt-color-hover p:hover, .txt-color-hover p:active,
.txt-color-hover li:hover, .txt-color-hover li:active,.txt-color-hover li a:hover, .txt-color-hover li a:active{color: #C4C4C4;}
.txt-color-n-bg, .txt-color-n-bg svg, .txt-color-n-bg a, .txt-color-n-bg p, .txt-color-n-bg span, .txt-color-n-bg ul, .txt-color-n-bg ul li, .txt-color-n-bg ul li a {color: #C4C4C4;}
.txt-color, .txt-color img, .txt-color a, .txt-color p, .txt-color span, .txt-color ul, .txt-color ul li, .txt-color ul li a{color: #ffffff;}
.txt-color>a:hover, .txt-color>a:active, .txt-color a:hover, .txt-color a:active  .txt-color ul li a:hover, .txt-color ul li a:active{color: #ffffff !important;}
.bg-color{background: #C4C4C4 !important}
.bg-color-privileges{background: #000000 !important;}

.book-step .active .dot{background: #C4C4C4;border: solid 1px #C4C4C4;}
.book-step .active .line{border-bottom: solid 2px #009688;}

.fade.in {
    opacity: 1;
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .book-step {float: left;}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .box-book-step{position: absolute;right: 0;max-width: 100%;}
    .book-step {float: right;}
}
@media (min-width: 1200px) {
    .book-step {float: right;}
}
.box-book-step{padding-left: 0px;}
.book-step .active .txt-name{color: #000000 !important;}
.book-step{font-size: 0.4rem !important;line-height: 1.8rem;text-align: right;}
.book-step .dot{width: 8px;height: 8px;border-radius: 50%;border: solid 1px #C4C4C4;display: inline-block;margin: 0px 4px 0px 4px;}
.book-step .line{width: 5px;height: 0;border-bottom: solid 2px #C4C4C4;background: transparent;display: inline-block;margin: 0 0 3px 2px;}
.book-step .txt-name{color: #C4C4C4;}
.book-step .step-dt{float: left;}
.book-step .step-pm{float: left;}
.book-step .step-cf{float: left;}

.book-step .active .dot{background: #C4C4C4;border: solid 1px #C4C4C4;}
.book-step .active .line{border-bottom: solid 2px #C4C4C4;}
.book-step .step{color: #C4C4C4;border-radius: 50%;border: solid 1px #C4C4C4;padding: 1px;width: 15px;height: 15px;
    display: inline-block;text-align: center;line-height: 12px;margin: 0 1px 0 1px;font-size: 0.6rem;}
.book-step .active .step {color: #000000 !important;border: solid 1px #000000 !important;}

.menu-hotel-left{}
.menu-hotel-left ul, .menu-hotel-left ul a {display: inline-flex;padding: 0;font-size: 0.8rem;font-weight: bold;margin: 0 -8px 0 0;}
.menu-hotel-left ul li{display: block;margin: 0px 8px;}
.menu-hotel-left a {}
.menu-hotel-right{text-align: right;}
.menu-hotel-right ul, .menu-hotel-right ul a {display: inline-flex;padding: 0;font-size: 0.8rem;font-weight: bold;margin: 0;}
.menu-hotel-right ul li{display: block;margin: 0px 8px;}
.menu-hotel-right ul li select{border: none;font-size: 0.84rem;}
.menu-hotel-right ul li select option{}
.menu-hotel-right a {text-decoration: none;}
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled):hover, .show>.btn-light.dropdown-toggle {border: none;}

.box-language-mb{position: absolute;top: 20px;right: 72px;}
.box-language-mb .icon-chart-mb{margin: -2px 15px 0 0;font-size: 1.6rem;color: #000000;}
.box-language-mb .choose-language-mb{border: none;font-size: 0.84rem;}

.alert_promo_pop_up{position: absolute;left: 0px;top: 70px;z-index: 1;width: 286px;color: #000000;padding: 0;margin: 0;}
.alert_promo_pop_up .panel-collapse.fade {-webkit-transition: opacity 1s linear;transition: opacity 1s linear;background: rgba(230, 230, 230, 0.78);border: 0;border-radius: 0;box-shadow: 1px 1px 6px #7c7c7c;}
.alert_promo_pop_up .close{z-index: 9999;position: absolute;right: -2px;top: 0px;color: #000000;opacity: 1;text-shadow: 0 1px 0 #686868;}
.alert_promo_pop_up .close svg{font-size: 30px;}
.alert_promo_pop_up p {color: #000000;background: transparent;padding: 20px;margin: 0;}
/*.alert_promo_pop_up .announcement_content{background: transparent;padding: 20px;margin: 0;}*/
/*.alert_promo_pop_up .announcement_content h1{text-transform: uppercase;font-size: 1.5em;letter-spacing: 4px;line-height: 30px;margin: 0 0 10px 0;}*/
/*.alert_promo_pop_up .announcement_content p{line-height: 1.75rem;letter-spacing: 2px;font-size: 1em;}*/
/*!*.alert_announcement_pop_up .announcement_content .btn_offer{text-transform: uppercase;letter-spacing: 2px;color: #ffffff;text-align: center;border: solid 1px #ffffff;padding: 10px 15px;clear: both;margin: 20px auto 0px auto;display: block;-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}*!*/
/*.alert_promo_pop_up .announcement_content .btn_offer:hover, .alert_announcement_pop_up .announcement_content .btn_offer:focus{text-decoration: none;letter-spacing: 3px;-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}*/
.alert_promo_pop_up .tool_tip{border-top: 16px solid #444444;position: absolute;right: 11px;width: 27px;height: 17px;border-right: 18px solid transparent;border-left: 18px solid transparent;}

#sidebar_wrapper {z-index: 1;position: fixed;top: 0;right: 0;width: 250px;height: 100%;margin-right: -250px;overflow-y: auto;background: #222;-webkit-transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-ms-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;}
.sidebar-nav {position: unset;top: 0;width: 100%;margin: 0;padding: 1rem 0 0 0;list-style: none;display: block;clear: both;}
.sidebar-nav #menu_close{position: absolute;right: 0;float: right;margin: 0 0 0px 0;top: 0;}
.sidebar-nav #menu_close svg{color: #ffffff;font-size: 3.5rem;}
.sidebar-nav li,#sidebar_wrapper h3 {text-indent: 20px;line-height: 40px;}
.sidebar-nav li a,#sidebar_wrapper h3 {display: block;text-decoration: none;color: #999;font-size: 1rem;}
#sidebar_wrapper h3 {text-indent: 0px;font-size: 1.3rem;padding: 15px 40px 0 20px;line-height: 28px;}
.sidebar-nav li a:hover {text-decoration: none;color: #fff;background: rgba(255,255,255,0.2);}
.sidebar-nav li a:active,
.sidebar-nav li a:focus {text-decoration: none;}
.sidebar-nav > .sidebar-brand {height: 55px;font-size: 18px;line-height: 55px;}
.sidebar-nav > .sidebar-brand a {color: #999;font-size: 1rem;}
.sidebar-nav > .sidebar-brand a:hover {color: #fff;background: none;}
#menu_toggle {z-index: 1;position: fixed;top: 5px;right: 10px;}
#sidebar_wrapper.active {z-index: 9999;top: 0;right: 250px;width: 320px;-webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;-ms-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;}.btn-light {color: #212529;background-color: transparent;
                                      border-color: transparent;padding: 0;font-size: 0.85rem;margin: -6px 0 0 0;}
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active,  .btn-light:not(:disabled):not(.disabled):hover, .show>.btn-light.dropdown-toggle {color: #212529;background-color: transparent;border-color: unset;}

.down2 .bi-chevron-down{display: none;}
.down2 .bi-chevron-up{display: block;}
.up2 .bi-chevron-down{display: block;}
.up2 .bi-chevron-up{display: none;}
.icon-up-down2{font-size: 1.2rem;}
#booking_summary_tb span{float: left;}
@media (max-width: 575.98px) {
    .alert-user-mb{width: 100%;margin: 0;}
    .alert-user-mb .name-user{}
    .alert-user-mb .status-user{float: right;}
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .alert-user-mb{width: 100%;margin: 0;}
    .alert-user-mb .name-user{}
    .alert-user-mb .status-user{float: right;}
    #booking_summary_tb{background: #000000;color: #ffffff;border-radius: 0;border: solid 1px #000000;
        padding: 8px 4px;text-align: center;float: right;margin-bottom: 0.5rem;}
    #booking_summary_tb .booking-amount{border-radius: 50%;border: solid 1px #ffffff;background: #ffffff;color: #000000;padding: 0% 0%;font-size: 0.8rem;min-width: 20px;display: inline-block;margin-left: 2px;}
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .alert-user-mb{width: 100%;margin: 0;}
    .alert-user-mb .name-user{}
    .alert-user .txt-or{margin: 0 15px;}
    .alert-user-mb .status-user{float: right;}

    #booking_summary_tb{background: #000000;color: #ffffff;border-radius: 0;border: solid 1px #000000;
        padding: 8px 4px;text-align: center;float: right;}
    #booking_summary_tb .booking-amount{border-radius: 50%;border: solid 1px #ffffff;background: #ffffff;color: #000000;padding: 0% 0%;font-size: 0.8rem;min-width: 20px;display: inline-block;margin-left: 2px;}
}

@media (min-width: 992px){
    .lg-tax{margin-top: 20px;}
}

#collapse_booking_summary_bar_tab{position: absolute;right: 15px;top:2.5rem;background: #ffffff;border: solid 1px #000000;
    margin: 8px 0 0 0;width: 75vw;z-index: 10;}
.rooms-number{text-align: left;}
.rooms-number p {}
.rooms-number .number{font-weight: bold;}
.detail-room-summary .name-room{text-align: left;}
.detail-room-summary .name-room p{font-weight: bold;}
.detail-room-summary .price-room{}
.detail-room-summary .price-room p{font-weight: bold;}
.detail-room-summary .detail-room-book{text-align: left;}
.detail-room-summary .detail-room-book p{margin: 0;}
.detail-room-summary .icon-bin{}
.detail-room-summary .icon-bin svg{font-size: 1.2rem;position: absolute;bottom: 0px;right: 15px;cursor: pointer;}
.detail-room-summary .bin {text-align: right;}
.detail-room-summary .check-out {text-align: right;}

.total-taxes{font-weight: bold;}
.title-total-taxes{text-align: left;}
.amount-total-taxes{text-align: right;}
.name-total-price{text-align: left;}
.name-total-price h5{font-weight: bold;margin: 0;}
.name-total-price p{}
.total-price{}
.total-price .currency{}
.total-price .currency select{font-size: 0.9rem;width: fit-content;padding: 4px 12px;border-radius: 0;}
.total-price .total{text-align: right;font-weight: bold;}
.btn-book-summary{background: #000000;color: #ffffff;border-radius: 0;border: solid 1px #000000;width: 100%;margin: 15px 0 0px 0;}
.btn-book-summary:hover{font-weight: bold;background: #ffffff;}

@media (max-width: 375.98px) {
    .gallery-top{height: 248px !important;}
    .gallery-thumbs{height: 52px !important;}
}
@media (min-width: 376px) and (max-width: 414.98px) {
    .gallery-top{height: 276px !important;}
    .gallery-thumbs{height: 52px !important;}
}
@media (min-width: 415px) and (max-width: 575.98px) {
    .gallery-top{height: 352px !important;}
    .gallery-thumbs{height: 66px !important;}
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .gallery-top{height: 352px !important;}
    .gallery-thumbs{height: 66px !important;}
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .gallery-top{height: 352px !important;}
    .gallery-thumbs{height: 66px !important;}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .modal-lg, .modal-xl {max-width: 660px !important;}

    .gallery-top{height: 430px !important;}
    .gallery-thumbs{height: 76px !important;}
}
@media (min-width: 1200px) {
    .gallery-top{height: 430px !important;}
    .gallery-thumbs{height: 76px !important;}
}
@media (min-width: 992px){
    .modal-lg, .modal-xl {max-width: 660px !important;}
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {content: 'prev';color: #7f7f7f;}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {content: 'next';color: #7f7f7f;}
.swiper-container {width: 100%;height: 300px;margin-left: auto;margin-right: auto;}
.gallery-top .swiper-slide {background-repeat: no-repeat;background-size: contain;background-position: center;}
.gallery-thumbs .swiper-slide {background-repeat: no-repeat;background-size: cover;background-position: center;}
.gallery-top {height: 80%;width: 100%;background: #fcfcfc;}
.gallery-thumbs {height: 17%;box-sizing: border-box;padding: 10px 0;}
.gallery-thumbs .swiper-slide {width: 12.5%;height: 100%;opacity: 0.8;}
.gallery-thumbs .swiper-slide-thumb-active {opacity: 1;border: solid 1px #4c4d4e;}

@media (max-width: 575.98px) {
    .room-list .room{padding: 5px 20px;}
    .room-list .room-tb{padding: 5px 22px;}
    .more-detail{text-align: left;margin: 0 0 10px 0;}
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .room-list .room{padding: 5px 20px;}
    .room-list .room-tb{padding: 5px 22px;}
    .more-detail{text-align: left;margin: 0 0 10px 0;}
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .room-list .room{padding: 5px 20px;}
    .room-list .room-tb{padding: 15px 30px 15px 0;}
    .more-detail{text-align: left;margin: 0 0 10px 0;}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .room-list .room{padding: 5px 20px;}
    .room-list .room-tb{padding: 15px 30px 15px 0;}
    .more-detail{text-align: left;}
}
@media (min-width: 1200px) {
    .room-list .room{margin: 5px 0 0 0;padding: 0 20px 0 0;}
    .more-detail{text-align: right;}
}
.room-list{border: 1px solid rgba(0,0,0,.125);border-radius: 0;margin: 0 0 15px 0;}
.room-list .room-photo{height: fit-content;cursor: pointer;}
/*.room-list .room-photo .total-number-room-photo{position: absolute;right: 30px;bottom: 15px;background: #e9e9e9;*/
/*    color: #000000;opacity: 0.6;width: fit-content;padding: 6px 10px;border-radius: 10px;}*/
/*.room-list .room-photo .total-number-room-photo span{color: #000000;}*/

@media (max-width: 575.98px) {
    .room-list .room-photo .total-number-room-photo{position: absolute;right: 24px;bottom: 1vh;background: rgb(0 0 0 / 35%);color: #ffffff;width: fit-content;padding: 4px 8px;border-radius: 6px;display: table;display: table;}
}
@media (min-width: 576px) {
    .room-list .room-photo .total-number-room-photo{position: absolute;right: 20px;bottom: 1vh;background: rgb(0 0 0 / 35%);color: #ffffff;width: fit-content;padding: 4px 8px;border-radius: 6px;display: table;}
}
.room-photo .row{margin: 0;}
.room-photo .row .room-photo-list{padding: 0;}

.room-photo .thumbnail-hero-list{background-repeat: no-repeat;background-position: center;background-color: #f7f7f7;
    height: 6rem;padding: 0 0.2rem;margin: 0.1rem 0rem;opacity: 1;}
.thumbnail-hero-list.active{opacity: 1;}

.prev-photo{cursor: pointer;position: absolute;top:50%;left: 10px;transform: translate(-50%, -50%);
    color: #464646;font-size: 200%}
.next-photo{cursor: pointer;position: absolute;top:50%;right: 0px;transform: translate(-50%, -50%);
    color: #464646;font-size: 200%}

.room-photo .row{margin: 0;}
.room-photo .row .room-photo-list{padding: 0;}

.photo-container{position: relative;}
.room-photo-list{opacity: 0.4}
.room-photo-list.active{opacity: 1;}

.active-photo{background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #FFFFFF;
    width: 100%;
}

@media (max-width: 575.98px) {
    .active-photo{height: 150px;}
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .active-photo{height: 200px;}
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .active-photo{height: 250px;}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .active-photo{height: 300px;}
}
@media (min-width: 1200px) {
    .active-photo{height: 350px;}
}

.room-list .room h2,.room-list .room-tb h2{font-size: 1.28rem;font-weight: bold;cursor: pointer;text-decoration: underline !important;
    margin-bottom: 1px;}
.room-list .room p{margin: 0;}

.more-detail a{cursor: pointer;color: #000000;text-decoration: underline !important;}

.room-amenities ul{font-size: 1.4rem;display: inline-flex;padding: 0;}
.room-amenities ul li{display: inline-block;margin: 0 6px;}

ul.item,ul.item label {list-style: none; padding: 0 0 10px 0; font-size: 0.95rem;}
ul.item label {font-size: 0.95rem;}
ul.item li {margin: 0; }

.x-rate-detail {border: 0; width: 260px;margin: 0.5rem 0;}
.x-rate-detail thead th{background-color: #000000;padding: 15px 0;color: #ffffff;text-align: center;
    border: 1px solid #efefef;border-bottom: 0;font-size: 0.9rem;line-height: 0;}
.x-rate-detail thead th:first-child {border-top-left-radius: 0px;}
.x-rate-detail thead th:last-child {border-top-right-radius: 0px;}
.x-rate-detail thead td {background-color: #595959;color: #ffffff;padding: 2px 5px;}
.x-rate-detail thead td:first-child {border-left: 1px solid #efefef;}
.x-rate-detail thead td:last-child {border-right: 1px solid #efefef;}
.x-rate-detail tbody td {padding: 5px;background-color: #ffffff;border: 1px solid #efefef;}
.daily-left{width: 25px;height: 0px;position: relative;top: -4px;left: 2px;}
.daily-right{width: 25px;height: 0px;position: relative;top: -4px;left: 10px;}

.short-desc {}

/*.ui-datepicker .ui-datepicker-title {color: #8094c6 !important;font-family: Trajan Pro, Times;}*/
/*.ui-datepicker th {padding: .7em .3em;text-align: center;font-weight: bold;border: 0;color: #8094c6;}*/
/*.ui-widget-content {width: auto;border: 1px solid rgba(170, 170, 170, 0.52);background: #ffffffffffff;color: #a7a7a7;font-size: 14px;box-shadow: 1px -1px 6px 1px rgba(156, 156, 156, 0.3);}*/
/*.ui-widget-header {border-top: none;border-left: none;border-right: none;border-bottom: 1px solid #e0e0e0;background: transparent;color: #848484;font-weight: bold;border-radius: unset;}*/

/*.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {border: 0px solid #d3d3d3;background: none;font-weight: normal;color: #555;}*/
/*.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #8094c6;background: none;color: #8094c6;font-weight: bold;border-radius: 4px;}*/
/*.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {border: 0px solid #aaa;background: none;color: #F44336;font-weight: bold;}*/

/* Datepicker Aug 31 2021 start */
.ui-datepicker .ui-datepicker-title {color: #000000 !important;font-family: Trajan Pro, Times;}
.ui-datepicker th {padding: .7em .3em;text-align: center;font-weight: bold;border: 0;color: #575757;}
.dp-highlight .ui-state-default {background: #000000 !important;color: #ffffff !important;border-radius: 4px;}
.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 {background: transparent !important;
    font-weight: normal;color: #000000 !important;border-radius: 4px;border: solid 1px #000000 !important;
}
.ui-widget-header {border-top: none;border-left: none;border-right: none;border-bottom: 1px solid #e0e0e0;background: transparent;color: #848484;font-weight: bold;border-radius: unset;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {border: 0px;background: transparent;font-weight: normal;color: #555;text-decoration: none !important;}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {opacity: .4;filter: Alpha(Opacity=35);background-image: none;text-decoration: line-through;text-align: center;}
/* Datepicker Aug 31 2021 end */

/*.ui-datepicker .ui-datepicker-title {color: #000000 !important;font-family: Trajan Pro, Times;}*/
/*.ui-datepicker th {padding: .7em .3em;text-align: center;font-weight: bold;border: 0;color: #575757;}*/
/*.dp-highlight .ui-state-default {background: #000000;color: #ffffff;border-radius: 4px;}*/
/*.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 {background: transparent !important;*/
/*    font-weight: normal;color: #8094c6 !important;border-radius: 4px;border: solid 1px #8094c6 !important;}*/

@media (max-width: 767.98px){
    .ui-datepicker {width: 21rem;}
}

.ui-icon-circle-triangle-e {background-position: -32px 0px;}
.ui-icon-circle-triangle-w {background-position: -96px 0px;}

#ui-datepicker-div .Booked .ui-state-default {border: 1px solid #8cff05;background: #000000;font-weight: 400;color: #ffffff;}
/*.dp-highlight .ui-state-default {background: #8094c6;color: #ffffff;border-radius: 4px;}*/

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {opacity: .5;filter: Alpha(Opacity=35);background-image: none;text-decoration: line-through;text-align: center;}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width: 46%;background: transparent;border: solid 1px #ededed;margin: 0 5px 0 0;border-radius: 4px;padding: 2px 2px 2px 2px;}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {background: transparent !important;font-weight: normal;color: #8094c6  !important;border-radius: 4px;border: solid 1px #8094c6 !important;}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {position: absolute;top: 8px;width: 1.8em;height: 1.8em;    background: transparent;border: solid 1px #a5a5a5;}
.ui-datepicker td span, .ui-datepicker td a {padding: 6px;}
/*.ui-datepicker th {padding: 8px;}*/
.ui-datepicker .ui-datepicker-header {padding: 8px 0;}
.ui-datepicker.ui-datepicker-multi {width: auto !important;padding: 0px;}

.ui-datepicker-group-first{border-right: solid 1px #eaeaea;padding: 6px;}
.ui-datepicker-group-last{ padding: 6px;background: rgba(0, 0, 0, 0.01);}

.form-control {font-size: 0.9rem;}
.booking-bar{padding-top:0.5rem !important;padding-bottom:0rem !important;}


@media (max-width: 575.98px) {
    .booking-bar .btn-check-availability{width: 100%;}
    .hide-null{display: none;}
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .booking-bar .btn-check-availability{width: 100%;}
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .booking-bar .btn-check-availability{width: 100%;}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .booking-bar .btn-check-availability{}
}
@media (min-width: 1200px) {
    .booking-bar .btn-check-availability{}
    .hide-null{display: flex;}
}
.booking-bar .btn-check-availability{font-size: 0.9rem;background: #000000;color: #ffffff;border-radius: 0;
    border: solid 1px #ffffff;padding: 6px 15px;}
.booking-bar .btn-check-availability:hover, .booking-bar .btn-check-availability:active{background: #ffffff;
    color: #000000;border: solid 1px #000000;}
.booking-bar .night{display: block;background: #ffffff;color: #000000;padding: 0.5rem 0.5rem;border-radius: 6px;
    text-align: center;height: 32.32px;}

@media (max-width: 327px){
    #booking_bar_top .container-fluid{padding: 0 6px;}
    #booking_bar_top .form-group{width: 100% !important;max-width: 100% !important;flex: 100% !important;margin-bottom: 0.8rem !important;}
    }
@media (min-width: 328px) and (max-width: 381px){
    #booking_bar_top .container-fluid{padding: 0 6px;}
    /*#booking_bar_top .form-group{padding: 0 6px;}*/
}

@media (max-width: 768px){
    #booking_bar_top .form-group {margin-bottom: 0.5rem;}
}


.fixed-top{background: #c4c4c4 !important;}
#enhancement_bar{padding-top: 0rem !important;padding-bottom: 1rem !important;}
@media (max-width: 575.98px) {
    #booking_bar_top.fixed-top,#enhancement_bar.fixed-top{padding: 0.6rem 0 0 0 !important;top: 56px;}
}
@media (min-width: 576px) and (max-width: 767.98px) {
    #booking_bar_top.fixed-top,#enhancement_bar.fixed-top{padding: 0.6rem 0 0 0 !important;top: 56px;}
}
@media (min-width: 768px) and (max-width: 991.98px) {
    #booking_bar_top.fixed-top,#enhancement_bar.fixed-top{padding: 0.6rem 0 0 0 !important;top: 70px;}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    #booking_bar_top.fixed-top,#enhancement_bar.fixed-top{padding: 0.6rem 0 0 0 !important;}
}
@media (min-width: 1200px) {
    #booking_bar_top.fixed-top,#enhancement_bar.fixed-top{padding: 0.6rem 0 0 0 !important;}
}

#enhancement_bar.fixed-top #booking_summary{position: relative;top: -16px;}
#enhancement_bar.fixed-top #booking_summary_tb{position: relative;top: -12px;}

.flash {
    -moz-animation: flash 1s ease-out;
    -moz-animation-iteration-count: 1;

    -webkit-animation: flash 1s ease-out;
    -webkit-animation-iteration-count: 1;

    -ms-animation: flash 1s ease-out;
    -ms-animation-iteration-count: 1;
}

@keyframes flash {
    0% { background-color: transparent; }
    50% { background-color: #fdf652; }
    100% { background-color: transparent; }
}

@-webkit-keyframes flash {
    0% { background-color: transparent; }
    50% { background-color: #fdf652; }
    100% { background-color: transparent; }
}

@-moz-keyframes flash {
    0% { background-color: transparent; }
    50% { background-color: #fdf652; }
    100% { background-color: transparent; }
}

@-ms-keyframes flash {
    0% { background-color: transparent; }
    50% { background-color: #fdf652; }
    100% { background-color: transparent; }
}

.down1 .bi-chevron-down{display: none;}
.down1 .bi-chevron-up{display: block;}
.up1 .bi-chevron-down{display: block;}
.up1 .bi-chevron-up{display: none;}
.icon-up-down1{font-size: 1.2rem;float: right;}

.box-booking-summary-desktop{text-align: right;}
#collapse_booking_summary_bar p,#collapse_booking_summary_bar_tab p{margin: 0 0 1px 0;}
#collapse_booking_summary_bar hr,#collapse_booking_summary_bar_tab hr{margin-top: 0.2rem;margin-bottom:0.2rem;}
#collapse_booking_summary_bar{position: absolute;right: 15px;background: #ffffff;border: solid 1px #000000;margin: 8px 0 0 0;width: 30vw;z-index: 10;}
.item-container{max-height: 45vh;overflow-y: auto;overflow-x: hidden;}
.icon-chart-desktop{cursor: pointer;}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .box-booking-summary-desktop .icon-chart-desktop{margin: -2px 10px 0 0;font-size: 1.5rem;}
    #booking_summary{background: #000000;color: #ffffff;border-radius: 0;border: solid 1px #000000;}
    #booking_summary span{font-size: 0.82rem;}
    #booking_summary .booking-amount{border-radius: 50%;border: solid 1px #ffffff;background: #ffffff;color: #000000;padding: 0% 0%;font-size: 0.8rem;min-width: 20px;display: inline-block;margin-left: 2px;}
}
@media (min-width: 1200px) {
    .box-booking-summary-desktop .icon-chart-desktop{margin: -2px 15px 0 0;font-size: 1.6rem;}
    #booking_summary{background: #000000;color: #ffffff;border-radius: 0;border: solid 1px #000000;}
    #booking_summary span{}
    #booking_summary .booking-amount{border-radius: 50%;border: solid 1px #ffffff;background: #ffffff;color: #000000;padding: 0% 0%;font-size: 0.8rem;min-width: 20px;display: inline-block;margin-left: 2px;}
}

#btn_booking_summary_mb{position: fixed;bottom: 0;text-align: center;right: 0;left: 0;margin: 0 auto;
    background: #c29c58;border-radius: 0;width: 100%;color: #ffffff;padding: 15px 0;z-index: 4;}
#btn_booking_summary_mb.empty-cart{background: #000000;}
#btn_booking_summary_mb .txt{}
#btn_booking_summary_mb .booking-amount{border-radius: 50%;border: solid 1px #ffffff;background: #e31133;color: #ffffff;padding: 0.2% 0.5% 0.2% 0.6%;font-size: 0.7rem;min-width: 17px;display: inline-block;position: absolute;top: 9px;margin-left: 4px;letter-spacing: 1px;}
#btn_booking_summary_mb .btn-cart-mb{margin: -3px 0 0 0; fill: white;}
#booking_summary_mb{}
#booking_summary_mb .modal-header{border-bottom: 0px;}
#booking_summary_mb .modal-header .close{position: absolute;padding: 0;margin: 0px 0 0 0;top: 0;right: 9px;}
#booking_summary_mb .modal-header .close span{font-size: 2.5rem;font-weight: 100;}
#booking_summary_mb .modal-body .detail-room-summary bin svg{position: absolute;right: 15px;top: -20px;}
.close-summary{position: absolute;top: 5px;right: 5px;}

.ng-dirty .ng-invalid {border-color:#ee5f5b; background-color: #eed3d7}
input.required, select.required, textarea.required {border-left: 3px solid #ee5f5b;}

.form-check-input {position: absolute;margin-top: 0rem;margin-left: -1.5rem;}

@media (max-width: 575.98px){
    #show_rates {position: relative;top: 1px;left: -2px;}
}
@media (min-width: 576px) and (max-width: 767.98px){
    #show_rates {position: relative;top: 1px;left: -2px;}
}
@media (min-width: 768px) and (max-width: 991.98px){
    #show_rates {position: relative;top: 2px;left: -2px;}
}
@media (min-width: 992px) and (max-width: 1199.98px){
    #show_rates {position: relative;top: 2px;left: -2px;}
}
@media (min-width: 1200px){
    #show_rates {position: relative;top: 0px;left: -2px;}
}

.taxes {text-align: right;}

input[type="checkbox"] {color: #000000;-ms-transform: scale(1.5);-webkit-transform: scale(1.5);-moz-transform: scale(1.5);-o-transform: scale(1.5);transform: scale(1.5);margin: 0 7px 0 4px;}
input[type=checkbox]:before {content: "";display: block;position: absolute;width: 16.2px;height: 16.2px;top: 0;left: 0;border: 1px solid #000000;border-radius: 2px;background-color: white;box-shadow: none;}
input[type=checkbox]:checked:after {content: "";display: block;width: 4.5px;height: 10px;border: solid black;border-width: 0 2px 2px 0;-webkit-transform: rotate(
        45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);position: absolute;top: 2px;left: 6px;}

/*@media (max-width: 575.98px) {*/
/*    .check-show-rates{margin: 0 0 0 6px;}*/
/*    #show_rates{position: absolute;top: 0.10rem;left: 1.4rem;}*/
/*}*/
/*@media (min-width: 576px) and (max-width: 767.98px) {*/
/*    .check-show-rates{margin: 0 0 0 6px;}*/
/*    #show_rates{position: absolute;top: 0.10rem;left: 1.4rem;}*/
/*}*/
/*@media (min-width: 768px) and (max-width: 991.98px) {*/
/*    .check-show-rates{margin: 0 0 0 6px;position: absolute;right: 15px;top: -9px}*/
/*    #show_rates{position: absolute;top: 0.10rem;left: 1.4rem;}*/
/*}*/
/*@media (min-width: 992px) and (max-width: 1199.98px) {*/
/*    .check-show-rates{position: absolute;bottom: 0px;margin: 0;right: 15px;}*/
/*    #show_rates{position: absolute;top: 0.19rem;left: 1.7rem;}*/
/*}*/
/*@media (min-width: 1200px) {*/
/*    .check-show-rates{position: absolute;bottom: 0px;margin: 0;right: 15px;}*/
/*    #show_rates{position: absolute;top: 0.19rem;left: 1.7rem;}*/
/*}*/

@media (max-width: 575.98px) {
}
@media (min-width: 576px) and (max-width: 767.98px) {
}
@media (min-width: 768px) and (max-width: 991.98px) {
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .alert-user{width: fit-content;margin: 0;}
    .alert-user .name-user{}
    .alert-user .txt-or{margin: 0 15px;}
    .alert-user .status-user{}
}
@media (min-width: 1200px) {
    .alert-user{width: fit-content;margin: 0;}
    .alert-user .name-user{}
    .alert-user .txt-or{margin: 0 15px;}
    .alert-user .status-user{}
}


.down .bi-chevron-down{display: none;}
.down .bi-chevron-up{display: block;}
.up .bi-chevron-down{display: block;}
.up .bi-chevron-up{display: none;}
#privileges_list{}
#privileges_list .card{}
#privileges_list .card .card-header{padding: 6px 12px;}
#privileges_list .card .card-header a span svg{margin: 0 6px 0 0;}
#privileges_list .card .card-header a .icon{float: right;}
#privileges_list{}
#privileges_list{}

#collapse_privileges_bar{}
#collapse_privileges_bar ul{margin: 0;padding: 0;display: inline;}
#collapse_privileges_bar ul li{display: inline-block;padding: 4px 0;}
#collapse_privileges_bar ul li .icon-privilege{margin: 0 2px 0 0;}
#collapse_privileges_bar ul li .txt-privilege{margin: 0 15px 0 0;}
#collapse_privileges_bar ul li svg{font-size: 1rem;}

#collapse_privileges_bar .privilege-notes{margin: 0;color: #7b7b7b;}
#collapse_privileges_bar .privilege-notes .dot-notes{font-size: 0.6rem;margin: 0 0 0 20px;}
#collapse_privileges_bar .privilege-notes .txt-notes{font-size: 0.8rem;}

.alert_announcement_pop_up .announcement_content {background: transparent;padding: 0px 10px 10px 10px;margin: 0;}
.alert_announcement_pop_up {position: fixed;left: 10px;bottom: 10px;z-index: 1;width: 460px;color: #000000;padding: 0;margin: 0;}

#box_announcement_pop_up{padding: 25px 0px 5px 0px;}
.alert_announcement_pop_up .panel-collapse.fade {-webkit-transition: opacity 1s linear;transition: opacity 1s linear;background: rgba(230, 230, 230, 0.78);border: 0;border-radius: 0;box-shadow: 1px 1px 6px #7c7c7c;}
#box_announcement_pop_up .close {z-index: 9999;position: absolute;right: -2px;top: -4px;color: #000000;opacity: 1;text-shadow: 0 1px 0 #686868;}
.announcement_content{max-height: 32vh;overflow: overlay;display: block;}
.announcement_content::-webkit-scrollbar {width: 6px;height: 12px;}
.announcement_content::-webkit-scrollbar-track {border: 1px solid transparent;border-radius: 10px;}
.announcement_content::-webkit-scrollbar-thumb {background: rgb(0 0 0 / 35%);border-radius: 10px;}
.announcement_content::-webkit-scrollbar-thumb:hover {background: rgb(0 0 0 / 68%);}

@media (max-width: 575.98px) {
    .alert_announcement_pop_up {position: fixed;left: 10px;bottom: 70px;z-index: 1;width: 320px;color: #000000;padding: 0;margin: 0;}

    .footer{padding-top: 0rem !important;}
    footer .icon-footer {padding: 0;display: table;margin: 0 auto;justify-content: center;text-align: center;}
    footer .icon-footer li{margin: 10px 10px;display: inline-block;width: fit-content;}
    footer .icon-footer li img{max-height: 26px;}
    footer .logo-xcaliber-footer{text-align: center;margin: 5px 0 15px 0;float: none;}
    footer .logo-xcaliber-footer .txt-pwb{margin: 0 6px 0 0;font-weight: bold;font-size: 0.8rem;}
    footer .logo-xcaliber-footer img{max-height: 21px;}
    footer .terms-conditions{}
    footer .terms-conditions p{float: left;margin: 0 15px 0 0;}
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .alert_announcement_pop_up {position: fixed;left: 10px;bottom: 70px;z-index: 1;width: 460px;color: #000000;padding: 0;margin: 0;}

    .footer{padding-top: 0.5rem !important;}
    footer .icon-footer {padding: 0;display: table;margin: 0 auto;justify-content: center;text-align: center;}
    footer .icon-footer li{margin: 10px 10px;display: inline-block;width: fit-content;}
    footer .icon-footer li img{max-height: 26px;}
    footer .logo-xcaliber-footer{text-align: center;margin: 5px 0 15px 0;float: none;}
    footer .terms-conditions {text-align: center;margin: 0 auto;display: table;}
    footer .logo-xcaliber-footer .txt-pwb{margin: 0 6px 0 0;font-weight: bold;font-size: 0.8rem;}
    footer .logo-xcaliber-footer img{max-height: 21px;}
    footer .terms-conditions{}
    footer .terms-conditions p{float: left;margin: 0 15px 0 0;}
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .footer{padding-top: 1rem !important;}
    footer .icon-footer {margin: 0 0 10px 0;padding: 0;display: inline-block;}
    footer .icon-footer li{float: left;margin: 5px 10px;display: inline-block;}
    footer .icon-footer li img{max-height: 26px;}
    footer .logo-xcaliber-footer{float: right;margin: 4px 0 0 0;}
    footer .logo-xcaliber-footer .txt-pwb{margin: 0 6px 0 0;font-weight: bold;font-size: 0.8rem;}
    footer .logo-xcaliber-footer img{max-height: 21px;}
    footer .terms-conditions{}
    footer .terms-conditions p{float: left;margin: 0 15px 0 0;}
}
@media (min-width: 992px){
    .footer{padding-top: 1rem !important;}
    footer .icon-footer {margin: 0 0 10px 0;padding: 0;display: inline-block;}
    footer .icon-footer li{float: left;margin: 5px 10px;display: inline-block;}
    footer .icon-footer li img{max-height: 26px;}
    footer .logo-xcaliber-footer{float: right;margin: 4px 0 0 0;}
    footer .logo-xcaliber-footer .txt-pwb{margin: 0 6px 0 0;font-weight: bold;font-size: 0.8rem;}
    footer .logo-xcaliber-footer img{max-height: 21px;}
    footer .terms-conditions{}
    footer .terms-conditions p{float: left;margin: 0 15px 0 0;}
}


div.noDays table {display:none;}
div.noDays .ui-widget-header {border-bottom: 0px solid #e0e0e0;}

@media (min-width: 992px) {
    .modal-dialog:not('.modal-md') {
        max-width: 800px;
    }
}

.modal-body {overflow-x: hidden;}

#chart{}
.chart-header .close{position: absolute;padding: 0;margin: 0px 0 0 0;top: 0;right: 9px;}
.chart-header .close span{font-size: 2.5rem;font-weight: 100;}
.chart-body .month input{font-size: 1.3rem;width: fit-content;border: none;border-bottom: 1px solid #000000;border-radius: 0;}
.chart-body .month input:active {border: none;border-bottom: 1px solid #000000;border-radius: 0;}
.chart-body .month input:focus {border: none;border-bottom: 1px solid #000000;border-radius: 0;}
.chart-body .legend p .instant-confirmation{background: #A5DCC5;width: 20px;height: 20px;border-radius: 4px;display: inline-block;margin: 0 8px -5px 0;position: inherit;}
.chart-body .legend p .on-request{background: #FFC979;width: 20px;height: 20px;border-radius: 4px;display: inline-block;margin: 0 8px -5px 0;position: inherit;}
.chart-body .legend p .not-available{background: #FF8A98;width: 20px;height: 20px;border-radius: 4px;display: inline-block;margin: 0 8px -5px 0;position: inherit;}
.chart-body .legend p .no-rate{background: #DFDFDF;width: 20px;height: 20px;border-radius: 4px;display: inline-block;margin: 0 8px -5px 0;position: inherit;}

.btn-chart{height: 35px;max-width: 48px;margin: 0 5px;border-radius: 10px;padding: 9px 5px;}
.instant-confirmation{background: #A5DCC5;color: #ffffff;}
.on-request{background: #FFC979;color: #ffffff;}
.not-available{background: #FF8A98;color: #ffffff;}
.no-rate{background: #DFDFDF;color: #ffffff;}

.date-chart{display: inline-block;text-align: center;}
.date-chart .name-day{background: #4F4F4F;color: #ffffff;padding: 10px 0;margin: 0;}
.date-chart .name-day .col{padding: 0 6px;}
.date-chart .number-day{background: #ffffff;padding: 10px 0;margin: 0;}
.date-chart .number-day .col{padding: 0 6px;}
.date-chart .room-list{background: #ffffff;padding: 10px 0;margin: 0;border: none;}

.date-chart .room-list .name-room h5{text-align: left;margin: 0 0 6px 10px;}
.date-chart .room-list .col{padding: 8px 6px 8px 6px;}

.number-day svg{background: #4f4f4f;padding: 4px;color: #ffffff;font-size: 2rem;}

@media (max-width: 575.98px) {
    .legend{margin: 10px 0 10px 0;}
    .date-chart .room-list .name-room{padding: 0 10%;}
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .date-chart .room-list .name-room{padding: 0 10%;}
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .date-chart .room-list .name-room{padding: 0 10%;}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .date-chart .room-list .name-room{padding: 0 5%;}
}
@media (min-width: 1200px) {
    .date-chart .room-list .name-room{padding: 0 5%;}
}

.inline-group {max-width: 100%;padding: 0;margin: 5px 0;}

.inline-group .form-control {text-align: center;}
.input-group-prepend {margin-right: 10px;}
.input-group-prepend button, .input-group-append button{padding: 0px 8px;border-radius: 0;font-size: 1.5rem;}
.input-group-append {margin-left: 10px;}

.form-control[type="number"]::-webkit-inner-spin-button,
.form-control[type="number"]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}

.fa-svg-icon{display:inline-block;vertical-align:middle;min-width:1em;min-height:1em;height:100%;
    position:relative;top:-1px;}.fa-svg-icon svg{position:absolute;top:0;left:0;width:100%;height:100%;}

.fa-svg-icon svg g,.fa-svg-icon svg path{fill:currentColor;}

.optional{position: absolute;right: 54px;margin-top: -25px;color: #5d5d5d;font-size: 0.9rem;}

.flight-time.collapse,.flight-time.collapsing {
    position: absolute;
    z-index: 1000;
    background-color: white;
    width:100%;
    left:0px;
    margin-top:10px;
    background: rgba(255,255,255,1);
}

@media (min-width: 768px) and (max-width: 868.98px) {
    .card-holder-label-tab{margin-bottom: 2em;}
}

/* Special Offers page */
span.label-red{background-color: #FF0000}
span.label-green{background-color: #39B54A}
span.label-orange{background-color: #F18229}
span.label-blue{background-color: #0283DF}
span.label-yellow{background-color: #CFD847}

/* Sign-In Sep 11 2019 */
.modal-sign-in.modal-dialog {max-width: 400px;top: 10%;}
.modal-sign-in .modal-content{max-width: 400px;}
.modal-sign-in .modal-content .modal-body{padding: 15px;}
.modal-open .modal-sign-in {background: rgba(0, 0, 0, 0.51);overflow: auto;}
.modal-sign-in .form-horizontal .control-label1 {padding-top: 0px;margin-bottom: 0px;text-align: left;}
.modal-sign-in .form-horizontal .form-group {margin: 10px 0 5px 0;}
.modal-sign-in .form-horizontal .control-label {padding-top: 7px;margin: 6px 0 0 0;text-align: left;}
.modal-sign-in .form-group input{height: 38px;}
.modal-sign-in a{font-size: 14px;color: #848484;}
.modal-sign-in h4{font-size: 15px;}

.alert_sign-in{font-size: 14px;font-weight: 400;color: #f33131;background-color: #ffffff;border-color: #f1f1f1;margin: 0;padding: 5px 15px;text-align: center;-webkit-box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.05);box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.05);}
.alert_sign-in span{font-size: 16px;color: #ef3636;}

.info_sign-in{font-size: 14px;font-weight: 400;color: #000000;background-color: #ffffff;border-color: #f1f1f1;margin: 0;padding: 5px 15px;text-align: center;-webkit-box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.05);box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.05);}
.info_sign-in span{font-size: 16px;color: #e7efd8;}

.or-text{display: inline-block;margin: 15px 0;position: relative;}
.or-text:after {background-color: #e5e5e5;content: "";display: block;height: 1px;width: 170px;}
.or-text>p {background-color: #fff;color: #a3a3a3;display: inline-block;font-size: 12px;left: 50%;padding: 0 15px;position: absolute;text-transform: uppercase;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}

.loginBtn_sign_in{background: #dabb76;width: 100%;text-align: center;padding: 5px 15px;margin: 0;box-sizing: border-box;border: none;line-height: 27px;white-space: nowrap;border-radius: 0.2em;font-size: 12px;color: #FFF;}
.loginBtn_sign_in:hover,.loginBtn_sign_in:focus{background: #b49041;}
.loginBtn_sign_in span{letter-spacing: 0.7px;font-size: 1.2em;}

.loginBtn-facebook{background: #4065b4;width: 100%;text-align: center;padding: 5px 15px;margin: 0;box-sizing: border-box;border: none;line-height: 27px;white-space: nowrap;border-radius: 0.2em;font-size: 12px;color: #FFF;}
.loginBtn-facebook:hover,.loginBtn-facebook:focus{background: #365496;}
.loginBtn-facebook img{margin: -6px 9px 0 0;}
.loginBtn-facebook span{letter-spacing: 0.7px;font-size: 1.2em;}

/* Privacy policy styles */
div.privacy h1 {
    font-size: 160%;
}
div.privacy h2 {
    font-size: 130%;
}
div.privacy p.lead {
    font-size: 115%;
}

/* Cookie law styles */
#cookie-law	{background: #bea261;padding: 15px;position: fixed;width: 100%;bottom: 0;z-index: 9999999999;}
#cookie-law p{margin: 0;color: #ffffff;}
#cookie-law .btn-ok{background: #d7b975;padding: 10px 15px;margin: 0;border: solid 1px #ffffff;}
#cookie-law .btn-ok:hover{background: #ffffff;}
a.close-cookie-banner{text-decoration: none !important;}
a.cookie-link{color: #333333;text-decoration: none !important;background-color: transparent;}

@media (max-width: 575px) {
    #cookie-law .f-left{float: left;}
    #cookie-law .f-right{text-align: center;clear: both;padding: 15px 0 0 0;}
}
@media (min-width: 576px) and (max-width: 767px) {
    #cookie-law .f-left{float: left;}
    #cookie-law .f-right{float: right;}
}
@media (min-width: 768px) and (max-width: 991px) {
    #cookie-law .f-left{float: left;}
    #cookie-law .f-right{float: right;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    #cookie-law .f-left{float: left;}
    #cookie-law .f-right{text-align: center;clear: both;padding: 15px 0 0 0;}
}
@media (min-width: 1200px) and (max-width: 1366px) {
    #cookie-law .f-left{float: left;}
    #cookie-law .f-right{float: right;}
}
@media (min-width: 1367px) {
    #cookie-law .f-left{float: left;}
    #cookie-law .f-right{float: right;}
}

/* Hide Room Description in Thai language */
.txt_hide_description{display: none;}

/* New footer */
/*@media only screen and (max-width: 767px){*/
/*    .main-footer-mobile{padding: 10px 10px !important;}*/
/*    .main-footer-mobile .pull-left{width: 100% !important;text-align: center;}*/
/*    .main-footer-mobile .pull-left ul{margin: 15px 0px !important;}*/
/*    .main-footer-mobile .pull-left ul li{float: none !important;display: inline-block;margin: 8px 4px 8px 4px !important;}*/
/*    .main-footer-mobile .pull-right{width: 100%;text-align: center;margin: 0 auto;}*/
/*}*/

.btn-privacy{border: solid 1px #0087c1;border-radius: 4px;padding: 1px 6px 0px 6px;}
.btn-privacy a {line-height: 23px;}
.btn-privacy img{margin: -4px 6px 0 0;}
.btn-privacy:hover, .btn-privacy:focus{background: #ffffff;}

/* T&C */
.policy {font-weight: bold}
.policy-wrapper {border-bottom: 1px solid #e0e0e0; margin: 2px 0;}
.policy-wrapper-last {margin: 2px 0;}
.policy-value {white-space: pre-line;}

/* Fixes for Safari */
.row:before, .row:after, .box-pro-price:before, .box-pro-price:after {width:0px; height:0px;}
.row:before, .row:after {display: flex !important;}
@media (min-width: 768px) {
    .box-pro-price{padding-left: 0px;padding-right: 0px;}
}
@media (max-width: 575.98px){
    .box-pro-price {margin: 5px 0 0 0;}
    .basic-price {text-align: left !important;margin: -3px 0 0px 0 !important;}
}

@media (min-width: 576px) and (max-width: 767.98px){
    .box-pro-price {margin: 5px 15px 0 15px;}
    .box-pro-price .basic-price{text-align: left !important;margin: -6px 0 6px 0 !important;}
}
.alert_private_sales_pop_up, .alert_announcement_pop_up {outline: none;}