/********************************************************************************************
    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 */
}

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;
}

#LiveUsageWrapper[data-anon="1"] {
    justify-self: center;
    margin: 1rem 0;
    padding: 0.65rem 1rem;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 15px;
    font-size: 0.8rem;
    background-color: #fff;
    box-shadow: 4px 4px 5px 0 rgba(115, 99, 87, 0.75);
}

    #LiveUsageWrapper[data-anon="1"] .FacilityInfo {
        display: flex;
        align-items: center;
        padding: 5px;
    }

        #LiveUsageWrapper[data-anon="1"] .FacilityInfo img.FacilityLogo {
            width: 36px;
            height: auto;
        }

        #LiveUsageWrapper[data-anon="1"] .FacilityInfo span.FacilityName {
            font-size: 0.9rem;
            font-weight: bold;
            margin-left: 8px;
        }

        #LiveUsageWrapper[data-anon="1"] .FacilityInfo .FilterLocation {
            margin-left: auto;
        }

    #LiveUsageWrapper[data-anon="1"] .DataTableWrapper .caption {
        padding-bottom: 7px;
    }

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;
    }