/* ==========================================
   RESPONSIVE SEGURO
========================================== */

*{
    box-sizing:border-box;
}

html,
body{
    max-width:100%;
    overflow-x:hidden;
}

img,
video{
    max-width:100%;
    height:auto;
}

/* Tablas */
.table-responsive,
.tabla-responsive{
    width:100%;
    overflow-x:auto;
}

table{
    width:100%;
}

/* Tablet */
@media(max-width:900px){

    .sidebar{
        width:100% !important;
        height:auto !important;
        position:relative !important;
    }

    .main,
    .content,
    .dashboard,
    .container{
        width:100% !important;
        margin-left:0 !important;
    }

    .cards,
    .stats,
    .kpis,
    .grid{
        grid-template-columns:1fr 1fr !important;
    }

}

/* Celular */
@media(max-width:600px){

    .cards,
    .stats,
    .kpis,
    .grid{
        grid-template-columns:1fr !important;
    }

    .acciones,
    .botones,
    .btn-group{
        flex-wrap:wrap !important;
    }

    table{
        min-width:650px;
    }

}