/*Main*/
/*This prevents the page from moving when the scrollbar appears*/
html {
    overflow-y: scroll;
}

body {
    background-color: #f5f5f5;
    font-family: 'Source Sans Pro', sans-serif;
    /*font-family: 'Museo Sans 500';*/
    font-size: 16px;
    color: #565656;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAM0lEQVQIW2O8ePFivZKSUgMDErh3714D4+fPn/+DGDBJGBssAVIMEgDRMAX4JbAahctyADPVNUsmouFfAAAAAElFTkSuQmCC) repeat;
    overflow: auto;
}

.main {
    border-right: 1px solid #A3A199;
    border-left: 1px solid #A3A199;
    background-color: #f5f5f5;
}

.no-gutter {
    padding-left: 0;
    padding-right: 0;
}



/*Footer*/
.footer {
    background: #282828;
    color: #fff;
    padding-top: 4px;
    padding-bottom: 4px;
    z-index: 10000;
}



/*Header*/
/*.header {
    width: inherit;
    height: 131px;
}*/



/*Navbar*/
#mainNav {
    margin-bottom: 0;
    border: 0;
    background-image: -moz-linear-gradient(top,white,#EAEAEA);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(white),to(#EAEAEA));
    background-image: -webkit-linear-gradient(top,white,#EAEAEA);
    background-image: -o-linear-gradient(top,white,#EAEAEA);
    background-image: linear-gradient(to bottom,white,#EAEAEA);
}

.subnav-fixed #mainNav {
    margin-bottom: 51px;
}

@media (max-width: 767px) {
    #mainNav {
        height: 0;
        min-height: 0;
        margin-bottom: 51px !important;
    }
}

.offices-contacts ul {
    -moz-column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;
    column-count: 3;
    column-gap: 20px;
    margin-left: 30px;
}

@media (max-width: 991px) {
    #county-offices-info-el {
        /*-moz-column-count: 3;*/
        -moz-column-gap: 20px;
        /*-webkit-column-count: 3;*/
        -webkit-column-gap: 20px;
        column-count: 1 !important;
        column-gap: 20px;
        margin-left: 30px;
    }
}


@media (min-width: 558px) {
    .language-assistance-nav {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        background-color: white;
        width: 100%;
        min-height: 3em;
        height: 0px;
        background-image: url("/Content//images/languageAssistanceGradient.png");
    }
}

@media (max-width: 557px) {
    .language-assistance-nav {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        background-color: white;
        width: 100%;
        /*min-height: 3em;
        height: 0px;*/
        background-image: url("/Content//images/languageAssistanceGradient.png");
    }
}


#mainNav .nav {
    width: 100%;
}

    #mainNav .nav li a {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 20px;
        border-left: 1px solid #AAA;
    }


    #mainNav .nav > li > a > span {
        /*position: absolute;
    left: 30px;
    right: 30px;*/
    }

.nav > li > .half-navbar {
    height: 45px;
    border-right: 1px solid #AAA;
}

    .nav > li > .half-navbar > span {
        bottom: 15px;
    }

.nav > li > .full-navbar {
    height: 90px;
}

    .nav > li > .full-navbar > span {
        bottom: 30px;
    }

#navbarLearnMore {
    border-bottom: 1px solid #AAA;
}

#navbarLogo {
    background-color: white;
}

.navbar-lang {
    border-right: 1px solid #A3A199 !important;
    border-left: 1px solid #A3A199 !important;
}

@media (min-width: 768px) {
    #navbarLogo {
        background-image: url('../Content/images/small/myDHRLogo_small.png');
    }
}

@media (min-width: 992px) {
    #navbarLogo {
        background-image: url('../Content/images/medium/myDHRLogo_medium.png');
    }
}

@media (min-width: 1200px) {
    #navbarLogo {
        background-image: url('../Content/images/large/myDHRLogo_large.png');
    }
}

#mainNav a:hover,
#mainNav .active > a,
#mainNav .active > a:hover {
    /*text-shadow: 0px -1px rgba(0, 0, 0, 0.498039);*/
    /*text-shadow: none;
    font-weight: lighter;*/
    color: white;
    /*-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;*/
}

#navbarApply:hover, .active > #navbarApply {
    background-color: #1278B8;
}

#navbarCheckAccount:hover, .active > #navbarCheckAccount {
    background-color: #00A78D;
}

#navbarLearnMore:hover, .active > #navbarLearnMore {
    background-color: #A45C13;
}

#navbarAssitance:hover, .active > #navbarAssitance {
    background-color: #F36421;
}

.navbar-lang {
    border-right: 1px solid #A3A199 !important;
    border-left: 1px solid #A3A199 !important;
}

/*Subnav*/
.subnav {
    width: 100%;
    border-width: 0 0 1px;
    border-radius: 0;
    background-color: #3A3A3A;
    z-index: 1000;
    margin: 0;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6);
    -ms-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6);
}

.subnav-fixed .subnav {
    position: fixed !important;
    top: 0;
}

@media (min-width: 768px) {
    .subnav-fixed .subnav {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .subnav-fixed .subnav {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .subnav-fixed .subnav {
        width: 1170px;
    }
}

@media (min-width: 768px) {
    #subnav-collapse {
        display: none !important;
    }

    .subnav .navbar-header {
        padding-left: 15px;
    }
}

@media (max-width: 767px) {
    .subnav {
        position: fixed !important;
        top: 0;
    }
}

.subnav .navbar-brand {
    font-size: 16px;
    color: white;
}

    .subnav .navbar-brand:hover {
        text-decoration: underline;
    }



/*Subnav Buttons*/
#subnavLanguage, #subnavLanguage:focus {
    height: 50px;
    width: 100px;
    padding-top: 4px;
    padding-left: 6px;
    text-decoration: none;
    outline: none;
    color: white;
}

#subnavHelp, #subnavHelp:focus {
    height: 50px;
    width: 60px;
    border-left: 1px solid #1D1D1D;
    outline: none;
}



/*Language settings*/
#languageFlyout {
    width: 220px;
    background-color: #222222;
    z-index: 1049;
    display: none;
    padding-left: 6px;
    padding-right: 6px;
}

#languageFlyoutTitle h4 {
    padding-top: 2px;
    padding-bottom: 2px;
    color: white;
}

.languageBox {
    border: 1px solid #A3A199;
    background-color: white;
    padding: 0;
    margin-bottom: 6px;
}

.uparrowdiv:after { /*arrow added to uparrowdiv DIV*/
    position: absolute;
    top: -18px; /*should be set to -border-width x 2 */
    left: 109px;
    border-color: transparent transparent #222222 transparent; /*border color should be same as div div background color*/
    border-style: solid;
    border-width: 10px;
}

#englishLanguage, #spanishLanguage {
    display: block;
    padding-top: 9px;
    padding-bottom: 9px;
    text-decoration: none;
    color: rgb(86, 86, 86);
    padding-left: 15px;
    line-height: 17px;
}

    #englishLanguage:hover, #spanishLanguage:hover {
        background-color: #eeeeee;
    }

    #englishLanguage.activeLanguage, #spanishLanguage.activeLanguage {
        color: black;
        background-color: rgb(214, 214, 214);
    }




/*Help bar*/
#helpFlyout {
    width: 350px;
    background-color: #222222;
    z-index: 1049;
    display: none;
}

#help_frame {
    width: 100%;
    height: 100%;
    border: none;
}

/*checkboxes - radiobuttons*/
.col-md-12 .radio-yes-lbl, .col-md-12 .radio-no-lbl, .checkLabel {
    line-height: 26px;
    font-size: 16px;
    margin-left: 4px;
    text-transform: none;
}

.col-md-12 .radio-no {
    margin-left: 15px;
}

.radio-yes, .radio-yes-lbl, .radio-no, .radio-no-lbl, .checkInput, .checkLabel, .member-radio {
    display: inline-block;
}

.radio-yes-lbl, .radio-no-lbl, .checkLabel {
    vertical-align: top;
}

/*Placeholder text color for browsers not natively supporting HTML5 placeholders*/
input.placeholder, textarea.placeholder {
    color: #cccccc;
}

input.error.placeholder, textarea.error.placeholder {
    color: #cccccc;
}

p.error {
    color: #F02626;
}

input.error,
select.error,
textarea.error {
    color: #000000;
    border-color: #F02626;
}

    input.error:focus,
    select.error:focus,
    textarea.error:focus {
        border-color: #F02626;
        -webkit-box-shadow: 0 0 6px #d59392;
        -moz-box-shadow: 0 0 6px #d59392;
        box-shadow: 0 0 6px #d59392;
        color: #000000;
    }

label.error {
    color: #ff0000;
}

/*Misc*/
table.table {
    width: 100%;
    display: table;
}

select.form-control {
    font-size: 16px;
}

.currencyField {
    text-align: right;
}

h4 {
    /*font-family: 'Museo Sans 500';*/
    font-weight: bold;
}


table.table {
    border: grey 1px solid;
    border-collapse: separate;
}

.thead-cap {
    background-color: #00A78D;
    color: white;
}

table.table > thead > tr > th {
    border-bottom: 0;
}

.navbar {
    margin-bottom: 0px !important;
}

.other-scroll-down-link {
    cursor: pointer;
}

.scroll-down-link {
    cursor: pointer;
}

.loader {
    color: #60707B;
    font-size: 90px;
    text-indent: -9999em;
    overflow: hidden;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    margin: 72px auto;
    position: relative;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
    animation: load6 1.7s infinite ease, round 1.7s infinite ease;
}

@-webkit-keyframes load6 {
    0% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    5%, 95% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    10%, 59% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
    }

    20% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
    }

    38% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
    }

    100% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
}

@keyframes load6 {
    0% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    5%, 95% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    10%, 59% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
    }

    20% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
    }

    38% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
    }

    100% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
}

@-webkit-keyframes round {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes round {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*Body*/
.body {
    background-color: #DDD;
    border-left: 1px solid #A3A199;
    /*float: right;*/
}

@media (max-width: 767px) {
    .body {
        border: none;
    }
}

/*Sidebar*/
.sidebar > nav > .navbar-collapse {
    max-height: none;
}

.page-sidebar {
    overflow-y: auto;
}

.sidebar .navbar {
    border: 0;
    margin: 0;
}

.sidebar-fixed .nav {
    position: fixed;
    width: 500px; /*Not the best, but guarantees it's big enough*/
    top: 50px;
}
@media (min-width:768px) {
    .sidebar-fixed .nav {
        width: 190px;
    }
}

@media (min-width:992px) {
    .sidebar-fixed .nav {
        width: 245px;
    }
}

@media (min-width:1200px) {
    .sidebar-fixed .nav {
        width: 295px;
    }
}

.sidebar .navbar-collapse > .nav {
    border-bottom: #bebebe 1px solid;
}

.sidebar .nav .nav-header {
    font-size: 13px;
    padding-top: 35px;
    padding-bottom: 10px;
    padding-left: 15px;
    color: black;
    line-height: 20px;
}

.sidebar .nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
    color: #444;
    border-top: #bebebe 1px solid;
    min-height: 56px;
}

.sidebar .nav > li > a > i {
    margin-right: 5px;
}

.sidebar .nav > .active > a {
    color: white;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #eee;
}

.sidebar .nav > .active > a {
    background-color: #00A78D;
}

.nav > li.open > a:first-of-type,
.nav > li.open > a:first-of-type:hover {
    background-color: gray;
    color: white;
    border-color: #bebebe;
}

.nav > li.active.open > a:first-of-type,
.nav > li.active.open > a:first-of-type:hover {
    background-color: #00A78D;
    color: white;
}

/*Submenu*/
.sub-menu li a {
    color: #555;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 45px;
    padding-right: 5px;
    display: block;
}

ul.sub-menu {
    display: none;
    margin: 8px 0 8px 0;
    padding: 0;
}

.sub-menu li:hover {
    background-color: #eeeeee;
}

.sub-menu li a:hover {
    text-decoration: none;
}

.sub-menu > li.active, .sub-menu > li.active:hover {
    background-color: rgba(0, 0, 0, 0.125);
}

/*Forms*/
/*Form section*/
.form-section-content {
    padding-left: 15px;
    padding-right: 15px;
    background-color: white;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    z-index: 2;
    /*position: relative;*/
    padding-top: 30px;
    padding-bottom: 30px;
    /*behavior: url(/scripts/lib/PIE.htc);*/
}

@media (max-width: 767px) {
    .form-section-content {
        padding-left: 0;
        padding-right: 0;
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

.form-section-buttons .btn {
    display: none;
    -webkit-border-radius: 0;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    left: -15px;
    -ms-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    line-height: 20px;
    position: relative;
    float: right;
    min-width: 100px;
    margin-left: 15px;
    font-size: 18px;
    /*behavior: url(/scripts/lib/PIE.htc);*/
}


.form-section-buttons {
    height: 60px;
}

.form-section-header h2 {
    padding-left: 15px;
    color: white;
    font-family: 'merriweather', serif;
    margin-top: 15px;
    margin-bottom: 15px;
}



/*Content Box*/
.content-box-header {
    background-color: black;
}

    .content-box-header h4, h6 {
        color: white;
    }

.content-box-content {
    padding: 15px;
    border-left: 1px solid #A3A199;
    border-right: 1px solid #A3A199;
    border-bottom: 1px solid #A3A199;
}

.content-box-content .scrollbox {
    border-radius: 0;
}

.content-box-header-content {
    color: white !important;
}

.content-box {
    padding-left: 15px;
    padding-right: 15px;
}

/*Buttons*/
.btn-next:hover {
    background-color: #4a4a4a;
    color: rgb(255, 255, 255);
}

.btn-print-large {
    padding: 5px 20px 5px;
}

.btn-cap {
    font-size: 24px;
    font-weight: bold;
    color: #ffffff;
    background-color: #00A78D;
    border-color: #008D77;
}

    .btn-cap:hover,
    .btn-cap:focus,
    .btn-cap:active,
    .btn-cap.active,
    .btn-cap.disabled,
    .btn-cap[disabled] {
        color: #ffffff;
        background-color: #009C84;
        border-color: #006455;
    }


/*Misc*/
.scrollbox {
    overflow: auto;
    height: 200px;
    padding: 15px;
    border: 1px solid #A3A199;
    background-color: #F0F0F0;
    margin: 0px;
}

/*input:-moz-placeholder,
textarea:-moz-placeholder {
    font-size: 20px;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    font-size: 20px;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    font-size: 20px;
}*/

.input-num {
    min-height: 75px;
    text-align: center;
}

.form-section h3:first-child {
    margin-top: 0px;
    font-family: 'Merriweather', serif;
    font-size: 24px;
    margin-bottom: 25px;
}

.form-section .btn h3 {
    font-family: 'Source Sans Pro', sans-serif;
}

.systemVoice {
    font-family: 'Merriweather', serif;
}

.btn:not(.btn-next):not(.btn-edit):not(.btn-cancel):not(.btn-save):not(.btn-print):not(.btn-submit):not(.btn-cap):not(.btn-remove) {
    font-size: 16px;
}

label {
    font-size: 14px;
}

input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input,
select {
    line-height: 22px;
    font-size: 16px;
}

select, input[type="file"] {
    height: 31.5px;
    line-height: 30px;
    font-size: 16px;
}

.margin-bottom15 {
    margin-bottom: 15px;
}

.margin-bottom20 {
    margin-bottom: 20px;
}

.margin-bottom10 {
    margin-bottom: 10px;
}

.margin-top20 {
    margin-top: 20px;
}

.margin-top15 {
    margin-top: 15px;
}

.margin-top10 {
    margin-top: 10px;
}

.margin-top0 {
    margin-top: 0px;
}

.margin0 {
    margin: 0px;
}

.margin-bottom0 {
    margin-bottom: 0px;
}

.margin-right5 {
    margin-right: 5px;
}

.margin-left5 {
    margin-left: 5px;
}

.margin-right15 {
    margin-right: 15px;
}

.padding-top10 {
    padding-top: 10px;
}

.padding-top7 {
    padding-top: 7px;
}

.padding-bottom0, .body.padding-bottom0 {
    padding-bottom: 0px;
}

.padding-bottom5 {
    padding-bottom: 5px;
}

.padding-bottom10 {
    padding-bottom: 10px;
}

label, h5 {
    text-transform: uppercase;
}

h5 {
    font-weight: bold;
}

label.checkbox {
    text-transform: none;
    font-size: 16px;
}

.datepicker tbody {
    background-color: white;
}

h3, h2, h1, .systemVoice, .thisSection {
    color: black;
}

.yesNoSelected {
    color: black;
}

.form-horizontal .control-label {
    width: 200px;
    margin-right: 20px;
}

/*.howOften, .amountInput {
    width: 150px;
}*/

select {
    height: 30px;
}

.modal-footer {
    background-color: #eff0f0;
}

.caph5 {
    color: #00A78D;
}

.caph3, .form-section h3:first-child.caph3 {
    color: #00A78D;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 25px;
}

.cap-header-icon {
    font-size: 50px;
    color: #00A78D;
    vertical-align: baseline;
}

.assisth3 {
    color: #F36421;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 25px;
}

.assist-header-icon {
    font-size: 50px;
    color: #F36421;
    vertical-align: baseline;
}

.learnh3 {
    color: #A45C13;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 25px;
}

.learn-header-icon {
    font-size: 50px;
    color: #A45C13;
    vertical-align: baseline;
}

.addDiv,
.addSec1,
.addSec2 {
    display: none;
}

.spacer {
    height: 10000px;
}

.bold {
    font-weight: bold;
}

.cap-color {
    color: #00A78D;
}

.title {
    vertical-align: top;
    margin-left: 5px;
    line-height: 50px;
}

.indent-to-right {
    margin-left: 30px;
}

.text-box, .text-box.multi-line {
    /*width: 644px;*/
    height: 100px;
}

.align-center {
    text-align: center;
}

.form-group {
    margin-bottom: 10px !important;
}

li > .row:before, li > .row:after, li.row:before, li.row:after {
    display: block;
    content: none;
}

input[type="text"].householdNum {
    vertical-align: middle;
    border: 1px solid #ccc;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.btn-inverse {
    color: #ffffff;
    background-color: #222222;
}

    .btn-inverse:hover {
        background-color: #4a4a4a;
        color: rgb(255, 255, 255);
    }

.btn-large {
    font-size: 18px;
}

label {
    font-weight: normal;
}

li > .row > div {
    float: none;
}

.modal-body.row {
    padding-bottom: 0px !important;
}

.btn-inverse[disabled] {
    background-color: #aaaaaa;
}