/** Color barra **/
/** Color fondo **/
/** Color barra **/
/** Color fondo hover **/
body {
    background-color: #d4dde9;
    color: #111;
}

.page {
    background-color: #FFF;
    border-color: #cbd2dc;
}

.column-header-wizard {
    background-color: #f3f3f3;
}

.page.success {
    background-image: linear-gradient(to bottom right, #FFF, #FFF 90%);
}

#loftloader-wrapper.end-split-h .loader-bg:before, #loftloader-wrapper.end-split-h .loader-bg:after, #loftloader-wrapper.end-split-v .loader-bg:before, #loftloader-wrapper.end-split-v .loader-bg:after, #loftloader-wrapper.end-fade .loader-bg, #loftloader-wrapper.end-up .loader-bg, #loftloader-wrapper.end-shrink-fade .loader-bg:before, .loader-bg .loader-bg-half:before {
    background-color: #d4dde9 !important;
}

.loader {
    background: #f3f3f3;
}

    .loader .image {
        color: #003882;
    }

::-webkit-scrollbar-thumb {
    background: #ccc;
}

::-webkit-scrollbar-track {
    background: #FFF;
}

::-webkit-scrollbar-thumb:hover {
    background: #ccc;
}

::-webkit-scrollbar-track:hover,
::-webkit-scrollbar-track:active {
    background: #eee;
}

header {
    background: #001871;
}

.title {
    color: #000;
}

.subtitle {
    color: #666;
}

h4 {
    color: #6F6F6F;
}

.btn-primary {
    background-color: #d70b1a !important;
    color: #FFF !important;
    border-color: #d70b1a !important;
}

.btn-secondary {
    background-color: transparent !important;
    color: #2d539d !important;
    border-color: #2d539d !important;
}

.btn-tertiary {
    background-color: #666 !important;
    color: #FFF !important;
    border-color: #666 !important;
}

.pageIntro .btn-primary {
    background-color: #FFF !important;
    color: #005b9f !important;
    border-color: #FFF !important;
}

    .pageIntro .btn-primary i {
        color: #005b9f !important;
    }

.btn-error-page {
    background-color: #FFF !important;
    color: #666 !important;
    border-color: #FFF !important;
}

.btn.back {
    color: #2d539d !important;
}

.btn-primary:hover {
    background-color: #a00914 !important;
    color: #FFF !important;
    border-color: #a00914 !important;
}

.btn-secondary:hover {
    background-color: #2d539d !important;
    color: #FFF !important;
    border-color: #2d539d !important;
}

.btn-tertiary:hover {
    background-color: #333 !important;
    color: #FFF !important;
    border-color: #333 !important;
}

.pageIntro .btn-primary:hover {
    background-color: #FFF !important;
    color: #005b9f !important;
    border-color: #FFF !important;
}

.btn-error-page:hover {
    background-color: #eee !important;
    color: #666 !important;
    border-color: #eee !important;
}

.btn.back:hover {
    color: #a00914 !important;
}

.btn-primary i:hover {
    color: #FFF;
}

.btn-secondary:hover i:before {
    color: #FFF;
}

.btn-primary .icon-start, .btn-primary .icon-end {
    color: #FFF !important;
}

.btn-secondary .icon-start, .btn-secondary .icon-end {
    color: #003882;
}

a {
    color: #003882;
}

    a:hover {
        color: #a00914;
    }

.pageIntro {
    background-image: linear-gradient(#001871, #001871);
}

    .pageIntro .info .title {
        color: #FFF;
    }

        .pageIntro .info .title .deco {
            background-color: #FFF;
        }

    .pageIntro .info .text-info {
        color: #FFF !important;
    }

.infographic .rounded-icon {
    border: 1px solid #003882;
    background-color: #FFF;
}

    .infographic .rounded-icon i {
        color: #d70b1a;
    }

.infographic p {
    color: #FFF;
}

.pageIntro .info .text-info-optional {
    border-color: #1E22AA;
    background: #1E22AA;
}

.pageIntro .btn.dropdown-toggle.btn-light {
    background: #1E22AA !important;
    border-color: #1E22AA !important;
}

.pageError {
    background-image: linear-gradient(#333, #444);
}

.progress-bar {
    background-image: linear-gradient(to right, #003882, #003882);
}

.sect-progress-bar .progress {
    background-color: #e1e1e1;
}

.sect-progress-bar .icon {
    color: #555;
}

.sect-progress-bar .active .icon {
    color: #003882;
}

.step.icon .content {
    color: #555;
}

.step.icon .v-stepper .icon {
    color: #555;
    background: #f3f3f3;
}

.step.icon.completed .v-stepper .icon {
    color: #003882;
}

.step .circle {
    background-color: #c4c4c4;
    border-color: #c4c4c4;
}

.step .line {
    border-color: #c4c4c4;
}

.step.completed .circle {
    background-color: #003882;
    border-color: #003882;
}

.step.completed .line {
    border-color: #003882;
}

.step.active .circle {
    border-color: #003882;
    background-color: #003882;
}

.step:last-child .line {
    border-color: #f3f3f3;
}

.step.active .content {
    color: #003882;
}

.content {
    color: #888;
}

.step.completed .content {
    color: #555;
}

.form-group input, .form-group.input100 .form-input, .simple-dropdown, .btn.dropdown-toggle.btn-light {
    background-color: #FFF;
}

.form-label, .phone .form-label {
    color: #888;
}

.form-input, .simple-dropdown, .btn.dropdown-toggle.btn-light, div.selectBox, div.selectOptions {
    border-color: #DDD;
}

.form-input, .form-control:focus, .simple-dropdown, .btn.dropdown-toggle.btn-light {
    color: #111;
}

.btn-choose-file {
    background-color: #888 !important;
}

.phone .btn {
    background: #ececec;
}

.bottomsheet .modal-body li a {
    background-color: #FFF;
    border-color: #eee;
    color: #111;
}

.form-input:focus, .form-input.input-phone:focus {
    border-color: #999 !important;
}

.simpleDropdown li:first-child {
    border-color: #eee;
}

.bottomsheet .modal-header {
    background-color: #eee;
}

.bottomsheet .modal-title {
    color: #555;
}

.simpleDropdown li a, .bootstrap-select .dropdown-menu li a {
    color: #111;
    border-color: #eee;
}

.custom-checkbox input:checked + span:before {
    border-color: #003882;
    background-color: #003882;
}

.custom-checkbox:hover input + span:before {
    border-color: #003882;
}

.custom-radio input:checked + span:before {
    border-color: #003882;
}

.custom-radio:hover input + span:before {
    border-color: #003882;
}

.custom-radio input:checked + span:after {
    background-color: #003882;
}

.form-group.with-icon .icon-user-input, .form-group.with-icon .icon-padlock-input {
    color: #003882;
}

.phone .dropdown-toggle .icon-arrow-down, .simple-dropdown span.icon-arrow-down, .selects span.icon.icon-arrow-down {
    color: #003882;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #fbf4f3;
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner i {
    color: #2d539d;
}

.bootstrap-select .dropdown-menu .icon {
    color: #2d539d;
}

.datepicker-days table thead, .datepicker-months table thead, .datepicker-years table thead, .datepicker-decades table thead, .datepicker-centuries table thead {
    background: #003882;
}

.page-item.active .page-link {
    background-color: #d70b1a;
    border-color: #d70b1a;
}

.page-link {
    color: #d70b1a;
}

    .page-link:hover {
        color: #d70b1a;
    }

.normal-modal .modal-icon i {
    color: #003882;
}

.video-selfie {
    border-color: #003882;
}

.info-icon i {
    color: #003882;
    border-color: #003882;
}

.switch input:checked + span {
    background-color: #003882;
}

input[type=range] {
    background-image: linear-gradient(#003882, #003882);
}

    input[type=range]::-webkit-slider-thumb:hover {
        background: #003882;
    }

    input[type=range]::-moz-range-thumb:hover {
        background: #003882;
    }

    input[type=range]::-ms-thumb:hover {
        background: #003882;
    }

.result-loan, .result-loan input {
    color: #003882;
}

input[type=range]::-webkit-slider-thumb {
    background: #003882;
}

input[type=range]::-ms-thumb {
    background: #003882;
}

input[type=range]::-moz-range-thumb {
    background: #003882;
}

.contact .sect-contact {
    background: #f3f3f3;
}

#landscape-mobile {
    background: #FFF;
}

    #landscape-mobile i {
        color: #003882;
    }

@media (max-width: 992px) {
    #loftloader-wrapper.end-split-h .loader-bg:before, #loftloader-wrapper.end-split-h .loader-bg:after, #loftloader-wrapper.end-split-v .loader-bg:before, #loftloader-wrapper.end-split-v .loader-bg:after, #loftloader-wrapper.end-fade .loader-bg, #loftloader-wrapper.end-up .loader-bg, #loftloader-wrapper.end-shrink-fade .loader-bg:before, .loader-bg .loader-bg-half:before {
        background-color: #FFF !important;
    }
}

@media (max-width: 768px) {
    body {
        background-color: #FFF;
    }

    .column-header-wizard {
        background-color: #FFF;
    }
}