/*----Start of new level---/efs/cs/response/content/default//assets/css/client-skin.css---*/

/*----End of current level---/efs/cs/response/content/default//assets/css/client-skin.css---*/

/*----Start of new level---/efs/cs/response/content/clients/lf-oldnational//assets/css/client-skin.css---*/
/*
	Global
*/

@font-face{
    font-family:"Gotham Narrow Normal";
    src:url("../fonts/GothamNarrowMedium_normal_condensed.woff2") format("woff2"),url("../fonts/GothamNarrowMedium_normal_condensed.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}

@font-face{
    font-family:"Gotham Narrow Bold";
    src:url("../fonts/GothamNarrowBold_normal_condensed.woff2") format("woff2"),url("../fonts/GothamNarrowBold_normal_condensed.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}

@font-face{
    font-family:"Gotham Narrow Black";
    src:url("../fonts/GothamNarrowBlack_normal_condensed.woff2") format("woff2"),url("../fonts/GothamNarrowBlack_normal_condensed.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}

@font-face{
    font-family:"Whitney Condensed Bold";
    src:url("../fonts/WhitneyCondensedBold_normal_condensed.woff2") format("woff2"),url("../fonts/WhitneyCondensedBold_normal_condensed.woff") format("woff");
    font-style: normal;
}

:root {
    --color-primary: #00539b;
    --color-primary-dark: #004582;
    --color-secondary: #6c7d89;
    --color-secondary-light: #c4cbd0;
    --color-secondary-dark: #515e57;
    --color-tertiary: #FFC425;
    --color-tertiary-dark: #f1b000;
    --color-light: #D8DCDB;
    --color-dark: #303B44;
    --color-border: #D8DCDB;
    line-height: 1.5;
}

hr#lf-next-steps-zoneB1-separator {
    display: none;
}

.lf-calculator .lf-after-input, .lf-calculator .lf-before-input {
    top: 11px;
}

body.lf-calculator,
.lf-calculator input,
.lf-calculator table textarea,
.lf-calculator table select,
.lf-calculator table span,
.lf-calculator button,
#lf_answer {
    font-family: "Gotham Narrow Normal", "helvetica", "sans-serif" !important;
}

h1 {
    font-family: "Gotham Narrow Black", "helvetica", "sans-serif" !important;
    font-size: 36px !important;
}

h2 {
    font-family: "Whitney Condensed Bold", "helvetica", "sans-serif" !important;
    font-size: 24px !important;
}

.lf-advanced.lf-calculator .lf-results:before {
    display: none
}

#lf_graphs-table .lf-table thead th {
    padding: 16px 20px;
}

#lf_graphs-table .lf-table thead th {
    background: none repeat scroll 0 0 var(--color-secondary-light);
    color: black;
}

tr.dark-color-row td {
    background-color: #FFF !important;
    color: black;
}

tr.light-color-row td {
    background-color: #E9ECEE !important;
    color: black;
}

#lf_graphs-table .lf-table tbody#lf-table-rows td, #lf_graphs-table .lf-table tbody#lf-table-rows th {
    padding: 12px 20px;
}

.lf-results-loop .lf-dot-label {
    background: none !important;
}

:focus, .lf-show-tooltip:focus {
    outline-color: var(--color-dark) !important;
}

.clear { clear: both; }

/* LF HEADER LOGO */
#lf-branding-logo-link {
    display: none;
}

#lf_terms_of_use_label b {
    color: var(--color-primary);
}

/* LINKS */
.lf-calculator a {
    color: var(--color-primary);
}

/* SHARE BUTTON (this selection keeps the share button from being effected by roll-over button adjustments) */
.lf-calculator button.lf-save-print-share, .lf-calculator button.lf-save-print-share-popup {
    background: none !important;
    color: var(--color-primary) !important;
}

.lf-email-ok {
    color: var(--color-primary-dark);
}

#lf_save_print_share {
    display: none;
}

/* Email Checkmarks */
.lf-save-print-share-pop-up li:before {
    color: var(--color-primary-dark);
}

button#lf-email-submit:hover {
    background: var(--color-primary-dark);
}

.lf-share-icon-svg {
    stroke: var(--color-primary);
}

/*
	Worksheet #1: Basic Color Scheme
*/

/* A. MORE INFO BUTTON */
.lf-calculator .lf-more-info, .lf-not-touch .lf-more-info:hover, .lf-calculator .lf-more-info:focus {
    color: var(--color-primary);
    background: none !important;
}
/* A. ACCORDION ARROW */
.lf-arrow:after {
    color: var(--color-primary);
    top: 3px;
}
/* A. SHOW TOOLTIP BUTTON */
a.lf-show-tooltip {
    color: var(--color-primary);

}
/* A. SHARE BUTTON */
.lf-calculator button.lf-save-print-share, .lf-calculator button.lf-save-print-share-popup {
    color: var(--color-primary);
}


/* C. ERROR - BACKGROUND COLOR */
.lf-calculator .lf-main-inner .lf-error, .lf-centered.lf-error {
    background: #C01030 url(../images/lf-error-icon.png) 13px 12px no-repeat;
}


/* D. SLIDER - RANGE LINE */
.lf-calculator .ui-slider-horizontal .ui-slider-range, .ui-slider-bg {
    background: none repeat scroll 0px 0px var(--color-primary);
}
/* D. SLIDER - HANDLE */
.lf-calculator .ui-slider-handle:before, .lf-sliderhandles:before {
    border: 1px solid var(--color-primary);
}
/* D. SLIDER - HANDLE TOUCH */
.lf-calculator .lf-fingers .ui-slider-handle:before, .lf-sliderhandles:before {
    border: 2px solid var(--color-primary);
}


/* E. INPUTS RIGHT COLUMN BACKGROUND */
.lf-right-col {
    background-color: #F5F5F5;
    border-radius: 2px;
}

#lf_input_fields fieldset {
    box-shadow: none;
    webkit-box-shadow: none;
}

/* F. BACKGROUND */
#lf_main {
    background-color: #f5f5f5 !important;
    background: none;
}
.lf-main-inner .lf-question {
    padding: 20px 15px 20px 15px;
}


/* G. TITLE */
#lf_title_label {
    color: var(--color-primary);
    padding-top: 0;
}
/* G. ANSWER */
#lf_next_steps_label {
    text-transform: capitalize;
    padding: 12px 32px;
    top: 0;
    border-radius: 0;
    outline-offset: 2px !important;
}

.lf-calculator #lf_answer_text_details {
    background: #FFF;
    border-radius: 2px;
    border: 2px solid var(--color-border);
}

#lf_next_steps_label:hover {
    background-color: var(--color-primary-dark);
    background-image: none;
}

.lf-answer, .lf-answer > span {
    color: #000;
}

span#lf_answer {
    color: #000;
}

/* Bold answer text */
span#lf_answer span {
    color: var(--color-primary-dark);
}

/* G. GLOSSARY HEADER */
#lf-tooltip-term {
    color: var(--color-primary);
}


/* H. BODY TEXT */
.lf-calculator, .body_font {
    color: #000;
}
/* H. LABELS + SUPPORTING TEXT */
.lf-calculator label, .lf-small-label {
    color: #000;
}
/* H. INPUTS */
.lf-calculator input:not(.lf-input-safe) {
    color: #000;
    box-shadow: none;
    margin-bottom: .5rem;
    border-radius: 0;
    padding: 12px 22px !important;
    height: auto !important;
}
/* H. ACCORDIAN HEADERS */
.lf-accordion-label {
    color: #000;
}
.lf-accordion .lf-simple-viewport-fields {
    box-shadow: none;
    border-radius: 2px;
    background-color: #f5f5f5;
    padding-bottom: 8px;
}
#lf-accordion-tab-template-placeholder li button {
    text-transform: capitalize;
    font-weight: bold;
    border-radius: 2px;
}
/* H. GLOSSARY TEXT */
#lf-tooltip-text {
    color: #000;
}


/* I. TAB TEXT - ON STATE - DO NOT TOUCH!!! */
.lf-legend.lf-open, .lf-calculator .lf-legend:focus {
    color: #636363; /* on state */
}
/* I. TAB TEXT - OFF STATE */
.lf-calculator .lf-legend {
    color: #636363;
}

#lf_Help #lf_help_tab {
    font-weight: bold;
    text-transform: capitalize !important;
    transform: none !important;
}

#lf_help_label {
    color: #636363;
}


/*
	Worksheet #2: Carousel Color and Gradients
*/

/* A. GRAPH DOT SELECTOR */
.lf-active .lf-dot {
    background: none repeat scroll 0 0 var(--color-primary);
}
.lf-not-touch .lf-dot:hover, .lf-dot:focus {
    background: var(--color-primary);
}
.lf-results-loop a {
    color: var(--color-primary);
    text-decoration: none;
}
.lf-results-loop a:link, .lf-results-loop a:visited {
    color: var(--color-primary);
    text-decoration: none;
}
.lf-dot-holder.lf-dot-label {
    color: var(--color-primary);
}
.lf-results-loop a:hover, .lf-dot-holder.lf-dot-label:hover {
    color: var(--color-primary);
    text-decoration: none;
}

.lf-not-touch a:hover {
    color: #1b1f22;
}

/* B + C. BUTTONS */
.lf-calculator button, .lf-calculator .lf-step-prev {
    color: #FFFFFF;
    background: var(--color-primary);
    background: -moz-linear-gradient(top, var(--color-primary) 0%, var(--color-primary) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,var(--color-primary)), color-stop(100%,var(--color-primary)));
    background: -webkit-linear-gradient(top, var(--color-primary) 0%,var(--color-primary) 100%);
    background: -o-linear-gradient(top, var(--color-primary) 0%,var(--color-primary) 100%);
    background: -ms-linear-gradient(top, var(--color-primary) 0%,var(--color-primary) 100%);
    background: linear-gradient(to bottom, var(--color-primary) 0%,var(--color-primary) 100%);
}

#lf_help_label {
    color: #FFF;
}

/* D + E. SIMPLE TABS */
.lf-simple .lf-legend {
    color: #fff;
    background: #999999;
    background: -moz-linear-gradient(top, #999999 0%, #999999 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #999999), color-stop(100%, #999999));
    background: -webkit-linear-gradient(top, #999999 0%, #999999 100%);
    background: -o-linear-gradient(top, #999999 0%, #999999 100%);
    background: -ms-linear-gradient(top, #999999 0%, #999999 100%);
    background: linear-gradient(to bottom, #999999 0%, #999999 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#999999', GradientType=0) !important;
}
.lf-simple .lf-legend.lf-open,
.lf-simple .lf-legend:focus,
.lf-simple .lf-legend:hover {
    color: #fff;
    background: var(--color-primary-dark);
    background: -moz-linear-gradient(top, var(--color-primary-dark) 0%, var(--color-primary-dark) 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--color-primary-dark)), color-stop(100%, var(--color-primary-dark))) !important;
    background: -webkit-linear-gradient(top, var(--color-primary-dark) 0%, var(--color-primary-dark) 100%) !important;
    background: -o-linear-gradient(top, var(--color-primary-dark) 0%, var(--color-primary-dark) 100%) !important;
    background: -ms-linear-gradient(top, var(--color-primary-dark) 0%, var(--color-primary-dark) 100%) !important;
    background: linear-gradient(to bottom, var(--color-primary-dark) 0%, var(--color-primary-dark) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--color-primary-dark)', endColorstr='var(--color-primary-dark)', GradientType=0) !important;
}
#lf_help_label {
    color: #FFF;
}

/* F + G. POP-UP HEADER AND BORDER */
.ui-widget-content {
    border: 1px solid #000;
    box-shadow: none !important;
}
.ui-widget-header,
.lp-pom-box {
    color: #FFF;
    border: 0px solid #000;
    background: #000 !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454545', endColorstr='#454545',GradientType=0 );
}
/* F + G. POP-UP TITLE */
.ui-dialog-title {
    color: #FFF;
}

.ui-widget-content.firstmidwest-modal {
    border-top: none !important;
}

.ui-dialog.firstmidwest_roadbump-dialog {
    max-width: 348px;
}

#lf-tooltip-close {
    color: var(--color-primary) !important;
}
.ui-dialog-titlebar-close.ui-corner-all {
    color: #FFF !important;
}

.ui-dialog-titlebar h2 {
    color: #FFF;
}


/*
	Worksheet #3: Additional Colors for Stepped Layouts
*/

#lf-tablist li a:focus, #lf-tablist li a:active {
    text-decoration: none;
}
.lf-calculator .lf-step-tabs .lf-step span {
    color: var(--color-primary);
    text-shadow: none;
}

/* A + B. COMPLETED STEP GRADIENT */
.lf-calculator .lf-step-tabs .lf-progress {
    background: #000;
    background: -moz-linear-gradient(top, #000 0%, #000 5%, #000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000), color-stop(5%, #000), color-stop(100%, #000));
    background: -webkit-linear-gradient(top, #000 0%, #000 5%, #000 100%);
    background: -o-linear-gradient(top, #000 0%, #000 5%, #000 100%);
    background: -ms-linear-gradient(top, #000 0%, #000 5%, #000 100%);
    background: linear-gradient(to bottom, #000 0%, #000 5%, #000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#000', GradientType=1);
    box-shadow: -3px -7px 11px 5px #000 inset;
}
.lf-calculator .lf-step-tabs li#lf-results-tab.lf-progress a:after {
    background-color: #000;
}
.lf-calculator .lf-step-tabs .lf-progress span {
    color: #ffffff;
}
#lf-tablist li#lf-results-tab a:after {
    top: -2px;
    background-color: var(--color-light);
}
/* C + D. CURRENT STEP GRADIENT */
.lf-calculator .lf-step-tabs .lf-step.lf-active {
    background: none repeat scroll 0 0 var(--color-primary);
}
.lf-calculator .lf-step-tabs li.lf-active,
.lf-calculator span.lf-selected {
    background: var(--color-primary);
    background: -moz-linear-gradient(top, var(--color-primary) 0%, var(--color-primary) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--color-primary)), color-stop(100%, var(--color-primary)));
    background: -webkit-linear-gradient(top, var(--color-primary) 0%, var(--color-primary) 100%);
    background: -o-linear-gradient(top, var(--color-primary) 0%, var(--color-primary) 100%);
    background: -ms-linear-gradient(top, var(--color-primary) 0%, var(--color-primary) 100%);
    background: linear-gradient(to bottom, var(--color-primary) 0%, var(--color-primary) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--color-primary)', endColorstr='var(--color-primary)', GradientType=0);
    box-shadow: -3px -7px 11px 5px var(--color-primary) inset;
}
.lf-calculator .lf-step-tabs .lf-active.lf-step {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--color-primary)', endColorstr='var(--color-primary)', GradientType=1);
}
.lf-calculator .lf-step-tabs li.lf-active a:after {
    border-left: 12px solid var(--color-primary);
}
.lf-calculator .lf-step-tabs li#lf-results-tab.lf-active a:after {
    background-color: var(--color-primary);
}
.lf-calculator .lf-step-tabs .lf-active span {
    color: #ffffff;
}


/* E + F. FUTURE STEP GRADIENT */
.lf-calculator .lf-step-tabs li,
.lf-calculator span.lf-selected {
    background: #bbbbbb;
    background: -moz-linear-gradient(top, #bbbbbb 0%, #bbbbbb 5%, #bbbbbb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bbbbbb), color-stop(5%, #bbbbbb), color-stop(100%, #bbbbbb));
    background: -webkit-linear-gradient(top, #bbbbbb 0%, #bbbbbb 5%, #bbbbbb 100%);
    background: -o-linear-gradient(top, #bbbbbb 0%, #bbbbbb 5%, #bbbbbb 100%);
    background: -ms-linear-gradient(top, #bbbbbb 0%, #bbbbbb 5%, #bbbbbb 100%);
    background: linear-gradient(to bottom, #bbbbbb 0%, #bbbbbb 5%, #bbbbbb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbbbbb', endColorstr='#bbbbbb', GradientType=1);
    box-shadow: -3px -7px 11px 5px #bbbbbb inset;
}
.lf-calculator .lf-step-tabs li a:after {
    border-left: 12px solid #bbbbbb;
}
.lf-calculator fieldset {
    border-radius: 0;
}
.lf-calculator fieldset label {
    font-size: .9rem;
    font-weight: bold;
    color: black;
    padding-bottom: .35rem;
    text-transform: uppercase;
}
.lf-calculator .lf-step-tabs li#lf-results-tab a:after {
    background-color: #bbbbbb;
}


#lf_privacy_policy_label {
    display: none;
}

body {
    background: none !important;
    padding: 5px !important;
}

/* home ctas*/
.lf-simple  #nsz-home-img,
.lf-simple-plus #nsz-home-img,
.lf-advanced #nsz-home-img {
    background-image: url('/response/lf-oldnational/artifact/creditline01/assets/images/home.png');
    background-repeat: no-repeat;
    background-size: contain;
    height: 188px;
    width: 130px;
    margin: auto;
}
.lf-simple #nsz-home-zoneb-wrapper #nsz-links-wrapper,
.lf-simple-plus #nsz-home-zoneb-wrapper #nsz-links-wrapper,
.lf-advanced #nsz-home-zoneb-wrapper #nsz-links-wrapper {
    font-size: 24px;
    max-width: 311px;
    margin: auto;
    padding-bottom: 20px;
    text-align: center;
}
#nsz-home-zonea-wrapper {
    margin-top: 30px;
}
.lf-simple #nsz-home-zonea-wrapper #link1,
.lf-simple-plus #nsz-home-zonea-wrapper #link1,
.lf-advanced #nsz-home-zonea-wrapper #link1 {
    padding-bottom: 0px;
    padding-top: 10px;
    max-width: 380px;
    text-align: center;
    margin: auto;
}
.lf-simple #lf-next-steps-zoneA-content #nsz-home-zonea-wrapper #go_btn,
.lf-simple-plus #lf-next-steps-zoneA-content #nsz-home-zonea-wrapper #go_btn,
.lf-advanced #lf-next-steps-zoneA-content #nsz-home-zonea-wrapper #go_btn {
    margin-left: 0;
}
.lf-simple #nsz-home-zonea-wrapper #link2, .lf-simple-plus #nsz-home-zonea-wrapper #link2, .lf-advanced #nsz-home-zonea-wrapper #link2 {
    padding-right: 0;
    padding-bottom: 20px;
    padding-top: 10px;
    margin: auto;
    max-width: 440px;
    text-align: center;
}
.lf-simple #nsz-home-zonea-wrapper #link3, .lf-simple-plus #nsz-home-zonea-wrapper #link3, .lf-advanced #nsz-home-zonea-wrapper #link3 {
    padding-right: 0;
    padding-bottom: 20px;
    padding-top: 10px;
    margin: auto;
    max-width: 450px;
}

/* budget ctas */
.lf-simple  #nsz-budget-img,
.lf-simple-plus #nsz-budget-img,
.lf-advanced #nsz-budget-img {
    background-image: url('/response/lf-oldnational/artifact/creditline01/assets/images/budget.png');
    background-repeat: no-repeat;
    background-size: contain;
    height: 188px;
    width: 110px;
    margin: auto;
}
#nsz-budget-zonea-wrapper, #nsz-stock-zoneb-wrapper, #nsz-stock-zonea-wrapper {
    margin-top: 30px;
}
.lf-simple #nsz-budget-zonea-wrapper #nsz-links-wrapper,
.lf-simple-plus #nsz-budget-zonea-wrapper #nsz-links-wrapper{
    font-size: 24px;
    max-width: 410px;
    margin: auto;
    padding-bottom: 20px;
}
.lf-advanced #nsz-budget-zonea-wrapper #nsz-links-wrapper{
    font-size: 24px;
    max-width: 320px;
    margin: auto;
    padding-bottom: 20px;
}
.lf-simple-plus #nsz-budget-zonea-wrapper #link1,
.lf-simple #nsz-budget-zonea-wrapper #link1{
    text-align: center;
}
.lf-simple #nsz-budget-zoneb-wrapper,
.lf-simple-plus #nsz-budget-zoneb-wrapper{
    margin-top: 20px;
}

/* CTA tweaks */
a.link, #link2 a, #link3 a, #link4 a {
    color: var(--color-primary) !important;
    font-size: 24px;
}
#link1 {
    font-size: 24px;
}
.lf-simple #nsz-home-zoneb-wrapper #nsz-links-wrapper, .lf-simple-plus #nsz-home-zoneb-wrapper #nsz-links-wrapper, .lf-advanced #nsz-home-zoneb-wrapper #nsz-links-wrapper {
    max-width: 600px;
}
#nsz-home-img, #nsz-budget-img {
    height: 150px !important;
}
#lf-next-steps-zoneA-content {
    height: auto;
}
#nsz-budget-zoneb-wrapper #link2 a, #nsz-budget-zoneb-wrapper #link3 a, #nsz-budget-zoneb-wrapper #link4 a {
    font-size: 20px;
}
#nsz-budget-zonea-wrapper #nsz-links-wrapper {
    max-width: 500px;
}
#nsz-budget-zonea-wrapper #link1, #nsz-budget-zonea-wrapper #link1 {
    text-align: left !important;
}

/* Slider */
.lf-slider, .ui-slider-track {
    box-shadow: none;
    background-color: transparent;
}

.ui-slider-track:after {
    height: 3px;
}

.ui-slider-bg {
    height: 3px;
}

.lf-calculator .ui-slider-handle {
    border-radius: 2px;
}

.lf-arrow:before {
    display: none;
}

.lf-percent .lf-input-comma {
    padding-right: 21px !important;
}

/* Simpleplus only */
.lf-simple-plus .lf-right-col {
    background-color: #FFF;
}

.lf-simple-plus.lf-calculator fieldset {
    background-color: #f5f5f5;
}

/* Stepped */
#lf-tablist .lf-step.lf-active {
    background: none repeat scroll 0 0 var(--color-primary) !important;
}

.lf-calculator .lf-step-tabs li a {
    text-transform: capitalize;
    font-weight: bold;
}

#lf-tablist li.lf-active, .lf-calculator span.lf-selected {
    background-image: none !important;
    box-shadow: none;
    background: var(--color-primary);
}

#lf-tablist li.lf-active a:after {
    border-left: 12px solid var(--color-primary);
}

#lf-tablist li.lf-active a span, #lf-tablist li.lf-progress a span {
    text-shadow: none;
}

#lf-tablist li {
    box-shadow: none;
    background: var(--color-light);
}

#lf-tablist li a:after {
    border-left: 12px solid var(--color-light);
}

#lf-tablist li#lf-results-tab.lf-progress a:after {
    background-color: var(--color-secondary-dark);
}

#lf-tablist li a span {
    text-shadow: none;
}

.lf-advanced.lf-calculator button:not(.lf-modal-close-btn) {
    border-radius: 2px;
    padding: 12px 32px;
    font-weight: bold;
}

.lf-simple .lf-call-to-action__buttons button,
.lf-simple-plus .lf-call-to-action__buttons button {
    padding: 10px 25px;
    white-space: normal;
    font-weight: bold;
}

div.lp-pom-root .lp-pom-button {
    white-space: normal !important;
    font-weight: bold !important;
    background: var(--color-primary) !important;
}

div.lp-pom-root .lp-pom-button:hover {
    background: var(--color-primary-dark) !important;
}

.lf-simple-plus hr#lf-next-steps-zoneB1-separator,
.lf-simple hr#lf-next-steps-zoneB1-separator {
    margin-bottom: 1rem;
}

.lf-advanced #lf-results-next-steps {
    margin-top: 1rem;
}

.lf-calculator table tbody tr,
.lf-calculator .lf-standard-rows-table.evenRow, .lf-calculator .lf-standard-rows-table.evenRow tr,
.lf-standard-input-container:nth-child(odd) {
    background: #FFF !important;
}

#lf-tablist .lf-progress a:after {
    border-left: 12px solid var(--color-secondary-dark);
}

#lf-tablist .lf-progress {
    box-shadow: none;
    background: var(--color-secondary-dark);
}

.lf-calculator.lf-advanced .lf-next-steps-buttons {
    height: auto;
    text-transform: capitalize;
}

.lf-calculator.lf-advanced .lf-next-steps-buttons button:hover {
    background-color: var(--color-primary-dark);
    background-image: none;
}

#lf-tablist li#lf-results-tab.lf-active a:after {
    background-color: var(--color-primary);
}

.lf-simple button,
.lf-simple-plus button,
.lf-advanced button {
    text-transform: capitalize;
}

div#lf_answer_text_details {
    box-shadow: 3px 3px 3px -3px rgba(50, 50, 50, .3);
    webkit-box-shadow: 3px 3px 3px -3px rgba(50, 50, 50, .3);
}

.lf-simple-plus .lf-graphs ul.lf-graph-list {
    margin-top: 1.5rem;
}

.lf-simple .lf-graphs ul.lf-graph-list {
    margin-top: 1.5rem;
}

/* CTA */
#nsz-home-zoneb-wrapper #nsz-home-img,
#nsz-home-zoneb-wrapper #link2 {
    display: none;
}

#nsz-home-zonea-wrapper #nsz-home-img,
#nsz-home-zonea-wrapper #link2 {
    display: none;
}

.lf-calculator .lf-call-to-action__buttons {
    display: flex;
    grid-gap: 20px;
    justify-content: center;
    margin-bottom: 20px;
}

.lf-calculator.lf-advanced #lf-results-panel .lf-call-to-action__buttons {
    flex-direction: column;
}

.lf-calculator .lf-call-to-action__buttons button {
    width: 100%;
    height: 100%;
}

/* Turn zone A into a single column */
#nsz-home-zonea-wrapper .lf-call-to-action__buttons {
    flex-direction: column;
}

.lf-call-to-action__buttons button {
    background-image: none;
    background-color: var(--color-tertiary);
    color: var(--color-primary-dark);
}

.lf-calculator .lf-call-to-action__buttons button:hover,
.lf-calculator .lf-call-to-action__buttons button:focus,
.lf-calculator .lf-call-to-action__buttons button:active {
    background-image: none;
    background-color: var(--color-tertiary-dark);
    color: var(--color-primary-dark)
}

.lf-advanced #nsz-home-zoneb-wrapper #nsz-links-wrapper {
    padding-bottom: 0;
}

/* Calendar icons */
.lf-step-field-date-link {
    color: var(--color-primary);
}

#Home_TargetPayoffDate_dateIcon,
#Home_ExtraPaymentStartDate_dateIcon {
    box-shadow: none;
    background-color: #FFF;
    height: 34px;
}

/* TODO: Click and drag buttons and they turn purple for some reason */

@media screen and (max-width: 1000px) {
    .lf-simple #nsz-home-zoneb-wrapper .lf-call-to-action__buttons,
    .lf-simple-plus #nsz-home-zoneb-wrapper .lf-call-to-action__buttons,
    #lf-next-steps-zoneB1 .lf-call-to-action__buttons {
        flex-direction: column;
    }
}

@media screen and (max-width: 670px) {
    #nsz-home-zoneb-wrapper .lf-call-to-action__buttons {
        flex-direction: column;
    }

    #lf-tablist li.lf-active a span, #lf-tablist li.lf-progress a span {
        color: #FFF;
    }

    #lf-tablist li.lf-progress {
        background: var(--color-secondary-dark);
    }

    .lf-calculator #lf-results-tab-mobile {
        background-image: none;
        box-shadow: none;
        background-color: var(--color-secondary-dark);
    }

    #lf-results-tab-label-mobile {
        color: #FFF !important;
    }

    #lf_next_steps_label {
        top: 8px;
    }

    .lf-calculator table tbody tr {
        background-color: #FFF;
    }
}

.lf-calculator .glyphicons:before {
    padding: 8px;
}

.lf-call-to-action__buttons a {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
}

/* CI-1109 Old national style guide */
.lf-call-to-action__buttons a button,
.lf-next-steps {
    font-weight: bold !important;
    display: inline-block !important;
    font-size: 1rem !important;
    max-width: 40rem !important;
    padding: 0.75em 2em !important;
    text-align: center !important;
    text-transform: none !important;
    border-radius: 0 !important;
}

.lf-calculator.lf-advanced .lf-before-input {
    top: -4px;
}

.lf-calculator #lf_next_steps_label {
    margin-top: 1.5rem;
}

.lf-advanced #lf_answer_more_info {
    padding: 0;
}

#lf-months-table {
    margin-top: 1.7rem;
}

.lf-calculator .lf-email-optinStatus-container tbody tr {
    background: transparent !important;
}

.lf-advanced .lf-call-to-action__buttons a button {
    max-width: none !important;
}

.lf-calculator.lf-advanced .lf-results:after,
.lf-calculator.lf-advanced .lf-results:before,
.lf-calculator .lf-results .lf-call-to-action:before {
    display: none;
}

body .lf-3-column-input .inputs .lf-standard-rows-row-label {
    padding-top: 39px;
}

body.lf-advanced .lf-input-columns-2, body .lf-advanced .lf-input-columns- {
    padding-top: 11px;
}

.lf-calculator.lf-advanced .lf-after-input {
    top: 12px;
}

.lf-single-input-after {
    top: 11px !important;
}

#lf-next-steps-zoneB2-content + .lf-call-to-action__buttons {
    flex-direction: column;
}

@media screen and (max-width: 767px) {
    .lf-3-column-input {
        height: 153px;
    }
}

@media screen and (max-width: 670px) {
    .lf-standard-rows-table-1-col {
        height: 115px;
    }

    #lf_title_label {
        font-size: 1.675rem !important;
        line-height: 1.1;
    }
}


@media screen and (max-width: 480px) {
    .lf-standard-rows-table.lf-standard-rows-table-1-col {
        height: 154px;
    }
}

button.lf-legend.lf-secondary-gradient.lf-tab-basic,
button.lf-legend.lf-secondary-gradient.lf-tab-advanced {
    text-transform: none;
    font-weight: bold;
    border-radius: 0;
}

/*New CSS*/
:root {
    --slider-bg-left: #00539b;
    --slider-bg-right: #bbb;
    --slider-thumb-border: #00539b;
    --button-bg: #FFC425;
    --button-bg-hover: #f1b000;
    --button-text-color: #FFF;
    --button-hover-text-color: #00539b;
    --help-text-color: #00539b;
    --modal-title-bg: #000;
    --modal-text-color: #FFF;
    --modal-close-color: #FFF;
    --svg-color: #00539b;
}

input[type="range"] {
    background-color: var(--slider-bg-right);
}

/* B + C. BUTTONS -- remove old css*/
.lf-calculator button {
    background-color: var(--button-bg);
}
.lf-calculator button:focus, .lf-not-touch button:hover {
    background-color: var(--button-bg-hover);
    color: var(--button-text-color);
}
.lf-calculator .lf-open-table:focus,
.lf-calculator .lf-open-table:hover {
    color: var(--color-primary-dark);
}

.lf-calculator .lf-legend:hover {
    color: var(--button-text-color);
}
.lf-calculator .lf-step-prev {
    background-color: var(--button-bg);
}
.lf-modal-title {
    color: var(--modal-text-color) !important;
    font-size: 1.3em!important;
}
.lf-modal-title-bar {
    background-color: var(--modal-title-bg);
}
.lf-share-icon-svg {
    stroke: var(--svg-color);
}
button.lf-modal-close-btn {
    color: var(--modal-close-color);
    background-color: transparent;
    background: none;
}
button.lf-modal-close-btn:hover {
    color: var(--modal-close-color);
    background-color: transparent;
    background: none;
}

button.lf-modal-close-btn:focus {
    color: var(--modal-close-color);
    outline: 2px solid #28b9ff;
    background-color: transparent;
    background: none;
}

button#lf-email-submit {
    background: var(--color-primary);
}
button#lf-email-submit:hover {
    color: #FFF;
    background: var(--color-primary-dark);
}
button#lf_help_tab {
    color: var(--help-text-color);
}
input[type="range"] {
    background-image: linear-gradient(var(--slider-bg-left), var(--slider-bg-left));
}

/* Input Thumb */
input[type="range"]::-webkit-slider-thumb {
    border: 2px solid var(--slider-thumb-border);
}

input[type="range"]::-moz-range-thumb {
    border: 2px solid var(--slider-thumb-border);
}

input[type="range"]::-ms-thumb {
    border: 2px solid var(--slider-thumb-border);
}

#lf-save-print-share-description li:before {
    color: var(--svg-color);
}

button#lf-email-submit {
    height: unset;
    max-height: 46px;
}

.lf-calculator #lf_next_steps_zoneA .lf-call-to-action__buttons {
    margin: 20px;
}

#lf-next-steps-zoneA-content {
    padding: 0;
}

#lf_email_related_content {
    width: 100%;
}

.lf-calculator .lf-email-optinStatus-container {
    display: block !important;
}
#lf_answer_hidden_content {
    font-size: 1.12em;
}
/*centering the imagine ad in creditline01*/
.lf-image-ad {
    justify-self: center;
}
/*----End of current level---/efs/cs/response/content/clients/lf-oldnational//assets/css/client-skin.css---*/

/*----Start of new level---/efs/cs/response/content/clients/lf-oldnational/creditline/creditline01//assets/css/client-skin.css---*/
#lf-next-steps-zoneB1-content,
#lf-next-steps-zoneB2-content {
    display: none;
}
body.lf-alt #lf-next-steps-zoneB1-content,
body.lf-alt #lf-next-steps-zoneB2-content{
    display:block;
}
/*body.lf-second #lf-next-steps-zoneB1-content,*/
/*body.lf-second #lf-next-steps-zoneB2-content{*/
/*     display:block;*/
/* }*/

body.lf-alt #lf-next-steps-zoneB1 .lf-call-to-action__banker_deactivate,
body.lf-alt #lf-next-steps-zoneB2 .lf-call-to-action__banker_deactivate,
body.lf-alt #lf-next-steps-zoneB1 .lf-call-to-action__buttons a:first-child,
body.lf-alt #lf-next-steps-zoneB2 .lf-call-to-action__buttons a:first-child,
body.lf-alt #lf_next_steps_zoneA .lf-call-to-action__banker_deactivate,
body.lf-alt #lf_next_steps_zoneA .lf-call-to-action__buttons a:first-child{
    display: none !important;
}

/*body.lf-second #lf-next-steps-zoneB1 .lf-call-to-action__banker_deactivate,*/
/*body.lf-second #lf-next-steps-zoneB2 .lf-call-to-action__banker_deactivate,*/
/*body.lf-second #lf_next_steps_zoneA .lf-call-to-action__banker_deactivate {*/
/*    display: none !important;*/
/*}*/

/*body.lf-alt #lf-next-steps-zoneB1 .lf-call-to-action__buttons {*/
/*    justify-content: space-between;*/
/*}*/

/*https://applynow-oldnational.loanspq.com/HE/HomeEquityLoan.aspx?utm_campaign=2533961&lenderref=ONBin02192020&referralsource=Marketing2634681*/
/*----End of current level---/efs/cs/response/content/clients/lf-oldnational/creditline/creditline01//assets/css/client-skin.css---*/