/***************************************************************************************************
****************************************************************************************************

Project..... Vaughan Memorial Library website
Date........ Q2-2023
Developer... vincent.grovestine@acadiau.ca

****************************************************************************************************
***************************************************************************************************/



/*******************************************************************************
********************************************************************************
** STUDY ROOM BOOKING
********************************************************************************
*******************************************************************************/

#availability-chart {
    width: 99%;
}

#booking-form label {
    display: inline-block;
    margin-bottom: 0.5em;
    min-width: 10em;
}

#booking-form select, #booking-form input {
    width: 100%;
    padding: 0.375rem 0.75rem;
    margin-bottom: 1rem;
    max-width: 30em;
}

#booking-form #book-button {
    width: auto;
    color: var(--vml-color-studyrooms-booking-button-text);
    background-color: var(--vml-color-studyrooms-booking-button-background);
    border: 1px solid var(--vml-color-studyrooms-booking-button-border);
}

#booking-form #book-button:hover,
#booking-form #book-button:active {
    background-color: var(--vml-color-studyrooms-booking-button-active-background);
    border-color: var(--vml-color-studyrooms-booking-button-active-border);
}

#availability-time, #availability {
    display: inline;
}

#refresh-available {
    margin-left: 0.5rem;
    cursor: pointer;
}


/***************************************************************************************************
***************************************************************************************************/