/* Colores Barra y spinner de carga */
.ngx-progress-bar{
    color: #ffd400 !important;
}

.ngx-foreground-spinner{
    color: #ffd400 !important;
}

/* Header sticky en pocisión superior */
header-component{
    top: 0;
    position: sticky;
    z-index: 999;
}

/* Scroll unicamente en el contenido */
div.tab-pane {
    height: 520px;
}

/* Color y acciones para boton primario en contenidos */
.btn-primary {
    font-weight: 500 !important;
    color: #3e3e3e !important;
    width: max-content !important;
    border-color: #dfb315 !important;
    background-color: #ffd400 !important;
}

.btn-primary:hover {
    border-color: #dfb315 !important;
    background-color: #ffe000 !important;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #ffffff !important;
    border-color: #dfb315 !important;
    background-color: #ffc800 !important;
}

.btn-primary.focus, .btn-primary:focus {
    border-color: #dfb315 importat !important;
    background-color: #ffd400 !important;
    box-shadow: 0 0 0 0.2rem rgb(255 228 38 / 25%) !important;
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgb(255 228 38 / 25%) !important;
}

/* .form-control[type=text]{
    width: -webkit-fill-available !important;
    position: absolute;
} */

/* Bordes y colores en los input y formularios */
.table>:not(caption)>*>* {
    background-color: #f7f7f7 !important;
    color: var(--bs-body-color) !important;
    font-size: 1rem !important;
}

.form-control:focus {
    border-color: #dfb315 !important;
    background-color: #ffd50017 !important;
    box-shadow: 0 0 0 0.2rem rgb(255 228 38 / 25%) !important;
}

input[type=date].form-control{
    border-radius: 0 0.25rem 0.25rem 0 !important;
}

.input-group-text{
    border-radius: 0.25rem 0 0 0.25rem !important;
}

/* Color y acciones para los botones de selección (dropdown) y paginadores */
.page-link {
    color: #ffbc00 !important;
}

.page-link:hover {
    color: #ffbc00 !important;
    background-color: #fffcd9 !important;
}

.page-item.active .page-link {
    font-weight: 500;
    color: #3e3e3e !important;
    border-color: #dfb315 !important;   
    background-color: #ffc800 !important;
}

.page-item.disabled .page-link {
    color: #3e3e3e !important;
}

.form-select:focus {
    border-color: #dfb315 !important;
    background-color: #ffd50017 !important;
    box-shadow: 0 0 0 0.2rem rgb(255 228 38 / 25%) !important;
}

.input-group:not(.has-validation)>.form-select:not(:last-child){
    border-radius: 0 0.25rem 0.25rem 0 !important;
}