/* Ported from legacy Affiliate/Account/ForgotPassword.cshtml. */

    body.blank {
        margin: 0;
        min-height: 100vh;
        background: #10082b;
    }
    .login-box-main1 .form-control {
        color: #000;
        background: #fff;
        height: 60px;
    }

    .login-box-main1 h1 {
        color: var(--white);
        font-family: "Passion One", sans-serif;
        font-size: 45px;
    }

    .login-box-main1 .form-control::placeholder {
        color: #000;
        opacity: 0.5;
    }

    .login-box-main1 h1 {
        background: linear-gradient(269.87deg, #c930ff 10.37%, #ffb629 90.59%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        filter: drop-shadow(0px 4px 4px #00000099);
    }
    .emp-login-v2 {
        min-height: 100vh;
        width: 100%;
        background: url('/Images/login-main-bg.jpg') center center / cover no-repeat;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 30px 16px;
    }

    .emp-login-v2__content {
        width: 100%;
        max-width: 550px;
        text-align: center;
    }

    .emp-login-v2__panel {
        background: url(/Images/login-bg.png) center center / 100% 100% no-repeat;
        padding: 68px 64px 30px;
        width: 550px;
        height: 530px;
        display: flex;
        align-items: flex-start;
        justify-content: center;
    }

    .emp-login-v2__inner {
        width: 100%;
        margin: 0 auto;
    }

    .emp-login-v2__logo img {
        width: 314px;
        max-width: 100%;
    }

    .emp-login-v2__tagline {
        color: #ffffff;
        font-size: 22px;
        font-weight: 600;
        line-height: 1.2;
        margin: 20px 0;
    }

    .emp-login-v2__field {
        text-align: left;
        margin-bottom: 14px;
        position: relative;
    }

        .emp-login-v2__field label {
            display: block;
            color: #ffffff;
            font-size: 20px;
            font-weight: 700;
            margin: 0 0 10px;
        }

        .emp-login-v2__field .form-control {
            height: 50px;
            border-radius: 4px;
            border: 1px solid #B772F2 !important;
            background: rgba(72, 33, 121, 0.84) !important;
            color: #ffffff !important;
            font-size: 20px;
            box-shadow: none;
            padding: 6px 14px;
            font-weight: 600;
        }

            .emp-login-v2__field .form-control::placeholder {
                color: #D2CDCD;
            }

            .emp-login-v2__field .form-control.error {
                border: 2px solid #F44336 !important;        

            }

    .emp-login-v2__forgot-wrap {
        margin: 0 0 5px;
        text-align: center;
    }

        .emp-login-v2__forgot-wrap a {
            color: #ffffff;
            font-size: 20px;
            font-weight: 600;
            text-decoration: none;
            outline: none !important;
        }

            .emp-login-v2__forgot-wrap a:hover {
                text-decoration: underline;
            }

    .emp-login-v2__submit {
        width: 243px;
        height: 60px;
        border: none;
        border-radius: 8px;
        background: url(/Images/login-button.png) center center / 100% 100% no-repeat;
        color: #ffffff;
        font-size: 20px;
        font-weight: 700;
        line-height: 1;
        margin: 25px auto 15px;
        display: block;
        text-transform: none;
        box-shadow: none;
    }

    .emp-login-v2__submit--wide {
        width: 310px;
        max-width: 100%;
    }

    .emp-login-v2__divider {
    }

    .emp-login-v2__single-login {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        color: #ffffff;
        font-size: 20px;
        font-weight: 600;
        margin-top: 52px;
    }

        .emp-login-v2__single-login img {
            width: 13px;
            height: 13px;
        }

    .emp-login-v2__rating {
        margin-top: 10px;
        display: inline-block;
    }

        .emp-login-v2__rating img {
            width: 210px;
            height: auto;
        }

    .emp-login-v2__validation,
    .emp-login-v2__field-validation {
        font-size: 12px;
        margin-top: 4px;
        color: #ff9b9b;
    }

    .emp-login-v2__field-validation {
        display: block;
        text-align: left;
    }

    .emp-login-v2__validation {
        position: relative;
        text-align: center;
        right: 0;
        top: 0;
        margin-bottom: 8px;
    }

        .emp-login-v2__validation ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        .emp-login-v2__validation li {
            white-space: pre-line;
            font-size: 16px;
        }

    .form-control:-webkit-autofill,
    .form-control:-webkit-autofill:hover,
    .form-control:-webkit-autofill:focus,
    .form-control:-webkit-autofill:active {
        -webkit-text-fill-color: #ffffff;
        transition: background-color 5000s ease-in-out 0s;
        box-shadow: 0 0 0 1000px rgba(72, 33, 121, 0.84) inset;
    }

    @media (max-width: 1400px) {
        .emp-login-v2__panel {
            height: 620px;
        }

        .emp-login-v2__logo img {
            margin: 12px 0;
        }

        .emp-login-v2__field {
            margin-bottom: 0;
        }

        .emp-login-v2__panel {
            padding: 30px 64px 30px;
        }

        .emp-login-v2__submit {
            margin: 25px auto 7px;
        }

        .emp-login-v2__forgot-wrap {
            margin: 0 0 10px;
        }

        .emp-login-v2__single-login {
            margin-top: 30px;
        }
    }

    @media (max-width: 767px) {
        .emp-login-v2 {
            padding: 18px 12px;
        }

        .emp-login-v2__panel {
            padding: 18px 26px 14px 20px;
            width: 100%;
            max-width: 390px;
            height: auto;
        }

        .emp-login-v2__inner {
            width: 100%;
            max-width: 280px;
        }

        .emp-login-v2__logo img {
            width: 180px;
        }

        .emp-login-v2__tagline {
            font-size: 13px;
            margin: 8px 0 10px;
        }

        .emp-login-v2__field {
            margin-bottom: 0;
        }

            .emp-login-v2__field label {
                font-size: 12px;
            }

            .emp-login-v2__field .form-control {
                height: 36px;
                font-size: 13px;
            }

        .emp-login-v2__submit {
            width: 180px;
            height: 38px;
            font-size: 14px;
            margin: 10px auto 7px;
        }

        .emp-login-v2__submit--wide {
            width: 180px;
        }

        .emp-login-v2__forgot-wrap {
            margin: 0 0 5px;
        }

            .emp-login-v2__forgot-wrap a {
                font-size: 12px;
            }

        .emp-login-v2__single-login {
            font-size: 11px;
            margin-top: 20px;
            margin-bottom: 15px;
        }

        .emp-login-v2__rating img {
            width: 180px;
        }
    }