/*---------------------------------------------------------------------- PERFIL Box */
.perfilBox {
    width:100%;
    height:36px;
    display: grid;
	grid-template-columns:  1fr  300px        1fr;
    grid-template-areas: "  .    perfilFondo  .";
}
.perfilFondo {
    grid-area: perfilFondo;
    display: grid;
    width:100%;
    height:100%;
    grid-template-columns:  300px;
    grid-template-areas: "  perfilfila";
}
.perfilFondoGris {
    grid-area: perfilFondo;
    display: grid;
    width:100%;
    height:100%;
    grid-template-columns:  300px;
    grid-template-areas: "  perfilfila";
    background:#E7E7E7;
}
.perfilFila {
    width:100%;
    height:100%;
    display: grid;
	grid-template-columns:  240px       30px        30px;
    grid-template-areas: "  perfilName  editIcon  accesoIcon";
    place-items: center start;
}
.perfilName { 
    grid-area: perfilName;
    display: grid;
    font-size: 18px;
    word-wrap: break-word; 
    overflow-wrap: break-word; 
    overflow: hidden;
    padding-left:8px;
}
.editIcon { 
    grid-area: editIcon;
    display: grid;
}
.editIcon:hover {
    cursor: pointer;
}
.accesoIcon { 
    grid-area: accesoIcon;
    display: grid;
    padding-left:4px;
}
.accesoIcon:hover {
    cursor: pointer;
}
@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 */
    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;
}