@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&family=Roboto:wght@400;700&display=swap');

/* Import Base style */
@import url("../../../base.9136d329983f.css");

body.login input,
body.login .main-button,
body.login {
    font-family: 'Roboto', sans-serif;
}

/* Errors */
ul.errorlist {
    display: block;
    margin: 0 0 10px 0;
    border-radius: 6px;
    padding: 10px;
    background: #f0dada;
    color: #d49d9d;
}

ul.errorlist li {
    font-size: 14px;
}

/* enable h1 */
body #content > h1 {
    display: block;
}

/* button in one line */
.line-btn {
    max-width: 280px;
}

.line-btn button,
.line-btn button {
    float: left;
}

.line-btn a {
    float: right;
}

/* backup-tokens */
.backup-tokens {
    list-style: none;
}

.backup-tokens li {
    list-style: outside;
    font-size: 14px;
    margin: 4px 0 4px 15px;
}

body div#container .form-row label:first-child {
    color: #6D6E72;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 12px;
    display: inline-block;
    background: #fff;
    position: absolute;
    left: 14px;
    top: -1px;
    padding: 0 2px;
}

body div#container .form-row input {
    box-sizing: border-box;
    height: 49px;
    border: 1px solid #C3D6E4;
    border-radius: 4px;
    background-color: #FFFFFF;
    padding: 0 20px;
    width: 100%;
}

body div#container #logo-container {
    padding: 27px 0 43px 0;
    text-align: center;
}

body div#container .form-row {
    margin-bottom: 26px;
}

body .form-row label[for="remember_me"] {
    margin: -12px 0 0;
    display: block;
    font-size: 14px;
    position: relative;
    padding: 2px 0 0 25px;
}

body .form-row label[for="remember_me"]:before {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 3px;
}

body div#container .submit-row .login-button,
body div#container .submit-row input[type="submit"],
body div#container .submit-row .main-button.grey.cancel-link,
body.login div#container button.main-button {
    margin: 0 5px 15px;
    height: 46px;
    width: 200px;
    border-radius: 23px;
    background: var(--two-factor-body-login-container);
    text-align: center;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    text-transform: none;
    display: inline-block;
    line-height: 46px;
    box-sizing: border-box;
    transition: 0.3s transform;
    font-family: 'Poppins', sans-serif;
}

body.login div#container button.main-button {
    margin-bottom: 1px;
}

body div#container .submit-row .main-button.grey.cancel-link {
    background: #D0DBE6;
    color: #4A4A4A;
}

body.login div#container .submit-row .main-button.grey.cancel-link:hover,
body div#container .submit-row .login-button:hover,
body div#container .submit-row input[type="submit"]:hover {
    transform: scale(1.03);
}

body div#container .form-row.password-reset-link a,
body div#container .form-row.password-reset-link button {
    color: var(--two-factor-password-reset-link-color);
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 25px;
    margin: 11px 0 23px;
    display: inline-block;
    transition: 0.3s color;
}

body div#container .form-row.password-reset-link button:hover,
body div#container .form-row.password-reset-link a:hover {
    color: #257193;
}

body div#container .form-row.password-reset-link {
    margin: -15px 0 0;
    padding: 0;
}

body.login #content {
    margin-top: 0;
    padding: 30px 44px 42px;
}

#content p.errornote {
    margin: 0 0 20px;
}

body table {
    border-collapse: unset;
}

body div#container .submit-row table {
    padding-left: 6px;
    padding-bottom: 15px;
}

body div#container .submit-row label {
    color: #232323;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 18px;
}

body div#container .submit-row label[for="id_understand"] {
    font-size: 12px;
    position: relative;
    top: 0;
    margin: -10px 0 20px 13px;
    display: block;
}

body div#container .submit-row label[for="id_understand"]:before {
    position: relative;
    top: 4px;
    margin-right: 4px;
}

body.login div#container .submit-row .login-button,
body.login div#container .submit-row input[type="submit"],
body.login div#container .submit-row .main-button.grey.cancel-link,
body.login div#container button.main-button {
    padding-top: 0;
    padding-bottom: 0;
}

body.login div#container .submit-row {
    padding-top: 14px;
}

body div#container .form-row.password-reset-link button,
body.login div#container .form-row.password-reset-link a {
    background: transparent;
    font-size: 14px;
    margin: 7px 0;
    font-weight: 400;
    height: 25px;
    line-height: 25px;
}

body.login div#container p {
    margin: 11px 0;
}

body.login input#id_backup-otp_token,
body.login input#id_token-otp_token {
    margin: 10px 0 10px 10px;
    border: 1px solid #C3D6E4;
}

body.login div#container .form-row.password-reset-link a.lost-mfa-btn {
    margin-top: 25px;
}

@media screen and (max-width: 767px) {
    body.login #content {
        padding: 30px;
    }
}