body{
    padding: 0px 21.3vw;
}

.row{
    transform-origin: top;
}

.t1{
    margin-bottom: 7.2vw;
}

.t1-b{
    font-size: 5vw !important;
}

.t5{
    position: relative;
    height: 9.6vw;
    margin-bottom: 5.2vw;
}

.t5 div{
    position: absolute;
    padding: 0px 14vw;
    left: -23vw;
    text-align: center;
    font-size: 3.2vw;
    color: #9C989D;
    width: 100vw;
}

.caja-password{
    position: relative;
    background: #212027;
    border-radius: 4.4vw;
    height: 8.76vw;
    margin-bottom: 9.6vw;
}

.caja-password img{
    position: absolute;
    width: 3.6vw;
    right: 2.55vw;
    cursor: pointer;
}

.caja-password input{
    font-size: 3.2vw;
    letter-spacing: 2vw;
    background: none;
    border: none;
    text-align: center;
}

.pass-dinamic{
    width: 100%;
    padding-left: 3.2vw;
    padding-right: 8vw;
}

.caja-password input[type="text"] {
    letter-spacing: 1.4vw !important;
}

.caja-password div{
    position: absolute;
    bottom: -5vw;
    font-size: 2.7vw;
    color: #9C989D;
}

.botones{
    margin-top: 9.6vw;
}

.botones img{
    float: left;
    height: 9.6vw;
    margin-top: 1vw;
    cursor: pointer;
}

.botones button{
    float: right;
    margin-top: 0px;
}

.cj-disabled{
    border: 0.2vw solid #B51D11;
}

.cj-disabled div{
    color: #E35549;
}

.key, .key-back{
    touch-action: manipulation;
    height: 18vw;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-size: cover !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.key{
    background-image: url("../../img/icons/key.svg") !important;
}

.key-back{
    background-image: url("../../img/icons/key-back.svg") !important;
}

.key-ast{
    background-image: url("../../img/icons/key-ast.svg") !important;
}

.key:active{
    background-image: url("../../img/icons/key-active.svg") !important;
}

.key-back:active{
    filter: contrast(0.5);
}

.key-back:active{
    background-image: url("../../img/icons/key-back2.svg") !important;
}

button{
    margin-top: 9.6vw;
}

.t7{
    height: 5vw;
    margin-bottom: 8vw !important;
}

.t7 div{
    font-size: 4vw;
    padding: 0px 6.4vw;
}

@media (max-height: 190vw){
    .row2{
        transform: scale(0.9) !important;
    }
}

@media (max-height: 178vw){
    .row2{
        transform: scale(0.8) !important;
    }
}

@media (max-height: 160vw){
    .row2{
        transform: scale(0.75) !important;
    }
}

@media (max-height: 150vw){
    .row2{
        transform: scale(0.65) !important;
    }
}

@media (max-height: 130vw){
    .row2{
        transform: scale(0.6) !important;
    }
}

@media (max-height: 120vw){
    .row2{
        transform: scale(0.55) !important;
    }
}

@media (max-height: 110vw){
    .row2{
        transform: scale(0.50) !important;
    }
}