.login-page {
    background: linear-gradient(135deg, #1C2A3E, #70BB90, #BFC0C2) !important;
    background-size: cover !important;
}

.login-box {
    box-shadow: 0 4px 15px rgba(0,0,0,.4) !important;
}

.bg-secondary{
    background-color: #1C2A3E !important;
    color: #dee2e6 !important;
}

.btn-primary {
    background-color: #70BB90 !important;
    border: none !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #70BB90 !important;
    border: none !important;
}

.btn-success {
    background-color: #70BB90 !important;
    border: none !important;
}

.btn-success:hover,
.btn-success:focus {
    background-color: #70BB90 !important;
    border: none !important;
}

.header-custom {
    background-color: #1C2A3E !important;
    color: #dee2e6!important;
    
}

/* Fondo general del sidebar */
.main-sidebar {
    background:  #1C2A3E!important;
    color: #fff!important;
}


.nav-header {
    color: #FFF!important;
}


.nav-sidebar > .nav-item > .nav-link {
    color: #e4e4e4;
    transition: background 0.2s ease-in-out;
}


.nav-sidebar .nav-link i {

    color: #70BB90!important
    ;
}

.nav-sidebar .nav-link.active i {
    color: #fff!important;
}

.nav-sidebar > .nav-item > .nav-link {
    color: #e4e4e4!important;
    transition: background 0.2s ease-in-out;
}

.nav-sidebar > .nav-item > .nav-link:hover {
    background-color: #a39993a6!important;
    color: #fff!important;
}

.nav-sidebar .nav-link.active {
    background-color: #939ba3a6 !important;
    color: #fff!important;
}

.nav-sidebar .nav-treeview {
    background-color: #232f41 !important;
    
}

.nav-sidebar .nav-treeview .nav-link {
    color: #bfc0c2 !important;
    
    transition: background 0.2s, color 0.2s;
}

.nav-sidebar .nav-treeview .nav-link:hover {
    background-color: #70bb9033 !important;
    color: #fff !important;
}

.nav-sidebar .nav-treeview .nav-link.active {
    background-color: #70BB90 !important;
    color: #fff !important;
}

.nav-sidebar .nav-treeview .nav-link i {
    color: #70BB90 !important;
}

/* DataTables pagination button active state */
.dataTables_wrapper .dataTables_paginate .paginate_button.page-item.active a,
.dataTables_wrapper .dataTables_paginate .paginate_button.page-item.active {
    background-color: #70BB90 !important;
    color: #fff !important;
    border: none !important;
    box-shadow: none !important;
}

/* DataTables pagination button hover/focus */
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:focus {
    background-color: #70bb9033 !important;
    color: #fff !important;
    border: none !important;
    box-shadow: none !important;
}

.badge-primary {
    background-color: #8fd1b0 !important;
    color: #1C2A3E !important;
}

.badge-primary:hover,
.badge-primary:focus {
    background-color: #70BB90 !important;
    color: #fff !important;
}

.badge-danger {
    background-color: #e57373 !important;
    color: #fff !important;
}

.badge-danger:hover,
.badge-danger:focus {
    background-color: #ef9a9a !important;
    color: #fff !important;
}

.badge-warning {
    background-color: #ffe082 !important;
    color: #1C2A3E !important;
}

.badge-warning:hover,
.badge-warning:focus {
    background-color: #ffd54f !important;
    color: #1C2A3E !important;
}

.btn-warning {
    background-color: #ffe082 !important;
    border: none !important;
    color: #1C2A3E !important;
}

.btn-warning:hover,
.btn-warning:focus {
    background-color: #ffd54f !important;
    border: none !important;
    color: #1C2A3E !important;
}

.btn-danger {
    background-color: #e57373 !important;
    border: none !important;
    color: #fff !important;
}

.btn-danger:hover,
.btn-danger:focus {
    background-color: #ef9a9a !important;
    border: none !important;
    color: #fff !important;
}

.badge-success {
    background-color: #70BB90 !important;
    color: #1C2A3E !important;
}

.badge-success:hover,
.badge-success:focus {
    background-color: #8fd1b0 !important;
    color: #1C2A3E !important;
}

.form-check-input {
    background-color: #1C2A3E !important;
    border: 1px solid #70BB90 !important;
}

.form-check-input:checked {
    background-color: #70BB90 !important;
    border: 1px solid #70BB90 !important;
}