.logotop{
	text-align: center;
}
.logotop img{
	width: 40%;
    float: left;
}

.container {
    max-width: 96% !important;
    margin: auto;
}

 /* Tùy chỉnh màu nút trong thanh công cụ lịch */
    .fc .fc-button-primary {
        background-color: #f26f21; /* Màu cam */
        border-color: #f26f21;
        color: white;
    }
    
    .fc .fc-button-primary:hover {
        background-color: #FF7F00; /* Màu cam đậm hơn khi hover */
        border-color: #FF7F00;
    }
    
    .fc .fc-button-primary:not(:disabled):active,
    .fc .fc-button-primary:not(:disabled).fc-button-active {
        background-color: #0db04b; /* Màu cam khi nút được active */
        border-color:#0db04b;
    }
    
    /* Tùy chỉnh màu nền khi hover vào ngày trong tháng */
    .fc .fc-daygrid-day:hover {
        background-color: rgba(255, 140, 0, 0.1); /* Màu cam nhạt */
    }
    
    /* Tùy chỉnh màu của ngày hiện tại */
    .fc .fc-daygrid-day.fc-day-today {
        background-color: rgba(255, 140, 0, 0.2); /* Màu cam nhạt hơn */
    }
    
    /* Tùy chỉnh màu của nút today */
    .fc .fc-button-primary.fc-button-active {
        background-color: #f26f21;
        border-color: #f26f21;
    }


  /* Điều chỉnh chiều cao của các ô thời gian */
    .fc .fc-timegrid-slot {
        height: 1.5em !important; /* Giảm chiều cao mặc định */
    }
    
    /* Điều chỉnh font chữ trong ô */
    .fc .fc-timegrid-slot-label {
        font-size: 0.85em; /* Giảm kích thước font */
    }
    
    /* Điều chỉnh kích thước chữ trong sự kiện */
    .fc-event-title, .fc-event-time {
        font-size: 0.85em !important;
    }
    
    /* Giảm padding cho các sự kiện */
    .fc-event {
        padding: 1px 2px !important;
    }
    
    /* Giảm khoảng cách giữa các phần tử */
    .fc-view {
        font-size: 0.9em;
    }
    
    /* Giảm kích thước header */
    .fc-col-header-cell {
        padding: 2px !important;
    }
    
    /* Giảm kích thước các ô trong chế độ xem tháng */
    .fc .fc-daygrid-day-frame {
        padding: 2px !important;
    }
    
    /* Giảm chiều cao tổng thể của lịch */
    #calendar {
        max-height: 600px; /* Tùy chỉnh giá trị này theo nhu cầu */
    }




   /* Định dạng cho sự kiện đang diễn ra */
    .fc-event.current-event {
        background-color: #ff4d4d !important; /* Màu đỏ nổi bật */
        border-color: #ff0000 !important;
        box-shadow: 0 0 15px rgba(255, 0, 0, 0.7) !important;
        font-weight: bold !important;
      
    }
    
    /* Thêm hiệu ứng nhấp nháy nhẹ nếu muốn */
    @keyframes currentEventPulse {
        0% { opacity: 0.8; }
        50% { opacity: 1; }
        100% { opacity: 0.8; }
    }
    
    .fc-event.current-event {
        animation: currentEventPulse 2s infinite;
    }

 .lab-categories-container {
        margin: 20px 0;
    }
    
    .lab-categories-list {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
        gap: 20px;
    }
    
    .lab-category-item {
        border: 1px solid #ddd;
        padding: 15px;
        border-radius: 5px;
        background-color: #f9f9f9;
        transition: transform 0.2s;
    }
    
    .lab-category-item:hover {
        transform: translateY(-5px);
        box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    }
    
    .lab-category-item h3 {
        margin-top: 0;
        margin-bottom: 10px;
    }
    
    .lab-category-item a {
        color: #FF8C00; /* Màu cam như bạn đã yêu cầu trước đó */
        text-decoration: none;
    }
    
    .category-description {
        font-size: 0.9em;
        color: #666;
    }
    .booking-count{
        font-weight: bold;
        color: red;
    }
    
@media only screen and (max-width: 1100px) {

.logotop img{
	width: 70%;
}

}