body,html{
    /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;*/    
    font-family: "Times New Roman", Times, serif;
    font-size :15px;
    /*padding-top: 50px;
    padding-bottom: 20px;*/
}
input,
select,
textarea,
button,
.form-control,
.form-select,
.dropdown-menu {
    font-family: inherit;
}
/*.text-content {
    font-size: 13px;
}*/
.btn.btn-remove-location,
.btn.btn-remove-room,
.btn.btn-remove-file {
    font-size: 12px;
}

.form-control, .form-select {
    border: 1px solid #ccc; /* Màu viền */
    border-radius: 0.25rem; /* Đường viền bo tròn */
    transition: border-color 0.2s; /* Hiệu ứng chuyển tiếp */
}

.form-control:focus, .form-select:focus {
    border-color: #0056b3; /* Màu viền khi có tiêu điểm */
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); /* Hiệu ứng bóng */
}

#employeeSuggestions {
    background-color: #f1f1f1; /* Màu nền xám */
    border: 1px solid #ccc; /* Viền nhẹ */
    max-height: 200px; /* Chiều cao tối đa */
    overflow-y: auto; /* Cuộn khi vượt quá chiều cao */
    position: absolute; /* Để hiển thị ở vị trí chính xác */
    z-index: 1000; /* Đảm bảo hiển thị trên các phần tử khác */
}

.dropdown-item {
    /*padding: 5px; /* Khoảng cách trong mỗi mục */*/
    cursor: pointer; /* Con trỏ khi rê chuột vào */
}

.dropdown-item:hover {
    background-color: #e0e0e0; /* Màu nền khi rê chuột vào */
}

table {
    width: 100%; /* Chiếm toàn bộ chiều rộng */
    border-collapse: collapse; /* Xóa khoảng cách giữa các ô */
}

/* Bảng lịch: border đồng nhất cho tất cả cột (tránh viền cột Thời gian/Nội dung bị mờ) */
.table-schedule,
.table-schedule th,
.table-schedule td {
    border: 1px solid #000 !important;
}
/* Viền trái cột Nội dung (ranh giới với cột Thời gian) rõ, đồng nhất 1px */
.table-schedule tbody td:last-child {
    border-left: 1px solid #000 !important;
}
.table-schedule thead th:last-child {
    border-left: 1px solid #000 !important;
}
/*.table thead th {
    background-color: #007bff;
    color: white;
}*/
/* Style riêng cho th trong thead */
thead th {
    background-color: #007bff; /* xanh */
    color: white;
    padding: 5px; /* to hơn */
    text-align: center; /* căn giữa */
    font-weight: bold;
}

/* Style cho các ô dữ liệu (tbody) */
tbody td {
    padding: 2px;
    text-align: left;
    border: 1px solid #ddd;
}
/* Nếu vẫn muốn th trong tbody (nếu có) khác td */
tbody th {
    background-color: #f8f9fa;
    font-weight: normal;
}


/*th, td {
    padding: 2px;
    text-align: left;
    border: 1px solid #ddd;
}*/

.no-border {
    border: none; /* Loại bỏ viền */
    outline: none; /* Loại bỏ outline khi focus */
    background-color: transparent; /* Đảm bảo nền trong suốt */
}

/* CSS cho tính năng autofill */
.dropdown-item input[type="text"] {
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
}

.dropdown-item input[type="text"]:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.location-item, .department-item, .host-item, .vehicle-item {
    transition: all 0.2s ease;
}

.location-item:hover, .department-item:hover, .host-item:hover, .vehicle-item:hover {
    background-color: #f8f9fa;
}

.host-radio, .vehicle-radio {
    transform: scale(1.2);
    margin-right: 8px;
}

.dropdown-divider {
    /*margin: 0.5rem 0;
    border-top: 1px solid #dee2e6;*/
    position: sticky;
    top: 40px; 
    background: #e0e0e0;
    z-index: 9;
}

/* CSS cho dropdown người chủ trì */
#hostDropdown {
    min-width: 350px !important;
    width: max-content !important;
    max-width: 500px;
}

#hostDropdown .dropdown-item {
    white-space: nowrap;
    padding: 0px 5px;
}

#hostDropdown .host-item {
    display: flex;
    align-items: center;
    min-height: 25px;
}

#hostDropdown .host-item label {
    flex: 1;
    margin: 0;
    padding-left: 10px;
    white-space: normal;
    word-wrap: break-word;
    line-height: 1.4;
}
.dropdown-item input[type="checkbox"] {
    margin-right: 8px; /* tăng giảm tùy ý */
    vertical-align: middle; /* căn giữa checkbox với text */
}
.divider {
    border-top: 1px solid rgba(0,0,0,0.2);
    width: 80%;        /* độ dài đoạn gạch ngang */
    margin: 8px auto;   /* căn giữa ngang, canh trái thay auto 0 */    
    opacity: 0.8;       /* làm mờ (tùy chỉnh) */

}

.schedule-time {
    display: flex;
    align-items: center; /* canh giữa theo chiều dọc */
    gap: 8px;            /* khoảng cách giữa giờ và hình */
    margin-bottom: 4px; 
    margin-top: 6px;
}

.schedule-time h4 {
    margin: 0;           /* bỏ margin mặc định của h4 */
    color: darkred;
    font-size: 18px;
    /*font-weight: bold;*/
}

.host-dropdown {
    max-height: 350px;
    overflow: hidden;
    padding: 0;
}

.sticky-search {
    position: sticky;
    top: 0;
    background: white;
    z-index: 5;
    padding: 0px 10px 0px 10p;

}

.host-scroll-wrapper {
    max-height: calc(350px - 56px); /* 300 = dropdown, 56 = search + divider */
    overflow-y: auto;
}
/*input,
select,
textarea,
button,
.form-control,
.dropdown-menu {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size :13px;  

}*/


/*.form-group, .mb-3, .row {
    margin-bottom: 4px !important;
}

label, .form-control {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    margin-bottom: 2px !important;
}*/

/* Set padding to keep content from hitting the edges 
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}
*/
/* Set width on the form input elements since they're 100% wide by default 
input,
select,
textarea {
    max-width: 280px;
}
    */