/* ---------------- Base Backgrounds ---------------- */
.whiteOverlay {
    background: #fff;
}

.loginFormBG.floatL.u-width100 {
    background-color: #F4F4FF;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 16px;
}

/* ---------------- Login Blue Background ---------------- */
.LoginBlueBG {
    background-color: var(--color-electric-indigo);
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
}

.LoginBlueBG.LoginBlueBGPadding {
    background-color: var(--color-electric-indigo);

}

/* ---------------- Social Buttons ---------------- */
.SocialLogInThroughFB,
.SocialLogInThroughGM {
    font-family: var(--font-main-bold);
    font-size: 12px;
    border-radius: 16px;
}

.SocialLogInThroughFB {
    background-color: var(--color-royal-blue);
}

.LoginBlueBG.LoginBlueBGPadding {
    border-radius: 0px;
}

/* ---------------- Input Fields ---------------- */
.login-username-txt,
.login-password-txt {
    border-radius: 16px;
    background-color: #fff;
}

.login-username-txt::placeholder,
.login-password-txt::placeholder {
    font-family: var(--font-main);
    font-size: 14px;
    color: #99A9B5;
}

/* ---------------- Buttons ---------------- */
.NewCreateAnAccount {
    border-radius: 16px;
    background: var(--color-cinnabar);
    border: 1px solid var(--color-cinnabar);
}

.NewCreateAnAccount:hover {
    background-color: transparent !important;
    color: white;
}

.NewCreateAnAccount a {
    padding-top: 10px
}

.loginbtn {
    border-radius: 16px;
}

.ButtonMain::after {
    border-bottom-left-radius: 16px;
    border-top-left-radius: 16px;
}

.ButtonMain::before {
    border-bottom-right-radius: 16px;
    border-top-right-radius: 16px;
}

/* ---------------- Form ---------------- */
.Formlogin {
    border-radius: 16px;
    background-color: var(--color-electric-indigo);
    color: #fff;
}

.Formlogin::before, .Formlogin::after {
    content: initial;
}

.Formlogin:hover {
    background-color: transparent;
        color: var(--color-electric-indigo) !important;
}

.LogintextCheckBox,
.forgetPass {
    color: black;
    font-family: var(--font-main);
}

/* ---------------- FB Button Wrapper ---------------- */
.FBbtnDiv {
    max-width: 590px;
    width: 190px;
}




/* ---------------- Welcome Image Section ---------------- */
.LogInWelcomeImage {
    position: relative;

    overflow: hidden;
    padding: 0 0 5px 0;
}

.LogInWelcomeImage .bg-imageLogIn {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.7);
    min-height: 120px;
}

.signUptext {
    font-size: 14px;
    color: #ffff;
    opacity: 1;
    font-family: var(--font-main);

}

.LogInWelcomeImage .welcomeTitleLogIN {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    text-align: center;
    width: 100%;
}

/* ---------------- Misc ---------------- */
.login-microsite-msg {
    display: none;
}

.NotAMember {
    font-family: var(--font-main-bold);
    font-size: 24px;


}

.NewCreateAnAccount {
    font-family: var(--font-main);
    font-size: 16px;
    width: 200px;
}

.YouInfoSafeContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-bottom: 100px;

}

.YouInfoSafeText {
    color: #333;
    font-family: var(--font-main);
}


@media (min-width: 992px) {
    .text-title-10 {
        font-size: 30px;
        font-family: var(--font-main-bold);
    }

    .LoginTitle {

        font-size: 28px;
    }

    .LogInWelcomeImage {
        border-radius: 16px;
        padding: 30px;
    }

    .LogInWelcomeImage .bg-imageLogIn {
        display: block;
        width: 100%;
        min-height: 100px;
        height: auto;
        filter: brightness(0.6);
        min-height: 200px;
        border-radius: 16px;
    }

    .LoginBlueBG.LoginBlueBGPadding {
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .signUptext {
        padding: 15px 0;
    }

}

@media (min-width:1200px) {
    .LoginTitle {
        font-family: var(--font-main-bold);
        font-size: 22px;
    }

    .LogInWelcomeImage {
        padding: 60px;
    }
}

.whiteOverlay {
    padding-top: 100px;
    padding-bottom: 100px;
}





.CheckBoxWhite2 + label .CheckBoxStyle {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cg id='Group_65886' data-name='Group 65886' transform='translate(-339 -1692)'%3e%3cg id='Frame_427320584_Frame_Background_' data-name='Frame 427320584 [Frame Background]' transform='translate(339 1692)' fill='%23fff' stroke='%230083c4' stroke-width='4'%3e%3crect width='30' height='30' rx='6' stroke='none'/%3e%3crect x='0.5' y='0.5' width='29' height='29' rx='5.5' fill='none'/%3e%3c/g%3e%3cpath id='Path_77538' data-name='Path 77538' d='M0,0H26.676V26.676H0Z' transform='translate(341 1694)' fill='none'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat !important;
    background-size: 14px !important;
    position: relative !important;
    top: -2px !important;
    display: inline-block !important;
    width: 14px !important;
    height: 14px !important;
    margin-right: 5px !important;
    vertical-align: middle !important;
    cursor: pointer !important;
    padding-left: 20px;
}


.CheckBoxWhite2:checked + label .CheckBoxStyle {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cg id='Group_65885' data-name='Group 65885' transform='translate(-339 -1692)'%3e%3cg id='Frame_427320584_Frame_Background_' data-name='Frame 427320584 [Frame Background]' transform='translate(339 1692)' fill='%23fff' stroke='%230083c4' stroke-width='4'%3e%3crect width='30' height='30' rx='6' stroke='none'/%3e%3crect x='0.5' y='0.5' width='29' height='29' rx='5.5' fill='none'/%3e%3c/g%3e%3cg id='Group_65587' data-name='Group 65587' transform='translate(346.558 1701.669)'%3e%3cpath id='Path_77537' data-name='Path 77537' d='M25.228,14.133a1.074,1.074,0,0,0-1.556,0L15.335,22.47,11.89,19.024h0a1.1,1.1,0,1,0-1.556,1.556L14.557,24.8a1.074,1.074,0,0,0,1.556,0l9.114-9.114A1.074,1.074,0,0,0,25.228,14.133Z' transform='translate(-10 -13.8)' fill='%230083c4'/%3e%3c/g%3e%3cpath id='Path_77538' data-name='Path 77538' d='M0,0H26.676V26.676H0Z' transform='translate(341 1694)' fill='none'/%3e%3c/g%3e%3c/svg%3e") center center no-repeat !important;
    position: relative !important;
    top: -2px !important;
    background-size: 14px !important;
}