﻿div.ndComboBox {
    margin: 100px 10px 0 10px;
}

    div.ndComboBox input {
        font-size: 2em;
        padding-left: 20px;
        color: #2779aa;
        text-align: center;
    }

#cmbAziende {
    width: 500px;
}

ul li {
    font-size: 16px;
}

.ndButton {
    display: block;
    width: 350px;
    margin: 10px -175px;
    position: relative;
    top: 50%;
    left: 50%;
}

    .ndButton span {
        font-size: 16px;
        font-weight: bold;
    }

/*#region users, users2FA */
div.frmModelloMod:has(.nd2FA) #btnUsersSave {
    display: none;
}

#btnMFA {
    margin-top:15px;
}

div.frmModelloMod:has(.nd2FA) {
    display: grid;
    place-items: center; /* combina justify-items e align-items */
}
    /*di seguito devo distinguere il caso in cui il form visualizza il qrcode dall'altro caso*/
    div.frmModelloMod:has(.nd2FA) div:has(.nd2FA), div.frmModelloMod:has(.nd2FA) div.nd2FA {
        display: contents;
    }

    div.frmModelloMod:has(.nd2FA) div:has(.ndImgQrCode) {
        display: flex;
        place-items: center
    }

        div.frmModelloMod:has(.nd2FA) div:has(.ndImgQrCode) div.nd2FA {
            display: grid;
            margin-left: 50px;
        }

#imgQrCode {
    margin-top:30px;
}

.nd2FA {
}

    .nd2FA span {
        font-weight: bold;
        letter-spacing: 0.3px;
        text-transform: uppercase;
        padding-bottom: 20px;
        padding-left: 10px;
    }

    .nd2FA input {
        margin-bottom: 50px;
    }

.ndCaselleOtp {
    position: relative;
    width: 217px; /* uguale alla larghezza dell’immagine */
    height: 47px; /* uguale all’altezza dell’immagine */
}

    .ndCaselleOtp img {
        width: 100%;
        height: 100%;
        display: block;
    }

    .ndCaselleOtp input {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: none;
        background: transparent;
        color: #222;
        font-size: 2rem;
        letter-spacing: 21px; /* adatta lo spacing alle caselle */
        padding: 0 16px;
        text-align: left;
        outline: none;
    }

#users:has(#imgQrCode) #btnUsersSave {
    width: 210px;
    height: 40px;
    border-radius: 100px;
    position: relative;
    top: -60px;
    left: 130px;
}

/*#endregion*/
