.loginpage,
.passwordrecovery {
    background: #F5F5F5;
    @apply font-CorpoS {}
}

.loginpage .alert-danger,
.passwordrecovery .alert-danger {
    display: block;
    margin-top: 15px;
    @apply text-secondary {}
}

.loginpage .card-layout,
.passwordrecovery .card-layout {
    max-width: r(690px);
    box-shadow: 0 r(4px) r(4px) rgba(0, 0, 0, 0.05);
    border-radius: r(5px);
    padding: r(40px) r(15px) r(50px);
    @apply mx-auto bg-white {}
}

@media (min-width: 768px) {
    .loginpage .card-layout,
    .passwordrecovery .card-layout {
        padding: r(40px) r(30px) r(60px);
    }
}

.loginpage .small-title,
.passwordrecovery .small-title {
    @apply mt-15px {}
}

.passwordrecovery .card-layout .button {
    @apply mt-30px {}
}

.loginpage,
.passwordrecovery {
    background-color: #f5f5f5;
}

.loginpage #ctl00_mainContent_login1_LoginCtrl_lnkRegisterExtraLink,
.passwordrecovery #ctl00_mainContent_login1_LoginCtrl_lnkRegisterExtraLink {
    display: none;
}

.loginpage .input-group-append,
.passwordrecovery .input-group-append {
    display: none;
}

.loginpage .login-card-body .input-group,
.passwordrecovery .login-card-body .input-group {
    margin-top: 15px;
}

.loginpage .login-card-body .input-group input,
.passwordrecovery .login-card-body .input-group input {
    outline: none;
    padding: r(10px) r(20px);
    width: 100%;
    height: 50px;
    border: thin solid #D1D1D1;
    @apply bg-white font-CorpoS font-normal text-sm text-text6 {}
}

.loginpage .login-card-body .social-login,
.passwordrecovery .login-card-body .social-login {
    display: none;
}

.loginpage .login-card-body .icheck-primary,
.passwordrecovery .login-card-body .icheck-primary {
    display: flex;
    align-items: center;
    padding: 15px 0px;
}

.loginpage .login-card-body .icheck-primary input,
.passwordrecovery .login-card-body .icheck-primary input {
    margin-right: 5px;
}

.loginpage .login-card-body input[type="submit"],
.passwordrecovery .login-card-body input[type="submit"] {
    padding: r(8px) r(30px);
    letter-spacing: 0.05rem;
    @apply rounded-3xl {}
    @apply font-CorpoS font-normal text-base {}
    @apply text-primary uppercase font-light {}
    @apply bg-primary text-white mx-auto {}
}

.loginpage .login-card-body input[type="submit"]:hover,
.passwordrecovery .login-card-body input[type="submit"]:hover {
    @apply bg-secondary {}
}

.loginpage .flex,
.passwordrecovery .flex {
    display: flex;
}

.loginpage .justify-between,
.passwordrecovery .justify-between {
    justify-content: space-between;
}

.loginpage .mt-3,
.passwordrecovery .mt-3 {
    margin-top: r(15px);
}

.loginpage .forget-box,
.passwordrecovery .forget-box {
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
}

.loginpage .forget-box a,
.passwordrecovery .forget-box a {
    transition: .3s all ease-in-out;
}

.loginpage .forget-box a:hover,
.passwordrecovery .forget-box a:hover {
    text-decoration: underline;
    @apply text-secondary {}
}

.loginpage a,
.passwordrecovery a {
    transition: .3s all ease-in-out;
}

.loginpage a:hover,
.passwordrecovery a:hover {
    text-decoration: underline;
    @apply text-secondary {}
}