/* ========================================
   ESTILOS BASE PARA GRILLAS QUICKPASS
   ======================================== */

/* Contenedor base para grillas */
.grilla-moderna {
    border-radius: 8px !important;
    overflow: unset;
    padding: 0 !important;
    background: unset;
}

.grilla-moderna > div.e-grid,
.grilla-moderna > grid.e-grid{
    padding: 0 !important;
    box-shadow: 0 7px 14px 0 rgba(65, 69, 88, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07);
}

.grilla-moderna .e-grid .e-gridheader {
    padding: 0 !important;
}

.grilla-moderna .e-grid .e-groupdroparea {
    font-weight: 400;
    transition: background .15s ease;
}

.grilla-moderna .e-grid .e-groupdroparea.e-grouped {
    background: #d1d6df !important;
    color: #333;
}

.grilla-moderna .e-grid .e-groupdroparea.e-hover {
    background: #d1d6df !important;
    color: #333;
    font-weight: bold !important;
}

.grilla-moderna .e-grid .e-gridheader tr:first-child th {
    border-top: 0 none;
    height: 60px;
    color: #3E384C;
    background: #F3F7FA !important;
    font-weight: 400;
    font-size: 12px;
    border-width: 0px !important;
}

.grilla-moderna > .e-grid > .e-gridcontent > .e-content > .e-table > tbody > tr:first-child > td {
    border-width: 0px !important;
}

.grilla-moderna td.e-rowcell.e-templatecell {
    line-height: normal !important;
}

.grilla-moderna .e-rhandler.e-rcursor {
    border: none !important;
}

.grilla-moderna .e-rightfreeze.e-freezerightborder {
    border-left-color: transparent !important;
}

div.grilla-moderna .e-grid th.e-headercell:hover,
div.grilla-moderna .e-grid th.e-headercell:focus {
    background: #d1d6df !important;
}

div.grilla-moderna .e-grid th.e-headercell:focus:not(:hover) {
    background: #F3F7FA !important;
}

.grilla-moderna .e-grid .e-filtermenudiv {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .15s ease;
}

.grilla-moderna .e-grid th.e-headercell:hover .e-filtermenudiv,
.grilla-moderna .e-grid th.e-headercell .e-filtermenudiv.e-filtered {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.grilla-moderna .e-grid th.e-headercell .e-headercelldiv {
    padding-right: 0px;
    text-align: center;
}

.grilla-moderna .e-grid .e-filtered::before {
    color: #000 !important;
}

.grilla-moderna .e-grid .e-headercelldiv {
    font-size: 14px;
}

.grilla-moderna td.e-rowcell,
.grilla-moderna .e-parentmsgbar {
    color: #514D59 !important;
}