﻿.modal-dialog-mobile {
    height: 100%;
    margin: auto;
}

.modal-content-mobile {
    width: 100%;
    height: 100%;
    border: none;
}

.modal-content-mobile .modal-body {
    top: 50%;
    transform: translateY(-50%)
}

.modal-content-mobile .modal-body label, .modal-content-mobile .modal-body p {
    color: #000000 !important;
}

.modal-content-mobile .op-btn {
    width: 149px !important;
}

.modal-content .op-label-title {
    margin: 20px 0;
    font-size: 24px;
}

.modal-content .op-btn {
    margin: 0 .8rem 30px .8rem;
}

.input-2fa-container {
    justify-content: center;
    margin: 0.5rem 0;
}

.input-2fa-mobile-container {
    justify-content: center;
}

.input-2fa {
    margin: 0.3rem;
    background-color: #EFEFEF;
    border: unset;
    border-radius: 8px;
    width: 48px;
    height: 56px;
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    line-height: 1;
}

.input-2fa-mobile {
    width: 45px !important;
    height: 45px !important;
}

.input-2fa-mobile-container .input-2fa-mobile {
    margin: 0.2rem;
}

.input-2fa:focus {
    background-color: #FFFFFF;
    color: #000000;
    box-shadow: 0 0 0 0.2rem #3767FF;
}

.btn-resend-2fa {
    padding: 0;
    color: #1B51FF;
    background-color: transparent;
    border: none;
}

.btn-resend-2fa[disabled] {
    cursor: not-allowed;
    color: gray;
}

#two-factor-auth-modal .modal-dialog-mobile {
    width: unset !important;
    height: unset !important;
    margin: 0.5rem !important;
    -webkit-transform: unset !important;
    transform: unset !important;
}

#two-factor-auth-modal .modal-body-mobile {
    padding: 1rem !important;
}

#two-factor-auth-modal input[type=text] {
    padding-left: unset !important;
    padding: 0.375rem 0.75rem !important;
}

#two-factor-auth-modal p {
    margin: 0;
}

#two-factor-auth-modal label {
    margin: 0;
}

#two-factor-auth-modal .modal-dialog {
    max-width: 680px;
}
.modal-title{
    /*font-family:Open-Sans-SemiBold;*/
    font-size:21px;
    color:#565656;
}

.custom-btn.btn-submit-otp:disabled {
    background-color: #b4b4b4 !important;
    cursor: not-allowed;
}

.custom-btn.btn-submit-otp {
    color: #FFFFFF !important;
    font-size: 18px;
    background-color: #38364D;
    border-radius: 8px;
    border: none;
    height: 44px;
    min-width: 96px;
    max-width: 304px;
    /*font-family: Open-Sans-SemiBold;*/
    box-shadow: unset !important;
    width: 96px;
}