﻿body {
    background-color: #FFF !important;
}

.menuLeft_content {
    max-width: 1200px;
    margin-left: auto !important;
    margin-right: auto !important;
}

#cic1 {
    background-image: url(../../../images/CIC/pw_maze_white.png);
    background-repeat: repeat;
    padding-bottom: 40px;
    padding-top: 15px;
}

#cic1b > section > .green > svg {
    width: 48px;
    height: 48px;
    min-width: 48px;
    max-width: 48px;
    margin-right: 10px;
}

h1.green {
    font-weight: 700;
}

#dbanklogin > label:hover, #dcreditreport > label:hover {
    text-decoration: underline;
    cursor: pointer;
}

#dbankinfo {
    padding-left: 20px;
    display: flex;
}

    #dbankinfo svg {
        height: 16px;
        width: 16px;
        max-width: 16px;
        min-width: 16px;
        margin-right: 5px;
    }

@media(max-width:767px) {
    #clogin {
        display: none;
    }

    #cic1 {
        margin-top: 50px;
    }
}

.navbar {
    box-shadow: none;
    border: none !important;
    margin-bottom: 0 !important;
    height: 63px !important;
}

h1:not(.green) {
    /*font-family: inherit !important !important;*/
    font-size: 34px !important;
    font-weight: 600 !important;
    line-height: 42px !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    color: #30525E !important;
}

@media(max-width:767px) {
    h1 {
        font-size: 20px !important;
    }

    .page-header {
        margin: 7px 0 7px !important;
    }
}

h2 {
    font-family: inherit !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 30px !important;
    color: #30525E !important;
    margin-top: 20px !important;
    margin-bottom: 10px !important;
}

legend {
    display: none !important;
}

p {
    font-family: inherit !important;
}

.no-left-padding {
    padding-left: 0 !important;
}

.label-display-inline {
    display: inline !important;
}



/* overriding GUI per designer agreement, now GUI hover, not GUI default Hmmm*/
[data-icon]:before, [class^="icon-"]::before, [class*=" icon-"]::before {
    font-family: "citc" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: inherit !important;
    font-style: normal;
    font-weight: normal;
    src: url("fonts/332685_2_0.eot?#iefix") format("embedded-opentype"), url("fonts/332685_2_0.ttf") format("truetype");
}

@font-face {
    font-family: inherit !important;
    font-style: normal;
    font-weight: normal;
    src: url("fonts/332685_1_0.eot?#iefix") format("embedded-opentype"), url("fonts/332685_1_0.ttf") format("truetype");
}

@font-face {
    font-family: inherit !important;
    font-style: normal;
    font-weight: normal;
    src: url("fonts/332685_0_0.eot?#iefix") format("embedded-opentype"), url("fonts/332685_0_0.ttf") format("truetype");
}

@font-face {
    font-family: "citc";
    font-style: normal;
    font-weight: normal;
    src: url("icon-font/citc.eot?#iefix") format("embedded-opentype"), url("icon-font/citc.ttf") format("truetype"), url('icon-font/citc.svg#str-replace("citc", " ", "_")') format("svg");
}

legend {
    display: none;
}
/*ADA Compliance encompassing style - have to provide legends but dont need to show them.*/

[data-icon]:before {
    content: attr(data-icon);
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
}

.icon-arrow:before {
    content: "\70";
}

.icon-personal:before {
    content: "\61";
}

.icon-success:before {
    content: "\62";
}

.icon-password:before {
    content: "\64";
}

.icon-banking:before {
    content: "\65";
}

.icon-product:before {
    content: "\66";
}

.icon-agreement:before {
    content: "\69";
}

.icon-mark:before {
    content: "\6a";
}

.icon-disclosures:before {
    content: "\68";
}

.icon-approved:before {
    content: "\6b";
}

.icon-income:before {
    content: "\63";
}

/**********
*  BODY
**********/
body {
    font-family: inherit !important;
    font-size: 14px;
    font-weight: 300;
}

/**********
*  NAVBAR
**********/
.tollfree-container {
    color: #002A3A;
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 15px;
}

@media (max-width: 767px) {
    .tollfree-container {
        margin-top: 0;
        margin-bottom: 5px;
    }
}

.tollfree-container img {
    margin-right: 10px;
}

.navbar {
    border-width: 0;
    background-color: transparent;
    margin-bottom: 0;
    padding: 0;
}

    .navbar .nav-container {
        background-color: #26987b;
        height: 60px;
        padding: 0;
        margin-top: 2px;
    }

@media (max-width: 767px) {
    .navbar a.navbar-brand {
        margin-left: 5px;
    }

    .navbar .nav-container {
        height: 55px;
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

.navbar a.navbar-brand img {
    position: absolute;
    z-index: 1000;
    top: -43px;
    width: 205px;
}

@media (max-width: 767px) {
    .navbar a.navbar-brand img {
        top: -11px;
        left: 0;
        width: 187px;
        max-width: 200px;
    }
}

@media (max-width: 330px) {
    .navbar a.navbar-brand img {
        top: -11px;
        left: 0;
        width: 187px;
        max-width: 190px;
    }
}

.navbar ul.navbar-nav {
    margin-top: 18px;
    padding-right: 5px;
    float: left;
}

@media (max-width: 767px) {
    .navbar ul.navbar-nav {
        margin-top: 10px;
    }
}

.navbar ul.navbar-nav li {
    margin-right: 15px;
}

    .navbar ul.navbar-nav li:last-child {
        margin-left: 0;
        margin-right: 0;
    }

.navbar ul.navbar-nav .icon-link.email {
    background: url("../images/email-icon.png") center no-repeat;
    width: 50px;
    height: 35px;
}

@media (max-width: 767px) {
    .navbar ul.navbar-nav .icon-link.email {
        background-image: url("../images/email-icon-m.png");
        width: 25px;
        height: 15px;
        margin-top: 5px;
        background-size: contain;
    }
}

.navbar ul.navbar-nav .icon-link.phone {
    background: url("../images/phone-icon.png") center no-repeat;
    width: 50px;
    height: 35px;
}

@media (max-width: 767px) {
    .navbar ul.navbar-nav .icon-link.phone {
        background-image: url("../images/phone-icon-m.png");
        width: 25px;
        height: 25px;
        margin-top: 3px;
        background-size: contain;
    }
}

.navbar ul.navbar-nav .icon-link.apply-in-store {
    font-family: inherit !important;
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 8px;
    height: 35px;
    line-height: 32px;
    color: #fff;
    font-weight: 500;
    padding: 0 10px;
}

    .navbar ul.navbar-nav .icon-link.apply-in-store:hover {
        text-decoration: none;
    }

@media (max-width: 767px) {
    .navbar ul.navbar-nav .icon-link.apply-in-store {
        float: right;
        font-size: 12px;
        margin-top: 0;
        line-height: 18px;
        padding-top: 7px;
    }
}

.navbar-cic-mob {
    display: none !important;
}

@media (max-width: 767px) {
    .navbar-cic {
        display: none !important;
    }

    .navbar-cic-mob {
        display: block !important;
    }
}

.navbar-collapse.collapse {
    display: block !important;
}

.navbar-nav > li, .navbar-nav {
    float: left !important;
}

    .navbar-nav.navbar-right:last-child {
        padding-right: 15px !important;
    }

    .navbar-nav.navbar-right li a {
        outline-color: transparent;
    }

@media (max-width: 767px) {
    .navbar-nav.navbar-right:last-child {
        padding-right: 5px !important;
    }
}

.navbar-right {
    float: right !important;
    margin-right: 0 !important;
}

/**********
*  SECTION
**********/
section {
    padding: 5px 15px;
    border-radius: 8px;
    margin-bottom: 10px;
}

@media (min-width: 768px) and (max-width: 991px) {
    section {
        padding: 5px 25px;
    }
}

@media (min-width: 992px) {
    section {
        padding: 15px 15px;
    }
}

section.white-section {
    background: #fff;
}

section.page-header {
    border-bottom-width: 0;
}

/**********
*  HEADERS
**********/
h1 {
    font-family: inherit !important;
    font-size: 34px;
    font-weight: 500;
    line-height: 42px;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #30525E;
}

@media (max-width: 991px) {
    h1 {
        font-size: 30px;
        margin-top: 4px;
        line-height: 36px;
    }
}

h2 {
    font-family: inherit !important;
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    color: #30525E;
}

@media (max-width: 991px) {
    h2 {
        margin-top: 10px;
    }
}

h3 {
    font-family: inherit !important;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    color: #30525E;
}

@media (max-width: 991px) {
    h3 {
        margin-top: 10px;
    }
}

.header {
    font-family: inherit !important;
    font-size: 24px;
    line-height: 30px;
    color: #30525E;
}

.header-with-green-line:after {
    content: '';
    display: block;
    border-bottom: 8px solid #26987b;
    width: 41px;
    margin: 3px auto;
    box-sizing: border-box;
}

@media (min-width: 992px) {
    .header-with-green-line:after {
        margin: 10px auto;
    }
}

@media only screen and (max-width: 767px) {
    .header-with-green-line {
        font-size: 20px;
        font-weight: 500;
        margin-top: 10px;
        margin-bottom: 10px;
        line-height: 22px;
    }

        .header-with-green-line:after {
            content: '';
            border-bottom: 1px solid transparent;
        }
}

.header-with-green-burst {
    margin-top: 30px;
}

    .header-with-green-burst:before {
        content: url("../images/burst.png");
        position: absolute;
        top: 10px;
        left: 0;
        right: 0;
    }

@media (min-width: 992px) {
    .header-with-green-burst {
        margin-top: 30px;
    }

        .header-with-green-burst:before {
            top: 10px;
        }
}

.header-with-circle-check {
    margin-top: 50px;
    margin-bottom: 0;
}

    .header-with-circle-check:before {
        content: url("../images/check-icon.png");
        position: absolute;
        top: 30px;
        left: 0;
        right: 0;
    }

@media (min-width: 992px) {
    .header-with-circle-check {
        margin-top: 50px;
    }

        .header-with-circle-check:before {
            top: 50px;
        }
}

.page-header {
    text-align: center;
    margin: 20px 0 20px;
    padding: 0;
    border-bottom-width: 0;
}

@media (max-width: 991px) {
    .page-header {
        margin: 7px 0 7px;
    }

        .page-header.text-left-mobile {
            text-align: left;
        }

            .page-header.text-left-mobile .header-with-green-line:after {
                margin-left: 0;
            }
}

/**********
*  LINKS
**********/
a {
    color: #26987b;
}

    a:hover, a:active {
        color: #7ecbb8;
        text-decoration: none;
        font-weight: 900;
    }

/**********
*  BUTTONS
**********/
button.btn:active, button.btn:focus {
    border-color: rgba(0,0,0,0.2)
}

button.btn-primary, button.btn-info {
    background: transparent;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    border-radius: 8px;
    font-family: inherit !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: 5px;
}

    button.btn-primary:active, button.btn-info:active {
        outline: none;
    }

        button.btn-primary:active:focus, button.btn-info:active:focus {
            outline: none;
        }

    button.btn-primary:visited, button.btn-info:visited {
        outline: none;
    }

    button.btn-primary:focus, button.btn-info:focus {
        outline: none;
    }

    button.btn-primary[disabled], button.btn-primary.inactive, button.btn-info[disabled], button.btn-info.inactive {
        cursor: default;
    }

button.btn-primary {
    color: #FFFFFF;
    background-color: #cf0a2c;
    -webkit-transition: color 0.25s, background-color 0.25s;
    transition: color 0.25s, background-color 0.25s;
}

    button.btn-primary:hover {
        background-color: #9e0822;
    }

    button.btn-primary:active {
        background-color: #9E0822;
    }

        button.btn-primary:active:focus {
            background-color: #9E0822;
        }

    button.btn-primary:focus {
        background-color: #9E0822;
    }

    button.btn-primary[disabled], button.btn-primary.inactive {
        background-color: #9e0822;
        color: rgba(255, 255, 255, 0.5);
    }

        button.btn-primary[disabled]:hover, button.btn-primary.inactive:hover {
            background-color: #9e0822;
        }

button.btn-info {
    color: #FFFFFF;
    background-color: #335561;
    -webkit-transition: color 0.25s, background-color 0.25s;
    transition: color 0.25s, background-color 0.25s;
}

    button.btn-info:hover {
        background-color: #59767E;
    }

    button.btn-info:active {
        background-color: #002A3A;
    }

        button.btn-info:active:focus {
            background-color: #002A3A;
        }

    button.btn-info:focus {
        background-color: #002A3A;
    }

    button.btn-info.inactive {
        color: rgba(255, 255, 255, 0.5);
        background-color: #59767E;
    }

        button.btn-info.inactive:hover {
            background-color: #59767E;
        }

button.btn-next, button.btn-prev {
    width: 90%;
    height: 50px;
    border: 0;
    max-width: 450px;
}

button.btn-next-lg, button.btn-prev-lg {
    width: 90%;
    height: 50px;
    border: 0;
    max-width: 600px;
    white-space: normal;
}

@media (min-width: 992px) {
    button.btn-next, button.btn-prev {
        max-width: 250px;
    }

    button.btn-next-lg, button.btn-prev-lg {
        max-width: 650px;
    }
}

button.btn-nav-cic {
    width: 90%;
    height: 50px;
    border: 0;
    max-width: 450px;
    margin-top: 5px;
    margin-bottom: 5px;
}

button.btn-wide {
    max-width: 450px;
    width: 350px;
    font-size: smaller;
    letter-spacing: 3px;
}

.button-container {
    margin-bottom: 30px;
}

@media (min-width: 992px) {
    .button-container {
        margin-top: 30px;
    }
}

.button-container button {
    display: inline-block;
    margin-left: 30px;
}

    .button-container button:first-child {
        margin-left: 0;
    }

    .button-container button.with-bottom-margin {
        margin-bottom: 20px;
    }

@media (max-width: 991px) {
    .button-container button {
        display: block;
        margin-left: 0;
        margin-top: 30px;
    }

        .button-container button:first-child {
            margin-top: 0;
        }
}

@media (max-width: 991px) {
    .button-container.text-center button {
        margin: 30px auto;
        width: 100%;
    }
}

.button-container button.txt-long {
    font-size: 12px;
}

nav > div > ul > li > .btn {
    border-width: 0;
    padding: 8px 15px;
}


/**********
*  FORM
**********/
.page-container {
    background-image: url("../images/pw_maze_white.png");
    background-repeat: repeat;
    padding-bottom: 40px;
    padding-top: 15px;
    /***
    @media (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi) {
        background-image: url("../images/pw_maze_white_@2X.png");
    }
***/
}

@media (max-width: 767px) {
    .page-container {
        padding-top: 0px;
    }
}

.small-header {
    font-weight: bold;
    margin-top: 3px;
    margin-bottom: 3px;
}

fieldset .form-group {
    margin-bottom: 5px;
}

form {
    height: 100%;
}

    form fieldset label {
        width: 100%;
        color: #30525E;
        font-size: 14px;
        font-weight: 300;
        line-height: 19px;
    }

        form fieldset label .label-right {
            text-align: right;
            float: right;
            font-style: italic;
        }

    form .form-control[type="text"], form .form-control[type="email"], form .form-control[type="password"], form .form-control[type="number"], form .form-control[type="tel"], form .form-control.custom-select {
        border: 1px solid #DBE0E3;
        color: #4B555D;
        webkit-text-fill-color: #4B555D;
        /*color: #7F949C;
        webkit-text-fill-color: #7F949C;*/ /*ADA Compliance update for Contrast issues 2018-05*/
        -webkit-opacity: 1 !important;
        border-radius: 4px;
        height: 34px;
        background-color: #F8F9F9;
        -webkit-transition: background-color 0.25s;
        transition: background-color 0.25s;
        font-size: 14px;
        line-height: line-height-default;
        padding: 6px 12px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

        form .form-control[type="text"]:focus, form .form-control[type="text"]:active, form .form-control[type="email"]:focus, form .form-control[type="email"]:active, form .form-control[type="password"]:focus, form .form-control[type="password"]:active, form .form-control[type="number"]:focus, form .form-control[type="number"]:active, form .form-control[type="tel"]:focus, form .form-control[type="tel"]:active, form .form-control.custom-select:focus, form .form-control.custom-select:active {
            border: 1px solid #26987b;
            color: #26987b;
            webkit-text-fill-color: #26987b;
            outline: none;
        }

html:not(.focus) form .form-control[type="text"]:hover, html:not(.focus) form .form-control[type="email"]:hover, html:not(.focus) form .form-control[type="password"]:hover, html:not(.focus) form .form-control[type="number"]:hover, html:not(.focus) form .form-control[type="tel"]:hover, html:not(.focus) form .form-control.custom-select:hover {
    border: 1px solid #26987b;
    color: #26987b;
    webkit-text-fill-color: #7F949C;
}

form .invalid {
    border: 1px solid #cf0a2c !important;
    color: #cf0a2c;
    webkit-text-fill-color: #cf0a2c;
}

form .dot {
    margin-right: 5px;
}

form .dot-cyan {
    color: #4cdae4;
}

form .dot-red {
    color: #bd749a;
}

form .dot-blue {
    color: #5396e4;
}

form .dot-green {
    color: #7fe390;
}

@media (max-width: 767px) {
    .xs-r-adjust {
        padding-right: 0;
    }
}

@media (max-width: 767px) {
    .xs-l-adjust {
        padding-left: 0;
    }
}

/**********
*  FOOTER
**********/
footer {
    color: #fff;
    font-size: 14px;
    font-weight: 900;
    line-height: 22px;
}

    footer ul {
        padding-left: 0;
    }

        footer ul li {
            display: inline;
            list-style: none;
        }

            footer ul li:after {
                content: "|";
                margin-left: 5px;
                margin-right: 5px;
            }

            footer ul li:last-child:after {
                content: "";
            }

    footer img {
        margin-right: 25px;
    }

        footer img.cfsa {
            width: 62px;
        }

        footer img.ns {
            width: 60px;
        }

        footer img.lbp {
            width: 116px;
        }

@media (max-width: 768px) {
    footer img {
        margin-right: 5px;
    }
}

footer a {
    color: #fff;
    font-size: 14px;
    font-weight: 900;
    line-height: 22px;
}

    footer a:hover {
        color: #fff;
        text-decoration: underline;
    }

footer.container {
    background-color: #26987b;
    padding-left: 75px;
    padding-top: 30px;
    padding-bottom: 35px;
}

@media (max-width: 768px) {
    footer.container {
        padding: 25px;
    }
}

@media (max-width: 768px) {
    footer .col-xs-12 p {
        margin-top: 30px;
    }
}

/**********
*  LIST
**********/
ul.bullet-list {
    padding: 0;
    margin: 0;
}

    ul.bullet-list li {
        font-family: inherit !important;
        font-size: 14px;
        line-height: 19px;
        font-weight: 300;
        color: #7F949C;
        list-style: none;
        margin: 10px 0 10px 25px;
    }

        ul.bullet-list li:before {
            color: #26987b;
            margin-right: 20px;
            margin-left: -25px;
            font-weight: 500;
            content: '-';
        }

dl.dl-horizontal dt {
    color: #26987b;
    line-height: 19px;
    text-align: left;
}

dl.dl-horizontal dd {
    font-family: inherit !important;
    font-size: 14px;
    line-height: 19px;
    font-weight: 300;
    color: #7F949C;
    margin-bottom: 15px;
}

/**********
*  PARAGRAPH
**********/
p {
    font-family: inherit !important;
    font-size: 14px;
    line-height: 20px;
}

    p.page-sub-header {
        font-weight: 300;
        width: 100%;
        color: #7F949C;
        text-align: center;
    }

.sub-header {
    font-family: inherit !important;
    color: #30525E;
    font-size: 14px;
    font-weight: 900;
    line-height: 20px;
}

    .sub-header a {
        color: #26987b;
    }

.sub-bottom-header,
.sub-bottom-header-bold {
    /*color: #7A8F97 !important;*/
    color: #454F54 !important; /*Changed to this darker contrast for ADA Compliance 2018-05*/
    font-size: 14px;
    font-weight: 300 !important;
    line-height: 20px;
}

.sub-bottom-header-bold {
    font-weight: 900 !important;
}

.sub-bottom-header > span {
    font-weight: 600;
}

p.disclaimer {
    color: #002A3A;
    font-family: inherit !important;
    font-size: 9px;
    font-weight: 300;
    line-height: 12px;
}

p strong {
    font-family: inherit !important;
}

/**********
*  MISC UTILITIES
**********/
hr.gray {
    margin-top: 50px;
    margin-bottom: 50px;
    border: 0;
    border-top: 1px solid #CCC;
}

.table-table {
    display: table;
}

.table-row {
    display: table-row;
}

.vertical-center-row {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}

.table-cell {
    display: table-cell;
    float: none;
}

select::-ms-expand {
    display: none;
}

select.form-control.custom-select {
    padding-right: 25px;
    background-image: url("../images/arrows.png");
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

@-moz-document url-prefix() {
    select, select:-moz-focusring, select::-moz-focus-inner {
        color: transparent !important;
        text-shadow: 0 0 0 #000 !important;
        border: 0;
    }
}

label.cityState {
    /*color: #DBE0E3;*/
    font-style: italic; /*Changed for ADA Compliance 2018-05*/
}

input.form-control.cityState {
    border: 0;
    background: inherit;
    box-shadow: none;
}

    input.form-control.cityState:hover {
        border: 0 !important;
        color: #7F949C !important;
    }

.radio-group {
    text-align: center;
}

    .radio-group label {
        cursor: pointer;
        text-align: left;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-left: 0;
    }

        .radio-group label input {
            display: none;
        }

        .radio-group label div {
            display: inline-table;
            margin: 0 12.5px 0 0;
            height: 22px;
            width: 22px;
            border: 1px solid #DBE0E3;
            background-color: #F8F9F9;
            border-radius: 3px;
            position: relative;
            vertical-align: top;
        }

            .radio-group label div:after {
                content: "";
                position: absolute;
                left: 5px;
                top: 5px;
                width: 10px;
                height: 10px;
                border-radius: 2px;
                background-color: #F8F9F9;
                -webkit-transition: background-color 0.25s;
                transition: background-color 0.25s;
            }

        .radio-group label p {
            display: inline-block;
            margin: 0;
            width: 85%;
        }

    .radio-group h5::before {
        content: "";
        display: table-cell;
        width: 18px;
        height: 18px;
        border: 2px solid #eeedf3;
        background-color: #f9f9f9;
        -webkit-transition: background-color 0.25s;
        transition: background-color 0.25s;
        vertical-align: baseline;
        margin-right: 10px;
    }

    .radio-group :checked + h5::before {
        background-color: #4eda5f;
    }

    .radio-group :checked + h5.no::before {
        background-color: #e74821;
    }

    .radio-group :checked + div::after {
        background-color: #26987b;
    }

    .radio-group :checked + div.no::after {
        background-color: #cf0a2c;
    }

.radio + .radio, .checkbox + .checkbox {
    margin-top: 10px;
}

.helptip,
.warningtip {
    position: relative;
    display: inline-block;
    top: -5px;
}

@media (max-width: 767px) {
    .helptip,
    .warningtip {
        top: 0;
    }
}

.helptip:after,
.warningtip:after {
    content: '?';
    font-weight: bold;
    color: #fff;
    display: inline-block;
    text-align: center;
    background-color: #cf0a2c;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    font-size: 9px;
    line-height: 14px;
    cursor: default;
}

@media (max-width: 767px) {
    .helptip:after,
    .warningtip:after {
        width: 18px;
        height: 18px;
        font-size: 11px;
        line-height: 20px;
    }
}

.helptip:hover .helptip-text,
.helptip:hover .warning-text, .helptip:focus .helptip-text,
.helptip:focus .warning-text,
.warningtip:hover .helptip-text,
.warningtip:hover .warning-text,
.warningtip:focus .helptip-text,
.warningtip:focus .warning-text {
    visibility: visible;
    opacity: 1;
}

.helptip .helptip-text,
.helptip .warning-text,
.warningtip .helptip-text,
.warningtip .warning-text {
    visibility: hidden;
    width: 170px;
    background-color: #26987b;
    color: #fff;
    padding: 10px 15px;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -85px;
    font-size: 1.2rem;
    line-height: 1.2;
    opacity: 0;
    z-index: 9999999;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
}

    .helptip .helptip-text:after,
    .helptip .warning-text:after,
    .warningtip .helptip-text:after,
    .warningtip .warning-text:after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #26987b transparent transparent transparent;
    }

@media (max-width: 767px) {
    .helptip .helptip-text.tip-right,
    .helptip .warning-text.tip-right,
    .warningtip .helptip-text.tip-right,
    .warningtip .warning-text.tip-right {
        left: -690%;
        margin-left: 0;
    }

        .helptip .helptip-text.tip-right:after,
        .helptip .warning-text.tip-right:after,
        .warningtip .helptip-text.tip-right:after,
        .warningtip .warning-text.tip-right:after {
            left: 75%;
            margin-left: 0;
        }

    .helptip .helptip-text.tip-left,
    .helptip .warning-text.tip-left,
    .warningtip .helptip-text.tip-left,
    .warningtip .warning-text.tip-left {
        left: -100%;
        margin-left: 0;
    }

        .helptip .helptip-text.tip-left:after,
        .helptip .warning-text.tip-left:after,
        .warningtip .helptip-text.tip-left:after,
        .warningtip .warning-text.tip-left:after {
            left: 13%;
            margin-left: 0;
        }
}

.warningtip:after {
    content: '!';
}

.warningtip .warning-text {
    background-color: #cf0a2c;
}

    .warningtip .warning-text:after {
        border-color: #cf0a2c transparent transparent transparent;
    }

/*
a[showtip]{
    position: relative;

    label{
        visibility: hidden;
        opacity: 0;
        text-align: center;
        width: 170px;
        background-color: #fff;
        color: $color-primary;
        padding: 10px;
        border-radius: 6px;
        border: 2px solid $color-primary;
        position: absolute;
        z-index: 1;
        bottom: 125%;
        left: 50%;
        margin-left: -85px;
        font-size: 1.2rem;
        line-height: 1.2;
        transition: opacity 1s;

        &:after{
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: $color-primary transparent transparent transparent;
        }
    }

    &.active{
        label{
            visibility: visible;
            opacity: 1;

            @media(max-width: $media-phone){
                visibility: hidden;
                opacity: 0;
            }
        }
    }
}
*/
app-root {
    width: 100%;
}

    app-root .progress-container nav {
        color: #DBE0E3;
        margin: 40px 0;
        text-align: center;
        background-color: #fff;
        width: 100%;
        position: relative;
    }

@media (min-width: 992px) {
    app-root .progress-container nav {
        margin: 50px 0;
    }
}

app-root .progress-container nav .bg-line {
    border-top: 2px solid #DBE0E3;
    margin: 0 auto;
    width: 80%;
}

    app-root .progress-container nav .bg-line[data-size="4"] {
        width: 75%;
    }

    app-root .progress-container nav .bg-line[data-size="5"] {
        width: 80%;
    }

app-root .progress-container nav .icon-table {
    display: table;
    /*display: inline-block;*/
    width: 100%;
    position: absolute;
    top: -15px;
}

    app-root .progress-container nav .icon-table .icon-column {
        color: #DBE0E3;
        font-size: 10px;
        font-weight: 900;
        text-transform: uppercase;
        display: table-cell;
    }

@media (max-width: 767px) {
    app-root .progress-container nav .icon-table .icon-column {
        font-size: 8px;
    }
}

app-root .progress-container nav .icon-table .icon-column .icon {
    position: relative;
    height: 30px;
    width: 30px;
    margin: 0 auto;
    border-radius: 15px;
    border: 2px solid #DBE0E3;
    font-size: 14px;
    background-color: #fff;
}

    app-root .progress-container nav .icon-table .icon-column .icon:before {
        text-align: center;
        width: 100%;
        height: 100%;
        display: block;
        padding-top: 6px;
        border-radius: inherit;
        background-color: #fff;
    }

    app-root .progress-container nav .icon-table .icon-column .icon:after {
        background-color: #fff;
    }

app-root .progress-container nav .icon-table .icon-column .icon-text-table {
    display: table;
    width: 100%;
    margin-top: 5px;
}

    app-root .progress-container nav .icon-table .icon-column .icon-text-table .icon-text-column {
        height: 25px;
        display: table-cell;
        vertical-align: bottom;
    }

app-root .progress-container nav .icon-table .icon-column:last-child {
    padding-right: 0;
}

app-root .progress-container nav .icon-table .icon-column.active {
    color: #cf0a2c;
}

    app-root .progress-container nav .icon-table .icon-column.active .icon {
        border-color: #cf0a2c;
    }

app-root .progress-container nav .icon-table .icon-column[data-size="4"] {
    width: 25%;
}

app-root .progress-container nav .icon-table .icon-column[data-size="5"] {
    width: 20%;
}

@media (max-width: 767px) {
    app-root .progress-container {
        padding: 0;
        width: 100%;
    }
}

.modal-dialog {
    width: 400px;
}

.modal-dialog-lg {
    width: 900px;
    margin: 30px auto;
}


.modal-dialog .header-with-green-line {
    padding: 0 40px;
    font-size: 24px;
    line-height: 30px;
}

.modal-dialog-lg .header-with-green-line {
    padding: 0 40px;
    font-size: 24px;
    line-height: 30px;
}

@media (max-width: 767px) {
    .modal-dialog .header-with-green-line {
        padding: 0 10px;
    }

    .modal-dialog-lg .header-with-green-line {
        padding: 0 10px;
    }
}

.modal-dialog .button-container {
    margin-bottom: 0;
}

.modal-dialog-lg .button-container {
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .modal-dialog {
        width: 95%;
    }
}

@media (max-width: 991px) {
    .modal-dialog-lg {
        width: 95%;
        margin: 10px auto;
    }
}

.modal-store {
    width: 85%;
}

.modal-title {
    color: #7A8F97;
    font-family: inherit !important;
    font-size: 14px;
    font-weight: 900;
}

.modal-header {
    border-bottom-width: 0;
    padding-bottom: 0;
}

.modal-body {
    padding: 0 55px;
}

@media (max-width: 767px) {
    .modal-body {
        padding: 0 25px;
    }
}

.modal-footer {
    border-top-width: 0;
    text-align: center;
    padding-bottom: 25px;
}

.loader-header {
    color: #002A3A;
    font-size: 24px;
    font-weight: 900;
    line-height: 35px;
}

.circleGContainer {
    width: 45%;
    max-width: 215px;
    margin: 0 auto;
    padding: 70px 0;
}

@media (max-width: 767px) {
    .circleGContainer {
        width: 100%;
    }
}

.loader .modal-dialog {
    width: 50%;
}

    .loader .modal-dialog .modal-body {
        padding: 0;
    }

@media (max-width: 767px) {
    .loader .modal-dialog {
        width: 95%;
    }
}

.page-loader .col-xs-12 {
    margin: 10% auto 0 auto;
    width: 50%;
    padding: 15px;
    float: none;
    box-shadow: 1px 1px 5px 2px #ccc;
    -moz-box-shadow: 1px 1px 5px 2px #ccc;
    -webkit-box-shadow: 1px 1px 5px 2px #ccc;
}

@media (max-width: 767px) {
    .page-loader .col-xs-12 {
        width: 95%;
    }
}

@media (max-width: 767px) {
    .page-loader {
        width: 100%;
    }
}

.circleG {
    background-color: #CACECF;
    float: left;
    height: 15px;
    margin-left: 25px;
    width: 15px;
    animation-name: bounce_circleG;
    -o-animation-name: bounce_circleG;
    -ms-animation-name: bounce_circleG;
    -webkit-animation-name: bounce_circleG;
    -moz-animation-name: bounce_circleG;
    animation-duration: 2.24s;
    -o-animation-duration: 2.24s;
    -ms-animation-duration: 2.24s;
    -webkit-animation-duration: 2.24s;
    -moz-animation-duration: 2.24s;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-direction: normal;
    -o-animation-direction: normal;
    -ms-animation-direction: normal;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
    border-radius: 20px;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

.circleG_1 {
    animation-delay: 0.20s;
    -o-animation-delay: 0.20s;
    -ms-animation-delay: 0.20s;
    -webkit-animation-delay: 0.20s;
    -moz-animation-delay: 0.20s;
}

.circleG_2 {
    animation-delay: 0.60s;
    -o-animation-delay: 0.60s;
    -ms-animation-delay: 0.60s;
    -webkit-animation-delay: 0.60s;
    -moz-animation-delay: 0.60s;
}

.circleG_3 {
    animation-delay: 1.0s;
    -o-animation-delay: 1.0s;
    -ms-animation-delay: 1.0s;
    -webkit-animation-delay: 1.0s;
    -moz-animation-delay: 1.0s;
}

.circleG_4 {
    animation-delay: 1.40s;
    -o-animation-delay: 1.40s;
    -ms-animation-delay: 1.40s;
    -webkit-animation-delay: 1.40s;
    -moz-animation-delay: 1.40s;
}

@keyframes bounce_circleG {
    0% {
    }

    50% {
        background-color: #26987b;
    }

    100% {
    }
}

@-webkit-keyframes bounce_circleG {
    0% {
    }

    50% {
        background-color: #26987b;
    }

    100% {
    }
}

.banking .card-image img {
    margin: 30px 0;
    width: 100%;
}

@media (max-width: 767px) {
    .banking fieldset[formGroupName="card"] .col-xs-4 {
        padding-left: 5px;
        padding-right: 5px;
    }

        .banking fieldset[formGroupName="card"] .col-xs-4:first-child {
            padding-left: 15px;
            padding-right: 0;
        }

        .banking fieldset[formGroupName="card"] .col-xs-4:last-child {
            padding-left: 0;
            padding-right: 15px;
        }
}

.banking form .form-control.outline-red[type="text"]:hover,
.banking form .form-control.outline-red[type="text"]:focus,
.banking form .form-control.outline-red[type="text"]:active,
.banking form .form-control.outline-red[type="email"]:hover,
.banking form .form-control.outline-red[type="email"]:focus,
.banking form .form-control.outline-red[type="email"]:active,
.banking form .form-control.outline-red[type="password"]:hover,
.banking form .form-control.outline-red[type="password"]:focus,
.banking form .form-control.outline-red[type="password"]:active,
.banking form .form-control.custom-select.outline-red:hover,
.banking form .form-control.custom-select.outline-red:focus,
.banking form .form-control.custom-select.outline-red:active {
    border: 1px solid #bd749a;
}

.banking form .form-control.outline-blue[type="text"]:hover,
.banking form .form-control.outline-blue[type="text"]:focus,
.banking form .form-control.outline-blue[type="text"]:active,
.banking form .form-control.outline-blue[type="email"]:hover,
.banking form .form-control.outline-blue[type="email"]:focus,
.banking form .form-control.outline-blue[type="email"]:active,
.banking form .form-control.outline-blue[type="password"]:hover,
.banking form .form-control.outline-blue[type="password"]:focus,
.banking form .form-control.outline-blue[type="password"]:active,
.banking form .form-control.custom-select.outline-blue:hover,
.banking form .form-control.custom-select.outline-blue:focus,
.banking form .form-control.custom-select.outline-blue:active {
    border: 1px solid #5396e4;
}

.banking form .form-control.outline-green[type="text"]:hover,
.banking form .form-control.outline-green[type="text"]:focus,
.banking form .form-control.outline-green[type="text"]:active,
.banking form .form-control.outline-green[type="email"]:hover,
.banking form .form-control.outline-green[type="email"]:focus,
.banking form .form-control.outline-green[type="email"]:active,
.banking form .form-control.outline-green[type="password"]:hover,
.banking form .form-control.outline-green[type="password"]:focus,
.banking form .form-control.outline-green[type="password"]:active,
.banking form .form-control.custom-select.outline-green:hover,
.banking form .form-control.custom-select.outline-green:focus,
.banking form .form-control.custom-select.outline-green:active {
    border: 1px solid #7fe390;
}

.decision .rates-section .slider-min-text {
    float: left;
}

.decision .rates-section .slider-max-text {
    float: right;
}

.decision .rates-section #amtSlider.slider-disabled .slider-selection, .decision .rates-section #amtSlider.slider-disabled .slider-handle {
    background: #e5e5e5;
}

.decision .rates-section .row {
    margin-top: 10px;
    margin-bottom: 10px;
}

    .decision .rates-section .row.border-top:before {
        content: "";
        display: block;
        margin: 0 15px 10px;
        border-top: 1px solid #ebebeb;
    }

    .decision .rates-section .row.bold-text {
        font-family: inherit !important;
        color: #000;
    }

.denial .white-section {
    margin-bottom: 100px;
    padding: 80px;
}

    .denial .white-section h2 {
        font-size: 24px;
        color: #002A3A;
        font-weight: 900;
        line-height: 30px;
    }

    .denial .white-section p {
        margin-top: 0;
        text-align: left;
        color: #002A3A;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
    }

        .denial .white-section p a {
            color: #26987b;
        }

@media (max-width: 991px) {
    .denial .white-section {
        padding: 60px 30px;
    }
}

.denial-share .sub-bottom-header-bold {
    margin: 10px auto 20px auto;
    width: 45%;
    max-width: 480px;
}

@media (max-width: 1199px) {
    .denial-share .sub-bottom-header-bold {
        width: 100%;
    }
}

.denial-share .sub-bottom-header {
    width: 59%;
    max-width: 620px;
    margin: 0 auto;
}

@media (max-width: 1199px) {
    .denial-share .sub-bottom-header {
        width: 100%;
    }
}

.denial-share .white-section a {
    color: #26987b;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    margin-left: 20px;
}

    .denial-share .white-section a:after {
        content: '>';
        margin-left: 7px;
    }

    .denial-share .white-section a:first-child {
        margin-left: 0;
    }

.denial-share .white-section dl.dl-horizontal {
    margin-top: 20px;
}

    .denial-share .white-section dl.dl-horizontal dt {
        width: 15px;
        color: #26987b;
    }

@media (max-width: 1199px) {
    .denial-share .white-section dl.dl-horizontal dt {
        float: left;
        width: 25px;
    }
}

.denial-share .white-section dl.dl-horizontal dd {
    margin-left: 15px;
}

@media (max-width: 1199px) {
    .denial-share .white-section dl.dl-horizontal dd {
        margin-left: 25px;
    }
}

@media (max-width: 991px) {
    .denial-share .white-section dl.dl-horizontal:last-child {
        margin-top: 0;
    }
}

@media (max-width: 1199px) {
    .denial-share .white-section dl.dl-horizontal {
        margin-bottom: 0;
    }
}

.denial-share .white-section ngui-map {
    margin: 30px 0 5px 0;
}

.denial-share .white-section .address {
    margin-bottom: 12px;
}

.denial-share .white-section .sub-bottom-header {
    margin: 20px 0 20px 0;
    width: 100%;
}

.denial-share .white-section .store {
    margin-top: 25px;
}

.denial-share .white-section ul.bullet-list li {
    margin-bottom: 15px;
}

.denial-share .white-section .disclaimer {
    margin-top: 25px;
    color: #cf0a2c;
}

.do-not-share p.below-button {
    margin-top: 20px;
}

.get-started .no-page-header {
    margin-top: 0;
}

@media (max-width: 991px) {
    .get-started .no-page-header section.clear-section {
        margin-bottom: 0;
    }

    .get-started .no-page-header section.white-section {
        margin-bottom: 10px;
    }
}

@media (min-width: 992px) {
    .get-started .no-page-header section.white-section {
        margin-top: 50px;
    }
}

.get-started .sub-header {
    font-family: inherit !important;
    font-weight: 500;
}

@media (min-width: 992px) {
    .get-started .sub-header {
        margin-bottom: 40px;
    }
}

.income {
    /**********
    *  LEGAL DISCLAIMER
    **********/
}

    .income .legal .col-xs-12 {
        border-radius: 8px;
        background-color: #A4EBB0;
        padding: 26px 18px;
        font-family: inherit !important;
        font-size: 9px;
        color: #002A3A;
    }

@media (max-width: 767px) {
    .income .legal .col-xs-12 {
        margin-bottom: 0;
        width: 100%;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        position: relative;
        margin-bottom: -30px;
    }
}

.approved-lead .rates-section .slider-min-text {
    float: left;
}

.approved-lead .rates-section .slider-max-text {
    float: right;
}

.approved-lead .rates-section #amtSlider.slider-disabled .slider-selection, .approved-lead .rates-section #amtSlider.slider-disabled .slider-handle {
    background: #e5e5e5;
}

.approved-lead .rates-section .row {
    margin-top: 10px;
    margin-bottom: 10px;
}

    .approved-lead .rates-section .row.border-top:before {
        content: "";
        display: block;
        margin: 0 15px 10px;
        border-top: 1px solid #ebebeb;
    }

    .approved-lead .rates-section .row.bold-text {
        font-family: inherit !important;
        color: #000;
    }

@media (min-width: 992px) {
    .approved-lead .button-container button.with-bottom-margin {
        margin-left: 0;
    }
}

.password .line-through {
    overflow: hidden;
    text-align: center;
    font-size: 10px;
    margin-top: 0;
    margin-bottom: 20px;
    font-family: inherit !important;
}

@media (max-width: 991px) {
    .password .line-through {
        margin-top: -10px;
    }
}

.password .line-through span {
    position: relative;
}

    .password .line-through span:before,
    .password .line-through span:after {
        content: "";
        position: absolute;
        border-top: 1px solid #DBE0E3;
        width: 600px;
        top: 50%;
        margin-top: -1px;
    }

    .password .line-through span:before {
        right: 100%;
        margin-right: 15px;
    }

    .password .line-through span:after {
        left: 100%;
        margin-left: 15px;
    }

.product .white-section {
    height: 450px;
}

    .product .white-section h5 {
        color: #7A8F97;
        font-weight: 900;
        line-height: 20px;
    }

.product .button-container {
    height: 100%;
}

    .product .button-container .btn {
        position: absolute;
        bottom: 60px;
        left: 20px;
    }

@media (max-width: 991px) {
    .product .button-container .btn {
        position: relative;
        bottom: auto;
        left: auto;
        margin-top: 50px;
    }
}

.product .accordion-section {
    margin: 20px 0;
}

.product .product-accordion-container {
    margin-top: 20px;
}

.thank-you .white-section h2 {
    color: #002A3A;
}

.thank-you .white-section p {
    text-align: left;
}

    .thank-you .white-section p a {
        color: #26987b;
    }

@media (max-width: 991px) {
    .thank-you .button-container {
        margin-top: 0;
    }
}

.disclosures .page-header {
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 0;
}

    .disclosures .page-header .header-with-green-line {
        margin: 0;
    }

@media (max-width: 767px) {
    .disclosures .white-section {
        padding: 10px;
    }
}

.personal [formGroupName="name"] .row .col-md-2 {
    padding-left: 10px;
    padding-right: 10px;
}

cict-accordion p {
    width: 100% !important;
}


cic-vantage-score {
    float: right;
}

@media only screen and (max-width: 750px) {
    cic-vantage-score {
        width: 100% !important;
        display: block !important;
        right: unset !important;
        top: unset !important;
        position: relative !important;
    }

        cic-vantage-score .pull-right {
            float: none;
        }
}

@media (min-width: 1200px) {
    cic-vantage-score {
        height: 70px;
    }
}

@media (max-width: 1199px) {
    cic-vantage-score {
        width: 100%;
    }
}

.clear-vscore {
    clear: right;
}

/**********
*  ALTERNATE BRANDING
**********/
.btn-primary {
    background-color: #CF0A2C;
    color: #fff !important;
}

.navbar-default .navbar-nav li a:hover {
    background-color: #9e0822;
}

.navbar-default .navbar-nav li a:active {
    background-color: #9e0822;
}

    .navbar-default .navbar-nav li a:active:focus {
        background-color: #9e0822;
    }

.navbar-default .navbar-nav li a:focus {
    background-color: #9e0822;
}

.footer-container a:active {
    font-size: 105% !important;
}

    .footer-container a:active:focus {
        font-size: 105% !important;
    }

.footer-container a:hover {
    font-size: 105% !important;
}

.footer-container a:focus {
    color: #fff;
    font-size: 105% !important;
}

/*LBP button changes*/
.btn-primary.lbp {
    background-color: #EA8511;
    color: #fff !important;
}

    .btn-primary.lbp:hover {
        background-color: #c6700d;
    }

    .btn-primary.lbp:active {
        background-color: #c6700d;
    }

        .btn-primary.lbp:active:focus {
            background-color: #c6700d;
        }

    .btn-primary.lbp:focus {
        background-color: #c6700d;
    }

a.btn.btn-primary.lbp {
    background-color: #EA8511;
}

    a.btn.btn-primary.lbp:hover {
        background-color: #c6700d;
    }

    a.btn.btn-primary.lbp:active {
        background-color: #c6700d;
    }

        a.btn.btn-primary.lbp:active:focus {
            background-color: #c6700d;
        }

    a.btn.btn-primary.lbp:focus {
        background-color: #c6700d;
    }

/*LF button changes*/
.btn-primary.lf {
    background-color: #F47E21;
    color: #fff !important;
}

    .btn-primary.lf:hover {
        background-color: #c16319;
    }

    .btn-primary.lf:active {
        background-color: #c16319;
    }

        .btn-primary.lf:active:focus {
            background-color: #c16319;
        }

    .btn-primary.lf:focus {
        background-color: #c16319;
    }

a.btn.btn-primary.lf {
    background-color: #F47E21;
}

    a.btn.btn-primary.lf:hover {
        background-color: #c16319;
    }

    a.btn.btn-primary.lf:active {
        background-color: #c16319;
    }

        a.btn.btn-primary.lf:active:focus {
            background-color: #c16319;
        }

    a.btn.btn-primary.lf:focus {
        background-color: #c16319;
    }

.navbar a.navbar-brand img.lbp {
    top: 12px;
}

.navbar a.navbar-brand img.lf {
    top: 4px;
}

.footer-container.lf {
    color: #909090 !important;
}

    .footer-container.lf a {
        color: #F47E21 !important;
    }

        .footer-container.lf a:hover {
            color: #F47E21 !important;
        }

.header-with-green-line.lf:after {
    content: '';
    display: block;
    border-bottom: 8px solid #F47E21;
    width: 41px;
    box-sizing: border-box;
}

.header-with-green-line.lbp:after {
    content: '';
    display: block;
    border-bottom: 8px solid #EA8511;
    width: 41px;
    box-sizing: border-box;
}

.sub-header a.lf {
    color: #F47E21;
}

.sub-header a.lbp {
    color: #EA8511;
}

app-root .progress-container nav .icon-table .icon-column.active.lf {
    color: #F47E21;
}

    app-root .progress-container nav .icon-table .icon-column.active.lf .icon {
        border-color: #F47E21;
    }

app-root .progress-container nav .icon-table .icon-column.active.lbp {
    color: #EA8511;
}

    app-root .progress-container nav .icon-table .icon-column.active.lbp .icon {
        border-color: #EA8511;
    }

.radio-group.lbp :checked + div::after {
    background-color: #00ADEE;
}

.radio-group.lbp :checked + div::after {
    background-color: #00ADEE;
}

.radio-group.lbp :checked + div.no::after {
    background-color: #EA8511;
}

.radio-group.lf :checked + div::after {
    background-color: #335561;
}

.radio-group.lf :checked + div::after {
    background-color: #F47E21;
}

.radio-group.lf :checked + div.no::after {
    background-color: #335561;
}

@media (max-width: 767px) {
    .navbar a.navbar-brand img.lbp {
        top: 14px;
        left: 0;
        width: 45%;
        max-width: 180px;
        margin-top: 25px;
    }

    .navbar a.navbar-brand img.lf {
        top: 8px !important;
        left: 0;
        width: 45%;
        max-width: 220px;
        margin-top: 25px;
    }
}

@media (max-width: 494px) {
    .btn-nav-cic {
        font-size: 10px !important;
        height: 35px !important;
        letter-spacing: 3px !important;
        min-width: 140px;
    }
}


.big-text {
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
}

/******************
 * UNITY DASHBOARD
 ******************/
@font-face {
    font-family: "proxima_nova_altblack";
    src: url('fonts/dashboard/proxima-nova-alt-black-webfont.woff2') format('woff2'), url('fonts/dashboard/proxima-nova-alt-black-webfont.woff') format('woff'), url('fonts/dashboard/proxima-nova-alt-black-webfont.ttf') format('truetype'), url('fonts/dashboard/proxima-nova-alt-black-webfont.svg#proxima_nova_altblack') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "proxima_nova_altbold";
    src: url('fonts/dashboard/proxima-nova-alt-bold-webfont.eot');
    src: url('fonts/dashboard/proxima-nova-alt-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/dashboard/proxima-nova-alt-bold-webfont.woff2') format('woff2'), url('fonts/dashboard/proxima-nova-alt-bold-webfont.woff') format('woff'), url('fonts/dashboard/proxima-nova-alt-bold-webfont.ttf') format('truetype'), url('fonts/dashboard/proxima-nova-alt-bold-webfont.svg#proxima_nova_altbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Proxima Nova";
    src: url('fonts/dashboard/proxima-nova-alt-regular-webfont.eot');
    src: url('fonts/dashboard/proxima-nova-alt-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/dashboard/proxima-nova-alt-regular-webfont.woff') format('woff'), url('fonts/dashboard/proxima-nova-alt-regular-webfont.ttf') format('truetype'), url('fonts/dashboard/proxima-nova-alt-regular-webfont.svg#proxima_nova_altregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "proxima_nova_scosfthin";
    src: url('fonts/dashboard/proxima-nova-scosf-thin-webfont.eot');
    src: url('fonts/dashboard/proxima-nova-scosf-thin-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/dashboard/proxima-nova-scosf-thin-webfont.woff') format('woff'), url('fonts/dashboard/proxima-nova-scosf-thin-webfont.ttf') format('truetype'), url('fonts/dashboard/proxima-nova-scosf-thin-webfont.svg#proxima_nova_scosfthin') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "proxima_nova_ltsemibold";
    src: url('fonts/dashboard/proxima-nova-semibold-webfont.eot');
    src: url('fonts/dashboard/proxima-nova-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/dashboard/proxima-nova-semibold-webfont.woff2') format('woff2'), url('fonts/dashboard/proxima-nova-semibold-webfont.ttf') format('truetype'), url('fonts/dashboard/proxima-nova-semibold-webfont.svg#proxima_nova_ltsemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "proxima_nova_ltthin";
    src: url('fonts/dashboard/proxima-nova-thin-webfont.eot');
    src: url('fonts/dashboard/proxima-nova-thin-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/dashboard/proxima-nova-thin-webfont.woff2') format('woff2'), url('fonts/dashboard/proxima-nova-thin-webfont.woff') format('woff'), url('fonts/dashboard/proxima-nova-thin-webfont.ttf') format('truetype'), url('fonts/dashboard/proxima-nova-thin-webfont.svg#proxima_nova_ltthin') format('svg');
    font-weight: normal;
    font-style: normal;
}

app-dashboard *, app-contact-us *, cic-your-store *, app-faq *, rates-terms *, privacy * {
    font-family: "Proxima Nova", Helvetica;
}

a.info {
    position: relative;
    z-index: 24;
    text-decoration: none
}

    a.info:hover, a.info:focus, a.info:active {
        z-index: 25;
    }

    a.info span {
        position: absolute;
        left: -9000px;
        width: 0;
        overflow: hidden;
    }

    a.info:hover span, a.info:focus span, a.info:active span {
        display: block;
        position: absolute;
        top: 1em;
        left: 1em;
        width: 12em;
        border: 1px solid #000;
        background-color: #fff;
        color: #000;
        text-align: center;
        font-size: 11px;
    }

/*# sourceMappingURL=styles.css.map */

.flex-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}

.row.display-flex {
    display: flex;
    flex-wrap: wrap;
}

/* ACCORDION STUFF */
cict-old-accordion .panel.panel-default {
    border: 1px solid #CDD6D9;
    border-radius: 8px;
}

    cict-old-accordion .panel.panel-default .panel-heading {
        border-radius: 8px;
        background-color: #F8F9F9;
        cursor: pointer;
        border: 1px solid transparent;
        transition: border-color 0.4s;
        -webkit-transition: border-color 0.4s;
    }

        cict-old-accordion .panel.panel-default .panel-heading.heading-collapsed:hover {
            border: 1px solid #26987b;
        }

        cict-old-accordion .panel.panel-default .panel-heading .panel-title {
            color: #002A3A;
            font-family: inherit !important;
            font-size: 14px;
            font-weight: 300;
        }

            cict-old-accordion .panel.panel-default .panel-heading .panel-title .accordion-toggle {
                text-decoration: none;
                display: block;
                padding: 5px;
                border-style: solid;
                border-width: 1px;
                border-color: transparent;
                border-radius: 8px;
            }

                cict-old-accordion .panel.panel-default .panel-heading .panel-title .accordion-toggle:hover, cict-old-accordion .panel.panel-default .panel-heading .panel-title .accordion-toggle:active, cict-old-accordion .panel.panel-default .panel-heading .panel-title .accordion-toggle:visited {
                    text-decoration: none;
                    color: inherit;
                    font-size: inherit;
                    font-weight: inherit;
                }

                cict-old-accordion .panel.panel-default .panel-heading .panel-title .accordion-toggle .checkmark {
                    max-width: 30px;
                    background: url("../images/check1.png") no-repeat center;
                }

                cict-old-accordion .panel.panel-default .panel-heading .panel-title .accordion-toggle .confirmed {
                    background-image: url("../images/check2.png");
                }

                cict-old-accordion .panel.panel-default .panel-heading .panel-title .accordion-toggle .title {
                    line-height: 20px;
                }

                    cict-old-accordion .panel.panel-default .panel-heading .panel-title .accordion-toggle .title:after {
                        font-family: 'Glyphicons Halflings';
                        content: '\e114';
                        float: right;
                        color: grey;
                    }

@media (max-width: 767px) {
    cict-old-accordion .panel.panel-default .panel-heading .panel-title .accordion-toggle .title:after {
        position: absolute;
        right: 0;
        top: 0;
    }
}

@media (max-width: 767px) {
    cict-old-accordion .panel.panel-default .panel-heading .panel-title .accordion-toggle .title {
        width: 88%;
    }
}

cict-old-accordion .panel.panel-default .panel-heading .panel-title .accordion-toggle .edit {
    color: #26987b;
    margin-left: 20px;
}

@media (max-width: 767px) {
    cict-old-accordion .panel.panel-default .panel-heading .panel-title .accordion-toggle .edit {
        margin-left: 0;
    }
}

cict-old-accordion .panel.panel-default .panel-heading .panel-title .accordion-toggle.collapsed .title:after {
    content: '\e080';
}

cict-old-accordion .panel.panel-default .panel-heading.ng-content-panel-heading {
    padding-left: 5px;
    padding-right: 5px;
}

    cict-old-accordion .panel.panel-default .panel-heading.ng-content-panel-heading .accordion-toggle {
        padding-left: 0;
        padding-right: 0;
    }

        cict-old-accordion .panel.panel-default .panel-heading.ng-content-panel-heading .accordion-toggle:after {
            font-family: 'Glyphicons Halflings';
            content: '\e114';
            float: right;
            color: grey;
            padding-right: 10px;
        }

        cict-old-accordion .panel.panel-default .panel-heading.ng-content-panel-heading .accordion-toggle.collapsed:after {
            content: '\e080';
        }

cict-old-accordion .panel-heading {
    padding: 5px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

cict-old-accordion .panel-group .body {
    margin-bottom: 15px;
    max-height: 30vh;
    overflow: auto;
}

    cict-old-accordion .panel-group .body #check {
        box-sizing: content-box;
    }

cict-old-accordion .panel-group .footer {
    border-top: 1px solid #CDD6D9;
    padding-top: 5px;
    padding-bottom: 10px;
}

    cict-old-accordion .panel-group .footer .footer-note {
        color: #30525E;
        font-weight: 900;
        margin-bottom: 15px;
    }

.agreement cict-old-accordion .panel-group .footer .footer-note {
    float: right;
    font-weight: normal;
    color: red;
    font-size: 14px;
    border: 1px solid transparent;
}

cict-old-accordion .panel-group .footer .radio-group {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.agreement cict-old-accordion .panel-group .footer .radio-group {
    float: left;
    border: 1px solid transparent;
}

cict-old-accordion .panel-group .footer .radio-group label {
    float: left;
    margin-right: 40px;
    font-family: inherit !important;
    color: #30525E;
    font-size: 14px;
    font-weight: 300;
}

    cict-old-accordion .panel-group .footer .radio-group label:last-child {
        margin-right: 0;
    }

cict-old-accordion .panel-group .footer .radio-group:after {
    clear: both;
}

.label-size {
    min-width: 15%;
}

@media (max-width: 767px) {
    .medium-size {
        width: 50%;
    }
}

.better-btn-block {
    height: 50px;
    border: 0;
    width: 100%;
    white-space: normal;
}

.customer-receipt-signature {
    float: left;
    margin: 0 5% 1% 0;
}

.header_row {
    text-align: center !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.sub_header_row {
    background-color: #26987b !important;
    width: 100% !important;
    height: 60px !important;
    padding-top: 13px !important;
}

.left_align{
    text-align:left!important;
}
