.btn-booking{}
.btn-booking a{display: block;padding: 10px 15px;background: #d2b48c;color: #fff;font-size: 15px;border-radius: 4px;text-align: center;margin-top: 30px;}
.btn-booking a:hover{background: #731616;}

.select-calendar-booking{border: 1px solid #ccc;padding: 13px 15px 5px;border-radius: 5px;margin-top: 25px;}
.select-calendar-booking .input-oneday{}
.select-calendar-booking label{cursor: pointer;display: block;}
.select-calendar-booking label input{position:relative;top:2px;}

.value-calendar-booking{border: 1px solid #ccc;padding: 13px 15px 5px;border-radius: 5px;margin-top: 25px;display: none;}
.cover-time{display: block;margin-bottom: 20px;position: relative;}
.cover-time i{
    font-size: 16px;
    position: absolute;
    right: 7px;
    top: 39px;
    bottom: 0;
    margin: auto;
    color: var(--color-main);
}
.cover-time label{display: block;font-weight: 600;}
.cover-time input{width: 100%;border: 1px solid #e8e8e8;padding: 5px;border-radius: 5px;color: #d2b48c;height: 38px;}
.cover-time input::-webkit-calendar-picker-indicator {height:50px;background: transparent;bottom: 0;color: transparent;cursor: pointer;height: auto;left: 0;position: absolute;right: 0;top: 0;width: auto;}

#popup-booking .modal-title{text-transform:uppercase;}
#popup-booking .modal-body .wrap-booking{padding:0px;box-shadow:none;border:0px;}
#popup-booking .modal-body .top-booking{width:100%;border:0px;padding:0px;margin:0px;}
#popup-booking .modal-footer{padding:0.75rem 0 0 0;border-top:0px;}
.buymore-booking{color:var(--color-red);cursor:pointer;margin:0px;}
.buymore-booking i{margin-right:2px;margin-top:5px;vertical-align:top;font-size:12px;}
.wrap-booking{padding: 25px 25px;background:#ffffff;/* border:1px solid #d8d8d8; */box-shadow:0 0 20px rgba(0,0,0,.15);border-radius: 10px;}

.top-booking{width: calc(100% / 3);border-right: 1px dashed #d2b48c;padding-right:15px;margin-right:15px;}
.mid-booking{width: calc(100% / 3);border-right: 1px dashed #d2b48c;padding-right:15px;margin-right:15px;}
.probooking{padding: 15px 0px;/* border:1px solid #eee; */border-bottom: 1px dashed #ccc;border-top:0px;position: relative;}
.pic-probooking{width: 100%;text-align:center;border-radius: 10px;overflow: hidden;}
.pic-probooking img{/* max-width:100%; *//* max-height:100px; */}
.pic-probooking .del-probooking{color:#999;font-size:12px;display:block;margin-top:5px;cursor:pointer;position: absolute;right: 0px;top: 0px;background: var(--color-main);padding: 2px 5px;color: #fff;border-radius: 3px;}
.pic-probooking .del-probooking:hover{color:red;}
.pic-probooking-rp{display:none;margin:10px auto auto auto;width:100%;max-width:85px;}
.info-probooking{
    margin-top: 15px;
    /* padding: 0px 15px; */
}
.name-probooking a{font-size: 17px;color:#000;display:block;font-weight: 600;/* color: var(--color-main); */margin-bottom: 5px;font-weight: bold;}
.name-probooking a:hover{color:var(--color-red);}
.properties-probooking{display:block;}
.properties-probooking p{/* display:inline-block; */margin-bottom:0px;color: var(--color-gray);font-size: 13px;margin: 3px 0px;}
.properties-probooking p:first-child{/* margin-right:10px; */}
.properties-probooking p strong{font-weight:600;}
.quantity-probooking{width:20%;margin-right:3%;}
.quantity-probooking p{margin-bottom:0px;}
.quantity-counter-probooking{border:1px solid #dfdfdf;width:100%;height:30px;line-height:normal;text-align:center;border-radius:3px;}
.counter-probooking{background-color:transparent;border:0px;width:30%;color:#333;outline:none;cursor:pointer;font-size:23px;}
.counter-probooking:hover,.counter-probooking:focus{color:var(--color-red);}
.counter-probooking:disabled,.counter-probooking:disabled:hover{color:#ccc;cursor:not-allowed;}
.counter-probooking-minus{line-height:26px;}
.counter-probooking-plus{line-height:24px;}
.quantity-counter-probooking .quantity-procat{width:40%;box-sizing:border-box;border:0px;border-right:1px solid #dfdfdf;border-left:1px solid #dfdfdf;outline:none;box-shadow:none;padding:0px;color:#333;text-align:center;}
.price-probooking{
    /* padding-left: 15px; */
}
.price-probooking-rp{display:none;width:100%;margin-bottom:10px;font-size:13.5px;}
.price-new-booking{color: var(--red);font-weight: bold;font-size: 17px;text-align: left;margin-top: 5px;}
.price-old-booking{color:#999;text-decoration:line-through;}
.probooking-label{border:0px;background:#eee;padding:10px;margin:0px;text-transform:capitalize;}
.probooking-label .quantity-probooking p:last-child{display:none;}
.money-probooking{margin-top:15px;}
.total-probooking{margin-bottom:-1px;font-weight: bold;}
.total-probooking p{margin-bottom:0px;font-size: 21px;}
.total-probooking p:last-child{color:var(--color-red);font-size: 27px;/* font-weight: 600; */}
.bottom-booking{width: calc(100% / 3);}
.section-booking{position:-webkit-sticky;position:sticky;top:15px;}
.title-booking{font-size:15px;text-transform:uppercase;color: var(--color-black);border-bottom:1px solid #eee;padding-bottom:5px;margin-bottom:15px;font-weight: bold;}
.title-booking span{font-size: 19px;margin-right: 3px;color: var(--color-main);}
.information-booking{margin-bottom:1.5rem;}
.input-booking{margin-bottom:0.5rem;position:relative;}
.input-booking label{font-weight:bold;}
.input-booking input,.input-booking textarea{font-size:14px;padding:0.5rem 0.75rem;outline:none;height:auto;border-radius: 0px;}
.input-booking textarea{resize:none;height:100px;}
.input-booking select{cursor:pointer;font-size:14px;padding:0.5rem 1.75rem 0.5rem 0.75rem;height:auto;}
.input-double-booking{margin-bottom:0.5rem;}
.input-double-booking .input-booking{width:49%;float:left;margin-right:2%;margin-bottom:0px;}
.input-double-booking .input-booking:last-child{margin-right:0px;}
.input-triple-booking{margin-bottom:0.5rem;}
.input-triple-booking .input-booking{width:32.65%;float:left;margin-right:1%;margin-bottom:0px;}
.input-triple-booking .input-booking:last-child{margin-right:0px;}
.payments-booking{text-align:left;margin-bottom:5px;min-height:auto;}
.payments-booking:last-child{margin-bottom:0px;}
.payments-booking input{top:calc(50% - 1.25rem/2);}
.payments-label{cursor:pointer;background:#eee;display:block;padding:10px 15px;border-radius:3px;margin-bottom:0px;color:#313131!important;}
.payments-label::before,.payments-label::after{top:calc(50% - 1rem/2);}
.payments-label.active{background: rgb(176,135,77,0.9);color:#ffffff!important;}
.payments-info{opacity:0;visibility:hidden;height:0px;overflow:hidden;background:#f5efef;border-radius:5px;}
.payments-info p{margin-bottom:1em;}
.payments-info.active{padding:10px 15px;margin-top:5px;opacity:1;visibility:visible;height:auto;}
.btn-booking{border-radius: 4px;outline:none!important;box-shadow:none!important;border-color:transparent!important;font-size:14px;text-transform:uppercase;background:#fd6e1d;background:-webkit-gradient(linear,0% 0%,0% 100%,from(#fd6e1d),to(#f59000));background:-webkit-linear-gradient(top,#f59000,#fd6e1d);background:-moz-linear-gradient(top,#f59000,#fd6e1d);background:-ms-linear-gradient(top,#f59000,#fd6e1d);background:-o-linear-gradient(top,#f59000,#fd6e1d);}
.empty-booking{padding:25px 30px;display:block;text-align:center;color:#23527c!important;width:100%;}
.empty-booking i{color:red;font-size:70px;}
.empty-booking p{margin:15px 0px;color:#333;font-size:18px;}
.empty-booking span{display:inline-block;border:1px solid #2e9ef2;border-radius:3px;padding:10px;font-size:16px;text-transform:uppercase;width:100%;max-width:325px;}
input[type='submit'].btn-booking{background: var(--color-main) !important;color: #ff;margin-top: 15px;padding: 18px 0px;font-size: 18px;font-weight: 600;}
.count_step_booking {
    display: inline-block;
    width: 100%;
    margin-bottom: 25px;
    text-align: center;
    padding: 10px;
    background: #fff;
    border-radius: 5px;
    padding: 25px 25px 20px;
    background: #ffffff;
    /* border: 1px solid #d8d8d8; */
    box-shadow: 0 0 20px rgb(0 0 0 / 15%);
    border-radius: 10px;
}
.count_step_booking .text_num_step {
    text-align: center;
    position: relative;
    height: 30px;
    margin-bottom: 10px;
}
.count_step_booking .text_num_step:before {
    content: '1';
    position: absolute;
    top: 0;
    left: 50%;
    width: 30px;
    transform: translate(-50%);
    height: 30px;
    background-color: #000;
    z-index: 1;
    border-radius: 50%;
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    color: #fff;
}
.count_step_booking .text_num_step:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translatey(0);
    height: 1px;
    background-color: #000;
    z-index: 0;
}
.count_step_booking .text_num_step.step-2:before {
    content: '2';
}
.count_step_booking .text_num_step.step-prepare:before {
    background-color: #636363;
}
.count_step_booking .text_num_step.step-3:before {
    content: '3';
}
.count_step_booking .text_num_step.step-3:after{display:none;}
.booking-btn{bottom: 200px !important;}
.booking-btn .quick-alo-ph-btn-icon i{background:var(--color-main)}

.modal-content-booking{border-radius: 10px;}
.modal-body-booking{text-align: center;padding: 40px 0;}
.modal-body-booking img{width: 127px;height: 127px;border-radius: 50%;}
.modal-body-booking h6{color: #000;font-size: 20px;font-weight: 600;margin-top: 10px;margin-bottom: 10px;}
.modal-body-booking .modal-des{color: #666666;font-size: 16px;}
@media(max-width:993px){
    .wrap-booking{flex-wrap:wrap;}
    .top-booking,.bottom-booking,.mid-booking{width:100%;border-right:0px;padding-right:0px;margin-right:0px;}
    .top-booking{margin-bottom:30px;}
}
@media(max-width:769px){
    .booking-btn .quick-alo-ph-btn-icon i{background: transparent;}
    .booking-btn{bottom: 80px !important;}
    .cover-filter-index .box-filter-index .box-filter-index--mid .box-filter-index--mid-right .box-per_filter{/* height: auto !important; *//* overflow: unset !important; */}
    .price-probooking,.probooking-label .quantity-probooking p:first-child{display:none;}
    .price-probooking-rp,.probooking-label .quantity-probooking p:last-child{display:block;}
    .quantity-probooking{width:25%;text-align:right;margin-right:0px;}
    .info-probooking{/* width:65%; */}
}
@media(max-width:441px){
    .probooking-label{font-size:12px;}
    .pic-probooking{/* display:none; */}
    .pic-probooking-rp{/* display:block; */}
    .info-probooking{/* width:65%; *//* margin-right:5%; */}
    .quantity-probooking{width:35%;}
    .input-double-booking,.input-triple-booking{margin-bottom:0px;}
    .input-double-booking .input-booking,.input-triple-booking .input-booking{width:100%;float:none;margin:0 0 0.5rem 0!important;}
}