﻿body {
    font-family: AvenirRoman, AvenirLight, "Source Sans Pro", Arial, sans-serif;
}

.text-white {
    color: #ffffff;
}

.footer-1 a {
    color: #ffffff !important;
}

#contentMain h1 {
    font-family: AvenirBlack;
    color: #00437b;
    text-align: center;
}

#contentMain h2 {
    font-family: AvenirBlack;
    color: #333333;
    text-align: center;
}

#contentMain p {
    font-family: AvenirRoman;
    color: #333333;
    text-align: left;
}

.text-nowrap {
    white-space: nowrap !important;
}

.paragraph-bold {
    font-family: AvenirHeavy !important;
}

.main-form label {
    font-family: AvenirHeavy;
    color: #333333;
}

.auth-submit-box {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.auth-submit {
    font-family: AvenirRoman;
    color: #ffffff;
    text-align: center;
    background-color: #00437b;
    border: 0;
    box-shadow: none !important;
}

#contentMain input[type=text]:focus, input[type=checkbox]:focus, input[type=radio]:focus, .select-selected:focus:not(.select-arrow-active) {
    background-color: #e0f2fa;
    outline: none !important;
}

.footer-arrow {
    width: 100%;
    height: 60vh;
    position: relative;
    background: url("/Images/ui-icons_555555_256x240.png");
    /*background-size: contain;*/
    /*background-size: 100% 100%;*/
    background-repeat: no-repeat;
}

.circle {
    height: 30pt;
    width: 30pt;
    background-color: white;
    border-radius: 50%;
    vertical-align: middle;
    text-align: center;
}

.arrow {
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    width: 10pt;
    height: 10pt;
}

.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.error {
    border-color: #f14950 !important;
    background-color: #fbd1d3 !important;
    border: 2pt solid;
    overflow: auto;
    border-radius: 20px;
}

.error-message {
    background-color: #ed1c24;
    color: white;
    visibility: hidden;
    text-align: center;
    margin: 0 auto;
    border-radius: 5pt;
    display: none;
}

.confirmationPage {
    border: 2pt solid #00437b;
    background-color: #e6f4fb;
    border-radius: 10pt;
    padding: 2%;
}

.confirmationPage-msg {
    padding: 10pt;
    text-align: center;
}

.time-display-format {
    font-variant: all-small-caps;
}

.footer-text-subinfo-1 {
    margin-bottom: 8px;
}

.notFoundPage {
    padding: 2%;
    height: 60vh;
}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */

    .auth-submit-box a {
        margin: auto 25%;
    }
}
