/*FONDOS*/
.bg-secondary {
    background-color: #ffb610 !important;
}

/*BOTONES*/
.btn-info, .btn-info:active {
    background: #ffb610;
    border: 1px solid #ffb610;
}

.btn-info:hover, .btn-info:focus {
    background: #CCCCCC;
    border: 1px solid #CCCCCC;
}

.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle {
    color: #000000;
    background-color: #ffb610;
    border-color: #ffb610;
}

.btn-info.active, .btn-info:focus, .btn-info:hover, .btn-info.disabled:hover {
    color: #ffb610;
    box-shadow: 0 14px 26px -12px rgba(1, 3, 7, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(75,75,75, 0.2);
}

.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle {
    color: #CCCCCC;
}

.btn-primary, .btn-primary:active {
    background: #ffb610;
    color: #FFFFFF;
    border: 1px solid #ffb610;
    box-shadow: 0 14px 26px -12px rgba(1, 3, 7, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(75,75,75, 0.2);
}

.btn-primary:hover, .btn-primary:focus {
    background: #CCCCCC;
    color: #000000;
    box-shadow: 0 14px 26px -12px rgba(1, 3, 7, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(75,75,75, 0.2);
    border: 1px solid #CCCCCC;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    background: #ffb610;
    color: #FFFFFF;
    border: 1px solid #ffb610;
}

.btn-outline-primary, .btn-outline-primary:active {
    color: #ffb610;
    border-color: #ffb610;
    box-shadow: 0 14px 26px -12px rgba(1, 3, 7, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(75,75,75, 0.2);
}

.btn-outline-primary:hover, .btn-outline-primary:focus {
    color: #000000;
    background-color: #CCCCCC;
    border-color: #CCCCCC;
    box-shadow: 0 14px 26px -12px rgba(1, 3, 7, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(75,75,75, 0.2);
}

.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle {
    color: #000000;
    background-color: #CCCCCC;
    border-color: #CCCCCC;
}

/*DATATABLES BTN*/
.page-item.active .page-link {
    background-color: #ffb610 !important;
    border-color: #ffb610 !important;
    color: #FFFFFF;
}
.page-item.active .page-link {
    background-color: #ffb610 !important;
    border-color: #ffb610 !important;
    color: #FFFFFF;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background-color: #ffb610 !important;
    border-color: #ffb610 !important;
    color: #FFFFFF;
}

.page-item.active:focus .page-link:focus, .page-item.active:hover .page-link:hover {
    background-color: #CCCCCC !important;
    border-color: #CCCCCC !important;
    color: #000000;
}

.dt-buttons .dt-button, .dt-buttons .dt-button:active {
    background: #ffb610;
    color: #ffffff;
    border-color: #ffb610;
}

.dt-buttons .dt-button:hover, .dt-buttons .dt-button:focus {
    background: #CCCCCC;
    color: #000000;
    border-color: #CCCCCC;
    box-shadow: 0 14px 26px -12px rgba(1, 3, 7, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(75,75,75, 0.2);
}

.dataTables_filter input:focus {
    background-image: linear-gradient(#ffb610, #ffb610), linear-gradient(#CCCCCC, #CCCCCC);
}

/*NAVS*/
.sidebar-nav > ul > li.active > a, .sidebar-nav > ul > li.active:hover > a {
    color: #FFFFFF !important;
    background: #ffb610 !important;
}
.sidebar-nav > ul > li.active > a i, .sidebar-nav > ul > li.active:hover > a i {
    color: #FFFFFF !important;
}

.mini-sidebar .sidebar-nav #sidebarnav > li:hover > a {
    background: #ffb610;
    color: #ffffff;
    border-color: #ffb610;
}

/*VINCULOS*/
a, a:active {
    color: #000000;
}
a:hover, a:focus {
    color: #CCCCCC;
}

a.text-primary, a.text-primary:active {
    color: #000000 !important;
}

a.text-primary:focus, a.text-primary:hover {
    color: #CCCCCC !important;
}

a.text-info:focus, a.text-info:hover {
    color: #0f6674 !important;
}

.topbar ul.dropdown-user li a:hover {
    background: #CCCCCC;
    color: #ffb610;
}

/*TEXTOS*/
.text-info {
    color: #0e1c27 !important;
}

.text-secondary {
    color: #ffb610 !important;
}

/*INPUT*/
.form-material .form-control, .form-material .form-control.focus, .form-material .form-control:focus {
    background-image: linear-gradient(#ffb610, #ffb610), linear-gradient(#CCCCCC, #CCCCCC);
}

.form-control:focus {
    border-color: #FFFFFF;
    box-shadow: 0 0 0 .2rem rgba(75,75,75,.25);
}

/*CHECKBOX*/
[type="checkbox"]:checked + label::before {
    border-right: 2px solid #ffb610 !important;
    border-bottom: 2px solid #ffb610 !important;
}