/* * DESIGN & DEVELOPMENT BY: Antonio Salazar
 * Email: siemprenegoceando@gmail.com
 * -------------------------------------------------------
 */

.nav-estadisticas .nav-estadisticas-item button.active {
    background-color: transparent;
    color: var(--color-bg-dark) !important;
    overflow: hidden;
}

.nav-estadisticas .nav-estadisticas-item button.active::after {
    content: "";
    border-right: 4px solid var(--color-bg-dark);
    height: 100vh !important;
    position: absolute;
    right: -1px !important;
    top: 0;
}

.tab-content-estadisticas {
    color: var(--color-text-dark) !important;
    height: 100% !important;
    padding: 5px !important;
    line-height: 1;
    overflow-y: auto;
    width: 90%;
    display: grid;
    justify-content: center;
    align-items: center;
}

.nav-linkk {
    color: var(--color-text-dark) !important;
    height: 70px;
}

.group-estadisticas {
    height: 100vh;
}

.list-group-item {
    /* Establece el color de fondo como transparente */
    background-color: transparent;
    /* (Opcional) Si estás usando Bootstrap, 
          podrías necesitar '!important' para anular sus estilos predeterminados, 
          especialmente si estás usando una clase de utilidad como 'bg-white'. */
    /* background-color: transparent !important; */

    /* (Opcional) Asegura que los bordes también se eliminen si los tenías */
    border: none;
}

@media (min-width: 320px) and (max-width: 480px) {
    .tab-content-estadisticas {
        color: var(--color-text-dark);
        height: 100%;
        padding: 1px;
        line-height: 0.1;
        overflow-y: auto;
        width: 100%;
        display: grid;
        justify-content: center;
        align-items: center;
    }

    .nav-linkk {
        color: var(--color-text-dark) !important;
        height: 30px;
    }

    .group-estadisticas {
        height: 300px;
    }
}

@media (min-width: 481px) and (max-width: 768px) {
    .tab-content-estadisticas {
        color: var(--color-text-dark);
        height: 100%;
        padding: 1px;
        line-height: 0.1;
        overflow-y: auto;
        width: 100%;
        display: grid;
        justify-content: center;
        align-items: center;
    }

    .nav-linkk {
        color: var(--color-text-dark) !important;
        height: 30px;
    }

    .group-estadisticas {
        height: 300px;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {}

@media (min-width: 1025px) and (max-width: 1200px) {}

@media (min-width: 1201px) and (max-width: 1399px) {}

@media (min-width: 1400px) and (max-width: 2400px) {}