/* ============================= */
/* CONTENEDOR TABLA */
/* ============================= */
.tabulator {
    border-radius: 10px;
    overflow: hidden;
    /* border: 1px solid #f5cfc7;
    background-color: #FEEBE7; */
    font-size: 14px;
}

/* ============================= */
/* FILAS (ZEBRA) */
/* ============================= */
.tabulator .tabulator-row:nth-child(even) {
    background-color: #FAFAFA;
}

.tabulator .tabulator-row:nth-child(odd) {
    background-color: #fff;
}


/* ============================= */
/* HOVER */
/* ============================= */
.tabulator .tabulator-row:hover {
    background-color: #FAFAFA;
    filter: brightness(0.97);
    transition: 0.2s;
}


/* ============================= */
/* FILA SELECCIONADA */
/* ============================= */
.tabulator-row.tabulator-selected {
    background-color: #ffd6e7 !important;
}



.tabulator .tabulator-page {
    border-radius: 6px;
    padding: 4px 8px;
    color: #A88ECC;
}

.tabulator .tabulator-page.active {
    background-color: #A88ECC;
    color: #fff;
}



/* ============================= */
/* BADGES */
/* ============================= */
.badge {
    font-size: 11px;
    padding: 3px 6px;
    border-radius: 6px;
}

/* personalizados */
.bg-pink {
    background-color: #A88ECC;
    color: #fff;
}

.bg-soft {
    background-color: #FAFAFA;
    color: #A88ECC;
}

/* ============================= */
/* PAGINACIÓN */
/* ============================= */
.tabulator .tabulator-footer {
    background-color: #FAFAFA;
    border-top: 1px solid #E4DCF2;
}

.tabulator .tabulator-page {
    border-radius: 6px;
    padding: 4px 8px;
    color: #A88ECC;
}

.tabulator .tabulator-page.active {
    background-color: #A88ECC !important;
    border: none;
    color: #fff;
}


/* ============================= */
/*  CONFIG TOAST SWAL.FIRE       */
/* ============================= */
.toast-with-bar .swal2-popup {
    position: relative;
    padding-left: 20px; /* espacio para la barra */    
}

.toast-with-bar::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 12px;
    height: 100%;
    background-color: #28a745; 
    border-radius: 5px 0 0 5px;
}
.toast-with-bar .swal2-timer-progress-bar {
    background: #28a745 !important;
}

.btn-limpiar-filtro{
    cursor: pointer;
    padding: 5px;
    font-size: 14px;
    border: #FAFAFA;
    background-color: #FAFAFA;
}
.form-controls {
    border-radius: 5px;
    border: 1px solid #e0e0e0;
    padding: 5px;
    font-size: 14px;
}
.form-controls:focus {
    border-color: #B8A0DE; /* verde tipo Bootstrap */
    outline: none; /* elimina el borde azul por defecto */
}


/* #filter-field, #filter-value {
    border-radius: 6px;
}

#filter-clear {
    border-radius: 6px;
} */

@media (max-width: 768px) {
    .custom-footer-info {
        display: none !important;
    } 

}