/* Minification failed. Returning unminified contents.
(196,28): run-time error CSS1030: Expected identifier, found ';'
 */
.red {
    color: #f44336;
}

.loan-amount-range {
    font-size: 16px;
}

.login-form, .create-form, .forgot-password .panel {
    -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .12), 0 1px 6px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .12), 0 1px 6px 0 rgba(0, 0, 0, .12);
}

.autolending.container {
    margin-top: 30px;
    max-width: 1200px
}

.autolending h1 {
    margin-bottom: 40px;
}

.order-details-qty {
    position: relative;
    padding: 0 24px;
}

.order-details-qty .btn-qty {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 6px;
    background: none;
    margin: 0;
}

.order-details-qty .btn-decrease {
    left: 3px;
}

.order-details-qty .btn-increase {
    right: 3px;
}

.order-details-qty .btn-decrease:before,
.order-details-qty .btn-increase:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 2px;
    background: #46494e;
    transform: translate(-50%, -50%);
}

.order-details-qty .btn-increase:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    height: 10px;
    width: 2px;
    background: #46494e;
    transform: translate(-50%, -50%);
}

.vin-auto {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.vin-auto__item {
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    padding: 0 15px;
}

.vin-auto__item--btn {
    flex: 0;
    margin-top: 16px;
}

.info-auto {
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}

.info-auto__item {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 16px;
}

.info-auto__title {
    font-weight: 800;
}

.vehicle-details-box {
    margin-bottom: 20px;
}

.form-control {
    height: 38px;
}

#loginForm .btn, #forgotPassForm .btn, #opportunities .btn {
    background: #22b2ea !important;
    color: #fff !important;
}

#loginForm .btn:hover, #forgotPassForm .btn:hover, #opportunities .btn:hover {
    opacity: .9;
}
/*.loan-selector.vehicle-details div.row {
    padding-left: 20px;
    padding-right: 20px;
}

.loan-selector.vehicle-details legend {
    padding-left: 15px;
    margin-top: 15px;
}

.loan-selector.vehicle-details {
    padding-bottom: 20px;
}*/

.fonttable {
    font-family: Roboto,Helvetica,Arial,sans-serif;
}

.prodselect {
    margin-top: 2px;
    padding-bottom: 2px;
    margin-bottom: 1px;
}

.rescalc {
    margin-top: 30px;
}

.calctype {
    margin-bottom: 10px;
}

.prodselect .form-control {
    padding-bottom: 0;
}


.prodselect .col-xs-2 {
    padding-right: 1px;
    padding-left: 1px;

}
.btn-qty {
    padding: 0;
    width: 30px;
    height: 30px;
}


@media only screen and (max-width : 480px) {
    h3, .h3 {
        font-size: 14px !important;
    }
    
    .mob-hiden {
        display: none;
    }

    .prodselect  .col-xs-12 {
        margin-top: 0;
    }

    .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
        padding-right: 5px;
        padding-left: 5px;
        margin-top: 10px;
    }

    .newLoanCustomer .panel {
        padding: 0;
    }

     .mob-padding {
        padding-right: 10px;
        padding-left: 10px!;
    }

    .form-group .form-control {
        margin-bottom: 5px;
        padding: 5px 0;
        font-size: 12px;
    }

    mob-center, .mob-center {
        margin-top: 35px;
    }

    .btn-mob {
        padding: 0;
        font-size: 12px;
    }

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

    .loan-selector div.loan-type .form-group.form-group-lg .form-control {
        font-size: 14px !important;
    }

    .loan-selector div.loan-slider .input-group input {
        font-size: 14px !important;
    }

    .prodselect .form-group {
        margin-top: 10px;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}


.loan-calculator .loan-total {
    background-color: #c5c5c5;
    margin-bottom: 10px;
    padding: 25px 25px 25px;
    font-family: Roboto,Helvetica,Arial,sans-serif;
}


.loan-calculator {
    width: 100%;
    overflow: hidden;
    /*display:table-header-group;*/
}

.totalsum {
    background-color: #fff;
    margin: 0 0 0 1px;
    border-left: thick solid #085393;
}


customer-new-loan .loan-selector .loan-slider {
    padding-top: 0;
    margin-bottom: 0;
}

.loan-selector .loan-terms-title {
    margin-top: 20px;
}

.loan-selector .loan-type {
    background-color: inherit;
    margin-top: -20px;
    margin-bottom: 10px;
}



.newLoanCustomer .loan-header .rest-details {
    background-color: #f5f5f5;
    padding-top: 10px;
}

.newLoanCustomer .loan-header .rest-details.last-row {
    padding-bottom: 20px;
}

.newLoanCustomer .loan-header .row:first-child:hover {
    background-color: #f5f5f5;
    color: initial;
}

.loan-header i.fa-car {
    margin-left: 3px;
    margin-right: 3px;
}

.auto-lending .input-group input.form-control.ng-invalid {
    color: #f44336;
}

.loan-details-selection customer-new-loan .loan-selector {
    background-color: #fff;
}


.vehicle-details-box {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .12), 0 1px 6px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .12), 0 1px 6px 0 rgba(0, 0, 0, .12);
}

.customer-details .form-block {
    padding-top: 0;
}

.vehicle-details-box .btn-default[disabled] {
    background-color: #eceef1;
}

.vehicle-details-box .loan-selector {
    background-color: transparent;
    overflow: initial;
}

    .vehicle-details-box .loan-selector:after {
        display: block;
        width: 100%;
        content: '';
        clear: both;
    }

    .vehicle-details-box .loan-selector .loan-slider[class*="col-"] {
        padding-left: 25px;
        padding-right: 25px;
        background-color: transparent;
    }

.vehicle-details-box legend, .customer-details legend, .dashboard-details-pane .loan-details-selection legend {
    margin: 0;
    padding: 20px;
    background-color: #f6f7f9;
    margin-bottom: 40px;
}

.freespace {
    margin-bottom: 40px;
}





.vehicle-details-box .vehicle-details legend {
    padding-left: 20px;
    margin: 0;
}

.vehicle-details-box .loan-selector .loan-terms-title {
    margin-top: 0px;
}

.vehicle-details-box .loan-content {
    padding: 0 20px;
}

.vehicle-details-box legend.icon::before, .customer-details legend.icon::before {
    padding-left: 0;
}

body.front-end .vehicle-details-box .input-group .input-group-addon:first-child {
    padding-left: 0 !important;
}

.vehicle-details-box .vehicle-details legend + .form-block {
    padding: 0 20px;
    display: block;
}

.front-end .btn-success[disabled] {
    background-color: rgba(89, 183, 92, .3);
}

fake-entity-button .btn {
    border: 1px solid;
}

.payment-options-btn {
    border: none;
    background: #f6f7f9;
    padding: 15px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    margin-top: 0;
    transition: all 0.2s;
    position: relative;
}

    .payment-options-btn:hover {
        color: #fff;
    }


.payment-options-btn:after {
    content: "keyboard_arrow_right";
    font-family: 'Material Icons';
        font-weight: normal;
        font-style: normal;
        font-size: 36px;
        line-height: 1;
        letter-spacing: normal;
        text-transform: none;
        white-space: nowrap;
        word-wrap: normal;
        direction: ltr;
        -webkit-font-feature-settings: 'liga';
        -webkit-font-smoothing: antialiased;
        color: #999;
        display: block;
        position: absolute;
        right: 5px;
        top: 50%;
        transform: translateY(-50%);
    }

    .payment-options-btn i {
        margin-right: 10px;
    }

    .payment-options-btn .payment-button-title {
        font-size: 24px;
        padding: 0;
        font-weight: 400;
    }

.user-card {
    margin-bottom: 10px;
    transition: all 0.2s;
}

.new-loan {
    margin-bottom: 10px;
}

.loans {
    margin-bottom: 10px;
}

ul.table-loan-list li.selected-loan:hover {
    background-color: rgba(207, 216, 220, 0.9);
}

ul.table-loan-list li.selected-loan {
    transition: background 0.2s;
}

.dashboard-details-pane > .panel {
    -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .12), 0 1px 6px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .12), 0 1px 6px 0 rgba(0, 0, 0, .12);
}

.loan-message p {
    margin-bottom: 0;
}

.btn-box .btn-primary {
    border: 1px solid #607D8B;
}

.newLoanCustomer .loan-header .row.more, .newLoanCustomer .loan-header .row {
    padding-bottom: 5px;
    padding-top: 5px;
}

.newLoanCustomer .loan-header {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.dashboard-details-pane [loan="loan"] {
    margin-bottom: 35px;
}

.rest-details-box .rest-details {
    background-color: #f5f5f5;
    border-bottom: 2px solid #fff;
    padding: 25px 10px 35px;
}

.loan-message {
    margin-top: 0;
    margin-bottom: 10px;
}

.loan-details-selection customer-new-loan .loan-selector {
    margin-left: -15px;
    margin-right: -15px;
    width: auto;
}

.sidebar-mail {
    overflow-x: auto;
}

/* width */
.sidebar-mail::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

/* Track */
.sidebar-mail::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.sidebar-mail::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
.sidebar-mail::-webkit-scrollbar-thumb:hover {
    background: #555;
}


.loan-auto__box {
    padding: 0 15px;
    width: 100%;
    display: inline-block;
}

.loan-auto__title {
    background: #f9fbfc;
    margin: 0 -15px 20px;
    padding: 20px 15px;
}

.loan-auto__title h4 {
    font-size: 20px;
    margin: 0;
}

.loan-auto__box .form-group {
    margin: 0 0 20px 0;
    padding: 0;
}

.loan-auto__box .astrics {
    color: #EE3B5E;
}

.loan-auto__wrap {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.loan-auto__field {
    padding: 0 15px;
    width: 100%;
}


.loan-auto__box .form-control,
.loan-auto__box .form-group-lg .form-control {
    height: 38px;
    width: 100%;
}

.loan-auto__box .row {
    display: flex;
    flex-wrap: wrap;
}

.loan-auto__box .col-sm-6 {
    width: 100%;
}

@media only screen and (min-width: 560px) {
    .loan-auto__field {
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .loan-auto__box .col-sm-6 {
        width: 50%;
    }

}

.info-auto {
    padding: 20px 15px;
    background: #f6f9fa;
}

.total-auto {
    padding: 30px 15px 10px;
    background: #ddeaee;
}

.total-auto__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
}

.total-auto__item {
    text-align: center;
    flex: 0 0 50%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 60px;
    max-width: 50%;
    margin-bottom: 20px;
}

@media only screen and (max-width: 980px) {
    .total-auto__item {
        flex: 1 0 auto;
        max-width: 480px;
        width: 100%;
        padding: 0;
    }
}

@media only screen and (max-width: 480px) {
    .total-auto__item {
        flex-direction: column;
    }
}


.total-auto__title {
    font-size: 18px;
    line-height: 20px;
}

.total-auto__title span {
    font-size: 12px;
    color: #555;
}

.total-auto__info {
    margin-top: 6px;
    font-weight: 800;
    font-size: 20px;
    line-height: 20px;
}

body {
    color: #001B24;
}

body.front-end {
    background: #f9fbfc;
}

.newLoanCustomer .btn.btn-raised.btn-success:not(.btn-link), 
.newLoanCreate .btn.btn-raised.btn-success:not(.btn-link), 
.newLoanCustomer .uploader-container .btn.btn-default:not(.btn-link), 
.newLoanCustomer .btn.btn-raised.btn-success:not(.btn-link):hover, 
.newLoanCreate .btn.btn-raised.btn-success:not(.btn-link):hover, 
.newLoanCustomer .uploader-container .btn.btn-default:not(.btn-link):hover, 
.newLoanCustomer .btn.btn-raised.btn-success:not(.btn-link):active, 
.newLoanCreate .btn.btn-raised.btn-success:not(.btn-link):active, 
.newLoanCustomer .uploader-container .btn.btn-default:not(.btn-link):active, 
.newLoanCustomer .btn.btn-raised.btn-success:not(.btn-link):focus, 
.newLoanCreate .btn.btn-raised.btn-success:not(.btn-link):focus, 
.newLoanCustomer .uploader-container .btn.btn-default:not(.btn-link):focus, 
.newLoanCustomer .btn.btn-raised.btn-success:not(.btn-link):disabled, 
.newLoanCreate .btn.btn-raised.btn-success:not(.btn-link):disabled, 
.newLoanCustomer .uploader-container .btn.btn-default:not(.btn-link):disabled,
.front-end .btn.btn-raised:not(.btn-link).btn-primary, .front-end .modal .btn.btn-default, .front-end .modal .btn.btn-default:hover, .front-end .modal .btn.btn-default:active, .front-end .modal .btn.btn-default:focus {
    background: #22b2ea !important;
    color: #fff !important;
}

.front-end .modal .btn.btn-default, .front-end .modal .btn.btn-default:hover, .front-end .modal .btn.btn-default:active, .front-end .modal .btn.btn-default:focus {
    background: #ddeaee !important;
    color: #42445a !important;
}

.step.active {
    color: #22b2ea;
}

.step.active .step-number {
    border-color: #22b2ea;
}

.stepper-box {
    color: #a6afb3;
}

span.step-number {
    border: 1px solid #a6afb3;
}

.step-spacer {
    background: repeating-linear-gradient(90deg, #a6afb3, #a6afb3 2px, transparent 2px, transparent 8px);
}



body.front-end .field-validation-error, body.front-end .validation-error,
.form-control.ng-invalid.aa-had-focus {
    color: #EE3B5E !important;
}

.captcha-image {
    border-color: transparent;
    background: #f9fbfc;
}

.form-group.form-group-lg .checkbox label, .form-group.form-group-lg .radio label, .form-group.form-group-lg label {
    color: #a6afb3;
}

.front-end .form-control, .front-end .form-group .form-control {
    background-image: linear-gradient(#a6afb3, #a6afb3), linear-gradient(#a6afb3, #a6afb3);
}

.form-control {
    color: #001B24;
}

.front-end .form-group.is-focused .form-control, .body-content .form-group.is-focused .form-control, .customer-details .form-group.is-focused .form-control {
    background-image: linear-gradient(#22b2ea, #22b2ea), linear-gradient(#a6afb3, #a6afb3);
}

.front-end .body-content h1 {
    color: #001B24;
}

.front-end.dashboard .customer-details form[name="customerDetails"] legend {
    background: #f9fbfc;
    padding: 20px 15px;
    color: #001B24;
    font-size: 20px;
    margin: 0;
    border: 0;
    line-height: 22px;
}

.front-end .customer-details .form-block {
    padding: 0;
}

.addressInput .form-group.form-group-lg.label-floating:not(.is-empty) label.control-label,
.form-group.form-group-lg.label-floating label.control-label, .form-group.form-group-lg.label-placeholder label.control-label,
.customer-details .form-group.form-group-lg.label-floating.is-focused.is-empty label.control-label {
    top: -10px;
}

.documents-list .btn.btn-danger {
    background: #EE3B5E;
}

.uploader-container .btn.btn-default {
    margin: 0 0 20px 0;
}

.documents-list {
    margin-left: -15px;
    margin-right: -15px;
}

.front-end .user-dashboard__btn {
    margin-bottom: 10px;
    padding: 15px 20px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    background: #ddeaee;
    color: #42445a;
    transition: all .3s;
    border: 0;
}

.front-end .user-dashboard__btn .fa {
    font-size: 18px;
    margin-right: 10px;
    color: #42445a;
    transition: all .3s;
}

.front-end .user-dashboard__btn h2 {
    font-size: 18px;
}

.front-end .user-dashboard__btn.active,
.front-end .user-dashboard__btn:hover {
    background: #22b2ea;
    color: #fff;
}

.front-end .loans {
    margin-top: 20px;
}

.front-end .loans h2 {
    padding: 0;
    font-size: 18px;
}

.front-end .loans .table-loan-list {
    margin-top: 10px;
    color: #42445a;
}

.front-end .loans .table-loan-list h3 {
    font-size: 16px;
}

.front-end .loans .table-loan-list span {
    font-size: 12px;
    display: block;
    margin-top: 6px;
}

.front-end .loans ul.table-loan-list li.selected-loan:after {
    font-size: 28px;
    margin-top: -12px;
    color: #42445a;
}

.front-end .loans ul.table-loan-list li.selected-loan:hover,
.front-end .loans ul.table-loan-list li.non-selected-loan:hover {
    background: #ddeaee;
}

.dashboard-details-pane .form-block {
    background: #f9fbfc;
}

.front-end .change-pass .btn.btn-primary,
.front-end .change-pass .btn.btn-primary:hover {
    background: #22b2ea;
    color: #fff;
}

.front-end .change-pass .btn.btn-primary:hover {
    opacity: .9;
}

.front-end .body-content a {
    color: #22b2ea;
}

.bt {
    border-top: 2px solid #42445a;
}

.newLoanCustomer .loan-header .row:first-child:hover {
    background-color: transparent;
    color: #22b2ea;
    cursor: pointer;
}

.newLoanCustomer .rest-details {
    background: #f9fbfc;
    padding: 20px 15px;
    border: 0;
    margin-bottom: 4px;
    font-size: 14px;
}

.newLoanCustomer .rest-details h4 {
    font-size: 16px;
    margin: 0 0 10px 0;
}

.loan-details-selection .vehicle-details-box {
    box-shadow: none;
    margin-bottom: 0;
}

.loan-details-selection .total-auto {
    margin-bottom: 20px;
}

ul.table-loan-list li .material-icons {
    margin-top: 0;
}

.material-icons.ApplicationSubmitted::after {
    content: "file_copy";
}

    /* Handle */
    .sidebar-mail::-webkit-scrollbar-thumb {
        background: #888;
    }

        /* Handle on hover */
        .sidebar-mail::-webkit-scrollbar-thumb:hover {
            background: #555;
        }


.autolending.container {
    margin-top: 30px;
    max-width: 1200px
}

.autolending__alert {
    padding: 10px 20px;
    background: #f2dede;
    color: #a94442;
}

@media only screen and (max-width : 991px) {
    .autolending__alert {
        margin-bottom: 20px;
    }
}

.autolending__subtitle {
    font-size: 20px;
    margin-bottom: 20px;
    text-align: center;
}

@media only screen and (max-width : 480px) {
    .autolending__subtitle {
        font-size: 18px !important;
    }
}

.autolending-calculator {
    width: 100%;
}

.autolending-calculator__item {
    position: relative;
    margin: 0 -10px;
    width: calc(100% + 20px);
}

@media only screen and (max-width : 767px) {
    .autolending-calculator__item:nth-child(even):before {
        position: absolute;
        content: '';
        top: -10px;
        bottom: 10px;
        left: -5px;
        right: -5px;
        background: #f9fbfc;
    }

    .autolending-calculator__item:last-child:before {
        bottom: 0;
    }
}

.autolending-calculator__item label {
    display: none;
}

.autolending-calculator__item:first-child label {
    display: block;
}

@media only screen and (max-width : 767px) {
    .autolending-calculator__item:first-child label {
        display: none;
    }
}


.autolending-calculator__body {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.autolending-calculator__product {
    flex: 0 0 100%;
    padding: 0 10px;
    max-width: 100%;
}

.autolending-calculator__container {
    position: relative;
}

.autolending-calculator__body--prodselect {
    padding-right: 30px;
}


.autolending-calculator__body--prodselect .autolending-calculator__container  {
    padding-left: 24px;
}

@media only screen and (max-width : 767px) {
    .autolending-calculator__body--prodselect {
        padding-right: 0;
    }
    
    .autolending-calculator__body--prodselect .autolending-calculator__container  {
        padding-left: 0;
    }
}

.autolending-calculator__select {
    position: relative;
}

.form-group .autolending-calculator__select select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.autolending-calculator__select:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 4px;
    width: 10px;
    height: 2px;
    background: #001B24;
    transform: translateY(-50%);
    pointer-events: none;
}

.autolending-calculator__select:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 8px;
    height: 10px;
    width: 2px;
    background: #001B24;
    transform: translateY(-50%);
    pointer-events: none;
}

.autolending-calculator__body--prodselect .autolending-calculator__select:before {
    display: none;
}

.autolending-calculator__body--prodselect .autolending-calculator__select:after {
    width: 0;
    height: 0;
    right: 6px;
    background: transparent;
    border-style: solid;
    border-width: 6px 3px 0 3px;
    border-color: #001B24 transparent transparent transparent;
}

.autolending-calculator__select select {
    -webkit-appearance: none;
}

.autolending-calculator__quantity,
.autolending-calculator__price {
    flex: 0 0 0;
    padding: 0;
    max-width: 0;
}

.autolending-calculator__quantity label,
.autolending-calculator__price label {
    text-align: center;
}

.autolending-calculator__body--prodselect .autolending-calculator__product {
    flex: 0 0 80%;
    padding: 0 10px;
    max-width: 80%;
}

.autolending-calculator__body--prodselect .autolending-calculator__quantity,
.autolending-calculator__body--prodselect .autolending-calculator__price {
    flex: 0 0 20%;
    padding: 0 10px;
    max-width: 20%;
}

@media only screen and (max-width : 767px) {
    .autolending-calculator__body--prodselect .autolending-calculator__product {
        flex: 1 0 auto;
        max-width: 100%;
        width: 100%;
        margin-bottom: 10px;
    }

    .autolending-calculator__body--prodselect .autolending-calculator__quantity,
    .autolending-calculator__body--prodselect .autolending-calculator__price {
        flex: 0 0 50%;
        padding: 0 10px;
        max-width: 50%;
        margin-bottom: 10px;
    }
}

.autolending-calculator__field {
    padding: 0 30px;
    position: relative;
}

@media only screen and (max-width : 767px) {
    .autolending-calculator__field {
        padding: 0 24px;
    }
}

.autolending-calculator__field .btn-qty {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    margin: 0;
}

.autolending-calculator__field .btn-decrease {
    left: 0;
}

.autolending-calculator__field .btn-increase {
    right: 0;
}

.autolending-calculator__field .btn-decrease:before,
.autolending-calculator__field .btn-increase:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 2px;
    background: #001B24;
    transform: translate(-50%, -50%);
}

@media only screen and (max-width : 767px) {
    .autolending-calculator__field .btn-decrease:before,
    .autolending-calculator__field .btn-increase:before {
        width: 10px;
    }
}

.autolending-calculator__field .btn-increase:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    height: 10px;
    width: 2px;
    background: #001B24;
    transform: translate(-50%, -50%);
}

@media only screen and (max-width : 767px) {
    .autolending-calculator__field .btn-increase:after {
        height: 10px;
    }
}

.autolending-calculator__index {
    position: absolute;
    top: 14px;
    left: 0;
    font-size: 14px;
    font-weight: 300;
    color: #001B24;
}

.autolending-calculator__index .index:after {
    content: '.';
}

@media only screen and (max-width : 767px) {
    .autolending-calculator__index .index:after {
        content: '';
    }
    .autolending-calculator__index .index:before {
        content: 'Item ';
    }
}

@media only screen and (max-width : 767px) {
    .autolending-calculator__index {
        position: static;
        margin-bottom: 10px;
        font-size: 16px;
        line-height: 1.42857143;
        color: #BDBDBD;
        font-weight: 400;
    }
}

@media only screen and (max-width : 767px) {
    .autolending-calculator__item:first-child .autolending-calculator__index {
        position: static;
        margin-bottom: 10px;
    }
}

.autolending-calculator__delete {
    position: absolute;
    top: 8px;
    right: 8px;
}

.autolending-calculator__delete .btn.btn-danger {
    color: #ee3b5e;
}

@media only screen and (max-width : 767px) {
    .autolending-calculator__delete {
        top: 12px;
        right: 15px;
    }
}

.autolending-calculator__item:first-child .autolending-calculator__delete {
    top: 36px;
}

@media only screen and (max-width : 767px) {
    .autolending-calculator__item:first-child .autolending-calculator__delete {
        top: 12px;
        right: 15px;
    }
}

.autolending-calculator__delete .btn {
    padding: 8px;
    margin: 0;
}


.autolending-footer {
    margin-top: 20px;
}

.autolending-footer--mobile {
    display: none;
}

@media only screen and (max-width : 991px) {
    .autolending-footer--mobile {
        display: block;
    }
    .autolending-footer--desktop {
        display: none;
    }
}

.pay-plan {
    padding: 40px 20px 40px;
    background: #fff;
    position: relative;
    border-bottom: 5px solid #607D8B;
    margin-bottom: 10px;
}

.pay-plan__list {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 20px);
    margin: 0 -10px;
}

.pay-plan__list[data-count="1"],
.pay-plan__list[data-count="2"],
.pay-plan__list[data-count="3"] {
    justify-content: center;
}

.pay-plan__item {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 10px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    
}

@media only screen and (max-width : 767px) {
    .pay-plan__item {
        flex: 1 0 auto;
        max-width: 100%;
        width: 100%;
    }
}

.pay-plan__label {
    display: block;
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
    color: #001B24;
}

.pay-plan__label input {
    display: none;
}

.pay-plan__wrap {
    position: relative;
    padding: 15px 30px;
    border: 1px solid #ddeaee; 
    border-radius: 2px;
    text-align: center;
    display: block;
    flex: 1 0 auto;
    transition: background-color .3s;
}

.pay-plan__wrap:before {
    position: absolute;
    content: '';
    width: 14px;
    height: 14px;
    border-radius: 50%;
    left: 10px;
    top: 12px;
    border: 1px solid #001B24;
    transition: border .3s;
}

.pay-plan__wrap:after {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    left: 12px;
    top: 19px;
    transform: scale(0);
    opacity: 0;
    transition: background .3s, opacity .3s, transform .3s;
    background: #ddeaee;
}

.pay-plan__label input[type="radio"]:checked + .pay-plan__wrap:after {
    opacity: 1;
    transform: translateY(-50%) scale(1);
    background: #001B24;
}


.pay-plan__label input[type="radio"]:checked + .pay-plan__wrap:before {
    border-color: #001B24;
}

.pay-plan__label input[type="radio"]:checked + .pay-plan__wrap {
    background: #ddeaee;
}

.pay-plan__label input[type="radio"]:checked + .pay-plan__wrap .pay-plan__title,
.pay-plan__label input[type="radio"]:checked + .pay-plan__wrap .pay-plan__term,
.pay-plan__label input[type="radio"]:checked + .pay-plan__wrap .pay-plan__descr {
    //color: #fff;
}


.pay-plan__title {
    display: block;
    font-size: 18px;
    line-height: 20px;
    font-weight: 800;
    margin-bottom: 6px;
    transition: color .3s;
}

.pay-plan__term {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 800;
    transition: color .3s;
}

.pay-plan__descr {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-style: italic;
    transition: color .3s;
}

.loan-auto__field.loan-slider .slider .noUi-origin {
    background: #f6f7f9;
    height: 3px !important;
    top: 10px;
}

.loan-auto__field.loan-slider .slider .noUi-handle,
.loan-auto__field.loan-slider .slider.slider-default .noUi-handle {
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid #22b2ea;
    width: 15px;
    height: 15px;
    top: -6px;
    box-sizing: border-box;
    left: -10px;
    cursor: pointer;
    box-shadow: none;
}

.loan-auto__field.loan-slider .slider.noUi-connect,
.loan-auto__field.loan-slider .slider.slider-default.noUi-connect,
.loan-auto__field.loan-slider .slider .slider.noUi-connect {
    background-color: #22b2ea;
}

.noUi-horizontal {
    height: 3px;
}

.loan-auto__field.loan-slider .noUi-base {
    height: 20px;
    transform: translateY(-50%);
    cursor: pointer;
}

.noUi-handle.noUi-active {
    transform: none !important;
    width: 11px !important;
    height: 11px !important;
    background-color: #22b2ea !important;
    margin-top: 2px;
    margin-left: 0;
}

.noUi-handle.noUi-handle-lower:before, 
.noUi-handle.noUi-handle-lower:after {
    display: none;
}

.text-red {
    color: #ee3b5e;
}