/** Color barra **/
/** Color fondo **/
/** Color barra **/
/** Color fondo hover **/
body {
  background-color: #b4cdc7;
  color: #111;
}

.page {
  background-color: #FFF;
  border-color: #a4ccc3;
}

.column-header-wizard {
  background-color: #eff3f7;
}

.page.success {
  background-image: linear-gradient(to bottom right, #2d539d, #0e531d 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: #b4cdc7 !important;
}

.loader {
  background: #eff3f7;
}

.loader .image {
  color: #2d539d;
}

::-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: #2d539d;
}

.title {
  color: #000;
}

.subtitle {
  color: #666;
}

h4 {
  color: #6F6F6F;
}

.btn-primary {
  background-color: #2d539d !important;
  color: #FFF !important;
  border-color: #2d539d !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: #2d539d !important;
  border-color: #FFF !important;
}

.pageIntro .btn-primary i {
  color: #2d539d !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: #489bd6 !important;
  color: #FFF !important;
  border-color: #489bd6 !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: #eee !important;
  color: #2d539d !important;
  border-color: #eee !important;
}

.btn-error-page:hover {
  background-color: #eee !important;
  color: #666 !important;
  border-color: #eee !important;
}

.btn.back:hover {
  color: #489bd6 !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: #2d539d;
}

a {
  color: #2d539d;
}

a:hover {
  color: #489bd6;
}

.pageIntro {
  background-image: linear-gradient(#2d539d, #3976b9);
}

.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 #418ac8;
  background-color: #2d539d;
}

.infographic .rounded-icon i {
  color: #FFF;
}

.infographic p {
  color: #FFF;
}

.pageIntro .info .text-info-optional {
  border-color: #5d86c8;
  background: #3163a6;
}

.pageIntro .btn.dropdown-toggle.btn-light {
  background: #4a7ab8 !important;
  border-color: #2d539d !important;
}

.pageError {
  background-image: linear-gradient(#333, #444);
}

.progress-bar {
  background-image: linear-gradient(to right, #489bd6, #2d539d);
}

.sect-progress-bar .progress {
  background-color: #e1e1e1;
}

.sect-progress-bar .icon {
  color: #555;
}

.sect-progress-bar .active .icon {
  color: #2d539d;
}

.step.icon .content {
  color: #555;
}

.step.icon .v-stepper .icon {
  color: #555;
  background: #eff3f7;
}

.step.icon.completed .v-stepper .icon {
  color: #2d539d;
}

.step .circle {
  background-color: #c4c4c4;
  border-color: #c4c4c4;
}

.step .line {
  border-color: #c4c4c4;
}

.step.completed .circle {
  background-color: #2d539d;
  border-color: #2d539d;
}

.step.completed .line {
  border-color: #2d539d;
}

.step.active .circle {
  border-color: #2d539d;
  background-color: #2d539d;
}

.step:last-child .line {
  border-color: #eff3f7;
}

.step.active .content {
  color: #2d539d;
}

.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 !important;
}

.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: #2d539d;
  background-color: #2d539d;
}

.custom-checkbox:hover input + span:before {
  border-color: #2d539d;
}

.custom-radio input:checked + span:before {
  border-color: #2d539d;
}

.custom-radio:hover input + span:before {
  border-color: #2d539d;
}

.custom-radio input:checked + span:after {
  background-color: #2d539d;
}

.form-group.with-icon .icon-user-input, .form-group.with-icon .icon-padlock-input {
  color: #2d539d;
}

.phone .dropdown-toggle .icon-arrow-down, .simple-dropdown span.icon-arrow-down, .selects span.icon.icon-arrow-down {
  color: #2d539d;
}

.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: #2d539d;
}

.page-item.active .page-link {
  background-color: #489bd6;
  border-color: #489bd6;
}

.page-link {
  color: #489bd6;
}

.page-link:hover {
  color: #489bd6;
}

.normal-modal .modal-icon i {
  color: #2d539d;
}

.video-selfie {
  border-color: #2d539d;
}

.info-icon i {
  color: #2d539d;
  border-color: #2d539d;
}

.switch input:checked + span {
  background-color: #2d539d;
}

input[type=range] {
  background-image: linear-gradient(#2d539d, #2d539d);
}

input[type=range]::-webkit-slider-thumb:hover {
  background: #2d539d;
}

input[type=range]::-moz-range-thumb:hover {
  background: #2d539d;
}

input[type=range]::-ms-thumb:hover {
  background: #2d539d;
}

.result-loan, .result-loan input {
  color: #2d539d;
}

input[type=range]::-webkit-slider-thumb {
  background: #2d539d;
}

input[type=range]::-ms-thumb {
  background: #2d539d;
}

input[type=range]::-moz-range-thumb {
  background: #2d539d;
}

.contact .sect-contact {
  background: #eff3f7;
}

#landscape-mobile {
  background: #FFF;
}

#landscape-mobile i {
  color: #2d539d;
}

.button-device i {
  color: #2d539d;
}

@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;
  }
}
