.d-none {
    display: none!important;
}
.wrapper {
    background: #F0F0F0;
}
.fullwidth {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: initial;
}
.clear:after{
    display: block;
    clear: both; 
    content: "."; 
    height: 0; 
    visibility: hidden;
}
.bold {
    font-weight: bold;
}
.icon-wrapper{
    display: inline-block;
    position: relative;
}
.icon-wrapper .icon-img{
    display: block;
    position: absolute;
    top: 0rem;
    left: 0rem;
}
.icon-checkmark:before {
    content: "\2713";
    padding-right: 3px;
}
.secure-icon {
    display: inline-block;
    margin-right: 5px;
    width: 20px;
    height: 20px;
    background:url("../resources/images/secure-icon.png") no-repeat;
}

.icon-smiling-face:before {
    content: "\263A";
    font-size: 16.5px;
    font-size: 1.65rem;
}
.no-payment-item {
    font-size: 9.5px;
    font-size: 0.95rem;
    font-weight: normal;
    border: 2px solid #a5c637;
    background-color: #ebf9df;
    padding: 10px 0px 10px 12px;
    margin: 0.2rem 0 0 0;
}
.contact-details .no-payment-item .left-column {
    float: left; 
    width: 40px; 
    margin-top: 2px;
    margin-left: -2px;
}
.contact-details .no-payment-item .right-column {
    float: left; 
    margin-left: 8px;
    min-width:225px; 
    width: auto; 
    max-width: 82%; 
    word-wrap: break-word;
}
.make-booking-for-someone-else-wrapper {
    margin-bottom:1rem;
}
.no-payment-item .pay-zero-now-1 {
    font-weight: bold;
    display: block;
    margin: 0px;
}
.no-payment-item .pay-zero-now-2 {
    display: block;
    font-size: 8.5px;
    font-size: 0.85rem;
    margin: 0px;
}
.no-payment-item .highlight {
    color: #73654d;
    margin: 0;
}
.no-payment-item .icon-checkmark {
    display: block;
    position: relative;
    border-radius: 50%;
    background-color: #a5c637;
    width: 40px;
    height: 40px;
}
.no-payment-item .icon-checkmark:before {
    display: inline-block;
    padding-left: 8px;
    padding-top: 2px;
    font-size: 15.5px;
    font-size: 1.55rem;
    font-weight: bold;
    color: #FFFFFF;
}
/*****************************************************************
    Credit Card Type 
******************************************************************/
.icon-visa_electron-card,
.icon-visa-card {
    display: inline-block;
    width: 46px;
    height: 30px;
    background:url("/propertyibemobile/javax.faces.resource/images/credit_card_logo.png.xhtml") no-repeat -12px -11px;
}
.icon-MasterCard-card,
.icon-master-card {
    display: inline-block;
    width: 46px;
    height: 30px;
    background:url("/propertyibemobile/javax.faces.resource/images/credit_card_logo.png.xhtml") no-repeat -66px -11px;
}
.icon-jcb-card {
    display: inline-block;
    width: 46px;
    height: 30px;
    background:url("/propertyibemobile/javax.faces.resource/images/credit_card_logo.png.xhtml") no-repeat -122px -11px;
}
.icon-amex-card {
    display: inline-block;
    width: 46px;
    height: 30px;
    background:url("/propertyibemobile/javax.faces.resource/images/credit_card_logo.png.xhtml") no-repeat -294px -11px;
}
.icon-discover-card {
    display: inline-block;
    width: 46px;
    height: 30px;
    background:url("/propertyibemobile/javax.faces.resource/images/credit_card_logo.png.xhtml") no-repeat -236px -11px;
}
.icon-paypal-card {
    display: inline-block;
    width: 46px;
    height: 30px;
    background:url("/propertyibemobile/javax.faces.resource/images/credit_card_logo.png.xhtml") no-repeat -66px -51px;
}
.icon-paypal2-card {
    display: inline-block;
    width: 117px;
    height: 35px;
    background:url("/propertyibemobile/javax.faces.resource/images/credit_card_logo.png.xhtml") no-repeat -181px -50px;
}

.icon-linepay2-card {
    display: inline-block;
    width: 122px;
    height: 28px;
    background:url("/propertyibemobile/javax.faces.resource/images/linepay.png.xhtml")  no-repeat  2px -13px;
}

.icon-linepay-card {
    display: inline-block;
    width: 122px;
    height: 28px;
    background:url("/propertyibemobile/javax.faces.resource/images/linepay.png.xhtml")  no-repeat  2px -14px;
}

.icon-DinersClub-card,
.icon-diners-club-international-card,
.icon-diners-card {
    display: inline-block;
    width: 46px;
    height: 30px;
    background:url("/propertyibemobile/javax.faces.resource/images/credit_card_logo.png.xhtml") no-repeat -179px -11px;
}
.icon-unionpay-card {
    display: inline-block;
    width: 46px;
    height: 30px;
    background:url("/propertyibemobile/javax.faces.resource/images/credit_card_logo.png.xhtml") no-repeat -11px -50px;
}

.icon-counter-service {
    display: inline-block;
    width: 46px;
    height: 30px;
    background:url("/propertyibemobile/javax.faces.resource/images/credit_card_logo.png.xhtml") no-repeat -122px -51px;
}


.icon-wechat-card {
    display: inline-block;
    width: 103px;
    height: 32px;
    background:url("") no-repeat 0px 0px;
    background-size: 99px 32px;
}

.icon-maestro-card {
    margin-top: 0px;
    display: inline-block;
    width: 44px;
    height: 28px;
    background:url("/propertyibemobile/javax.faces.resource/images/maestro.png.xhtml") no-repeat 0px 0px;
    background-size: 44px 28px;
}

.icon-alipay-card {
    display: inline-block;
    width: 100px;
    height: 32px;
    background:url("") no-repeat 0px 0px;
    background-size: 92px 32px;
}

.icon-thai-qr-card {      
    display: inline-block;
    width: 78px;
    height: 34px;
    background:url("") no-repeat 0px 0px;
    background-size: 100% 34px;
}

.icon-alipay2-card {
    background:url("/propertyibemobile/javax.faces.resource/images/alipay-logo-mini-bk.png.xhtml") no-repeat 0px 0px;
    display: inline-block;
    width: 18px;
    height: 15.7px;
    background-size: 17px;
}

.icon-vtc-card {
    display: inline-block;
    width: 113px;
    height: 25px;
    background:url("/propertyibemobile/javax.faces.resource/images/vtc-pay.svg.xhtml") no-repeat 0px 0px;
}

.icon-arrow-up,
.icon-arrow-down {
    color:rgb(48,48,48);
    display: block;
    text-align: center;
    width: 100%;
}
.icon-arrow-up:after {
    content: "\02C6";
    display: inline-block;
    text-align: center;
    font-size: 2.85rem;
    line-height: 83%;
}
.icon-arrow-down:after {
    content: "\02C7";
    display: inline-block;
    text-align: center;
    font-size: 2.85rem;
    line-height: 83%;
}
.icon-plus,
.icon-minus {
    display: block;
    height: 18px;
    width: 18px;
    color: #000000;
    text-align: center;
    font-weight: bold;
}
.icon-plus:after {
    content: "+";
    display: inline-block;
    margin: 0 0 0 0;
}
.icon-minus:after {
    content: "-";
    display: inline-block;
    margin: 0 0 0 0;
}
.icon-info {
    display: inline-block;
    background:url("../img/icon-info2.jpg") no-repeat
}
.icon-x-close {
    display: inline-block;
    background:url("../img/icon-x-close.jpg") no-repeat
}
.button-action-label {
    font-weight: bold;
    text-transform: uppercase;
}
.button-delete,
.button-with-border{
    display: block;
    width: 100%;
    height: 3.3rem;
    border: 1px solid #000000;
    border-radius: 2px;
    color: #000000;
    font-weight: bold;
    line-height: 200%;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}
.button-with-border span{
    display: block;
    padding-top: 0.6rem;
}
.button-without-border{
    display: block;
    width: 100%;
    height: 3.3rem;
    color: #000000;
    font-weight: bold;
    line-height: 200%;
    text-align: center;
    text-decoration: underline;
    text-transform: uppercase;
}
.button-without-border span{
    display: block;
    padding-top: 0.6rem;
}

.icon-triangle-down {
    display: inline-block;
    height: 6px;
    width: 6px;
    background: transparent url("/propertyibemobile/javax.faces.resource/images/arrow-down.png.xhtml") no-repeat;
    background-position: center;
}

.icon-triangle-up {
    display: inline-block;
    height: 6px;
    width: 6px;
    background: transparent url("/propertyibemobile/javax.faces.resource/images/arrow-up.png.xhtml") no-repeat;
    background-position: center;
}
.button-book {
    text-transform: uppercase;
}

.button-remove-rate-item {
    display: block;
    position: absolute;
    top: 0.35rem;
    right: 0.4rem;;    
    background-color: #FFFFFF;
    color: #CCCCCC;
    font-size: 1.05rem;
    border: #EEEEEE solid 1px;
    width: 1.5rem;
    height: 1.5rem;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    line-height: 130%;
}

.button-remove-additional-service-item {
    display: block;
    position: absolute;
    top: 0.35rem;
    right: 0.4rem;;   
    background-color: #FFFFFF;
    color: #CCCCCC;
    font-size: 1.05rem;
    border: #EEEEEE solid 1px;
    width: 1.5rem;
    height: 1.5rem;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    line-height: 130%;
}

/**********************************************************************************************************************************
* Navigation box
/**********************************************************************************************************************************/

.header-navigation-panel-left {
    padding-left: 0.25rem;
    padding-right: 0;
}

.header-navigation-panel-right {
    padding: 0;
}

.footer-navigation-panel {
    text-align: center;
    margin: 0 auto;
    padding: 0.85rem;
    min-height: 3.0rem;
    border-top: 3px solid #000;
}

.header-navigation-panel-left,
.header-navigation-panel-right,
.footer-navigation-panel {
     background-color: #3c3c3c;
}

.footer-navigation-panel .navigation-link {
    margin-bottom: 0.25rem; 
    display: block; 
    font-size: 0.85rem;
    text-decoration: none;
    color: #fff;
}

.footer-navigation-panel .navigation-link span {
    display: inline-block;
}


.footer-navigation-panel .navigation-link a {
    color: #fff;
}

.footer-navigation-panel .powered-by {
    display: block; 
    font-size: 0.7rem;
    font-weight: normal;
    color: #fff;
}

.footer-navigation-panel .powered-by a {
    color: #fff;
}

.hotel-icon-box-panel {
    float: left; 
    height: 3.5rem; 
}

.hotel-icon-box-panel span {
    display: block;
    color: #999;
}

.hotel-icon-box-panel img {
    max-height: 90%;  
    max-width: 100%; 
    width: auto;
    height: auto;
    position: absolute;  
    margin: 0.25rem 0.1rem 0.2rem 0.6rem;
}

.navigation-box-panel {
    float: right; 
    width: 3.5rem; 
    height: 3.5rem; 
    text-align: center; 
    background-color: #ffffff; 
    border-left: 1px solid #eee; 
    border-right: 1px solid #eee;
    line-height: 1.75rem;
    cursor:pointer;
}

.navigation-box-content {
    width: 100%; 
    height: 100%; 
    text-align: center;  
    background-color: #e3e3e3 ;
    border: 1px solid #d8d8d8;
} 

.navigation-box-content .top-label {
    display: block; 
    vertical-align: middle; 
    font-weight: bold; 
    margin-top: 0.25rem; 
    text-transform: uppercase;
    color: #000;
}

.navigation-box-content .top-label i{
    font-size: 1.85rem;
}

.navigation-box-content .bottom-label {
    display: block; 
    font-size: 0.7rem; 
    font-weight: normal; 
    line-height: normal; 
    font-style: italic; 
    color: #7b7b7c; 
}

/**********************************************************************************************************************************
* Guarantee 
/**********************************************************************************************************************************/
.guarantee-panel {
    padding: 1rem; 
    font-size: 0.8rem; 
    color: #6bc321; 
    text-align: center; 
    background-color: #fff;
}

.guarantee-panel span {
    margin-left: 0.25rem;
    display: inline-block;
}

/**********************************************************************************************************************************
* Card
/**********************************************************************************************************************************/
.card{
    background: #FFF;
    padding: 0;
    border: 1px solid #d8d8d8;
}
.card + .card {
    margin-top: 1rem;
}
.card:last-child{
    margin-bottom: 1rem;
}
.card.radius{
    border-radius: 3px;
}
.card.round{
    border-radius: 1rem;
}
.card h2.card-heading, .card h3.card-heading, .card h4.card-heading, .card h5.card-heading, .card h6.card-heading{
    display: block;
    margin: 0 auto;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    width: 96%;
    border-bottom: 1px solid #d8d8d8;
    text-align: left;
    font-weight: bold;
    font-size: 1.15rem;
}
.card .card-content {
    padding: 1rem;
}


/**********************************************************************************************************************************
* Root card
/**********************************************************************************************************************************/
div.card.root-card{
    background: #FFF;
    padding: 0;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
}
div.card.root-card a.root-card-header{
    display: block;
    position: relative;
    /*background: #d8d8d8;*/
    color:#fff;
    font-weight: bold;
    font-size: 1.05rem;
    width: 100%;
    padding: 0.875rem;
}
a.root-card-header .icon-arrow-up:after,
a.root-card-header .icon-arrow-down:after{
    position: absolute;
    display: block;
    top: 0.875rem;
    right: 0.5rem;
    font-size: 2.25rem;
    line-height: 110%;
}
div.card.root-card div.toggle-content{
    /*margin-top: 1rem;*/
}
div.card.root-card div.toggle-content.hide{
    display: none;
}

/**********************************************************************************************************************************
* Header And Off-canvas menu
/**********************************************************************************************************************************/
.tab-bar.overwrite-offcanvas-style{
    background-color: rgba(61,62,57,0.95);
}
body .title-page,
.header-navigation-panel .title{
    color: #fff;
    font-weight: bold;
    font-size: 0.85rem;
    text-transform: capitalize;
}
.header-navigation-panel .title{
    text-align: center;
    display: block;
    float: left;
    padding: 0 0.1rem;
    width: 40%;
    margin-top: 0.6rem;
}

/**********************************************************************************************************************************
* Off canvas(accordion in canvas)
/**********************************************************************************************************************************/
#language-and-currency-select .accordion-navigation > a, #language-and-currency-select dd > a{
    background: #333333;
    color: rgba(255, 255, 255, 0.7);
    padding: 0.66667rem;
}
#language-and-currency-select .accordion-navigation > .content.active, #llanguage-and-currency-select dd > .content.active{
    background: #333333;
    color: rgba(255, 255, 255, 0.7);
}
#languageSelect.active{
    margin-bottom: -2.65rem;
}
#currencySelect.active{
    margin-bottom: -2rem;
}
.off-canvas-list .accordion-navigation .language-code-label,
.off-canvas-list .accordion-navigation .currency-code-label{
    display: block;
    float: left;
}
.off-canvas-list .accordion-navigation .icon-wrapper{
    display: block;
    float: right;
}
.off-canvas-list .accordion-navigation .icon-wrapper .icon-img{
    top: 0.3rem;
    left: -1.8667rem;
}
.off-canvas-list .accordion-navigation .icon-wrapper .icon-currency{
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 0 0.4rem 0 0.5rem;
}
.accordion-navigation .content .icon-wrapper .icon-flag-16-gb.icon-img,
.accordion-navigation .content .icon-wrapper .icon-flag-16-th.icon-img,
.accordion-navigation .content .icon-wrapper .icon-flag-16-ru.icon-img,
.accordion-navigation .content .icon-wrapper .icon-flag-16-zh.icon-img{
    top: 0.25rem;
    left: -1rem;
}
.accordion-navigation .content.language-select {
    padding-top: 0;
}
.accordion-navigation .content.currency-select {
    padding-top: 0;
}
.language-and-currency-select .accordion-navigation.active + .accordion-navigation {
    margin-top: 0.5rem;
}
/**********************************************************************************************************************************
* Back to top
/**********************************************************************************************************************************/
#scrollTopBtn {
    line-height: 250%;
    text-transform: uppercase;
    font-size: 0.85rem;
    position: fixed;
    bottom: 30px;
    right: 0px;
    min-width: 110px;
    height: 30px;
    background-color: #000000cc;
    color: white;
    border: none;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    margin: 0 0 0 0;
    padding: 5px;
}

#scrollTopBtn.show {
    opacity: 1;
    visibility: visible;
}

#scrollTopBtn:hover {
    background-color: #333;
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.4);
}

#scrollTopBtn:active {
    transform: translateY(-1px);
}

/**********************************************************************************************************************************
* Header navigation
/**********************************************************************************************************************************/
.header-navigation-panel{
    top: 0;
    left: 0;
    width: 100%;
    height: 3.5rem;
    z-index: 9000;
    background-color: rgba(61,62,57,0.95);
    padding: 0.5rem 0;
}
/*.header-navigation-panel .title {
    text-align: center;
    display: block;
    color: #fff;
    font-weight:bold;
    float: left;
    padding: 0 0.1rem;
    font-size: 0.8rem;
    width: 40%;
    margin-top: 0.3rem;
}*/
.button-back-panel {
    display: block;
    float: left;
    width: 30%;
    margin-top:0.33rem;
}
.edit-search {
    display: block;
    float: right;
    margin-top: 0.59rem;
    text-align:right;
    width: 30%;
    font-size:0.85rem;
    font-weight: normal;
}
.edit-search a{
    color:rgb(170,170,175);
}
.edit-search.hide {
    display: none;
}
.header-navigation-panel .button-back-panel .button-back{
    color:rgb(170,170,175);
    margin-bottom:0;
    padding: 0;
    line-height:200%;
    font-size: 0.85rem;
    font-weight: normal;
}
.button-back:before{
    content:"\25c0";
    display: inline-block;
    font-size: 0.95rem;
    padding-right: 0.1rem;
}

/**********************************************************************************************************************************
* Popup wrapper
/**********************************************************************************************************************************/
.popup-wrapper {
    width: 94%;
    min-height: 0vh;
}
.popup-wrapper h2 {
    font-size: 1.25rem;
}
.popup-wrapper p, .popup-wrapper label, .popup-wrapper li {
    font-size: 0.85rem;
}
.popup-wrapper li {
    margin-left: 0;
}
.popup-wrapper .column, .popup-wrapper .columns {
    padding: 0px;
}

/**********************************************************************************************************************************
* Front page
/**********************************************************************************************************************************/
.button.button-search {
    padding: 1rem;
    margin-bottom: 0;
}

.hotel-logo {
    margin:4px 0px 4px 10px;
}

.hotel-icon-panel {
    margin:0.35rem 0 0.4rem 0.9rem;
    display: inline-block;
    height: 2.8125rem; 
    max-width: 95%;
    color: #FFF;
    font-size: 0.775rem;
}

.hotel-icon-panel img {
    max-height: 2.80rem;
}

.direct-hotel-booking-panel {
    margin-left: 1rem; 
    margin-bottom: 1rem;
}
.specific-number-of-rooms .bed-icon-panel .bed-icon {
    content:url('../resources/images/big-bed.png');
    width: 50px;
    height: 40px;
    margin-top: 2rem;
}
.promotion-code-panel-group input {
    background-color:#EEEEEE
}
.direct-hotel-booking-text {
    font-weight: bold; 
    text-align: center;
    text-transform: uppercase;
    /*color:rgb(76, 86, 108);*/
}

.view-availability-chart-text-panel-group {
    margin-top: 20px;
    text-align: center;   
    font-size: 0.95rem;
}

.view-availability-chart-text {
    font-weight: normal; 
    text-align: center;
    text-transform: uppercase;
    border-bottom: 2px dotted;
}

.front-page .main-section {
    padding: 0.3rem;
}
.front-page .main-section .property-name-panel {
    margin-bottom: 1rem;
}
.front-page .main-section .property-name-panel .name {
    font-size: 9.5px;
    font-size: 0.95rem;
}
.front-page .calendar-group,
.front-page .icon-plus,
.front-page .icon-minus {
    background-color: #dcdcdc;
}
.front-page .calendar-group {
    padding: 0.15rem 0.4rem 0.3rem 0.3rem; 
    height: 75px; 
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border :1px solid #ccc;
    text-transform: uppercase;
}
.front-page .calendar-group .calendar-panel-left {
    width: 50%; 
    height: 100%; 
    float: left;  
    text-align: center;
    font-size: 1.15rem;
    line-height: 1.3rem;
    padding-right: 0.05rem;
    padding-top: 0.8rem;
}
.front-page .calendar-group .calendar-panel-left span.check-in-day,
.front-page .calendar-group .calendar-panel-left span.check-in-month,
.front-page .calendar-group .calendar-panel-left span.check-out-day,
.front-page .calendar-group .calendar-panel-left span.check-out-month{
    display: block;
}
.front-page .calendar-group .calendar-panel-right {
    width: 50%;  
    height: 100%;
    float: left; 
    font-size: 2.55rem; 
    font-weight: bold;
    text-align: center;
}
.front-page .check-in-day,
.front-page .check-out-day {
    font-size: 0.95rem;
    color: #555;
}
.front-page .calendar-group .calendar-panel-right .calendar-display {
    color:rgb(89,187,4);
}
.front-page .button-plus-minus {    
    display: inline-block; 
    cursor: default;
    width: 34px; 
    height: 30px; 
    background-color: #eee; 
    color: #000;
    border: 1px solid #ccc;
    text-align: center;        
    font-weight: bold;    
    padding-top: 0.155rem;    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.front-page .icon-plus {
    cursor: pointer;
    float: left;
    display: block;
    height: 34px;
    width: 34px;
    color: #000;
    border: 1px solid #ccc;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.front-page .icon-plus:after {
    content: "+";
    display: inline-block;
    margin: 0.25rem  0 0 0;
}
.front-page .icon-minus {
    cursor: pointer;
    float: left;
    display: block;
    height: 34px;
    width: 34px;
    color: #000;
    border: 1px solid #ccc;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

}
.front-page .icon-minus:after {
    content: "-";
    display: inline-block;
    margin: 0.15rem 0 0 0;
}
.sumary-panel {
    float: left;
    display: block; 
    width: 30px; 
    height: 30px; 
    text-align: center; 
    padding-top: 0.35rem;
    font-weight: bold;
}
.front-page .sum-panel {
    display: inline-block; 
    width: 30px; 
    height: 30px; 
    background-color: #fff; 
    text-align: center; 
    padding-top: 0.155rem;
    font-weight: bold;
}
.disabledButton {
    opacity : 0.3;
}
.front-page .card {
    margin: 0;
}
.front-page .card .card-content{
    border:0.4rem solid #FFFFFF;
    background-color: #EEEEEE;
    padding: 1.75rem 0.9rem;
}
.front-page .card .checkin-button,  
.front-page .card .checkout-button  { 
    color: #000;
}
.front-page .card .checkin-button .picker, 
.front-page .card .checkout-button .picker { 
    display: none;
}
.front-page .card .property-panel-group {
    margin-bottom: 1.5rem;
    border-bottom: 1px solid #eee; 
    padding-bottom: 1.0rem;
}
.front-page .card .property-panel-group .property-info-panel {
    font-size:0.9rem;
}

.front-page .card .property-panel-group .property-info-panel .property-star {
    color: rgb(251,176,0);
}
.front-page .card .checkin-panel-group {
    /*float: right; */
}
.front-page .card .header {
    font-weight: bold;
    color:rgba(61, 62, 57, 1);
    margin-bottom: 0.1rem;
}
.front-page .card .header::first-letter {
   text-transform: uppercase;
}
.front-page .card .header .children-per-room-label {
    font-size: 1.05rem;
    font-size: 10.5px;
    font-weight: normal;
}
.front-page .card .checkout-panel-group {
    /*float: left; */
}
.front-page .card .adult-panel-group,
.front-page .card .number-of-room-panel-group {
    float: right;
}
.front-page .card .adult-panel-group, 
.front-page .card .child-panel-group {
    padding-top: 10px;
}
.front-page .card .number-of-room-panel-group {
    margin: 0 auto; 
    margin-top: 1rem; 

}
.front-page .card .asked-later-message-penel {
    font-size: 0.95rem;
    line-height: 1.3;
}
.front-page .main-section .specific-number-of-rooms-panel .row{
    margin-bottom: 1rem;
}
.front-page .card .asked-later-message-penel{
    margin: 1rem auto;
}
.front-page .card .asked-later-message-penel {
    text-align: center;
}
.front-page .reveal-modal {
    min-height:0vh;
    padding:1rem 1rem 1.75rem 1rem;
    width:94%;
    left:3%;
    top:1rem;
}
.front-page .reveal-modal table tr th, 
.front-page .reveal-modal table tr td {
    padding: 0;
}
.front-page .reveal-modal table {
    margin-left:auto; 
    margin-right:auto;
    width: 100%;
    height: auto;
}
.front-page .reveal-modal .header {
    margin-bottom: 0.8rem; 
    text-transform: capitalize;
}
.front-page .reveal-modal .schedule-display-panel-group {
    margin-top : 0.8rem;
}
.front-page .reveal-modal .schedule-display-panel-group select:after{
    margin-bottom: 0;
}
.front-page .reveal-modal .schedule-display-panel-group .schedule-display-panel {
    text-align: center;
}
.front-page .reveal-modal .schedule-display-panel-group .schedule-display-panel span {
    font-weight: bold; 
    display: inline-block;      
    margin: 1.5rem 0 1rem 0; 
} 
.front-page .reveal-modal .schedule-display-panel-group .columns{
    padding: 0;
}
.front-page .reveal-modal .schedule-display-panel-group .room-listing-selection {
    margin-bottom: 0;
}
.front-page .reveal-modal .schedule-button-close-panel {
    margin: 1rem 0 0 0;
}
.front-page .reveal-modal .schedule-button-next-and-prev-panel {
    margin-top: 1.85rem;
}  
.front-page .reveal-modal .schedule-button-next-and-prev-panel .columns:first-child {
    padding:0 2rem 0 0;
}
.front-page .reveal-modal .schedule-button-next-and-prev-panel .columns {
    padding:0 0 0 2rem;
}
.front-page .reveal-modal .schedule-button-next-and-prev-panel .columns a {
    font-weight: bold;
}
.front-page .reveal-modal .schedule-button-next-and-prev-panel .button {
    padding:0.5rem 0;
}
.contact-details .credit-card-help-reveal-modal .button-close,
.front-page .reveal-modal .button-close {
    padding: 0;
    margin-top: 1rem;
}
.contact-details .credit-card-help-reveal-modal .button-without-border,
.front-page .button-without-border {
    border: 1px solid #000;
    border-radius: 2px;
    text-decoration:none;
}

.front-page .reveal-modal  table {
    margin-bottom: 0;
    border : none;
    width: 100%;
}

.front-page .reveal-modal tr {
    padding: 0rem;   
    vertical-align: top;
    vertical-align: text-top;
}

.front-page .reveal-modal td {
    vertical-align: text-top;    
}

.front-page .language-reveal-modal.reveal-modal tr td:first-child,
.front-page .currency-reveal-modal.reveal-modal tr td:first-child {
    width: 1.5rem;
}

.front-page .reveal-modal input[type="checkbox"] {   
    margin: 4px 0 0 0;
    vertical-align: top;
}
.currency-criteria-sub-section table,
.currency-reveal-modal.reveal-modal .currency-listing-panel {
    margin-bottom: 0;
}
.language-reveal-modal.reveal-modal .refine-your-search-panel {
    padding:0;
}
.currency-reveal-modal.reveal-modal .currency-criteria-sub-section,
.language-reveal-modal.reveal-modal .currency-criteria-sub-section {
    padding: 0 1rem;
}

.front-page .language-reveal-modal.reveal-modal tr td:first-child,
.front-page .currency-reveal-modal.reveal-modal tr td:first-child {
    width: 1.5rem;
}

.front-page .language-reveal-modal.reveal-modal input[type="checkbox"] ,
.front-page .currency-reveal-modal.reveal-modal input[type="checkbox"]{   
    margin: 4px 0 0 0;
    vertical-align: top;
}

/* Home calender */
.pickadate__day.pickadate__day--infocus.pickadate__day--not-available {
    color: #C8C2C2;
    vertical-align: top;
    background: #FFF;
    background-image:url("/propertyibemobile/javax.faces.resource/images/x-1.jpg.xhtml");
    background-size: 100% 100%;
}

/**********************************************************************************************************************************
* Room listing
/**********************************************************************************************************************************/
.room-listing .header-space .currency-criteria-panel{
    float: right; 
}
.room-listing .header-space .currency-criteria-panel .currency-criteria{
    display: inline-block;
    text-align: right;
    font-size: 0.75rem;
    font-weight: bold;
}
.room-listing .header-space .currency-criteria-panel .currency-select-panel{
    display: inline-block;
}
.room-listing .header-space .currency-criteria-panel .currency-select-panel .currency-select-box {
    font-weight: bold;
    min-width:4.2rem;
    height: 1.9rem;
    padding-left: 0.5rem;
    font-size:0.755rem;
    margin-bottom: 0.25rem;
}
.accordion .accordion-navigation .rate-header-accordion-button{
    padding: 0.3rem;
}
.room-listing-accordion .accordion-navigation + .accordion-navigation {
    margin-top: 0.5rem;
}
.room-listing-accordion .accordion-navigation + .accordion-navigation:last-child {
    margin-bottom: 0.65rem !important;
}
.property-name {
    display: block;
    font-size: 0.85rem;
    font-weight: bold;
}

.room-listing .no-result-statement-panel {  
    background-color: #EAEAEA;
}

.room-listing .no-result-statement-panel .no-result-statement {
    font-size: 0.85rem;   
}

.room-listing .rate-header-panel{
    display: table;
    width: 100%;
}
.rate-header-panel .rate-header-1{
    display: table-cell;
    vertical-align: top;
    width: 90px;
}
.rate-header-panel .rate-header-2{
    display: table-cell;
    vertical-align: middle;
    width: 55%;
    padding-left: 0.5rem;
    padding-bottom: 0.2rem;
    line-height: 1.5;
}
.rate-header-2 .room-name::first-line{
    line-height: 1.5;
}
.rate-header-2 .room-name {
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1.2;
}
.rate-header-2 .rate-start-from-panel{
    display: block;
    color: #222222;
    font-weight: bold;
}
.rate-header-2 .room-size-and-type {
    font-size : 0.70rem;
    margin:0;
    line-height: 1.0rem;
}
.rate-header-2 .rate-start-from-panel .price{   
    color: #a5c637;
}
.rate-header-2 .room-capacity {
    display: block;
    margin-right: 0.10rem;
    margin-bottom: 0.2rem;
}
.rate-header-2 .number-of-room-left , 
.rate-of-room-listing .room-info-header-panel .room-header-column-1 .number-of-room-left {
    color:#000;
    font-size: 0.75rem;
    background: rgb(251, 227, 75);
    padding: 0.2rem 0.4rem;
    margin-top: 0.1rem;
}
.rate-header-2 .sold-out,
.rate-of-room-listing .room-info-header-panel .room-header-column-1 .sold-out {
    color:#000;
    font-size: 0.75rem;
    background: #A8A8A8;
    padding: 0.2rem 0.4rem;
}
.rate-header-2 .number-of-room-left ,
.rate-header-2 .sold-out {
    margin-top: 0.4rem;
}
.rate-header-panel .rate-header-3{
    display: table-cell;
    vertical-align: middle; 
    text-align: right; 
    min-width: 32px;
}
.rate-header-3 .navigation-icon {

}
.rate-nav-panel {
    display: block;
    width: 100%;
}
.rate-nav-panel .button-show-rate{
    float: right;
}
.rate-nav-panel .button-hide-rate{
    float: right;
}
.button.button-show-rate.hide{
    display: none;
}
.button.button-hide-rate.hide{
    display: none;
}
.room-rate-listing-panel {
    display: block;
    padding: 0 0.15rem;
}
.room-rate-listing-panel.hide {
    display: none;
}
.room-rate-listing-panel .rate-nav-panel{
    margin-top: 0.3rem;
}
.rate-name{
    margin-bottom: 0;
}

.room-rate-listing-wrapper {
    background: #FFFFFF;
}
.summary-search-criteria-panel{
    margin: 0;    
    padding: 0.7rem 0.9375rem;
    line-height:1.8;
}

.room-listing .room-rate-listing-wrapper {
   padding: 0.5rem 0rem;
   
}
.room-listing .summary-search-criteria-panel{
    margin: 0;    
    line-height:1.8;    
    padding: 0 0.9375rem;    
}  

.room-listing .summary-search-criteria-panel.hotel-name {
    line-height: 1;
    margin-bottom: 10px;
}
.summary-search-criteria-panel .room-rate-listing-availability-panel {
    float:left;
}
.summary-search-criteria-panel .room-rate-listing-availability-panel .availability-text,
.summary-search-criteria-panel .room-rate-listing-availability-panel .check-in-date , 
.summary-search-criteria-panel .room-rate-listing-availability-panel .check-out-date {
    color:#888888
}
.summary-search-criteria-panel .room-rate-listing-availability-panel .availability-text,
.summary-search-criteria-panel .room-rate-listing-availability-panel .check-in-date , 
.summary-search-criteria-panel .room-rate-listing-availability-panel .check-out-date ,
.summary-search-criteria-panel .room-rate-listing-calendar-panel .calendar-icon-back-to-search-link{
    font-size:0.9rem;
}
.summary-search-criteria-panel .room-rate-listing-calendar-panel {
    float: right;
}
.summary-search-criteria-panel .room-rate-listing-calendar-panel .calendar-icon-back-to-search-link {
    vertical-align:middle;
    margin-left:0.25rem;
    color:rgb(24,123,198);
    text-decoration:underline;
    text-transform:capitalize;
}
.summary-search-criteria-panel .room-rate-listing-stay-period {
    font-size: 0.85rem;
    color: #888888;
}
.summary-search-criteria-panel .room-rate-listing-search-criteria {
    display: flex;
    flex-wrap: wrap;
    column-gap: 0.75rem;
}
.summary-search-criteria-panel .room-rate-listing-search-criteria .col {
    display: block;
}
.summary-search-criteria-panel .room-rate-listing-search-criteria span.col {
    font-size: 0.85rem;
    color: #888;
    text-transform: capitalize;
}
.stay-period {
    display: block;
    font-size: 0.75rem;
    margin-top: 0rem;
}
.capacity-criteria-panel {
    display: block;
}
.capacity-criteria{
    display: block;
    font-size: 0.75rem;
}
.room-listing .reveal-modal {
    min-height:0vh;
    padding:1rem;
    width:94%;
    left:3%;
    top:1rem;
    background-color: rgba(255, 255, 255, 0.9);
}

.room-listing .rate-details-reveal-modal.reveal-modal ,
.room-listing .daily-rate-reveal-modal.reveal-modal ,
.room-listing .inclusion-details-popup.reveal-modal ,
.room-listing .room-rate-details-panel.reveal-modal ,
.room-listing .room-details-panel.reveal-modal {
    min-height:0vh;
    padding:1rem 0rem;
    width:94%;
    left:3%;
    top:1rem;
    background-color: rgba(255, 255, 255, 0.9);
}

.room-listing .room-rate-details-panel.reveal-modal .rate-name {
    padding-right:0;
}
.room-listing .room-gallery-panel ,
.room-listing .room-description-panel .room-description p,
.room-listing .amenities-listing li {
    font-size: 0.8rem;
}

.room-listing .room-description-panel{
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}

.room-listing .room-gallery-panel {
    padding-left: 0rem;
    padding-right: 0rem;
}

.room-listing .rate-details-reveal-modal.reveal-modal .booking-condition-panel-group,
.room-listing .rate-details-reveal-modal.reveal-modal .rate-inclusion-panel-group,
.room-listing .room-rate-details-panel.reveal-modal .booking-condition-panel-group,
.room-listing .room-rate-details-panel.reveal-modal .rate-inclusion-panel-group,
.room-listing .room-rate-details-panel.reveal-modal .rate-benefit-panel-group {
    margin-top: 0.5rem;
}

.room-listing .room-rate-details-panel.reveal-modal .rate-benefit-panel-group.sub-benefit {
    margin-top: 0;
}

.room-listing .room-rate-details-panel .no-credit-card-required {
    margin: 10px 0 0 0;
}

.room-listing .rate-details-reveal-modal.reveal-modal ul,
.room-listing .room-rate-details-panel.reveal-modal ul, 
.room-listing .room-rate-details-panel.reveal-modal ol, 
.room-listing .room-rate-details-panel.reveal-modal dl{
    margin-bottom: 0;
}

.room-listing .room-rate-details-panel .rate-benefit{
    display: block;
    color: rgb(247, 148, 31);
    font-size: 0.9rem;
    font-weight: bold;
}

.room-listing .room-rate-details-panel .top-up-highlight{
    display: inline-block;
    font-weight: bold;   
    background-color: rgb(251, 227, 75);
    padding: 0.2rem 0.4rem;
    margin-top: 1rem;
}

.contact-details .rate-details-reveal-modal .inclusion-listing-panel .rate-inclusion-listing.hilight-inclusion li,
.room-listing .rate-details-reveal-modal ul.rate-inclusion-listing.hilight-inclusion li,
.room-listing .room-rate-details-panel ul.rate-inclusion-listing.hilight-inclusion li{
    background-color: rgb(251, 227, 75);
    padding: 0.1rem 0.4rem;
    margin: 0.2rem 0;
}

.room-listing .room-gallery-panel .room-capacity {
    display: block;
    margin-left: 0.95rem;
    margin-top: 0.27rem;
}

.room-listing .room-details-panel.reveal-modal .room-name {
    font-style : italic;
    font-weight: bold;
    font-size: 1.05rem;
}

/* Room Detail Popup */
.room-info {
    display: flex;
    background-color: #414143;
    color: #fff;
    padding: 0.5rem 0.25rem;
}
.room-info div {
    padding: 0rem 0.5rem;
}
.room-info div:not(:first-child) {
    border-left: 1px solid #fff;
}
.room-info .__room-capacity {
    flex: 0 0 auto;
    padding-left: 0.75rem;
}
.room-info .__room-capacity.is-shared-bedroom {
    display: none;
}
.room-info .__room-size.is-shared-bedroom { 
    border-left: 0;
}
.room-info .__room-wifi-icon {
    margin-left: auto;
    flex: 0 0 auto;
}
.room-info .__room-wifi-icon .wifi-text {
    margin-left: 0.25rem;
    font-size: 0.8rem;
}


.room-listing .rate-details-reveal-modal.reveal-modal .rate-inclusion-listing,
.room-listing .rate-booking-policy,
.room-listing .rate-inclusion-panel .rate-inclusion-listing li  {
    font-size: 0.8rem;

}
.rate-details-reveal-modal.reveal-modal.open .rate-booking-policy {
    display: inline-block;
    margin-bottom: 0.5rem;  
}

.room-listing .rate-inclusion-panel .rate-inclusion-listing li a ,
.room-listing .rate-inclusion-panel .rate-inclusion-listing li a  {
    color: #000;
    text-decoration: underline;
}

.room-listing .rate-inclusion-heading,
.room-listing .booking-policy-label{
    display: block; 
    font-weight: bold;
    font-size: 1.05rem;
    font-style:italic;    
}
.room-listing .booking-policy-label {
    margin-bottom: 0.15rem;
}
.room-listing .rate-details-reveal-modal .room-name ,
.room-listing .room-rate-details-panel .room-name {
    font-style:italic;  
    font-weight: bold;
}
.room-listing .daily-rate-reveal-modal table,
.room-listing .room-rate-details-panel table {
    width: 100%;
}

.room-listing .room-rate-details-panel .content-left {
    width: 50%;
}
.room-listing .room-rate-details-panel .top-line {
    border-top:2px solid #eeeeee;
}
.room-listing .room-rate-details-panel .price {
    width: 50%;
    text-align: right;
} 
.room-listing .room-rate-details-panel .price.d-none {
    display: none;
} 

.room-listing .daily-rate-reveal-modal .price {
    text-align: right;
}


.room-listing .inclusion-details-popup.reveal-modal .inclusion-gallery-panel {
    padding: 0;

}


.room-listing .inclusion-details-popup.reveal-modal .inclusion-details-panel {
    margin-top: 0.5rem; 
    margin-bottom: 0.5rem;
    font-size: 0.85rem;
}

.room-listing .amenities-listing {
    display: block;
    position: relative;
    width: 100%;
    margin: 0 0 1rem 0;
    -moz-column-count: 2;
    -moz-column-gap: 5px;
    -webkit-column-count: 2;
    -webkit-column-gap: 5px;
    column-count: 2;
    column-gap: 5px;
}

.filter-criteria-sub-section table {
    border : none;
    background-color: transparent;
    width: 100%;
}

.filter-criteria-sub-section tr {
    padding: 0rem;   
    vertical-align: top;
    vertical-align: text-top;
}

.filter-criteria-sub-section td {
    vertical-align: text-top;    
}

.filter-criteria-sub-section input[type="checkbox"] {   
    margin: 4px 0 0 0;
    vertical-align: top;
}

.filter-criteria-sub-section label {
    width: 77%;
}

.room-listing .currency-reveal-modal table tr th, 
.room-listing .language-reveal-modal table tr td {
    padding : 0px;
}

.room-listing .currency-reveal-modal.reveal-modal table tr th, 
.room-listing .language-reveal-modal.reveal-modal table tr td,
.room-listing .filter-reveal-modal.reveal-modal table tr td{
    padding : 0px;
}
.display-only-availble-rate-checkbox {
    margin: 0px;
}

.room-listing .currency-reveal-modal.reveal-modal table tr th, 
.room-listing .currency-reveal-modal.reveal-modal table tr td,

.room-listing .language-reveal-modal.reveal-modal table tr th, 
.room-listing .language-reveal-modal.reveal-modal table tr td {
    padding : 0px;
}

.room-listing .currency-reveal-modal.reveal-modal table tr th, 
.room-listing .currency-reveal-modal.reveal-modal table tr td,

.room-listing .language-reveal-modal.reveal-modal table tr th, 
.room-listing .language-reveal-modal.reveal-modal table tr td {
    padding: 0;
}

.room-listing .currency-reveal-modal.reveal-modal table tr.even,
.room-listing .currency-reveal-modal.reveal-modal table tr.alt,
.room-listing .currency-reveal-modal.reveal-modal table tr:nth-of-type(even),

.room-listing .language-reveal-modal.reveal-modal table tr.even,
.room-listing .language-reveal-modal.reveal-modal table tr.alt,
.room-listing .language-reveal-modal.reveal-modal table tr:nth-of-type(even) {
    background : none;
}

.room-listing .button-without-border {
    border: 1px solid #000;
    border-radius: 2px;
    text-decoration:none;
}

.room-listing .currency-reveal-modal.reveal-modal table,
.room-listing .language-reveal-modal.reveal-modal table {
    border : none;
    width: 100%;
    background : none;
}


.room-listing .currency-reveal-modal.reveal-modal tr,
.room-listing .language-reveal-modal.reveal-modal tr {
    padding: 0rem;   
    vertical-align: top;
    vertical-align: text-top;
}

.room-listing .currency-reveal-modal.reveal-modal td,
.room-listing .language-reveal-modal.reveal-modal td {
    vertical-align: text-top;    
}

.room-listing .language-reveal-modal.reveal-modal tr td:first-child ,
.room-listing .currency-reveal-modal.reveal-modal tr td:first-child {
    width: 1.5rem;
}

.room-listing .currency-reveal-modal.reveal-modal input[type="radio"],
.room-listing .language-reveal-modal.reveal-modal input[type="radio"] {   
    margin: 4px 0 0 0;
    vertical-align: top;
}

/**********************************************************************************************************************************
* Rate of room
/**********************************************************************************************************************************/
.rate-of-room-listing .room-description p{
    font-size: 0.95rem;
    line-height: 1.25rem;
}

.rate-of-room-listing .header-space{
    padding-top: 4rem;
    margin-bottom: 0.75rem;
}
.rate-of-room-listing .room-amenities-heading{
    text-transform: capitalize;
}
.rate-of-room-listing .root-card .card .card-heading{
    width: 100%;
    /*background: rgba(165, 198, 55, 0.74);
    color: #fff;*/
}
.rate-of-room-listing .card.root-card{
    margin: 0 0.5rem 0.5rem 0.5rem;
    border:1px solid rgb(216, 216, 216);
    /*    background: rgba(165, 198, 55, 0.74);*/
}
.rate-of-room-listing div.card.root-card .root-card-header.room-info-header-panel{
    color:rgb(48,48,48);
    width: 100%;
    padding: 1rem 1rem 1.5rem 1rem;
    line-height: 1;
    display: block;
}
.rate-of-room-listing .room-info-header-panel .room-header-column-1{
    float: left;
    width: 85%;
}
.rate-of-room-listing .room-info-header-panel .room-header-column-1 .room-name,
.rate-of-room-listing .room-info-header-panel .room-header-column-1{
    display: block;
}
.rate-of-room-listing .room-info-header-panel .room-header-column-1 .room-capacity {
    display: inline-block;
}
.room-size-and-type {
    display: block;
    font-size: 0.9rem;
    font-weight: normal;
    margin:0.3rem 0rem 0.2rem 0rem;
}

.rate-of-room-listing .room-info-header-panel .room-header-column-1 .room-name {
    font-size: 1.25rem;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1.4rem;
}
.rate-of-room-listing .room-info-header-panel .room-header-column-1 .room-size-and-type {
    display: block;
    font-size: 0.95rem;
    font-weight: normal;
    margin:0.28rem 0rem 0rem 0rem;
    line-height: 1.0rem;
}
.rate-of-room-listing .room-info-header-panel .room-header-column-1 .room-size-and-type span {
    font-size: 0.75rem;
}
.rate-of-room-listing .room-info-header-panel .room-header-column-1 .room-capacity {
    margin-right: 0.80rem;
}
.rate-of-room-listing .room-info-header-panel .room-header-column-1 .icon-capacity {
    margin: 0 -0.12rem;
}
.rate-of-room-listing .room-info-header-panel .room-header-column-1 .room-starting-rate {
    margin:0.45rem 0 1rem 0;
}
.rate-of-room-listing .room-info-header-panel .room-header-column-1 .room-starting-rate .from-label{
    font-weight: normal;
}
.rate-of-room-listing .room-info-header-panel .room-header-column-1 .room-starting-rate .rate-start-from,
.rate-of-room-listing .room-info-header-panel .room-header-column-1 .room-starting-rate .from-label{
    font-size: 1.05rem;
    color: rgb(165, 198, 55);
    margin-top: 0.3rem;
    margin-bottom: 0.7rem;
}
.rate-of-room-listing .room-info-header-panel .room-header-column-2{
    float: right;
    width: auto;
}
.room-header-column-2 i.icon-information {
    display: block;
    margin: -0.27rem -0.1rem 0rem 0rem;
    font-size: 2.05rem;
    color: rgb(48, 48, 48);
}
.rate-of-room-listing a.root-card-header .icon-arrow-up:after,
.rate-of-room-listing a.root-card-header .icon-arrow-down:after{
    top: 0.875rem;
    right: 1rem;
    font-size: 2.85rem;
    line-height: 52%;
}
.rate-of-room-listing .toggle-content.hide{
    display: none;
}
.rate-of-room-listing .room-images-panel{
    margin-bottom: 1rem;
}
.room-amenities-list{
    list-style: disc;
    font-size: 0.95rem;
    line-height: 1.15rem;
}
.room-amenities{
    font-size: 0.95rem;
}
.rate-of-room-panel ul.rate-listing{
    list-style: none;
    margin-left: 0;
    padding: 0rem;
}
.rate-of-room-panel .card .card-content.rate-of-room{
    padding: 1rem;
    padding-bottom: 1.7rem;
}
.rate-details {
    display: block;
}
.rate-details .card .rate-name{
    font-size: 1.15rem;
    font-weight: bold;
    padding: 0.8rem 0.5rem 0rem 1rem;
    width: 96%;
    border-bottom: 0px solid #d8d8d8;
    line-height: 1.4rem;
}
.rate-details .rate-benefit{
    display: block;
    color: rgb(247, 148, 31);
    font-size: 1.25rem;
    margin-top: 1rem;
    font-weight: bold;
}
.rate-details .top-up-highlight{
    display: inline-block;
    font-weight: bold;   
    background-color: rgb(251, 227, 75);
    padding: 0.2rem 0.4rem;
    margin-top: 1rem;
}
.rate-details .except-policy{
    display: block;
    margin-top: 1rem;
}
.except-policy {
    margin: 0.5rem 0 0 0;
}
.free-cancellation ,
.pay-nothing-now {
    color: rgb(89,187,6);
    font-weight: bold;
    text-indent: 0px;
    font-size: 0.85rem;
    display: block;
    margin-right: 15px;
    margin:0.25rem 0.5rem 0 0; 
}
.no-credit-card-required{
    display: inline-block;
    border-radius: 4px;
    height: auto;
    line-height: 18px;
    padding: 0 12px 1px 3px;
    margin: 10px 0 5px 0;
    background-color: #954EC8;
    color: #FFFFFF;
    font-size: 8px;
    font-size: 0.8rem;
}
.no-credit-card-required .details{
    position: relative;
    top: -1px;
}
.no-credit-card-required.icon-smiling-face:before{
    position: relative;
    top: 0px;
    left: 2px;
}
.rate-details .rate-inclusion-heading{
    font-size: 1.05rem;
    font-weight: bold;
    margin: 1rem 0 0.5rem 0;
    padding-left: 0;
}
.rate-details .rate-button-panel .button{
    margin: 0;
}
.rate-details ul.rate-inclusion-listing.hilight-inclusion{
    list-style-type: disc;
    margin-bottom: 0;
}
.rate-details ul.rate-inclusion-listing.hilight-inclusion li{
    background-color: rgb(251, 227, 75);
    padding: 0.1rem 0.4rem;
    margin: 0.2rem 0;
}
.rate-details ul.rate-inclusion-listing{
    list-style-type: disc;
}
.rate-details ul.rate-inclusion-listing li{
    font-size: 0.95rem;
}
.rate-details ul.rate-inclusion-listing li.rate-inclusion.inclusion-more-details a{
    color: #000;
    text-decoration: underline;
}
.rate-details .rate-booking-policy-heading{
    font-weight: bold;
    font-size: 0.85rem;
    margin-top: 1rem;
    text-decoration: none;
    color: #AAAAAA;
    display: block;
}
.rate-details .rate-booking-policy-heading .booking-policy-label{
    text-decoration: underline;
    display: block;
    float: left;
}
.rate-details .rate-booking-policy-heading .icon-triangle-down{
    display: block;
    float: left;
    margin-top: 0.45rem;
    margin-left: 0.3rem;
}
.rate-details .rate-booking-policy-heading .icon-triangle-down.icon-triangle-up{
    margin-top: 0.5rem;
}
.rate-details .rate-booking-policy{
    font-size: 0.8rem;
    color: #AAAAAA;
    margin-bottom: 0;
}
.rate-details .rate-price-panel{
    line-height: 1.3;
    margin-top: 1rem;
}
.rate-price-panel .total-label{
    display: block;
    font-weight: bold;
    font-size: 0.9rem;
}
.rate-price-panel .discounted-rate{
    display: inline-block;
    color: #999;
    text-align: center;
    text-decoration: line-through;
    font-size: 1.25rem;
    padding-right: 0.3rem;
}
.rate-price-panel .final-rate{
    display: inline-block;
    padding-right: 0.3rem;
    color: #a5c637;
    font-weight: bold;
    text-align: center;
    font-size: 1.25rem;
}
.rate-price-panel .tax-and-fee-desc{
    display: block;
    color: rgb(168, 168, 168);
    font-size: 0.75rem;
}
.rate-price-panel .content:after {
    display: block;
    clear: both; 
    content: "."; 
    height: 0; 
    visibility: hidden;
}
.rate-price-panel .content .left-panel {
    float:left; 
    width:40%;
}
.rate-price-panel .content .left-panel span {
    text-align: right;
}
.rate-price-panel .content .right-panel {
    float:right; 
    width:60%;
}
.rate-price-panel .content .right-panel .final-rate {
    text-align:left; 
    display:block; 
    margin-left:5px;
}
.rate-price-panel .content .right-panel .taxes-display {
    margin-top:2px;
}
.rate-price-panel .content .right-panel .taxes-display .taxes {
    text-align:left; 
    display:block; 
    margin-left:5px; 
    font-size:0.75rem; 
    font-weight:normal; 
    text-transform:lowercase;
}
.room-response-message {
    display: block;   
    padding: 1rem 0.5rem 1rem 0.5rem;    
    text-align: center;
    background-color:rgb(255,255,255);   
}

.room-response-message span {
    color: #828282;
    font-size: 0.85rem;
    line-height: 1.5;    
}

.rate-response-panel{
    text-align: center;
    float: right;
    width: 35%; 
    margin-bottom: 0.5rem;
}
@media (orientation: landscape) {
    .rate-response-panel  {
        width: 130px;
    }
}

.rate-response-panel .unable-to-book{
    display: block;
    color: rgb(247, 148, 31);
    font-weight:bold;
    font-size: 0.85rem;
    margin-bottom: 0.15rem;
}
.rate-response-panel .response-message{
    display: block;
    color: #000;
    font-weight: bold;
    line-height: 1.5;
    font-size: 0.75rem;
}
.rate-response-panel .response-message-try-new-period{
    display: block;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
    font-size: 0.75rem;
}
.button-availability-calendar{
    display: block;
    background: transparent url("/propertyibemobile/javax.faces.resource/images/availability-calendar.png.xhtml") no-repeat;
    background-size: 18px 18px;
    background-position: center;
    min-height: 18px;
    width: 100%;
}
.rate-button-panel {
    margin: 1.3rem 0rem 0.5rem 0rem;
}

.rate-of-room-listing .card {
    border: none;
    border-bottom: 3px dotted #d8d8d8;
}

.rate-of-room-listing .row {
    margin-bottom: 1.5rem;
}

.rate-of-room-listing .reveal-modal.inclusion-details-popup{
    min-height: 0vh;
    padding: 3rem 1.25rem 1.5rem 1.25rem;
    width: 90vw;
    left: 1rem;
    top: 1rem;
}
.rate-of-room-listing .reveal-modal.inclusion-details-popup img{
    margin-bottom: 1rem;
    margin-top: 0.5rem;
}
.rate-of-room-listing .reveal-modal.inclusion-details-popup span{
    line-height: 1.2;
    font-size: 0.95rem;
}
.rate-of-room-listing .reveal-modal.inclusion-details-popup .details {
    padding-bottom: 1rem;
}
.rate-of-room-listing .daily-rate{
    text-decoration: none;
    font-weight: normal;
    font-size:1.05rem;
    color:rgb(34, 34, 34);
}
.rate-of-room-listing .reveal-modal.daily-rate-info-popup{
    min-height: 0vh;
    padding: 3rem 1.25rem 1.5rem 1.25rem;
    width: 90vw;
    left: 1rem;
    top: 1rem;
}


.rate-of-room-listing .reveal-modal table {
    width:100%;
}

.rate-of-room-listing .daily-rate-info-popup .price {
    text-align: right;
}

.rate-of-room-listing .daily-rate-info-popup h4 {
    margin-bottom: 1rem;
}

.rate-of-room-listing .room-description-group ,
.rate-of-room-listing .room-amenities-group ,
.rate-of-room-listing .rate-listing-group {
    margin-bottom: 0.5rem;
}

.rate-of-room-listing .icon-panel {
    float: right;
}

.rate-of-room-listing .room-description-heading,
.rate-of-room-listing .room-amenities-heading,
.rate-of-room-listing .rate-listing-heading {    
    border: 1px solid #d8d8d8; 
    margin-bottom: 0; 
    padding: 0.5rem; 
    cursor: pointer; 
    text-transform: capitalize; 
    font-weight: bold;  
    background-color: whitesmoke;
}

.rate-of-room-listing .room-description-panel,
.rate-of-room-listing .room-amenities-panel{
    border-bottom: 1px solid #fff;  
    border-left:  1px solid #fff; 
    border-right: 1px solid #fff; 
    padding-top: 0.5rem;  
    padding: 0.5rem; 
    display: none; 
    font-size: 0.95rem;
}

.rate-of-room-listing .rate-listing-panel {
    border-bottom: 0px solid #d8d8d8;  
    border-left:  0px solid #d8d8d8; 
    border-right: 0px solid #d8d8d8; 
    padding-top: 0.5rem;  
    padding: 0rem; 
    font-size: 0.95rem; 
    padding-top: 0.5rem;
}

/**********************************************************************************************************************************
* Additional Service
/**********************************************************************************************************************************/
.room-info-header-panel .close-x-blue-button {
    font-size: 2.55rem;
    line-height: 1;
    position: absolute;
    top: 0.295rem;
    right: 1.1rem;
    color: rgb(4,174,218);
    font-weight: bold;
    cursor: pointer;
}

.additional-service .button-back-panel {
    width: 33%;
}
.additional-service .edit-search {
    width: 33%;
}

.additional-service .header-navigation-panel .title {
    width: 34%;
}


.additional-service .header-space{
    padding-top: 5rem;
}
.additional-service .button{
    margin-bottom: 0;
}
.accordion.additional-service-accordion .accordion-navigation > .content, 
.accordion.additional-service-accordion dd > div.content {
    padding: 0.5rem 0 0 0;
}
.additional-service .additional-service-header-label {
    display: block;
    font-weight: bold;
    margin: 1rem 0 0.75rem 0;
}
.additional-service .additional-service-content {
    padding: 0 0.9375rem;
}

.additional-service .additional-service-content .additional-service-list ul {
    margin-bottom: 0;
}
.continue-button-panel .button-continue{
    text-transform: uppercase;
    margin-bottom: 1.7rem ;
    margin-top: 1.2rem;
}
.additional-service-content div.card.radius{
    border-radius: 3px;
}
.additional-service-content div.card{
    background: #FFF;
    padding: 0;
    border: 1px solid #d8d8d8;
}
.additional-service-content .additional-service-accordion {
    margin-bottom: 0.5rem;
}
.additional-service-accordion .accordion-navigation-panel {
    padding-bottom: 0rem;
}
.additional-service-accordion .accordion-navigation-panel .header-info-panel{
    display: block;
    float: left;
    font-size:1.05rem;
    font-weight: bold;
    text-transform: uppercase;
}
.additional-service-accordion .accordion-navigation-panel .header-icon-panel{
    float:right;
    font-size:1.85rem; 
    margin-top:-0.9rem;
}
.additional-service-accordion .additional-service-list{
    margin-left: 0rem;
    margin-bottom: 0;
}
.additional-service-content .additional-service-list .card .card-content,
.additional-service-content .additional-service-list .card .card-content div{
    padding: 0rem;
}
.additional-service-content .additional-service-list .card .card-content .additional-service-total-price {
    padding-top: 1rem;
}
.additional-service-list .rate-details {
    list-style: none;
}
.additional-service-list .rate-details .card {
    padding:0.9rem; 
    margin-bottom:0.5rem;
}
.additional-service-list .rate-details .rate-price-panel {
    margin:1rem 0;
    text-align: right;
}
.additional-service-list .rate-details .rate-price-panel span{
    font-size: 1.05rem;
    font-weight: bold;
}
.additional-service-list .rate-details .rate-price-panel .final-rate{
    color: #a5c637;
}
.additional-service-list .rate-details .rate-name {
    text-transform: uppercase;
    border-bottom: 0px solid #d8d8d8;
    padding-bottom: 0.9375rem;
    padding: 0rem 0rem 0rem 0rem;
    margin-bottom: 0.9375rem;
    font-weight: bold;
    font-size: 0.85rem;
}
.additional-service .additional-service-list .rate-details div.additional-service-total-price {
    padding-top: 0.5rem;
}
.additional-service .additional-service-list .rate-details div.additional-service-total-price.hide {
    display: none;
}
.additional-service-list .rate-details .additional-service-total-price div div.input-details {
    padding: 0 1.25rem 1rem 0;
}
.additional-service-list .rate-details .select-button-panel{
    padding:1rem 0 0.75rem 0;
}
.additional-service-list .additional-service-image {
    text-align: center;
}
.additional-service-list .additional-service-image img {
    width: 100%;
}
.additional-service-list .price-per-unit {
    font-weight: bold;
    font-size: 0.95rem;
    text-align: right;
}
.additional-service-list .price-per-unit .currency{
    font-weight: bold;
}
.additional-service-list .price-per-unit .rate {
    font-weight: bold;
}
.additional-service-list .price-per-unit .per-unit-label {
    font-weight: normal;
}
.additional-service-list .additional-service-details-panel{
    padding-top: 1.0rem;
}
.additional-service-list .payment-policy {
    margin-bottom: 1rem; 
    font-size: 8px;
    font-size: 0.8rem;
    color: #000000; 
}
.additional-service-list .payment-policy .booking-condition-text{
    display: block;
}
.additional-service-details-panel .additional-service-details{
    display: block;
    padding: 0.5rem 0;
    font-size: 0.85rem;
    color: #AAAAAA;
}
.additional-service .reveal-modal{
    min-height: 0vh;
    padding: 3rem 1.25rem 1.5rem 1.25rem;
    width: 90vw;
    left: 1rem;
    top: 1rem;
}
.additional-service-details-popup-panel {
    padding: 0;
}
.additional-service-details-popup-panel .additional-service-details-popup span {
    font-size: 0.95rem;
    margin-top: 0.5rem;
}
.additional-service-details-popup-panel .additional-service-details-popup {
    padding: 0 0;
}
.additional-service-details-popup-panel .additional-service-details-popup .additional-service-user-details-input{
    float: right;
}
.additional-service-details-popup-panel .additional-service-details-popup {
    margin-bottom: 0;
}
.additional-service-details-popup-panel .additional-service-details-popup .unit-desc {
    font-weight: bold;
    margin-top: 0.45rem;
}
.additional-service-details-popup-panel .additional-service-details-popup .total-price{
    display: block;
    text-align: right;
    margin-top: 1rem;
    font-size: 1.7rem;
}
.additional-service  .total-price-right {
    display: block;
    text-align: right;
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 1.55rem; 
}
.additional-service-details-popup-panel .additional-service-details-popup .additional-service-info{    
    display: block;      
}
.additional-service-details-popup-panel .additional-service-details-popup .additional-service-info b{
    font-weight: normal;
}
.additional-service .reveal-modal .keep-button{
    margin-bottom: 1rem;
}
.additional-service-content .card.additional-service-list-panel{
    margin: 0 0 0.5rem 0;
    padding: 0.5rem 0;
}
.additional-service-content .accordion .accordion-navigation.active > a{
    background: #f7941f;
    color: #222222;
}
.additional-service-content .accordion .accordion-navigation.active .icon-minus{
    color: #fff;
}
.additional-service-list-panel .additional-service-name,
.additional-service-list-panel .additional-service-price{
    font-size: 0.95rem;
}
.additional-service-list-panel .additional-service-price{
    display: block;
    text-align: right;
}
.accordion .accordion-navigation > a:hover,
.accordion .accordion-navigation > a {
    background: #fff;
    border-bottom: 1px solid #E0DFDF;
}

.additional-service-content .accordion .accordion-navigation.active .header-info-panel {
    color: #fff; 
}
.additional-service-table-wapper {
    margin-bottom:1rem
}
.additional-service-table-wapper .additional-service-table {
    padding: 5px;
    margin-bottom: 0px;
}
.additional-service-table-wapper .additional-service-table tr td {
    background-color: #fff;
    padding: 5px;
}
.additional-service-table-wapper additional-service-table .left-content {
    text-align:left;
    width: 65%!important;
}
.additional-service-table-wapper .additional-service-table .right-content {
    text-align:right;
}
.additional-service-table thead tr td {
    border-bottom: 2px solid #eeeeee;
}
.additional-service-table-wapper .additional-service-table tfoot tr td {
    background-color: rgb(245,245,245);
    border-top: 2px solid #eeeeee;
    border-bottom: 2px solid #eeeeee;
}
.additional-service-table-wapper .additional-service-table tfoot .left-content,
.additional-service-table-wapper .additional-service-table tfoot .right-content{
    font-weight: bold;
}
.additional-service-table-wapper .additional-service-table tfoot .left-content {
    text-transform: uppercase;
}

/**********************************************************************************************************************************
* Reservation Summary
/**********************************************************************************************************************************/
.reservation-summary .header-space{
    padding-top: 3.7rem;
}
.reservation-summary .reservation-summary-content{
    padding: 0 0.25rem;
}
.reservation-summary-content .reservation-rate-panel {
    border: 1px solid #d8d8d8;
    background: #fff;
    margin: 0.5rem 0.35rem;
    border-radius: 5px;
}

.reservation-summary .property-panel-left{
    width: 60px; 
    float: left; 
    margin-right: 0.85rem;
    margin-top: 0.5rem;   
}
.reservation-summary .property-panel-left img{ 
    border-radius: 0.3rem;
    border: 1px solid  #AAAAAA;
}
.reservation-summary .property-panel-right{
    margin-top: 0.5rem;
    max-width: 195px;
    float: left;
}

.reservation-summary .property-star{
    color: rgb(251,176,0);
}
.reservation-summary-content .reservation-rate-panel .reservation-rate-panel-inner {
    padding: 0 0.9375rem;
}
.reservation-rate-panel-inner .reservation-summary-heading {
    display: block;
    margin-bottom: 0.5rem;
    padding: 0.5rem 0;
    border-bottom: 1px solid #d8d8d8; 
    font-size: 1.35rem;
    text-align: left;
    font-weight: bold;
    text-transform: capitalize;
}
.reservation-rate-panel-inner .property-name{
    font-weight: bold;
}
.reservation-rate-panel-inner .property-name,
.reservation-rate-panel-inner .property-address,
.reservation-rate-panel-inner .property-star{
    display: block;
    font-size: 0.875rem;
}
.reservation-rate-panel-inner .reservation-travel-date {
    padding: 0.5rem 0;
}

.reservation-travel-date .number-of-night,
.reservation-travel-date .checkin,
.reservation-travel-date .checkout{
    display: block;
    font-size: 0.875rem;
}
.reservation-travel-date .number-of-night,
.reservation-travel-date .checkin .emphasize,
.reservation-travel-date .checkout .emphasize{
    font-weight: bold;
}
.reservation-rate-panel .card.reservation-rate {
    border-radius: 5px;
}
.reservation-rate-panel .card.reservation-rate {
    margin-bottom: 1rem;
}
.card.reservation-rate .card-content .card-heading.additional-service-heading{
    font-weight: bold;
}
.card.reservation-rate .card-content .card-heading.room-and-rate-heading,
.card.reservation-rate .card-content .card-heading.additional-service-heading{
    font-size: 1.05rem;
    width: 100%;
}
.card.reservation-rate .card-content .card-heading.room-and-rate-heading .emphasize{
    font-weight: bold;
}
.card.reservation-rate .card-content h2.card-heading.room-and-rate-heading.reservation-heading,
.card.reservation-rate .card-content h2.card-heading.additional-service-heading{
    padding: 0.8rem 0rem 0.8rem 0rem; 
}
.card.reservation-rate .card-content h2.card-heading.room-and-rate-heading.reservation-heading .rate-and-details{
    font-weight: normal;
}
.reservation-rate table.rate-daily-summary-panel {
    border: solid 0px;
    width: 100%;
}
.room-and-rate-details-panel table.rate-daily-summary-panel th,
.room-and-rate-details-panel table.rate-daily-summary-panel td {
    padding: 0.5rem 0.25rem;    
}
.room-and-rate-details-panel table.rate-daily-summary-panel tfoot tr td {
    padding: 0.4rem 0.25rem;
    border-top:2px solid #eeeeee; 
    border-bottom:2px solid #eeeeee;
}
.room-and-rate-details-panel table.rate-daily-summary-panel tfoot tr td label {
    font-weight: bold;
    text-transform: uppercase;
}
.room-and-rate-details-panel table.rate-daily-summary-panel .rate-daily-header,
.room-and-rate-details-panel table.rate-daily-summary-panel .rate-daily-body {
    background-color: #fff;
}
.room-and-rate-details-panel table.rate-daily-summary-panel .rate-daily-body .voucher-text {
    margin-left: 5px;
    text-transform: lowercase;
}
.room-and-rate-details-panel table.rate-daily-summary-panel .rate-daily-body.border-top {
    border-top:#eeeeee solid 2px;
}
.room-and-rate-details-panel table.rate-daily-summary-panel .rate-daily-body.d-none {
    display: none;
}
.room-and-rate-details-panel table.rate-daily-summary-panel .rate-daily-header {
    border-bottom: #eeeeee solid 2px;
}
.reservation-rate-panel .room-and-rate-details-panel .rate-inclusion-heading,
.reservation-rate-panel .room-and-rate-details-panel .rate-booking-policy-heading{
    font-size: 1.05rem;
    font-weight: bold;
    line-height: 1.4;
}
.reservation-rate-panel .room-and-rate-details-panel .rate-booking-policy-heading{
    display: block;
}
.reservation-rate-panel .room-and-rate-details-panel .rate-inclusion-listing {
    font-size: 0.95rem;
}

.reservation-rate-panel .room-and-rate-details-panel .rate-booking-policy {
    font-size: 0.8rem;
}
.reservation-rate-panel .room-and-rate-details-panel .rate-booking-policy {
    display: block;
    padding-bottom: 0.5rem;
}

.reservation-summary-content .additional-service-detail-panel .total-price{
    font-weight: bold;
    margin-bottom: 0.5rem;
}
.reservation-summary-content .additional-service-detail-panel .additional-service-panel {
    display: block;
    margin-top: 0.5rem;
}
.reservation-summary-content .additional-service-detail-panel .unit-desc {
    font-weight: bold;
    margin-top: 0.75rem;
    display: block;
}
.reservation-summary-content .additional-service-detail-panel .additional-service-panel b {
    font-weight: normal;
}
.reservation-summary-content .additional-service-detail-panel .additional-service-user-input{
    float: right;
}
.reservation-summary-content .additional-service-detail-panel span {
    font-size: 0.875rem;
}
.booking-price-panel .booking-subtotal-panel,
.booking-price-panel .booking-taxes-panel,
.booking-price-panel .booking-pay-now-panel,
.booking-price-panel .booking-pay-at-hotel-panel{
    padding: 0 0.9375rem;
}
.booking-price-panel .booking-subtotal-panel span,
.booking-price-panel .booking-grand-total-panel span{
    font-weight: bold; 
}
.booking-price-panel .booking-grand-total-panel .including-all-taxes-label,
.booking-price-panel .booking-grand-total-panel .grand-total-equal-to-property-panel{
    font-weight: normal;
}
.booking-price-panel .booking-grand-total-panel .including-all-taxes-label{
    float: right;
    display: block;
}
.booking-price-panel .booking-subtotal-panel .subtotal-label,
.booking-price-panel .booking-taxes-panel .taxes-label,
.booking-price-panel .booking-pay-now-panel .pay-now-label,
.booking-price-panel .booking-pay-at-hotel-panel .pay-at-hotle-label{
    display: block;
    float: left;
}
.booking-price-panel .booking-subtotal-panel .subtotal-price,
.booking-price-panel .booking-taxes-panel .taxes-price,
.booking-price-panel .booking-pay-now-panel .pay-now-price,
.booking-price-panel .booking-pay-at-hotel-panel .pay-at-hotel-price{
    display: block;
    float: right;
}
.booking-price-panel .booking-pay-now-panel span,
.booking-price-panel .booking-pay-at-hotel-panel span,
.booking-price-panel .booking-grand-total-panel .including-all-taxes-label,
.booking-price-panel .booking-grand-total-panel .grand-total-equal-to-property-panel {
    font-size: 0.95rem;
}
.booking-price-panel .booking-pay-at-hotel-panel{
    padding-bottom: 0.9735rem;
}
.booking-price-panel .booking-grand-total-panel {
    background-color: rgb(235, 232, 225);
}
.booking-price-panel .booking-grand-total-panel {
    padding: 0.5rem 1rem;
    margin: 1rem 0;
}
.booking-price-panel .booking-grand-total-panel .grand-total-price {
    font-size: 14.5px;
    font-size: 1.45rem;
}
.booking-price-panel .booking-grand-total-panel .grand-total-panel{
    display: block;
    float: right;
}
.booking-price-panel .booking-grand-total-panel .grand-total-equal-to-property-panel{
    display: block;
    text-align: right;
    width: 100%;
}
.booking-price-panel .booking-grand-total-panel .grand-total-label{
    display: block;
    float: left;
    padding-top: 0.4rem;
}
.booking-price-panel .booking-grand-total-panel .including-all-taxes-label {
    display: block;
    float: right;
    padding-bottom: 0.4rem;
}
.booking-price-panel .reservation-summary-voucher-code-panel{
    padding: 10px 0;
}

/*
.reservation-rate .currency{
    text-align: left;
}
.reservation-rate .price{
    text-align: right;
}
.number-of-adult-and-child-selection {
    padding: 20px 20px 0 20px;
}
.number-of-adult-and-child-selection span {
    display: block;
    text-align: center;
    padding-top: 7px;
}
*/

/**********************************************************************************************************************************
* Contact details
/**********************************************************************************************************************************/
.contact-details .header-space{
    padding-top: 1.4rem;
    padding-bottom: 0.5rem;
}
.contact-details{
    padding-bottom: 0.7rem;
}
.contact-details .contact-details-panel{
    list-style: none;
    margin:0;
}
.contact-details-panel ul.contact-listing,
.contact-details-panel ul.room-guest-listing{
    list-style: none;
    margin-left: 0;
}
.contact-details-panel ul.room-guest-listing .guest-text,
.contact-details-panel ul.room-guest-listing .remove-guest-link {
    font-weight: bold;  
    font-size: 0.9em;
}
.contact-details-panel ul.room-guest-listing .remove-guest-link {
    float:right; 
    color:#000;
}
.contact-details-panel ul.room-guest-listing .add-more-guest-link-panel .add-more-guest-link {
    font-size: 0.8rem; 
    font-weight: bold
}
.contact-details-panel ul.contact-listing li.contact-details-item {
    display: block;
}
.contact-details-panel .contact-info-heading,
.contact-details-panel .guest-name-heading,
.contact-details-panel .optional-info-heading,
.contact-details-panel .payment-info-heading{
    font-size: 1.4rem;
}
.contact-details-panel .payment-gateway-method-card-content {
    padding: 0.25rem;
}
.contact-details-item .optional-card-heading.optional-info-heading {
    display: block;
    margin: 0 auto;
    padding: 0.5rem 0.8rem;
    font-size: 1.1rem;
}
.contact-details-item .optional-info-tabs.icon-plus {
    font-size: 1.5rem;
    float: right;
    margin-right: 1rem;
}
.contact-details-item .optional-info-card-content {
    padding: 0.5rem 1rem 1rem 1rem; 
}
.contact-details-item .optional-info-card-content .subscribe-latest-offer .subscribe-checkbox {
    margin: 0;
}
.contact-details-item .optional-info-card-content .registration-info-card + .registration-info-card {
    margin-top: 15px;
}
.contact-details-item .tat-campaign-note {
    font-size: 0.875rem;
    padding: 1rem 1rem 0rem 1rem;
}
.contact-details-panel .room-and-rate-name {
    font-size:0.75rem;
}
.contact-details-panel .arrival-by-select-box,
.contact-details-panel .payment-card-select-box,
.contact-details-panel .expiry-month-select-box,
.contact-details-panel .expiry-year-select-box,
.contact-details-panel .country-of-passport-select-box{
    font-size:0.75rem;
}
.contact-details-panel .payment-card-select-box {
    margin-bottom: 1rem;
}
.contact-details-panel .content {
    font-size: 0.8rem;
    margin-bottom: 0.75rem;
}
.contact-details-panel .booking-with-confidence-label {
    font-size: 0.8rem;
    margin: 1.5rem 0 0.25rem 0;
}
.contact-details-panel .sub-heading {
    font-weight: bold;
}

.contact-details-panel .payment-gateway-method {
     margin-bottom: 0rem !important;
}

.contact-details-panel .booking-confidence-panel{
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}
.contact-details-panel .booking-confidence-panel .reservation-confirm-after-payment-text{
    margin-bottom: 0;
}
.contact-details-panel .contact-details-item .card-content {
    
}
.contact-details-panel .room-guest-items:not(:first-child){
    margin-top: 2rem;
}
.contact-details-panel .room-guest-items .room-info-panel {
    margin-bottom: 0.8rem;
}
.contact-details-panel .room-guest-items .sub-heading{
    font-size: 1rem;
}
.contact-details-panel .room-guest-items .last-item {
    height: 45px;
}
.contact-details-panel .room-guest-items .room-guest-item:not(:first-child) {
    margin-top: 0.5rem;
}
.contact-details-panel .room-guest-items .guest-text-panel {
    margin-bottom: 0.5rem;
}
.contact-details-item .card-content .arrival-details-label,
.contact-details-item .card-content .special-request-label {
    padding-bottom: 1rem;
}
.contact-details-item .card-content .hotel-policy-label {
    padding:0;
    margin-bottom:0;
}
.contact-details-item .card-content .hotel-policy-label .accept-hotel-policy{
    display: inline-block; 
} 

.contact-details-item .card-content .row .make-booking-for-someone-else-panel {
    padding-bottom: 0.7rem;
}
.contact-details-item .card-content .row .make-booking-for-someone-else-panel label {
    margin: 0;
}
.make-booking-for-someone-else-panel .check-box {
    margin:0.1rem 0rem 0rem 1rem;
}
.make-booking-for-someone-else-panel .content {
    width:80%; vertical-align:top;
}
.contact-details-item .card-content input[type="checkbox"]{
    margin: 0 0.5rem 0 0;
}
.contact-details-item .card-content .make-booking-for-someone-else{
    font-size: 0.8rem;
} 
.card-content .subscribe-mailing-list.check-box {
    margin:0.25rem 0rem 0rem 0rem; 
    vertical-align:top;
}
.card-content .subscribe-mailing-list.content {
    width:85%;
}
.contact-details .currency-reveal-modal.reveal-modal table tr th, 
.contact-details .currency-reveal-modal.reveal-modal table tr td,

.contact-details .language-reveal-modal.reveal-modal table tr th, 
.contact-details .language-reveal-modal.reveal-modal table tr td {
    padding: 0;
}

.contact-details .language-reveal-modal.reveal-modal tr td:first-child ,
.contact-details .currency-reveal-modal.reveal-modal tr td:first-child {
    width: 1.5rem;
}

.contact-details-item .columns.expiry-month{
    padding-right: 0.25rem;
}
.contact-details-item .columns.expiry-year{
    padding-left: 0.25rem;
}
.contact-details  .row.booking-button-panel {
    margin: 1.25rem -0.5rem 1rem -0.5rem;
}
.contact-details .booking-process-image {
    display: none;
    padding: 0 0px 1rem 0;    
}
.contact-details-panel .header-panel .sub-heading {
    margin-bottom: 0.5rem
}
.contact-details-panel .icon-credit-card-panel {
    margin-bottom:15px;
}
.contact-details-panel .icon-credit-card-panel .second-payment-gateway {
    margin-bottom: 0px;
}
.contact-details-panel .payment-gateway-radio {
    padding: 3px
}
.contact-details-panel .payment-gateway-panel {
    padding: 0rem;
}
.contact-details-panel .payment-gateway-panel-first {
    /*margin-bottom: 1rem;*/
}
.contact-details-panel .payment-gateway-selection {
    padding-left:0.3rem;
}

.contact-details-panel .payment-gateway-panel-third {
    margin-top:  1rem;
}

.contact-details-panel .payment-method-select-radio {
    margin-top:  1rem;
}

.contact-details-panel .payment-method-list span {

    display: inline-block;
    margin-right: 5px;
    margin-top: 5px;
}


.contact-details-panel .payment-method-list .icon-alipay-card {
    height: 33px;
    background-size: 84px 28px;
}

.contact-details-panel .payment-method-list .icon-wechat-card {
        width: 91px;
        height: 33px;
        background-size: 89px 27px;
}

.contact-details-panel .payment-method-list  .icon-thai-qr-card {
        background-size: 100% 30px;
            width: 79px;
    height: 32px;
}

.contact-details-panel .payment-gateway-selection:after {
    display: block;
    clear: both; 
    content: "."; 
    height: 0; 
    visibility: hidden;
}



.contact-details-panel .payment-gateway-selection .column-1 {
    float:left; 
    padding:0.15rem 0rem 0 0.9rem;
}

.contact-details-panel .payment-gateway-selection .column-2 {
    float:left; 
    width:75%;
    padding:0rem 0rem 0 0.5rem;
}


.contact-details-panel .payment-gateway-selection .column-1.first-only {
    float:left; 
    padding:0.35rem 0.5rem 0 0rem;
}


.contact-details-panel .icon-digicert-panel {
    margin: 1rem 0 0.5rem 0;
}

.contact-details-panel .icon-digicert-panel img{
    text-align :left !important;
    margin: 0 !important;
}

.contact-details-panel .required-form div {
    background-color: #FFEBEB;
    padding : 0;
    margin : 0 0 1rem 0;
    border-radius : 0;
    font-size: 0.8rem;
    font-style : italic;
    color : #B51B18;
    border : none;
    font-weight: bold;
}

.contact-details-panel .required-form div span{
    display: block;
    padding : 0.3rem;
}

.contact-details-panel .required-form input,
.contact-details-panel .required-form select
{
    margin : 0;
}

.contact-details-panel .payment-method-header {
    display:block; 
    font-size:0.75rem;
    font-size:0.75rem; 
    padding:0.7rem; 
    margin:0;
    font-weight:bold
}
.contact-details-panel .booking-with-confidence {
    padding:0 20px;
}
.contact-details-panel .booking-with-confidence .content {
    margin-bottom: 0px;
}
.contact-details-panel .booking-with-confidence .booking-with-confidence-label {
    margin-bottom: 0.5rem;
}
.contact-details-panel .booking-with-confidence .booking-with-confidence-details {
    padding: 0rem;
}
.contact-details-panel .digicert-icon-panel-wrapper {
    padding:0 20px;
}

.contact-details-panel .expiry-date-month div {
    background-color: #FFEBEB;
    padding : 0;
    margin : 0 0 1rem 0;
    border-radius : 0;
    font-size: 0.8rem;
    font-style : italic;
    color : #B51B18;
    border : none;
    font-weight: bold;
}

.contact-details-panel .expiry-date-month span{
    display: block;
    padding : 0.3rem;
}

.contact-details-panel .note {
    display: block;
    background-color: #ebf9df;
    padding: 0.5rem; 
    font-size: 0.7rem;
}

.contact-details .campaign-grand-total-panel {
    background: #ffffff !important;
    border: 1px solid #ffffff !important;
    background-color: #fff !important;
    margin-bottom: 0 !important;
}

.contact-details .campaign-grand-total-panel .grand-total-label {
    font-size: 1rem; 
    font-weight: normal;
}

.contact-details .campaign-grand-total-panel .grand-total-panel {
    font-weight: normal;
}

.contact-details .campaign-grand-total-panel .grand-total-panel span {
    font-weight: normal;
}

.contact-details .campaign-grand-total-panel .grand-total-equal-to-property-panel{
    font-weight: normal;

}
.contact-details .campaign-state-discount-panel {
    margin-bottom: 0.75rem !important;
}

.contact-details .campaign-state-discount-panel .campaign-wrapper {
    background: #fff; 
    padding: 0.75rem 0.75rem 1.75rem 0.75rem;    
}

.contact-details .campaign-state-discount-panel .campaign-inner-wrapper {
    border: 2px solid #dff8ff; 
    border-radius: 1rem; 
    background-color: #dff8ff; 
    padding: 10px 6px 10px 6px;
    margin-bottom: 20px;
}

.contact-details .campaign-state-discount-panel .campaign-inner-panel .campaign {
    border-radius: 10px;
    line-height: 1.1;
    font-family: 'Roboto Condensed', 'Sarabun', sans-serif;
}

.contact-details .campaign-state-discount-panel .campaign-inner-panel .campaign .logo {
    background-color: #ff9c0d;
    padding: 0px 10px 0px 0px;
    border-radius: 10px;
}

.contact-details .campaign-state-discount-panel .campaign-inner-panel .campaign .image {
    display: inline;
    width: 25px;
    height: 25px;
}

.contact-details .campaign-state-discount-panel .campaign-inner-panel .campaign .name {
    color: #fff;
    font-size: 9px;
    font-size: 0.8rem;
    font-weight: bold;
    font-style: italic;
}

.contact-details .campaign-final-price-panel {
    padding: 0.5rem 0.5rem;
}

.contact-details .campaign-final-price-panel .booking-subtotal-panel {
    font-size: 1rem;
}
.contact-details .campaign-final-price-panel .campaign-final-price-label-wrapper {
    float: left; 
    border: 0px solid ; 
    padding: 0.65rem 0;
    width: 100%;
}

.contact-details .campaign-final-price-panel .app-paotang {
    font-weight: bold;
}

.contact-details .campaign-final-price-panel .campaign-final-price-wrapper {
    float: right;
}

.contact-details .campaign-final-price-panel .booking-subtotal-panel .subtotal-label {
    font-size: 0.9rem;    
    width: 100%;
}

.contact-details .campaign-final-price-panel .booking-subtotal-panel .subtotal-price span {
    color: #954EC8; 
    font-size: 1.8rem;
}

.contact-details .campaign-final-price-panel:last-child {
    line-height: 1.2;
}

.contact-details .campaign-block {
    font-size: 0.9rem;
    font-weight: bold;
    margin: 10px;
}

.contact-details .ttg-block__note {
    margin-top:10px; 
    line-height:1.3
}
.contact-details .ttg-block__note .header {
    font-size:0.9rem; 
    font-weight:bold; 
    margin-bottom:5px
}
.contact-details .ttg-block__note .content {
    font-size:0.9rem; 
    font-weight:bold;
    color:#2a984b;
}

.contact-details .campaign-state-discount-panel .campaign-inner-panel {    
    padding: 0.5rem 0.5rem 0.5 0.5rem; 
    color: #29984b;
}

.contact-details .campaign-state-discount-panel .campaign-inner-panel .booking-subtotal-panel {
    padding-top: .5rem;
}

.contact-details .campaign-state-discount-panel .campaign-inner-panel .booking-subtotal-panel .subtotal-label,
.contact-details .campaign-state-discount-panel .campaign-inner-panel .booking-subtotal-panel .subtotal-price {
    font-size: 0.9rem;
}

/** Property panel **/
.contact-details .property-name{
    font-weight: bold;
}

.contact-details .property-name,
.contact-details .property-star {
    display: block;
    font-size: 0.855rem;
}

.contact-details .property-address{
    display: block;
    font-size: 0.805rem;
}

.contact-details .property-panel-left{
    width: 60px; 
    float: left; 
    margin-right: 0.85rem;
}
.contact-details .property-panel-left img{ 
    border-radius: 0.3rem;
    border: 1px solid  #AAAAAA;
    width: 4.0rem;
    height: 4.0rem;
    min-width: 4.0rem;
    min-height: 4.0rem;
}

.contact-details .property-star{
    color: rgb(251,176,0);
}

.contact-details .rate-booking-policy{
    font-size: 0.9rem;
}
.contact-details .property-panel-right{
    max-width: 195px;
    float: left;
}

.contact-details .button-without-border {
    border-radius: 2px;
    text-decoration:none;
}

/** Reveal modal **/
.contact-details .reveal-modal {
    min-height:0vh;
    padding:1rem;
    width: 94%;
    left: 3%;
    top: 1rem;
}  

.contact-details .reveal-modal .header {
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: bold; 
    font-style: italic;
}

.contact-details .reveal-modal .sub-header {
    display: block;
    text-transform: capitalize;
    font-size: 0.8rem;
    color: #7b7b7c;
}

.contact-details .reveal-modal .button-close {
    padding: 0;
    margin: 1.5rem 0 0.5rem 0;
}

.contact-details .reveal-modal .rate-selection-requested-child,
.contact-details .reveal-modal .rate-selection-requested-adult {
    font-weight: bold;
    text-transform: capitalize;
    font-size: 0.8rem;
}    
.contact-details .reveal-modal.additional-service-reveal-modal {
    padding:1rem;
}
.contact-details .reveal-modal.additional-service-details-reveal-modal {
    padding: 1rem 1rem;
}
.contact-details .reveal-modal.additional-service-details-reveal-modal .additional-service-number-of-unit {
    float: left;
}
.contact-details .reveal-modal.additional-service-details-reveal-modal .additional-service-number-of-unit .number-of-unit-label {
    display: block;
}
.contact-details .reveal-modal.additional-service-details-reveal-modal .booking-condition .booking-condition-panel {
    padding: 0px;
}
.contact-details .reveal-modal.additional-service-details-reveal-modal .booking-condition .booking-condition-panel .booking-condition-text {
    display:block; 
    font-size:0.75rem; 
    text-decoration:underline;
}
.contact-details .reveal-modal.additional-service-details-reveal-modal .booking-condition .booking-condition-panel .booking-condition-details {
    display:block; 
    font-size:0.75rem; 
}
.contact-details .additional-service-reveal-modal .add-additional-service-button {
    padding-left: 0;
    padding-right: 0;    
}

.contact-details .reveal-modal  table {
    border : none;
    width: 100%;
}

.contact-details .reveal-modal tr {
    padding: 0rem;   
    vertical-align: top;
    vertical-align: text-top;
}

.contact-details .reveal-modal td {
    vertical-align: text-top;    
}

.contact-details .reveal-modal input[type="radio"] {   
    margin: 4px 0 0 0;
    vertical-align: top;
}

.contact-details .booking-summary-heading {
    font-size: 1.3rem;  
    display: block;
    margin:0;
    padding:0.5rem 0;
}



.additional-service-details-popup-panel .additional-service-name,
.contact-details .rate-details-reveal-modal .room-and-rate-panel .room-name,
.contact-details-item .card-heading.payment-info-heading,
.contact-details-item .card-heading.contact-info-heading,
.contact-details-item .optional-card-heading.optional-info-heading {
    text-align: left;
    font-weight: bold;
    text-transform: capitalize;
    font-style: italic;
}

.contact-details-item .card-heading.payment-info-heading span {
     margin: 0 5px 0 0;
}

.contact-details .summary-search-criteria-panel {
    line-height: 1.3;
    font-size: 0.805rem;  
}

.contact-details .number-of-night{
    font-weight: bold;    
}
.contact-details .room-and-rate-list {
    margin:0;
}
.contact-details .selected-room-rate-panel {
    font-size: 0.8rem; 
    padding: 0.5rem; 
    border-radius:3px; 
    background: #ffffff; 
    border: 1px solid #d8d8d8;
    list-style:none;
    margin-bottom: 0.5rem;
    position: relative;
}
.contact-details .rate-details-reveal-modal .rate-booking-policy {
    display: inline-block;
    margin-bottom: 0.5rem;  
}
.contact-details .rate-details-reveal-modal .booking-condition-panel,
.contact-details .rate-details-reveal-modal .inclusion-listing-panel {
    padding: 0;
}
.contact-details .rate-details-reveal-modal .rate-inclusion-heading,
.contact-details .rate-details-reveal-modal .rate-booking-policy-heading {
    font-weight: bold;
    font-size: 0.95rem;
    margin-top: 1rem;  
    margin-bottom: 0.55rem;  
    display: block;
}

.contact-details .rate-details-reveal-modal .room-and-rate-details-panel .rate-daily-summary-panel,
.contact-details .rate-details-reveal-modal .booking-condition-panel .rate-booking-policy,
.contact-details .rate-details-reveal-modal .inclusion-listing-panel .rate-inclusion-listing {
    font-size: 0.8rem;
}
.contact-details .rate-details-reveal-modal .selected-rate-selection-panel .close-button-panel,
.contact-details .rate-details-reveal-modal .selected-rate-selection-panel .keep-button-panel {
    margin:1rem 0 0 0;
}
.contact-details .rate-details-reveal-modal .inclusion-listing-panel ul {
    margin-bottom: 0;
}

.contact-details .selected-room-rate-panel div:first-child {
    margin-bottom: 0.25rem;
}

.contact-details .selected-room-rate-panel .room-rate-panel {
    display: inline-block; 
    width: 91%;
}

.contact-details .rate-details-reveal-modal .room-and-rate-panel{
    margin-bottom: 0.65rem;
}

.contact-details .rate-details-reveal-modal .room-and-rate-panel .room-and-rate-name-panel {
    padding:0;
}
.additional-service-details-popup-panel .additional-service-name,
.contact-details .rate-details-reveal-modal .room-and-rate-panel .room-name {
    display: block;
    width: 100%;
}

.contact-details .rate-details-reveal-modal .room-and-rate-panel .close-reveal-modal {
    right: 0;
}
.contact-details .rate-details-reveal-modal .room-and-rate-panel .rate-and-details {
    font-size: 0.85rem; 
}

.contact-details .rate-details-reveal-modal .room-and-rate-panel .emphasize {
    font-weight: bold;
}
.contact-details .rate-details-reveal-modal .card-content .room-and-rate-details-panel table {    
    margin-bottom: 0;
}
.card-content .subscribe-mailing-list-panel .inline-label {
    margin:0rem;
}
.contact-details .rate-details-reveal-modal .keep-button-panel,
.contact-details .rate-details-reveal-modal .close-button-panel{
    padding: 0.25rem;
}
.contact-details .selected-room-rate-panel .edit-panel {
    display: inline-block; 
    color:#026CC4; 
    font-weight: bold; 
    text-decoration:none; 
    margin-left: 0.5rem;
    vertical-align: top; 
    text-align:  right;    
}
.contact-details .selected-room-rate-panel .view-rate-details-panel{
    display: inline-block; 
    text-decoration:underline; 
    font-weight: bold; 
}

.contact-details .selected-room-rate-panel .view-rate-details-panel i, 
.contact-details .selected-service-list .selected-service-item .view-edit-service-panel .view-edit-service .fi-page-multiple {
    font-size: 0.8rem;
    color: #d8d8d8;
}

.contact-details .selected-room-rate-panel .total-price-panel{
    display: inline-block ; 
    float: right;
    font-weight: bold;
}

/** Service **/
.contact-details .selected-service-list .selected-service-item {
    font-size: 0.8rem; 
    padding: 0.5rem; 
    border-radius:3px; 
    background: #ffffff; 
    border: 1px solid #d8d8d8;
    list-style:none;
    margin-bottom: 0.5rem;
    position: relative;
}

.contact-details .selected-service-list .selected-service-item .column-1 {
    width: 91%;
}

.contact-details .selected-service-list .selected-service-item .view-edit-service-panel {
    margin-top: 0.25rem;
}

.contact-details .selected-service-list .selected-service-item .view-edit-service-panel .view-edit-service {
    float: left; 
    display: inline-block;
    font-weight: bold;
    text-decoration: underline;
}
.contact-details .selected-service-list .selected-service-item .view-edit-service-panel .view-edit-service .fi-page-multiple{
    font-size: 0.8rem;
    color: #d8d8d8;
}
.contact-details .selected-service-list .selected-service-item .view-edit-service-panel .total-price {
    float: right; 
    display: inline-block; 
    font-weight: bold;
}

.contact-details .reveal-modal .keep-or-delete-button-panel {
    margin: 1.5rem 0 0.5rem 0;
}
.contact-details .reveal-modal .keep-or-delete-button-panel .columns{
    padding: 0.25rem;
}
.contact-details .reveal-modal .keep-or-delete-button-panel .keep-button-panel {
    margin-bottom: 0.75rem;
}
.contact-details .reveal-modal .keep-or-delete-button-panel div{
    padding-bottom: 0.5rem;
}
.contact-details .booking-subtotal-group-panel {
    margin-bottom:0.5rem;
}
.contact-details .booking-subtotal-group-panel .taxes-and-fees-details-panel {
    margin: 10px 0;
}
.contact-details .booking-subtotal-group-panel .taxes-and-fees-details-panel span {
    font-size: 0.7rem;
}
.contact-details .booking-subtotal-panel {
    margin-bottom: 3px;
}
.contact-details .booking-subtotal-panel,
.contact-details .booking-taxes-panel,
.contact-details .booking-pay-now-panel,
.contact-details .credit-card-processing-fee,
.contact-details .booking-pay-at-hotel-panel{
    padding: 0 0.2rem;
    font-size: 0.8rem;    
}

.contact-details .booking-subtotal-panel span,
.contact-details .booking-grand-total-panel span{
    font-weight: bold; 
}

.contact-details .booking-grand-total-panel .including-all-taxes-label,
.contact-details .booking-grand-total-panel .grand-total-equal-to-property-panel,
.contact-details .booking-grand-total-panel .taxes-and-fees-panel span {
    font-weight: normal;
}

.contact-details .booking-grand-total-panel .including-all-taxes-label.link {
   color:#222;
   text-decoration: underline;  
}   
.contact-details .booking-grand-total-panel .taxes-and-fees-panel span {
    color: rgba(0,0,0,0.6);
}
.contact-details .booking-grand-total-panel .taxes-and-fees-panel.after-tax-and-fee {
    margin-top: 0.25rem;
}
.contact-details .booking-grand-total-panel .taxes-and-fees-panel.after-tax-and-fee .booking-taxes-panel {
    padding: 0;
}

.contact-details .booking-subtotal-panel .subtotal-label,
.contact-details .booking-taxes-panel .taxes-label,
.contact-details .booking-pay-now-panel .pay-now-label,
.contact-details .booking-pay-at-hotel-panel .pay-at-hotle-label{
    display: block;
    float: left;
}
.contact-details .booking-subtotal-panel .subtotal-price,
.contact-details .booking-taxes-panel .taxes-price,
.contact-details .booking-pay-now-panel .pay-now-price,
.contact-details .booking-pay-at-hotel-panel .pay-at-hotel-price{
    display: block;
    float: right;
}

.contact-details .booking-pay-now-panel span,
.contact-details .booking-pay-at-hotel-panel span,
.contact-details .booking-grand-total-panel .including-all-taxes-label,
.contact-details .booking-grand-total-panel .grand-total-equal-to-property-panel {
    font-size: 0.9rem;
}
.contact-details .booking-grand-total-panel .including-all-taxes-label {
    font-size: 0.8rem;
}
.contact-details .booking-grand-total-panel .pay-now-and-pay-at-the-hotel-panel {
    margin-bottom: 0.75rem;
}

.contact-details .booking-additional-service-button-panel {
    margin: 0.75rem 0 1.5rem 0;
}
.contact-details .booking-additional-service-button-panel .booking-additional-service-button-details {
    display:flex; 
    align-items:center; 
    justify-content:space-between;
}
.contact-details .booking-additional-service-button-panel .booking-additional-service-button-details .booking-additional-service-button-text {
    font-size:0.98rem;
}
.contact-details .booking-additional-service-button-panel .booking-additional-service-button-details .booking-additional-service-button-text,
.contact-details .booking-additional-service-button-panel .booking-additional-service-button-details .booking-additional-service-button-shopping-cart-icon{
    padding: 0;
}
.contact-details .booking-grand-total-panel {
    background: #fffaed;
}

.contact-details .booking-grand-total-panel {
    padding: 0.5rem 1rem;
    margin-bottom: 0.75rem;
    margin-top: 5px;
}
.contact-details .booking-grand-total-panel .grand-total-price {
    font-size: 14px;
    font-size: 1.4rem;
}

.contact-details .booking-grand-total-panel .grand-total-panel{
    display: block;
    float: right;
}

.contact-details .booking-grand-total-panel .grand-total-including-all-taxed-panel,
.contact-details .booking-grand-total-panel .grand-total-equal-to-property-panel{
    display: block;
    text-align: right;
    width: 100%;
}

.contact-details .booking-grand-total-panel .grand-total-label{
    display: block;
    float: left;
    padding-top: 0.4rem;
}

.contact-details .booking-button {
    background-color: #6bc321;
    border-radius: 0.5rem;
    padding-left:  2rem;
    padding-right: 2rem;
}

.contact-details .show-additonal-service-button {
    border-radius: 0.5rem;
    padding: 0.5rem 0.65rem;
    font-weight: bold;
}

.contact-details .show-additonal-service-button i{
    font-size: 2.2rem; 
}

.contact-details .additional-panel {
    font-size: 0.8rem;
}
.contact-details .credit-card-processing-fee {
    margin-bottom: 10px;
    padding: 0 0.2rem;
    font-size: 0.8rem;
}

/**********************************************************************************************************************************
* Payment not approved
/**********************************************************************************************************************************/
.payment-not-approved .row.main-section {
    padding-top: 1.25rem;
}
.payment-not-approved .card .card-content.payment-not-approved-panel-content {
    color:#828282;
    padding: 1rem;
}
.payment-not-approved .card .card-content.payment-not-approved-panel-content .payment-not-approved-details .reservation-details {
    display: block;
    text-align: center;
    margin-bottom: 1rem;
}
.payment-not-approved .card .card-content.payment-not-approved-panel-content .payment-not-approved-details .reservation-details:last-child {
    font-size: 0.85rem;
    margin-bottom: 3rem;
}
.payment-not-approved .card .card-content.payment-not-approved-panel-content .payment-not-approved-details .reservation-details .remark-label {
    font-weight: bold;
}
.payment-not-approved .payment-not-approved-panel{
    margin-left: 0;
}
.payment-not-approved  .payment-not-approved-panel .card.radius .header-info {
    font-size: 1.2rem;
    width: 100%;
    display: inline-block;
    padding: 0.65rem 1rem;
    text-transform: uppercase;
    font-style: italic;
    font-weight: bold;
    text-align: left;
    border-bottom: 1px solid #EEEEEE;
}
.payment-not-approved .start-reservation-again-button-panel {
    margin-bottom: 1rem;
}
.payment-not-approved .make-booking-again-button-panel {
    margin-bottom: 0.5rem;
}

/**********************************************************************************************************************************
* Payment link return page
/**********************************************************************************************************************************/

.not-hold-the-room .row.main-section,
.signature-not-matching .row.main-section,
.payment-link-expire .row.main-section,
.completed-booking .row.main-section,
.cancel-booking .row.main-section,
.error-page .row.main-section,
.booking-not-found .row.main-section {
    padding-top: 1.25rem;
}
.cancel-booking-panel,
.booking-not-found-panel,
.not-hold-the-room-panel,
.signature-not-pass-panel,
.completed-booking-panel .content-panel {
    padding: 1rem;
}
.view-expire-page-content .header-info,
.error-page-panel .header-info,
.booking-not-found-panel .header-info,
.not-hold-the-room-panel .header-info,
.signature-not-pass-panel .header-info,
.payment-link-expire-panel .header-info,
.payment-not-approved-panel .header-info,
.booking-confirmation-panel .header-info,
.cancel-booking-panel .header-info,
.main-section .view-expire-page-content .header-info,
.completed-booking-panel .header-info,
.booking-not-found .booking-not-found-panel .header-info {
    display: inline-block;
    font-size: 1.245rem;
    padding: 0.75rem 1rem;
    text-transform: uppercase;
    font-style: italic;
    font-weight: bold;
}
.completed-booking-panel .content-panel .property-contact-details,
.completed-booking-panel .content-panel .complete-booking-label,
.completed-booking-panel .content-panel .complete-booking-details {
    display: block;
}
.completed-booking-panel .content-panel .complete-booking-label,
.completed-booking-panel .content-panel .complete-booking-details {
    padding-bottom: 1rem;
}
.completed-booking-panel .content-panel .property-contact-details {
    font-size: 0.85rem;
    padding-bottom: 4rem;
}
.cancel-booking-panel .header-info,
.completed-booking-panel .header-info,
.view-expire-page-content .header-info,
.not-hold-the-room-panel .header-info {
    width: 100%;
    border-bottom: 0.1rem solid #EEEEEE;
}
.error-page-panel .content-info,
.cancel-booking-panel .content-info,
.not-hold-the-room-panel .content-info ,
.signature-not-pass-panel .content-info,
.view-expire-page-content .content-info,
.completed-booking-panel .content-panel {
    color: #828282;
}
.cancel-booking-panel .content-info,
.cancel-booking-panel .content-info:last-child {
    display: block;
}
.cancel-booking-panel .content-info {
    padding: 1rem;
}
.cancel-booking-panel .content-info:last-child {
    padding: 0 1rem 4rem 1rem;
}
.view-expire-page-content .content-info {
    display: block;
    padding: 1rem 1rem 4rem 1rem;
}
.signature-not-pass-panel .header-info,
.booking-not-found-panel .header-info,
.error-page-panel .header-info {
    display: block;
    text-align: left;
    border-bottom: 0.1rem solid #EEEEEE;
}
.not-hold-the-room-panel .content-info,
.signature-not-pass-panel .content-info,
.booking-not-found-panel .content-info,
.error-page-panel .content-info {
    display:block;
    padding: 1rem;
}
.not-hold-the-room-panel .property-contact-details {
    font-weight: normal;
    display: block;
    padding: 1rem 0 4rem 0;
}
.payment-link-expire-panel .header-info {
    font-size: 1.4rem;
    padding: 0;
    text-align: left;
}
.payment-link-expire-panel .content-info {
    margin-bottom: 0.75rem;
    display: block;
}
.payment-link-expire-panel .content-info:last-child {
    margin-bottom: 4rem;
}
.booking-confirmation-panel .header-info {
    width: 100%;
    text-align: left;
    border-bottom: 0.1rem solid #EEEEEE;
}

.booking-confirmation-panel .campaign-panel {    
    padding: 1rem 1rem 1rem 1rem !important;;
}

.booking-confirmation-panel .campaign-panel .campaign-note {
    font-weight: normal;
    font-size: 0.8rem;
    line-height: 1.1;
}
.booking-not-found .card .card-content.main-content {
    padding: 1rem;
}
.cancel-booking .cancel-booking-panel{
    margin-left: 0;
}
.cancel-booking .card .card-content.main-content {
    padding: 1rem;
}
.completed-booking .completed-booking-panel{
    margin-left: 0;
}
.completed-booking .card .card-content.main-content {
    padding: 1rem;
}
.completed-booking .card .card-content.main-content label{
    margin-bottom: 1rem;
}
.error-page .error-page-panel{
    margin-left: 0;
}
.error-page .card .card-content.main-content {
    padding: 1rem;
}
.payment-link-expire .payment-link-expire-panel{
    margin-left: 0;
}
.payment-link-expire .card .card-content.main-content {
    padding: 0.75rem 1rem;
    border-bottom: 0.1rem solid #EEEEEE;
}
.payment-link-expire .card .card-content.main-content label{
    margin-bottom: 1rem;
}
.signature-not-matching .signature-not-matching-panel{
    margin-left: 0;
}
.signature-not-matching.card .card-content.main-content {
    padding: 1rem;
}

.link-expire  .main-content,
.error-page .main-content span,
.not-hold-the-room .main-content {
    font-size: 0.8rem;
}

.booking-not-found .main-content label,
.completed-booking .main-content label {
    margin-bottom: 0.5rem;
}

/**********************************************************************************************************************************
* Booking confirmation
/**********************************************************************************************************************************/
.header-navigation-panel .title {

}
.booking-confirmation div.row.main-section {
    margin-top: 1.25rem;
}
.booking-confirmation .booking-confirmation-details {
    color: #828282;
    padding: 1rem 1rem 2rem 1rem;
}
.booking-confirmation .card.radius.booking-confirmation-panel {
    margin-bottom: 1.25rem;
}
.booking-confirmation-panel .reservation-reservation-confirmation {
    font-size: 1.45rem;
    padding: 1.1rem 1rem;
}
.booking-confirmation .booking-confirmation-details .reservation-number,
.booking-confirmation .booking-confirmation-details .reservation-status {
    font-weight: bold;
}   
.booking-confirmation .booking-confirmation-details .reservation-status,
.booking-confirmation .booking-confirmation-details .booking-number-label{
    padding-bottom: 10px;
}   
.booking-confirmation .booking-confirmation-details .reservation-status .check-box-icon{
    font-size: 1rem;
    text-transform: uppercase;
} 
.booking-confirmation .booking-confirmation-details .reservation-status {
    color: rgb(102,206,0);
    font-size: 1rem;
}
.booking-confirmation .booking-confirmation-details .reservation-number {
    font-size: 1.25rem;
    color: rgb(0,0,0);
}
.booking-confirmation .booking-confirmation-details .reservation-confirmation-details {
    display: block;
    padding: 10px 0px 0px 0px;
}
.booking-confirmation .booking-confirmation-details .reservation-email {
    display: block;
    padding: 0px 0px 30px 0px;
    font-weight: bold;
}
.booking-confirmation .make-another-booking {
    margin-bottom: 0.5rem
}
.booking-confirmation .back-to-hotel-website {
    margin-bottom: 1rem
}
.booking-confirmation .campaign {
    font-size: 14px;
    text-align: center;
}
.booking-confirmation .campaign .main {
    font-style: italic;
    font-weight: bold;
}
.booking-confirmation .campaign .sub {
    font-size: 12px;
    color:  #828282;
}
.booking-confirmation .campaign div {
    padding: 0.75rem 0.75rem 0rem 0.75rem;
}
.booking-confirmation .campaign div:last-child {
    padding-bottom: 0.75rem;
}

.ads-on-confirmation-page-mobile .ads-panel-group {
    
    background: #fefcea; /* Old browsers */
    background: -moz-linear-gradient(top,  #fefcea 0%, #faf0bd 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #fefcea 0%,#faf0bd 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #fefcea 0%,#faf0bd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#faf0bd',GradientType=0 ); /* IE6-9 */    
    
    padding-bottom: 1rem;
}

.ads-on-confirmation-page-mobile .ads-panel-group .icon-ads-panel {
    margin: 0 auto; 
    width: 3rem; 
}

/**********************************************************************************************************************************
* CSS for common page (property not found page, viewexpire)
/**********************************************************************************************************************************/
.common-page .row.main-section {
    margin-top: 1.25rem;
}
.common-page .common-page-header .header-info{
    font-size: 1.0rem; 
    width: 100%;
    display: block;
    padding: 1rem;
    text-transform: uppercase;
    font-style: italic;
    font-weight: bold; 
    text-align: left;
    border-bottom: 0.1rem solid #EEEEEE;
}
.common-page .common-page-content {
    padding: 1.25rem 1rem;
}
.common-page .common-page-content span{
    font-size: 0.9rem;
}
.common-page .common-page-content span{
    display: block;
}
.common-page .common-page-content .details{
    margin-bottom: 0.5rem;
}
.common-page .common-page-content .details:last-child{
    margin-bottom: 0rem;
}



/**********************************************************************************************************************************
* CSS for session expiry
/**********************************************************************************************************************************/

.dialog-timeout-reveal-modal {
    min-height:0vh;
    padding:2rem 1.25rem 2rem 1.25rem !important;
    width:90vw;
    left:1rem;
    top:1rem;
    opacity: 1;
    position : fixed;
}

.dialog-timeout-reveal-modal .button-continue {
    margin-top: 1.5rem;
}

.dialog-timeout-reveal-modal .countdown-period {
    margin-left: 0.2rem;
}



/**********************************************************************************************************************************
/*Room rate listing - Room view 
/**********************************************************************************************************************************

/***************** Button *****************/
/* Room items starting rate button */
.room-listing-button-panel .room-listing-starting-rate-button {
    text-align:center;
    border-radius:15px;
}
.room-listing-button-panel .hide-this-rates-text{
    color:#000000;
}
.room-listing-button-panel .room-listing-starting-rate-button .from-text , 
.room-listing-button-panel .room-listing-starting-rate-button .currency-text,
.room-listing-button-panel .hide-this-rates-text {
    font-size:0.75rem;
}
.room-listing-button-panel .room-listing-starting-rate-button .from-text , 
.room-listing-button-panel .room-listing-starting-rate-button .currency-text{
    vertical-align:top;
}
.room-listing-button-panel .room-listing-starting-rate-button .starting-rate-of-room, 
.room-listing-button-panel .hide-this-rates-text {
    font-weight: bold;
}
.room-listing-button-panel .room-listing-starting-rate-button .starting-rate-of-room {
    margin:0 0.25rem 0 0.45rem;
}
.room-listing-button-panel .hide-this-rates-text {
    display: inline-block;
    vertical-align: middle;
    text-transform: capitalize;
}
.room-listing-button-panel .room-listing-starting-rate-button .arrow-down-icon,
.room-listing-button-panel .arrow-up-icon{ 
    margin: 0 0.25rem;
}
.room-listing-button-panel .arrow-up-icon {
    vertical-align: baseline;
}
.room-listing-button-panel .room-listing-starting-rate-button .arrow-down-icon {
    height: 10px;
    vertical-align: middle;
}

.select-room-button-panel {
    float: right;
    width: 35%; 
    text-align: center;
}
@media (orientation: landscape) {
    .select-room-button-panel  {
        width: 150px;
    }
}

.tabs-icon {
    margin-right: 0.25rem;
}


/********** CSS Common for button **********/
.button.remove-rooms-button , 
.button.add-rooms-button,
.button.next-step-button{
    margin:0;
}
.button.remove-rooms-button,
.number-of-rooms,
.button.add-rooms-button{
    float:left;
    display:block; 
}
.select-room-button-panel .button.select-button,
.next-step-button-panel .button.next-step-button{
    border-radius:0.5rem;
}
/********** Select one room button **********/
.select-room-button-panel .button.select-button {
    margin:0;
    padding:0.5rem 1.25rem;
}
/********** Select multiple rooms button **********/
.button a{
    color: #FFFFFF;
}
.button, .button:hover{
    background-color: #f1861c;
}
.button {
    margin:0;
}
.button.book-button,
.button.select-button,
.button.next-step-button{
    border-radius: 0.5rem;
    padding: 0.5rem 1.25rem;
}
.button.next-step-button span{
    color:#FFFFFF;
}
.select-room-button-panel .select-number-of-rooms-text {
    display:block;
    margin-bottom:0.25rem;
    text-align:center;
    font-size:0.7rem;
}
.button.remove-rooms-button {
    border-radius:0.5rem 0 0 0.5rem;
    padding:0.5rem 0.9rem;    
}
.button.add-rooms-button {
    border-radius:0 0.5rem 0.5rem 0;
    padding:0.5rem 0.8rem;
}
.select-room-button-panel .number-of-rooms {
    margin:0.2rem 0.7rem;
}
.select-room-button-panel .select-room-all-button-panel {
    display: inline-block;
    text-align: center;
}
.next-step-button-panel {
    text-align:center;
    margin:1rem 0 0.5rem 0;
}
.next-step-button-panel .button.next-step-button {
    padding:1rem 2rem;
}
.button.next-step-button .next-step-text,
.button.next-step-button .view-your-details-text {
    font-weight: bold;
}
.button.next-step-button .next-step-text {
    display:block;
    text-transform: capitalize;
    font-size:1.5rem;
}
.next-step-button-panel .button.next-step-button .view-your-details-text { 
    font-size: 0.9rem;
}
/***************** End room rate listing button room view *****************/
.room-rate-listing-panel {
    line-height: 1.2;
}
.room-rate-listing {
    padding:0.5rem;
    background-color: rgb(255,255,255);
    border: 0.1rem solid transparent;
    margin: 3px 3px 3px 3px;
}
.room-rate-listing .discount-rate-panel {
    line-height: 1;
}
.room-rate-benefit-panel {
    margin: 0.25rem 0; 
}

.room-rate-benefit-panel .rate-benefit {
    display: block;
    color: rgb(247, 148, 31);
    font-size: 0.85rem;
    font-weight: bold;
}

.discounted-rate {
    font-size:0.75rem;
    font-weight:bold;
    text-decoration: line-through; 
    margin-right: 0.25rem;
}
.top-up-highlight ,
.top-up-inclusion-items{
    display: inline-block;
    margin-right: 0.25rem;
    font-weight: bold;   
    font-size: 0.8rem;
    background-color: rgb(251, 227, 75);
    padding: 0.25rem 0.35rem;
}
.room-rate-top-up-inclusion-panel .top-up-inclusion-items {
    margin: 0.25rem 0 0 0; 
}
.room-rate-listing .rate-name ,
.room-rate-listing .room-rate-details-panel .room-rate-panel .rate-of-room ,
.currency-and-details-text .room-rate-currency {
    font-weight:bold;
}
.room-rate-top-up-inclusion-panel {
    line-height: 1;
}
.room-rate-listing .discount-rate-panel .rate-benefit {
    color: rgb(247, 148, 31);
}
.room-rate-listing .rate-name {
    font-size:0.85rem;
}
.currency-and-details-text .room-rate-currency {
    font-size:0.8rem;
}
.currency-and-details-text .room-rate-per-night-text, 
.currency-and-details-text-panel .room-rate-excl-and-taxes-text {
    color: #828282;
    font-size: 0.8rem;
}
.currency-and-details-text-panel .room-rate-excl-and-taxes-text {
    display: block;
}
.room-rate-more-details-panel .information-icon {
    font-size: 1.2rem;
    display: block;
    float: left;
    margin: 0.3rem 0 0 0.5rem;
}
.room-rate-inclusion-listing{
    font-weight: normal;
    font-size: 0.8rem;
    line-height: 1.1;
    margin-top: 0.4rem;
    text-transform: lowercase;
}
.room-rate-inclusion-listing .more-benefits-text {
    text-decoration: underline;
}
.room-rate-listing .rate-name {
    display: block;
}
.room-rate-listing .room-rate-details-panel, 
.room-rate-listing .room-rate-details-panel .room-rate-panel , 
.room-rate-listing .room-rate-details-panel .room-rate-more-details-panel,
.room-rate-listing .room-rate-inclusion-listing,
.room-rate-listing .room-rate-top-up-inclusion-panel,
.room-rate-listing .except-policy,
.room-rate-listing .credit-card-details {
    float:left;
}
.room-rate-listing .room-rate-details-panel .room-rate-more-details-panel .currency-and-details-text-panel {
    float:left;
    line-height:1.1;
}
.room-rate-listing .room-rate-details-panel,
.room-rate-listing .room-rate-inclusion-listing,
.room-rate-listing .room-rate-top-up-inclusion-panel,
.room-rate-listing .except-policy,
.room-rate-listing .credit-card-details {
    width:64%
}
@media (orientation: landscape) {
    .room-rate-listing .room-rate-details-panel,
    .room-rate-listing .room-rate-inclusion-listing,
    .room-rate-listing .room-rate-top-up-inclusion-panel,
    .room-rate-listing .except-policy,
    .room-rate-listing .credit-card-details {
        width:70%
    }
}

.room-rate-listing .room-rate-details-panel .room-rate-panel {
    line-height: 1.25;
    padding-right:0.5rem
}
.room-rate-listing .room-rate-details-panel .room-rate-panel .rate-of-room {
    font-size:1.65rem;
    color:rgb(89,187,4);
}
.room-rate-listing .room-rate-inclusion-listing,
.room-rate-listing .room-rate-top-up-inclusion-panel,
.room-rate-listing .except-policy,
.room-rate-listing .credit-card-details {
    padding-right: 10px;
}
.room-details-popup-text,
.room-rate-details-popup-text {
    color: #000000;
}
.room-rate-select-panel-active {
    background-color: rgb(250,233,213);
    border: 0.1rem solid rgb(248,157,52);
}
.hide-panel {
    display: none;
}
.rate-listing-by-room-tabs , rate-listing-by-rate-tab{
    height: 41px;
}
.rate-listing-by-room-tabs .bed-icon , .rate-listing-by-rate-tab .tag-icon {
    margin-right:0.25rem;
}
.by-room-text , .by-rate-text {
    font-size: 0.8rem;
    text-transform:uppercase;
}
.tabs-content>.content.active.rate-listing-room-view-panel {
    padding:0;
}
.rate-listing-room-view-panel .rate-listing-room-view-items {
    padding:0.59rem 0;
    border-bottom: none;
}
.rate-listing-room-view-panel .rate-listing-room-view-items .room-header-details-panel {
    display:block;
    line-height:1.2;
}
.rate-listing-room-view-items .room-name {
    display: block;
    font-size:0.95rem;
    font-weight:bold;
    text-decoration:underline;
    margin-bottom: 0.25rem;
}
.rate-listing-room-view-panel .rate-listing-room-view-items .room-header-details-panel .message-for-room {
    margin-bottom: 0.5rem;
}
.rate-listing-room-view-panel .rate-listing-room-view-items .room-header-details-panel .message-for-rooms-panel{
    margin-top: 0;
}
.message-for-status-of-rooms {
    font-size:0.85rem;
    padding:0.2rem 0.4rem;
    margin: 0.25rem 0;
    background-color:#000000e0;
    color:#FFFFFF;
}
.room-details-panel .room-image , 
.room-details-panel .room-more-details ,
.room-details-panel .room-more-details .room-size-and-type-panel,
.room-details-panel .room-more-details .room-capacity-panel {
    float: none;
}
.room-details-panel .room-more-details {
    width:65%;
    margin-left:0.5rem
}
.room-details-panel .room-more-details .room-size-and-type-panel {
    width:55%;
    border-right:0.1rem solid #828282;
    padding-right:0.5rem
}
.room-details-panel .room-more-details .room-size-and-type-panel.is-shared-bedroom {
    border-right: none;
}
.room-size-and-type-text-panel {
    display: flex;
}
.room-size-and-type-text-panel span {
    padding-right: 5px;
}
.room-size-and-type-text-panel span + span {
    border-left: 1px solid #828282;
    padding: 0px 5px;
}
.room-size-and-type-panel {
    display: flex;
}
.room-size-and-type-panel .room-size-and-type-text-panel {
    font-size:0.8rem;
    font-weight:normal;
    color:#222;
    line-height:1.1;
    margin-bottom: 0.25rem;
}
.room-size-and-type-panel .room-size-and-type-text-panel .room-size-details,
.room-size-and-type-panel .room-size-and-type-text-panel .room-bed-type-details{
    display: block;
}
.room-capacity-panel-warpper {
    display: flex; 
    justify-content: space-between; 
    align-items: center;
    margin-top: 0.1rem;
}
.rate-listing-room-view-items .room-info-panel {
    padding: 0.75rem 0.8rem;
}
.room-details-panel .room-more-details .room-capacity-panel {
    padding-left:0.5rem;
    max-width: 45%;
}
.room-details-panel .room-more-details .room-capacity-panel.is-shared-bedroom {
    display: none;
}
.room-details-panel .room-more-details .room-capacity-panel img {
    vertical-align: bottom;
}
.room-listing .reveal-modal .button-close {
    padding: 0 1rem;
    margin: 1rem 0 0 0;
}
.room-rate-details-active-panel {
    margin-top: 0.15rem;
}
.room-details-panel .room-image {
    border: none;
}
.room-details-panel {
    margin-top: 0;
}
.tabs-content>.content.rate-listing-rate-view-panel {
    padding: 0 0.25rem;
}
.rate-room-listing {
    padding:0.5rem;
    background-color: #FFFFFF;
    border: 0.1rem solid #EEEEEE;
    line-height: 1.2rem;
    position: relative;
    top: -2px;
}
.selection-room-active {
    background-color: rgb(250,233,213);
    border: 0.1rem solid rgb(248,157,52);
}
.specific-number-of-room-button-panel {
    float: right;
}
.number-of-room-panel {
    display:block;
    float:left;
    margin:0.5rem
}
.arrow-up-icon,
.arrow-down-icon{
    margin: 0 0.25rem;
}
.rate-room-details-active-panel {
    margin-top: 0.25rem;
}
.rate-listing-rate-view-items {
    padding: 1rem 0.75rem;
    border-bottom: 0.1rem solid #FFFFFF;
}
.rate-listing-rate-view-items .rate-name {
    display: block;
    font-size: 0.95rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
    text-decoration: underline;

}
.rate-listing-rate-view-items .rate-image {
    float: left;
    border: 1px solid #FFFFFF;
}
.rate-listing-rate-view-items .booking-condition-out-side-panel-label {
    font-size: 0.8rem;
    margin-bottom: 0.5rem;
}
.inclusion-listing {
    float: left; 
    margin-left: 0.5em; 
    width: 65%
}
.inclusion-listing a{
    color: #000000;
}
.inclusion-listing .you-will-get-text {
    display:block;
    font-size:1rem;
    color:rgb(247, 148, 31);
    font-weight:bold
}
.inclusion-listing .inclusion-listing-panel {
    margin:0.25rem 0;
}
.inclusion-listing .inclusion-listing-panel .top-up-inclusion-listing,
.inclusion-listing .inclusion-listing-panel .normal-inclusion-listing{
    font-size:0.85rem;
    line-height:1.25;
}
.inclusion-listing .inclusion-listing-panel .top-up-inclusion-listing,
.inclusion-listing .inclusion-listing-panel .normal-inclusion-listing,
.inclusion-listing .inclusion-listing-panel .top-up-inclusion-listing .top-up-inclusion-text,
.inclusion-listing .inclusion-listing-panel .normal-inclusion-listing .normal-inclusion-text {
    margin-bottom:0.2rem;
}
.inclusion-listing .inclusion-listing-panel .top-up-inclusion-listing .top-up-inclusion-text {
    padding: 0.25rem 0.35rem;
    background-color:rgb(251,227,75);
}
.normal-inclusion-listing .booking-condition-link{
    margin:0.75rem 0 0.25rem;
    display:block;
}
.booking-condition-text,
.normal-inclusion-listing .booking-condition-link .booking-condition-text {
    text-decoration: underline;
    color:#000000;
    font-weight:normal;
}

.room-inclusion-listing-panel .room-inclusion-more-details ,
.inclusion-listing .inclusion-listing-panel ul.normal-inclusion-listing li.inclusion-more-details a{
    color: #000;
    text-decoration: underline;
}

.room-inclusion-listing-panel .room-inclusion-more-details {
    margin-right: 0.5rem;
}

.inclusion-listing .more-benefits-link ,
.inclusion-listing .hide-benefits-link{
    font-size:0.85rem;
    text-decoration:underline;
}
.inclusion-listing .more-benefits-link .more-benefits-text-panel {
    margin-bottom:0.75rem;
    text-indent:0.2rem;
}
.inclusion-listing .more-benefits-link .more-benefits-text-panel .more-benefits-text {
    margin-left:0.2rem;
}
.inclusion-listing .hide-benefits-link .hide-benefits-text-panel {
    font-weight: bold;
    margin:0.75rem 0;
}
.payment-except-policy {
    margin-bottom: 0;
}
.payment-except-policy .no-credit-card-required {
    margin: 10px 0 10px 0;
}
.inclusion-listing .starting-rate-button {
    margin-top: 0.4rem;
    text-align:center;
    border-radius:15px;
}
.inclusion-listing .starting-rate-button .from-text,
.inclusion-listing .starting-rate-button .currency-text{
    font-size: 0.8rem;
    vertical-align: top
}
.inclusion-listing .starting-rate-button .starting-rate {
    margin:0 0.25rem;
    font-weight:bold;
}
.inclusion-listing .hide-rate-button {
    margin-top:0.25rem;
}
.inclusion-listing .hide-rate-button .hide-rate-text {
    font-size:0.7rem;
    font-weight:bold;
    color:#000000;
    text-transform: capitalize;
}
.rate-room-listing .room-name {
    margin:0 0.5rem 0 0;
    font-weight:bold;
    font-size:0.95rem;
    vertical-align: middle;
    color: #000;
    text-decoration: underline;
}
.rate-room-listing .discount-rate-and-details-message-panel {
    margin-top:0.25rem;
}
.rate-room-listing .rate-room-benefits-panel {
    margin: 0.25rem 0;
}

.rate-room-listing .rate-room-benefits-panel .rate-benefit{
    display: block;
    color: rgb(247, 148, 31);
    font-size: 0.85rem;
    font-weight: bold;
}

.rate-room-listing .room-capacity-panel-group {
   display: inline-block;
}
.rate-room-listing .room-capacity-panel-group.is-shared-bedroom {
   display: none;
}

.rate-room-left-panel {
    float: left;
    width:64%;
}
@media (orientation: landscape) {
    .rate-room-left-panel {
        width:70%;
    }
}
.rate-room-left-panel .rate-of-room-panel-column-1 {
    float:left;
    line-height:1.25;
    margin-right: 0.25rem;
}
.rate-room-left-panel .rate-of-room-panel-column-1 .final-rate {
    font-size:1.6rem;
    font-weight:bold;
    color:rgb(89,187,4);
}
.rate-room-left-panel .rate-of-room-panel-column-2 {
    font-size: 0.8rem;
    float:left;
    line-height:1.1;
    margin-top: 0.3rem;
}

.rate-room-left-panel .rate-of-room-panel-column-2 .taxes-inclusion-text
.rate-room-left-panel .rate-of-room-panel-column-2 .currency-and-per-night-text-panel .per-night-text {
    color: #828282;
}
.rate-room-left-panel .rate-of-room-panel-column-2 .currency-and-per-night-text-panel .currency {
    font-weight: bold;
}
.rate-of-room-panel-column-3 {
    float: left;
}
.rate-of-room-panel-column-3 .information-icon {
    color: #000000;
    font-size: 1.2rem;
    display: block;
    margin: 0.5rem 0 0 0.5rem;
}
.room-inclusion-listing-panel {
    line-height: 1.4;
    margin-top: 0.5rem;
    font-size:0.75rem;
}
.only-room-left {
    margin: 0.25rem 0 0.25rem 0;
}
.button.book-button,
.button.select-button,
.specific-number-of-room-button {
    /*float: right;*/
}
.specific-number-of-room-button .number-of-rooms-text {
    display:block;
    margin-bottom:0.25rem;
    text-align:center;
    font-size: 0.8rem;
}
.specific-number-of-room-button .remove-room-button,
.specific-number-of-room-button .add-room-button,
.specific-number-of-room-button .number-of-room-panel {
    display:block;
    float:left;
}
.specific-number-of-room-button .number-of-room-panel {
    margin:0.5rem;
}
.pay-now-and-pay-at-the-hotel-panel {
    margin-bottom: 0.75rem;
}
.pay-now-and-pay-at-the-hotel-panel .amount-to-pay-at-hotel,
.pay-now-and-pay-at-the-hotel-panel .total-advanced-payment-amount {
    text-align: right;
}
.button.starting-rate-button {
    display: flex;
    align-items: center;
    width: max-content;
    padding: 0.25rem 1rem;
    text-align: center;
    border-radius: 15px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
}
.button.starting-rate-button span,
.button.starting-rate-button i{
    color: #000000;
}
.button.starting-rate-button .starting-rate-of-room {
    font-weight: bold;
    margin: 0 0.25rem;
}
.button.starting-rate-button .from-text,
.button.starting-rate-button .currency-text {
    vertical-align: top;
    font-size: 0.8rem;
}
.daily-rate-info-popup-panel {
    padding: 0 0.75rem;  
    margin: 0.93rem 0 0 0;
}
.room-rate-listing-daily-rate-info-panel .daily-rate-info-panel {
    border:none;
    margin:0; 
}
.room-rate-listing-daily-rate-info-panel .daily-rate-info-panel tbody tr th {
    border-bottom:2px solid #eeeeee;
}
.room-rate-listing-daily-rate-info-panel .daily-rate-info-panel tr td {
    background-color: #ffffff;
}
.room-rate-listing-daily-rate-info-panel .daily-rate-info-panel tfoot tr td {
    background-color:rgba(200,200,200,0.75);
    border-top:2px solid #bebebe;
    border-bottom:2px solid #bebebe;
}
.room-rate-listing-daily-rate-info-panel .daily-rate-info-panel .daily-rate-footer .room-total-price,
.room-rate-listing-daily-rate-info-panel .daily-rate-info-panel .daily-rate-footer .room-total-label {
    font-weight: bold;
}
.room-rate-listing-daily-rate-info-panel .daily-rate-info-panel .daily-rate-footer .room-total-label {
    text-transform: uppercase;
}
.room-rate-listing-daily-rate-info-panel .daily-rate-info-panel .content-right-panel,
.room-rate-listing-daily-rate-info-panel .daily-rate-info-panel .daily-rate-footer .room-total-price {
    text-align: right;
}
.reveal-modal .close-reveal-modal {
    line-height: 0.25rem;
}
.reveal-modal .close-reveal-modal .daily-rate-panel {
    margin-top: 1.2rem;
}
.reveal-modal .close-reveal-modal.hotel-policy-popup,
.reveal-modal .close-reveal-modal.change-language-popup,
.reveal-modal .close-reveal-modal.additional-services-popup-close-icon,
.reveal-modal .close-reveal-modal.additional-services-close-icon {
    top:0.9rem;
    left:1rem;
}
.reveal-modal .close-reveal-modal, dialog .close-reveal-modal {
    color: #808080;
}
.reveal-modal .close-reveal-modal.availability-calendar,
.reveal-modal .close-reveal-modal.filter-close-icon,
.reveal-modal .close-reveal-modal.change-currency-close-icon {
    right:0;
    top:0.9rem;
}
.reveal-modal .room-name-header {
    margin-bottom: 0.75rem; 
}
.reveal-modal .reveal-model-inclusion-header,
.reveal-modal .reveal-model-header {
    margin-bottom: 0.75rem;
}
.reveal-modal .reveal-model-header {
    padding: 0;
}
.reveal-modal .reveal-model-inclusion-header {
    padding-right: 0; 
}
.reveal-modal .reveal-model-inclusion-header .inclusion-header,
.reveal-modal .reveal-model-header .header {
    font-size: 1.2rem;
}
/*.reveal-modal .reveal-model-header .header.availability-calendar-header {
    font-size: 1.050rem;
}*/
.reveal-modal .reveal-model-inclusion-header .inclusion-header,
.reveal-modal .reveal-model-header .header {
    text-transform: uppercase;
    font-style: italic;
    font-weight: bold;
}
.room-listing .room-description-panel .room-description p {
    margin-bottom:0;
}

/*******************************************************************************
* Show more offer link
*******************************************************************************/

.more-offer-panel {
    border: 0.1rem solid #EEEEEE;
    background-color:#FFFFFF;
    text-align: right;
    padding: 1.05rem 0.5rem 1.25rem 0.5rem;
}
.more-offer-panel .more-offer-label {
    font-size:0.8rem;
    font-weight: bold;
    color:#f1861c;
}

/**********************************************************************************************************************************
* Hotel contact
/**********************************************************************************************************************************/

.hotel-contact .row.main-section {
    padding-top: 1.25rem;
}
.hotel-contact .property-name{
    font-weight: bold;
}
.hotel-contact .property-name,
.hotel-contact .property-star {
    display: block;
    font-size: 0.855rem;
}
.hotel-contact .property-address{
    display: block;
    font-size: 0.805rem;
}
.hotel-contact .property-panel-left{
    width: 60px; 
    float: left; 
    margin-right: 0.85rem;
}
.hotel-contact .property-panel-left img{ 
    border-radius: 0.3rem;
    border: 1px solid  #AAAAAA;
    min-width: 4.0rem;
    min-height: 4.0rem;
}
.hotel-contact .property-star{
    color: rgb(251,176,0);
}


/**********************************************************************************************************************************
* Progress 
/**********************************************************************************************************************************/
.progress-reveal-modal.reveal-modal{
    position : fixed;
}
.progress-reveal-modal.reveal-modal {
    background-color:transparent;
    border: 1px solid transparent;
    box-shadow: none;
    padding: 1.5rem;  
}
.progress-reveal-modal.reveal-modal img {
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: auto auto;
}
.progress-reveal-modal .text-panel {
    text-align: center; 
    margin-top: 1rem; 
    font-size: 0.8rem; 
    color: #FFF;
}
.reveal-modal-bg {
    background: rgba(0, 0, 0, 0.25);    
}


.close-x-image {
    display: inline-block;
    margin-top: 0.2rem;
    width: 33px;
    height: 32px;
    background:url("../resources/images/icon-x-popup.png") no-repeat;
}
.more-details-icon {
    display: inline-block;
    margin-left: 2px;
    margin-top: 2px;
    width: 10px;
    height: 10px;
    background:url("../resources/images/pop-out.png") no-repeat;
}
.room-rate-details-panel .rate-inclusion-heading {
    margin-bottom: 0.4rem;
}
.room-rate-listing-daily-rate-info-panel .daily-rate-info-panel {
    margin-bottom: 0;
}
.daily-rate-reveal-modal .rate-inclusion-heading{
    margin-bottom: 1rem;
}
.reveal-modal .reveal-model-header .header {
    font-size: 1.050rem;
}

.room-rate-details-panel.reveal-modal .reveal-model-header {
    margin-bottom: 0.2rem;
}
.room-rate-details-panel.reveal-modal .reveal-model-header .header {
    font-size: 0.95rem;
    text-transform: none;
}
.room-rate-details-panel.reveal-modal .room-gallery-panel {
    margin-top: 0.5rem;
}
.popup-wrapper.reveal-modal.open .hotel-policy-panel {
    line-height: 1.7;   
}
.popup-wrapper.reveal-modal.open .hotel-policy-panel .hotel-policy-header {
    text-indent: 0.25rem;
    font-weight: bold;
    font-size: 0.85rem;
    margin-right: 0.25rem;
}
.popup-wrapper.reveal-modal.open .hotel-policy-panel .hotel-policy-details {
    text-indent: 0.5rem;
}
.popup-wrapper.reveal-modal.open .hotel-policy-panel .policy-value {
    font-size: 0.8rem;
}
.popup-wrapper.reveal-modal.open .decline-button,
.popup-wrapper.reveal-modal.open .accept-button {
    text-transform: uppercase;
    margin: 1.5rem 0 0.5rem 0;
    padding: 0.5rem;
}
.popup-wrapper.reveal-modal .hotel-policy-panel .reveal-model-header {
    margin-bottom: 0.25rem;
}


/**********************************************************************************************************************************
* Login 
/**********************************************************************************************************************************/
.login-form .manage-your-stay-heading {
    text-align: center;
}

.login-form .manage-your-stay-desc {
    display: block;
    width: 102%;
}

.login-form .cancel-button-panel {
    margin-top: 15px;
}


/**********************************************************************************************************************************
* WeCha Pay 
/**********************************************************************************************************************************/

.wechat-pay label,
.wechat-pay {
    color: #7f7f7f ;
}

.wechat-pay .main-section {
    margin-top: 0.75rem;
}

.wechat-pay .card.radius .header-info {
    font-size: 1.2rem;
    width: 100%;
    display: inline-block;
    padding: 0.65rem 1rem;
    text-transform: uppercase;
    font-style: italic;
    font-weight: bold;
    text-align: left;
    border-bottom: 1px solid #EEEEEE;
}

.wechat-pay .total-advanced-payment-amount,
.wechat-pay .wechat-countdown {
    font-size: 1.875rem;   
}

.wechat-pay .wechat-countdown {
    font-size: 1.875rem;   
    display: block; 
    color: #22b14c;    
}

.wechat-pay .total-advanced-payment-amount{   
    font-weight: bold; 
    margin-top: 1.5rem; 
    margin-bottom: .5rem; 
}

.wechat-pay .total-advanced-payment-amount .payment-amount{
    padding-left: 0.5rem
}

.wechat-pay .payment-panel-content,
.wechat-pay .wechat-countdown-panel,
.wechat-pay .product-details {
    text-align: center; 
}

.wechat-pay .time-remaining {
    margin: 1rem 0 1rem 0;
}

.wechat-pay .expired-panel {
    margin: 2rem 0;
    padding: 5rem 0.5rem;
    border: 1px solid #ccc;
}

.wechat-pay .qr-code-wrapper {
    text-align: center;
}

.wechat-pay .qr-code-wrapper img {                                            
    padding: 0.1rem;
    border: 1px solid #d3d3d3;
    -webkit-box-shadow: 1px 1px 1px #ccc;
    box-shadow: 1px 1px 1px #ccc;
}


/**********************************************************************************************************************************
* Payment page 
/**********************************************************************************************************************************/

.payment-page label,
.payment-page {
    color: #7f7f7f ;
}

.payment-page .main-section {
    margin-top: 0.75rem;
}

.payment-page .card.radius .header-info {
    font-size: 1.2rem;
    width: 100%;
    display: inline-block;
    padding: 0.65rem 1rem;
    text-transform: uppercase;
    font-style: italic;
    font-weight: bold;
    text-align: left;
    border-bottom: 1px solid #EEEEEE;
}

.payment-page .total-advanced-payment-amount,
.payment-page .time-countdown {
    font-size: 1.875rem;   
}

.payment-page .time-countdown {
    font-size: 1.875rem;   
    display: block; 
    color: #22b14c;    
}

.payment-page .total-advanced-payment-amount{   
    font-weight: bold; 
    margin-top: 1.5rem; 
    margin-bottom: .5rem; 
}

.payment-page .total-advanced-payment-amount .payment-amount{
    padding-left: 0.5rem
}

.payment-page .payment-panel-content,
.payment-page .time-countdown-panel,
.payment-page .product-details {
    text-align: center; 
}

.payment-page .time-remaining {
    margin: 1rem 0 1rem 0;
}

.payment-page .expired-panel {
    margin: 2rem 0;
    padding: 5rem 0.5rem;
    border: 1px solid #ccc;
}

.payment-page .qr-code-wrapper {
    text-align: center;
}

.payment-page .qr-code-wrapper img {                                            
    padding: 0.1rem;
    border: 1px solid #d3d3d3;
    -webkit-box-shadow: 1px 1px 1px #ccc;
    box-shadow: 1px 1px 1px #ccc;
}


/****************
* Announcement
/****************/
.annoucement-bar-panel {
    background: #feca38;
    margin: 0rem 0rem 1rem 0rem; 
    padding: 0.5rem 1rem; 
    line-height: 1.2;
}

.annoucement-bar-panel-fixed {
   position: fixed;
   top: 0;
   box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);   
   width: 100%;
   z-index: 9100;
}


.annoucement-bar-panel .unlock-icon-panel {
    background: #625c5e; 
    padding: 2px 7px 7px 7px; 
    display: inline-block; 
    border-radius: 50%; 
    height: 25px; 
    width: 25px; 
    margin-right: 5px;
}
.annoucement-bar-panel .unlock-icon-panel .unlock-icon {
    color: #feca38;
}
.annoucement-bar-panel .main-text {
    margin-right: 0.5rem;
}
.annoucement-bar-panel .click-here-link {
    font-weight: bold;
    text-decoration: underline;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 100%;            
}

/**********************************************************************************************************************************
* Payment gateway on-page
/**********************************************************************************************************************************/
/*twoctwop-direct-credit-card-payment-panel*/

.twoctwop-direct-credit-card-payment-panel fieldset,
.contact-details .credit-card-wrapper fieldset,
.contact-details .payment-gateway-on-page-wrapper fieldset {
    border: none;
    padding: 0;
    margin: 0;
}


.twoctwop-direct-credit-card-payment-panel .ccjs-hidden,
.contact-details .credit-card-wrapper .ccjs-hidden,
.contact-details .payment-gateway-on-page-wrapper .ccjs-hidden {
    display: none !important;
}

.contact-details .credit-card-wrapper .ccjs-type-read-only,
.contact-details .payment-gateway-on-page-wrapper .ccjs-type-read-only {
    color: #B51B18;
    font-weight: bold;
    font-size: 0.8rem;
    padding: 0.1rem;
    font-style: italic;
}

.twoctwop-direct-credit-card-payment-panel .ccjs-type-read-only.ccjs-visa-electron,
.twoctwop-direct-credit-card-payment-panel .ccjs-type-read-only.ccjs-discover,
.twoctwop-direct-credit-card-payment-panel .ccjs-type-read-only.ccjs-unionpay,
.twoctwop-direct-credit-card-payment-panel .ccjs-type-read-only.ccjs-amex,
.twoctwop-direct-credit-card-payment-panel .ccjs-type-read-only.ccjs-diners-club,
.twoctwop-direct-credit-card-payment-panel .ccjs-type-read-only.ccjs-jcb,
.twoctwop-direct-credit-card-payment-panel .ccjs-type-read-only.ccjs-mastercard,
.twoctwop-direct-credit-card-payment-panel .ccjs-type-read-only.ccjs-visa, 
.twoctwop-direct-credit-card-payment-panel .ccjs-type-read-only.ccjs-maestro,

.contact-details .credit-card-wrapper .ccjs-type-read-only.ccjs-visa-electron,
.contact-details .credit-card-wrapper .ccjs-type-read-only.ccjs-discover,
.contact-details .credit-card-wrapper .ccjs-type-read-only.ccjs-unionpay,
.contact-details .credit-card-wrapper .ccjs-type-read-only.ccjs-amex,
.contact-details .credit-card-wrapper .ccjs-type-read-only.ccjs-diners-club,
.contact-details .credit-card-wrapper .ccjs-type-read-only.ccjs-jcb,
.contact-details .credit-card-wrapper .ccjs-type-read-only.ccjs-mastercard,
.contact-details .credit-card-wrapper .ccjs-type-read-only.ccjs-visa, 
.contact-details .credit-card-wrapper .ccjs-type-read-only.ccjs-maestro,
.contact-details .payment-gateway-on-page-wrapper .ccjs-type-read-only.ccjs-visa-electron,
.contact-details .payment-gateway-on-page-wrapper .ccjs-type-read-only.ccjs-discover,
.contact-details .payment-gateway-on-page-wrapper .ccjs-type-read-only.ccjs-unionpay,
.contact-details .payment-gateway-on-page-wrapper .ccjs-type-read-only.ccjs-amex,
.contact-details .payment-gateway-on-page-wrapper .ccjs-type-read-only.ccjs-diners-club,
.contact-details .payment-gateway-on-page-wrapper .ccjs-type-read-only.ccjs-jcb,
.contact-details .payment-gateway-on-page-wrapper .ccjs-type-read-only.ccjs-mastercard,
.contact-details .payment-gateway-on-page-wrapper .ccjs-type-read-only.ccjs-visa,
.contact-details .payment-gateway-on-page-wrapper .ccjs-type-read-only.ccjs-maestro {
    display: none;
}

.contact-details .payment-gateway-on-page-wrapper .cvv-note {
    padding: 0.55rem 0;
}

.twoctwop-direct-credit-card-payment-panel .cc-number-wrapper,
.contact-details .credit-card-wrapper .cc-number-wrapper,
.contact-details .payment-gateway-on-page-wrapper .cc-number-wrapper {
    margin: 0 0 1rem 0 !important;
}

.twoctwop-direct-credit-card-payment-panel .cc-number-wrapper .cc-border,
.contact-details .credit-card-wrapper .cc-number-wrapper .cc-border,
.contact-details .payment-gateway-on-page-wrapper .cc-number-wrapper .cc-border { 
    border: 1px solid #ccc !important;
    margin: 0 0 !important;
}

.twoctwop-direct-credit-card-payment-panel .cc-number-wrapper .cc-border .cc-number-panel,
.contact-details .credit-card-wrapper .cc-number-wrapper .cc-border .cc-number-panel,
.contact-details .payment-gateway-on-page-wrapper .cc-number-wrapper .cc-border .cc-number-panel {
    padding: 0 0 !important;
}

.twoctwop-direct-credit-card-payment-panel .cc-number-wrapper .cc-border .cc-icon ,
.contact-details .credit-card-wrapper .cc-number-wrapper .cc-border .cc-icon ,
.contact-details .payment-gateway-on-page-wrapper .cc-number-wrapper .cc-border .cc-icon  {
    padding: 0 0 !important;
    text-align: right !important;
    padding-right: 0.25rem !important;
}

.twoctwop-direct-credit-card-payment-panel .cc-number-wrapper .cc-border .cc-icon span,
.contact-details .credit-card-wrapper .cc-number-wrapper .cc-border .cc-icon span,
.contact-details .payment-gateway-on-page-wrapper .cc-number-wrapper .cc-border .cc-icon span {
    margin: 0.2rem 0 0 0 !important;
}

.twoctwop-direct-credit-card-payment-panel .cc-number-wrapper .cc-number-error-message,
.contact-details .credit-card-wrapper .cc-number-wrapper .cc-number-error-message,
.contact-details .payment-gateway-on-page-wrapper .cc-number-wrapper .cc-number-error-message {
    border: 0px solid #ccc !important;
    margin: 0 0 !important;
}

.twoctwop-direct-credit-card-payment-panel .ccjs-card-type-error .ccjs-type-read-only,
.contact-details .credit-card-wrapper .ccjs-card-type-error .ccjs-type-read-only,
.contact-details .credit-card-wrapper .cc-number-wrapper .cc-number-error-message .ui-message-error {
    border: 0px solid #ccc !important;
    margin: 0 0 !important;
    background-color: #FFEBEB;
    padding : 0;
    border-radius : 0;
    font-size: 0.8rem;
    font-style : italic;
    color : #B51B18;
    border : none;
    font-weight: bold; 
}

.contact-details .credit-card-wrapper .ccjs-card-type-error .ccjs-type-read-only,
.contact-details .credit-card-wrapper .cc-number-wrapper .cc-number-error-message .ui-message-error span {
    margin: 0 5px 5px 0;
    display: block;
    padding: 0.3rem;
}

.twoctwop-direct-credit-card-payment-panel .ccjs-csc-diagram-wrapper,
.twoctwop-direct-credit-card-payment-panel .ccjs-csc-diagram,
.contact-details .credit-card-wrapper .ccjs-csc-diagram-wrapper,
.contact-details .credit-card-wrapper .ccjs-csc-diagram,
.contact-details .payment-gateway-on-page-wrapper .ccjs-csc-diagram-wrapper,
.contact-details .payment-gateway-on-page-wrapper .ccjs-csc-diagram {
    display: none;
}


.twoctwop-direct-credit-card-payment-panel .cc-help,
.contact-details .credit-card-wrapper .cc-help,
.contact-details .payment-gateway-on-page-wrapper .cc-help {
    cursor: help;
    padding: 0.3rem 0;
}

.contact-details .credit-card-help-reveal-modal .cvv-image-panel {
    margin: 0 auto; 
    text-align: center; 
    margin-top: 2rem;
    margin-bottom: 1.5rem;
}

.contact-details .payment-gateway-on-page-wrapper .sub-heading {
    margin-bottom: 0.5rem;
}

.contact-details .booking-condition-note .content,
.contact-details .payment-gateway-on-page-wrapper .content {
    margin-bottom: 0rem;
}

.contact-details .payment-gateway-on-page-wrapper .booking-confidence {
    padding: 1rem;
    padding: 0 1rem 1rem 1rem;
}

/* Credit card security statement */
.credit-card-security-statement-panel {
    background-color:rgb(151,199,27);
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.credit-card-security-statement-panel:after {
    display: block;
    clear: both; 
    content: "."; 
    height: 0; 
    visibility: hidden;
}
.credit-card-security-statement-panel .credit-card-security-image {
    float:left; 
    width: 100px;
    padding:13.5px;
}
.credit-card-security-statement-panel .credit-card-security-statement {
    float:left; 
    width: 65%;
}
.credit-card-security-statement-panel .credit-card-security-statement .credit-card-security-statement-warpper {
    display: block;
    margin: 10px 10px 10px 0;
}
.credit-card-security-statement-panel .credit-card-security-statement .credit-card-security-statement-details {
    color:#ffffff; 
    font-size:0.67rem;
    line-height:1.4;
}


/* Payment gateway tab*/

.payment-gateway-mult-tab-content {
    padding: 1.25rem 0 1.75rem 0 !important;
    margin-top: 0rem !important; 
    display: block;
    border: 0px solid #000;
}

.payment-gateway-multi-tab  {
    border: 1px solid #d8d8d8;
    border-radius: 0.5rem !important; 
    margin-bottom: 0rem; 
}

.payment-gateway-multi-tab .content.active {
    padding-top: 1.5rem !important; 
    padding-bottom: 2rem !important; 
    margin-bottom: 0 !important; 
}

.payment-gateway-multi-tab .accordion {
    border-radius: 0.5rem ;
}

.payment-gateway-multi-tab .accordion-navigation.active {
    background-color: #ccc !important;
}

.payment-gateway-multi-tab .accordion-navigation > a {
    background-color: #eee !important;
}

.payment-gateway-multi-tab .accordion-navigation a .fa-angle-down {
    float: right;
    margin-top: 0.35rem;
}

.payment-gateway-multi-tab .row.credit-card-security-statement {
    margin-top: 2rem;
}

.bank-transfer-custom-text,
.payment-gateway-multi-tab .row.bank-transfer-custom-text {
    margin-top: 1rem;
}

.payment-gateway-multi-tab.accordion-navigation:last-child{
    border-bottom: 0;
}

.payment-gateway-multi-tab .accordion .accordion-navigation.active:first-child,
.payment-gateway-multi-tab .accordion .accordion-navigation:first-child > a:hover, 
.payment-gateway-multi-tab .accordion .accordion-navigation:first-child > a {
    border-top-right-radius: 0.5rem;
    border-top-left-radius: 0.5rem;
}

.payment-gateway-multi-tab .accordion .accordion-navigation.active:last-child > a {
    border-bottom-right-radius: 0rem !important;
    border-bottom-left-radius: 0rem !important;
}

.payment-gateway-multi-tab .accordion .accordion-navigation:last-child > a:hover, 
.payment-gateway-multi-tab .accordion .accordion-navigation:last-child > a{
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}    

.payment-gateway-multi-tab .accordion-navigation:last-child > a {
    border-bottom: 0;
}

.payment-gateway-multi-tab .accordion-navigation .booking-condition-note label {
    margin-bottom: 0.30rem;
}

.payment-gateway-multi-tab-header .payment-tab-heading,
.payment-gateway-multi-tab-header .payment-tab-heading span {
    font-size: 1.1rem;
    text-align: left;
    font-weight: bold;
    font-style: italic;
}
.payment-gateway-multi-tab-header .payment-tab-heading .secure-icon{
    margin:  0 0 0 0;
}

#tl_popupINSOV,
#tl_popupPOSDV,
#tl_popupSECOV { 
  z-index: 200 !important; 
}

.show-registration-form .icon-minus,
.show-registration-form .icon-plus {
    font-size: 1.5rem;
    float: right;
    margin-right: 1rem;
}

.show-registration-form  .icon-minus.hide,
.show-registration-form  .icon-plus.hide {
    display: none !important; 
}

.show-registration-form img.logo {
    height: 76px;
}
.show-registration-form .registration-info__header {
    padding-top: 0.5rem;
    padding-bottom: 1rem;
}


/* Campaign */
.with-campaign .select-room-button-panel {
    float: none;
    text-align: center;
    display: inline;
}
.with-campaign {
    float: right;
    background-color: rgb(223,248,255);
    border-radius: 5px;
    padding: 10px 5px;
    width: 36%;
    text-align: center;
}
.with-campaign .content {
    display: block;
    font-size: 0.75rem;
    line-height: 1.1;
    padding: 10px 0px;
}
@media (orientation: landscape) {
    .with-campaign  {
        width: 130px;
    }
}
.with-campaign .select-room-all-button-panel {
    display: block;
}
.with-campaign .logo {
    display: flex;
    align-items: center;
    background-color: rgb(255,156,13);
    border-radius: 5px;
}
.with-campaign .logo .name {
    color: #fff;
    font-size: 725px;
    font-size: 0.725rem;
    font-weight: bold;
    font-style: italic; 
}
.with-campaign .price {
    margin-top: 5px;
}
.with-campaign .price .currency,
.with-campaign .price .discount {
    font-weight: bold;
}
.with-campaign .price .currency {
    font-size: 0.8rem;
}
.with-campaign .price .discount {
    font-size: 1.5rem;
    color: #954EC8;
}
.with-campaign .note {
    font-size: 0.8rem;
    margin-bottom: 10px;
    color: #828282;
    line-height: 1.2;
}
.with-campaign .reserve-btn {
    display: inline-block;
    text-align: center;
}

/* Image Slider */
.orbit-container {
    min-height: 11.9rem;
}
.orbit-container .orbit-slides-container img {
    width: 100%;
}

ul.omise-accept-payment {
    list-style: none;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0;
    margin-left: 0;
}

ul.omise-accept-payment li:not(:last-child) {
    margin-right: 0.5rem;
}


.omise-selection {
    margin-bottom: 0.95rem;
}

.omise-selection .column-2 {
    border: 0px solid;  float: left;
}

.contact-details-panel .omise-selection-list .column-2 label {
    padding-top: 0.2rem;
}

#failure_message {
    color: #664d03;
    background-color: #fff3cd;
    border: 1px solid #ffbaba;
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border-radius: .25rem;
    text-transform: capitalize;
    text-align: center;
}
.icon-linepay-card,
.icon-linepay2-card,
.icon-paypal-card,
.icon-paypal2-card,
.icon-maestro-card,
.icon-visa-card,
.icon-master-card,
.icon-jcb-card,
.icon-diners-card,
.icon-discover-card,
.icon-amex-card,
.icon-unionpay-card {
    margin-right: 3px;
    margin-bottom: 3px;
}

.highlight-panel {
    margin-top: 0.25rem;
}
.highlight-panel .title {
    font-size: 0.8rem;
    color: rgb(247, 148, 31);
}
.highlight-panel .title .text {
    margin-left: 0.25rem;
}

.contact-details-panel .download-b2-wallet-panel,
.contact-details-panel .download-b2-wallet-radio-panel {
    padding-top: 0.75rem; 
    padding-bottom: 0rem;
}

.contact-details-panel .download-b2-wallet-radio-panel .sub-heading,
.contact-details-panel .download-b2-wallet-panel .sub-heading {
    font-size: 0.8rem;
    margin: 0.5rem 0 0.25rem 0;
    font-weight: bold;
}

.apply-voucher-panel {
    padding: 0.5rem 1rem;
    margin-top: 1rem;
}
.apply-voucher-panel .columns {
    padding-left: 0px;
    padding-right: 0px;
}
.apply-voucher-panel .button {
    margin-left: 1rem;
    padding-top: 0.55rem;
    padding-bottom: 0.55rem;
    border-radius: 5px;
}
.apply-voucher-panel .applay-text {
    text-transform: uppercase;
}

/* Slick Image Counter */
.slider-counter {
    position: absolute;
    font-size: 12.5px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: 10px;
    width: 40px;
    z-index: 11;
    color: #fff;
    text-align: center;
    background: #70707c9c;
    border-radius: 10px;
}
.slider-counter span {
    padding: 0.1rem;
}
.slider img {
    width: 100%;
}
.slick-slide img {
    width: 100%;
}

.contact-details .reveal-modal .ui-blockui-content {
    background: none;
    border: none;
    box-shadow: none;
}

.contact-details .reveal-modal .ui-widget-overlay {
    background: none;
}

.contact-details .unable-to-make-booking-reveal-modal {
    padding: 2rem;
}

.unable-to-make-booking-reveal-modal .unable-to-make-booking-details {
    margin-bottom: 1.5rem;
    text-align: center;    
}

.unable-to-make-booking-reveal-modal h4 {
    text-transform: uppercase;
    border-bottom: 0px solid #d8d8d8;
    padding-bottom: 0.9375rem;
    padding: 0rem 0rem 0rem 0rem;
    margin-bottom: 0rem;
    font-weight: bold;
    font-size: 0.85rem;
}

.contact-details .unable-to-make-booking-reveal-modal .button-continue .button {
        font-weight: bold;
        font-size: 1rem;
}


/* Signed-in panel */

.member-signed-in-panel {
    padding:0.95rem;
    background-color: #fff;
}

.member-signed-in-panel .wrapper {
    background-color: #fff;
}

.signed-in-panel {
    padding:10px 15px 10px 0;
}
.member-signed-in-panel .wrapper ,
.signed-in-panel .wrapper {
    float: right;
}
.member-signed-in-panel .wrapper .content,
.signed-in-panel .wrapper .content {
    display:flex;
    justify-content:space-between
}

.member-signed-in-panel  .wrapper .content .col2,
.signed-in-panel .wrapper .content .col2 {
    max-width: 95px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 0.25rem;
}

.member-signed-in-panel a,
.signed-in-panel a {
    color: #222;
}


.forgot-password-reveal-modal .ui-widget,
#announcement-already-account-button-panel .ui-widget,
.member-signed-in-panel .ui-widget,
.signed-in-panel .ui-widget{
    font-size: 100%;
    font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
    font-size: .9rem;
}

.membership-reveal-modal .row + .row ,
.signout-reveal-modal .row + .row {
    padding-top: 15px;
}

.signout-reveal-modal .text,
.membership-reveal-modal .text {
    color: #222;
}
.signout-reveal-modal .row:first-child ,
.membership-reveal-modal .row:first-child {
    padding-top: 20px;
}

.signout-reveal-modal .row .icon,
.membership-reveal-modal .row .icon {
    vertical-align: middle;
}


.room-listing .forgot-password-reveal-modal ,
.room-listing .signin-reveal-modal {
    padding: 0 0 1rem 0;
}

.room-listing .forgot-password-reveal-modal .text-bold,
.room-listing .signin-reveal-modal .text-bold {
    font-weight: bold;
}

.room-listing .forgot-password-reveal-modal .master-color,
.room-listing .signin-reveal-modal .master-color {
    color: rgba(255,255,255,0.9);
}
.room-listing .signin-reveal-modal .header .sub-text {
    margin-top: 20px;
}
.room-listing .signin-reveal-modal .header .sub-text,
.room-listing .signin-reveal-modal .header-color {
    color: rgba(255,255,255,0.75);
}
.room-listing .signin-reveal-modal .header-color {
    font-size: 11px;
}


#verification-code-popup .header {
    padding-bottom: 2rem;
}
#announcement-signin-header-panel .header,
#verification-code-popup .header,
#announcement-signin-header-panel,
.room-listing .forgot-password-reveal-modal .header-color,
.room-listing .signin-reveal-modal .header-color,
.room-listing .forgot-password-reveal-modal .content ,
.room-listing .signin-reveal-modal .content {
    color: #fff;
    background-color: #32A1A9;
}
.room-listing .forgot-password-reveal-modal .header-color .bold,
.room-listing .signin-reveal-modal .header-color .bold {
    font-weight: normal;
}

.room-listing .forgot-password-reveal-modal .header,
.room-listing .signin-reveal-modal .header {
    padding: 2rem 2rem 0 2rem;
}
.room-listing .signin-reveal-modal .content .discount-amount {
    font-size: 3.5rem;
    line-height: 0.8;
    margin-right: 5px;
}

.room-listing .forgot-password-reveal-modal .content .column-1,
.room-listing .forgot-password-reveal-modal .content .column-2 ,
.room-listing .signin-reveal-modal .content .column-1,
.room-listing .signin-reveal-modal .content .column-2 {
    float:left;
}
.room-listing .signin-reveal-modal .content .column-1 {
    width: 57%;
}
.room-listing .signin-reveal-modal .content .column-2 {
    width: 43%;
}
.room-listing .forgot-password-reveal-modal .content .column-2 ,
.room-listing .signin-reveal-modal .content .column-2 {
    line-height: 1.1;
}
.room-listing .signin-reveal-modal .content .row.plus-icon {
    padding: 10px 0;
}
.room-listing .signin-reveal-modal .content .row.plus-icon svg {
    font-size: 1.6rem;
}
.room-listing .signin-reveal-modal .content .discount-text {
    margin-top: 1.5rem;
}

.room-listing .forgot-password-reveal-modal .text-uppercase,
.room-listing .signin-reveal-modal .text-uppercase {
    text-transform: uppercase;
}

.room-listing .forgot-password-reveal-modal .header .main-text,
.room-listing .signin-reveal-modal .header .main-text {
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: bold;
    text-transform: uppercase;
}

.room-listing .forgot-password-reveal-modal .header .sub-text,
.room-listing .signin-reveal-modal .header .sub-text {
    font-size: 10px;
    font-size: 1rem;
}

.room-listing .forgot-password-reveal-modal .content ,
.room-listing .signin-reveal-modal .content {
    padding-bottom: 20px;
}

.room-listing .forgot-password-reveal-modal .content ul > li ,
.room-listing .signin-reveal-modal .content ul > li {
    font-size: 0.8rem;
    list-style: disc outside none;
    width: 60%;
    margin: auto;
}

.room-listing .forgot-password-reveal-modal  .content ul span ,
.room-listing .signin-reveal-modal .content ul span {
    margin-right: 5px;
}

.social-media-remember-me-panel,
.room-listing .forgot-password-reveal-modal .signin-policy,
.room-listing .signin-reveal-modal .signin-policy {
    padding-top: 15px;
    line-height:1.2;
}
.room-listing .signin-reveal-modal .social-signin {
    padding-top: 1rem;
    line-height:1.2;
}

.room-listing .forgot-password-reveal-modal .signin-policy span,
.room-listing .signin-reveal-modal .signin-policy span {
    font-size: .9rem;
}

.room-listing .forgot-password-reveal-modal .guest-info ,
.room-listing .signin-reveal-modal .guest-info {
    padding-top: 20px;
}

.room-listing .forgot-password-reveal-modal .guest-info button,
.room-listing .signin-reveal-modal .guest-info button {
    margin-bottom: 1.25rem;
    width: 100%;
}
.room-listing .signin-reveal-modal .social-signin #google-signin-btn .abcRioButton {
    width: 100%!important;
}
.room-listing .signin-reveal-modal .horizontal-line {
    margin: 0 0 1rem 0;
}

.room-listing .signin-reveal-modal .inclusion-list {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
}
.room-listing .signin-reveal-modal .inclusion-list ui > li {
    color: #fff;
    font-size: 0.9rem;
    padding-left: 20px; /* Adjust indentation */
    text-indent: -20px; /* Align second line */
}
.room-listing .signin-reveal-modal .main-text {
    line-height: 1.2;
}
.room-listing .forgot-password-reveal-modal .main-text {
    line-height: 1.2;
}


#announcement-button-group-panel .signup-button,
#announcement-button-group-panel .login-button {
    font-size: 0.95rem;
    font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
}

#announcement-button-group-panel .chnage-login-form-type-panel {
    width: 200px;
    margin:  0 auto;
    text-align: center;
}

.social-media-button-panel {
    width: 100%;
    border: 0px solid;
}

.social-media-button-panel .google-login-panel,
.social-media-button-panel .facebook-login-panel {
    width: 270px;
    border: 0px solid;
    margin: 0 auto;
}

#announcement-already-account-button-panel {
    padding: 1rem 0;
}

#announcement-already-account-button-panel .ui-widget {
    color: #32A1A9;
}

.already-account-button-panel {
    margin: 1rem 0;
}

.room-listing .signin-reveal-modal  .signup-button-below-panel {
    float: left;
    width: 100px;
    border: 0px solid;
}

.room-listing .signin-reveal-modal  .forget-password-button-below-panel {
    float: right;
    width: 170px;
    border: 0px solid;
    text-align: right;
}

.room-listing .signin-reveal-modal .horizontal-line-panel {
    width: 100%;
}

.room-listing .signin-reveal-modal .horizontal-line-panel .wrapper {
    margin: 0 auto;
    width: 350px;
}

.room-listing .signin-reveal-modal .horizontal-line-panel .wrapper .conntent-right {
    width: 100px;
    float: left;
    border-bottom: 1px solid rgb(221, 223, 226);
    text-align: right;
}

.room-listing .signin-reveal-modal .horizontal-line-panel .wrapper .conntent-left{
    width: 100px;
    float: right;
    border-bottom: 1px solid rgb(221, 223, 226);
    text-align: left;
}

.room-listing .signin-reveal-modal .horizontal-line-panel .wrapper .conntent-center{
    width: 150px;
    float: left;
    border: 0px solid;
    padding: 0 10px 0 10px;
    margin-top: 11px;
    text-align: center;
}

.verification-code-form .remember-me {
    margin: 0
}

.verification-code-form .verify-button-panel {
    margin-top: 2rem;
}


/* Preview rate */ 
#rate-listing-room-view .preview-rate  {
   padding-top: 7.5px; 
}
#rate-listing-rate-view .preview-rate  {
    padding-bottom: 5px;
}
#rate-listing-rate-view .loyaltyprogram-panel {
   width: 75%;
}
#rate-listing-rate-view .preview-rate-panel.VND {
   width: 82%;
}
#rate-listing-room-view .preview-rate-panel {
   min-width: 50%;
   max-width: 65%;
   float: left;
}
.preview-rate .content-wrapper {
    border: 2px solid #F99420;
    border-radius: 5px;
    padding: 0 10px 10px 10px;
    line-height: 0.5;
}
.preview-rate .content-wrapper span,
.preview-rate .content-wrapper a span {
    font-size: 1rem;
}
.preview-rate .content-wrapper a span {
    font-weight: bold;
}
.preview-rate .content-wrapper .content {
    padding-top: 0.5rem;
    display: block;
    font-weight: bold;
    line-height: 1.3;
}
.preview-rate .content-wrapper .content .fi-lock {
    font-size: 0.8rem;
}
.preview-rate .content-wrapper .content .link {
    font-weight: normal;
    color: #F99420;
    text-decoration: underline;
}
.preview-rate .content-wrapper .content .price {
    font-size: 1.3rem;
    color: rgb(89,187,4);
}
.preview-rate .content-wrapper .content .per-night-text,
.preview-rate .content-wrapper .taxes-and-fees {
    color: #828282;
    font-size: 0.8rem;
    font-weight: normal;
}
.preview-rate .content-wrapper .taxes-and-fees {
    margin-top: 8px;
    line-height: 1.2;
}
.member-offer-tag .label {
    background-color: rgb(89,187,4);
    color: #fff;
    font-size: 0.75rem;
    padding: 0.25rem 0.7rem;
    border-radius: 0.25rem;
}
.member-offer-tag.__rate-details {
    margin-bottom: 0.25rem;
}

.ui-blockui-content {
    top: 100px !important;
    background-color: transparent;
}

#rate-listing-blockui_blocker {
    z-index:9200 !important
}


.social-media-remember-me-panel {
text-align: center;
}
.social-media-remember-me-panel input[type="checkbox"] {
    margin: 0 0 0 0;
}


/* Taxes and fees information */
.contact-details .booking-taxes-panel.taxes-and-fees {
    color: #222;
}
.contact-details .booking-taxes-panel.taxes-and-fees .taxes-label {
    text-decoration: underline;
}
.contact-details .taxes-and-fees-panel {
    display: none;
}
.contact-details .taxes-and-fees-panel span {
    color: #828282;
    font-size: 0.75rem;
}
.contact-details .taxes-and-fees-panel.visible {
    display: block;
}
#signin-panel .footer-panel {
    display: flex;
    justify-content: center;
}