@import "palette.css";

.btn-primary {
  background-color: var(--main-color);
  border-color: var(--dark-color);
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary:active:focus {
        background-color: var(--dark-color);
        border-color: var(--darker-color);
    }

.btn-tertiary {
    color: var(--main-color);
    border-color: var(--main-color);
}

    .btn-tertiary:hover,
    .btn-tertiary:focus,
    .btn-tertiary:active,
    .btn-tertiary:active:focus {
        background-color: var(--main-color);
        border-color: var(--darker-color);
    }

.btn-red {
    background-color: var(--main-color);
    border-color: var(--dark-color);
}

    .btn-red:hover,
    .btn-red:focus,
    .btn-red:active,
    .btn-red:active:focus {
        background-color: var(--dark-color);
        border-color: var(--darker-color);
    }

.btn-red-o {
    color: var(--main-color);
    border-color: var(--main-color);
}

    .btn-red-o:hover,
    .btn-red-o:focus,
    .btn-red-o:active,
    .btn-red-o:active:focus {
        background-color: var(--main-color);
        border-color: var(--dark-color);
    }

.color-red {
    color: var(--main-color);
}

.bg-red {
    background: var(--main-color);
}

.ft {
    color: var(--main-color);
}

    .ft:after {
        background: var(--main-color);
    }

a {
    color: var(--main-color);
}

    a:hover,
    a:active,
    a:focus {
        outline: none;
        text-decoration: none;
        color: var(--dark-color);
    }

.loader {
    border-top: 1px solid var(--main-color);
    border-left: 1px solid var(--main-color);
}

.info-group label {
    color: var(--main-color);
}

.label-red-o {
    color: var(--main-color);
    border: 1px solid var(--main-color);
}

.label-red {
    border: 1px solid var(--main-color);
    background: var(--main-color);
}

header nav .navbar-custom-menu > ul > li > a:not(.btn) .label {
    background-color: var(--main-color);
}

.main-sidebar .sidebar .sidebar-menu > li:hover > a {
    border-left-color: var(--main-color);
}

.main-sidebar .sidebar .sidebar-menu > li.active a {
    border-left-color: var(--main-color);
}

.content-wrapper .content-header h1 small.status {
    color: var(--main-color);
    border: 1px solid var(--main-color);
}

.content-wrapper .cart .documents .circle {
    background: var(--main-color);
}

.content-wrapper .cover-content .cart_content .cart_inner .document_list .panel-group .panel .panel-heading .panel-title a:hover .fa,
.content-wrapper .cover-content .cart_content .cart_inner .document_list .panel-group .panel .panel-heading .panel-title a:active .fa,
.content-wrapper .cover-content .cart_content .cart_inner .document_list .panel-group .panel .panel-heading .panel-title a:focus .fa {
    color: var(--main-color);
}

.content-wrapper .cover-content .cart_content .cart_inner .factoring_list li:hover .fa {
    color: var(--main-color);
}

.company_selector .dropdown-menu li a.new_company .fa {
    color: var(--main-color);
}

.steps .content_steps ul li.active a {
    color: var(--main-color);
}

    .steps .content_steps ul li.active a span {
        background: var(--main-color);
        border-color: var(--main-color);
    }

.steps .content_steps ul li.active:before {
    background-color: var(--main-color);
}

.steps .content_steps ul li.past:after {
    background-color: var(--main-color);
}

.steps .content_steps ul li.past:before {
    background-color: var(--main-color);
}

.steps .content_steps ul li.past a {
    color: var(--main-color);
}

    .steps .content_steps ul li.past a span {
        border-color: var(--main-color);
        color: var(--main-color);
    }

.steps .content_steps ul li a.active {
    font-weight: bold;
    color: var(--main-color);
}

    .steps .content_steps ul li a.active span {
        background: var(--main-color);
    }

.steps .content_steps ul li a:hover span {
    background: var(--main-color);
}

.cover_sync .option .features ul li .fa {
    color: rgba(var(--main-color-rgb), 0.8);
    margin-right: 4px;
}

.sync_list li a:hover img {
    border-color: rgba(var(--main-color-rgb), 0.9);
}

.security .fa {
    position: absolute;
    top: -1px;
    left: 2px;
    font-size: 30px;
    line-height: 30px;
    color: rgba(var(--main-color-rgb), 0.7);
    transition: color .3s;
}

    .security .fa:hover {
        color: var(--main-color);
    }

.table > tbody > tr.rejected > td .fa-ban,
.dataTable > tbody > tr.rejected > td .fa-ban {
    color: var(--main-color);
}

.table > tbody > tr:hover > td .delete,
.dataTable > tbody > tr:hover > td .delete {
    opacity: 1;
    color: var(--main-color);
}

.dataTables_wrapper .dataTables_processing:after {
    border-top: 1px solid var(--main-color);
    border-left: 1px solid var(--main-color);
}

.dataTables_wrapper .dataTables_processing:before {
    border-top: 1px solid var(--main-color);
    border-left: 1px solid var(--main-color);
}

.select_factoring .contenedor_factoring .factoring_list li .factoring_list_item.factoring_list_item_caja_propia .factoring_name {
    background: var(--main-color);
}

.select_factoring .contenedor_factoring .factoring_list li .factoring_list_item:hover img {
    border-color: rgba(var(--main-color-rgb), 0.9);
}

.select_factoring .contenedor_factoring .factoring_list li .factoring_list_item:hover .factoring_name {
    border-color: rgba(var(--main-color-rgb), 0.9);
}

.resume_fct .factoring .factoring_list li .fa {
    color: var(--main-color);
    margin-right: 5px;
}

.card .resume_total .total {
    color: var(--main-color);
}

.card .resume_total .total_info dl dd.total_document {
    color: var(--main-color);
}

.card .resume_total .total_info .total_price {
    color: var(--main-color);
}

.kpi-card {
    color: var(--main-color);
}

.modal .modal-dialog .modal-content .modal-header {
    background: var(--main-color);
}

.resume_cotizacion .offers .conditions:hover {
    color: var(--main-color);
}

.resume_cotizacion .coditions_list li .fa {
    color: var(--main-color);
}

.resume_offer .condition .coditions_list li .fa {
    color: var(--main-color);
}

.document .emisor .info_document {
    border: 1px solid var(--main-color);
}

.list li:before {
  border-color: transparent transparent transparent var(--main-color);
}

.registro_page .features h1 {
  border-bottom: 2px solid var(--main-color);
}

.c100 .bar {
    border-color: var(--main-color);
}

.c100 .fill {
    border-color: var(--main-color) !important;
}

.c100:hover > span {
    color: var(--main-color);
}

.profile_circle .profile_ft > ul > li a:hover {
    color: var(--main-color);
}

.profile_circle .profile_ft .dropdown-toggle small {
    color: var(--main-color);
}

.complete-profile {
    border-top: 1px solid rgba(var(--main-color-rgb), 0.9);
}

    .complete-profile .profile-action ul li a:hover {
        color: var(--main-color);
    }

.semaforo.red .semaforo_circle {
    background: var(--main-color);
    color: white;
}

.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover {
    background-color: rgba(var(--main-color-rgb), 0.5);
}

    .datepicker table tr td.today.active,
    .datepicker table tr td.today.disabled,
    .datepicker table tr td.today.disabled.active,
    .datepicker table tr td.today.disabled.disabled,
    .datepicker table tr td.today.disabled:active,
    .datepicker table tr td.today.disabled:hover,
    .datepicker table tr td.today.disabled:hover.active,
    .datepicker table tr td.today.disabled:hover.disabled,
    .datepicker table tr td.today.disabled:hover:active,
    .datepicker table tr td.today.disabled:hover:hover,
    .datepicker table tr td.today.disabled:hover[disabled],
    .datepicker table tr td.today.disabled[disabled],
    .datepicker table tr td.today:active,
    .datepicker table tr td.today:hover,
    .datepicker table tr td.today:hover.active,
    .datepicker table tr td.today:hover.disabled,
    .datepicker table tr td.today:hover:active,
    .datepicker table tr td.today:hover:hover,
    .datepicker table tr td.today:hover[disabled],
    .datepicker table tr td.today[disabled] {
        background-color: rgba(var(--main-color-rgb), 0.9);
    }

.daterangepicker td.in-range {
    background-color: rgba(var(--main-color-rgb), 0.2);
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: rgba(var(--main-color-rgb), 0.8);
}

.range_inputs .btn-success {
    background-color: var(--main-color);
    border-color: var(--dark-color);
}

    .range_inputs .btn-success:hover,
    .range_inputs .btn-success:focus,
    .range_inputs .btn-success:active,
    .range_inputs .btn-success:active:focus {
        background-color: var(--dark-color);
        border-color: var(--darker-color);
    }

.alert-ft {
    background-color: rgba(var(--main-color-rgb), 0.3);
    border-color: rgba(var(--main-color-rgb), 0.3);
}

.dropdown-table-action .dropdown-menu li a:not(.btn):hover .fa,
.dropdown-panel-actions .dropdown-menu li a:not(.btn):hover .fa {
    color: var(--main-color);
}

.nav-tabs li.active {
    border-top-color: var(--main-color);
}

.open > .dropdown-toggle.btn-primary {
  background-color: var(--dark-color);
  border-color: var(--darker-color);
}


/* Begin Welcome page */

.welcome_page .options .card-content-icon {
    color: rgba(var(--main-color-rgb), 0.7); /* Color del tema*/
}

    .welcome_page .options .card-content-icon:hover {
        color: var(--main-color); /* Color del tema*/
    }

.need-help .fa {
    color: rgba(var(--main-color-rgb), 0.7); /* Color del tema*/
}

    .need-help .fa:hover {
        color: var(--main-color); /* Color del tema*/
    }

/* End Welcome page */