.center {
    display: block ;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}
.logonPanel {
    background-color: rgba(255, 255, 255, 0.85);
    padding: 20px;
    margin-top: 30px;
    width: 500px;
    max-width: 80%;
}
.logo {
    max-width: 80%;
}
.altText {
    text-align: center;
    font-size: 1.5rem;
    line-height: inherit;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    width: 400px;
    display: none;
}
h3, h4{ font-weight:300}

.splashheadtxt {
    font-size: 2.4rem;  
    font-size-adjust: 0.5;
    /*color:#fff;*/
    line-height:2rem;
    text-align: center;
}

a, a:active, a:hover {
    text-decoration:none;
    font-weight: 400;
}

.material-icons {
    font-size: 22px !important;
}
.mdl-layout-title, .mdl-card__title-text {
    letter-spacing: .025em;
}
.mdl-button, .mdl-ripple {
    font-weight: 400;
}


.checkbox input {
    margin-bottom: 5px !important;
    }
.form-group {
    margin-bottom: 1rem;
    }


.spinner .loading {
    margin: 6px auto;
}

.loading {
    margin: 0 auto;
    border: 2px solid rgba(255, 255, 255, 0.9);
    border-top: 2px solid rgba(255, 255, 255, 0.5);
    border-bottom: 2px solid rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    width: 16px;
    height: 16px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}



.error, .errorMessage {
        color: #cc0000;
        font-size:0.875rem;
        margin:0.45rem 0;
        display:block;
    }