.calendar_title{
    background: #88c685;
    height: 35px;
    line-height: 25px;
    color: #fff;
    font-size: 24pt;
    padding: 0;
    position: relative;
}
.calendar_title h1 {
    margin-top: 0; /* Loại bỏ margin trên cùng mặc định */
    margin-bottom: 0; /* Loại bỏ margin dưới cùng mặc định */
    padding: 0; /* Loại bỏ padding mặc định */
    line-height: 35px; /* Thiết lập line-height bằng với chiều cao của .calendar_title để căn giữa dọc */
    /* Bạn có thể cần điều chỉnh giá trị này dựa trên chiều cao thực tế của .calendar_title */
    font-size: 24pt; /* Điều chỉnh kích thước font nếu cần */
    font-weight: normal; /* Tránh in đậm mặc định của h1 nếu bạn không muốn */
    font-weight: bold;
    
}
.calendar_center{
    background: #bcdfbb;
    height: 35px;
    line-height: 25px;
    color: #000;
    font-size: 18pt;
    padding: 0;
    position: relative;
    font-weight: bold;
}
.calendar_day{
    font-size: 52pt;
    color: #73ac3a;
    font-weight: bold;
}
.calendar_month{
    font-size: 24pt;
    color: #000;
    font-weight: bold;
}
.calendar_nav {
    margin-top: 10px;
    text-align: center;
}

.calendar_nav span {
    display: block;
    cursor: pointer;
    color: #007bff;
    font-size: 24px; /* Tăng kích thước font */
    line-height: 1; /* Điều chỉnh khoảng cách giữa các dòng nếu cần */
}

.form-group {
    display: flex;
    justify-content: center;
}

.input-group.date {
    width: auto; /* Hoặc bạn có thể đặt chiều rộng cụ thể nếu muốn */
}
.choose-date {
    font-size: 24px; /* Hoặc bất kỳ kích thước nào bạn muốn */
    font-weight: bold; /* Làm đậm văn bản nếu muốn */
    margin-bottom: 15px; /* Thêm một chút khoảng cách giữa chữ và input */
}

.input-group-addon .fa-calendar {
    font-size: 46px; /* Điều chỉnh kích thước */
    color: #bcdfbb; /* Điều chỉnh màu sắc */
}
#datepicker .form-control {
    font-size: 16px; /* Tăng kích thước font */
    height: auto; /* Tùy chỉnh chiều cao nếu cần */
    padding: 10px; /* Tùy chỉnh padding để văn bản rõ ràng hơn */
}