/*BOOTSTRAP OVERRIDES*/

@import url(https://fonts.googleapis.com/css?family=Lato);
@import url(https://fonts.googleapis.com/css?family=Roboto);
body {
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    /*font-size: 16px;*/
}
p {
    font-size: 17px;
    line-height: 26px;
    margin-bottom: 15px;
}
legend {
    font-size: inherit;
    border: none;
}
.lead {
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
hr {
    border-top: 1px solid #E5E5E5;
}
.list-unstyled {
    padding-left: 26px;
}
.table-width-condensed > thead > tr > th,
.table-width-condensed > tbody > tr > th,
.table-width-condensed > tfoot > tr > th,
.table-width-condensed > thead > tr > td,
.table-width-condensed > tbody > tr > td,
.table-width-condensed > tfoot > tr > td {
    padding: 10px 5px 5px 5px;
}
.table-responsive {
    overflow-x: auto;
}

.navbar {
    margin-bottom: 0;
    min-height: 0;
    min-height: 75px;
}
.navbar-nav {
    font-size: 16px;
}
@media (min-width: 768px) {
    .navbar-nav {
        margin-top: 16px;
    }
}
.navbar-default {
    background-color: #ffffff;
    border-color: #D6D6D6;
    min-height: 80px;
}
.min-height-pipeline-label{
    min-height: 25px;
}
.navbar-default .navbar-brand {
    padding: 10px;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    background-color: #D6D6D6;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #D6D6D6;
}
@media (max-width: 767px) {
    .navbar-default .navbar-collapse {
        margin-top: 17px;
    }
    .min-height-pipeline-label{
        min-height: 24px;
    }
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    background-color: #D6D6D6;
}
@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        background-color: #D6D6D6;
    }
}
.navbar-default .navbar-toggle {
    margin-top: 15px;
}
.navbar-guide {
    font-size: 16px;
    margin-bottom: 6px;
    margin-top: 6px;
}
.navbar-guide a {
    color: #777;
}
.navbar-guide a:hover,
.navbar-guide a:focus {
    color: #333;
    background-color: transparent;
    text-decoration: none;
}
.navbar-guide .link-divider {
    color: #777;
}
.navbar-brand-mobile, .width-80 {
    width: 80%;
}
@media (max-width: 767px) {
    .navbar-brand-mobile {
        width: 90%;
    }
}
.nav .landingPage {
    position: relative;
    display: block;
    padding: 5px 15px;
}
.nav .app {
    position: relative;
    display: block;
    padding: 0px 15px;
}

.btn-primary{
    background-color: #d9230f;
    border-color: #d9230f;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-color: #a91b0c;
    border-color: #a01a0b;
}
.btn-primary.bootstrap-primary {
    /*literally bootstrap's primary color*/
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}
.btn-primary.bootstrap-primary:hover,
.btn-primary.bootstrap-primary:focus,
.btn-primary.bootstrap-primary:active {
    /*literally bootstrap's primary color*/
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #d9230f;
    border-color: #d9230f;
}
.btn-primary .badge {
    color: #d9230f;
}

.btn-success {
    background-color: #469408;
    border-color: #469408;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
    background-color: #2f6405;
    border-color: #2b5a05;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
    background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
    background-color: #469408;
    border-color: #469408;
}
.btn-success .badge {
    color: #469408;
}

.btn-danger {
    background-color: #d9831f;
    border-color: #d9831f;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
    background-color: #ac6819;
    border-color: #a36317;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
    background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
    background-color: #d9831f;
    border-color: #d9831f;
}
.btn-danger .badge {
    color: #d9831f;
}

.btn-good {
    color: #333333;
    background-color: #ffffff;
    border-color: #cccccc;
}
.btn-good:focus,
.btn-good:active,
.btn-good.active,
.open .dropdown-toggle.btn-good {
    color: #ffffff;
    background-color: #469408;
    border-color: #469408;
}
.btn-good:active,
.btn-good.active,
.open .dropdown-toggle.btn-good {
    background-image: none;
}
.btn-bad {
    color: #333333;
    background-color: #ffffff;
    border-color: #cccccc;
}
.btn-bad:focus,
.btn-bad:active,
.btn-bad.active,
.open .dropdown-toggle.btn-bad {
    color: #ffffff;
    background-color: #ac6819;
    border-color: #a36317;
}
.btn-bad:active,
.btn-bad.active,
.open .dropdown-toggle.btn-bad {
    background-image: none;
}
.btn-choice {
    color: #333333;
    background-color: #ffffff;
    border-color: #cccccc;
}
.btn-choice:focus,
.btn-choice:active,
.btn-choice.active,
.open .dropdown-toggle.btn-bad {
    color: #ffffff;
    background-color: #00A1E0;
    border-color: #00A1E0;
}
.btn-choice:active,
.btn-choice.active,
.open .dropdown-toggle.btn-bad {
    background-image: none;
}
.mantle{
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    background-color: #cccccc75;
    margin: 0px 15px;
    cursor: no-drop;
}
.nav-tabs {
  border-bottom: 1px solid #D6D6D6;
}
.nav-tabs > li > a:hover {
    border-color: #D6D6D6 #D6D6D6 #D6D6D6;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    border: 1px solid #D6D6D6;
    border-bottom-color: transparent;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #D6D6D6;
}
@media (min-width: 768px) {
    .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #D6D6D6;
    }
    .nav-tabs.nav-justified > .active > a,
    .nav-tabs.nav-justified > .active > a:hover,
    .nav-tabs.nav-justified > .active > a:focus {
        border-bottom-color: #D6D6D6;
    }
}

input[type="checkbox"], input[type="radio"] {
    cursor: pointer;
}

.panel.panel-default.disable {
    opacity: 0.8;
}
.panel-default {
    border-color: #D6D6D6;
}
.panel-default > .panel-heading {
    background-color: #D3EDF2;
    border-color: #D6D6D6;
}
.panel-default > .panel-heading > h4 {
    word-break: break-word;
}
.panel-status {
    border-color: #D6D6D6;
}
.panel-status > .panel-body {
    border-color: #D6D6D6;
}
.panel-status-action {
    border-color: #D6D6D6;
}
.panel-status-action > .panel-body {
    background-color: #d9230f;
    border-color: #D6D6D6;
    color: #FFFFFF;
}
.panel-messages {
    border-radius: 0 0 3px 3px;
    border-top: none;
}
.panel-body.scroll {
    max-height: 500px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.alert-info {
    color: #0C6377;
    background-color: #D3EDF2;
    border-color: #7AD2F0;
}
.alert-info hr {
    border-top-color: #6AC2CE;
}
.alert-info .alert-link {
    color: #1E4A5B;
}
.alert-danger {
    background-color: #F7F5F5;
}

.text-success {
    color: #469408;
}
.text-danger {
    color: #d9230f;
}
.text-red, .hover-red:hover
{
    color: #ff0000;
}
.text-green {
    color: #00660A;
}
.text-grey {
    color: #999;
}
.text-highlight {
    color: #034680;
}
.text-dark{
    color: #343a40 !important;
}
.text-white{
    color: #ffffff;
}
.text-highlight-success {
    background-color: #469408;
    color: #FFFFFF;
    line-height: 1.6;
}
.text-jira-btn {
    color: #ffffff;
}
.text-jira-btn:hover {
    color: #404040;
}
.text-jira-btn-delete{
    color: red;
    text-shadow:    0 0 0.5px #fff,
                    0 0 0.5px #fff,
                    0 0 0.5px #fff,
                    0 0 0.5px #fff;
}

.bg-success {
    background-color: #d0e9c6;
}
.bg-light-sky-blue {
    background-color: #D3EDF2;
}
.bg-cool-green {
    background-color: #27c56e;
}
.bg-light-green {
    background-color: #e2efd9;
}
.bg-light-yellow {
    background-color: #feff99;
}
.bg-light-blue {
    background-color: #deeaf6;
}

.sidebar-tpo-background{
    background-color: #e9fdd9;
}

.sidebar-lender-background{
    background-color: #eee;
}

@media (max-width: 767px) {
    .table-more-condensed > thead > tr > th,
    .table-more-condensed > tbody > tr > th,
    .table-more-condensed > tfoot > tr > th,
    .table-more-condensed > thead > tr > td,
    .table-more-condensed > tbody > tr > td,
    .table-more-condensed > tfoot > tr > td {
        padding: 2px;
    }
}

@media (max-width: 767px) {
    .small-responsive {
        font-size: 85%;
    }
}
large,
.large {
    font-size: 115% !important;
}
larger,
.larger {
    font-size: 130% !important;
}

.input-group-addon {
    padding: 6px 6px;
}

/*BOOTSTRAP IMPROVEMENTS*/
@media (max-width: 767px) {
    .dropdown-menu {
        /*display: block;*/
        position: static;
        background-color: transparent;
        border: 0 none;
        box-shadow: none;
        margin-top: 0;
        position: static;
        width: 100%;
    }
    .navbar-nav .dropdown-menu > li > a,
    .navbar-nav .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px;
    }
    .navbar-nav .dropdown-menu > li > a {
        line-height: 20px;
    }
    .navbar-default .navbar-nav .dropdown-menu > li > a {
        color:#777;
    }
}

.col-center {
    float: none;
    margin: 0 auto;
}

.text-center-responsive {
    text-align: center;
}
@media (min-width: 768px) {
    .text-center-responsive {
        text-align: left;
    }
}
.uncenter {
    text-align: left;
}

.img-less-rounded {
    border-radius: 3px !important;
}

.img-desaturate {
    filter: grayscale(100%);
}

.img-desaturate-hover {
    filter: grayscale(50%);
}

.modal-body {
    padding: 24px;
}
.modal-body-lg {
    padding: 36px;
}
.modal-body-loan-officer {
    padding: 23px 36px 36px 36px;
}

.modal-content h1:focus,
.modal-content h2:focus,
.modal-content h3:focus,
.modal-content h4:focus,
.modal-content h5:focus {
    outline: none;
}

@media (max-width: 767px) {
    select.input-sm-responsive {
        height: 30px;
        line-height: 30px;
        font-size: 12px;
    }
}

.clearfix-table-responsive {
    content: "";
    clear: both;
    display: block;
}

.input-search-option {
    width: 180px;
}
.input-downpayment {
    width: 200px !important;
}
.input-money-currency-label {
    position: absolute;
    /*top: 8px;*/
    /*top: 21%;*/
    top: calc( 100% - 26px );
    left: 25px;
}
#expenseRentalBlock #expenseBlock .input-money-currency-label,
#expenseRentalBlock #rentalIncomeBlock .input-money-currency-label,
div.verifyAssetLiability-expenseRentalBlock .input-money-currency-label,
div.verifyAssetLiability-rentalIncomeBlock .input-money-currency-label{
    top: calc( 100% - 37px );
}
#formVerifyEmployment .input-money-currency-label{
    top: calc( 100% - 41px );
}
@media screen and (max-width: 767px) {
    #formVerifyEmployment .input-money-currency-label{
        top: calc( 100% - 26px );
    }
}
.input-money-currency-label-padding-left {
    padding-left: 20px;
}
.input-lg-responsive {
    width: 200px !important;
}
.input-lg-responsive-downPayment {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.input-lg-responsive-percentage {
    width: 78px !important;
    text-align: center;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
@media screen and (min-width: 768px) {
    .input-lg-responsive-percentage {
        width: 61px !important;
        text-align: center;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
}
@media screen and (min-width: 992px) {
    .input-lg-responsive-percentage {
        width: 78px !important;
        text-align: center;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
}
@media screen and (min-width: 768px) {
    .input-lg-responsive {
        height: 46px;
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.33;
        border-radius: 6px;
    }
    select.input-lg-responsive {
        height: 46px;
        line-height: 46px;
    }
    textarea.input-lg-responsive {
        height: auto;
    }
}
.input-lg-responsive-refinance {
    width: 200px;
}
@media screen and (min-width: 768px) {
    .input-lg-responsive-refinance {
        width: 196.45px !important;
        height: 46px;
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.33;
        border-radius: 6px;
    }
    select.input-lg-responsive-refinance {
        width: 196.45px !important;
        height: 46px;
        line-height: 46px;
    }
    textarea.input-lg-responsive-refinance {
        width: 196.45px !important;
        height: auto;
    }
}

.glyphicon-xl {
    font-size: 180%;
}
.glyphicon-sm {
    font-size: 80%;
}
.glyphicon-smaller {
    font-size: 65%;
}

.glyphicon-middle-align {
    padding-top: 50%;
}

/*NEW CSS*/

.test-bg {
    background-color: #e0ffff;
}
.test-bg2 {
    background-color: #9acd32;
}
.test-bg3 {
    background-color: #9370db;
}
.test-border {
    border: red solid 1px;
}

@media (min-width: 768px) {
    .blog-main-wrapper {
        padding: 0 24px 0 0;
    }
}
@media (min-width: 768px) {
    .blog-sidebar-wrapper {
        padding: 0 0 0 24px;
    }
}
.blog-sidebar-menu {
    border: 1px solid #D6D6D6;
    border-radius: 3px;
    padding: 0 25px 16px 25px;
}
.blog-sidebar-cta {
    padding: 12px 25px 16px 25px;
    background-color: #BDE9F4;
}
.blog-sidebar-share {
    padding: 0 25px;
}

.quiz-answers {
    max-width: 60%;
}
.quiz-answer-success {
    color: #468847;
    background-color: #F0FFE9;
    border-color: #d6e9c6;
}
.quiz-answer-danger {
    color: #A87E40;
    background-color: #fcf8e3;
    border-color: #fbeed5;
}

.label-pie {
    font-weight: normal;
    color: #FFFFFF;
}
.label-pie.red {
    background-color: #C61609;
}
.label-pie.orange {
    background-color: #d9831f;
}
.label-pie.purple {
    background-color: #7864A0;
}
.label-pie.blue {
    background-color: #4CB9D3;
}
.label-pie.green {
    background-color: #469408;
}

.width-100 {
    width: 100% !important;
}

.width-90 {
    width: 90% !important;
}

.width-95 {
    width: 95% !important;
}

.width-15 {
    width: 15% !important;
}

img.responsive {
    max-width: 100%;
    max-height: 100%;
}
img.text-wrap {
    margin-right: 8px;
}
img.text-wrap-both {
    margin-left: 8px;
    margin-right: 8px;
}

@media screen and (min-width: 992px) {
    .definition-match {
        min-height: 340px;
    }
}
@media screen and (min-width: 1200px) {
    .definition-match {
        min-height: 300px;
    }
}

.hero.background {
    background-color: #DFF4FB;
}
.hero h1,
.hero .h1 {
    font-size: 42px;
}
.hero h2,
.hero .h2 {
    font-size: 24px;
}
.hero-sub h2,
.hero-sub .h2 {
    font-size: 36px;
}
.hero-sub h3,
.hero-sub .h3 {
    font-size: 24px;
}
.hero-sub h4,
.hero-sub .h4 {
    font-size: 24px;
}
@media screen and (min-width: 768px) {
    .hero {
        padding: 20px;
        min-height: 482px;
    }
    .hero h1,
    .hero .h1 {
        font-size: 60px;
    }
    .hero h2,
    .hero .h2 {
        font-size: 30px;
    }
    .hero-sub h2,
    .hero-sub .h2 {
        font-size: 44px;
    }
    .hero-sub h3,
    .hero-sub .h3 {
        font-size: 32px;
    }
}
.hero.agent {
    background-image: url( "/images/hero-desert-home.jpg" );
}
.hero.rocket {
    background-image: url( "/images/hero-rocket.jpg" );
}
.hero.close-more-loans {
    background-image: url( "/images/hero-close-more-loans.jpg" );
}
.hero.lightbulb-ship {
    background-image: url( "/images/hero-lightbulb-ship.jpg" );
}
.hero-interior {
    min-height: 122px;
}
@media screen and (min-width: 768px) {
    .hero-interior {
        padding: 20px;
        min-height: 202px;
    }
}
.hero.no-min-height {
    min-height: 0;
}

.h4-5 {
    font-size: 16px;
}

.banner-cta {
    padding: 35px 18px;
    background-color: #6EB8CC;
    color: #FFFFFF;
}
.banner-cta-dark-blue {
    padding: 35px 18px;
    background-color: #000f1f;
    color: #FFFFFF;
}
.banner-featuring {
    padding: 75px 0;
    background-color: #E8F8FC;
}
.banner-featuring-white {
    padding: 35px 0;
}

.font-up h2,
.font-up .h2 {
    font-size: 36px;
}
.font-up h3,
.font-up .h3 {
    font-size: 30px;
}
.font-up h4,
.font-up .h4 {
    font-size: 24px;
}
.font-black {
    color: #000000;
}
.font-white {
    color: #FFFFFF !important;
}
.font-light-grey {
    color: #E5E5E5 !important;
}
.font-grey {
    color: #9f9f9f !important;
}
.font-unbold {
    font-weight: normal
}
.font-bold {
    font-weight: bold;
}
.font-underline {
    text-decoration: underline;
}
@media screen and (max-width: 768px) {
    .h1-responsive {
        font-size: 30px;
    }
}
@media screen and (max-width: 767px) {
    h1.responsive-rev {
        font-size: 30px;
    }
}
@media screen and (max-width: 767px) {
    h2.responsive-rev {
        font-size: 24px;
    }
}
@media screen and (min-width: 768px) {
    .h2-responsive {
        font-size: 36px;
    }
}
@media screen and (min-width: 768px) {
    .h3-responsive {
        font-size: 30px;
    }
}
@media screen and (min-width: 768px) {
    .h4-responsive {
        font-size: 24px;
    }
}
@media screen and (min-width: 768px) {
    .h5-responsive {
        font-size: 18px;
    }
}
.smaller {
    font-size: 75%;
    line-height: 1.4em;
}
.font-20 {
    font-size:20px;
    line-height: 20px;
}
.font-14 {
    font-size: 14px;
    line-height: 20px;
}
.font-12 {
    font-size: 12px;
    line-height: 20px;
}
.font-11 {
    font-size: 11px;
}
.vertical-middle {
    vertical-align: middle !important;
}

.white-space-pre {
    white-space: pre;
}

.top-4 {
    top: 4px;
}

.spacer-top-tools {
    margin-top: -6px;
}
.spacer-top-none {
    margin-top: 0;
}
@media screen and (min-width: 980px) {
    .spacer-top-none-md {
        margin-top: 0;
    }
}
.spacer-top-xxxs {
    margin-top: 3px;
}
.spacer-top-xxxs-negative {
    margin-top: -3px;
}
.spacer-top-xxs {
    margin-top: 5px;
}
.spacer-top-2 {
    margin-top: 2px;
}
.spacer-top-6 {
    margin-top: 6px;
}
.spacer-top-7 {
    margin-top: 7px;
}
.spacer-top-9 {
    margin-top: 9px;
}
.spacer-top-xs {
    margin-top: 10px;
}
.spacer-top-xs-negative {
    margin-top: -10px;
}
.spacer-top-13 {
    margin-top: 13px;
}
.spacer-top-15 {
    margin-top: 15px;
}
.spacer-top-15-responsive {
    margin-top: 15px;
}
@media screen and (min-width: 768px) {
    .spacer-top-15-responsive {
        margin-top: 0;
    }

    .padding-left-0-sm{
        padding-left: 0;
    }
}
.spacer-top-16 {
    margin-top: 16px;
}
.spacer-top-25 {
    margin-top: 25px;
}

.spacer-top-sm {
    margin-top: 20px;
}
.spacer-top-sm-negative {
    margin-top: -20px;
}
.spacer-top {
    margin-top: 30px;
}
.spacer-top-lg {
    margin-top: 40px;
}
.spacer-top-xl {
    margin-top: 50px;
}
.spacer-top-75 {
    margin-top: 75px;
}
.spacer-top-2xl {
    margin-top: 100px;
}
.spacer-top-4xl {
    margin-top: 200px;
}
.spacer-top-post {
    margin-top: 56px;
}
.spacer-bottom-none {
    margin-bottom: 0;
}
.spacer-bottom-xxs {
    margin-bottom: 5px;
}
.spacer-bottom-apply {
    margin-bottom: 5px;
}
@media screen and (min-width: 768px) {
    .spacer-bottom-apply {
        margin-bottom: 0;
    }
}
.spacer-bottom-8 {
    margin-bottom: 8px;
}
.spacer-bottom-xs {
    margin-bottom: 10px;
}
.spacer-bottom-15 {
    margin-bottom: 15px;
}
.spacer-bottom-sm {
    margin-bottom: 20px;
}
.spacer-bottom {
    margin-bottom: 30px;
}
.spacer-bottom-lg {
    margin-bottom: 40px;
}
.spacer-bottom-xl {
    margin-bottom: 50px;
}
.spacer-bottom-75 {
    margin-bottom: 75px;
}
.spacer-bottom-2xl {
    margin-bottom: 100px;
}
/*Override .input-sm padding on small state fields to avoid clipping*/
.input-address-state {
    padding: 5px;
}
@media screen and (max-width: 768px) {
    .spacer-top-xs-only {
        margin-top: 10px;
    }
}
.spacer-top-xs-responsive {
    margin-top: 0;
}
@media screen and (min-width: 768px) {
    .spacer-top-xs-responsive {
        margin-top: 10px;
    }
}
@media screen and (min-width: 992px) {
    .spacer-top-xs-responsive {
        margin-top: 0;
    }
}
.spacer-top-sm-responsive {
    margin-top: 0;
}
@media screen and (min-width: 768px) {
    .spacer-top-sm-responsive {
        margin-top: 20px;
    }
}
.spacer-top-responsive {
    margin-top: 0;
}
@media screen and (min-width: 768px) {
    .spacer-top-responsive {
        margin-top: 30px;
    }
}
.spacer-top-hero {
    margin-top: 40px;
}
@media screen and (min-width: 768px) {
    .spacer-top-hero {
        margin-top: 50px;
    }
}
.spacer-top-hero-agent {
    margin-top: 40px;
}
@media screen and (min-width: 768px) {
    .spacer-top-hero-agent {
        margin-top: 100px;
    }
}
.spacer-top-2xl-responsive {
    margin-top: 50px;
}
@media screen and (min-width: 768px) {
    .spacer-top-2xl-responsive {
        margin-top: 100px;
    }
}
.spacer-top-md-responsive-rev {
    margin-top: 20px;
}
@media screen and (min-width: 992px) {
    .spacer-top-md-responsive-rev {
        margin-top: 0;
    }
}
.spacer-top-xxs-responsive-rev {
    margin-top: 10px;
}
@media screen and (min-width: 768px) {
    .spacer-top-xxs-responsive-rev {
        margin-top: 0;
    }
}
.spacer-top-sm-responsive-rev {
    margin-top: 20px;
}
@media screen and (min-width: 768px) {
    .spacer-top-sm-responsive-rev {
        margin-top: 0;
    }
}
.spacer-top-xs-responsive-rev {
    margin-top: 20px;
}
@media screen and (min-width: 768px) {
    .spacer-top-xs-responsive-rev {
        margin-top: 10px;
    }
}
.spacer-top-xs-responsive-rev-none {
    margin-top: 20px;
}
@media screen and (min-width: 768px) {
    .spacer-top-xs-responsive-rev-none {
        margin-top: 0;
    }
}
.spacer-top-responsive-rev {
    margin-top: 30px;
}
@media screen and (min-width: 768px) {
    .spacer-top-responsive-rev {
        margin-top: 0;
    }
}
.spacer-top-xs-responsive-none {
    margin-top: 10px;
}
@media screen and (min-width: 768px) {
    .spacer-top-xs-responsive-none {
        margin-top: 0;
    }
}
.spacer-left-xs {
    margin-left: 10px;
}
.spacer-left-xs-negative {
    margin-left: -10px;
}
.spacer-left-xs {
    margin-left: 5px;
}
.spacer-left-sm {
    margin-left: 20px;
}
.spacer-left {
    margin-left: 30px;
}
.spacer-left-lg {
    margin-left: 40px;
}
.spacer-left-sm-negative {
    margin-left: -20px;
}

.spacer-right {
    margin-right: 30px;
}
.spacer-right-sm{margin-right:20px;}
.spacer-right-xs{margin-right:10px;}
.spacer-right-xxs{margin-right:5px;}

@media screen and ( min-width: 768px ) {
    .spacer-right-responsive-wide {
        margin-right: 30px;
    }
}
.spacer-start-ssn {
    margin-top: 6px;
}
@media screen and (min-width: 768px) {
    .spacer-start-ssn {
        margin-top: 46px;
    }
}

.add-employer-modal {
    margin-top: 15px;
}
@media screen and (min-width: 768px) {
    .add-employer-modal {
        margin-top: 40px;
    }
}
@media screen and (min-width: 768px) {
    .add-resource-modal {
        margin-top: 30px;
    }
}

/* Padding classes - Generated and compressed by SASS */
.padding-left-0{padding-left:0}.padding-right-0{padding-right:0}.padding-top-0{padding-top:0}.padding-bottom-0{padding-bottom:0}.padding-left-xxs{padding-left:5px}.padding-right-xxs{padding-right:5px}.padding-top-xxs{padding-top:5px}.padding-bottom-xxs{padding-bottom:5px}.padding-left-8{padding-left:8px}.padding-right-8{padding-right:8px}.padding-top-8{padding-top:8px}.padding-bottom-8{padding-bottom:8px}.padding-left-xs{padding-left:10px}.padding-right-xs{padding-right:10px}.padding-top-xs{padding-top:10px}.padding-bottom-xs{padding-bottom:10px}.padding-left-sm{padding-left:20px}.padding-right-sm{padding-right:20px}.padding-top-sm{padding-top:20px}.padding-bottom-sm{padding-bottom:20px}.padding-left{padding-left:30px}.padding-right{padding-right:30px}.padding-top{padding-top:30px}.padding-bottom{padding-bottom:30px}.padding-left-lg{padding-left:40px}.padding-right-lg{padding-right:40px}.padding-top-lg{padding-top:40px}.padding-bottom-lg{padding-bottom:40px}.padding-left-xl{padding-left:50px}.padding-right-xl{padding-right:50px}.padding-top-xl{padding-top:50px}.padding-bottom-xl{padding-bottom:50px}@media screen and (min-width: 768px){.padding-left-0-tablet{padding-left:0}.padding-right-0-tablet{padding-right:0}.padding-top-0-tablet{padding-top:0}.padding-bottom-0-tablet{padding-bottom:0}.padding-left-xxs-tablet{padding-left:5px}.padding-right-xxs-tablet{padding-right:5px}.padding-top-xxs-tablet{padding-top:5px}.padding-bottom-xxs-tablet{padding-bottom:5px}.padding-left-8-tablet{padding-left:8px}.padding-right-8-tablet{padding-right:8px}.padding-top-8-tablet{padding-top:8px}.padding-bottom-8-tablet{padding-bottom:8px}.padding-left-xs-tablet{padding-left:10px}.padding-right-xs-tablet{padding-right:10px}.padding-top-xs-tablet{padding-top:10px}.padding-bottom-xs-tablet{padding-bottom:10px}.padding-left-sm-tablet{padding-left:20px}.padding-right-sm-tablet{padding-right:20px}.padding-top-sm-tablet{padding-top:20px}.padding-bottom-sm-tablet{padding-bottom:20px}.padding-left-tablet{padding-left:30px}.padding-right-tablet{padding-right:30px}.padding-top-tablet{padding-top:30px}.padding-bottom-tablet{padding-bottom:30px}.padding-left-lg-tablet{padding-left:40px}.padding-right-lg-tablet{padding-right:40px}.padding-top-lg-tablet{padding-top:40px}.padding-bottom-lg-tablet{padding-bottom:40px}.padding-left-xl-tablet{padding-left:50px}.padding-right-xl-tablet{padding-right:50px}.padding-top-xl-tablet{padding-top:50px}.padding-bottom-xl-tablet{padding-bottom:50px}}@media screen and (min-width: 992px){.padding-left-0-desktop{padding-left:0}.padding-right-0-desktop{padding-right:0}.padding-top-0-desktop{padding-top:0}.padding-bottom-0-desktop{padding-bottom:0}.padding-left-xxs-desktop{padding-left:5px}.padding-right-xxs-desktop{padding-right:5px}.padding-top-xxs-desktop{padding-top:5px}.padding-bottom-xxs-desktop{padding-bottom:5px}.padding-left-8-desktop{padding-left:8px}.padding-right-8-desktop{padding-right:8px}.padding-top-8-desktop{padding-top:8px}.padding-bottom-8-desktop{padding-bottom:8px}.padding-left-xs-desktop{padding-left:10px}.padding-right-xs-desktop{padding-right:10px}.padding-top-xs-desktop{padding-top:10px}.padding-bottom-xs-desktop{padding-bottom:10px}.padding-left-sm-desktop{padding-left:20px}.padding-right-sm-desktop{padding-right:20px}.padding-top-sm-desktop{padding-top:20px}.padding-bottom-sm-desktop{padding-bottom:20px}.padding-left-desktop{padding-left:30px}.padding-right-desktop{padding-right:30px}.padding-top-desktop{padding-top:30px}.padding-bottom-desktop{padding-bottom:30px}.padding-left-lg-desktop{padding-left:40px}.padding-right-lg-desktop{padding-right:40px}.padding-top-lg-desktop{padding-top:40px}.padding-bottom-lg-desktop{padding-bottom:40px}.padding-left-xl-desktop{padding-left:50px}.padding-right-xl-desktop{padding-right:50px}.padding-top-xl-desktop{padding-top:50px}.padding-bottom-xl-desktop{padding-bottom:50px}}@media screen and (min-width: 1170px){.padding-left-0-lgdesktop{padding-left:0}.padding-right-0-lgdesktop{padding-right:0}.padding-top-0-lgdesktop{padding-top:0}.padding-bottom-0-lgdesktop{padding-bottom:0}.padding-left-xxs-lgdesktop{padding-left:5px}.padding-right-xxs-lgdesktop{padding-right:5px}.padding-top-xxs-lgdesktop{padding-top:5px}.padding-bottom-xxs-lgdesktop{padding-bottom:5px}.padding-left-8-lgdesktop{padding-left:8px}.padding-right-8-lgdesktop{padding-right:8px}.padding-top-8-lgdesktop{padding-top:8px}.padding-bottom-8-lgdesktop{padding-bottom:8px}.padding-left-xs-lgdesktop{padding-left:10px}.padding-right-xs-lgdesktop{padding-right:10px}.padding-top-xs-lgdesktop{padding-top:10px}.padding-bottom-xs-lgdesktop{padding-bottom:10px}.padding-left-sm-lgdesktop{padding-left:20px}.padding-right-sm-lgdesktop{padding-right:20px}.padding-top-sm-lgdesktop{padding-top:20px}.padding-bottom-sm-lgdesktop{padding-bottom:20px}.padding-left-lgdesktop{padding-left:30px}.padding-right-lgdesktop{padding-right:30px}.padding-top-lgdesktop{padding-top:30px}.padding-bottom-lgdesktop{padding-bottom:30px}.padding-left-lg-lgdesktop{padding-left:40px}.padding-right-lg-lgdesktop{padding-right:40px}.padding-top-lg-lgdesktop{padding-top:40px}.padding-bottom-lg-lgdesktop{padding-bottom:40px}.padding-left-xl-lgdesktop{padding-left:50px}.padding-right-xl-lgdesktop{padding-right:50px}.padding-top-xl-lgdesktop{padding-top:50px}.padding-bottom-xl-lgdesktop{padding-bottom:50px}}

@media screen and (min-width: 768px) {
    .btn-responsive {
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.428571429;
        border-radius: 4px;
    }
}
@media screen and (min-width: 768px) {
    .btn-responsive-md {
        padding: 7px 14px;
        font-size: 17px;
        line-height: 1.33;
        border-radius: 5px;
    }
}
@media screen and (min-width: 768px) {
    .btn-responsive-lg {
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.33;
        border-radius: 6px;
    }
}

@media screen and (min-width: 768px) {
    .messageContainer {
        font-weight: 500;
        font-size: 18px;
        margin-top: 6px;
    }
}

.form-signup-guide {
    margin: 0 auto;
    margin-top: 10px;
    max-width: 400px;
}
.form-signup-guide .password-show {
    margin-top: 32px;
}

.form-application {
    margin: 0 auto;
    width: 100%;
}
.form-application .row-sub-header {
    margin: 0 auto;
}
.form-application .sub-header {
    background-color: #00A1E0;
    border-radius: 3px;
    padding-top: 4px;
    padding-bottom: 6px;
    padding-left: 10px;
    color: #ffffff;
}
.form-application .row-input {
    padding: 15px 15px 25px 15px;
}
.form-application .row-input-action {
    padding: 0px 15px 25px 15px;
}
.form-application .row-input-interior {
    padding: 0px 15px 0px 15px;
}
.form-application .row-input-last {
    padding: 10px 15px 15px 15px;
}
.form-application .addressPrompt {
    display: inline;
}
@media (min-width: 992px) {
    .form-control.select-narrow {
        padding-left: 9px;
        padding-right: 9px;
    }
}

.form-search-options {
    margin: 0 auto;
    width: 100%;
    padding: 22px;
    border-radius: 3px;
    border: 2px solid #D3EDF2;
    background-color: #FFFFFF;
}
.search-filter {
    width: 100%;
    padding: 22px;
    border-radius: 3px;
    background-color: #D3EDF2;
    border-color: #7AD2F0;
}
.search-filter .title {
    margin-top: 0px;
    text-transform: capitalize;
}

.chart-imported {
    padding: 22px;
    border-radius: 3px;
    border: 1px solid #D6D6D6;
}
.chart-not-imported {
    padding: 22px;
    border-radius: 3px;
    border: 1px solid #D6D6D6;
}

.kiosk-daily-loans {
    padding: 30px;
    border-radius: 3px;
    background-color: #FFFFFF;
    border: 1px solid #D6D6D6;
}

.loan-applied-for-wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding: 22px;
    border-radius: 3px;
    background-color: #FFFFFF;
    border: 1px solid #7AD2F0;
}

.character-intro {
    max-width: 440px;
    border-radius: 3px;
}
.character-intro-responsive {
    padding-left: 0;
    padding-right: 0;
}
@media (min-width: 768px) {
    .character-intro-responsive {
        padding: 8px;
    }
}

.wrap {
    white-space: normal;
}
.no-wrap {
    white-space: nowrap;
}

@media (min-width: 768px) {
    .btn-label {
        height: 96px;
    }

    .btn-label.btn-loan-purpose {
        height: 120px;
    }
    #modalFloatLockConfirmationTPO .btn-label {
        height: 120px;
    }
}
@media (min-width: 992px) {
    .btn-label {
        height: 120px;
    }
}
@media (min-width: 1200px) {
    .btn-label {
        height: 96px;
    }
    #modalFloatLockConfirmationTPO .btn-label {
        height: 120px;
    }
}

.footer {
    background-color: #fff;
    border-top: 1px solid #D6D6D6;
}

.nav-footer > li > a {
    color: #777;
    display: inline;
}
.nav-footer > li > a:hover,
.nav-footer > li > a:focus {
    color: #333;
    background-color: transparent;
}
@media screen and (min-width: 768px) {
    .nav-footer {
        margin: 0 auto;
        display: table;
        table-layout: fixed;
        float: none;
    }
    .nav-footer > li > a {
        display: block;
    }
}

.share-guide {
    height: 160px;
}
.share-guide-credits {
    padding: 12px 25px 25px 25px;
    background-color: #EDF3F4;
}

.display-none {
    display: none;
}
.display-inline {
    display: inline;
}

.code-bg {
    background-color: #222222;
    padding: 20px 30px;
    border-radius: 3px;
}
code.on-bg {
    color: white;
    background-color: transparent;
}

.embed-responsive.embed-responsive-75 {
    padding-bottom: 140%;
}
@media (min-width: 768px) {
    .embed-responsive.embed-responsive-75 {
        padding-bottom: 75%;
    }
}

.embed-responsive.embed-responsive-85 {
    padding-bottom: 180%;
}
@media (min-width: 768px) {
    .embed-responsive.embed-responsive-85 {
        padding-bottom: 85%;
    }
}

.embed-responsive.embed-responsive-100 {
    padding-bottom: 180%;
}

@media (min-width: 768px) {
    .embed-responsive.embed-responsive-100 {
        padding-bottom: 100%;
    }
}

.better-match {
    position: relative;
    top: -6px;
    color: #3c763d;
}
.better-match-indicator {
    color: #3c763d;
}

.more-search-options {
    position: relative;
    top: 7px;
}
.more-search-options-home {
    position: relative;
    left: 3px;
}
@media (min-width: 992px) {
    .more-search-option-checkboxes {
        margin-left: 8px;
    }
}
@media (min-width: 992px) {
    .more-search-option-checkbox {
        margin-left: -8px;
    }
}

.modal-header-close {
    padding: 5px 10px 25px 0px;
    margin-top: -2px;
}

.x-clear {
    position: relative;
    bottom: 1px;
}

.loan-details, .loan-details-search-anonymous, .cursor-pointer {
    cursor: pointer;
}
.loan-details-highlight {
    color: #3c763d;
}

.comparison-head {
    background-color: #F7F7F7;
}
.comparison-head-bsm {
    background-color: #7BD1EE;
}
.comparison-head > tr > th {
    border-bottom: none !important;
}
.comparison-cell-feature {
    padding-top: 10px !important;
    padding-right: 6px !important;
}
.comparison-cell-bsm {
    padding-top: 10px !important;
    background-color: #DCF3F9;
}
.comparison-cell-competition {
    padding-top: 10px !important;
}
.table-comparison-cta > tbody > tr > td {
    border: none !important;
}
.table-borderless tbody tr td, .table-borderless tbody tr th, .table-borderless thead tr th {
    border: none;
}
.table-border-bottom-1 {
    border-bottom: 1px solid #ddd !important;
}
.table-condensed-more > thead > tr > th,
.table-condensed-more > tbody > tr > th,
.table-condensed-more > tfoot > tr > th,
.table-condensed-more > thead > tr > td,
.table-condensed-more > tbody > tr > td,
.table-condensed-more > tfoot > tr > td {
    padding: 3px;
}

.text-muted-more {
    color: #999999;
}
.text-orangered {
    color: #ff7200;
}

.searchResultsWrapper {
    background-image: url( "/images/ajax-loader.gif" );
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 100%;
}

.hidden-visibility {
    visibility: hidden;
}

.border-bottom {
    border-bottom: 1px #333 solid;
}

.speech-bubble {
    position: relative;
    padding: 20px 26px 10px 26px;
    border-radius: 3px;
    width: 90%;
    word-break: break-word;
}
@media (min-width: 768px) {
    .speech-bubble {
        width: 66%;
    }
}
.speech-bubble:after {
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-width: 16px;
    margin-top: -16px;
}
.speech-bubble-me {
    background: #00A1E0;
    color: #FFF;
}
.speech-bubble-me:after {
    left: 100%;
    border-left-color: #00A1E0;
}
.speech-bubble-me-private {
    background: #FF7F50;
    color: #FFF;
}
.speech-bubble-me-private:after {
    left: 100%;
    border-left-color: #FF7F50;
}
.speech-bubble-you {
    background: #E5E5E5;
    width: 54%;
}
.speech-bubble-you:after {
    right: 100%;
    border-right-color: #E5E5E5;
}

.speech-bubble.focused {
    box-shadow: 0 0 5px #333;
}

.faq-question {
    top: -1px;
}

.input-50 {
    width: 50px !important;
}
.input-55 {
    width: 55px !important;
}
.input-61 {
    width: 61px !important;
}
.input-70 {
    width: 70px !important;
}
.input-72 {
    width: 72px !important;
}
.input-100 {
    width: 100px !important;
}
.input-120 {
    width: 120px !important;
}
.input-200 {
    width: 200px !important;
}
.input-220 {
    width: 220px !important;
}
.input-300 {
    width: 300px !important;
}

/* masked input - see startPersonal.php for ssn input */
.masked-relative{
    position:relative;
    height: 30px;
}

.masked-masked{
    position: absolute;
}

.masked-value{
    position: absolute;
    top:0;
    color: transparent !important;
    background: transparent;
    border:none;
}

.masked-static{
    position: static;
}
/* masked input */

.popover-tip:hover:not(small, div) {
    color: #00A1E0 !important;
}

.ask-arvin-wrapper {
    padding: 6px;
    border-radius: 5px;
    color: #ffffff;
    background-color: #00A1E0;
    height: 422px;
}

.ask-arvin-textarea {
    font-size: 24px;
    min-height: 410px;
}

.placeholder-right::-webkit-input-placeholder {
    text-align: right;
}
.placeholder-right:-moz-placeholder { /* Firefox 18- */
    text-align: right;
}
.placeholder-right::-moz-placeholder {  /* Firefox 19+ */
    text-align: right;
}
.placeholder-right:-ms-input-placeholder {
    text-align: right;
}

.input-search-downPayment {
    width: 75% !important;
}
@media (min-width: 768px) {
    .input-search-downPayment {
        width: 75% !important;
    }
}
@media (min-width: 992px) {
    .input-search-downPayment {
        width: 75% !important;
    }
}
.input-search-downPaymentPercentage {
    width: 25% !important;
    text-align: center;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
@media screen and (min-width: 768px) {
    .input-search-downPaymentPercentage {
        width: 25% !important;
        text-align: center;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
}
@media screen and (min-width: 992px) {
    .input-search-downPaymentPercentage {
        width: 25% !important;
        text-align: center;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
}

.input-qp-downpayment {
    width: 55% !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.input-qp-downpaymen-percentage {
    width: 45% !important;
    text-align: center;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.cta-search-sidebar-downPayment {
    width: 199px !important;
}
@media (min-width: 768px) {
    .cta-search-sidebar-downPayment {
        width: 92px !important;
    }
}
@media (min-width: 992px) {
    .cta-search-sidebar-downPayment {
        width: 202px !important;
    }
}

.cta-bar-search {
    width: 100% !important;
}
@media (min-width: 992px) {
    .cta-bar-search {
        width: 125px !important;
    }
}

.cta-search-bar-downPayment {
    width: 199px !important;
}
@media (min-width: 768px) {
    .cta-search-bar-downPayment {
        width: 118px !important;
    }
}
@media (min-width: 992px) {
    .cta-search-bar-downPayment {
        width: 113px !important;
    }
}

.cta-search-bar-percentage {
    width: 78px !important;
    text-align: center;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
@media screen and (min-width: 768px) {
    .cta-search-bar-percentage {
        width: 61px !important;
        text-align: center;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
}
@media screen and (min-width: 992px) {
    .cta-search-bar-percentage {
        width: 61px !important;
        text-align: center;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
}

.cta-search-bar-creditRange {
    width: 100% !important;
}
@media (min-width: 768px) {
    .cta-search-bar-creditRange {
        width: 179px !important;
    }
}
@media (min-width: 992px) {
    .cta-search-bar-creditRange {
        width: 125px !important;
    }
}

.tou-pp {
    font-size: 17px;
}

.icon-disabled {
    color: #acacac;
}

.icon-disabled:hover, .icon-disabled:focus {
    color: #acacac;
}

/* Spin animation */
@-moz-keyframes bsm-spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes bsm-spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes bsm-spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

.animate-spin {
    -webkit-animation: bsm-spin 2s infinite linear;
    animation: bsm-spin 2s infinite linear;
}

.cobrowsing-lender-button {
    height: 30px;
    width: 30px;
    border-radius: 15px;
    font-size: 18px;
    border: 1px solid #ddd;
    padding: 2px 0 0 5px;
    color: #00A1E0;
    margin-right: 6px;
    cursor: pointer;
}

.cobrowsing-lender-navbar {
    width: 500px;
    border: 1px solid #D6D6D6;
    border-radius: 5px;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
}

@media screen and (max-width: 767px) {
    .cobrowsing-lender-navbar {
        width: auto;
    }
}

.cobrowsing-lender-navbar-minimize {
    height: 30px;
    bottom: 0;
    margin-bottom: 0;
    margin-right: 30px;
    width: 250px;
}

.cobrowsing-lender-status-text {
    color: #000000;
}

.cobrowsing-borrower-container {
    width: 365px;
    border: 1px solid #D6D6D6;
    border-radius: 5px;
    padding: 4px 6px 4px 6px;
    background-color: #fff;
}

.cobrowsing-borrower-icon {
    height: 30px;
    width: 30px;
    border-radius: 15px;
    border: 1px solid #ddd;
    padding: 3px 0 0 6px;
    color: #00A1E0;
    font-size: 17px;
    cursor: pointer;
}

.cobrowsing-borrower-status-text {
    padding: 4px 0 0 5px;
    color: #B34100
}

.rate-lender a:hover,
.rate-lender a:focus {
    text-decoration: none;
}

.btn-kiosk-dailyloans-cta {
    padding: 10px 13px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
}
.btn-kiosk-menu-cta {
    padding: 10px 16px;
    font-size: 36px;
    line-height: 1.33;
    border-radius: 6px;
}

@media (min-width: 768px) and (max-width: 992px) {
    .tablet-small {
        font-size: 85%;
    }
}

.section-header {
    background-color: #00A1E0;
    border-radius: 3px;
    padding-top: 4px;
    padding-bottom: 6px;
    color: #ffffff;
}

.step {
    z-index: 10;
}
.step-progress {
    z-index: 5;
}
.step-granular.step-wrapper .step-group .step:first-of-type {
    margin-left: -4px;
}
.step-granular.step-wrapper .step-group .step:not(.is-active) {
    color: #CCCCCC;
}
.step-granular.step-wrapper .step-group .step.is-active:after {
    border-color: #d9230f;
    background-color: #ffffff;
    border-width: 2px;
}
.step-granular.step-wrapper a {
    color: #d9230f;
    text-decoration: none;
}
.step-wrapper {
    text-align: center;
}
.step-group {
    position: relative;
    display: inline-block;
}
.step {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 700;
    color: #aaaaaa;
    padding-bottom: 30px;
    position: relative;
    display: inline-block;
}
.step + .step {
    margin-left: 30px;
}
.step-minor {
    position: absolute;
    height: 10px;
    width: 10px;
    background-color: white;
    border: 1px solid #dddddd;
    bottom: 5px;
    border-radius: 5px;
    z-index: 10;
}
.step-minor.is-active {
    background-color: #EB5A4E;
    border-color: #EB5A4E;
}
@media (max-width: 370px) {
    .step-granular.step-wrapper {
        display: none;
    }
}
@media (max-width: 490px) {
    .step-granular.step-wrapper .step-group .step + .step {
        margin-left: 10px;
    }
}
@media (min-width: 768px) {
    .step + .step {
        margin-left: 60px;
    }

    .step-granular.step-wrapper .step-group .step + .step {
        margin-left: 80px;
    }
}
@media (min-width: 992px) {
    .step + .step {
        margin-left: 100px;
    }
}
@media (min-width: 1170px) {
    .step + .step {
        margin-left: 150px;
    }
}
.step-small + .step-small {
    margin-left: 15px;
    min-width: 37px;
}
.step:after {
    border-radius: 50%;
    transform: translate(-50%, 0);
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    background: white;
    border: 1px solid #dddddd;
    position: absolute;
    bottom: 2px;
    left: 50%;
}
.step.is-active {
    color: #d9230f;
}
.step.is-active:after {
    background-color: #d9230f;
    border-color: #d9230f
}
.step-granular.step-wrapper .step-group .step.is-active::after {
    border-color: #d9230f;
    background: #FFADAD;
}
.step-granular.step-wrapper .step-group .step.is-active.current-step::after {
    border-color: #d9230f;
    background: #d9230f;
}
.step-progress {
    height: 1px;
    background: #dddddd;
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 30px;
}
.step-progress.closing {
    left: 30px;
    right: 20px;
}
.step-progress-val {
    background: #d9230f;
    height: 100%;
}

.loan-group-count {
    position: absolute;
    margin-top: 3px;
}
.loan-group-row {
    position: absolute;
    margin-top: 6px;
}

.loan-group-row-details {
    position: relative;
}

/*ICONS*/

.icon-cta {
    font-size: 740%;
}

@media (min-width: 768px) {
    .sort-icon {
        font-size: 120%;
    }
}

.opacity-40pt {
    opacity: 0.4;
}

.star-icon-sm {
    font-size: 92%;
}
.star-icon-md {
    font-size: 112%;
}
.star-icon-lg {
    font-size: 152%;
}
.star-icon-xl {
    font-size: 192%;
}

@font-face {
    font-family: 'icomoon';
    src:    url('../fonts/icomoon.eot?ymefmt');
    src:    url('../fonts/icomoon.eot?ymefmt#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?ymefmt') format('truetype'),
    url('../fonts/icomoon.woff?ymefmt') format('woff'),
    url('../fonts/icomoon.svg?ymefmt#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icomoon-"], [class*=" icomoon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icomoon-loan-to-value:before {
    content: "\eb2e";
    color: #33BBED;
}
.icomoon-review-initial-disclosures:before {
    content: "\eb2f";
    color: #33BBED;
}
.icomoon-sign-initial-disclosures:before {
    content: "\eb30";
    color: #33BBED;
}
.icomoon-star-icon:before {
    content: "\eb2a";
    color: #33BBED;
}

body table.dataTable thead .sorting_desc span::after, body table.dataTable thead .sorting_asc span::after, body table.dataTable thead .sorting span::after {
    top: auto;
}

.step-bar.is-active {
    color: #FFFFFF;
}
.step-bar.is-active:after {
    border-color: #A2CE57;
    background-color: #A2CE57;
}


.step-bar-progress {
    display: none;
}

.step-bar {
    color: #FFFFFF;
    font-size: 1.2rem;
    font-weight: 700;
    text-transform: uppercase;
    width: 140px;
    padding-bottom: 30px;
    position: relative;
    display: inline-block;
    margin: 0;
}
.step-bar:after {
    transform: translate(-50%, 0);
    display: block;
    content: "";
    border-radius: 0;
    z-index: -1;
    background-color: #B2B5B6;
    bottom: 28px;
    height: 21px;
    width: 140px;
    left: 50%;
    border: 1px solid #B2B5B6;
    position: absolute;
}

@media (max-width: 767px) {
    .step-bar {
        margin-bottom: 30px;
        padding-bottom: 0px;
        height: 21px;
        line-height: 21px;
        width: 100px;
    }
    .step-bar:after {
        transform: none;
         bottom: initial;
        height: 100%;
        width: 100%;
        left: initial;
        top: 0px;
        left: 0px;
    }
}
@media (max-width: 450px) {
    .step-bar {
        width: 90px;
    }
}
@media (max-width: 400px) {
    .step-bar {
        width: 80px;
    }
}
@media (max-width: 360px) {
    .step-bar {
        width: 65px;
        font-size: 1.1rem;
    }
}
.div-grid-border {
    border: 1px solid #ddd !important;
}
.relative-top-8 {
    position: relative;
    top: 8px;
}

.link-not-active {
    pointer-events: none;
    cursor: default;
}

.ui-month-only .ui-datepicker-calendar {
    display: none;
}

.input-ssn-p1 {
    width: 90px !important;
}
@media (min-width: 768px) {
    .input-ssn-p1 {
        width: 56px !important;
    }
}
@media (min-width: 992px) {
    .input-ssn-p1 {
        width: 80px !important;
    }
}
.input-ssn-p2 {
    width: 60px !important;
}
@media (min-width: 768px) {
    .input-ssn-p2 {
        width: 46px !important;
    }
}
@media (min-width: 992px) {
    .input-ssn-p2 {
        width: 50px !important;
    }
}
.input-ssn-p3 {
    width: 100% !important;
    min-width: 60px !important;
}

.longword-wrap {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.sortable-list {
    border: 1px solid #dadada;
    width: 100%;
    min-height: 45px;
    list-style-type: none;
    margin: 0 10px 0 0;
    padding: 5px 0 0 0;
    float: left;
}

.sortable-list li {
    margin: 0 5px 5px 5px;
    padding: 5px;
    font-size: 1.1em;
}

.cursor-move {
    cursor: move;
}

.resize-grip {
    width: 20px;
    height: 30px;
    margin-top: -3px;
    background-image: url(/images/grip.png);
    margin-left: -6px;
    position: relative;
    z-index: 88;
    cursor: e-resize;
}

.table-no-border>tbody>tr>td {
    border-top: none;
}

.no-border {
    border: 0px !important;
}

.no-padding {
    padding: 0px;
}

.no-margin {
    margin: 0px;
}

.no-shadow {
    box-shadow: none;
}

.logo-app {
    height: 56px;
}

img.logo-app {
    display: inline-block;
}

.logo-lender {
    height: 56px;
}

.checkbox-big {
    transform: scale(1.2);
}

.nav-tab-narrow {
    padding: 10px 10px !important;
}

.myLoan-container {
    border-color: #E5E5E5;
    border-style: solid;
    border-width: 1px;
    padding: 16px;
    border-radius: 8px;
}

@media ( max-width: 768px ) {
    .myLoan-container {
        margin-left: 8px;
        margin-right: 8px;
    }
}

/* Turns off the up/down arrow buttons on input=number fields */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    display: none;
}

input[type=number] {
    -moz-appearance:textfield;
}


.uploadInitialDisclosuresDocSplitType{
 width:150px;
}
.no-employers-warning{
    font-size: 12px;
}

.lenderBrandLogoModal {
    max-width:240px;
    margin-top: 8px;
}

#sumDailyLoanApplications {
    height: 77.4vh;
}

#ticketOverview {
    height: 200px;
}

#implementationHours {
    height: 77vh;
}

#signup-login-navbar{
    display: flex;
    align-items: center;
}

#signup-login-navbar a.btn.btnFidelityLogin{
    color: #fff;
    background-color: #a12338;
    border-color: #b73131;
    margin-right: 10px;
}

#signup-login-navbar a.btn.btnFidelityLogin:hover{
    color: #fff;
    background-color: #601111;
    border-color: #601111;
}

.language-selector{
    font-size: 12px !important;
    padding: 0px;
}

.language-selector a{
    margin: 0px;
    padding: 0px;
}

.xRemoveSubscriber {
    cursor: pointer;
}

.removeLOSLoanCreationLogicKey {
    cursor: pointer;
}

/*make these radio buttons look like checkboxes*/
input[name^="primaryJob"] {
    -webkit-appearance: checkbox; /* Chrome, Safari, Opera */
    -moz-appearance: checkbox;    /* Firefox */
    -ms-appearance: checkbox;     /* not currently supported */
}

/**
BSM Drag and Drop CSS goes here
 */
.box
{
    font-size: 1.5rem; /* 20 */
    background-color: #c8dadf;
    position: relative;
    padding: 20px 20px;
    width: 100%;
    max-width: 680px; /* 800 */
    text-align: center;
    margin: 0 auto;
}
.box
{
    outline: 2px dashed #92b0b3;
    outline-offset: -10px;

    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
}
.box.is-dragover
{
    outline-offset: -20px;
    outline-color: #c8dadf;
    background-color: #fff;
}
.box__dragndrop,
.box__icon
{
    display: none;
}
.box .box__dragndrop
{
    display: inline;
}
.box .box__icon
{
    width: 100%;
    height: 80px;
    fill: #92b0b3;
    display: block;
    margin-bottom: 40px;
}

.box.is-uploading .box__input,
.box.is-success .box__input,
.box.is-error .box__input
{
    visibility: hidden;
}

.box__uploading,
.box__success,
.box__error
{
    display: none;
}
.box.is-uploading .box__uploading,
.box.is-success .box__success,
.box.is-error .box__error
{
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;

    -webkit-transform: translateY( -50% );
    transform: translateY( -50% );
}
.box__uploading
{
    font-style: italic;
}
.box__success
{
    -webkit-animation: appear-from-inside .25s ease-in-out;
    animation: appear-from-inside .25s ease-in-out;
}
@-webkit-keyframes appear-from-inside
{
    from	{ -webkit-transform: translateY( -50% ) scale( 0 ); }
    75%		{ -webkit-transform: translateY( -50% ) scale( 1.1 ); }
    to		{ -webkit-transform: translateY( -50% ) scale( 1 ); }
}
@keyframes appear-from-inside
{
    from	{ transform: translateY( -50% ) scale( 0 ); }
    75%		{ transform: translateY( -50% ) scale( 1.1 ); }
    to		{ transform: translateY( -50% ) scale( 1 ); }
}

.box__restart
{
    font-weight: 700;
}
.box__restart:focus,
.box__restart:hover
{
    color: #39bfd3;
}

.box__file
{
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.box__file + label
{
    max-width: 80%;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
}
.box__file + label:hover strong,
.box__file:focus + label strong,
.box__file.has-focus + label strong
{
    color: #39bfd3;
}
.box__file:focus + label,
.box__file.has-focus + label
{
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}
.box__button
{
    font-weight: 700;
    color: #e5edf1;
    background-color: #39bfd3;
    display: none;
    padding: 8px 16px;
    margin: 40px auto 0;
}
.box__button:hover,
.box__button:focus
{
    background-color: #0f3c4b;
}

.dragAndDropBox {
    margin-bottom: 32px;
}
.dragAndDropBox:hover {
    outline-offset: -20px;
    outline-color: #c8dadf;
    background-color: #fff;

}
.box__summary {
    padding: 0px 20px;
    width: 100%;
    max-width: 680px;
    margin: 0 auto;
}
.box__file-label {
    padding: 64px 48px;
}

.box__file-label {
    -webkit-animation: dragAndDropfadein 2.5s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: dragAndDropfadein 2.5s; /* Firefox < 16 */
    -ms-animation: dragAndDropfadein 5s; /* Internet Explorer */
    -o-animation: dragAndDropfadein 2.5s; /* Opera < 12.1 */
    animation: dragAndDropfadein 2.5s;
}

@keyframes dragAndDropfadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes dragAndDropfadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes dragAndDropfadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes dragAndDropfadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes dragAndDropfadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/**
BSM Drag and Drop CSS ends here
 */

/*FLEX CLASSES*/
.flex-center{
    display:flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-height: 100vh;
    margin-top: -2em;
}

.add-z-index-10 {
    position: relative;
    z-index: 10;

}
.file-list-heading {
    list-style-type: none;
    border-bottom: 1px solid #E6E8EB;
    position: relative;
    display: block;
}
.file-list-heading .heading {
    display: block;
    padding: 10px;
    font-weight: bold;
    font-size: 16px;
}

.list-dir >li:hover {
    background: #eee;
}
.list-dir >li {
    padding: 5px;
    border-radius: 5px;
    text-align: left;
}
.list-dir >li input {
    margin-right: 3px;
}
.list-dir >li a {
    margin-left: 5px;
}
.list-dir >li span img {
    width: 16px;
}
.list-dir >li >div {
    display:flex;
    align-items: center;
    justify-content: left;
}
.list-dir >li >div >span{
    display: inline-block;
}

#listFiles {
    list-style: none;
    padding-left: 0px;
    border-radius: 5px;
    font-size: 13px;
}
#listFiles >li {
    display: inline-block;
    margin-bottom: 10px;
    cursor: pointer;
    overflow: hidden;
    border-radius: 5px;

}
#listFiles .border {
    /*height: 65px;*/

    border-bottom: 1px solid #E6E8EB;
}
#listFiles .border .flex {
    display: flex;
    align-items: center;
    justify-content: left;
    height: 60px;
}
.row-flex .container-ck {
    opacity: 0;
}
.row-flex .add-opacity {
    opacity: 1;
}
.row-flex:hover .container-ck {
    opacity: 1;
}
#listFiles .border .flex .icon {
    margin: 12px;
    cursor: pointer;
}
#listFiles .border .flex .iconDir {
    cursor: pointer;
}
#listFiles .border .flex .action {
    width: 100%;

}
#listFiles .border .flex .action .box-action {
    cursor: pointer;
    display: inline-block;
    padding: 6px 12px;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
}
#listFiles .border .flex .action .box-action i {
    font-size: 14px;
}
#listFiles .info-text a {
    color: #333;
}
.file-nav {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    display: inline-block;
}
.file-nav >li {
    display: flex;
    align-items: center;
    justify-content: left;
    cursor: pointer;
}
.file-nav .icon-nav {
    margin: 10px;
    margin-left: 0px;
}
.file-nav .icon-right {
    margin: 0 10px;
}


.container-ck {
    display: block;
    position: relative;
    padding-left: 20px;
    margin-bottom: 24px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.container-ck input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 1px solid #eee;
    border-radius: 4px;

}

.container-ck:hover input ~ .checkmark {
}

.container-ck input:checked ~ .checkmark {
    background-color: transparent;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.container input:checked ~ .checkmark:after {
    display: block;
}

.container-ck .checkmark:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid #908f8f;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.container-ck input {
    visibility: hidden;
}

#listFiles >li .border:hover {
    background: #fff;
}
.btn-none {
    padding: 0px;
    margin: 0px;
    border: 0px;
}

#listFiles .border .flex .action .dropdown-menu {
    min-width: 60px;
}
.nav-main-action {
    list-style-type: none;
    padding: 0px;
    cursor: pointer;
    margin: 10px;
    margin-right: 0px;
    float: right;
}
.nav-main-action >li {
    display: inline-block;

}


.dir {
    display: flex;
    align-items: center;
    justify-content: left;
    border-bottom: 1px solid #E6E8EB;
}

#listFiles >li .border .dir span.icon{
    position: relative;
    display: inline-block;
    /*width: 40px;*/
    /*height: 40px;*/
    /*margin: 12px;*/
}
#listFiles >li a {
    /*margin-left: 3px;*/
}
#listFiles >li input {
    margin-right: 5px;
}
#listFiles >li .file span{
    font-size: 14px;
}
#listFiles >li .file {
    text-align: left;
}
#listFiles >li span img {
    width: 16px;
}
#listFiles .border:last-child {
    border: none;
}
.box-check {
    display: inline-block;
    float: left;
}
.clear {
    clear: both;
}
.actions >ul {
    padding-left: 0px;
    list-style: none;
}
.root-dir {
    font-size: 16px;
}
.root-dir a:hover {
    text-decoration: none;
}
.list-dir li.active {
    background: #eee;
}
.list-dir li a:focus {
    background: transparent;
    text-decoration: none;
}
.actions li {
    display: inline-block;
}

#nav-path {
    cursor: pointer;
    text-decoration: none;
}
#addFiles ul li {
    width: 100%;
}

.ui-autocomplete {
    max-height: 600px;
    overflow-y: auto;   /* prevent horizontal scrollbar */
    overflow-x: hidden; /* add padding to account for vertical scrollbar */
    /*z-index:1051 !important;*/
}
.custom-combobox-toggle {
    z-index: 1051;
    border: 1px solid #cccccc;
    padding: 6px 8px;
}
.custom-combobox-input {
    margin: 0;
    padding: 5px 10px;
}
.ui-front{
    /*needs to go over the modal*/
    z-index: 1051 !important;
}

.code-font {
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
    font-size: 13px;
}

.liability-merge {
    background-color: rgba(0, 128, 0, 0.1);
}

.liability-credit-report {
    background-color: rgba(0, 0, 255, 0.1);
}
.unemployed, .other {
    display: none;
}
/*.other-to-m-y, .rush-to-m-y {*/
    /*display: none;*/
/*}*/


/*-------------------------------------------------------------------------*/
/* Chat Box Stylesheet                                                     */
/*-------------------------------------------------------------------------*/
.chat-box {
    background: white;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1040;
    border: 1px solid #d5d5d5;
    transition: height 0.15s ease-in-out, max-height 0.15s ease-in-out;
}

.chat-box.closed {
    display: none !important;
}

.chat-box .panel {
    border-radius: 0;
    margin: 0;
    box-shadow: none;
    border: none;
}

.chat-box .panel .panel-heading {
    border-radius: 0;
    font-weight: bold;
}

.chat-box .panel .panel-heading .heading-title {
    cursor: pointer;
    display: inline-block;
    max-width: calc( 100% - 80px );
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: .9;
}

.chat-box .panel .panel-heading .box-status {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    background: rgba(0, 0, 0, .4);
    border-radius: 50%;
}

.chat-box .panel .panel-heading .box-status.online {
    background: #339933;
}

.chat-box .form-message {
    padding: 10px 15px;
    border-top: 1px solid #d5d5d5;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: inherit;
}

.chat-box.minimize .form-message {
    display: none;
}

.chat-box .message-zone {
    padding: 15px;
    overflow-x: hidden;
    overflow-y: scroll;
    height: 100%;
}

.chat-box .message-zone .message-item-wrapper {
    margin-bottom: 10px;
}

.chat-box .message-item-wrapper .message-item {
    display: inline-block;
    max-width: 70%;
    padding: 5px 10px;
    border-radius: 6px;
    background: #F5F5F5;
    position: relative;
    border: 1px solid #d5d5d5;
}

.chat-box .message-item-wrapper .message-item:before,
.chat-box .message-item-wrapper .message-item:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    right: 100%;
    border-style: solid;
    border-color: transparent;
    position: absolute;
}

.chat-box .message-item-wrapper .message-item:before {
    top: 7px;
    border-width: 5px 5px 5px 0;
    border-right-color: #d5d5d5;
}

.chat-box .message-item-wrapper .message-item:after {
    top: 8px;
    border-width: 4px 4px 4px 0;
    border-right-color: #F5F5F5;
}

.chat-box .message-item-wrapper.self {
    text-align: right;
}

.chat-box .message-item-wrapper.self .message-item:before,
.chat-box .message-item-wrapper.self .message-item:after {
    left: 100%;
    right: auto;
}

.chat-box .message-item-wrapper.self .message-item:before {
    border-width: 5px 0 5px 5px;
    border-left-color: #d5d5d5;
    border-right-color: transparent;
}

.chat-box .message-item-wrapper.self .message-item:after {
    border-width: 4px 0 4px 4px;
    border-left-color: #D3EDF2;
    border-right-color: transparent;
}

.chat-box .message-item-wrapper.self .message-item {
    background: #D3EDF2;
}

.chat-box .message-zone .message-item-wrapper .message-content {
    font-size: 14px;
    word-break: break-word;
}

.chat-box .message-zone .message-item-wrapper .message-owner,
.chat-box .message-zone .message-item-wrapper .message-date {
    font-size: 12px;
    color: rgba(0, 0, 0, .5);
}

.chat-box .message-zone .message-item-wrapper .message-date {
    font-style: italic;
}

.chat-box .message-zone .message-item-wrapper .message-content,
.chat-box .message-zone .message-item-wrapper .message-owner,
.chat-box .message-zone .message-item-wrapper .message-date {
    margin: 0;
    line-height: 1.4;
}

.chat-box .message-item-wrapper.hightlight .message-item {
    border-color: #a91b0c;
}

.chat-box .message-item-wrapper.hightlight .message-item:before {
    border-right-color: #a91b0c;
}

.chat-box .message-item-wrapper.self.hightlight .message-item:before {
    border-left-color: #a91b0c;
}

.chat-box .chat-box-toggle {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.chat-box .chat-box-toggle:before {
    content: "\e114";
}

.chat-box a[data-action] {
    text-decoration: none !important;
}

.chat-box a[data-action] + a[data-action] {
    margin-left: 5px;
}

.chat-box a[data-action="minimize"] .unread-message {
    display: none;
}

.chat-box a[data-action="close"] {
    display: none;
}

.chat-box .search-box {
    padding: 5px 15px;
    border-bottom: 1px solid #d5d5d5;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.7);
    z-index: 9;
    display: none;
}

.chat-box .panel-body {
    position: relative;
}

.chat-box.closed .search-box,
.chat-box.minimize .search-box{
    display: none !important;
}

@media screen and (min-width: 768px) {
    .chat-box {
        max-width: 350px;
        right: 30px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        overflow: hidden;
        height: 400px;
    }

    .chat-box.minimize {
        height: 41px;
        max-height: 41px;
    }

    .chat-box.minimize .chat-box-toggle:before {
        content: "\e113";
    }

    .chat-box a[data-action="close"] {
        display: inline-block;
        margin-left: 10px;
    }
}

#borrowerTabPane .typing-status,
.chat-box .form-message span[data-control="typing-status"],
.chat-box .form-message span[data-control="custom-status"] {
    display: block;
    position: absolute;
    bottom: 100%;
    left: 0;
    padding: 5px 10px;
    font-style: italic;
    background-color: rgba(0, 0, 0, .1);
    border-top-right-radius: 4px;
    font-size: 11px;
}

@media screen and (max-width: 767px) {
    .chat-box {
        right: 0;
        height: 100%;
    }

    .chat-box .chat-box-toggle:before{
        content: "\e014";
    }

    .chat-box.minimize {
        height: 0;
        overflow-y: visible;
    }

    .chat-box.minimize a[data-action="minimize"] {
        position: absolute;
        bottom: 15px;
        right: 15px;
        background: #D3EDF2;
        display: block;
        height: 40px;
        width: 40px;
        line-height: 40px;
        text-align: center;
        border-radius: 50%;
        box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, .2);
    }

    .chat-box.minimize .chat-box-toggle:before{
        content: "\2709";
    }

    .chat-box.minimize a[data-action="minimize"] .unread-message {
        width: 0;
        display: block;
        overflow: hidden;
        height: 0;
        transition: height 0.15s ease-in-out, width 0.15s ease-in-out;
    }

    .chat-box.minimize.has-new-message a[data-action="minimize"] .unread-message{
        border-radius: 50%;
        position: absolute;
        height: 15px;
        width: 15px;
        background: #d9230f;
        color: white;
        left: 100%;
        bottom: 100%;
        margin-left: -15px;
        margin-bottom: -15px;
        line-height: 15px;
        font-size: 10px;
        text-align: center;
    }
}

#borrowerTabPane .panel-footer {
    position: relative;
}

#mannerDiv .select2-container--bootstrap .select2-selection,
span .select2-results__option,
body .select2-container--bootstrap .select2-search--dropdown .select2-search__field {
    font-size: 12px;
}

body .select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
    background: #1E90FF;
    color: #fff;
    cursor: default;
}

body .select2-container--bootstrap .select2-results__option, #mannerDiv .select2-container--bootstrap .select2-selection {
    cursor: default;
}

#mannerDiv .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b{
    border-color: #555 transparent transparent transparent;
    border-width: 6px 3px 0 3px;
    margin-left: 2px;
}

#mannerDiv .select2-container--bootstrap.select2-container--open .customClass.select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #555;
    border-width: 6px 3px 3px;
    margin-left: 2px;
}

#mannerDiv .select2-container--bootstrap .customClass.select2-selection--single .select2-selection__arrow {
    padding: 5px 10px 10px 5px;
    height: 30px;
}

body #formStartPersonal .select2-container--bootstrap .select2-selection--single, body #main .select2-container--bootstrap .select2-selection--single {
    height: 34px;
}

#buttonSkip {
    margin-left: 40px;
}

.select2-container {
    width: 100% !important;
    padding: 0;
}

/*-------------------------------------------------------------------------*/
/* CRM Mapping                                                             */
/*-------------------------------------------------------------------------*/
.field-wrapper {
    height: 500px;
    overflow-y: scroll;
}

.field-wrapper .field-box {
    padding: 5px;
    border-radius: 3px;
    border: 1px solid rgba( 0, 0, 0, .1 );
    background-color: rgba( 0, 0, 0, .1 );
    margin-bottom: 3px;
    cursor: pointer;
}

.field-wrapper .field-box > *,
.mapping-item .field-boxes-wrapper .field-box > *{
    margin: 0;
}

.mapping-wrapper {
    border: 1px solid rgba( 0, 0, 0, .1 );
    border-radius: 3px;
    padding: 15px;
}

.addition-zone {
    border: 1px dashed rgba( 0, 0, 0, .1 );
    background-color: #f5f5f5;
    height: 60px;
    position: relative;
    z-index: -1;
}

.addition-zone:after {
    content: '\002b';
    font-family: 'Glyphicons Halflings';
    color: #d5d5d5;
    position: absolute;
    width: 40px;
    height: 40px;
    left: 50%;
    top: 50%;
    margin-left: -20px;
    margin-top: -20px;
    font-size: 30px;
    line-height: 40px;
    text-align: center;
}

.mapping-item {
    border: 1px dashed rgba( 0, 0, 0, .1 );
    padding: 5px;
    margin-top: 10px;
}

.mapping-item .field-boxes-wrapper .field-box {
    display: block;
    float: left;
    width: 50%;
    text-align: center;
    background-color: rgba( 0, 0, 0, .1 );
    padding: 5px;
    border: 1px solid rgba( 0, 0, 0, .1 );
}
.mapping-item .field-boxes-wrapper .field-box.field-box {
    width: 100%;
}

.mapping-item .field-boxes-wrapper .field-box[data-field-type="bsm"] {
    float: left;
}

.mapping-item .field-boxes-wrapper .field-box[data-field-type="crm"] {
    float: right;
}

.border-highlight {
    border-color: #428bca;
}

@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

.btn.btn-loading,
.icon-loading {
    position:  relative;
    color:  transparent;
    overflow:  hidden;
}

.btn.btn-loading:before, .div-loading:before, .icon-loading:after {
    content: "\e031";
    font-family: 'Glyphicons Halflings';
    font-size: inherit;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
    position: absolute;
    display: block;
    color: #333;
    width: 100%;
    left: 0;
}

.icon-loading:after {
    top: 0;
}

.btn.btn-primary.btn-loading:before,
.btn.btn-info.btn-loading:before,
.btn.btn-danger.btn-loading:before,
.btn.btn-warning.btn-loading:before,
#formConfirmAction .btn.btn-loading:before,
#formDeclineLoan .btn.btn-loading:before,
#formTransitionStatus .btn.btn-loading:before,
#formCancelLoan .btn.btn-loading:before {
    color: white;
}

#formConfirmAction .btn.btn-loading:before,
#formDeclineLoan .btn.btn-loading:before,
#formTransitionStatus .btn.btn-loading:before,
#formCancelLoan .btn.btn-loading:before {
    overflow: visible;
    margin-top: -10px;
}

#formConfirmAction .btn.btn-loading,
#formDeclineLoan .btn.btn-loading,
#formTransitionStatus .btn.btn-loading,
#formCancelLoan .btn.btn-loading {
    height: 20px;
    padding-top: 8px;
}

.div-loading-wrapper {
    position: relative;
    min-height: 100px;
}

.div-loading {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .8);
    top: 0;
    left: 0;
    z-index: 1090;
    text-align: center;
    overflow: hidden;
    padding: 30px;
}

.div-loading:before {
    font-size: 25px;
    display: inline-block;
    width: auto;
    position: relative;
    left: auto;
}


.field-box > p > span:first-child {
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
    color: #c7254e;
    font-size: 10px;
    background-color: #f9f2f4;
    margin-right: 10px;
}
.fd-file {
    opacity: 0;
    font-size: 150px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    padding: 0;
    margin: 0;
    cursor: pointer;
    filter: alpha(opacity=0);
    font-family: sans-serif;
    width: 100%;
    height: 100%;
}

.fd-zone {
    position: relative;
    overflow: hidden;
}

.fd-zone.dragAndDropBox form {
    position: unset !important;
}

#formUploadCondition .fileDropProgress{
    height: 25px;
    margin: 10px 0px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}

#formUploadCondition .fileDropProgress div{
    animation: progress .7s linear infinite;
    -moz-animation: progress .7s linear infinite;
    -webkit-animation: progress .7s linear infinite;
    -o-animation: progress .7s linear infinite;
    display: block;
    width: 1%;
    height: 25px;
    background-color:#28a745;
    text-align: center;
}

.form-control.input-sm.select2-hidden-accessible + .select2-container .select2-selection__rendered {
    font-size: 12px;
}

.speech-bubble .tooltip-arrow {
    top: auto !important;
}

#mailTags div.mail-tag {
    padding: 5px 10px;
    background: #d5d5d5;
    line-height: 20px;
    font-size: 12px;
    font-style: italic;
    display: inline-block;
    margin-right: 5px;
    border-radius: 3px;
}

/*
I got confused way too many times knowing whether or not I'm on the main BSM admin side or a lender's side, so here's my solution
 */
.navbar-admin-bsm {
    background-color: #1976D2;
    border-bottom-color: #1976D2;
}
.navbar-admin-bsm li:not(.dropdown) ul:not(.dropdown-menu) a,
.navbar-admin-bsm .dropdown > a,
.navbar-admin-bsm ul.nav > li > a {
    color: #FFFFFF !important;
}
.navbar-admin-bsm.navbar-default .navbar-nav > .open > a,
.navbar-admin-bsm.navbar-default .navbar-nav > .open > a:hover,
.navbar-admin-bsm.navbar-default .navbar-nav > .open > a:focus
{
    background-color: #1565C0 !important;
}
/*
I got confused way too many times knowing whether or not I'm on the main BSM admin side or a lender's side, so here's my solution
 */
.navbar-admin-bsm {
    background-color: #1976D2;
    border-bottom-color: #1976D2;
}
.navbar-admin-bsm li:not(.dropdown) ul:not(.dropdown-menu) a,
.navbar-admin-bsm .dropdown > a,
.navbar-admin-bsm ul.nav > li > a {
    color: #FFFFFF !important;
}
.navbar-admin-bsm.navbar-default .navbar-nav > .open > a,
.navbar-admin-bsm.navbar-default .navbar-nav > .open > a:hover,
.navbar-admin-bsm.navbar-default .navbar-nav > .open > a:focus
{
    background-color: #1565C0 !important;
}
#showCompare, #showCompareRM {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    padding: 3px;
    background-color: #cae8ca;
    border: 2px solid #4CAF50;
    height: 110px;
    width: 100%;
}

.showToCompare {
    display: inline-block;
    border: 5px ridge #1C6EA4;
    bottom: 0;
    padding: 3px;
    background-color: #FFFFFF;
    height: 100px;
    line-height: 20px;
    overflow: auto;
    margin-left: 3px;
}
.showToCompare:hover {
    background-color: #ddd;
}
.showToCompare tr td.remove:hover {
    color: red;
}

.showToCompare-button {
    display: inline-block;
    text-align: center;
    bottom: 0;
    padding-top: 35px;
    padding-left: 5px;
    height: 100px;
}

.btn-compare {
    display: inline-block;
    padding: 6px 7px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    top: 10px;
}
#showCompare .boxloan, #showCompareRM > ul {
    padding-left: 0;
    display: inline;
    width: 85%;
}
#showCompare .boxloan li, #showCompareRM > ul > li {
    background: transparent;
    display: inline;
    float: left;
    width: 17%;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    left: -10px;
    position: relative;
    opacity: 0;
}

#showCompareRM {
    display: inline-block;
    height: 130px;
    font-size: 13px;
}
#showCompareRM > ul > li {
    width: 13.5%;
}
#showCompareRM > ul > li:first-child > table {
    border-color: #ff0000;
}

.indent {
    margin-left: 9px;
}

.indent-more {
    margin-left: 20px;
}

/* CSS below make sure we always click on '<a>' tag, not its children tags */
a[data-toggle="collapse"] > * {
    position: static;
    z-index: -1;
}

.tag-extension {
    padding: 5px 10px;
    background: #e5e5e5;
    line-height: 20px;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    margin-right: 5px;
    border-radius: 3px;
    margin-bottom: 5px;
}

.tag-extension > .tag-extension-remove {
    cursor: pointer;
    color: rgba(0, 0, 0, .3);
}

/* My account */
#myaccount .checkbox label {
    font-size: 17px;
}
div.importantLinksDisplay div.tab-pane {
    max-height: 400px;
    overflow: auto;
    overflow-x: hidden;
}
div.importantLinksDisplay div.tab-pane::-webkit-scrollbar{
    width: 7px;
    background-color: rgb(25, 85, 147);
    background-color: white;
}
div.importantLinksDisplay div.tab-pane::-webkit-scrollbar-thumb{
    width: 5px;
    border-radius: 20px;
    background-color: rgb(25, 85, 147);
}

/*
    Compare loan
 */
.compare-loan .spacer-bottom-15 {
    margin-bottom: 15px;
}
.compare-loan .no-padding {
    padding: 0px;
}
.compare-loan .pd-5 {
    padding: 5px;
}
.compare-loan .c-header {
    font-weight: bold;
    border-bottom: 2px solid #ddd;
    padding: 5px;
}
.compare-loan .border-bt-light {
    border-bottom: 1px solid #ddd;
}
.compare-loan .col-custom {
    width: 20.83%;
}
.list-allow-field {
    list-style: none;
    padding-left: 0;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}
.chooses-field {
    margin-right: 3px;
}
.chooses-field label {
    font-weight: normal;
}

@media (max-width: 767px) {
    .compare-loan {
        padding: 0 15px;
    }

}
@media (max-width: 768px) {
    .show-col-0 {
        display: none;
    }

}
@media (max-width: 820px) {
    .show-col-0 {
        display: none;
    }
}

@media (max-width: 820px) {
    .compare-loan .col-custom {
        width: 58.33333333%;
    }
}

@media (min-width: 768px) {
    .compare-loan .col-custom {
        width: 58.33333333%;
    }
}

@media (min-width: 1024px) {
    .show-col {
        display: none;
    }
    .compare-loan .col-custom {
        width: 20.83%;
    }
}
/**
 * Custom report
 */
.custom-report-page #availableColumns .report-column,
.custom-report-page #mappings .report-column {
    margin-bottom: 5px;
    position: relative;
}

.custom-report-page #availableColumns .report-column.ui-draggable {
    cursor: default;
}

.custom-report-page #mappings,
.custom-report-page #availableColumns {
    padding: 10px;
}

.custom-report-page #mappings .empty-text,
.custom-report-page #availableColumns .empty-text{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}

.custom-report-page .report-column-wrapper {
    height: 500px;
    overflow-x: hidden;
    overflow-y: scroll;
    background-color: #f5f5f5;
}

.custom-report-page .report-column-wrapper > * {
    min-height: 100%;
}

.custom-report-page .report-column a[data-action="removeReportColumn"] {
    position: absolute;
    top: 5px;
    right: 5px;
}

.custom-report-page .report-column a[data-action="removeReportColumn"],
.custom-report-page .report-column a[data-action="editDisplayName"] {
    text-decoration: none !important;
}

.custom-report-page .report-column [data-model="subForm"],
.custom-report-page .report-column .rc-name {
    max-width: 80%;
}

.custom-report-page .report-column .panel-body > *:first-child {
    margin-top: 0;
}

.custom-report-page .report-column .panel-body > *:last-child {
    margin-bottom: 0;
}

.custom-report-page .ui-draggable, .custom-report-page .ui-droppable {
    background-position: top;
}

.bg-circle {
    border-radius: 50%;
    width: 50px;
    height: 50px;
}
.bg-circle > .glyphicon-ok {
    padding-top: 80%;
}

.vertical-bar {
    padding: 0;
    width: 7px;
    height: 50px;
}

.vertical-bar-long {
    padding: 0;
    width: 7px;
    height: 130px;
}

@media (min-width: 768px) {
    .row-eq-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .relationship-pricing-calc-input {
        position: absolute;
        bottom: 0;
        width: 80% !important;
    }

    .relationship-pricing-calc-label {
        position: absolute;
        bottom: 54px;
        font-size: 11px !important;
    }

    .relationship-pricing-calc-heading {
        padding-bottom: 63px;
    }
}
.message-box-notification .messageContainer {
    display: inline-block;
    margin-top: 7px;
}
.message-box-notification .messageContainer p {
    display: inline;
}
.message-box-notification .btn-link {
    display: inline;
}

button.btn-link {
    outline: none;
}

.maxAvailableAmount {
    font-size: 14px;
    width: 100%;
    text-align: left;
    padding-left: 12px;
}

#modalCoC hr {
    margin-top: 5px;
    margin-bottom: 5px;
}

.form-group .form-control + .select2.select2-container .select2-selection {
    height: 34px;
}

.form-group .input-sm.form-control + .select2.select2-container .select2-selection {
    height: 30px;
}

#modalEmailBorrowerLinkApply .modal-header-close {
    z-index: 9;
    display: block;
    position: relative;
}

#main[data-page="lender-lead"] #searchResultsWrapper {
    opacity: 1 !important;
}

.jumbotron.jumbotron-form-wrapper {
    padding: 30px;
}

.chat-boxes-container {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 0;
    overflow: visible;
    z-index: 1050;
}

.chat-boxes-container > .chat-box-v2 {
    position: absolute;
    bottom: 0;
    width: 300px;
    right: 15px;
    overflow: hidden;
}

.chat-box-v2 {
    margin-bottom: 0;
}

.chat-session-item .status-bullet,
.chat-session .status-bullet,
.chat-box-v2 .cb-status-bullet {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    background: rgba(0, 0, 0, .4);
    border-radius: 50%;
}

.chat-session-item .status-bullet.active,
.chat-session .status-bullet.active,
.chat-box-v2 .cb-status-bullet.active {
    background: #339933;
}

.chat-box-v2 .cb-heading {
    height: 40px;
    line-height: 20px;
    position: relative;
    white-space: nowrap;
    z-index: 50;
}

.chat-box-v2 .cb-heading ul.cb-tools {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    height: 40px;
    overflow: hidden;
    list-style: none;
    padding: 0 5px;
    margin: 0;
    background-color: inherit;
}

.chat-box-v2 .cb-heading ul.cb-tools > li.tool-item {
    display: inline-block;
    padding: 10px 3px;
}

.chat-box-v2 .cb-heading ul.cb-tools > li.tool-item > a {
    display: block;
    text-align: center;
    line-height: 18px;
    font-size: 12px;
}

.chat-box-v2 .cb-body {
    position: relative;
}

.chat-box-v2 .cb-search-box {
    position: absolute;
    width: 100%;
    left: 0px;
    padding: 5px;
    background-color: white;
    border-bottom: 1px solid #D6D6D6;
    top: 100%;
    display: none;
    z-index: 51;
}

.chat-box-v2 .message-form {
    padding: 5px;
    border-top: 1px solid #D6D6D6;
    z-index: 49;
}

.chat-box-v2 .cb-message-box {
    overflow: hidden;
    overflow-y: auto;
    z-index: 1;
}

.chat-box-v2 .cb-message-box .cb-message-inner {
    padding: 10px;
}

.chat-box-v2 .message-item-wrapper {
    margin-bottom: 10px;
}

.chat-box-v2 .message-item-wrapper .message-item {
    display: inline-block;
    max-width: 70%;
    padding: 5px 10px;
    border-radius: 6px;
    background: #F5F5F5;
    position: relative;
    border: 1px solid #d5d5d5;
}

.chat-box-v2 .message-item-wrapper .message-item:before,
.chat-box-v2 .message-item-wrapper .message-item:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    right: 100%;
    border-style: solid;
    border-color: transparent;
    position: absolute;
}

.chat-box-v2 .message-item-wrapper .message-item:before {
    top: 7px;
    border-width: 5px 5px 5px 0;
    border-right-color: #d5d5d5;
}

.chat-box-v2 .message-item-wrapper .message-item:after {
    top: 8px;
    border-width: 4px 4px 4px 0;
    border-right-color: #F5F5F5;
}

.chat-box-v2 .message-item-wrapper.self {
    text-align: right;
}

.chat-box-v2 .message-item-wrapper.self .message-owner {
    display: none;
}

.chat-box-v2 .message-item-wrapper.self .message-item:before,
.chat-box-v2 .message-item-wrapper.self .message-item:after {
    left: 100%;
    right: auto;
}

.chat-box-v2 .message-item-wrapper.self .message-item:before {
    border-width: 5px 0 5px 5px;
    border-left-color: #d5d5d5;
    border-right-color: transparent;
}

.chat-box-v2 .message-item-wrapper.self .message-item:after {
    border-width: 4px 0 4px 4px;
    border-left-color: #D3EDF2;
    border-right-color: transparent;
}

.chat-box-v2 .message-item-wrapper.self .message-item {
    background: #D3EDF2;
}

.chat-box-v2 .message-item-wrapper .message-content {
    font-size: 14px;
}

.chat-box-v2 .message-item-wrapper .message-owner,
.chat-box-v2 .message-item-wrapper .message-date {
    font-size: 12px;
    color: rgba(0, 0, 0, .5);
}

.chat-box-v2 .message-item-wrapper .message-date {
    font-style: italic;
}

.chat-box-v2 .message-item-wrapper .message-content,
.chat-box-v2 .message-item-wrapper .message-owner,
.chat-box-v2 .message-item-wrapper .message-date {
    margin: 0;
    line-height: 1.4;
}

.chat-box-v2 .message-item-wrapper.hightlight .message-item {
    border-color: #a91b0c;
}

.chat-box-v2 .message-item-wrapper.hightlight .message-item:before {
    border-right-color: #a91b0c;
}

.chat-box-v2 .message-item-wrapper.self.hightlight .message-item:before {
    border-left-color: #a91b0c;
}

.chat-box-v2 .notification {
    font-size: 12px;
    text-align: center;
    background-color: #f5f5f5;
    color: #999999;
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    padding: 3px 10px;
    border-radius: 6px;
    max-width: 80%;
    opacity: .9;
}

.chat-session {
    cursor: pointer;
}

.chat-session[data-status="CLOSED"] .tool-link {
    display: none;
}

.chat-session[data-status="OPEN"] .tool-link[data-action="unTakeOver"] {
    display: none;
}

.chat-session[data-status="ASSIGNED"] .tool-link[data-action="takeOver"] {
    display: none;
}

.chat-session[data-status="ASSIGNED"][data-take-over="another"] .tool-link[data-action="closeChat"] {
    display: none;
}

.chat-session[data-status="CLOSED"] .status-bullet {
    display: none;
}

.chat-sticky-bar {
    background-color: #f5f5f5;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 0;
    height: 100%;
    z-index: 1050;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, .1);
    border-right: 1px solid #d5d5d5;
}


.chat-sticky-bar .sticky-bar-content {
    overflow-x: hidden;
    overflow-y: scroll;
    height: 100%;
}

.chat-sticky-bar.open {
    max-width: 300px;
}

.chat-sticky-bar .section-bar {
    border-top: 1px solid #d5d5d5;
    overflow: hidden;
}

.chat-sticky-bar .section-bar:first-child {
    border-top: none;
}

.chat-sticky-bar .section-bar .section-bar-title {
    padding: 8px 15px;
}

.chat-sticky-bar .section-bar .section-bar-body {
    padding: 0 15px;
}

.chat-sticky-bar .section-bar .section-bar-title {
    color: #999999;
    margin: 5px 0;
    font-weight: normal;
    font-size: 12px;
    text-transform: uppercase;
}

.chat-sticky-bar .section-bar[data-section="notifications"] {
    max-height: 250px;
}

.chat-sticky-bar ul.list-notifications {
    list-style: none;
    padding: 0;
    margin: 0;
}

.chat-sticky-bar ul.list-notifications > li {
    line-height: 1.2;
    margin-bottom: 7px;
}

.chat-sticky-bar .list-chat-sessions .chat-session-item {
    padding: 8px 15px;
    cursor: pointer;
}

.chat-sticky-bar .list-chat-sessions .chat-session-item:nth-child(odd) {
    background-color: #fefefe;
}

.chat-sticky-bar .sticky-bar-toggle {
    display: block;
    position: absolute;
    left: 100%;
    top: 30px;
    width: 50px;
    height: 50px;
    background-color: inherit;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    box-shadow: 1px 0 2px 1px rgba(0, 0, 0, .1);
    border: 1px solid #d5d5d5;
    border-left: none;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.chat-sticky-bar .sticky-bar-toggle .notification-badge {
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 12px;
    line-height: 14px;
    width: 14px;
    background-color: #d9230f;
    border-radius: 50%;
    color: white;
}

#embed-code {
    display: block;
    position: absolute;
    width: 700px;
    z-index: 850;
    background: #f5f5f5;
    top: 100%;
    right: 0;
    padding: 10px;
    border: 1px solid #d5d5d5;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, .1);
    border-radius: 4px;
}

table.dataTable thead .disableSort span:after, table.dataTable thead .disableSort:after{
    display: none !important;
}
#loanListWrapper {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#loanList td > a.btn {
    margin-bottom: 5px;
}

#wraperLoading {
    position: relative;
}

#wraperLoading .loading {
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: auto;
    top: 0;
    bottom: 0;
    text-align: center;
    z-index: 9;
}
#wraperLoading .loading img {
    margin-top: 10%;
}

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

.border-top-bottom-black {
    border-top: 2px solid black;
    border-bottom: 2px solid black;

}
.pricing-cltv-percent-container {
    margin-top: 5px;
}

.provide-option {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    line-height: 5px !important;
}

.btn.btn-choice.provided {
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
}

.btn.btn-choice.provided .font-14{
    font-size: 16px;
    margin: 0;
    line-height: 0.5;
}

.no-border-bottom {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.wrapper-checkbox{
    display: inline-block;
}
.wrapper-checkbox input:checked ~ span {
    background-color: #337ab7;
    border-color: #337ab7;
    color: #fff;
}
@media screen and (max-width: 767px) {
    .btn.btn-choice.provided {
        height: auto !important;
        min-height: auto !important;
        padding: 10px 10px;
    }

    .btn.btn-choice.provided .font-14 {
        font-size: 14px;
        font-weight: normal !important;
    }

    #buttonSkip, #buttonBack, #buttonNext {
        margin-left: 0;
        margin-bottom: 8px;
    }

    #buttonSend {
        margin-top: 10px;
    }

    .sub-header {
        font-weight: bold;
    }

    a[data-toggle="collapse"] {
        font-size: 14px;
    }
}

.unset-preset-styling {
    all: unset;
}
.lenderSidebarToggleWrapper {
    display: none;
}

@media screen and (max-width: 767px){
    #lenderSidebarWrapper {
        margin-bottom: 30px;
    }

    #lenderSidebar {
        margin-bottom: 10px !important;
        border: 1px solid #D6D6D6;
        border-radius: 4px;
        overflow: hidden;
        border-top-right-radius: 0;
    }

    .lenderSidebarToggleWrapper {
        display: block;
        text-align: right;
        margin-bottom: -1px;
    }

    .lenderSidebarToggleWrapper a {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    #lenderSidebar > li {
        text-align: left;
        /*border-radius: 4px;*/
        display: none;
    }

    #lenderSidebar > li > a > * {
        line-height: 24px;
        display: inline-block;
    }

    #lenderSidebar > li > a h4 {
        margin: 0 8px 0 0 !important;
        width: 24px;
        height: 24px;
    }

    #lenderSidebar > li > a span[data-type="unread-view"] {
        height: 24px;
        line-height: 17px;
    }

    #lenderSidebar > li.sidebar-lender-background {
        display: block;
    }

    #lenderSidebar.expanded > li {
        display: block;
    }

    #panelLoanCosts .costs-row {
        padding-left: 30px;
        padding-right: 30px;
    }

    #panelLoanCosts .costs-row .costs-col {
        padding-left: 0;
        padding-right: 0;
    }

    .responsive-nav-tabs {
        display: block;
        overflow-y: scroll;
    }

    .responsive-nav-tabs > li {
        display: table-cell;
        float: none;
    }
}

.text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
}

.border-form-group {
    border: 1px solid #ccc;
    border-radius: 4px;
}

.no-border-select {
    border: 0px !important;
    border-radius: 4px !important;
    margin: 0 !important;
}

.navbar-default .navbar-nav>li>a {
    color: #333 !important;
}

.nextPage {
    color: #095ba2 !important;
}

li.active .nextPage {
    color: #fff !important;
    background-color: #095ba2 !important;
}

.dragAndDropBox-small .box__file + label {
    padding: 10px;
}

/*Navbar Submenus*/
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}

/*Originally set to to z-index:1000 to fix the retail progress bar from overlapping. z-index 2000 to allow it to show over modals.*/
.ui-datepicker {
    z-index: 2000 !important;
}

.input-group-phone {
    width: 100%;
}

.input-group-phone .input-group-addon {
    padding: 0;
    border: none;
}

.input-group-phone .input-group-addon .phone-country-code {
    display: inline-block;
    width: auto;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-right: none;
}

input.branchEmailBtnColorInput {
    padding: 0;
    border: none;
    background-color: transparent;
    height: 33px;
    width: 77px;
}
input.branchEmailBtnColorInput:focus {
    outline: none;
}
input.branchEmailBtnColorInput:hover {
    background-color: #f2f2f8;
}

.black-overlay {
    color: rgb(0, 0, 0) !important;
    background-color: rgb(0, 0, 0) !important;
}

.users-viewing {
    box-sizing: border-box;
    /*background: #F4F5F7;*/
    /*border: 1px solid #DFE1E6;*/
    /*border-radius: 3px;*/
    width: auto;
    position: fixed;
    bottom: 10px;
    right: 10px;
    margin: 0;
    z-index: 200;
}

.users-viewing ul {
    padding: 10px;
    margin: 0;
    list-style-type: none;
}

.margin-top-5 {
    margin-top: 5px !important;
}

.margin-x-5 {
    margin-left: 5px;
    margin-right: 5px;
}

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

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

.disclaimer-text {
    line-height: 15px;
    margin-top: 10px;
    font-weight: bold;
}

#loanVendorLogTable tbody tr textarea {
    width: 100%;
}

button.popover-hint > span {
    color: white;
    font-size: medium;
}

button.popover-hint > span.blue {
    color: #428bca;
}

.option-w-tooltip > label {
    float: left;
    width: 85%;
}

.option-w-tooltip > button {
    width: 15%;
}

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

#formVerifyLoanAmount .label-column {
    padding-right: 0;
}

#formVerifyLoanAmount label {
    font-size: 16px;
    padding-top: 4px;
}

#formVerifyLoanAmount .popover-hint {
    margin-top: 4px;
    padding: 0;
}

#formVerifyLoanAmount .popover-column {
    padding-left: 0;
}

#formVerifyLoanAmount .row-input {
    padding-bottom: 10px;
}

.goToLiabilitiesButton, .goToStartSearchButton {
    color: #428bca;
}

.text-right-align-except-on-mobile {
    text-align: right;
}

@media (max-width: 768px) {
    .text-right-align-except-on-mobile {
        text-align: left;
    }
}

.breakdown-table {
    width: 100%;
    border-top: 2px solid silver;
    border-bottom: 2px solid silver;
    line-height: 45px;
}

.breakdown-table thead tr {
    border-bottom: 2px solid silver;
}

.breakdown-table tbody tr {
    border-bottom: 2px solid silver;
}

.breakdown-table tbody tr:last-child {
    border-bottom: none;
}

.breakdown-table tr td,
.breakdown-table tr th {
    padding: 10px 10px 10px 0;
}

.border-silver {
    border: 2px solid silver;
}

.border-right-silver {
    border-right: 2px solid silver;
}

.dpa-remove {
    margin: 10px 0 0 15px;
    float: left;
    cursor: pointer;
}

.left {
    float: left !important;
}

.calculate-wrapper input[type=text] {
    background-color: #ffffff !important;
}

.margin-left-100 {
    margin-left: 100px;
}

.iconEdit:hover {
    cursor: pointer;
}

.iconDelete {
    color: #FF0000;
}
.iconDelete:hover {
    cursor: pointer;
}
ul.tablistLoanDetails li .popover {
    width: 400px;
}
.customTooltipModalLoanDetail {
    font-size: 12px;
    max-width: 400px;
    font-weight: normal;
}

.font-style-italic{
    font-style: italic;
}

.col-md-3:nth-child(4n+1){
    clear: left;
}

.form-control.form-control-disabled {
    border: none;
    box-shadow: none;
}

a[data-toggle="collapse"] .toggle-label {
    display: inline;
}

.explanation-mark {
    font-weight: bold;
    font-size: 120%;
    color: #e74c3c;
}
.btnContinueWithCampaignOrBranch {
    display: inline-block;
}
.btnContinueWithCampaignOrBranch span {
    font-size: 12px;
}
a.disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
a.enabled {
    opacity: 1;
}
.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -ms-animation: spin .7s infinite linear;
    -webkit-animation: spinw .7s infinite linear;
    -moz-animation: spinm .7s infinite linear;
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

@-webkit-keyframes spinw {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@-moz-keyframes spinm {
    from { -moz-transform: rotate(0deg);}
    to { -moz-transform: rotate(360deg);}
}
.glyphicon.loading {
    -animation: spin .7s infinite linear;
    -ms-animation: spin .7s infinite linear;
    -webkit-animation: spinw .7s infinite linear;
    -moz-animation: spinm .7s infinite linear;
}
.panel-body.disabled {
    cursor: not-allowed;
    position: relative;
    overflow: hidden;
    min-height: 90px;
}
.panel-body.disabled .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    background-color: #fff;
}
.panel-body.disabled .loadingForPanel {
    position: absolute;
    right: 0;
    left: 0;
    text-align: center;
}
.input-no-format {
    outline: none;
    border: 0;
    background: transparent;
    box-shadow: none;
    padding-left: 0;
}
.input-no-format:focus, .input-no-input-no-format:hover {
    outline: none;
}
.margin-left-5 {
    margin-left: 5px;
}

.input-sm.bsm-select2 + .select2.select2-container.select2-container--bootstrap .select2-selection {
    height: 30px !important;
}

#modalSignupOfLead .modal-body .question-wrapper .question-group {
    border-top: 1px solid #ccc;
    padding: 10px 0;
}

#modalSignupOfLead .modal-body .question-wrapper .question-group:first-child {
    border-top: none;
}

.modal .modal-dialog.modal-full-src,
.modal .modal-dialog.modal-full-src .modal-content {
    width: 100vw !important;
    height: 100vh !important;
    margin: 0 auto;
    overflow: hidden;
}

.modal .modal-dialog.modal-full-src .modal-body {
    overflow-y: scroll;
    overflow-x: hidden;
    margin: 0 !important;
    width: 100%;
}

.remove-down-payment {
    margin-top: 10px;
}
.sourceDowPaymentRow {
    position: relative;
}

.sourceDowPaymentRow label{
    position: absolute;
    top: -25px;

}
.background.active.gray-active{
    background-color: #eee;
}
.background.active input.form-control{
    background-color: #fff;
}
.table-border-bottom-2 {
    border-bottom: 2px solid #ddd !important;
}
.table-border-top-2 {
    border-top: 2px solid #ddd !important;
}


.bsm-form {
    padding: 15px;
    background-color: #d9edf7;
    border: 1px solid #ccc;
}

.date-picker-pointer[readonly] {
    cursor: pointer !important;
}

.display-block{
    display: block;
}.bsm-form {
    padding: 15px;
    background-color: #d9edf7;
    border: 1px solid #ccc;
}

.date-picker-pointer[readonly] {
    cursor: pointer !important;
}
#estimatedFeesTable th {
    position: relative;
}
.feetitle .caret{
    position: absolute;
    left: 0;
    top: 10px;
    cursor: pointer;
}

.visible-overflow {
    overflow: visible;
}
.m-l-15 {
    margin-left: 15px;
}
.m-r-15 {
    margin-right: 15px;
}
.p-l-0,
.checkbox label.p-l-0 {
    padding-left: 0;
}
.p-r-0 {
    padding-right: 0;
}
.p-l-15 {
    padding-left: 15px;
}
.p-l-2,
.checkbox label.p-l-2 {
    padding-left: 2px;
}
.p-l-5 {
    padding-left: 5px;
}
.p-l-8 {
    padding-left: 8px;
}
.p-t-3 {
    padding-top: 3px;
}
.headerCollapse {
    cursor: pointer;
}
.feetitle {
    display: block;
    width: 100%;
    font-weight: bold;
    padding-bottom: 3px;
    padding-top: 3px;
}

#loanCostFeeContent .collapse a {
    padding-top: 3px;
    padding-bottom: 3px;
    display: block;
}

#loanCostFeeContent .success, #estimatedPrepaidsImpoundsContent .success {
    background:#dff0d8 ;
}
#loanCostFeeContent .fullWidth, #estimatedPrepaidsImpoundsContent .fullWidth {
    display: block;
    width: 100%;
    padding-top: 3px;
    padding-bottom: 3px;
}
.caret-right {
    border-left: 4px solid;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
}

#primaryJobNewWrapper p {
    font-size: 14px;
    padding-left: 15px;
}
.border-top-0 {
    border-top: 0;
}
.no-radius {
    border-radius: 0;
}

.stepVerifyAssetsLiabilities .panel-default a {
    color: #428bca;
    text-decoration: none;
}

.min-width-50 {
    min-width: 50px;
}

/* modal LVDMS refinance question */
.LVDMS-refinance-question .custom-radio {
    margin: 15px auto;
}
.LVDMS-refinance-question .custom-radio div {
    clear: both;
    overflow: hidden;
    display: inline;
    margin: 0 20px;
}

.LVDMS-refinance-question .custom-radio label {
    border-radius: 3px;
    border: 1px solid #D1D3D4;
    font-weight: normal;
    padding-right: 0.75em;
}

.LVDMS-refinance-question .custom-radio input[type="radio"]:empty {
    display: none;
}

.LVDMS-refinance-question .custom-radio input[type="radio"]:empty ~ label {
    position: relative;
    line-height: 2.5em;
    text-indent: 3.25em;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.LVDMS-refinance-question .custom-radio input[type="radio"]:empty ~ label:before {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    content: '';
    width: 2.5em;
    background: #D1D3D4;
    border-radius: 3px 0 0 3px;
}

.LVDMS-refinance-question .custom-radio input[type="radio"]:hover:not(:checked) ~ label {
    color: #888;
}

.LVDMS-refinance-question .custom-radio input[type="radio"]:hover:not(:checked) ~ label:before {
    content: '\2714';
    text-indent: 0;
    color: #C2C2C2;
}

.LVDMS-refinance-question .custom-radio input[type="radio"]:checked ~ label {
    color: #777;
}

.LVDMS-refinance-question .custom-radio input[type="radio"]:checked ~ label:before {
    content: '\2714';
    text-indent: 0;
    color: #333;
    background-color: #ccc;
}

.LVDMS-refinance-question.panel-body .custom-radio input[type="radio"]:hover:not(:checked) ~ label:before,
.LVDMS-refinance-question.panel-body .custom-radio input[type="radio"]:checked ~ label:before {
    text-indent: 0.9em;
}

.LVDMS-refinance-question .custom-radio input[type="radio"]:focus ~ label:before {
    box-shadow: 0 0 0 3px #999;
}

.LVDMS-refinance-question .custom-radio-default input[type="radio"]:checked ~ label:before {
    color: #333;
    background-color: #ccc;
}

.LVDMS-refinance-question .custom-radio-success input[type="radio"]:checked ~ label:before {
    color: #fff;
    background-color: #5cb85c;
}

.LVDMS-refinance-question .input-group {
    margin: 10px auto;
    max-width: 400px;
}

.LVDMS-refinance-question.panel-body #existingLakeViewLoanInfo .question {
    line-height: 72px;
}

@media only screen and (max-width: 768px) {
    .spacer-top-xxs {
        margin-top: 10px;
    }
    .mobile-spacer-top-xxs {
        margin-top: 10px !important;
    }

    .mobile-spacer-bottom-xxs{
        margin-bottom: 10px !important;
    }

    .mobile-input-group-addon{
        min-width: 75px;
    }

    .mobile-pull-right{
        float: right !important;
    }

    .mobile-pull-left{
        float: left;
    }

    .mobile-break-word{
        word-wrap: break-word;
    }

    .pl-0{
        padding-left:0;
    }

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

    .mobile-text-left{
        text-align: left;
    }

    .mobile-text-right{
        text-align: right;
    }

    .mobile-width{
        width: 80% !important;
    }

    .mobile-scroll{
        overflow: scroll !important;
    }

    .mobile-abs-float-right{
        float: right !important;
        position: absolute !important;
    }

    .mobile-text-direction-rtl{
        direction: rtl;
        padding-right: 10px;
        float: right;
    }

    .mobile-wrap{
        white-space: normal !important;
    }

    .mobile-pl-0{
        padding-left: 0;
    }

    .mobile-pr-0{
        padding-right: 0;
    }

    .mobile-fixed-width-scroll{
        width: 800px;
        overflow-x: auto !important;
        white-space: nowrap;
    }
    .mobile-fit-text{
    width: fit-content;
    white-space: initial;
    }

}

.campaign-link{
    overflow-wrap: break-word;
}

.campaign-link span {
    display: inline-block;
    max-width: 500px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

@media only screen and (min-width: 992px) {
    .modal-loan-details {
        min-width: 700px;
    }
    .padding-top-16 {
        padding-top: 16px;
    }
}

@media only screen and (max-width: 992px){
    .mobile-fixed-width-scroll-sm{
        width: 800px;
        overflow-x: auto !important;
        white-space: nowrap;
    }

    .navbar-default{
        min-height: 20px !important;
    }
}

.spacer-top-10px{
    margin-top: 10px !important;
}

.clear-initial{
    clear: initial !important;
}


@media only screen and (max-width: 1199px){
    .container.main-dashboard{
        margin: 30px;
    }
    .mobile-mt-20px{
        margin-top: 20px;
    }
    .mobile-margin-auto{
        margin: auto;
    }
    .mobile-clear-input-width{
        width: auto !important;
    }
}

@media screen and (max-width: 767px) {
    .nextButton, #finicityImportButton {
        margin-bottom: 8px;
    }
}

.vertical-align-top{
    vertical-align: top;
}

.disabled-td{
    background-color: #e2e2e2;
    color: #afafaf;
}

.disabled-tr{
    background-color: #e2e2e2;
    color: #afafaf;
}

/** Box shadow **/
.shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
.shadow:hover {
    background-color: #f3f3f3!important;
}
.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}

.rounded {
    border-radius: .25rem!important;
}

.bg-white {
    background-color: #fff!important;
}

.padding-5 {padding: 5px;}
.padding-7 {padding: 7px;}
.padding-8 {padding: 8px;}

.padding-10 {
    padding: 10px;
}

.padding-20 {
    padding: 20px;
}
/** End Box shadow **/

.compare-loan .col-md-3:nth-child(4n+1){
    clear: none;
}

#modalAskingWayToCreateLoan .row-center {
    display: flex;
    justify-content: center;
}

#myLODashboard .media {
    position: relative;
}

#myLODashboard .loImage {
    display: inline-block;
    min-height: 200px;
    vertical-align: middle;
    padding-top: 50px;
}

#myLODashboard .loInfo {
    display: inline-block;
    vertical-align: middle;
}

#myLODashboard .media-heading {
    position: absolute;
    top: 0px;
}

#myLODashboard .message {
    margin-bottom: 0;
    margin-left: 5px;
}

@media only screen and (max-width: 992px) {
    #myLODashboard .media-body {
        width: auto;
    }
    #myLODashboard .contact {
        margin-bottom: 5px;
    }
}

.modalNotificationsAlert {
    visibility: hidden;
    display: none;
    min-width: 250px;
    max-width: 45%;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    z-index: 1;
    bottom: 0;
    right: 20px;
    margin: 0 auto;
}

.modalNotificationsAlert.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
    z-index: 10000;
}

.modalNotificationsAlert .alert-text, i {
    padding-right: 10px;
}

.modalNotificationsAlert .alert-warning {
    /*background-color: #ffb75d;*/
    /*color: #080707;*/
    text-align: left;
}

@-webkit-keyframes fadein {
    from {bottom: 0; opacity: 1;}
    to {bottom: 5px; opacity: 5;}
}

@keyframes fadein {
    from {bottom: 0; opacity: 1;}
    to {bottom: 5px; opacity: 5;}
}

.modal-xl {
    width: 1140px;
}

@media screen and (max-width: 1200px)  {
    .modal-xl {
        width: 95%;
    }
}

.numberAlert {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    font-size: 18px;
    padding: 2px 10px 0 5px;
    color: #fff;
    background: #333;
}
.warning-environment {
    background-color: #c71b1b;
    color: #fdfdfd;
    padding: 15px 0px 1px 0px;
    margin: 0px;
    text-align:center
}

.fileWrapper {
    white-space: normal;
    word-break: break-word;
}

#listFilesWrapper {
    white-space: normal;
    word-break: break-word;
}

.img-full {
    width: 100%;
    max-width: 100%;
}

.admin-lender-teams .team-member {
    padding: 10px;
    background-color: #e3f4f4;
    border-radius: 18px;
    margin-left: 10px;
    margin-bottom: 10px;
    display: inline-block;
}
li.multiselect-group ~ li:not(.multiselect-group) {
    margin-left: 1.2em;
}
.closeEConsent span {
    cursor: pointer;
    display: inline-block;
    background: #525659;
    border-radius: 3px;
    padding: 5px 9px;
    color: #fff;
    margin-bottom: 1px;
}

.input-group.password-container .form-control.password-mask {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    cursor: text;
}

.btn-primary-outline {
    background-color: transparent;
}

.OtherHousingExpense,
.OtherHousingExpenseContainerLegacy,
.OtherHousingExpenseContainer .expense-item {
    padding-top: 10px;
    padding-bottom: 10px;
}

.OtherHousingExpenseContainer .expense-item {
    background-color: #ecfffd;
    margin-left: -30px;
    padding-left: 15px;
}

.OtherHousingExpenseContainer .expense-item:not(:first-child) {
    margin-top: 10px;
}
#tip-loan-officer{
    position: relative;
    display: inline-block;
    height: 0px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
}
#tip-loan-officer:hover .popover{
    display: block;
}
#tip-loan-officer .popover{
    display: block;
    position: absolute;
    top: -34px;
    left: 0px;
    width: max-content;
    height: 60px;
}

/*
    fix Boostrap Bugs on Indexing
 */
.fixed-index {
    z-index:0;
 }
.fixed-index button {
    z-index:100;
}

.fix-slow-network {
    z-index:500;
    clear:both;
}

#searchResultsWrapper .product-alerts,
[data-staticpageid="app-search-results"] .panel-heading .product-alerts {
    font-size: 85%;
    list-style: none;
    padding: 0;
    margin: 0;
}

#searchResultsWrapper .product-alerts a {
    text-decoration: none;
}
#searchResultsWrapper .product-alerts a:hover {
    font-weight: bold;
}
.select2-initial {
    width:initial!important;
}

.manage-agent-pipeline .available-columns [type="checkbox"] {
    display: none;
}

.manage-agent-pipeline .available-columns,
.manage-agent-pipeline .chosen-columns {
    position: relative;
}


.manage-agent-pipeline .available-columns > li,
.manage-agent-pipeline .chosen-columns > li {
    z-index: 1;
    position: relative;
}

.manage-agent-pipeline .available-columns:before,
.manage-agent-pipeline .chosen-columns:before {
    content: attr(data-empty);
    color: #999999;
    text-align: center;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 45px;
    z-index: 0;
}

.agent-pipeline div.dataTables_wrapper div.dataTables_paginate {
    text-align: center;
}

.loan-pricing-form .radio-inline {
    line-height: 34px;
}

.loan-pricing-form .radio-inline input[type="radio"] {
    margin-top: 10px;
}

.input-group > .input-group-input {
    width: 40%;
    white-space: nowrap;
    vertical-align: middle;
    display: table-cell;
}

.input-group > .input-group-input:last-child > input {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.liability-type-label {
    font-style: italic;
}

.declaration-section-title {
    font-style: italic;
    font-weight: normal !important;
}

.input-inline {
    display: inline-block;
    width: auto;
}

.font-weight-700 {
    font-weight: 700;
}
.input-group-float-right {
    float: right !important;
}

.rowNoMarginRight {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.divNoPadding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.checkmark-grey > .checkmark{
    border-color: #999 !important;
}

.file-wrapper.ui-sortable > .file-item {
    padding: 5px 15px;
    border-top: 1px solid #ccc;
}

.file-wrapper.ui-sortable > .file-item {
    padding: 5px 0;
    border-top: 1px solid #ccc;
}

.file-wrapper.ui-sortable > .file-item:last-child {
    border-bottom: 1px solid #ccc;
}

.brokersUsersPageWrapper  #divShowInactive {
    position: absolute;
    margin-left: 245px;
    z-index: 100;
}

.choose-loan-officer-sm{
    height: 56px;
    width: 56px;
}

.choose-loan-officer-md{
    height: 80px;
    width: 80px;
}

.status-dot{
    height: 12px;
    width: 12px;
    border-radius: 50%;
    display: inline-block;
}

.preferred-lo-container{
    padding: 16px;
    border: 2px solid #ddd;
    border-radius: 32px;
    cursor: pointer;
}

.center-children{
    display: inline-block;
    place-items: center;
    float: none;
    padding: 0 8px;
}

.preferred-title{
    font-size: 16px;
    background-color: #428bca;
    color: white;
    border-radius: 24px;
    padding: 0 16px;
}

.display-contents{
    display: contents;
}

.overflow-x-scroll{
    overflow-x: auto;
    white-space: nowrap;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

.overflow-x-scroll::-webkit-scrollbar{
    display: none;
}

.preferred-scroll-left{
    border: none;
    display: inline-block;
}

.preferred-scroll-left, .preferred-scroll-right{
    line-height: 206px;
    color: darkgrey;
}
.preferred-scroll-left .glyphicon-chevron-left, .preferred-scroll-right .glyphicon-chevron-right{
    padding: 0;
}

.SelectionWidgetContainer {
    padding: 16px;
    cursor: pointer;
    border: #999999 solid 1px;
    background-color: #eeeeee;
    border-radius: 8px;
    text-align: center;
    margin-bottom: 16px;
}

.SelectionWidgetContainer.SelectionWidgetContainer--active {
    border: #99C6FF solid 1px;
    background-color: #D8E9FF;
}

.SelectionWidgetContainer__Number {
    font-size: 24px;
    font-weight: bold;
}

.SelectionWidgetContainer__Text {
    font-size: 12px;
}

.user-lender-import.overflow-y-scroll {
    display: block;
    overflow-y: scroll;
}

.user-import#modal-compare {
    font-family: 'monospace';
    font-size: 15px;
}

.compare-data-user-import {
    text-align: center;
    width: max-content;
    overflow: auto !important;
    margin: 0 auto;
}

@media screen and (min-width: 768px) {
    .choose-loan-officer-md{
        height: 112px;
        width: 112px;
    }

    .preferred-title {
        padding: 0;
    }

    .preferred-lo-container {
        padding: 32px;
    }

    .preferred-scroll-left, .preferred-scroll-right{
        line-height: 260px;
    }
}

#lender-body #propertyTabPane #projectType + .btn-group .multiselect, #lender-body #propertyTabPane #projectType + .btn-group .multiselect-container a {
    font-size: 12px;
    color: #555;
}
select.form-control.input-sm + .select2.select2-container--bootstrap .select2-selection {
    height: 30px !important;
}

select.form-control.input-lg + .select2.select2-container--bootstrap .select2-selection {
    height: 46px !important;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
}

.highlight-flicker-success {
    -webkit-animation: highlight-flicker-success-keyframes 1s infinite;  /* Safari 4+ */
    -moz-animation: highlight-flicker-success-keyframes 1s infinite;  /* Fx 5+ */
    -o-animation: highlight-flicker-success-keyframes 1s infinite;  /* Opera 12+ */
    animation: highlight-flicker-success-keyframes 1s infinite;  /* IE 10+, Fx 29+ */
}

@-webkit-keyframes highlight-flicker-success-keyframes {
    0%, 49% {
        background-color: transparent;
    }
    50%, 100% {
        background-color: #dff9fb;
    }
}

.config-dictionary-label {
    line-height: 3;
}

#nonQMDataFields .select2-selection {
    height: auto !important;
}

#loanPricingQuote .info-type {
    margin-top: 30px;
    margin-bottom: 20px;
    display: flex;
    overflow: hidden;
}


#loanPricingQuote .info-type > span,
#loanPricingQuote .info-type > a {
    text-transform: uppercase;
    font-weight: bold;
    position: relative;
    white-space: nowrap;
    padding-right: 10px;
    color: #777;
    text-decoration: none !important;
}

#loanPricingQuote .info-type a.s-icon[data-toggle="collapse"] {
    /*font-size: 30px;*/
    padding-left: 10px;
    font-weight: bold;
    display: inline-block;
}

#loanPricingQuote .info-type span.s-line {
    border-bottom: 2px solid #E5E5E5;
    width: 100%;
    height: 1px;
    margin-top: 9px;
    display: inline-block;
}
.aus-comparison-row {
    display:         flex;
    flex-wrap: wrap;
}
.aus-comparison {
    /*display: inline-block;*/
    text-align: center;
    vertical-align: middle;
    background-image: none;
    border: 1px solid transparent;
    padding: 8px 12px;
    margin-bottom: 0;
    line-height: 1.42857143;
    /*margin-bottom: -99999px;*/
    /*padding-bottom: 99999px;*/
    display: flex;
    flex-direction: column;
}
.aus-success {
    word-break: break-word;
    background-color: #469408;
    border-color: #469408;
    color: #ffffff;
}

.aus-warning {
    word-break: break-word;
    background-color: #d9831f;
    border-color: #d9831f;
    color: #ffffff;
}

.form-group-inline {
    display: flex;
    position: relative;
}

.form-group-inline.group-2 input {
    width: 48%;
}
.form-group-inline.group-2 input:last-child {
    margin-left: 15px;
}

@media only screen and (min-width: 992px) {
    #modalProfileChangeRequestDetails .modal-dialog {
        min-width: 700px;
    }
}

#market-direction .mnd-rates-widget .mnd-rates table img {
    width: 100%;
}

.select2-selection__rendered {
    max-height: 100px;
    overflow-y: auto !important;
}

.position-center {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

input.form-control.input-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    height: 22px;
}

.fee-editable-wrapper > *,
.fee-editable-wrapper > input.form-control.input-xs{
    line-height: 1.3 !important;
    height: 20px !important;
}

/* Template Email Editor*/
.merge-field-selector-wrapper {
    height: 800px;
    overflow-y: scroll;
}
.merge-field-category {
    margin-bottom: 5px;
    color: #000;
    padding-top: 5px;
    cursor: default;
    font-size: 18px;
}
.merge-field-item {
    margin-bottom: 10px;
    border: 1px solid #7180B9;
    border-radius: 3px;
    background: #F1F3F8;
    padding: 5px 10px 5px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    z-index: 0;
}
.merge-field-item.best-preferred:after, merge-field-item.sensitive:after {
    font-family: "Glyphicons Halflings";
    position: absolute;
    right: 0px;
    top: 50%;
    font-size: 24px;
    opacity: 0.5;
    transform: translateY(-50%);
    z-index: -1;
}
.merge-field-item.best-preferred:after {
    content: "\e006";
    color: #F0C808;
}
.merge-field-item.sensitive:after {
    content: "\002a" !important;
    color: #C09BD8;
}
.merge-field-item:hover {
    background: #D6DCEA;
}
#mergeFieldsSelector thead, .merge-field-selector-wrapper .dataTables_filter {
    display: none;
}

/* Migration Log */
.column-selector-wrapper {
    margin-bottom: 10px;
}
#migrationLogTable_wrapper .dt-buttons {
    width: 100%;
    margin-bottom: 10px;
}
#migrationLogTable_wrapper .dataTables_length {
    clear: left;
    float: left;
}
#migrationLogTable_wrapper .dataTables_filter {
    float: right;
}
#migrationLogTable_wrapper .hightlight {
    background-color: #FFFF88;
}

.side-dividers:after{
    content: '';
    position: absolute;
    margin: auto;
    right: 0;
    bottom: 0;
    left: 0;
    height: 65%;
    top: 0;
    border-left: #ddd solid 1px;
    border-right: #ddd solid 1px;
}

.bottom-dividers:after{
    content: '';
    position: absolute;
    margin: auto;
    right: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    top: 0;
    border-bottom: #ddd solid 1px;
}

#LoanReportingTable tr:nth-child(even){
    background-color: #f2f2f2;
}

.reportingColumnSelected {
    color: blue;
    text-decoration: underline;
}

/* LOS Loan Template */
#loan-template-tbl thead > tr > th.sorting::after,
#loan-template-tbl thead > tr > th.sorting_asc::after,
#loan-template-tbl thead > tr > th.sorting_desc::after,
#criteria-set-tbl thead > tr > th.sorting::after,
#criteria-set-tbl thead > tr > th.sorting_asc::after,
#criteria-set-tbl thead > tr > th.sorting_desc::after {
    font-size: 12px;
    position: relative;
    display: inline-block;
    margin-left: 10px;
    bottom: auto;
    right: auto;
}


#loan-template-tbl thead > tr > th:last-child,
#criteria-set-tbl thead > tr > th:last-child {
    padding-right: 8px;
}

/* DataTable new stylesheet */
table.dataTable th.dt-left,
table.dataTable td.dt-left {
    text-align: left;
}
table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
    text-align: center;
}
table.dataTable th.dt-right,
table.dataTable td.dt-right {
    text-align: right;
}
table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
    text-align: justify;
}
table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
    white-space: nowrap;
}
table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
    text-align: left;
}
table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
    text-align: center;
}
table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
    text-align: right;
}
table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
    text-align: justify;
}
table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
    white-space: nowrap;
}
table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
    text-align: left;
}
table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
    text-align: center;
}
table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
    text-align: right;
}
table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
    text-align: justify;
}
table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
    white-space: nowrap;
}

.placeholder {
    color: #aaaaaa;
}

select .option.placeholder {
    display: none;
}

.radio-online-custom.radio-inline {
    margin-left: 0;
}
.radio-online-custom.radio-inline:not(:last-child) {
    margin-right: 10px;
}

#prequalAddressWrapper .radio-online-custom.radio-inline {
    float:left;
}

.loan-details.default-cursor, .default-cursor {
    cursor: default;
}

.checkbox-inline-margin-right + .checkbox-inline-margin-right {
    margin-left: 0 !important;
    margin-right: 10px;
}

.btn-toggle {
    margin: 0 4rem;
    padding: 0;
    position: relative;
    border: none;
    height: 1.5rem;
    width: 3rem;
    border-radius: 1.5rem;
    color: #6b7381;
    background: #bdc1c8;
}
.btn-toggle input {display:none;}

.btn-toggle:focus, .btn-toggle:focus.active, .btn-toggle.focus, .btn-toggle.focus.active {
    outline: none;
}
.btn-toggle:before, .btn-toggle:after {
    line-height: 1.5rem;
    width: 4rem;
    text-align: center;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    bottom: 0;
    transition: opacity 0.25s;
}
.btn-toggle:before {
    content: "Off";
    left: -4rem;
}
.btn-toggle:after {
    content: "On";
    right: -4rem;
    opacity: 0.5;
}
.btn-toggle > .handle {
    position: absolute;
    top: 0.1875rem;
    left: 0.1875rem;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 1.125rem;
    background: #fff;
    transition: left 0.25s;
}
.btn-toggle.active {
    transition: background-color 0.25s;
}
.btn-toggle.active > .handle {
    left: 1.6875rem;
    transition: left 0.25s;
}
.btn-toggle.active:before {
    opacity: 0.5;
}
.btn-toggle.active:after {
    opacity: 1;
}
.btn-toggle.btn-sm:before, .btn-toggle.btn-sm:after {
    line-height: -0.5rem;
    color: #fff;
    letter-spacing: 0.75px;
    left: 0.4125rem;
    width: 2.325rem;
}
.btn-toggle.btn-sm:before {
    text-align: right;
}
.btn-toggle.btn-sm:after {
    text-align: left;
    opacity: 0;
}
.btn-toggle.btn-sm.active:before {
    opacity: 0;
}
.btn-toggle.btn-sm.active:after {
    opacity: 1;
}
.btn-toggle.btn-xs:before, .btn-toggle.btn-xs:after {
    display: none;
}
.btn-toggle:before, .btn-toggle:after {
    color: #6b7381;
}
.btn-toggle.active {
    background-color: #469408;
}
.btn-toggle.btn-lg {
    margin: 0 5rem;
    padding: 0;
    position: relative;
    border: none;
    height: 2.5rem;
    width: 5rem;
    border-radius: 2.5rem;
}
.btn-toggle.btn-lg:focus, .btn-toggle.btn-lg:focus.active, .btn-toggle.btn-lg.focus, .btn-toggle.btn-lg.focus.active {
    outline: none;
}
.btn-toggle.btn-lg:before, .btn-toggle.btn-lg:after {
    line-height: 2.5rem;
    width: 5rem;
    text-align: center;
    font-weight: 600;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    bottom: 0;
    transition: opacity 0.25s;
}
.btn-toggle.btn-lg:before {
    content: "Off";
    left: -5rem;
}
.btn-toggle.btn-lg:after {
    content: "On";
    right: -5rem;
    opacity: 0.5;
}
.btn-toggle.btn-lg > .handle {
    position: absolute;
    top: 0.3125rem;
    left: 0.3125rem;
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 1.875rem;
    background: #fff;
    transition: left 0.25s;
}
.btn-toggle.btn-lg.active {
    transition: background-color 0.25s;
}
.btn-toggle.btn-lg.active > .handle {
    left: 2.8125rem;
    transition: left 0.25s;
}
.btn-toggle.btn-lg.active:before {
    opacity: 0.5;
}
.btn-toggle.btn-lg.active:after {
    opacity: 1;
}
.btn-toggle.btn-lg.btn-sm:before, .btn-toggle.btn-lg.btn-sm:after {
    line-height: 0.5rem;
    color: #fff;
    letter-spacing: 0.75px;
    left: 0.6875rem;
    width: 3.875rem;
}
.btn-toggle.btn-lg.btn-sm:before {
    text-align: right;
}
.btn-toggle.btn-lg.btn-sm:after {
    text-align: left;
    opacity: 0;
}
.btn-toggle.btn-lg.btn-sm.active:before {
    opacity: 0;
}
.btn-toggle.btn-lg.btn-sm.active:after {
    opacity: 1;
}
.btn-toggle.btn-lg.btn-xs:before, .btn-toggle.btn-lg.btn-xs:after {
    display: none;
}
.btn-toggle.btn-sm {
    margin: 0 0.5rem;
    padding: 0;
    position: relative;
    border: none;
    height: 1.5rem;
    width: 3rem;
    border-radius: 1.5rem;
}
.btn-toggle.btn-sm:focus, .btn-toggle.btn-sm:focus.active, .btn-toggle.btn-sm.focus, .btn-toggle.btn-sm.focus.active {
    outline: none;
}
.btn-toggle.btn-sm:before, .btn-toggle.btn-sm:after {
    line-height: 1.5rem;
    width: 0.5rem;
    text-align: center;
    font-weight: 600;
    font-size: 0.55rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    bottom: 0;
    transition: opacity 0.25s;
}
.btn-toggle.btn-sm:before {
    content: "Off";
    left: -0.5rem;
}
.btn-toggle.btn-sm:after {
    content: "On";
    right: -0.5rem;
    opacity: 0.5;
}
.btn-toggle.btn-sm > .handle {
    position: absolute;
    top: 0.1875rem;
    left: 0.1875rem;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 1.125rem;
    background: #fff;
    transition: left 0.25s;
}
.btn-toggle.btn-sm.active {
    transition: background-color 0.25s;
}
.btn-toggle.btn-sm.active > .handle {
    left: 1.6875rem;
    transition: left 0.25s;
}
.btn-toggle.btn-sm.active:before {
    opacity: 0.5;
}
.btn-toggle.btn-sm.active:after {
    opacity: 1;
}
.btn-toggle.btn-sm.btn-sm:before, .btn-toggle.btn-sm.btn-sm:after {
    line-height: -0.5rem;
    color: #fff;
    letter-spacing: 0.75px;
    left: 0.4125rem;
    width: 2.325rem;
}
.btn-toggle.btn-sm.btn-sm:before {
    text-align: right;
}
.btn-toggle.btn-sm.btn-sm:after {
    text-align: left;
    opacity: 0;
}
.btn-toggle.btn-sm.btn-sm.active:before {
    opacity: 0;
}
.btn-toggle.btn-sm.btn-sm.active:after {
    opacity: 1;
}
.btn-toggle.btn-sm.btn-xs:before, .btn-toggle.btn-sm.btn-xs:after {
    display: none;
}
.btn-toggle.btn-xs {
    margin: 0 0;
    padding: 0;
    position: relative;
    border: none;
    height: 1rem;
    width: 2rem;
    border-radius: 1rem;
}
.btn-toggle.btn-xs:focus, .btn-toggle.btn-xs:focus.active, .btn-toggle.btn-xs.focus, .btn-toggle.btn-xs.focus.active {
    outline: none;
}
.btn-toggle.btn-xs:before, .btn-toggle.btn-xs:after {
    line-height: 1rem;
    width: 0;
    text-align: center;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    bottom: 0;
    transition: opacity 0.25s;
}
.btn-toggle.btn-xs:before {
    content: "Off";
    left: 0;
}
.btn-toggle.btn-xs:after {
    content: "On";
    right: 0;
    opacity: 0.5;
}
.btn-toggle.btn-xs > .handle {
    position: absolute;
    top: 0.125rem;
    left: 0.125rem;
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 0.75rem;
    background: #fff;
    transition: left 0.25s;
}
.btn-toggle.btn-xs.active {
    transition: background-color 0.25s;
}
.btn-toggle.btn-xs.active > .handle {
    left: 1.125rem;
    transition: left 0.25s;
}
.btn-toggle.btn-xs.active:before {
    opacity: 0.5;
}
.btn-toggle.btn-xs.active:after {
    opacity: 1;
}
.btn-toggle.btn-xs.btn-sm:before, .btn-toggle.btn-xs.btn-sm:after {
    line-height: -1rem;
    color: #fff;
    letter-spacing: 0.75px;
    left: 0.275rem;
    width: 1.55rem;
}
.btn-toggle.btn-xs.btn-sm:before {
    text-align: right;
}
.btn-toggle.btn-xs.btn-sm:after {
    text-align: left;
    opacity: 0;
}
.btn-toggle.btn-xs.btn-sm.active:before {
    opacity: 0;
}
.btn-toggle.btn-xs.btn-sm.active:after {
    opacity: 1;
}
.btn-toggle.btn-xs.btn-xs:before, .btn-toggle.btn-xs.btn-xs:after {
    display: none;
}
.btn-toggle.btn-secondary {
    color: #6b7381;
    background: #bdc1c8;
}
.btn-toggle.btn-secondary:before, .btn-toggle.btn-secondary:after {
    color: #6b7381;
}
.btn-toggle.btn-secondary.active {
    background-color: #ff8300;
}
.tooltip-inner {
    max-width: 300px;
}

.ppe-credential {
    border: 1px solid #ccc;
    padding: 15px;
    background-color: #f5f5f5;
}
.message-box-information {
    border-bottom: 1px solid #ccc;
    padding: 5px 15px;
}

.compare-option-col {
    width: max-content;
}

@font-face {
    font-family: 'password';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/password.ttf) format('truetype');
}

.text-password {
    font-family: 'password' !important;
}