/** Color barra **/
/** Color fondo **/
/** Color barra **/
/** Color fondo hover **/
body {
  background: #ddd;
  color: #222;
}

.loading-section {
  background: #f3f3f5;
}

.page-login {
  background-color: #FFFFFF;
  border-color: #DDD;
  box-shadow: 0px 0px 16px #d7d7d7;
  border-radius: 16px;
}

.page {
  background-color: #FFFFFF;
  border-color: #DDD;
  box-shadow: 0px 0px 16px #d7d7d7;
  border-radius: 16px;
}

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

.security-text {
  color: #999;
}

.page.success {
  background-image: linear-gradient(#FFF, #FFF);
}

#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: #ddd !important;
}

.loader {
  background: #F7F7F7;
}

.loader .image {
  color: #f95806;
}

::-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;
}

.title {
  color: #000;
}

.subtitle {
  color: #666;
}

h4 {
  color: #6F6F6F;
}

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

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

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

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

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

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

.btn.back {
  color: #f95806 !important;
}

.small-button {
  border-color: #f95806;
  color: #f95806;
}

.small-button:hover {
  border-color: #f95806;
  color: #f95806;
}

.bot-new-account-service {
  background-color: #f95806 !important;
  color: #FFF !important;
}

.bot-new-account-service {
  background-color: #f95806 !important;
  color: #FFF !important;
}

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

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

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

.pageIntro .btn-primary:hover {
  background-color: #eee !important;
  color: #f95806 !important;
  border-color: #eee !important;
}

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

.btn.back:hover {
  color: #D94D0A !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: #f95806;
}

.bot-new-account-service:hover {
  background-color: #D94D0A !important;
  color: #FFF !important;
}

.button-invoice-load:hover, .button-service-load:hover, .button-service-load:hover, .button-account:hover {
  border-color: #f95806;
}

a {
  color: #1b2640;
}

a:hover {
  color: #52A433;
}

.button-action-three-dots a i {
  color: #f95806;
}

.icons-product i {
  color: #f95806 !important;
}

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

.step-mobile.active {
  background: #1b2640;
}

.step-mobile.completed {
  background: #1b2640;
}

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

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

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

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

.back-mobile, .back-desktop, .close-new-account-service {
  color: #000000;
}

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

.step.icon .v-stepper .icon {
  color: #ccc;
  background: #F7F7F7;
  border-color: #ccc;
}

.step.icon.completed .v-stepper .icon {
  background: #f95806;
  color: #FFF;
  border-color: #f95806;
}

.step.icon.active .v-stepper .icon {
  background: #f95806;
  color: #FFF;
  border-color: #f95806;
}

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

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

.step.completed .line {
  border-color: #f95806 !important;
}

.step.active .line {
  border-color: #ccc;
  opacity: 1;
}

.step .line {
  border-color: #ccc;
  opacity: 1;
}

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

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

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

.content {
  color: #eee;
}

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

.menu-mobile {
  background-color: #FFF;
}

.menu-mobile i {
  color: #565656;
}

.menu-mobile p {
  color: #565656;
}

.button-menu-mobile.active i {
  color: #f95806;
}

.button-menu-mobile.active p {
  color: #f95806;
}

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

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

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

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

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

.phone .btn {
  background: #FFF;
}

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

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

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

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

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

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

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

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

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

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

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

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

.option-row input[type=radio]:checked + label::before {
  border-color: #f95806;
  background-color: #f95806;
}

.amount-option-list .custom-radio input:checked + span:after {
  border-color: #f95806;
  background-color: #f95806;
}

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

.phone .dropdown-toggle .icon-arrow-down, .simple-dropdown span.icon-arrow-down, .selects span.icon.icon-arrow-down, .selectArrow i, .selectOption .section-data i, .selectBox .section-data i {
  color: #222;
}

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

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

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

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

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

.page-link {
  color: #1b2640;
}

.page-link:hover {
  color: #1b2640;
}

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

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

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

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

.button-device i {
  color: #f95806;
}

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

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

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

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

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

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

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

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

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

.option-date-maps i {
  color: #f95806;
}

.button-internal {
  background-color: #FFF !important;
  border-color: #eee !important;
}

.button-internal .sect-left i {
  color: #222 !important;
}

.button-internal .sect-left p {
  color: #222 !important;
}

.button-internal .sect-arrow i {
  color: #222 !important;
}

#landscape-mobile {
  background: #FFFFFF;
}

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

.button-device i {
  color: #f95806;
}

.login-content {
  background-color: #FFF;
}

.section-menu {
  background: #eee;
}

.section-menu a {
  color: #565656;
}

.section-menu a i.active {
  color: #f95806;
}

.has-search .form-control {
  background-color: #eee;
  border-color: #eee;
}

.drop-result-search {
  background-color: #eee;
}

a.button-option {
  background-color: #FFF;
}

a.button-option:hover {
  background-color: #f8f9fa;
}

a.button-option .sect-left i {
  color: #222222 !important;
}

a.button-option:hover .sect-left i {
  color: #f95806 !important;
}

a.button-option .sect-left p {
  color: #222222;
}

a.button-option .sect-arrow i {
  color: #565656;
}

a.button-option-contact {
  background-color: #FFF;
}

a.button-option-contact:hover {
  background-color: #f8f9fa;
}

a.button-option-contact .sect-left i {
  color: #222222 !important;
}

a.button-option-contact:hover .sect-left i {
  color: #f95806 !important;
}

a.button-option-contact .sect-left p {
  color: #222222;
}

a.button-option-contact .sect-arrow i {
  color: #565656;
}

.page-menu .form-group.selects span.icon-arrow-down {
  color: #565656;
}

.page .simpleDropdown .simple-dropdown span.icon-arrow-down {
  color: #565656;
}

.page-menu .simple-dropdown .sect-left i {
  color: #222222 !important;
}

.page-menu .simple-dropdown:hover .sect-left i {
  color: #f95806 !important;
}

a.button-option .sect-left i {
  color: #f95806;
}

.page-menu .simpleDropdown li a i {
  color: #f95806;
}

.segmented-controls label:last-of-type::after {
  border: 1.5px solid #f95806;
}

.ribbon {
  background: #f95806;
}

@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: #FFFFFF !important;
  }

  .login body {
    background-color: #ddd;
  }
}
@media (max-width: 768px) {
  html {
    background: #F7F7F7;
  }

  body {
    background-color: #F7F7F7;
  }

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

  .login-content {
    background-color: #F7F7F7;
  }

  .card-mobile {
    background-color: #FFF;
  }

  .security-text {
    background-color: #F7F7F7;
  }

  .internal-public .container {
    background-color: #FFFFFF;
  }

  .security-text {
    background-color: #FFFFFF;
  }

  .login .security-text {
    background: #F7F7F7;
  }

  .login.internal-public .container {
    background-color: #F7F7F7;
  }

  .fixed-button {
    background-color: #f3f3f5;
  }
}
@media (max-width: 576px) {
  html.login {
    background: #F7F7F7;
  }

  html.login body {
    background: #F7F7F7;
  }

  html {
    background: #FFF;
  }

  body {
    background: #FFF;
  }

  body.private {
    background: #FFF !important;
  }
}
body.private {
  background-color: #f3f3f5;
  color: #555;
}

.top-bar {
  background-color: #1b2640;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
  color: #FFF;
}

.button-mail {
  color: #FFF;
}

.initials {
  border-color: #FFF;
  color: #FFF;
}

.has-search .form-control {
  border-color: #EFEFEF;
  background-color: #F7F7F7;
}

.has-search .form-control-feedback {
  color: #FFF;
}

.close-menu a, .notification .icon, .sect-bot-fullscreen .icon-fullscreen, .user-space .user-name, .user-space .icon, .search-mobile i {
  color: #FFF;
}

.notification .icon .notification-number, .notification-in-menu {
  background-color: #f95806;
}

.notification .icon .notification-number, .notification-in-menu {
  color: #FFF;
}

.switch input + span {
  background-color: #CBCBCB;
  border-color: #f5f5f5;
}

.switch input + span:before {
  background-color: #FFF;
}

.switch_outlined input:checked + span {
  background-color: #f95806;
  border-color: #C4C4C4;
}

.switch_outlined input:checked + span:before {
  opacity: 1;
  background-color: #FFF;
}

.notification .icon .notification-number {
  color: #FFF;
}

.menu-bar .menu-items {
  background-color: #FFF;
  box-shadow: 2px 0px 8px 0px rgba(0, 0, 0, 0.05);
}

.expanded-menu ul li a {
  background-color: #FFF;
}

.menu-bar .menu-items .link, .expanded-menu ul li a {
  color: #555;
  border-color: #dadada;
}

.menu-bar .menu-items .link.active, .expanded-menu ul li a.active, .menu-bar .menu-items .link.active i {
  color: #f95806;
}

.bot .menu-bar .menu-items .link.active:before,
.expanded-menu ul li a.active:before {
  background-color: #f95806;
}

.menu-bar .menu-detail {
  background-color: #ededed;
}

.menu-bar a {
  color: #555;
}

.menu-bar a i {
  color: #555;
}

.menu-bar a:hover {
  color: #000;
}

.menu-bar a:hover i {
  color: #000;
}

.card {
  border-color: #999;
  background-color: #FFF;
}

.menu-footer a {
  color: #999;
}

.footer {
  border-color: #eee;
}

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

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

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

.menu-mobile {
  background-color: #FFF;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
}

.menu-mobile button i {
  color: #555;
}

.menu-mobile button span {
  color: #555;
}

.menu-mobile .active {
  border-color: #f95806;
}

.menu-mobile .active i {
  color: #f95806;
}

.menu-mobile .active span {
  color: #f95806;
}

.navbar-nav li a {
  color: #555;
}

.navbar-nav li {
  border-color: #dadada;
}

.navbar-nav li:last-child {
  border-color: #dadada;
}

.navbar-nav li a:hover {
  color: #f95806;
  background: #EEE;
}

.nav-item.active a {
  background-color: #f95806;
  color: #FFF;
}

.label-new, .label-new-expanded {
  background-color: #f95806;
  color: #FFF;
}

.bot-clear {
  color: #f95806;
  border-color: #f95806;
}

.tippy-box {
  background-color: #FFF;
  border-color: #666;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.25);
}

.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
  border-bottom-color: #FFF;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow:after {
  border-bottom-color: #666;
}

.notification .custom-dropdown-menu .head, .user .custom-dropdown-menu .head, .dropdown-mobile .head, .header-result-search {
  border-color: #999;
  background: #FFF;
}

.notification .custom-dropdown-menu a.sect-notification, .messages.dropdown-mobile a.sect-notification {
  background: #FFF;
  border-color: #999;
}

.notification .custom-dropdown-menu a.sect-notification h6 {
  color: #555;
}

.notification .custom-dropdown-menu a.sect-notification p.text-notification, .user .custom-dropdown-menu a, .dropdown-mobile a {
  color: #555;
}

.notification .custom-dropdown-menu a.sect-notification p.date-notification {
  color: #888;
}

.notification .custom-dropdown-menu a.sect-notification:hover, .user .custom-dropdown-menu a:hover {
  background-color: #f6f6f6;
}

.sect-view {
  background-color: #FFF;
  border-color: #C4C4C4;
}

.btn-option-user.mobile-only {
  color: #f95806 !important;
}

.user .custom-dropdown-menu .sect-view .head, .dropdown-mobile .sect-view .head {
  border-color: #999;
  background: #FFF;
}

.user .custom-dropdown-menu .sect-view a, .dropdown-mobile .sect-view a {
  border-color: #999;
}

.tippy-box[data-theme~=tooltip] > .tippy-content {
  background-color: #FFF;
  color: #555;
}

.user .head .date-upgrade p {
  color: #888;
}

.out-mobile, .dropdown-mobile .out-mobile {
  background-color: #f5f5f5;
  border-color: #999;
}

.title-sections {
  color: #555;
}

.title-cards {
  color: #555;
}

.messages.dropdown-mobile .modal-header a {
  color: #f95806;
}

.messages.dropdown-mobile a.sect-notification p.text-notification {
  color: #555;
}

.messages.dropdown-mobile a.sect-notification p.date-notification {
  color: #888;
}

.messages.dropdown-mobile .notification-footer a {
  color: #f95806;
}

.bottomsheet .bot-submenu a {
  color: #555;
}

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

.sect-search-mobile {
  background-color: #1b2640;
}

.drop-result-search .title {
  color: #222;
}

.drop-result-search a:hover {
  background-color: #f6f6f6;
}

.notification .custom-dropdown-menu .head a {
  border-color: #f95806;
}

.notification .custom-dropdown-menu .head a:hover, .header-result-search a.clear-result:hover {
  background-color: #f95806;
  color: #FFF;
}

.header-result-search a.clear-result {
  color: #f95806;
}

.drop-result-search a.all-result {
  color: #f95806;
}

.drop-result-search a.all-result {
  border-color: #999;
}

.tooltip-submenu {
  background: #FFF;
  border-color: #C4C4C4;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.25);
}

.arrow-left-submenu {
  border-right-color: #FFF;
}

.tooltip-submenu a {
  color: #555;
  border-color: #C4C4C4;
}

.tooltip-submenu a i {
  color: #555;
}

.headerUserDrop a.back-drop-user, .user .custom-dropdown-menu a i, .dropdown-mobile a i {
  color: #f95806;
}

.simplebar-scrollbar:before {
  background-color: #888;
}

.access-circle i {
  color: #f95806;
}

.frequent-transfers-circle {
  color: #f95806;
}

.MyProducts .slick-prev:before,
.MyProducts .slick-next:before, .slick-prev:before,
.slick-next:before {
  background: #FFF;
}

.myAccount .icons-product i {
  color: #f95806;
}

.button-internal {
  background-color: #FFF;
}

.button-internal .sect-left i {
  color: #f95806;
}

.button-internal .sect-left p {
  color: #222;
}

.button-internal .sect-arrow i {
  color: #222;
}

.bot-send-amount-ModalAmountTransfer a {
  background: #f95806;
}

.bot-account.debited, .bot-account.credited, .component-parcial-payments, .bot-service.loaded {
  background: #FFF;
}

.gral-table thead tr {
  background-color: #999;
}

.gral-table table thead tr th {
  color: #FFF;
}

@media (max-width: 576px) {
  .bg-top-mobile {
    background: #f3f3f5;
  }

  .bg-bottom-mobile {
    background: #fff;
  }

  .card-product-big.service {
    background: #FFF;
  }

  .top-bar {
    background-color: #FFF;
  }

  .close-menu a, .notification .icon, .sect-bot-fullscreen .icon-fullscreen, .user-space .user-name, .user-space .icon, .search-mobile i {
    color: #1b2640;
  }

  .initials {
    border-color: #1b2640;
    color: #1b2640;
  }

  .sect-search-mobile {
    background-color: #FFF;
  }
}
.creditcard {
  background-color: #f95806;
}

.nav-tabs.transactions a.nav-link.active {
  color: #f95806;
  border-color: #f95806;
}

a.info-transactions-recent:hover .dates-transactions .section-arrow i {
  color: #f95806;
}

.dark body {
  background-color: #151515;
  color: #FFF;
}
