:root {
    --success-color: #27a974;
    --warning-color: #ffc107;
    --danger-color: #e43e0b;
    --info-color: #106bda;
    --rgb-success-color: 39, 169, 116;
    --rgb-warning-color: 255, 193, 7;
    --rgb-danger-color: 228, 62, 11;
    --rgb-info-color: 16, 107, 218;
}
.bg-ratting {background-color: #ff9800;}
.text-available {color: var(--bs-success);}
.text-gray {color: var(--gray-color);}
.text-warning {color: var(--warning-color);}
.text-color {color: var(--text-color);}
.br-dashed {border-style: dashed !important;}
.text-md {font-size: 14px;}
.text-primary .more-remark {color: var(--primary-color) !important;}
.square-40 {width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;}
.bc-gray {border-color: var(--bg-gray) !important;}
.bm-vertical-scroll {overflow-y: auto; overflow-x: hidden; box-sizing: border-box; word-break: break-word; white-space: normal;}
.fill-primary {fill: var(--primary-color) !important;}
.bm-mxh-100 {max-height: 100px;}
.bg-light-success {background-color: rgba(var(--rgb-success-color), .3) !important; color: var(--success-color) !important;}
.bg-light-warning {background-color: rgba(var(--rgb-warning-color), .3) !important; color: var(--warning-color) !important;}
.bg-light-danger {background-color: rgba(var(--rgb-danger-color), .3) !important; color: var(--danger-color) !important;}
.bg-light-info {background-color: rgba(var(--rgb-info-color), .3) !important; color: var(--info-color) !important;}
.bm-hotelview {color: var(--text-color) !important;}
.bm-hotelview .breadcrumb .breadcrumb-item {font-size: 15px; color: var(--gray-color);}
.bm-hotelview .breadcrumb .breadcrumb-item a {color: var(--primary-color);}
.bm-hotelview .breadcrumb .breadcrumb-item::before {font-size: 12px; margin-top: 3px;}
.bm-hotelview .bm-box .bm-head .bm-star {font-size: 30px; line-height: 22px;}
.bm-hotelview .bm-box .bm-head .label {
    padding: 5px 10px;
    font-weight: 500;
    border-radius: 4px;
    font-size: 75%;
}
.bm-hotelview .bm-box .bm-head h4 {color: var(--text-color); font-weight: 600;}
.bm-hotelview .bm-box .bm-head .bm-address {color: var(--gray-color); font-size: 14px;}
.bm-hotelview .bm-box .bm-head .bm-address a {color: var(--primary-color) !important;}
.bm-hotelview .bm-box .bm-main .bm-gallery {
    display: flex;
    gap: 15px;
    height: 400px;
}
.bm-hotelview .bm-box .bm-main .bm-gallery .left-image {
    flex: 2;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}
.bm-hotelview .bm-box .bm-main .bm-gallery .left-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.bm-hotelview .bm-box .bm-main .bm-gallery .right-column {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.bm-hotelview .bm-box .bm-main .bm-gallery .right-column .image-box {
    flex: 1;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}
 .bm-hotelview .bm-box .bm-main .bm-gallery .right-column .image-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.bm-hotelview .bm-location-map {
    background: url(images/bg-map.jpg) no-repeat center center;
    border: 1px solid var(--bg-gray);
    color: var(--text-color);
    text-align: center;
    display: block;
    padding: 10px;
    width: 100%;
}
.bm-hotelview .bm-location-map:hover {
    border: 1px solid rgba(var(--rgb-primary-color), .5);
    color: var(--primary-color);
}
.bm-hotelview #map_canvas {width: 100%; height: 350px;}
.bm-hotelview .bm-card-loading {border-radius: 10px; background: rgba(25, 135, 84, .1); overflow: hidden;}
.bm-hotelview .bm-card-loading .icon-loading { background: rgba(25, 135, 84, .1); width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; margin: 0 auto;}
.bm-hotelview .edit-search .btn-primary {
    --bs-btn-bg: var(--primary-color);
    --bs-btn-border-color: var(--primary-color);
    --bs-btn-hover-bg: var(--secondary-color, var(--primary-color));
    --bs-btn-hover-border-color: var(--secondary-color, var(--primary-color));
    --bs-btn-active-bg: var(--primary-color);
    --bs-btn-active-border-color: var(--primary-color);
    --bs-btn-disabled-bg: var(--primary-color);
    --bs-btn-disabled-border-color: var(--primary-color);
}
.bm-hotelview .edit-search-form .modal-footer .btn-primary {
    --bs-btn-bg: var(--primary-color);
    --bs-btn-border-color: var(--primary-color);
    --bs-btn-hover-bg: var(--secondary-color, var(--primary-color));
    --bs-btn-hover-border-color: var(--secondary-color, var(--primary-color));
    --bs-btn-active-bg: var(--primary-color);
    --bs-btn-active-border-color: var(--primary-color);
    --bs-btn-disabled-bg: var(--primary-color);
    --bs-btn-disabled-border-color: var(--primary-color);
}
.bm-hotelview .edit-search-form .input-disabled .form-control {
    background-color: var(--bg-gray);
    color: var(--gray-color);
    cursor: not-allowed;
    opacity: 0.7;
}
.bm-hotelview .bm-item-rooms .btn-primary {
    --bs-btn-bg: var(--primary-color);
    --bs-btn-border-color: var(--primary-color);
    --bs-btn-hover-bg: var(--secondary-color, var(--primary-color));
    --bs-btn-hover-border-color: var(--secondary-color, var(--primary-color));
    --bs-btn-active-bg: var(--primary-color);
    --bs-btn-active-border-color: var(--primary-color);
    --bs-btn-disabled-bg: var(--primary-color);
    --bs-btn-disabled-border-color: var(--primary-color);
}
.bm-hotel-share .btn-outline-secondary {
    --bs-btn-color: var(--text-color);
    --bs-btn-border-color: var(--text-color);
    --bs-btn-hover-bg: var(--text-color);
    --bs-btn-hover-border-color: var(--text-color);
    --bs-btn-active-bg: var(--text-color);
    --bs-btn-active-border-color: var(--text-color);
    --bs-btn-disabled-color: var(--text-color);
    --bs-btn-disabled-border-color: var(--text-color);
}