.room-tb-active .show-detail-room-360{color:#f50!important;}
.room-tb-active .show-detail-room-360 span{top:0;}
#scroll-booking, #show-popup-map{background:#FF8917;font-weight:bold;color:#fff;text-shadow:none!important;}
#show-popup-map{padding:13px!important}
table.room-tb-active td .btn-transform{background:#FF8917!important;color:#fff;text-shadow:none!important;font-weight:bold;}
#booking-now{background:#5cb85c!important;color:#fff;text-shadow:none;font-weight:bold;border:1px solid #3e923e;border-bottom:3px solid #3e923e;border-radius:3px!important;}
.number-room-available{color:red;margin-left:10px!important;display:inline-block;margin-bottom:0!important}
#booking-user-info select,
#booking-user-info input,
#booking-user-info textarea{border:1px solid #ddd!important}
#booking-user-info select:focus,
#booking-user-info input:focus,
#booking-user-info textarea:focus{border:1px solid #ddd!important;box-shadow:none;outline:0;}
/* .aui form{margin:0!important;} */
footer .hotel-room-f ul{list-style:none;margin-top:-5px;}
footer .hotel-room-f ul li{padding:4px 0px;}
footer .hotel-room-f ul li a{color:#c1c7cd!important;}
footer .hotel-room-f ul li a i{font-size:9px;position:relative;top:-2px;display:inline-block;width:10px;}
.map-hotel{position:relative;}
.map-booking{position:absolute;width:100%;padding: 5px;}
.map-booking a i{display:block;}
.map-hotel .map-price{min-height:80px;text-align:center;font-size:16px;background-color:rgba(43, 255, 14, 0.2);color:#ff0000;padding-top:10px;font-weight:bold;}
.map-hotel .map-price strong{font-size:40px;color:#001dff;font-family:sans-serif;display:inline-block;margin-top:15px;}
.map-hotel .map-show{position:absolute;z-index:1;width:100%;bottom:0;}
.map-hotel .map-show button{padding:10px 0px;font-size:14px;font-weight:bold;background-color:#428bca;color:#fff;text-transform:uppercase;}
.map-hotel .map-show button i{font-size:18px;position:relative;top:1px;}
.content-wrapper-room table tbody td.room-image img:hover,
.content-wrapper-room table tbody td.room-image a:hover img{opacity:1!important;border:0!important;}
.content-wrapper-room table tbody td.room-image a:hover{text-decoration:none!important;cursor:pointer;}
.content-wrapper-room table tbody td.room-image a{font-size:11px;}
.content-wrapper-room table tbody td.room-image a span{position:relative;top:2px;padding-left:6px}
#popup-modal-images{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(31, 31, 31, .8);}
#popup-modal-images .popup-images{position:absolute;top:0;left:0;height:100%;width:100%;}
#popup-modal-images .popup-images .popup-images-content{height:100%;margin-right:300px;position:relative;overflow:hidden;}
#popup-modal-images .popup-images .popup-images-content .thumbnail-panel{max-width:67%;max-height:26%;height:auto;overflow-y:auto;overflow-x:hidden;font-size:0;text-align:left;margin:5px auto 0;}
#popup-modal-images .popup-images .popup-images-content .container-image{cursor:pointer;position:relative;overflow:hidden;width:100%;height:70%;margin-top:150px;}
#popup-modal-images .popup-images .popup-images-content .container-image .slider-wrap{position:relative;height:100%;font-size:0;margin:0 auto;display:table;}
#popup-modal-images .popup-images .close{color:#000;font-size:30px;font-weight:bold;position:absolute;display:block;right:10px;opacity:1;top:10px;cursor:pointer;z-index:1111;}
#popup-modal-images .popup-images .popup-images-content .container-image .slider-wrap .mySlides{display:none;height:100%;}
#popup-modal-images .popup-images .popup-images-content .container-image .slider-wrap .image{position:relative;top:50%;height:auto;max-height:100%;width:auto;display:inline-block;}
.cursor{cursor:pointer;}
#popup-modal-images .popup-images .popup-images-content .container-image .slider-wrap .prev,
#popup-modal-images .popup-images .popup-images-content .container-image .slider-wrap .next{cursor:pointer;position:absolute;top:50%;width:auto;padding:16px;margin-top:-50px;color:white;font-weight:bold;font-size:20px;transition:0.6s ease;border-radius:0 3px 3px 0;user-select:none;-webkit-user-select:none;}
#popup-modal-images .popup-images .popup-images-content .container-image .slider-wrap .next{right:0;border-radius:3px 0 0 3px;}
#popup-modal-images .popup-images .popup-images-content .container-image .slider-wrap .prev{left:0;border-radius:3px 0 0 3px;}
#popup-modal-images .popup-images .popup-images-content .container-image .slider-wrap .prev:hover,
#popup-modal-images .popup-images .popup-images-content .container-image .slider-wrap .next:hover{background-color:rgba(0, 0, 0, 0.8);}
#popup-modal-images .popup-images .popup-images-content .container-image .slider-wrap .image .numbertext{color:#fff;font-size:16px;padding:8px 12px;position:absolute;bottom:0;right:0;}
#popup-modal-images .column-slider-thumbnail{position:relative;width:100px;height:75px;display:inline-block;margin:4px;cursor:pointer;transition:outline .1s ease-in-out;}
#popup-modal-images .column-slider-thumbnail img{height:66px;width:100px!important;margin-top:10px;margin-right:10px;}
#popup-modal-images .column-slider-thumbnail img.active{border:3px solid #fff;}
#popup-modal-images .custom-slider-img{opacity:0.6;}
#popup-modal-images .active,
#popup-modal-images .custom-slider-img:hover{opacity:1;}
#popup-modal-images .popup-images .popup-images-content .container-image .slider-wrap .mySlides img{max-width:100%;width:700px;height:470px;}
#popup-modal-images .popup-content{position:absolute;top:0;right:0;height:100%;width:300px;background-color:#fff;}
#popup-modal-images .popup-content #popup-content-container{overflow:auto;overflow-x:hidden;}
#popup-modal-images .popup-content .header-popup-content{padding:20px;box-shadow:0 3px 2px rgba(86, 86, 86, .15);}
#popup-modal-images .popup-content .header-popup-content .header-popup-room-name{padding-right:20px;font-size:16px;font-weight:700;color:#000;margin-bottom:0;}
.features-amenities-container{overflow:auto;overflow-x:hidden;}
.popup-content-section{border-bottom:1px solid;border-color:#EBEBEB;overflow:hidden;padding:20px;}
.room-section-name{font-size:14px;font-weight:700;color:#4e4e4e;margin-bottom:10px;}
ul.room-section-items-list{color:grey;position:relative;list-style:none;padding-left:0px!important;}
ul.room-section-items-list .room-info-item{width:100%;float:left;margin-bottom:10px;}
ul.room-section-items-list .room-info-item i{font-size:18px;position:relative;top:2px;left:-3px;}
ul.room-section-items-list .room-info-item .room-info-desc{font-size:13px;}
.attribute-hotel span{position:relative;top:-2px;font-size:13px}
.attribute-hotel .icon-small{width:18px;height:18px;margin-right:-2px}
.attribute-hotel [class*=ui]{margin-right:4px}
.attribute-hotel-list .attribute-icon{width:50px;display:inline-block;text-align:center;float:left;}
.group-distance-hotel{display:inline-block;width:calc(100% - 50px);line-height:22px;float:right;}
.group-distance-hotel span{font-size:13px;font-weight:100;display:block;}
.group-distance-hotel span i{display:inline-block;min-width:20px;font-size:16px;position:relative;top:2px;}
#hotel-policy-description-note .hotel-content-wrapper-description,
#hotel-policy-description-note .hotel-content-wrapper-abouthotel,
#hotel-policy-description-note .hotel-content-wrapper-policy,
#hotel-policy-description-note .hotel-content-wrapper-note{border-bottom:1px solid #eee;padding-bottom:10px;}
#hotel-policy-description-note .hotel-content-wrapper-abouthotel,
#hotel-policy-description-note .hotel-content-wrapper-policy,
#hotel-policy-description-note .hotel-content-wrapper-note{padding:20px 0px;}
#hotel-policy-description-note .hotel-content-wrapper-section-title{padding-bottom:10px;}
#hotel-policy-description-note .hotel-content-wrapper-section h4{font-size:16px!important}
#hotel-policy-description-note .hotel-content-wrapper-section-child{padding:5px 5px 10px 0px;margin-left:-3px;}
#hotel-policy-description-note .hotel-content-wrapper-section{display:inline-block;width:100%;}
#hotel-policy-description-note .hotel-content-wrapper-section i{padding-right:5px;}
#hotel-policy-description-note .hotel-content-wrapper-policy table.talbe-wrapper-policy tr td{border-top:0!important;background:#EFEFF1;color:#3d566e;border-right:1px solid #fff;border-bottom:1px solid #fff}
#hotel-policy-description-note .hotel-content-wrapper-policy .hotel-content-wrapper-policy-note{margin-top:10px}
#hotel-policy-description-note .hotel-content-wrapper-policy .hotel-content-wrapper-policy-note i{font-size:10px;position:relative;top:-1px}
#hotel-policy-description-note .hotel-content-wrapper-note{border-bottom:0!important;}
.hotel-reviews-comment .hotel-reviews{width:160px;height:160px;position:relative;margin:0 auto}
.hotel-reviews-comment .hotel-reviews-info{text-align:center;position:absolute;left:0;right:0;z-index:3;font-size:18px;color:#696969;padding-top:53px}
.hotel-reviews-comment .hotel-reviews-number{display:inline-block;font-size:32px}
.hotel-reviews-comment .hotel-reviews svg{left:0;top:0;width:160px;height:160px;z-index:2;position:absolute;margin:0 auto;display:inline;transform:rotate(-90deg)}
.hotel-reviews-comment .hotel-reviews svg.hotel-reviews-disable{z-index:1;position:absolute}
.hotel-reviews-comment .hotel-reviews svg.hotel-reviews-disable circle{stroke:#ededed;stroke-dashoffset:0}
.hotel-reviews-comment .hotel-reviews svg circle{stroke-dasharray:435px;stroke-linecap:round;stroke-width:8px;stroke:#FF8000;fill:none}
.hotel-reviews-comment .hotel-reviews-info-tab{border-top:1px solid #ededed;color:#696969;text-align:center;width:140px;margin:10px auto 0;}
.hotel-reviews-comment .hotel-reviews-info-tab .text-df{font-size:20px;margin-bottom:8px;}
.hotel-reviews-comment .hotel-reviews-info-tab .text-df i{font-size:30px;position:relative;top:3px;}
.review_strip_single{position:relative;padding:0px 0 20px 0;margin:0px 0 25px 0;border-bottom:1px solid #ddd;}
.review_strip_single img{border-radius:50%!important;top:-15px;position:absolute;left:0;border:4px solid #fff;width:8%;}
.review_strip_single .info-user-comment small{display:block;}
.review_strip_single .info-user-comment h4{font-size:16px;display:block;border-bottom:1px solid;padding-bottom:5px;}
.review_strip_single .info-user-comment{display:inline-block;margin-left:90px;}
.review_strip_single .info-user-review{border:1px solid #8FC63D!important;display:inline-block;float:right;height:30px;}
.review_strip_single .info-user-review .box-review{display:inline-block;}
.review_strip_single .info-user-review .box-review .rate{background-color:#8FC63D!important;height:29px;line-height:29px;}
.review_strip_single .info-user-review .box-review .rate-info{line-height:30px;font-size:12px;padding-right:8px;color:#3d566e!important;}
.review_strip_single .content{padding:20px 0px 0px 0px;}
.hotel-reviews-comment .hotel-reviews-container .hotel-reviews-info-tab .reviews-write-comment{display:block;padding:5px;margin-top:5px;color:#fff;font-weight:bold;background:#00adef;border:1px solid #0090c4;border-bottom:3px solid #0090c4;border-radius:3px!important;-webkit-border-radius:3px!important;-moz-border-radius:3px!important;}
#modal-write-comment form label{color:#3d566e;}
#modal-write-comment .label-point{margin-top:5px;}
#modal-write-comment.comment-popup{position:relative;background:#fff;padding:25px;width:auto;max-width:768px;margin:0 auto;}
.ficon-priority{color:#91bb15;}
@media (min-width:768px){#navbar-collapse .main-nav{float:right!important;}
}
@media (max-width:991px){.map-img{min-height:120px;}
.map-show,
.map-booking{padding:0px!important;margin-bottom:10px;}
.hotel-reviews-comment .hotel-reviews-container{padding-bottom:10px;}
.review_strip_single{margin-top:10px;}
}
@media (max-width:979px){#booking-user-info select,
#booking-user-info input,
#booking-user-info textarea,
#check_in_booking,
#check_out_booking{font-size:13px!important;color:#000!important;}
/* .aui.ios input, .aui.ios input.input-large, .aui.ios textarea, .aui.ios .uneditable-input{max-width:100%!important;} */
}
/* @media (max-width:979px) and (min-width:768px){.aui .row{margin-left:0!important;} */
}
/* 26 */
.stars {
    font-size: 15px;
    color: #FF8917;
}

.white-popup {
    position: relative;
    background: #fff;
    width: auto;
    max-width: 400px;
    margin: 0 auto;
}

h1 {
    font-size: 25px !important;
}
#modal-view-360 {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgba(31, 31, 31, .8);
}

.close-360 {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #fff;
    cursor: pointer;
}
/* 27 */
.form-control {
    border: 1px solid #ededed;
    min-height: 34px;
    box-shadow: none;
    color: #3d566e;
    display: block !important;
    width: 100% !important;
}

.head-title {
    font-size: 38.5px !important;
    color: #ff0045 !important;
}

.name-col {
    color: #3d566e !important;
    font-weight: bold !important;
}

.custom-box_style_1 {
    display: inline-block;
    margin-top: 10px;
    font-size: 15px;
    padding-top: 20px;
}

body {
    color: #000;
}

#bodychild {
    border-top: 6px solid #c1bcb4;
}

#booking-now {
    background: #5cb85c !important;
    color: #fff;
    text-shadow: none;
    font-weight: bold;
    border: 1px solid #3e923e;
    border-bottom: 3px solid #3e923e;
    border-radius: 3px !important;
}

.number-room-available {
    color: red;
    margin-left: 10px !important;
    display: inline-block;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    font-size: 14px;
}

.help-info {
    font-size: 13px;
}

.btn-booking {
    background: #50a2f5 !important;
    font-weight: bold;
    font-size: 14px !important;
}

/* 28 */
#bodychild {
    border-top: 6px solid #c1bcb4;
}

#success-booking .success-title {
    color: #6FBD44 !important;
    font-size: 38px !important;
}

#success-booking .success-wrapper {
    border: 1px solid #d2c67a;
    padding: 10px 15px 15px;
    border-radius: 3px !important;
    background: #FFFCEB;
    display: inline-block;
}

    #success-booking .success-wrapper p {
        color: #000;
    }

        #success-booking .success-wrapper p b span.home-page {
            color: #2CBCF3 !important;
        }

        #success-booking .success-wrapper p.note {
            font-style: italic !important;
        }

    #success-booking .success-wrapper .group-derect a {
        padding: 7px 30px;
        border-radius: 4px !important;
        background: #E60F1E;
        color: #fff;
        text-align: center;
        font-weight: bold;
        margin-right: 10px;
        margin-top: 10px;
    }

.group-derect {
    text-align: center;
}

#qrcode-container {
    display: inline-block;
    margin-top: 10px;
    width: 100%;
    text-align: center;
}

#qrcode-container img {
    display: inline-block !important;
}

#btn-create-code {
    cursor: pointer;
}

.container {
    padding-bottom: 21px;
}