/**
 * @Project NUKEVIET 4.x
 * @Author Thinhweb Blog <thinhwebhp@gmail.com>
 * @Copyright (C) 2019 Thinhweb Blog. All rights reserved
 * @License GNU/GPL version 2 or any later version
 * @Createdate Thursday, 17 October 2019 04:50:21 GMT
 */

.cart-delete{
    color: #f00;
}
.money {
	color:#f76015;
    font-size: 20px;
    font-weight: 700;
}
.notemess{
    color: #29a700;
    font-size: 13px;
}
.price span .money{
    font-size: 18px;
}
.discounts_money {
	color: #000000;
	font-weight: normal;
	text-decoration: line-through;
}
.viewgrid .panel-body{
    padding: 10px;
}
.viewgrid .caption,
.hotel_list_show .caption{
    border-right: 1px solid #ccc;
    padding-right: 15px;
}
.viewgrid .caption h3,
.hotel_list_show .caption h3{
    margin-bottom: 5px;
}
.viewgrid p,
.hotel_list_show p{
    margin-bottom: 9px;
}
.vertical{
    display: inline-table;
}
.vertical .vcenter{
    display: table-cell;
    vertical-align: middle
}

#imageGallery img{
    margin: 0px;
}
#hotel_detail h1{
    margin-bottom: 10px;
}
.rating{
    color: #F6AB3F;
    margin-bottom: 5px;
}
.rating span{
    color: #333;
}
select[name=pnum]{
    width: 100%;
    font-size: 15px;
    padding: 0;
    height: 25px;
    margin-bottom: 10px;
}

.hotel_detail_well .input-group .select2 .select2-selection{
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.hotel_detail_title{
    margin-top: 15px;
    margin-bottom: 10px;
}
.hotel_detail_title h2{
    text-transform: uppercase;
}
.label-hotel{
    text-align: center;
    display: block;
    padding: 5px 0px 0px;
}
.select_rooms .select2-container{
    width: 100px !important;
}
.select_rooms .form-group.margin-bottom{
    margin-bottom: 5px;
}

.payment {
    color: #ff0000;
    font-weight: bold;
    display: block;
    margin-top: 10px;
    border: 1px solid #ff0000;
    padding: 3px;
    text-transform: uppercase;
}

/* PRINT */
#print {
    padding: 10px;
}

#print table.rows2 {
    width: 100%;
    border: none;
    margin-bottom: 10px;
}

#print table.rows {
    width: 100%;
    border: 1px solid #F5F5F5;
}

#print table.rows td {
    padding: 5px;
    border: 1px solid #F5F5F5;
}

#print table.rows td img {
    width: 60px;
    padding: 2px;
    border: 1px solid #ebebeb;
    vertical-align: middle;
}

#print table.rows tr.bg {
    background: #f3f3f3;
}

#print table.rows tr.bgtop {
    background: #CCCCCC;
    line-height: 22px;
}

#total {
    color: #ff0000;
    font-weight: bold;
    font-size: 15px;
}

.information{
    margin-bottom: 15px;
}

.mss-thumbnails .mss-selectors-container{
    position: absolute !important;
}
.result_search img.ui-datepicker-trigger{
    position: absolute;
    top: 9px;
    right: 15px;
}
.price-underline{
    text-decoration: line-through;
    color: #000;
    font-size: 13px;
}
.cancelpolicie{
    margin-right: 10px;
    color: #007d05;
    font-size: 13px;
}
.cancelpolicie li{
    margin-bottom: 6px;
}
.cancelpolicie .fas{
    font-size: 12px;
    margin-right:8px;
}

.pament_info .header {
    font-size: 20px;
    border: 1px solid #ccc;
    border-radius: 10px;
    line-height: 23px;
    text-align: justify;
    color: #002d5a;
    margin-top: 20px;
    padding: 0 10px;
    background: #ddf5ff;
    min-height: 56px;
    line-height: 56px;
}
.notepayment{
    padding: 20px 0;
}
.bank_account {
    width: 100%;
    clear: both;
    align-items: center;
    margin-top: 20px;
}
.bank_account .bank_account_item {
    justify-content: space-between;
    border: 2px solid #0066b2;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.infohotel, .infobooking{
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.infobooking{
    padding: 20px;
}
.detailRoomInput{
    margin-bottom: 20px;
}
.detailRoomInput .headerRoom{
    margin-bottom: 6px;
}
.detailRoomInput .box_form_info_ks{
    padding: 10px;
    border: 1px solid #e5e5e5;
}
.infohotel .contenth{
    padding: 10px;
}
.infohotel .checkdayinfo{
    display: flex;
}
.infohotel .checkdayinfo img{
    width: 45%;
    margin-right: 10px;
}
.infohotel .checkdayinfo div{
    width: 50%;
    margin-right: 10px;
}
.infohotel div span{
    font-weight: 700;
}
.infohotel ul{
    padding: 10px 0;
}
.infohotel ul li{
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 6px;
}
.title-price{
    color: var(--color-main);
    font-size: 19px;
    font-weight: 700;
}
.time_process {
    font-size: 20px;
    background: var(--color-main);
    padding: 4px;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    font-weight: 700;
    color: #fff;
    padding: 4px 10px 10px 4px;
}
.boxtimer, .boxtimer .timer{
    display: flex;
}
.boxtimer .timer{
    margin-right: 10px;
}
.boxtimer span{
    font-size: 13px;
    font-weight: 300;
    margin-top: 7px;
}
.separator {
    margin: 0 5px;
}
.progress-container {
    width: 100%;
    background: #e0e0e0;
    border-radius: 10px;
    height: 10px;
    overflow: hidden;
}
.progress-bar {
    height: 100%;
    background: #26dfff;
    width: 100%; /* Start at 100% */
    transition: width 1s linear;
}
.loadingdata {
    width: 30px;
    height: 30px;
    border: 6px solid #f3f3f3; /* Màu nền */
    border-top: 6px solid #3498db; /* Màu spinner */
    border-radius: 50%;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.box_info_booking_ks{display:flex;flex-wrap:wrap}
.box_info_booking_ks .item{width:45%; margin-bottom: 5px;}
.box_info_booking_ks .item:nth-child(2n){width:55%}
.box_info_booking_ks .item:first-child,.box_info_booking_ks .item:nth-child(2),
.box_info_booking_ks .item:nth-child(3){width:calc(15% + 5px);border-right: 2px solid #ccc;margin-right: 10px;}
.box_info_booking_ks .item:nth-child(4){width:calc(25% + 5px);border-right: 2px solid #ccc;margin-right: 10px;}
.box_info_booking_ks .item:nth-child(5){width:calc(15% + 5px);border-right: 2px solid #ccc;margin-right: 10px;}
.box_info_booking_ks .item:last-child{width:100%;border-right:none}
.code-booking{
    margin-top: 10px;
}
.box_btn_submit_info_ks .btn_cancellation{background:var(--color-red); margin-right: 10px}

@media (max-width: 619px) {
    .box_info_booking_ks .item{width:47% !important;border-right:none !important;}
}

.cssstatus0{
    color: #ffcd00;
}
.cssstatus1{
    color: #15b600;
}
.cssstatus2{
    color: #f00;
}
.cssstatus3{
    color: #00e5ff;
}
button[name=btn_submit]:disabled {
    background-color: #cccccc;
    color: #666666;
    cursor: not-allowed;
    opacity: 0.7;
}