:root {
    --color-primary: #3c9d85;
    --color-secondary: #52af96;
    --color-danger: #ff806f;
    --color-danger-secondary: #ffaba0;
    --color-dark: #65727a;
    --color-alert-success: #d6f1e7;
}

::selection {
    background-color: var(--color-secondary);
    color: #ffffff;
}

.login-page {
    -ms-flex-align: center;
    align-items: center;
    background-color: #e9ecef;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100vh;
    -ms-flex-pack: center;
    justify-content: center;
    background-image: url('../../assets/image/bg-login-4.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.mt-15 {
    margin-top: 15px !important;
}

.card-info.card-outline {
    border-top: 3px solid var(--color-primary);
}

.mt-25 {
    margin-top: 25px !important;
}

.mb-25 {
    margin-bottom: 25px !important;
}

.sidebar-dark-teal .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-teal .nav-sidebar > .nav-item > .nav-link.active {
    background-color: var(--color-primary);
    color: #fff;
}

.text-eva, 
.title-module,
.card-title {
    color: var(--color-primary) !important;
}

.btn-eva {
    color: #fff;
    background-color: var(--color-primary);
    border-color: var(--color-secondary);
}

.btn-eva:hover {
    color: #fff;
    background-color: var(--color-secondary);
    border-color: #2b7665;
}

.btn-eva:focus,
.btn-eva.focus {
    box-shadow: 0 0 0 .2rem rgba(91, 194, 194, 0.5);
}

.btn-eva.disabled,
.btn-eva:disabled {
    color: #fff;
    background-color: var(--color-primary);
    border-color: #265f53;
}

.btn-eva:not(:disabled):not(.disabled):active,
.btn-eva:not(:disabled):not(.disabled).active,
.show>.btn-eva.dropdown-toggle {
    color: #fff;
    background-color: var(--color-secondary);
    border-color: var(--color-primary);
}

.btn-eva:not(:disabled):not(.disabled):active:focus,
.btn-eva:not(:disabled):not(.disabled).active:focus,
.show>.btn-eva.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(91, 194, 194, 0.5);
}

.btn-outline-eva {
    color: var(--color-primary);
    background-color: transparent;
    background-image: none;
    border-color: var(--color-primary);
}

.btn-outline-eva:hover {
    color: #fff;
    background-color: var(--color-primary);
    border-color: var(--color-secondary);
}

.btn-outline-eva:focus,
.btn-outline-eva.focus {
    box-shadow: 0 0 0 .2rem rgba(119, 204, 204, 0.5);
}

.btn-outline-eva.disabled,
.btn-outline-eva:disabled {
    color: var(--color-primary);
    background-color: transparent;
}

.btn-outline-eva:not(:disabled):not(.disabled):active,
.btn-outline-eva:not(:disabled):not(.disabled).active,
.show>.btn-outline-eva.dropdown-toggle {
    color: #fff;
    background-color: #2b7665;
    border-color: var(--color-primary);
}

.btn-outline-eva:not(:disabled):not(.disabled):active:focus,
.btn-outline-eva:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-eva.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(119, 204, 204, 0.5);
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .pagination .page-item.active .page-link {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary);
}

.pagination > li > a, .pagination > li > span, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    color: var(--color-secondary);
}

.text-small {
    font-size: 0.875rem;
}

[class*="sidebar-dark-"] {
    background-color: #424b50;
}

.layout-navbar-fixed .wrapper .sidebar-dark-teal .brand-link:not([class*="navbar"]) {
    background-color: #ffffff;
}

a {
    color: var(--color-primary);
    text-decoration: none;
    background-color: transparent;
}

a:hover {
    color: var(--color-secondary);
    text-decoration: none;
    background-color: transparent;
}

.btn-eva-danger {
    color: #fff;
    background-color: var(--color-danger);
    border-color: var(--color-danger-secondary);
}

.btn-eva-danger:hover {
    color: #fff;
    background-color: var(--color-danger-secondary);
    border-color: #f8513b;
}

.btn-eva-danger:focus,
.btn-eva-danger.focus {
    box-shadow: 0 0 0 .2rem rgba(230, 102, 97, 0.651);
}

.btn-eva-danger.disabled,
.btn-eva-danger:disabled {
    color: #fff;
    background-color: var(--color-danger-secondary);
    border-color: var(--color-danger);
}

.btn-eva-danger:not(:disabled):not(.disabled):active,
.btn-eva-danger:not(:disabled):not(.disabled).active,
.show>.btn-eva-danger.dropdown-toggle {
    color: #fff;
    background-color: var(--color-danger-secondary);
    border-color: var(--color-danger);
}

.btn-eva-danger:not(:disabled):not(.disabled):active:focus,
.btn-eva-danger:not(:disabled):not(.disabled).active:focus,
.show>.btn-eva-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rrgba(230, 102, 97, 0.651);
}

.btn-outline-eva-danger {
    color: var(--color-danger);
    background-color: transparent;
    background-image: none;
    border-color: var(--color-danger);
}

.btn-outline-eva-danger:hover {
    color: #fff;
    background-color: var(--color-danger);
    border-color: var(--color-danger-secondary);
}

.btn-outline-eva-danger:focus,
.btn-outline-eva-danger.focus {
    box-shadow: 0 0 0 .2rem rgba(230, 102, 97, 0.651);
}

.btn-outline-eva-danger.disabled,
.btn-outline-eva-danger:disabled {
    color: var(--color-danger);
    background-color: transparent;
}

.btn-outline-eva-danger:not(:disabled):not(.disabled):active,
.btn-outline-eva-danger:not(:disabled):not(.disabled).active,
.show>.btn-outline-eva-danger.dropdown-toggle {
    color: #fff;
    background-color: #f8513b;
    border-color: var(--color-danger);
}

.btn-outline-eva-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-eva-danger:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-eva-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(230, 102, 97, 0.651);
}

.text-eva-danger {
    color: var(--color-danger) !important;
}

.form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: var(--color-danger);
}

.toast-error {
    background-color: var(--color-danger) !important;
}

.toast-success {
    background-color: var(--color-primary) !important;
}

.badge-success {
    color: #fff;
    background-color: var(--color-primary);
}

.badge-danger {
    color: #fff;
    background-color: var(--color-danger);
}

.content-header .breadcrumb {
    background-color: #ffffff;
    line-height: 1.8rem;
    margin-bottom: 0;
    padding: 0.2rem 0.5rem;
    font-size: 13px;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: var(--color-dark);
}

.nav-pills .nav-link:not(.active):hover {
    color: var(--color-dark);
}

.file-input-container {
    position: relative;
    display: inline-block;
}

.file-input {
    /* Oculta el input original */
    display: none;
}

.file-input-label {
    font-size: .75rem;
    background-color: #f8f9fa;
    border: 1px solid #ddd;
    color: #444;
    padding: .125rem .25rem;
    border-radius: .15rem;
    cursor: pointer;
    display: inline-block;
    position: relative;
}

.file-input-label:hover {
    background-color: #e9ecef;
    color: #2b2b2b;
}

.bg-eva {
    background-color: var(--color-primary) !important;
    color: #ffffff;
}

.bg-eva-dark {
    background-color: var(--color-dark) !important;
    color: #ffffff;
}

.badge-eva {
    color: #ffffff;
    background-color: var(--color-primary);
}

.custom-control-input-eva:checked ~ .custom-control-label::before {
    border-color: var(--color-primary);
    background-color: var(--color-primary);
}

.bg-eva-danger {
    background-color: #fcf1ef !important;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #ffffff;
    background-color: var(--color-dark);
    border-color: #dee2e6 #dee2e6 #fff;
}

.nav-tabs .nav-link {
    color: #6c757d;
}

label:not(.form-check-label):not(.custom-file-label) {
    font-weight: 150;
}

.text-danger {
    color: var(--color-danger) !important;
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    background-color: var(--color-primary) !important;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.bootstrap-datetimepicker-widget table td span.selected {
    background-color: var(--color-primary) !important; /* gris oscuro */
    color: #fff !important;
}

td.active:hover {
    background: var(--color-secondary);
    color: #fff;
}

.bootstrap-datetimepicker-widget table td span.active{
    background-color: var(--color-primary);
    color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)
}

.bootstrap-datetimepicker-widget table td span:hover {
    background: #d6f1e7;
}

.custom-switch.custom-switch-on-success .custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--color-primary);
    border-color: var(--color-secondary);
}

.custom-switch.custom-switch-on-success .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #ffffff;
}

.custom-switch.custom-switch-off-danger .custom-control-input ~ .custom-control-label::before {
    background-color: var(--color-danger);
    border-color: var(--color-danger-secondary);
}

.custom-switch.custom-switch-off-danger .custom-control-input ~ .custom-control-label::after {
    background-color: #ffffff;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: var(--color-primary);
    border-color: transparent;
    color: #fff;
}

.daterangepicker td.in-range {
    background-color: #d6f1e7;
    border-color: transparent;
    color: #000;
    border-radius: 0;
}

.select2-container--bootstrap4 .select2-results__option--highlighted, 
.select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected="true"] {
    color: #fff;
    background-color: var(--color-primary);
}

.alert-success-eva {
    background-color: var(--color-alert-success);
    color: #224d44;
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: var(--color-primary);
}

.card-success.card-outline {
    border-top: 3px solid var(--color-primary);
}

.direct-chat-success .right > .direct-chat-text::after, .direct-chat-success .right > .direct-chat-text::before {
    border-left-color: var(--color-primary);
}

.direct-chat-success .right > .direct-chat-text {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: #fff;
}

.custom-control-input-success:checked ~ .custom-control-label::before {
    border-color: var(--color-primary);
    background-color: var(--color-primary);
}

.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
    background-color: var(--color-primary);
    color: #fff;
}

.titanic {
    display: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--color-primary);
    border-color: var(--color-secondary);
    color: #fff;
    padding: 0 10px;
    margin-top: .31rem;
}