.mat-column-clave,
.mat-column-nombre,
.mat-column-envio,
.mat-column-acciones,
.mat-column-clasificar,
.mat-column-Predeterminado,
.mat-column-Orden,
.mat-column-nivel,
.mat-column-clave1,
.mat-column-nombre1,
.mat-column-estado {
    text-align: center;
}

.mat-column-clave,
.mat-column-clasificar,
.mat-column-envio {
    width: 300px;
}

.green {
    background-color: #2a6c42;
    border: none;
    color: white !important;
    cursor: pointer;
    border-radius: 6px;
    height: 35px;
}

.green:hover {
    background-color: #205232;

}

.mat-column-nombre {
    width: 450px;
}

.table {
    animation: fadeIn 1s;
}

.buscador-input {
    width: 50%;
}

.input {
    width: 49%;
}

.input3 {
    width: 24%;
}

.OpenButton {
    margin-top: -1%;
    margin-left: 1%;
    width: 63px;
    height: 62px;
    border-radius: 37px;
    transform: scale(0.7);
}

.icon-boton {
    color: white;
    transform: scale(2);
}

.input1 {
    width: 30%;
}

.input2 {
    width: 45%;
}

.titulos {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.titulos1 {
    margin-top: -2%;
    font-family: Serenity Light;
    color: black;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 45px;
    font-size: 32px;
    font-weight: 600;
}

.label-check {
    color: black;
    margin-left: 1%;
}

@media only screen and (max-width: 600px) {

    .centrar1 {
        width: 100%;
        margin-top: 10%;
        display: flex;
        justify-content: center;
    }


    .fondo {
        width: 85%;
    }

    .content {
        margin-bottom: 0;
        margin-top: 0;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
        font-weight: 500;
        font-size: 24px;
        color: white;
        font-family: "Serenity Medium";
    }

    .containerPagina {
        width: 100%;
        padding: 0 0;
    }

    .regresar {
        margin-left: 81%;
        margin-top: 8%;
    }

    .titulos1 {
        width: 100% !important;
        font-size: 32px;
        transform: scale(0.9);
        text-align: center;
    }

    .btnTitle {
        width: 103%;
        margin-top: 24%;
        margin-left: -7%;
        font-size: 24px !important;
    }

    .button {
        transform: scale(0.9);
    }

    .OpenButton {
        z-index: 1;
        margin-right: 180px;
    }

    .buscador {
        flex-direction: column;
        width: 100%;
        text-align: center;
    }

    .contenedorInputs {
        width: 100%;
        flex-direction: column;
        align-items: start;
    }

    .exportar {
        width: 100%;
        margin-top: -47px;
        margin-bottom: 6%;
        margin-left: -33%;
        transform: scale(0.9);
    }

    .buscador-input {
        width: 86%;
    }

    .filtro {
        width: 81%;
        margin-left: 0%;
    }

    .table {
        width: 100%;
    }

    .tabla1 {
        overflow-x: scroll;
        white-space: nowrap;
    }

    .dialog {
        width: auto !important;
    }

    .input {
        width: 81% !important;
    }

    .input1 {
        width: 94%;
    }

    .input2 {
        width: 94%;
    }

    .input3 {
        width: 81%;
    }

    .input-label {
        margin-bottom: 4px;
    }

    .label-check {
        margin-left: 27%;
    }

    .btn1 {
        width: 27% !important;
    }

    .ResposiveTitle {
        font-size: 0.9em;
    }

    .labelR {
        font-size: 14px;
    }

    .label {
        font-size: 14px;
    }

    .label-check {
        font-size: 14px;
    }
}
