/* Custom CSS for the parent column of the day availability fields (checkbox & field) */
.col-form-apply-tutor-avail-weekday {
    display: flex;
    flex-wrap: nowrap; /* Ensures no wrapping of children elements */
    width: 500px; /* Sets the width of the container */
    height: 40px; /* Sets the height of the container */
    margin: 0; /* Removes default margin */
}

.input-form-apply-tutor-avail-weekday {
    height: 30px; /* Sets the height of the container */
}

.cb-form-apply-tutor-avail-weekday {
    display: flex;
    flex-wrap: nowrap; /* Ensures no wrapping of children elements */
    width: 500px; /* Sets the width of the container */
    height: 50px; /* Sets the height of the container */
    margin: 0; /* Removes default margin */
}


/* CALENDAR BODY  */


/* CALENDAR DATES */
.jet-apb-calendar-date--today {
    color: var(--e-global-color-9347c81); /* Blue background */
    border-color: var(--e-global-color-9347c81);
    border-radius: 8px;        /* Adjust the radius value as needed */
    border: 1px solid;         /* Add a border around the element */
    font-weight: 500;
}

.jet-apb-calendar-date--selected {
    background-color: var(--e-global-color-9347c81); /* Blue background */
    color: #ffffff; /* White text for selected date */
    border-radius: 8px;        /* Adjust the radius value as needed */
}

.jet-apb-calendar-date[data-status="true"] {
    color: var(--e-global-color-9347c81); /* Blue text color */
    border-color: var(--e-global-color-9347c81);
    border-radius: 8px;        /* Adjust the radius value as needed */
    border: 1px solid;         /* Add a border around the element */
}

/* Override the text color when selected */
.jet-apb-calendar-date--selected[data-status="true"] {
    color: #ffffff; /* Ensure white text when selected */
}

.jet-form-builder__heading .jet-form-builder__label-text {
    font-weight: bold;
    margin-top: 10px; /* Adjust the value as needed */
}