/********************************************************************************************
    Page Global Background
********************************************************************************************/

body {
    /*    background: #87ADC4 url(/Static/Images/loginbackground.gif) repeat-x;*/
    background: linear-gradient(to bottom, #003b62 0%, #99b9ce 100%);
    height: auto !important; /* MasterPage.css was causing the page to scroll down a little bit extra when it wasnt needed */
}

/********************************************************************************************
    Responsive master module container (for .CalendarWrapper & .ResourceWrapper)
********************************************************************************************/

.MainWrapper {
    display: flex;
    opacity: 0;
    transition: opacity 0.3s ease-out;
    flex-wrap: wrap; /* allow wrapping */
    gap: 1rem; /* space between columns */
    margin: 1rem; /* outer margin */
    align-items: flex-start; /* top-align the boxes */
}

p.Error {
    margin: 10px;
    color: #fff;
    font-weight: bold;
    font-size: 0.8rem;
}

div.FacilityPickerPreLoad {
    display: inline-block;
    background-color: #fff;
    color: #000;
    margin: 10px;
    padding: 10px;
    border-radius: 2px;
    font-size: 0.8rem;
}

span.Copyright {
    color: #fff;
    margin: 15px;
    border-radius: 2px;
    font-size: 0.8rem;
    filter: drop-shadow(0px 0px 10px #000);
}

    span.Copyright a {
        color: #ccc;
    }