#filtros-buscador::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    border-radius: 12px;
    background-color: var(--white);
}

#filtros-buscador::-webkit-scrollbar {
    width: 12px;
    background-color: var(--white);
    padding: 3px;
}

#filtros-buscador::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .0);
    background-color: var(--primary);
    border: 3px solid var(--white);
}

#form-buscar {
    margin-bottom: 5px;
    overflow: auto;
}

#form-buscar::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    border-radius: 12px;
    background-color: var(--white);
}

#form-buscar::-webkit-scrollbar {
    width: 12px;
    background-color: var(--white);
    padding: 3px;
}

#form-buscar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .0);
    background-color: var(--primary);
    border: 3px solid var(--white);
}

body::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    border-radius: 12px;
    background-color: var(--white);
}

body::-webkit-scrollbar {
    width: 12px;
    background-color: var(--white);
    padding: 3px;
}

body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .0);
    background-color: var(--primary);
    border: 3px solid var(--white);
}


/* Color Danger */

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

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

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

.btn-outline-danger {
    color: var(--danger) !important;
    border-color: var(--danger) !important;
}

.btn-outline-danger:hover {
    color: var(--white) !important;
    background-color: var(--danger) !important;
    border-color: var(--danger) !important;
}

.btn-check:checked+.btn-outline-danger,
.btn-check:active+.btn-outline-danger,
.btn-outline-danger:active,
.btn-outline-danger.active,
.btn-outline-danger.dropdown-toggle.show {
    color: var(--white) !important;
    background-color: var(--danger) !important;
    border-color: var(--danger) !important;
}

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

.btn-danger {
    color: var(--white) !important;
    background-color: var(--danger) !important;
    border-color: var(--danger) !important;
}

.btn-danger:hover {
    color: var(--white) !important;
    background-color: var(--danger-dos) !important;
    border-color: var(--danger-dos) !important;
}

.btn-check:checked+.btn-danger,
.btn-check:active+.btn-danger,
.btn-danger:active,
.btn-danger.active,
.show>.btn-danger.dropdown-toggle {
    color: var(--white) !important;
    background-color: var(--danger-dos) !important;
    border-color: var(--danger-dos) !important;
}

.btn-danger:disabled,
.btn-danger.disabled {
    color: var(--white) !important;
    background-color: var(--danger-dos) !important;
    border-color: var(--danger-dos) !important;
}

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

/* Color Warning */

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

.bg-warning {
    background-color: var(--warning) !important;
}

.border-warning {
    border-color: var(--warning) !important;
}

.btn-outline-warning {
    color: var(--warning) !important;
    border-color: var(--warning) !important;
}

.btn-outline-warning:hover {
    color: var(--white) !important;
    background-color: var(--warning) !important;
    border-color: var(--warning) !important;
}

.btn-check:checked+.btn-outline-warning,
.btn-check:active+.btn-outline-warning,
.btn-outline-warning:active,
.btn-outline-warning.active,
.btn-outline-warning.dropdown-toggle.show {
    color: var(--white) !important;
    background-color: var(--warning) !important;
    border-color: var(--warning) !important;
}

.btn-outline-warning:disabled,
.btn-outline-warning.disabled {
    color: var(--warning) !important;
    background-color: transparent;
}

.btn-warning {
    color: var(--white) !important;
    background-color: var(--warning) !important;
    border-color: var(--warning) !important;
}

.btn-warning:hover {
    color: var(--white) !important;
    background-color: var(--warning-dos) !important;
    border-color: var(--warning-dos) !important;
}

.btn-check:checked+.btn-warning,
.btn-check:active+.btn-warning,
.btn-warning:active,
.btn-warning.active,
.show>.btn-warning.dropdown-toggle {
    color: var(--white) !important;
    background-color: var(--warning-dos) !important;
    border-color: var(--warning-dos) !important;
}

.btn-warning:disabled,
.btn-warning.disabled {
    color: var(--white) !important;
    background-color: var(--warning) !important;
    border-color: var(--warning) !important;
}

.border-warning {
    border-color: var(--warning) !important;
}



/* Color Success */

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

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

.border-success {
    border-color: var(--success) !important;
}

.btn-outline-success {
    color: var(--success) !important;
    border-color: var(--success) !important;
}

.btn-outline-success:hover {
    color: var(--white) !important;
    background-color: var(--success) !important;
    border-color: var(--success) !important;
}

.btn-check:checked+.btn-outline-success,
.btn-check:active+.btn-outline-success,
.btn-outline-success:active,
.btn-outline-success.active,
.btn-outline-success.dropdown-toggle.show {
    color: var(--white) !important;
    background-color: var(--success) !important;
    border-color: var(--success) !important;
}

.btn-outline-success:disabled,
.btn-outline-success.disabled {
    color: var(--success) !important;
    background-color: transparent;
}

.btn-success {
    color: var(--white) !important;
    background-color: var(--success) !important;
    border-color: var(--success) !important;
}

.btn-success:hover {
    color: var(--white) !important;
    background-color: var(--success-dos) !important;
    border-color: var(--success-dos) !important;
}

.btn-check:checked+.btn-success,
.btn-check:active+.btn-success,
.btn-success:active,
.btn-success.active,
.show>.btn-success.dropdown-toggle {
    color: var(--white) !important;
    background-color: var(--success-dos) !important;
    border-color: var(--success-dos) !important;
}

.btn-success:disabled,
.btn-success.disabled {
    color: var(--white) !important;
    background-color: var(--success) !important;
    border-color: var(--success) !important;
}

.border-success {
    border-color: var(--success) !important;
}

/* Color White */

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

.bg-white {
    background-color: var(--white) !important;
}

.border-white {
    border-color: var(--white) !important;
}

.btn-outline-white {
    color: var(--white) !important;
    border-color: var(--white) !important;
}

.btn-outline-white:hover {
    color: var(--dark) !important;
    background-color: var(--white) !important;
    border-color: var(--white) !important;
}

.btn-check:checked+.btn-outline-white,
.btn-check:active+.btn-outline-white,
.btn-outline-white:active,
.btn-outline-white.active,
.btn-outline-white.dropdown-toggle.show {
    color: var(--dark) !important;
    background-color: var(--white) !important;
    border-color: var(--white) !important;
}

.btn-outline-white:disabled,
.btn-outline-white.disabled {
    color: var(--white) !important;
    background-color: transparent;
}

.btn-white {
    color: var(--dark) !important;
    background-color: var(--white) !important;
    border-color: var(--white) !important;
}

.btn-white:hover {
    color: var(--dark) !important;
    background-color: var(--white-dos) !important;
    border-color: var(--white-dos) !important;
}

.btn-check:checked+.btn-white,
.btn-check:active+.btn-white,
.btn-white:active,
.btn-white.active,
.show>.btn-white.dropdown-toggle {
    color: var(--dark) !important;
    background-color: var(--white-dos) !important;
    border-color: var(--white-dos) !important;
}

.btn-white:disabled,
.btn-white.disabled {
    color: var(--dark) !important;
    background-color: var(--white) !important;
    border-color: var(--white) !important;
}

.border-white {
    border-color: var(--white) !important;
}

/* Color Black */

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

.bg-black {
    background-color: var(--black) !important;
}

.border-black {
    border-color: var(--black) !important;
}

.btn-outline-black {
    color: var(--black) !important;
    border-color: var(--black) !important;
}

.btn-outline-black:hover {
    color: var(--white) !important;
    background-color: var(--black) !important;
    border-color: var(--black) !important;
}

.btn-check:checked+.btn-outline-black,
.btn-check:active+.btn-outline-black,
.btn-outline-black:active,
.btn-outline-black.active,
.btn-outline-black.dropdown-toggle.show {
    color: var(--white) !important;
    background-color: var(--black) !important;
    border-color: var(--black) !important;
}

.btn-outline-black:disabled,
.btn-outline-black.disabled {
    color: var(--black) !important;
    background-color: transparent;
}

.btn-black {
    color: var(--white) !important;
    background-color: var(--black) !important;
    border-color: var(--black) !important;
}

.btn-black:hover {
    color: var(--black) !important;
    background-color: var(--white) !important;
    border-color: var(--black) !important;
}

.btn-check:checked+.btn-black,
.btn-check:active+.btn-black,
.btn-black:active,
.btn-black.active,
.show>.btn-black.dropdown-toggle {
    color: var(--dark) !important;
    background-color: var(--black-dos) !important;
    border-color: var(--black-dos) !important;
}

.btn-black:disabled,
.btn-black.disabled {
    color: var(--white) !important;
    background-color: var(--black) !important;
    border-color: var(--black) !important;
}

.border-black {
    border-color: var(--black) !important;
}

/* Color Light */

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

.bg-light {
    background-color: var(--light) !important;
}

.border-light {
    border-color: var(--light) !important;
}

.btn-outline-light {
    color: var(--white) !important;
    border-color: var(--light) !important;
}

.btn-outline-light:hover {
    color: var(--dark) !important;
    background-color: var(--light) !important;
    border-color: var(--light) !important;
}

.btn-check:checked+.btn-outline-light,
.btn-check:active+.btn-outline-whlightite,
.btn-outline-light:active,
.btn-outline-light.active,
.btn-outline-light.dropdown-toggle.show {
    color: var(--dark) !important;
    background-color: var(--light) !important;
    border-color: var(--light) !important;
}

.btn-outline-light:disabled,
.btn-outline-light.disabled {
    color: var(--light) !important;
    background-color: transparent;
}

.btn-light {
    color: var(--dark) !important;
    background-color: var(--light) !important;
    border-color: var(--light) !important;
}

.btn-light:hover {
    color: var(--dark) !important;
    background-color: var(--light-dos) !important;
    border-color: var(--light-dos) !important;
}

.btn-check:checked+.btn-light,
.btn-check:active+.btn-light,
.btn-light:active,
.btn-light.active,
.show>.btn-light.dropdown-toggle {
    color: var(--dark) !important;
    background-color: var(--light-dos) !important;
    border-color: var(--light-dos) !important;
}

.btn-light:disabled,
.btn-light.disabled {
    color: var(--dark) !important;
    background-color: var(--light) !important;
    border-color: var(--light) !important;
}

.border-light {
    border-color: var(--light) !important;
}

/* Color Dark */

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

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

.border-dark {
    border-color: var(--dark) !important;
}

.btn-outline-dark {
    color: var(--dark) !important;
    border-color: var(--dark) !important;
}

.btn-outline-dark:hover {
    color: var(--white) !important;
    background-color: var(--dark) !important;
    border-color: var(--dark) !important;
}

.btn-check:checked+.btn-outline-dark,
.btn-check:active+.btn-outline-dark,
.btn-outline-dark:active,
.btn-outline-dark.active,
.btn-outline-dark.dropdown-toggle.show {
    color: var(--white) !important;
    background-color: var(--dark) !important;
    border-color: var(--dark) !important;
}

.btn-outline-dark:disabled,
.btn-outline-dark.disabled {
    color: var(--dark) !important;
    background-color: transparent;
}

.btn-dark {
    color: var(--white) !important;
    background-color: var(--dark) !important;
    border-color: var(--dark) !important;
}

.btn-dark:hover {
    color: var(--white) !important;
    background-color: var(--dark-dos) !important;
    border-color: var(--dark-dos) !important;
}

.btn-check:checked+.btn-dark,
.btn-check:active+.btn-dark,
.btn-dark:active,
.btn-dark.active,
.show>.btn-dark.dropdown-toggle {
    color: var(--white) !important;
    background-color: var(--dark-dos) !important;
    border-color: var(--dark-dos) !important;
}

.btn-dark:disabled,
.btn-dark.disabled {
    color: var(--white) !important;
    background-color: var(--dark) !important;
    border-color: var(--dark) !important;
}

.border-dark {
    border-color: var(--dark) !important;
}

/* Color Primary */

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

.hover:hover {
    color: var(--primary) !important;
}

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

.border-primary {
    border-color: var(--primary) !important;
}

.border-primary-tres {
    border: 3px solid var(--primary) !important;
}

.btn-outline-primary {
    color: var(--primary);
    border-color: var(--primary);
}

.btn-outline-primary:hover {
    color: var(--white) !important;
    background-color: var(--primary-dos) !important;
    border-color: var(--primary-dos) !important;
}

.btn-check:checked+.btn-outline-primary,
.btn-check:active+.btn-outline-primary,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show {
    color: var(--white) !important;
    background-color: var(--primary);
    border-color: var(--primary);
}

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

.btn-primary {
    color: var(--white) !important;
    background-color: var(--primary);
    border-color: var(--primary);
}

.btn-primary:hover {
    color: var(--white) !important;
    background-color: var(--primary-dos);
    border-color: var(--primary-dos);
}

/* Color Secondary */

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

.bg-secondary {
    background-color: var(--secondary) !important;
}

.border-secondary {
    border-color: var(--secondary) !important;
}

.btn-outline-secondary {
    color: var(--secondary) !important;
    border-color: var(--secondary) !important;
}

.btn-outline-secondary:hover {
    color: var(--white) !important;
    background-color: var(--secondary) !important;
    border-color: var(--secondary) !important;
}

.btn-check:checked+.btn-outline-secondary,
.btn-check:active+.btn-outline-secondary,
.btn-outline-secondary:active,
.btn-outline-secondary.active,
.btn-outline-secondary.dropdown-toggle.show {
    color: var(--white) !important;
    background-color: var(--secondary) !important;
    border-color: var(--secondary) !important;
}

.btn-outline-secondary:disabled,
.btn-outline-secondary.disabled {
    color: var(--secondary) !important;
    background-color: transparent;
}

.btn-secondary {
    color: var(--white) !important;
    background-color: var(--secondary) !important;
    border-color: var(--secondary) !important;
}

.btn-secondary:hover {
    color: var(--white) !important;
    background-color: var(--secondary-dos) !important;
    border-color: var(--secondary-dos) !important;
}

.btn-check:checked+.btn-secondary,
.btn-check:active+.btn-secondary,
.btn-secondary:active,
.btn-secondary.active,
.show>.btn-secondary.dropdown-toggle {
    color: var(--white) !important;
    background-color: var(--secondary-dos) !important;
    border-color: var(--secondary-dos) !important;
}

.btn-secondary:disabled,
.btn-secondary.disabled {
    color: var(--white) !important;
    background-color: var(--secondary) !important;
    border-color: var(--secondary) !important;
}

.border-secondary {
    border-color: var(--secondary) !important;
}