/***************************************
 ********** Font Declarations **********
 ***************************************/
body,
.app_section_question_caption,
.lha_section_desc {
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif !important;
    color: #141414;
    font-weight: 400;
}
h1,
h2,
h3,
h4,
h5,
h6,
legend,
.login_user_label,
.panel-heading {
    font-family: 'Raleway', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif !important;
    /* This will set the default numerical glyphs to lining instead of oldstyle */
    font-variant-numeric: lining-nums;
    -moz-font-feature-settings: "lnum";
    -ms-font-feature-settings: "lnum";
    -webkit-font-feature-settings: "lnum";
    font-feature-settings: "lnum";
    scroll-margin-top: 100px;
}
@media (max-width: 767px) {
    h1, h2, h3, h4, h5, h6 {
        scroll-margin-top: 64px;
    }
}

.text-bold {
    font-weight: bold;
}

/***************************************
 ************** Headings ***************
 ***************************************/
h1 {
    /* This is used for page headers */
    font-size: 48px;
    font-weight: 500;
}
h2,
.legend_h2 {
    /* This is used for section headers */
    font-size: 36px;
    font-weight: 500;
}
h3,
.legend_h3 {
    /* This is used for question headers */
    font-size: 18px;
    font-weight: 800;
    color: #333;
}
h4,
.legend_h4 {
    /* This is used for subsection headers */
    font-size: 16px;
    font-weight: 800;
}
h5,
.legend_h5 {
    /* This is used for Search Results headers */
    font-size: 16px;
    font-weight: 600;
}


/***************************************
 ********* Overwrite Bootstrap**********
 ***************************************/

.btn-warning {
  background-color: #7C4E0E;
  border-color: #774B0D;
  /* Override the default link color */
  color: #ffffff !important;
}
.btn-warning:active, .btn-warning:focus, .btn-warning:hover {
  background-color: #6D4309;
  border-color: #554507;
}
.btn-warning:active:focus, .btn-warning:active:hover, .btn-warning:focus:hover {
  background-color: #5F3A07;
  border-color: #4B3D07;
}
/****************************
 ********* Buttons **********
 ***************************/


.btn {
    text-transform: uppercase;
    font-weight: 700;
    white-space: normal;
}
.btn-title-case {
    text-transform: capitalize;
    font-weight: 600;
    font-size: 2.25rem;
}
.btn-full {
    width: 100%;
    min-height: 60px;
    font-size: 28px;
    text-transform: uppercase;
}
.btn-partial-full {
    min-height: 60px;
    font-size: 22px;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.btn-modal {
    width: 25%;
    margin-bottom: 10px;
    @media only print {
        display: none;
    }
}

.btn-blue {
    background-color: #2e6da4;
}

.btn-lightgreen {
    /* primary action button */
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    background-color: #5A802E;
    border-color: #5A802E;
}
.btn-lightgreen:hover,
.btn-lightgreen:focus,
.btn-lightgreen:active,
.btn-lightgreen.active,
.open > .dropdown-toggle.btn-lightgreen {
    color: #fff !important;
    background-color: #486725;
    border-color: #486725;
}
.btn-darkgreen {
    /* Secondary action button */
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    background: #3C4907;
    border-color: #3C4907;
}
.btn-darkgreen:hover,
.btn-darkgreen:focus,
.btn-darkgreen:active,
.btn-darkgreen.active,
.open > .dropdown-toggle.btn-darkgreen {
    color: #fff !important;
    background: #2E3805;

    border-color: #2E3805;
}
.btn-default {
    /* White tertiary action button */
    color: #333 !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
    background: #efefef;
    border-color: #dddddd;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-danger {
    color: #333 !important;
    background: #e0e0e0;
    border-color: #c2c2c2;
}
.btn-default-light {
    /* White tertiary action button, lighter than default */
    color: #333 !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
    background: #fdfdfd;
    border-color: #c9c9c9;
}
.btn-default-light:hover,
.btn-default-light:focus,
.btn-default-light:active,
.btn-default-light.active,
.open > .dropdown-toggle.btn-danger {
    color: #333 !important;
    background: #e0e0e0;
    border-color: #c2c2c2;
}

.btn-danger {
    /* Red destructive action button */
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    background-color: #C60000;
    border-color: #C60000;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger[disabled]:hover,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
    color: #fff !important;
    background-color: #ab0000;
    border-color: #ab0000;
}
.inline-form-btn {
    margin-top: -10px;
    margin-left: 10px;
}
@media (max-width: 767px) {
  .inline-form-btn {
    margin-left: 0;
}
}
.newline_btn {
  margin-top: 10px;
  margin-bottom: 10px;
}
.all_reset_list_btn {
  margin-top: 30px;
  margin-bottom: 50px;
}
.btn.disabled, .btn[disabled], .btn[disabled]:hover {
  opacity: 1;
  background-color: #4F4F4F;
  border-color: #4F4F4F;
  color: white;
}
.btn[disabled]:hover {
    background-color: #474747;
}
.btn-default[disabled] {
  background-color: #ffffff;
  border-color: #cccccc;
}
.navbar-brand {
    height: revert;
    padding-bottom: 13px;

    & > img {
        display: inline-block;
        margin-right: 15px;
    }
}

.radio input[type=radio],
.checkbox input[type=checkbox] {
    /* Overwrites default bootstrap style for more padding between input element and label */
    margin-left: -25px;
}
.radio > label,
.checkbox > label {
    /* Overwrites default bootstrap style for more padding between input element and label */
    padding-left: 25px;
}
.lead {
    /* Overwrites default Bootstrap style */
    margin-top: 15px;
}

.bold {
    font-weight: 700;
}
.semi-bold {
    font-weight: 600 !important;
}
.font-18 {
    font-size: 18px
}

.font-16 {
    font-size: 16px
}

.list-style-none {
  list-style-type: none;
}

/***************************************
 ************ Header/Footer ************
 ***************************************/
/* Header */
.navbar {
    /* remove bootstrap bottom margin */
    margin-bottom: 0;

    & div.container {
        border-radius: 0;
    }
    &#navbar {
        .navbar-header {
            height: 64px; /* Making explicit the natural height for spacing. Consider altering `.navbar#navbar .navbar-collapse { height: calc(100vh - 64px);}` if changing */
        }
        .navbar-collapse {
            max-height: none;

            #mobile_collapsed_nav_addition {
                display: none;
            }
        }
    }
}

@media (max-width: 767px) {
    .navbar#navbar .navbar-collapse {
        height: calc(100vh - 64px); /* viewport minus the height of .navbar-header */
        #mobile_collapsed_nav_addition {
            display: revert;
        }
        &::before {
            /*This ::before makes the transition smoother for the collapse*/
            content: "  ";
            /*This is the color of the navbar*/
            background-color: #404652;
            z-index: -1;
            height: 100vh;
            width: 100vw;
            position: absolute;
            top: 0;
            left: 0;
        }
    }
}

/* Footer */
.footer {
    background-color: #404652;
    border: none;
}
.footer p {
    margin-bottom: 20px;
}
.footer p:first-child {
    margin-bottom: 0;
    margin-top: 20px;
}
.footer img {
    margin-top: 10px;
}

.required_field_msg {
  margin-bottom: 30px;
}

/***************************************
 ************* Login Pages *************
 ***************************************/
/* Common */
.panel {
    border-radius: 4px;
    background-color: #ffffff;
    border: 1px solid #b1b1b1;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .5);
    margin-bottom: 10px;
}
.panel_header {
    margin-bottom: 10px;
}
/* Landing screen */
.login_lang_select {
    margin-top: 0;
    margin-bottom: 15px;
}
.login_lang_select label {
    display: block;
}
.login_lang_select select {
    display: inline-block;
    width: 50%;
}
.login_lang_select input.login {
    margin-left: 5px;
    margin-top: -1px;
    font-weight: 600;
}
/* Login selection */
.login-selection-panel {
    margin-bottom: 40px;
}
@media (min-width: 992px) {
    .login-selection-panel.new-applicants {
        position: relative;
    }
    .login-selection-panel.new-applicants:before {
        background-color: white;
        content: '';
        display: block;
        left: -16px;
        height: 100%;
        position: absolute;
        width: 4px;
    }
}
.login-selection-panel > a:focus {
    outline: 3px solid white;
}
h1#largeHeader {
    font-weight: 700;
    font-size: 62px;
    color: #404652;
}
a.no_decoration {
    text-decoration: none;
}
a.no_decoration div.white_pg_col:hover {
    background-color: #ececec;
}
.white_pg_col .glyphicon.glyphicon-edit,
.white_pg_col .glyphicon.glyphicon-search,
.white_pg_col .glyphicon.glyphicon-home {
    font-size: 100px;
    color: #404652;
    margin-bottom: 20px;
    margin-top: 20px;
}
.glyphicon.glyphicon-edit.center-block,
.glyphicon.glyphicon-search.center-block,
.glyphicon.glyphicon-home.center-block {
    width: 97px;
}
.white_pg_col p {
    color: black;
}
.login_user_label {
    color: #404652;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    border-bottom: 4px solid ;
    padding-bottom: 5px;
    margin-bottom: 20px;
}
.login_or {
    text-align: center;
    font-weight: 600;
    font-size: 21px;
    margin-top: 30px;
    text-transform: uppercase;
}
body#grey_background {
    background-color: #d3d3d3;
}
#terms_Div li {
    margin-top: 10px;
}
/* Misc */
p#sign_on_pg {
    padding-top: 10px;
}
ul.form {
    padding-left: 0 !important;
}
ul.form li {
    padding-bottom: 2px;
    min-width: 75px;
    padding-right: 0;
}
ul.form li label {
    min-width: 75px;
    padding-right: 0;
}
li.sign_up_form input {
    line-height: normal;
    padding-right: 0;
}

/***************************************
 ************** Unsorted ***************
 ***************************************/
/***
 * This solves the issue of a fixed header covering up content when navigating to anchors via
 * #id-of-element-to-scroll-into-view, however, it does so by creating an invisible section above
 * .anchor elements, which ends up preventing hover/focus/click through to elements under it.
 *
 * One potential fix is to use JavaScript to selectively remove these classes a few milliseconds
 * after the page is loaded (to allow for correct scrolling via url requests), then selectively
 * adding and removing these classes when a link containing "#" is clicked.
 *
 * For now, it is commented out.
 */
/*
.anchor:before {
    display: block;
    content: " ";
    margin-top: -95px;
    height: 95px;
    visibility: hidden;
}
*/

/* ** APPLICANT HOME SCREEN ** */
h2 > .header_label {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 27px;
    display: block;
}
.home_section {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ccc;
}
.home_section_header,
.review_section_header,
.lha_section_header {
    margin-bottom: 20px;
}
div.almost_there {
    background-color: #ececec;
    padding: 20px 10px;
    text-align: center;
    border-radius: 4px;
}
div.almost_there >h3 {
    margin-bottom: 5px;
}
span.bold.align-right {
    text-align: right;
    padding-right: 5px;
    display: table-cell;
    width: 150px;
    line-height: 15px;
}
span.normal.align-left {
    text-align: left;
    display: table-cell;
    width: 200px;
    line-height: 15px;
}
h2#alert {
    color: #CD0D0D; /* Mayflower $c-error-red */
}
/* ** APPLICATION FORM ** */
h1,
h2,
h4,
h5 {
    color: #404652;
}
.login_desc,
.app_section_desc,
.home_section_desc,
.review_section_desc,
.lha_section_desc {
    font-size: 18px;
    font-weight: 300;
}
.lha_section_desc {
    display: block;
}
.lha-waitlist-no-inventory {
    font-size: 20px;
}
.app_section {
    margin-top: 20px;
}
.app_section_desc {
    margin-top: 20px;
}
.app_section_question {
    margin-top: 60px;
}

.app_section_question > hr {
    margin-top: 5px;
    margin-bottom: 5px;

}

.app_section_question.first_question {
    margin-top: 30px;
}
.app_section_question_caption {
    margin-top: 5px;
    color: #575757;
    font-size: 14px;
    padding-bottom: 10px;
    margin-bottom: 0;
    display: block;
    font-weight: 400;
}
.app_section_question_conditional_caption {
    margin-top: 5px;
    color: #575757;
    font-size: 14px;
    padding-bottom: 10px;
    margin-bottom: 0;
    display: block;
    font-weight: 600;
}
.app_section_question_label_caption {
    margin-top: 5px;
    color: #575757;
    font-size: 14px;
    padding-bottom: 10px;
    margin-bottom: 0;
    margin-left: 7px;
    display: block;
    font-weight: 400;
}
#elderly-handicapped-legend {
  margin-top: 15px;
}
.app_section_question_hidden_card {
    border: 1px solid #ccc;
    background-color: #fafafa;
    padding: 20px 10px;
    border-radius: 3px;
    margin-top: 25px;
    margin-left: 0;
    margin-right: 0;
}
p#head_of_household b {
    font-size: 16px;
}
/* ** HOUSING SELECTIONS LIST BEGIN ** */

#housing-selections-list .alert {
    margin-bottom: 0;
}

#housing-selections-list .header {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 0;
  margin-top: 0;
}

#housing-selections-list .list {
    background-color: #404652;
    padding: 15px 20px;
}

#housing-selections-list .list .housing-selection-row {
    margin-bottom: 18px;
}
#housing-selections-list .list .housing-selection-row .title {
    color: #ffffff;
    font-size: 21px;
    margin-bottom: 10px;
    margin-top: 0;
    font-weight: 600;
    font-family: 'Raleway', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif !important;
}
#housing-selections-list .list .housing-selection-row .housing-selection-info, #map-popup {
    background-color: #ffffff;
    font-size: 18px;
    padding: 15px;
}
#housing-selections-list .list .housing-selection-row .housing-selection-info:not(:last-child) {
    border-bottom: 1px solid #dddddd;
}
#housing-selections-list .list .housing-selection-row .housing-selection-info > li:not(.no-grid) {
    display: grid;
    display: -ms-grid;
    grid-template-columns: 30px 1fr;
    -ms-grid-columns: 30px 1fr;
}
#housing-selections-list .list .housing-selection-row .housing-selection-info > li:not(.no-grid) .left {
    grid-column: 1 / 2;
    -ms-grid-column: 1;
}
#housing-selections-list .list .housing-selection-row .housing-selection-info > li:not(.no-grid) .right {
    grid-column: 2 / 3;
    -ms-grid-column: 2;
}
/* ** HOUSING SELECTIONS LIST END ** */

.radio > label, .checkbox > label.bold {
  font-weight: 700;
}

/*todo: move to general css section*/
input[type='checkbox'] {
    width:20px;
    height:20px;
    border-radius:5px;
    margin-top: 1px;
}

.buttons {
    margin-top: 10px;
    margin-bottom: 10px;
}

/* ** REVIEW & SUBMIT ** */
ul.applicant_certification li {
    font-size: 16px;
    margin-bottom: 8px;
}
.app_data {
    font-size: 16px;
}
.app_data dd {
    margin-bottom: 15px;
}

/* ***Program Application*** */
.program-title {
    font-weight: 500;
}
.clickable {
    cursor: pointer;
}

/* ***END OF LINE*** */
/* placeholder text begin */
input::-webkit-input-placeholder {
    color: gray;
    font-size: 16px;
    font-style: italic;
}
input:-moz-placeholder {
    /* Firefox 18- */
    color: gray;
    font-size: 16px;
    font-style: italic;
}
input::-moz-placeholder {
    /* Firefox 19+ */
    color: gray;
    font-size: 16px;
    font-style: italic;
}
input:-ms-input-placeholder {
    color: gray;
    font-size: 16px;
    font-style: italic;
}
/* placeholder text end */
span.block {
    line-height: 24px;
}
.underline {
    text-decoration: underline;
}
.margin-20 {
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.margin_top {
    margin-top: 10px;
}
.margin_right {
    margin-right: 10px;
}
.margin_left {
    margin-left: 10px !important;
}
.margin_bottom {
    margin-bottom: 10px !important;
}
.margin-sides-25 {
    margin-left: 25px;
    margin-right: 25px;
}
div#hours_and_minutes>div,
div#hours_and_minutes,
div#hours_and_minutes>div>div {
    padding: 0;
}
/* solve ng-cloak blink issue */
[ng\:cloak],
[ng-cloak],
.ng-cloak,
[v\:cloak],
[v-cloak],
.v-cloak{
    display: none !important;
}

.no_margin {
    margin: 0;
}
.float_right {
    float: right;
}
/* accessibility link external window */
span.glyphicon-new-window {
    display: inline-block;
    padding-left: 3px;
    font-size: 14px;
}
a.new_window.small {
    font-size: 14px;
}
.height_auto {
    height: auto;
}
.row.buttons {
    padding-top: 20px;
}

/* * formatting for jquery form validation - begin * */
label.error {
    font-size: 14px;
}
span span.required,
label span.required,
.required,
.parsley-required {
    color: #B60000;
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif !important;
    font-weight: 900;
    padding-left: 3px;
    font-size: 16px
}
.parsely-single-error .filled ~ .filled {
    display: none;
}
div[class*="formError"],
div[class*="serverError"],
div[class*="serverError"],
div[class*="formError2"] {
    background-color: #C60000;
    border: 1px solid #C60000;
    margin: 10px 10px;
    padding: 10px 5px;
    display: none;
    color: #ffffff;
    font-size: 18px;
}
div[class*="serverError"] {
    display: block;
}
.serverError h2,
.formError h2,
.formError2 h2 {
    color: #ffffff;
    margin-bottom: 20px;
}
.formError span,
.formError a,
.formError2 span,
.formError2 a {
    font-size: 18px;
    color: #ffffff;
}
div[class*="formError"] ol li,
div[class*="serverError"] ol li,
div[class*="formError2"] ol li {
    list-style-type: disc;
    margin-left: 20px;
}
input[type="text"].error:not(.form-control),
input[type="password"].error:not(.form-control),
input[type="radio"].error:not(.form-control),
input[type="number"].error:not(.form-control),
select.error:not(.form-control),
textarea.error:not(.form-control) {
    border-color: #C60000;
}
label.checkbox_error {
    border: solid 1px red;
}
#error_descrip {
    margin-bottom: 10px;
}
label.error {
    color: #ffffff;
    font-size: 18px;
}
.glyphicon.glyphicon-warning-sign {
    color: #ffffff;
    font-size: 50px;
}
/* * formatting for jquery form validation - end * */
.no_left_pad {
    padding-left: 0;
}
.no_weight {
    font-weight: normal !important;
}
.black {
    color: #2B2B2B;
}
.bold {
    font-weight: bold;
}
.uppercase {
    text-transform: uppercase;
}
/* **GLOBAL END* */
/* ** INDEX.HTML BEGIN ** */
div.row.language {
    margin-top: 20px;
    margin-left: 3px;
}
/* ** INDEX.HTML END ** */
/* **LOGIN BEGIN ** */
div.row.login_right {
    border: 1px solid #979797;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
div.row.login_right p {
    margin: 10px 10px 10px 10px;
}
div#second_category p {
    margin: 10px 10px 10px 10px;
}
a.btn.btn-primary {
    color: white;
    margin: 0;
}
div.row.login_right2 {
    padding-top: 25px;
}
div#second_category {
    border: 1px solid #979797;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
/* ** LOGIN END ** */
/* **BASE.HTML BEGIN ** */
#main-body-container {
    margin-top: 30px;
    margin-bottom: 100px;
}
@media (min-width: 768px) {
    #top-nav {
        float: right;
    }
}
@media (max-width: 767px) {
    #top-nav {
        margin: 0 0 0 -15px;
    }
}
/* ** BASE.HTML END ** */
/* ** claim account -begin */
label.label_for_external_link {
    display: inline-block;
}
ul#claim_account_list {
  list-style: circle;
}
/* ** claim account -end */
/* * lha finder* */
.col-lg-2.red {
    cursor: pointer;
}
.col-lg-2.orange {
    cursor: pointer;
}
.col-lg-2.orange span.glyphicon.glyphicon-plus-sign:hover {} select:disabled {
    color: grey;
    font-style: italic;
}
.report_listing {
    margin-bottom: 25px;
}
select[name="common_note"] {
    margin-bottom: 10px;
}
/* ** lha end ** */
/* step 7 begin */
div#estate_asset,
div#hh1_expenses {
    margin: 20px 0;
}
#confirmModal, #saveModal {
    background-color: rgba(51, 51, 51, .5);
}
#saveModal .dl-horizontal dt {
    white-space: normal;
    width: 300px;
    font-size: 16px;
    padding-right: 5px;
}
#saveModal .dl-horizontal dd {
    white-space: normal;
    font-size: 16px;
}


/* step 7 end */
/* ** application end ** */
/* ******* LHA PAGES ************ */
hr.border_black {
    border-color: black;
}
.no_radius {
    border-radius: initial;
}
/* ** lha user's application -begin*** */
.second_nav {
    margin-bottom: 0;
    position: relative;
    z-index: 1;
}
.second_nav ul,
.third_nav ul {
    font-size: 1.25em;
    width: 100%;
}
.second_nav ul > li {
  text-transform: uppercase;
}

.third_nav ul>li:first-child,
.second_nav ul>li:first-child {
    border-left: none;
}

.second_nav ul.nav.navbar-nav>li>a,
.third_nav ul.nav.navbar-nav>li>a {
    color: #4c4c4c;
    text-align: center;
    padding: 10px 3px;
}
@media (min-width: 768px) {
  .third_nav ul,
  .second_nav ul {
    display: flex;
  }

  .third_nav ul > li,
  .second_nav ul > li {
    border-left: 2px solid #ffffff;
    /* The % is necessary for IE 11 */
    /* noinspection CssRedundantUnit */
    flex: 1 1 0%;
    float: none;
  }
}
@media (max-width: 767px) {
  .second_nav ul>li, .third_nav ul>li {
    width: 100%;
  }
  .second_nav ul.nav.navbar-nav>li>a, .third_nav ul.nav.navbar-nav>li>a {
    padding-left: 20px;
    text-align: left;
  }
  .second_nav ul, .third_nav ul {
    width: inherit;
  }
}

span.label_caption {
    text-transform: uppercase;
    font-size: 10px;
    font-style: italic;
    font-weight: 800;
}

.worksheet-subheading {
  font-weight: 500;
}

#active_selected_programs {
    list-style-type:none;
}
#active_selected_programs>li {
    font-size: 16px;
}
/* ** lha user's application -end*** */
/* lha header/footer - begin */
div#lha_header,
nav#lha_footer,
nav#lha_footer div .footer {
    background-color: #273B4D;
}
/* lha header/footer - end */
/* **** lha - dashboard  -begin***** */
tr.no_border td {
    border-top: none !important;
}
tr.push_right td:first-child {
    padding-left: 20px !important;
}
/* **** lha - dashboard  -end***** */
/* ** lha - people - begin * */
div.pull-list-form-wrapper {
    margin-top: 15px;
}
div.pull-list-form-top-section {
    background-color: #f0f0f0;
}
div.pull-list-form-section {
    padding: 15px;
    border-bottom: 1px solid #acacac;
}
div.pull-list-form-section .pull-list-form-header {
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 15px;
}
div.pull-list-form-top-section h4 {
    padding-top: 5px;
}
/* ** lha - people - end * */
/* ** lha - housing selection - begin * */
a.close {
    display: inline-block;
    float: none;
    font-size: 16px;
    font-weight: 400;
    /*color: #428bca;*/
    text-shadow: none;
    /*opacity: 1;*/
    margin-left: 5px;
}
a.close:hover {
    text-decoration: underline;
}
a.red:hover {
    color: #B60000;
    cursor: pointer;
}
div.lha_selection_header,
div.lha_selection_header div {
    background-color: #404652;
    color: white !important;
}
h3.lha_name {
    color: white;
}
.modal-dialog {
    overflow-y: initial !important;
}
@media (max-width: 768px) {
    .modal-header button.close {
        font-size: 35px;
    }
}

#selector_modal .modal-body {
    grid-row: 2 / 3;
    -ms-grid-row: 2;
    overflow-y: auto;
    padding: 0;
}
#selector_modal .modal-footer {
    grid-row: 3 / 4;
    -ms-grid-row: 3;
}
#selector_modal .list_spacer {
    height: 50px;
    display: block;
    background-color: red;
}
div.border {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .5);
    border: solid 1px grey;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
}
div.selection_icon_container button.btn-block {
    background-color: white;
    border-color: white;
    color: #5A802E;
}
div.selection_icon_container button.btn-block span:first-child {
    font-size: 50px;
}
/* * lha - notes begin*** */
td.notes {
    max-width: 500px;
    overflow-x: auto;
}
/* * lha - notes end*** */
/* ** lha - housing selection - end * */
.no_width {
    width: inherit !important;
}
.width-max-content {
    width: max-content;
}
input#noWidth {
    width: inherit !important;
}
legend.noBorder.sm {
    font-size: 14px;
}
legend.noBorder.sm.glass {
    color: white;
}
div.row.squeeze {
    margin-top: 10px;
    border: black 1px solid;
    margin-left: 5px;
    margin-right: 25px;
}
ul#housing_type_results {
    padding-left: 15px;
}
div.row.widgets {
    border-radius: 5px;
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-top: 1px solid black;
    margin-left: 5px;
    margin-right: 25px;
}
div.row.widgets div {
    padding-left: 0;
    padding-right: 0;
}
div.widgetDetails {
    border-bottom: 1px solid black;
    border-radius: 2px;
}
div.widgetDetails p {
    padding: 5px 0 0 15px;
    font-size: 18px;
}
p#large {
    font-size: 24px;
}
p#responsePink {
    color: #3C4907;
    font-size: 24px;
}
p#responseYellow {
    color: #ec971f;
    font-size: 24px;
}
p#responseBlue {
    color: #404652;
    font-size: 24px;
}
thead.lha-results {
    background-color: #2B2B2B;
    color: white;
}
div.lha {
    background-color: rgb(249, 249, 249);
    border: solid 1px rgb(192,192,192);
}
div.scans{
    background-color: rgb(249, 249, 249);
    border: solid 1px rgb(192,192,192);
    padding-bottom: 7px;
    padding-top: 7px;
}
p.criteria_label {
    font-size: 14.4444446563721px;
    font-weight: 700;
    height: 20px;
    line-height: 22.2222232818604px;
    margin-bottom: 5px;
    color: black;
}
.no_bottom_border {
    border-bottom: none !important;
}
.no_bottom_border h3 {
    margin: 20px 0 10px 0;
    text-align: center;
}
input#personal_info_updated {
    margin-top: 10px;
}
body.scenic_background {
    background: url('/static/img/homepage_background.JPG')no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.alert-well {
    font-size: 1.7rem;
    margin: 0.5rem;
    padding: 1.5rem;
}
.alert-well .alert {
    margin: 1.5rem 0 0 0;
}

#floating-nav {
    float: right;
    margin-left: 15px;
    margin-top: 10px;
    position: sticky;
    top: 120px;
}
input[type="text"]:not(.form-control),
input[type="password"]:not(.form-control),
select:not(.form-control) {
    border-radius: 2px;
    border: 1px solid #808080;
    height: 34px;
    font-size: 18px;
    padding-left: 8px;
}
input[type="text"]:focus:not(.form-control),
input[type="password"]:focus:not(.form-control),
select>option:focus:not(.form-control) {
    border: 1px solid #404652;
}

span.list_check_mark {
    padding: 0 7px;
    display: none;
}
span.glyphicon.glyphicon-ok.green {
    padding: 0 7px;
    color: green;
}
div#test_result_row {
    display: block;
    border: dashed 2px red;
}

div.row.header>div.col-md-6 {
    margin-bottom: 10px;
}
div.row.result div.col-lg-2 {
    display: block;
}
.selection_icon_container {
    cursor: pointer;
    text-align: center;
}
a.lha_big_orange_link {
    color: #5A802E;
}
a.lha_big_orange_link:hover,
.glyphicon-plus-sign:hover {
    text-decoration: none;
    color: #486725;
}
a.lha_big_red_link {
    color: #B60000;
}
a.lha_big_red_link:hover,
.glyphicon-minus-sign:hover {
    color: #c9302c;
}
a.lha_big_yellow_link {
    color: #5A802E;
}
a.lha_big_yellow_link:hover,
.glyphicon-plus-sign:hover {
    text-decoration: none;
}
.remove-button-replacement {
    /* To offset the 19-pixel margin-top in .lha_big_primary_link when there is no Remove button */
    height: 19px;
}
.lha_big_primary_link {
    background-color: white;
    border-color: #3C4907;
    color: #3C4907;
    margin-bottom: 0;
    padding-top: 4px;
    position: relative;
    margin-top: 19px;
}
.lha_big_primary_link span {
    font-size: 50px;
    display: block;
    color: #3C4907;
}
a.lha_big_primary_link:hover,
.glyphicon-pencil-sign:hover,
button.lha_big_primary_link:hover {
    text-decoration: none;
    color: #c9302c;
}
a.lha_big_orange_link span {
    font-size: 50px;
    display: block;
    color: #e5af42;
}
a.lha_big_red_link span {
    font-size: 50px;
    display: block;
    color: #B60000;
}
a.lha_big_yellow_link span {
    font-size: 50px;
    display: block;
    color: #3C4907;
}
div.row.lha_result_applied {
    color: #3C4907;
}
#location_selection {
    margin: 10px 0;
}
.orange_button {
    background-color: #e5af42;
    border-color: #e5af42;
    padding: 10px 10px;
}
.hh_buttons {
    margin-top: 20px;
}
button.select_housing_auth,
.pink_button,
.save_button,
.add_button {
    background-color: #3C4907;
    border-color: #3C4907;
    padding: 10px 8px;
}
/* lha_find end */
/* Section 7 styles */
div.col-lg-12 .sec7_q {
    margin: 21px auto 0 auto;
}
div.col-lg-12 .sec7_radio_btns>label {
    margin-top: 10px;
}
.sec7_subsection {
    border: 1px solid #ccc;
    background-color: #fafafa;
    padding: 20px;
    border-radius: 3px;
}
div.col-lg-12 .sec7_subsection .row>div {
    padding-left: 0;
}
div.col-lg-12 .sec7_subsection h3 {
    margin: 0;
}
div.col-lg-12 .sec7_subsection input {
    background-color: #fff;
}
button#remove_hh,
button#INCOME1_remove_income,
button#ASSET1_remove_asset {
    display: none;
}
div#HOUSEHOLD1_income1 {
    border: solid 1px grey;
}
div#HOUSEHOLD1_income div.row {
    margin: 20px 0;
}
.italicized {
    font-style: italic;
}
span.normal {
    display: inline-block;
}
span#warning {
    color: #B60000;
}
input.error_input {
    border-color: #F50000;
}
.jumbotron,
.row.sign-up {
    background-color: transparent;
}
#jumbo_opacity,
.row.language div {
    background-color: white;
    border: 1px solid;
    border-radius: 5px;
    padding: 0 20px 10px 20px;
}
/* *my profile begin */
.row.messages {
    border: 2px #e5af42 solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.row.messages span.glyphicon.glyphicon-envelope {
    color: #e5af42;
    padding: 5px 5px;
}
.row.messages p {
    text-align: center;
}
.profile_submit_button {
    width: 100%;
    padding: 20px;
    font-size: 35px;
    font-weight: bold;
}
thead {
    background-color: #666;
    color: #ffffff;
}
.glyphicon.glyphicon-time,
.glyphicon.glyphicon-thumbs-down,
.glyphicon.glyphicon-remove {
    color: #3C4907;
    float: right;
    font-size: 100px;
}
.row.housing.selection {
    margin-bottom: 10px;
}
.col-lg-10.housing.selection {
    border: 2px solid #3C4907;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.col-lg-10.housing.selection.refused,
.col-lg-10.housing.selection.refused span {
    color: grey;
    border-color: grey;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
p.lha_title {
    font-size: 24px;
    margin: 0;
}
p.waitlist_status span {
    font-weight: bold;
}
span#refusals {
    padding-right: 10px;
}
button.my_profile_button {
    width: 50%;
    padding: 15px;
}
ol.app_progress_list,
ol.app_progress_list li,
ol.app_progress_list li a {
    font-size: 16px;
}
ol.app_progress_list {
    list-style: decimal;
}
p.pi_legend {
    padding: 10px 0 10px 0;
    margin: 0;
}
p.pi_legend span {
    font-weight: bold;
    font-size: 16px;
}
div.col-lg-12 > h3.not_submitted {
    margin-top: 0;
}
p#app_progress_date {
    font-size: 24px;
    font-weight: bold;
}
p#app_progress_date span {
    font-weight: normal;
}
label.pi_label {
    font-weight: bold !important;
    /* &text-align: right; */
}
input.date_picker {
    width: 55%;
}
/* remove bootstrap default css for list group -Begin */
ol#stick_nav_list li {
    display: list-item;
    list-style: decimal;
}
a.stick_nav_links {
    padding: 0 5px 0 0 !important;
}
li.list-group-item a {
    display: inline-block;
    vertical-align: top;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    color: black;
    background-color: white;
    text-decoration: underline;
}
.list-group-item {
    padding: 0;
    border: none;
}
/* end */
label#wide_label {
    width: 95%;
}
select {
    background: rgba(255, 255, 255, 1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(47%, rgba(246, 246, 246, 1)), color-stop(100%, rgba(237, 237, 237, 1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=1);
}
#body_main_list label {
    font-weight: normal;
}
#body_main_list li {
    font-weight: bold;
    font-size: 28px;
}
button,
input.save_button {
    color: white;
    background-color: black;
    border-color: black;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-bottom: 10px;
}
ul.no_list {
    padding-left: 5px;
}
#special_needs_yes,
#special_needs_no,
#AHVP_yes,
#AHVP_no,
#emergency_yes,
#emergency_no,
#wheelchair_yes,
#wheelchair_no {
    width: auto !important;
}
/* * scrollspy */
button.save_button {
    display: block;
}
@media (min-width: 768px) {
    nav.is_stuck {
        margin-left: 15px !important;
        padding-top: 75px !important;
    }
}
span[id^="spinner"],
span[id*="spinner"] {
    display: none;
}
ul.no_list li input,
li label {
    display: inline-block;
    font-size: 12px;
    list-style: none;
}
/* don't want inline block for li-s in form */
ul.no_list li {
    list-style: none;
}
.width_auto {
    width: auto;
}
.inline {
    display: inline-block;
    margin-right: 10px;
}
.cell {
    display: table-cell;
}
dd.cell {
    padding-left: 5px;
}
.lha_header_applicantID {
    font-weight: 600;
    font-size: 150%;
    text-transform: uppercase;
    display: inline-block;
}
.lha_search_result_item {
    margin-right: 10px;
    display: inline-block;
}
label.less_weight {
    font-weight: 400;
    display: inline-block;
}
input#head_of_house {
    max-width: 5% !important;
    display: inline-block;
}
nav.navbar.navbar-default {
    border-top: solid #5A802E 5px;
    background-color: #404652;
    color: white;
}
.starter-template {
    padding: 40px 15px;
    text-align: center;
}
.navbar-inverse {
    color: white;
    background-color: #404652;
}
.hello-user {
  background-color: #5a802e;
  color: white;
  margin-bottom: -1px;
  margin-left: -15px;
  padding-top: 6px;
  font-size: 16px;
  padding-bottom: 5px;
}
@media (max-width: 767px) {
    .hello-user {
        padding-left: 15px;
        font-size: 14px;
        margin: 0 -15px 10px;
    }
}
.sitewide-organization-button {
  color: #333 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
  background: rgb(207, 207, 207);
  border-color: #dddddd;
    padding: 2px!important;
    margin-left: 7px;
    margin-bottom: 1px;
}
.modal-actions {
    display: flex;
    justify-content: space-between;
}
.align-right {
    text-align: right;
}
#non-product-warning-padding {
    height: 44px;
}

/*focus styles for tab navigation*/
a:focus, .checkbox input[type="checkbox"]:focus, input[type="radio"]:focus {
    outline: 5px auto purple;
    outline-offset: 5px;
    .navbar-header & {
        outline-offset: 2px;
    }
}
.navbar-toggle:focus {
    outline: revert;
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus,
.second_nav ul.nav.navbar-nav>li.active>a,
.second_nav ul.nav.navbar-nav>li>a:hover,
.third_nav ul.nav.navbar-nav>li.active>a,
.third_nav ul.nav.navbar-nav>li>a:hover {
    background-color: #5A802E;
    text-decoration: underline;
    color: white;
    height: 100%;
}
.second_nav,
.third_nav {
    border-top: 1px solid grey;
    background-color: rgb(207, 207, 207);
}
.navbar-nav>li>a {
    padding-bottom: 22px;
    padding-top: 22px;
}
@media (max-width: 767px) {
    .navbar-nav>li>a {
        padding-bottom: 8px;
        padding-top: 8px;
    }
}
.navbar-nav li a .glyphicon.glyphicon-home {
    margin-right: 10px;
}

.navbar-inverse .navbar-nav>li>a,
.navbar-inverse .navbar-brand {
    color: white;
    font-weight: 400;
}
#extra-mobile-navbar-items {
    display: inline-block;
    width: fit-content;
    position: absolute;
    right: 74px;
}
@media (min-width: 768px) {
    #extra-mobile-navbar-items {
        display: none;
    }
}

.navbar-toggle {
    margin: 15px;

    /* Animation for changing hamburger to X */
    /*note,when upgrading to Bootstrap 4, need to add `.navbar-toggler .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggler .icon-bar + .icon-bar { margin-top: 4px; }`*/
    .icon-bar {
        transition: 300ms ease-in-out;
        position: relative;
        &:nth-child(3) {
            transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg);
            top: -7px;
        }
        &:nth-child(2) {
            transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg);
        }
        &:nth-child(1) {
            opacity: 0;
        }
    }
    &.collapsed .icon-bar {
        transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg);
        top: 0;
        opacity: 1;
    }
}

div.container.body {
    padding-top: 15px;
    padding-bottom: 200px;
}
div.container > .main_content {
    padding-left: 0;
}
div.container > .main_content h2:first-child {
    margin-top: 0;
}
.nav.navbar-nav>li>a:hover,
.nav.navbar-nav>li>a:active {
    background-color: #3C4907;
    text-decoration: underline;
}
/* create a new account and similar pages -begin */
.red {
    color: #B60000;
}
/* create a new account -end */
div.row.housing.selection {
    margin-left: 0;
}
nav.text-center {
    background-color: black;
    color: white;
}
input.orange_button {
    margin-top: 10px;
}
div#test_container {
    border-left: solid 1px black;
}
div#test_row {} div#test_column {} div#wrapper {
    background-color: #f2f2f2;
    border-top: solid 1px black;
    border-bottom: solid 1px black;
}
div.col-lg-5.lr_border {
    border-right: solid 1px #666;
    border-left: solid 1px #666;
    border-bottom: solid 1px #666;
}
/* stretch columns begin */
html,
body,
.Override.container,
.Override .col-lg-5,
.Override .col-lg-7 {
    height: 100%;
}
.Override.container:before {
    content: '';
    display: block;
    float: left;
    height: 100%;
}
.Override .fill {
    position: relative;
}
.Override .fill:after {
    content: '';
    display: block;
    clear: left;
}
.Override .column_stretch_wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
}
.Override .col-lg-5 {
    float: left;
    position: static;
}
.Override .col-lg-7 {
    position: static;
    overflow: auto;
}
.table-responsive.scroll .table {
    margin-bottom: 0;
}

.scroll { /* _Awful_ name, simply declares a size restriction for certain elements. */
    min-height: 200px;
    max-height: 500px;
}

.scroll.no-min-height {
    min-height: auto;
}

/* media queries -begin */
@media only print {
    div#scroll-able {
        width: 100%;
    }
    body {
        font-size: 12px;
    }
    button.save_btn {
        display: none;
    }
}

/* Other */
.btn.print_btn {
    font-size: 18px;
}
.print_btn > .glyphicon-print {
    padding-right: 5px;
}
.zip_search {
    padding-left: 5px;
}
.red-text {
    color: #C60000;
}


/* Accessibility skip links */
#skipnav {
    /* Hide from view under normal circumstances, in such a way that tab navigation and screen readers will
       still see it. */
    height: 1px;
    margin: -1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
    z-index: 1060;
}

#skipnav:focus, #skipnav:active {
    /* Show the link when focused or active */
    background-color: #ffffff;
    color: #000000;
    height: auto;
    margin: 0;
    width: auto;
}
/* Forms and labels */
.form-group.date {
    margin-top: 0;
    margin-right: 4px;
    display: inline-block;
    flex: 1;
}
.btn.date {
    margin-bottom: 15px;
}
.form-control.date {
    width: inherit;
}
legend.date_title {
    margin-bottom: 5px;
}
.form-group.short {
    /* For vertical that need to be closer */
    margin-top: 15px;
}
.form-group.very_short {
    /* For vertical that need to be MUCH closer */
    margin-top: 5px;
}
label,
.date_container legend {
    font-size: 16px;
    font-weight: 400;
    color: #575757;
    font-family: inherit !important;
}
.app_section_question_title, .app_section_question_title > h4 {
    color: #575757;
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif !important;
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 0;
    border: none;
}
.app_section_question_title.homeless-section {
    text-decoration: underline;
}
.homeless-emphasis {
  font-weight: bold;
}
/* Utility classes */
.inline-block {
    display: inline-block !important;
}
.save_container {
    /*border-bottom: solid 2px #ccc;*/
    margin-bottom: 25px;
    margin-top: 40px;
}
.submit_container {
    margin-bottom: 75px;
}
.btn_container {
    margin-top: 10px;
    margin-bottom: 25px;
}
.btn_container input {
    margin-right: 16px;
}
.btn_container a {
    position: relative;
    top: 2px;
}
.block {
    display: block;
}
.align_center {
    text-align: center;
}
.float-right {
    float: right;
}
.italic {
    font-style: italic;
}
.border-right {
    border-right: 2px solid var(--granite-gray-tint-60);
}
/* Misc elements */
a:link, a:visited, a:hover, a:active {
    color: #14558F;
}

hr {
    border-top: 1px solid #ccc;
}
span.bullet {
    padding: 0 8px;
}
/* For session expiration modal */
#session-timeout-dialog p {
    margin-left: 20px;
    padding-top: 8px;
}
ul.follow_lead,
.lead a.new_window {
    font-size: 21px;
    font-weight: 300;
}
.content-area {
    margin-top: 20px;
    margin-bottom: 20px;
}
div.container.header {
    padding-top: 35px;
}
.password_rules {
    border: 1px solid #ccc;
    background-color: #F7F7F7;
    border-radius: 4px;
    padding: 15px 15px 0 15px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.password_rules > h2 {
    color: #404652;
    margin-bottom: 10px;
    margin-top: 0;
    font-size: 18px;
    font-weight: 800;
}
.margin_top_0 {
    margin-top: 0;
}
.margin_top_10 {
    margin-top: 10px;
}
.margin_bottom_0 {
    margin-bottom: 0;
}
.margin_bottom_negative {
    margin-bottom: -20px;
}
.margin_bottom_10 {
    margin-bottom: 10px;
}
.margin_bottom_15 {
    margin-bottom: 15px;
}
.margin_bottom_20 {
    margin-bottom: 20px;
}
.margin_bottom_40 {
    margin-bottom: 40px;
}

.margin_top_60 {
    margin-top: 60px !important;
}
.margin_top_45 {
    margin-top: 45px !important;
}
.margin_top_30 {
    margin-top: 30px !important;
}
.margin_top_25 {
    margin-top: 25px !important;
}
.margin_top_10 {
    margin-top: 10px !important;
}
.margin_top_20 {
    margin-top: 20px !important;
}
.margin_left {
    margin-left: 10px;
}
.margin_auto {
    margin: 0 auto;
}
.margin-3-percent-auto{
    margin: 3% auto;
}

.padding_left_5 {
    padding-left: 5px;
}
.padding_left_30 {
    padding-left: 30px;
}
.padding-right-0 {
    padding-right: 0;
}
.padding-right-5 {
    padding-right: 5px;
}
.padding-right-10 {
    padding-right: 10px;
}
.padding_bottom_10 {
    padding-bottom: 10px;
}
.half_width {
    width: 50% !important;
}
.full_width {
    width: 100%;
}
.no_padding {
    padding: 0 !important;
}
.no_margin {
    margin: 0 !important;
}
.display_none {
    display: none;
}
.display-inline-block {
    display: inline-block;
}
legend {
    border: none;
}
body {
    padding-top: 0;
    padding-bottom: 78px;
}
.navbar {
    border-radius: 0;
}

label.form-field-required:after,
.form-field-required label:after {
    color: #B60000;
    content: "*";
    font-weight: 900;
    padding-left: 3px;
    padding-right: 8px;
}

.form-field-required .radio label:after {
    content: "";
}

/* ** LOGIN_LANDING BEGIN ** */

.panel-body > .text-center {
    height: 80px;
}

.panel-body .panel-short-title {
    padding-top: 16px;
}

/* **LOGIN_LANDING END* */

.help-block.filled > div:before, span.backend-error > div.backend-error:before {
    content: 'Error: ';
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

/* View Application header */
.equal-height {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}
.lha-header {
    .lha_header_name {
        display: inline-block;
    }

    .lha_header_name, .lha_header_applicantID {
        margin-right: 15px;
    }

    .lha_column {
        display: flex;
        align-items: flex-end;
    }

    #action-column {
        justify-content: flex-end;
        align-items: center;

        & button {
            margin: 20px 20px;
        }
    }
}

.medium-heavy {
    font-weight: 500;
}
.international-address > .help-block {
    margin-top: 0px;
    margin-bottom: 0px;
}
.zip-error {
    color: #a94442;
    font-weight: bold;
}
.zip-code-lookup-link {
    /* Ensure that the text is all on one line */
    display: inline-block;
    font-size: 14px;
}
.applicant-summary-prompt{
    font-weight: normal;
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif !important;
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
}

.applicant-summary-text{
    font-weight: bold;
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif !important;
    font-size: 14px;
    border-bottom: 1px solid #ccc;
}
.applicant-summary-bold{
    font-weight: bold;
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif !important;
    font-size: 14px;
}
.applicant-summary-heading{
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif !important;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0;
    border: none;
}
.account-description {
  font-size: 1em;
}

/* EOHLC Process Merge Groups */
#merge-group-search-form {
    display: inline-block;
}
#merge-modal {
  /* Allow scrolling if the modal is too tall */
  overflow-y: auto;
}
#merge-modal .modal-dialog {
  /* Override default value of 600px */
  width: 800px;
}
#decline-modal .button-row button, #merge-modal .button-row button {
  margin: 5px 20px;
}

/* Mark as Duplicate */
#mark-as-duplicate .alert {
    float: left;
    margin: 40px 20px 10px 20px;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 40px;
    position: relative;
    width: 80%;
}
#mark-as-duplicate button.close {
    top: 1px;
}
#mark-as-duplicate .remove-button {
    position: relative;
    top: 30px;
}
#mark-as-duplicate .has-success .control-label {
    /* Ignore the green color */
    color: #575757;
}
#mark-as-duplicate .has-success .form-control {
    /* Ignore the green color */
    border-color: #cccccc;
}

/* Help Page */
.help-page-question {
    font-size: 20px;
    font-weight: bold;
}
.help-page-answer {
    font-size: 18px;
}
.help-page-links {
    font-size: 18px;
    font-weight: bold;
}
.help-guide-title {
  margin-top: 0;
}
.new-page {
    background-color: #ff0070;
    border-radius: 5px;
    color: #ffffff;
    display: inline-block;
    padding: 6px 12px 6px 21px;
    position: relative;
}
.new-page:before {
    content: '*';
    font-size: 1.6em;
    left: 10px;
    position: absolute;
    top: 8px;
}

/* Google charts fix from https://stackoverflow.com/a/39775254/2800876 */
svg > g > g:last-child { pointer-events: none }

.check-ssn-button {
  margin-left: 15px;
}

#application-claim-error .button-holder > * {
  max-width: 250px;
  display: inline-block;
}

#application-claim-error .button-holder .first-button {
  margin: 10px 250px 5px 0;
}

#application-claim-error .button-holder .second-button {
  margin: 10px 10px 5px 0;
}

.verify-email-steps {
  line-height: 1.5;
}

.voice_warning {
    color: #880000;
}

.maintenance-mode-form .form-control {
  width: auto;
}

@media only print {
    /* table responsive sometimes ends up with scrollbars in printed pages,
       this removes the property when printing.*/
    .print-safe-table-responsive {
        overflow-x: visible;
    }
}

.resize-vertical {
  resize: vertical;
}

.generate-receipt-input {
    width: 300px;
}

#lhaPickModal {
    padding: 10px;
    text-align: left;
}

#update-status-modal > .modal-dialog {
    max-width: 600px;
}

.view-scan-text {
    font-weight: 400;
    font-size: 18px;
}

.letter-tracking-glyphicon {
    padding-left: 5px;
    padding-right: 5px;
}

.screening-navigation a {
    height: 100%;
}

.five-hundred-percent {
    width: 500%;
}


.file-open-button {
    margin-bottom: 3px;
}

/* Dark magic ahead */
.child-row-table tr:not(.even):not(.odd) td {
    border-top: none;
}
.child-row-table tr.odd,
.child-row-table tr.odd + tr:not(.even):not(.odd) {
    background-color: #f9f9f9;
}
.child-row-table tr.even,
.child-row-table tr.even + tr:not(.even):not(.odd) {
    background-color: #ffffff;
}

.dashboard_program_header {
    font-size: 24px;
    font-weight: 600;
    color: #333;
    text-decoration: underline;
    padding: 0;
}

.program-section {
    padding-bottom: 15px;
    padding-top: 15px;
    border-bottom: 1px solid #ccc;
}

.status-text {
    font-size: 18px;
}

.less-margin {
    margin-bottom: 4px;
}

.right-on-desktop {
    text-align: right;
}

@media (max-width: 767px) {
    .right-on-desktop {
        text-align: left;
    }
}
.dt-nofilter .dataTables_filter {
    display: none;
}

.dt-nolength .dataTables_length {
  display: none;
}

.dt-nopaginate .dataTables_paginate {
    display: none;
}

.application-action-button {
    width: 270px;
}

.border-left {
    border-left: 1px solid rgb(192,192,192);
}

@media (max-width: 767px) {
    .mobile-hide {
        display: none;
    }
}
.truncate-with-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hr-text {
    display: flex;
    flex-basis: 100%;
    align-items: center;
}
.hr-text:before,
.hr-text:after {
    content: "";
    flex-grow: 1;
    background: black;
    height: 1px;
    margin: 8px;
}