.h1, h1
{
    font-family: 'Oswald', sans-serif !important;
    font-size: 1.5em !important;
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px)
{
    .h1, h1
    {
        font-size: 1.875em !important;
    }
}

.h2, h2, .card-header
{
    font-family: 'Oswald', sans-serif !important;
    font-size: 1.313em !important;
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px)
{
    .h2, h2, .card-header, .app-status
    {
        font-size: 1.5em !important;
    }
}

.h3, h3, .card-title, .btn
{
    font-family: 'Roboto Condensed', sans-serif !important;
    font-weight: 700 !important;
    font-size: 1.125em !important;
}

body
{
    background-color: #06284C;
}

body, input, button
{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1em;
}

.opssHeader, .opssFooter, .card-header
{
    background-color: #003875;
    color: #FFFFFF;
}

.nav
{
    background-color: #06284C;
}

.stateLogoFrame
{
    width: 66px;
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px)
{
    .stateLogoFrame
    {
        width: 86px;
    }
}

/* Extra small devices (portrait phones, 576px and down) */
@media (max-width: 576px)
{
    .titleFrame
    {
        width: 235px;
    }
}

.titleFrameLineOne
{
    margin-bottom: .1em;
}

.titleFrameLineTwo
{
    font-family: 'Oswald', sans-serif;
    border-top: 1px #FFFFFF solid;
    font-size: .8em;
}

.opssHeaderBackground
{
    background-image: url('../Images/Asset4.png');
    width: 100%;
    height: 100px;
    background-repeat: no-repeat;
    background-position: 80% 10%;
    background-size: 100% 200px;
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px)
{
    .opssHeaderBackground
    {
        background-image: url('../Images/Asset4.png');
        width: 100%;
        height: 120px;
        background-repeat: no-repeat;
        background-position: 80% 10%;
        background-size: 100% 300px;
    }
}

.titleFrameLink:hover
{
    text-decoration: none;
}



.footerTitle, .legalResourceTitle
{
    border-bottom: 1px #FFFFFF solid;
    font-family: 'Oswald', sans-serif;
    color: #FFFFFF;
    margin-top: .25rem !important;
    margin-bottom: .25rem !important;
}

.footerLink
{
    font-family: 'Roboto Condensed', sans-serif;
    margin-top: .25rem !important;
    margin-bottom: .25rem !important;
}

.legalResourceTitle
{
    margin-top: 1.25rem !important;
}

.tsgDisclaimer a:link, .tsgDisclaimer a:visited, .opssFooter a:link, .opssFooter a:visited, .opssHamburgerMenu a:link, .opssHamburgerMenu a:visited
{
    color: #FFFFFF;
}

.tsgDisclaimer
{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: .75rem;
    background-color: #06284C;
}

.buttonFlagFrame
{
    width: 37px;
}

.tsgDisclaimerLinkFrame
{
    width: 85%;
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px)
{
    .tsgDisclaimerLinkFrame
    {
        width: 92%;
    }
}

.fa
{
    font-size: 1.5em;
    color: #FFFFFF;
}

.socialMeadiaLink
{
    margin-right: 1em;
}

.card, .btn
{
    border: 1px #003875 solid;
    border-radius: 0 !important;
}

.card-header
{
    padding: .5em .75em;
    border-bottom: none;
    border-radius: 0 !important;
}

.card-block
{
    padding: .75em;
}

.card-title
{
    margin-bottom: 0;
}

.card-text
{
    color: #444444;
    margin-bottom: .5em;
    margin-top: 0;
    font-size: .875em;
}

.card-text a:link, .card-text a:visited, .fraudAndAbuseLinkLine a:link, .fraudAndAbuseLinkLine a:visited {
    color: #003875;
    text-decoration: underline;
}

.card-text a:hover, .fraudAndAbuseLinkLine a:hover {
    color: #0066FF;
}

.card-text a:visited, .fraudAndAbuseLinkLine a:visited {
    color: #670AB7;
}

.btn
{
    background-color: #003875;
    color: #FFF;
    border-color: #003875;
    cursor: pointer;
}

.btn:hover {
    color: #0056b3;
    text-decoration: underline;
}

.hint-text {
    font-size:12px;
    color: #003875; 
}

.form-control
{
    border-radius: 0 !important;
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
.hideMedAndUp
    {
        visibility:hidden;
    }
}

.hbar
{
    height: 1px;
    width: 90%;
    border-top: 1px solid rgba(0,0,0,.1);
    margin-top: 0;
}

/* styles for validation helpers */
.field-validation-error 
{
    color: #b94a48;
}

.field-validation-valid 
{
    display: none;
}

input.input-validation-error 
{
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error 
{
    border: 0 none;
}

.validation-summary-errors 
{
    color: #b94a48;
}

.validation-summary-valid 
{
    display: none;
}

#theContainersContainer
{
    border-top: #cc3333 6px solid;
    background-color: white;
}