/* Parsa Gold sign-in: the rules of the previous sign-in template (SMS Authentication / iransite) + the IransiteAuth parts. */
.sms-authentication {
    background: rgba(255, 255, 255, 0.7);
    padding: 2rem 1rem;
    justify-content: center;
    width: 29.35rem;
    max-width: 90%;
    border-radius: var(--radius);
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    outline: none;
    margin: 0 auto;
    position: relative;
    -webkit-border-radius: var(--radius);
    -moz-border-radius: var(--radius);
    -ms-border-radius: var(--radius);
    -o-border-radius: var(--radius);
}
.sms-authentication h1 {
    box-sizing: border-box;
    color: #0c0c0c;
    font-size: 19px;
    font-weight: 700;
    line-height: 40.2833px;
    margin: 16px 0 0;
    outline: none;
    padding: 0;
    max-width: 100%;
    width: 100%
}
.sms-authentication label {
    display: block;
    font-size: 1.28rem;
    font-weight: 700;
    margin-bottom: 1.78rem;
}
.sms-authentication input[type=text].dir-rtl {
    direction: rtl;
    text-align: right
}
.sms-authentication .direction-ltr input[type=text] {
    direction: ltr !important;
    text-align: center !important;
}
.sms-authentication .button,
.sms-authentication .button:link,
.sms-authentication .button:active,
.sms-authentication .button:visited,
.sms-authentication .button:hover {
    align-items: center;
    text-align: center;
    justify-content: center;
    background-color: var(--primary-main);
    background-image: none;
    border: none;
    text-decoration: none;
    -webkit-border-radius: var(--radius-5);
    -moz-border-radius: var(--radius-5);
    border-radius: var(--radius-5);
    box-sizing: border-box;
    color: var(--text-dark-0);
    cursor: pointer;
    display: flex;
    font-size: 1.14rem;
    font-weight: 700;
    height: 3.28rem;
    line-height: 30.1px;
    margin: 1.14rem 0 0;
    outline: none;
    overflow: hidden;
    padding: 12px 16px;
    position: relative;
    transition-delay: 0;
    transition-duration: .3s;
    transition-property: top;
    transition-timing-function: ease-in-out;
    user-select: none;
    width: 100%;

    &:before,
    &:after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 1rem;
        background: url(/Portals/0/images/logo-mask-left.svg) no-repeat left center;
        background-size: contain;
        z-index: 1;
    }

    &:after {
        left: auto;
        right: -1px;
        transform: rotate(180deg);
    }

    svg {
        width: 1.21rem;
        height: 1.21rem;
        fill: var(--text-dark-0);
    }

}
.sms-authentication .link,
.sms-authentication .link:link,
.sms-authentication .link:active,
.sms-authentication .link:visited,
.sms-authentication .link:hover {
    border: none;
    background: none;
    align-items: center;
    box-sizing: border-box;
    text-decoration: none;
    color: var(--text-dark-0);
    cursor: pointer;
    font-size: 1.28rem;
    font-weight: 700;
    outline: none;
    padding: 0 0.5rem;
    line-height: 1;
    border-left: solid 1px var(--text-dark-0);

    &:last-child {
        border: none;
    }
}
.sms-authentication .link .d-flex {
    box-sizing: border-box;
    color: #18bdd0;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    line-height: 26.0333px;
    margin: 0;
    outline: none;
    padding: 0;
    vertical-align: text-top
}
.sms-authentication .link.d-none {
    display: none
}
.sms-authentication .back {
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 20px;
    background: transparent;
    border: 0px solid #fff
}
.sms-authentication.d-none {
    display: none
}
.sms-authentication .msg {
    color: #f00;
    width: 100%;
    margin-top: 10px;
    font-size: 1.17rem;
    text-align: right;
}
.sms-authentication .msg.success {
    color: #2b9b0b
}
.sms-authentication #resend-verify {
    display: none
}
.authentication-group {
    position: relative;
    width: 100%;
    border-radius: var(--radius-5);
    -webkit-border-radius: var(--radius-5);
    -moz-border-radius: var(--radius-5);
    -ms-border-radius: var(--radius-5);
    -o-border-radius: var(--radius-5);
}
.authentication-group-text {}
#countryDialCode.authentication-group-text {
    padding: 0px 5px
}
.authentication-group input,.authentication-group select {
    direction: ltr;
    width: 100%;
    height: 3.6rem;
    border-radius: var(--radius);
    outline: none !important;
    background: var(--text-light-3) !important;
    padding: .375rem .75rem;
    font-size: 1.28rem;
    font-weight: 700;
    border: none;
    position: relative;
    text-align: center;

    &:-webkit-autofill,
    &:-webkit-autofill:hover,
    &:-webkit-autofill:focus,
    &:-webkit-autofill:active {
        -webkit-box-shadow: 0 0 0px 1000px var(--text-light-3) inset !important;
        box-shadow: 0 0 0px 1000px var(--text-light-3) inset !important;
        transition: background-color 5000s ease-in-out 0s;
    }
}
.authentication-group input.ps-0 {
    padding-left: 0
}
.authentication-group input:focus {
    border-color: transparent !important;
    box-shadow: none !important;
    outline: none !important
}
.login-wrapper {

    .form-col {
        .rigesterBox {
            min-height: calc(100vh - 4.85rem);
        }

        .privacy-rolls {
            font-size: 1rem;
            font-weight: 700;
            color: var(--text-dark-0);
            text-align: center;
            padding-bottom: 2.85rem;

            a {
                font-size: 1rem;
                font-weight: 700;
                color: var(--text-dark-0);
            }
        }
    }

    .cover-col {
        height: 100vh;
        position: fixed;
        left: 0;

        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    }

    .login-logo {
        width: 13.71rem;
        max-width: 90%;
        margin-bottom: 2.28rem;
    }

    .username-group,
    .reset-pass-group,
    .verify-cell-group,
    .password-input-group {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: var(--text-light-3) !important;

        #username {
            width: 100%;
        }

        button,
        button:hover {
            margin: 0;
            width: 3.64rem;
            min-width: 3.64rem;
            height: 3.64rem;
            background: var(--primary-main);
            border: none;
            padding: 0;
            display: flex;
            align-items: center;
            justify-content: center;

            &:before,
            &:after {
                display: none;
            }

        }
    }

    .profile-inp-group {
        label {
            margin-bottom: 1rem;
        }

        input {
            margin-bottom: 1.7rem;

            &:last-child {
                margin-bottom: 0;
            }
        }
    }

    @media(max-width: 768px) {
        .form-col {
            z-index: 2;
        }

        .cover-col {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1;
            filter: blur(10px);
        }
    }
}
/* ---- IransiteAuth inside the old layout ---- */
.pg-login .ia-card.pg-card { border: 0; box-shadow: none; padding: 2rem 1rem; }
.pg-login .ia-brand { margin: 0; text-align: center; }
.pg-login .ia-brand img.login-logo { max-height: none; width: 13.71rem; max-width: 90%; margin-bottom: 2.28rem; }
.pg-login .pg-sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.pg-login .pg-label { text-align: center; }
.pg-login .ia-step { width: 100%; }
.pg-login .ia-id-field.username-group { border: 0; padding: 0; overflow: hidden; }
.pg-login .ia-id-field input.ia-input { border: 0; border-radius: 0; box-shadow: none; height: 3.64rem; background: transparent !important; }
.pg-login .ia-id-field .pg-arrow { flex: 0 0 3.64rem; border-radius: var(--radius-5); color: var(--text-dark-0); }
.pg-login .ia-id-field .pg-arrow svg { width: 1.21rem; height: 1.21rem; fill: var(--text-dark-0); stroke: var(--text-dark-0); }
.pg-login .ia-id-field .pg-arrow.ia-busy svg { opacity: .35; }
.pg-login .ia-btn.button { width: 100%; justify-content: center; }
.pg-login .ia-btn.button span { position: relative; z-index: 2; }
.pg-login .ia-input { background: var(--text-light-3); border-color: transparent; font-family: inherit; }
.pg-login .ia-otp input { background: var(--text-light-3); border-color: transparent; }
.pg-login .ia-title { font-size: 1.28rem; }
.pg-login .ia-label, .pg-login .ia-who, .pg-login .ia-hint, .pg-login .ia-error, .pg-login .ia-message { font-family: inherit; }
.ia:has(> .pg-login) { padding: 0; margin: 0; max-width: none; --ia-primary: var(--primary-main, #d2ab67); --ia-primary-hover: #b8924f; }