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

.flex-table {
    font-size: small;
}

/* Ancho de las columnas*/
.flex-table > .flex-row:nth-child(1) , .flex-table > form > .flex-row:nth-child(1){/* Nombre */
    width: 44%;
    text-align: center;
}
.flex-table > .flex-row:nth-child(2) , .flex-table > form > .flex-row:nth-child(2) {/* Código */
    width: 44%;
    text-align: center;
}
.flex-table > .flex-row:nth-child(3) , .flex-table > form > .flex-row:nth-child(3) {/* Acciones */
    width: 12%;
    text-align: center;
}

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

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

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



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

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

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

    /* Ancho de las columnas*/
    .flex-table > .flex-row:nth-child(1) , .flex-table > form > .flex-row:nth-child(1){/* Nombre */
        width: 42%;
        text-align: center;
    }
    .flex-table > .flex-row:nth-child(2) , .flex-table > form > .flex-row:nth-child(2){/* Codigo */
        width: 42%;
        text-align: center;
    }

    .flex-table > .flex-row:nth-child(3) , .flex-table > form > .flex-row:nth-child(3) {/* Acciones */
        width: 16%;
        text-align: center;
    }
}

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

    /* Ancho de las columnas*/
    .flex-table > .flex-row:nth-child(1) , .flex-table > form > .flex-row:nth-child(1){/* Nombre */
        width: 35%;
        text-align: center;
    }
    .flex-table > .flex-row:nth-child(2) , .flex-table > form > .flex-row:nth-child(2){/* Codigo */
        width: 35%;
        text-align: center;
    }

    .flex-table > .flex-row:nth-child(3) , .flex-table > form > .flex-row:nth-child(3) {/* Acciones */
        width: 30%;
        text-align: center;
    }
}

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

    /* 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){/* Codigo */
        width: 100%;
        text-align: center;
    }

    .flex-table > .flex-row:nth-child(3) , .flex-table > form > .flex-row:nth-child(3) {/* Acciones */
        width: 100%;
        text-align: center;
        justify-content: center;
    }
}