/*---------------------------------------------------------------------- PERFIL Box */
.perfilBox {
    width:100%;
    height:36px;
    display: grid;
	grid-template-columns:  1fr  350px        1fr;
    grid-template-areas: "  .    perfilFondo  .";
}
.perfilFondo {
    grid-area: perfilFondo;
    display: grid;
    width:100%;
    height:100%;
    grid-template-columns:  auto;
    grid-template-areas: "  perfilFila";
}
.perfilFondoGris {
    grid-area: perfilFondo;
    display: grid;
    width:100%;
    height:100%;
    grid-template-columns:  auto;
    grid-template-areas: "  perfilFila";
    background:#E7E7E7;
}
.perfilFila { 
    grid-area: perfilFila;
    display: grid;
    font-size: 18px;
    color: #111;
    place-items: center start;
    padding-left:18px;
    text-decoration: none;
}
a, a:hover, a:active, a:focus {
    color: #111;
    text-decoration: none;
    font-size: 18px;
}
@media (max-width: 400px) {
    .perfilFondoGris {
        background:#F4F4F4;
    }
}
/*---------------------------------------------------------------------- PERFIL Box */
table {
    width: 100%;
    border-collapse: collapse;
}
th, td {
    border: 1px solid #DDD;
    text-align: center;
    padding:7px;
}
input[type="checkbox"] {
    transform: scale(1.4); /* Aumenta el tamaño en un 150% */
    -webkit-transform: scale(1.4); /* Compatibilidad con navegadores antiguos */
    width: 17px;  /* Ancho del checkbox */https://www.w3schools.com/html/html_table_colspan_rowspan.asp
    height: 17px; /* Alto del checkbox */
}
input[type="checkbox"]:checked {
    transform: scale(1.4); /* Mantiene el tamaño al estar marcado */
}
input[type="checkbox"]:focus {
    outline: none;
}
.accOpcion {
    font-size:20px;
}
/*---------------------------------------------------------------------- PERMISOS Box */
.permisoBox {
    width:100%;
    height:36px;
    display: grid;
	grid-template-columns:  1fr  500px        1fr;
    grid-template-areas: "  .    permisoFondo  .";
}
.permisoFondo {
    grid-area: permisoFondo;
    display: grid;
    width:100%;
    height:100%;
    grid-template-columns:  500px;
    grid-template-areas: "  permisoFila";
}
.permisoFondoGris {
    grid-area: permisoFondo;
    display: grid;
    width:100%;
    height:100%;
    grid-template-columns:  500px;
    grid-template-areas: "  permisoFila";
    background:#E7E7E7;
}
.permisoFila {
    grid-area: permisoFila;
    display: grid;
    width:100%;
    height:100%;
    grid-template-columns:  60px       400px    40px;
    grid-template-areas: "  id_permiso permiso  permisoIcon";
    place-items: center start;
}
.id_permiso { 
    grid-area: id_permiso;
    font-size: 15px;
    padding-left:18px;
    #color:#999;
}
.permiso { 
    grid-area: permiso;
    font-size: 18px;
    padding-left:18px;
}
.submitPermiso {
    display:grid; 
    place-items:center;
    font-size:18px;
    padding-top:10px;
    padding-bottom:10px;
}