.year-select.mt-3 {
    display: none;
}
.btn-outline-primary:hover {
    color: #fff;
    background-color: #1f6a6e;
    border-color: #1f6a6e;
}
.calendar {
            max-width: 100%;
            margin: 0 auto;
        }
        .calendar table {
            width: 100%;
        }
        .calendar th, .calendar td {
            text-align: center;
            padding: 10px;
        }
         
        



        /* Style for the calendar links */
    .calendar td a {
        display: block;             /* Makes the link cover the entire table cell */
        padding: 10px;              /* Adds padding around the link for better clickability */
        text-decoration: none;      /* Removes the underline */
        color: #007bff;             /* Sets the default link color */
        background-color: #f8f9fa;  /* Light background for better visibility */
        border-radius: 5px;         /* Rounds the corners of the link */
        transition: background-color 0.3s ease, color 0.3s ease;  /* Smooth hover transition */
    }

    /* Hover effect */
    .calendar td a:hover {
        background-color: #007bff;  /* Change background on hover */
        color: #fff;                /* Change text color to white on hover */
    }

    /* Style for active or selected date (if you want to indicate a selected day) */
    .calendar td a.active {
        background-color: #28a745;  /* Green background for active/selected date */
        color: white;               /* White text for better contrast */
    }


    .calendar td a {
        display: block;
        padding: 10px;
        text-decoration: none;
        color: #000;
        background-color: #f8f9fa;
        border-radius: 5px;
        transition: background-color 0.3s ease, color 0.3s ease;
    }

    /* Status colors */
    .calendar td a .status {
        font-size: 12px;
        font-weight: bold;
        display: block;
        margin-top: 5px;
    }

    /* Specific status styles */
    .calendar td a .booked {
        color: red;  /* Booked dates in red */
    }

    .calendar td a .confirmed {
        color: green;  /* Confirmed dates in green */
    }

    .calendar td a .available {
        color: blue;  /* Available dates in blue */
    }

    .calendar td a:hover {
        background-color: #007bff;
        color: #fff;
    }


    .calendar td a {
        display: block;
        padding: 10px;
        text-decoration: none;
        color: #000;
        background-color: #f8f9fa;
        border-radius: 5px;
        transition: background-color 0.3s ease, color 0.3s ease;
        width: 100px;
        height: 75px;
        margin:0px auto;
    }

    /* Status colors */
    .calendar td a .status {
        font-size: 12px;
        font-weight: bold;
        display: block;
        margin-top: 5px;
    }

    /* Specific status styles */
    .calendar td a .booked {
        color: red;  /* Booked dates in red */
    }

    .calendar td a .confirmed {
        color: green;  /* Confirmed dates in green */
    }

    .calendar td a .available {
        color: blue;  /* Available dates in blue */
    }

    .calendar td a:hover {
        background-color: #1f6a6e;
        color: #fff;
    }
    .calendar td a:hover span {
    color: #fff;
}