.flex-table.row {
    margin-bottom: .5rem;
}

/* Ancho de las columnas*/
.flex-table > .flex-row:nth-child(1) , .flex-table > form > .flex-row:nth-child(1){/* Nombre */
    width: 10%;
    text-align: center;
}
.flex-table > .flex-row:nth-child(2) , .flex-table > form > .flex-row:nth-child(2) {/* Correo */
    width: 20%;
    text-align: center;
}
.flex-table > .flex-row:nth-child(3) , .flex-table > form > .flex-row:nth-child(3) {/* Permisos */
    width: 35%;
    text-align: center;
}
.flex-table > .flex-row:nth-child(4) , .flex-table > form > .flex-row:nth-child(4) {/* Departamentos */
    width: 15%;
    text-align: center;
}
.flex-table > .flex-row:nth-child(5) , .flex-table > form > .flex-row:nth-child(5) {/* Estado */
    width: 10%;
    text-align: center;
}
.flex-table > .flex-row:nth-child(6) , .flex-table > form > .flex-row:nth-child(6) {/* Acciones */
    width: 10%;
    text-align: center;
}

/* Estilos para las filas pares*/
.flex-table.row:nth-child(2n) .flex-row {
    align-content: center;
    justify-content: center;
    align-items: center;
}

/* Estilos para las filas impares*/
.flex-table.row:nth-child(2n+1) .flex-row {
    align-content: center;
    justify-content: center;
    align-items: center;
}

.flex-cell {
    align-self: center;
}

.flex-table > form > .flex-row:nth-child(2) {
    justify-content: normal !important;
}

.form-control {
    padding: .5rem; 
    font-size: 12px; 
    text-align: center;
}

*::placeholder {
    color: #666 !important;
}

@media all and (max-width: 944px) {
    /* Ancho de las columnas*/
    .flex-table > .flex-row:nth-child(1) , .flex-table > form > .flex-row:nth-child(1){/* Nombre */
        width: 10%;
        text-align: center;
    }
    .flex-table > .flex-row:nth-child(2) , .flex-table > form > .flex-row:nth-child(2){/* Correo */
        width: 20%;
        text-align: center;
    }
    .flex-table > .flex-row:nth-child(3) , .flex-table > form > .flex-row:nth-child(3){/* Permisos */
        width: 40%;
        text-align: center;
    }
    .flex-table > .flex-row:nth-child(4) , .flex-table > form > .flex-row:nth-child(4){/* Departamentos */
        width: 20%;
        text-align: center;
    }
    .flex-table > .flex-row:nth-child(5) , .flex-table > form > .flex-row:nth-child(5){/* Estado */
        width: 10%;
        text-align: center;
    }
    .flex-table > .flex-row:nth-child(6) , .flex-table > form > .flex-row:nth-child(6){/* Acciones */
        width: 10%;
        text-align: center;
    }

    .table-container {
        font-size: x-small;
    }

    .select2-selection__rendered{
        font-size: x-small;
    }

    .select2-results__options {
        font-size: x-small;
    }
}

@media all and (max-width: 698px) {

    /* Ancho de las columnas*/
    .flex-table > .flex-row:nth-child(1) , .flex-table > form > .flex-row:nth-child(1){/* Nombre */
        width: 50%;
        text-align: center;
    }
    .flex-table > .flex-row:nth-child(2) , .flex-table > form > .flex-row:nth-child(2){/* Correo */
        width: 50%;
        text-align: center;
    }
    .flex-table > .flex-row:nth-child(3) , .flex-table > form > .flex-row:nth-child(3){/* Permisos */
        width: 100%;
        text-align: center;
    }
    .flex-table > .flex-row:nth-child(4) , .flex-table > form > .flex-row:nth-child(4){/* Departamentos */
        width: 100%;
        text-align: center;
    }
    .flex-table > .flex-row:nth-child(5) , .flex-table > form > .flex-row:nth-child(5){/* Estado */
        width: 50%;
        text-align: center;
    }
    .flex-table > .flex-row:nth-child(6) , .flex-table > form > .flex-row:nth-child(6){/* Acciones */
        width: 50%;
        text-align: center;
    }
}

@media all and (max-width: 340px) {

    /* Ancho de las columnas*/
    .flex-table > .flex-row:nth-child(1) , .flex-table > form > .flex-row:nth-child(1){/* Nombre */
        width: 100%;
        text-align: center;
    }
    .flex-table > .flex-row:nth-child(2) , .flex-table > form > .flex-row:nth-child(2){/* Correo */
        width: 100%;
        text-align: center;
    }
    .flex-table > .flex-row:nth-child(3) , .flex-table > form > .flex-row:nth-child(3){/* Permisos */
        width: 100%;
        text-align: center;
    }
    .flex-table > .flex-row:nth-child(4) , .flex-table > form > .flex-row:nth-child(4){/* Departamentos */
        width: 100%;
        text-align: center;
    }
    .flex-table > .flex-row:nth-child(5) , .flex-table > form > .flex-row:nth-child(5){/* Estado */
        width: 50%;
        text-align: center;
    }
    .flex-table > .flex-row:nth-child(6) , .flex-table > form > .flex-row:nth-child(6){/* Acciones */
        width: 50%;
        text-align: center;
    }
}