@import url('https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.3/font/bootstrap-icons.css");
body { /*padding-top: 55px;*/ font-family: Sarabun,sans-serif; font-weight: 400; }
.none { display: none; }
.pointer {cursor: pointer;}
.text-red { color: #ca1d26; }
.form-label, .col-form-label {font-size: 0.85rem; }
.modal-center-screen {text-align: center;padding: 0!important;}
.modal-center-screen:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -4px;}
.modal-dialog-center-screen {display: inline-block;text-align: left;vertical-align: middle;width: 100%;}
.modal-lg-20 {max-width: 20%;}
.modal-lg-30 {max-width: 30%;}
.modal-lg-50 {max-width: 50%;}
.modal-lg-60 {max-width: 60%;}
.modal-lg-70 {max-width: 70%;}
.modal-lg-80 {max-width: 80%;}
.modal-lg-90 {max-width: 90%;}
.modal-lg-95 {max-width: 95%;}
.modal-lg-100 {max-width: 100%;}

.table-pager { background:transparent !important; }
.card-bg-heading { color: #333;background-color: #a1acb86b;border-color: #a1acb86b; }
/*.modal-header-color {background: #faaf19 !important;}*/
.modal-header {padding: 1rem 1rem;}
.modal .modal-header .btn-close {padding: 0.5rem 0.5rem;margin: -0.5rem -0.5rem -0.5rem auto;}
.modal .btn-close {background-color: transparent;box-sizing: content-box;width: 1em;height: 1em;padding: 0.25em 0.25em;color: #000;background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;border: 0;border-radius: 0.25rem;opacity: .5;}
.modal-header .btn-close {padding: 0.5rem 0.5rem;margin: -0.5rem -0.5rem -0.5rem auto;}
.modal-footer { border-top: 1px solid #dee2e6; padding: 0.75rem; }

.room-container {width: 150px;height: 150px; font-weight: 600; color: #000; }
.room-box {width: 100%;height: 100%; }
.room-box.room-secondary { background-color: #868e96 !important; }
.room-box.room-secondary:hover { background-color: #6a747e !important; }
.room-box.room-success { background-color: #198754 !important; }
.room-box.room-success:hover { background-color: #10613b !important; }
.room-box.room-red { background-color: #f65b63 !important; }
.room-box.room-red:hover { background-color: #ca1d26 !important; }

.inner-w { max-width: 600px !important; }
.branch-head { font-size: 25px; padding: 1rem 1rem; border-bottom: 1px solid #d9dee3 !important; }

.image-mx100 img{ max-width: 100px; }
.image-mx150 img{ max-width: 150px; }
.image-mx200 img{ max-width: 200px; }
.image-mx250 img{ max-width: 250px; }
.image-mx300 img{ max-width: 300px; }

.iconz-14 { font-size: 14px; }
.iconz-16 { font-size: 16px; }
.iconz-18 { font-size: 18px; }
.iconz-20 { font-size: 20px; }
.iconz-25 { font-size: 25px; }
.iconz-30 { font-size: 30px; }
.iconz-35 { font-size: 35px; }
.iconz-40 { font-size: 40px; }
.fs-10 { font-size: 10px; }
.fs-11 { font-size: 11px; }
.fs-12 { font-size: 12px; }
.fs-13 { font-size: 13px; }
.fs-14 { font-size: 14px; }
.fs-16 { font-size: 16px; }
.fs-18 { font-size: 18px; }
.fs-20 { font-size: 20px; }
.fs-25 { font-size: 25px; }
.fs-30 { font-size: 30px; }
.fs-35 { font-size: 35px; }
.fs-40 { font-size: 40px; }
.fs-45 { font-size: 45px; }
.fs-50 { font-size: 50px; }

.icon-white { color: #fff; }
.input-group-150 { width: 150px; }
.form-control-w { width: 160px; margin: auto; }
.div-w130 { width: 130px; margin: 0 0 0 auto; overflow: hidden; }
.company_logo img{ max-width: 200px; }
.form-control-dayinline { width:130px; padding: 0.4375rem 0.875rem;font-size: 0.9375rem;font-weight: 400;line-height: 1.53;color: #697a8d;background-color: #fff;background-clip: padding-box;border: 1px solid #f0eded;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0.375rem;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
.form-control-dayinline:focus { outline: none; }

.input-group-qty { width: 200px; }
.input-group-qty .form-control-qty { font-size: 16px; text-align: center; border:none; }
.input-group-bt {display: flex;align-items: center;padding: 0rem 0.875rem;font-size: 0.9375rem;font-weight: 400;line-height: 1.53;color: #a6afb9;text-align: center;white-space: nowrap;background-color: #fff;}
.input-group-bt .bt { border-radius: 50%; box-shadow:none; border:none; padding: 0 13px 5px 13px; background-color: #b3bbc5; color:#696cff;  font-size: 20px; }
.custom-option { min-height: 120px; }
.input-price { width: 150px; }
.input-qty { width: 100px; }
.fancybox__container { z-index: 9999 !important; }
.gallery-image img { width: 100%; height: 150px; object-fit: cover; }


.card-pick {overflow: hidden; }
.equipment-item {
    transition: all 0.2s ease;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    margin-bottom: 10px;
    padding: 15px;
}
.equipment-item:hover {
    background-color: #f8f9fa;
    border-color: #007bff;
}
.quantity-input {
    width: 80px;
}
.delete-btn {
    color: #dc3545;
    cursor: pointer;
    font-size: 1.2em;
}
.delete-btn:hover {
    color: #a71e2a;
}
.alert-custom {
    border-radius: 10px;
    border: none;
}

@media (min-width: 992px) {
    /*.table-responsive-ph {
        overflow: inherit;
    }*/
}

@media (max-width: 768px){
    .modal-lg-20 , .modal-lg-30 , .modal-lg-50 , .modal-lg-60 , .modal-lg-70 , .modal-lg-80 ,.modal-lg-90  {max-width: 100%;}
}

@media (max-width: 414px){
    .col-6-mo {
        flex: 0 0 auto;
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: auto;
        width: 100%;
    }
}