/** styles for OTP Login page road-e, turbo */

.content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.content .login {
    width: 100%;
}
.pageHeader {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.pageErrors {
    max-width: 436px;
}

.standardForm {
    display: flex;
    flex-direction: column;
}
.standardForm form{
    display: flex;
    flex-direction: column;
    gap: 12px
}

.section {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: 0 !important;
}
.section .inputGroupTitle {
    width: 100% !important;
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
}

.otp-email-input {
    min-width: 299px;
    text-align: center;
    padding: 8px 2px;
}

.otp-input {
    font-size: 24px !important;
    min-width: 299px;
    text-align: center;
    padding: 8px 2px;
}

.otp-sent-info {
    display: flex;
    flex-direction: column;
    max-width: 450px;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 12px;
    font-size: 14px;
}

.resend-code {
    margin: 0;
    font: inherit;
    font-size: 16px;
    color: rgb(143, 161, 166);
    cursor: not-allowed;
    text-decoration: none;

    background-color: transparent;
    border: none;
    padding: 0;
}
.resend-code:hover,.resend-code:active,.resend-code:focus {
    color: rgb(143, 161, 166);
    cursor: not-allowed;
    text-decoration: none;
}

.resend-code.active {
    color: rgb(0, 154, 233);
    cursor: pointer;
    text-decoration: underline;
}
.resend-code.active:hover,.resend-code.active:active,.resend-code.active:focus {
    color: rgb(0, 118, 178);
    text-decoration: none;
}

a.link-highlight {
    text-transform: uppercase;
    font-size: 14px;
    color: #CC2E41;
    font-weight: bold;
    text-shadow: 0 1px 2px;
}
a.link-highlight:hover,
a.link-highlight:focus,
a.link-highlight:active {
    text-transform: uppercase;
    font-size: 14px;
    color: #CC2E41;
    font-weight: bold;
    text-shadow: none;
}
div.turbo a.link-highlight {
    color: #8cb0be;
}
div.turbo a.link-highlight:hover,
div.turbo a.link-highlight:focus,
div.turbo a.link-highlight:active {
    color: #8cb0be;
}