﻿/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsDrvev4WAjW489CRDHIkJ90.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsCGXDOnx9ptx3UTSPTrfsgk.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsAZ98xO_Wnt-JIem4AuLGfs.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsE1G989qbVg6RT5ly5jB8V8.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsJ84zb0nVte6liF9gGtpo1Y.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsD86pq2NkPzVgw_9lpT6RGI.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(https://fonts.gstatic.com/s/robotocondensed/v13/Zd2E9abXLFGSr9G3YK2MsDAdhzWOYhqHvOZMRGaEyPo.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

.css-form input.ng-invalid.ng-touched {
    border-color: #FA787E;
}
 .ddlform-control, .form-control:focus, .form-control:hover,i:focus, i:hover {
    background-color: none;
    outline: 2px solid #0d204a;
    border: none;
 }
 .ddlform-control {
     /*display: block;*/
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
     margin-left:auto !important;
     margin-right:auto !important;
 }
 input[type="radio"]:focus, input[type="checkbox"]:focus {
     outline: 2px solid #0d204a;
     border: none;
 }

.btn.btn-primary:focus, .btn.btn-primary:hover {
    background-color: #566f89;
    outline: 2px solid #0d204a;
    border: none;
}
.btn-primary {
    color: #fff;
    background-color: #0d204a;
    border-color: #0d204a;
    min-width: 85px;
}

legend {
    color: #0d204a;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-bottom: 20px;
    margin-top: 25px;
    font-weight: normal;
    font-size: 1.375em;
    border-bottom: thin solid #0d204a;
}
h4 > a {
    text-decoration: none !important;
}
.panel-heading {
    border-bottom: 1px solid #0d204a !important;
    /*border-bottom: none;*/
}

/*MEDIA QUERIES*/
@media only screen and (max-width: 767px) {    

    .col-xs-12 {
        padding: 0 0 0 0;
    }
    .navbar-btn.btn-sm {
        /*margin-bottom:0;*/
        margin-top: 0;
    }
}
/* CSS Document */
header, main, nav, footer, section, article, figure, figcaption, aside {
    display: block;
}

.section {
    padding-bottom: 1em;
}

.r {
    padding-bottom: .5em;
    vertical-align: top;
    padding-right: 1em;
}
.l {
    padding-bottom: .5em;
}

/*ACROSS ALL MEDIUMS*/
body {
    margin: 0px;
    padding: 0px;
    border: 0px;
    width: 100%;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: medium;
}

.content a:link {
    color: #0d204a;
    text-decoration: underline;
}

.content a:visited {
    color: #0d204a;
    text-decoration: underline;
}

.content a:focus {
    /*background-color: #0d204a;*/
    outline: 2px solid #0d204a;
}

.content a:hover {
    /*background-color: #ffbf47;*/
    outline: 2px solid #0d204a;
}

.content a:active {
    color: #9e1b32;
    text-decoration: underline;
}

a {
    color: #0d204a;
    text-decoration: underline;
}

    a:link {
        color: #0d204a;
        text-decoration: underline;
    }

    a:visited {
        color: #0d204a;
        text-decoration: underline;
    }

    a:focus {
        /*background-color: #ffbf47;*/
        outline: 2px solid #0d204a;
    }

    a:hover {
        /*background-color: #ffbf47;*/
        outline: 2px solid #0d204a;
    }

    a:active {
        color: #9e1b32;
        text-decoration: underline;
    }

#whiteBackgroundLogo, #blueBackgroundLogo {
    width: 400px;
}

#blueBackgroundLogo {
    padding: 15px 0 15px 0;
}

/* Header Elements */
#defaultHeader {
    visibility: visible;
    margin: 0px;
    padding: 0px;
    border: 0px;
    width: 100%;
    display: inline;
    /*background-color: #0d204a;*/
}

.skipNav {
    visibility: visible;
    margin: 0px;
    padding-top: 5px;
    padding-left: 50px;
    padding-right: 0px;
    padding-bottom: 10px;
    font-size: .8em;
    border: 0px;
    width: 100%;
    background-color: #0d204a;
    color: #ffffff;
}

.skip {
    color: #ffffff !important;
    text-decoration: underline;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    border: 0px;
    background: none !important;
}

a.skip:hover, a.skip:focus {
    outline: 2px solid #dddddd;
}

.mainHeader {
    visibility: visible;
    background-color: #ffffff;
}

.secondaryHeader {
    visibility: visible;
    background-color: #ffffff;
}

h1 {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-bottom: 20px;
    padding-top: 20px;
    margin-bottom: 0px;
    margin-top: 0px;
    color: #0d204a;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    font-weight: bolder;
    font-size: 2em;
    letter-spacing: 2px;
    border-bottom: thin solid #0d204a;
}

h2, h4 {
    color: #0d204a;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-bottom: .25em;
    margin-top: 0px;
    font-weight: bolder;
    font-size: 1.5em;
    /*border-bottom: thin solid #0d204a;*/
}

h3 {
    color: #0d204a;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-bottom: 20px;
    margin-top: 25px;
    font-weight: normal;
    font-size: 1.375em;
    border-bottom: thin solid #0d204a;
}

h5 {
    color: #0d204a;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-bottom: 20px;
    margin-top: 0px;
    font-weight: normal;
    font-size: 1.25em;
}

h6 {
    color: #0d204a;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-bottom: 20px;
    margin-top: 0px;
    font-weight: bolder;
    font-size: 1.125em;
}

.socialLinks {
    visibility: visible;
    /*margin-left:125px;*/
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    border: 0px;
    text-align: center;
    /*line-height:120px;*/
}

    .socialLinks ul {
        margin-left: -40px;
    }

    .socialLinks li {
        list-style-type: none;
        list-style-position: inside;
        display: inline !important;
        color: #ffffff;
        padding-right: 10px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-top: 0px;
        margin: 0px;
        border: none !important;
    }

ul.social {
    margin-top: 5px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 0px;
    border: 0px;
}

li.social {
    margin: 0px;
    padding: 0px;
    border: 0px;
    width: 15px;
    height: 15px;
    list-style-type: none;
    display: inline;
}

.logoBlock {
    visibility: visible;
    height: 90px;
    width: 400px;
    margin: 0px;
    padding: 0px;
    border: 0px;
    position: absolute;
    top: 42px;
    left: 125px;
}
/* main portion of the page */
#skipToContent {
    visibility: visible;
    margin-left: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: auto;
    padding-left: 25px;
    padding-right: 10px;
    padding-top: 25px;
    padding-bottom: 30px;
    color: #000000;
}
/*FOOTER ELEMENTS*/
#footer {
    visibility: visible;
    height: 17em;
    margin: 0px;
    border: 0px;
    width: 100%;
    background-color: #0d204a;
    padding-top: 25px;
    padding-bottom: 15px;
    padding-left: 0px;
    padding-right: 0px;
    color: #ffffff;
    font-size: .9em;
    line-height: 150%;
}

.footerInfo {
    visibility: visible;
    /*width:800px;*/
    margin-left: 550px;
    margin-right: 0px;
    margin-top: -100px;
    margin-bottom: 0px;
    padding: 0px;
    border: 0px;
}

    .footerInfo ul {
        margin-left: -40px;
    }

    .footerInfo li {
        list-style-type: none;
        list-style-position: inside;
        display: inline;
        color: #ffffff;
        padding-right: 10px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-top: 0px;
        margin: 0px;
        border: 0px;
    }

.footerLinks {
    visibility: visible;
    /*margin-left:125px;*/
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    border: 0px;
    text-align: center;
}

    .footerLinks ul {
        margin-left: -40px;
    }

    .footerLinks li {
        list-style-type: none;
        list-style-position: inside;
        display: inline;
        color: #ffffff;
        padding-right: 10px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-top: 0px;
        margin: 0px;
        border: 0px;
    }

.footHR {
    color: #ffffff;
    width: 85%;
    height: 1px;
}

#footer a:link {
    color: #ffffff;
    text-decoration: underline;
    font-size: .9em;
}

#footer a:visited {
    color: #ffffff;
    text-decoration: underline;
    font-size: .9em;
}

#footer a:focus {
    /*background-color: #ffbf47;*/
    background: none;
    outline: 2px solid #dddddd;
    font-size: .9em;
}

#footer a:hover {
    /*background-color: #ffbf47;*/
    outline: 2px solid #dddddd;
    font-size: .9em;
    background: none;
}

#footer a:active {
    color: #ffffff;
    text-decoration: underline;
    font-size: .9em;
}

@media only all and (min-width: 1300px) {
    /* Header Elements */
    .socialLinks {
        line-height: 120px;
    }

    .logoBlock {
        left: 125px;
    }
    /* main portion of the page */
    #skipToContent {
        width: 1300px;
        min-height: 400px;
    }
    /* begin footer */
    .adobeReader {
        margin-left: 125px;
        margin-top: -20px;
    }

    .logoBlockFooter {
        visibility: visible;
        /*height:90px;*/
        width: 400px;
        margin: 0px;
        padding: 0px;
        border: 0px;
        position: relative;
        /*left: 125px;*/
    }

    .footerInfo {
        margin-left: 550px;
    }

        .footerInfo ul {
            padding: 0 0 0 15px;
            margin-left: 0;
        }
    /* end footer */
}

@media only screen and (max-width: 900px) {
    /*this is determined by ddmenu*/
    /*#ddmenu u {
        background:none;
    }*/

}

@media only all and (min-width: 1024px) and (max-width: 1299px) {
    /* Header Elements */
    .socialLinks {
        line-height: 120px;
    }

    .logoBlock {
        left: 25px;
    }
    /* main portion of the page */
    #skipToContent {
        width: 1020px;
        min-height: 400px;
    }
    /* begin footer */
    .adobeReader {
        margin-left: 25px;
        margin-top: -20px;
    }

    .logoBlockFooter {
        visibility: visible;
        /*height:90px;*/
        width: 400px;
        margin: 0px;
        padding: 0px;
        border: 0px;
        position: relative;
        left: 25px;
    }

    .footerInfo {
        margin-left: 450px;
    }

        .footerInfo ul {
            padding: 0 0 0 15px;
            margin-left: 0;
        }
    /* end footer */
}

@media only all and (min-width: 768px) and (max-width: 1023px) {

    /* Header Elements */
    .socialLinks {
        line-height: 120px;
    }

    .skip {
        font-size: .9em;
    }

    .logoBlock {
        left: 10px;
    }
    /* main portion of the page */
    #whiteBackgroundLogo {
        width: 300px;
    }

    #skipToContent {
        width: 740px;
        min-height: 400px;
    }
    /* begin footer */
    #footer {
        height: 300px;
    }

    .adobeReader {
        margin-left: 10px;
        margin-top: -20px;
    }

    .logoBlockFooter {
        visibility: visible;
        /*height:68px;*/
        /*width: 300px;*/
        margin: 0px;
        padding: 0px;
        border: 0px;
        position: relative;
        left: 10px;
    }

    .footerInfo {
        margin: 0 0 0 0;
        padding: 0 0 0 3em;
    }

        .footerInfo ul {
            padding: 0 0 0 15px;
            margin-left: 0;
        }
    /* end footer */

}

@media only all and (min-width: 481px) and (max-width: 767px) {

    /* Header Elements */
    #whiteBackgroundLogo, #blueBackgroundLogo {
        width: 400px;
    }

    .skip {
        font-size: .9em;
    }

    .logoBlock {
        left: 10px;
    }
    /* main portion of the page */
    #skipToContent {
        width: 475px;
    }
    /* begin footer */
    #footer {
        height: 475px;
    }

    .adobeReader {
        margin-left: 10px;
        margin-top: 0px;
    }

    .logoBlockFooter {
        visibility: visible;
        /*height:68px;*/
        width: 300px;
        margin: 0px;
        padding: 0 0 1em 0;
        border: 0px;
        position: relative;
        left: 10px;
    }

    .footerInfo {
        /*width:400px;*/
        margin: 0 0 0 0;
        text-align: center;
    }
    /* end footer */
}

@media only screen and (max-width:480px) {    
    /* Header Elements */
    .mainHeader {
        height: 6em;
    }

    .skip {
        font-size: .9em;
    }

    .logoBlock {
        height: 68px;
        width: 300px;
        left: 10px;
    }
    /* main portion of the page */
    #skipToContent {
        width: 300px;
    }
    /* begin footer */
    #footer {
        height: 475px;
    }

    #whiteBackgroundLogo, #blueBackgroundLogo {
        width: 300px;
    }

    .adobeReader {
        margin-left: 10px;
        margin-top: 0px;
    }

    .logoBlockFooter {
        visibility: visible;
        /*height:68px;*/
        width: 300px;
        margin: 0px;
        padding: 0 0 1em 0;
        border: 0px;
        position: relative;
        left: 10px;
    }

    .footerInfo {
        /*width:300px;*/
        margin: 0 0 0 0;
        text-align: center;
    }

    .checkboxLabel {
        max-width: 90%;
    }
    /* end footer */
}

@media only screen and (max-width:360px) {   

    #btnCancelWarning, #btnPdfWarning {
        height: 95px;
    }
    /* Header Elements */
    .mainHeader {
        height: 6em;
    }

    .skip {
        font-size: .9em;
    }

    .logoBlock {
        height: 68px;
        width: 300px;
        left: 10px;
    }
    /* main portion of the page */
    #skipToContent {
        width: 300px;
    }
    /* begin footer */
    #footer {
        height: 475px;
    }

    #whiteBackgroundLogo, #blueBackgroundLogo {
        width: 300px;
    }

    .adobeReader {
        margin-left: 10px;
        margin-top: 0px;
    }

    .logoBlockFooter {
        visibility: visible;
        /*height:68px;*/
        width: 300px;
        margin: 0px;
        padding: 0 0 1em 0;
        border: 0px;
        position: relative;
        left: 10px;
    }

    .footerInfo {
        /*width:300px;*/
        margin: 0 0 0 0;
        text-align: center;
    }

    .checkboxLabel {
        max-width: 90%;
    }
    /* end footer */
    .modal {
        max-width: 320px;
    }
}

@media only screen and (max-width:320px) {   
    /* Header Elements */
    .mainHeader {
        height: 6em;
    }

    .skip {
        font-size: .9em;
    }

    .logoBlock {
        height: 68px;
        width: 300px;
        left: 10px;
    }
    /* main portion of the page */
    #skipToContent {
        width: 300px;
    }
    /* begin footer */
    #footer {
        height: 475px;
    }

    #whiteBackgroundLogo, #blueBackgroundLogo {
        width: 300px;
    }

    .adobeReader {
        margin-left: 10px;
        margin-top: 0px;
    }

    .logoBlockFooter {
        visibility: visible;
        /*height:68px;*/
        width: 300px;
        margin: 0;
        padding: 0 0 1em 0;
        border: 0px;
        position: relative;
        left: 10px;
    }

    .footerInfo {
        /*width:300px;*/
        margin: 0 0 0 0;
        text-align: center;
    }

    .checkboxLabel {
        max-width: 90%;
    }
    /* end footer */
    .modal {
        max-width: 320px;
    }
}
