/* --------------------------------------------------
   Affiliate Nursing Portal Login
-------------------------------------------------- */
html,
body{
    margin:0;
    padding:0;
    background:#F5F7FA;
    font-family:Arial, Helvetica, sans-serif;
}

.af-login-wrapper{
    width:100%;
    min-height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:40px;
}

.af-login-box{
    width:250px;
    background:#fff;
    padding:32px;
    border-radius:0 !important;
    box-shadow:0 20px 40px rgba(0,0,0,.08);
}

.af-login-logo{
    display:block;
    width:60px;
    height:auto;
    margin:0 auto 16px;
}

.af-login-box h1{
    text-align:center;
    font-size:24px;
    font-weight:700;
    color:#000;
    margin-bottom:8px;
}

.af-login-box > p{
    text-align:center;
    color:#6B7280;
    margin-bottom:28px;
}

.af-login-box form p{
    margin-bottom:16px;
}

.af-login-box label{
    display:block;
    margin-bottom:8px;
    font-weight:600;
    color:#000;
}

.af-login-box input[type=text],
.af-login-box input[type=password]{
    width:100%;
    height:40px;
    padding:0 14px;
    border:1px solid #D7DCE2;
    border-radius:0 !important;
    font-size:15px;
}

.af-login-box input[type=text]:focus,
.af-login-box input[type=password]:focus{
    outline:none;
    border-color:#000;
}

.af-login-box input[type=submit]{
    width:100%;
    height:46px;
    border:none;
    border-radius:0 !important;
    background:#000;
    color:#fff;
    font-size:15px;
    font-weight:600;
    cursor:pointer;
    transition:.2s;
}

.af-login-box input[type=submit]:hover{
    background:#222;
}

.af-forgot{
    text-align:center;
    margin-top:25px;
}

.af-forgot a{
    color:#000;
    text-decoration:none;
}

.af-forgot a:hover{
    text-decoration:underline;
}

.af-forgot{
    margin-top:30px;
}

/* Hide WordPress password eye */

.wp-hide-pw{
    display:none !important;
}

.wp-pwd{
    display:block;
}

/* Remember Me */

.af-login-box .login-remember{
    margin:18px 0 24px;
}

.af-login-box .login-remember label{
    display:flex;
    align-items:center;
    margin:0;
    font-weight:600;
    color:#000;
    cursor:pointer;
    line-height:1;
}

.af-login-box .login-remember input[type="checkbox"]{
    appearance:none;
    -webkit-appearance:none;
    width:18px;
    height:18px;
    margin:0 12px 0 0;
    border:1px solid #BFC7D1;
    background:#fff;
    cursor:pointer;
    flex-shrink:0;
    position:relative;
    top:0;
}

.af-login-box .login-remember input[type="checkbox"]:checked{
    background:#000;
    border-color:#000;
}

.af-login-box .login-remember input[type="checkbox"]:checked::after{
    content:"✓";
    color:#fff;
    font-size:13px;
    position:absolute;
    left:3px;
    top:-1px;
}

.login .message,
.login .error,
.login .success{
    margin-bottom:20px;
}

.af-login-box form p{
    margin-bottom:24px;
}

/* Login Button */

.af-login-box .button,
.af-login-box .button-primary,
.af-login-box input[type="submit"]{

    width:100% !important;
    height:46px;

    background:#000 !important;
    color:#fff !important;

    border:none !important;

    border-radius:0 !important;

    box-shadow:none !important;
    text-shadow:none !important;

    font-size:15px;
    font-weight:600;

    cursor:pointer;

    appearance:none;
    -webkit-appearance:none;

    transition:background .2s ease;
}

.af-login-box .button:hover,
.af-login-box .button-primary:hover,
.af-login-box input[type="submit"]:hover{

    background:#222 !important;

}

/* Lost Password */

.af-forgot a{
    color:#6B7280;
    text-decoration:none;
    font-size:15px;
    font-weight:500;
    transition:.2s ease;
}

.af-forgot a:hover{
    color:#000;
    text-decoration:none;
}

/* Subtitle */
.af-login-box > p{
    color:#000 !important;
    font-weight:500;
}