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.5) !important;
    }
}