/**
 * AnimeFLV – users module styles (auth screens, account form, profile notices,
 * captcha widgets). Everything else comes from the original css.css.
 */

/* Auth screens */
.de-auth{padding:30px 0 40px}
.de-auth .auth-page-header h2{color:#fff;font-weight:700}
.de-auth .box form{margin:0}
.de-auth .box .checkbox{margin:10px 0 15px}
.de-auth .box .checkbox a{color:#01bcf3}
.de-auth .box .btn-block + .btn-block{margin-top:10px}
.de-auth .box input[type=text],
.de-auth .box input[type=email],
.de-auth .box input[type=password]{height:40px}

/* Captcha containers */
.afl-captcha{margin:0 0 15px;min-height:1px;max-width:100%;overflow:hidden}
.Header>.Mid .Login .afl-captcha{margin-bottom:10px;transform:scale(.87);transform-origin:0 0;height:60px}

/* Header dropdown busy state */
.Header>.Mid .Login form button[disabled]{opacity:.6;cursor:wait}

/* Header account pill (signed in). css.css positions the avatar absolutely
   but never makes the label its containing block (bootstrap's label rules
   also add margin/max-width), so the photo escaped the pill. */
.Header>.Mid .Login.Online>.Button{position:relative;display:block;width:100%;max-width:none;height:40px;margin:0;overflow:hidden;white-space:nowrap;line-height:15px}
.Header>.Mid .Login.Online>.Button img{width:40px;height:40px;max-width:none;object-fit:cover;background-color:#eceff1;border-radius:20px 0 0 20px;vertical-align:top;z-index:1}
.Header>.Mid .Login.Online>.Button>span{height:40px;padding:6px 40px 5px 50px;box-sizing:border-box}
.Header>.Mid .Login.Online>.Button>span strong{display:block;max-width:140px;overflow:hidden;text-overflow:ellipsis;font-size:12px;line-height:17px}
.Header>.Mid .Login.Online>.Button>span span{line-height:12px}
.Header>.Mid .Login.Online>.Button>span:before{transition:transform .2s}
.Header>.Mid .Login.Online #DpdwLnk-Login:checked+.Button>span:before{transform:rotate(180deg)}
.Header>.Mid .Login.Online .ListUser>li>a{white-space:nowrap}
.Header>.Mid .Login.Online .ListUser>li>a.LogOut{color:#fff}
@media all and (min-width:1020px){
.Header>.Mid .Login.Online>.Button{min-width:150px}
}
@media all and (max-width:1020px){
.Header>.Mid .Login.Online{padding:10px 15px}
.Header>.Mid .Login.Online .DpdwCnt.TtCn{margin-top:8px}
.Header>.Mid .Login.Online>.Button>span strong{max-width:none}
}

/* Account settings */
.afl-account-form fieldset{margin:0 0 20px;padding:0;border:0;min-width:0}
.afl-account-form legend{display:block;width:100%;font-size:15px;font-weight:700;line-height:1.4;color:inherit;border:0;border-bottom:1px solid #eceff1;padding:0 0 8px;margin:0 0 15px}
.afl-account-form .form-group label{font-weight:700}
.afl-account-form .checkbox label{font-weight:400}
.afl-account-form textarea.form-control{resize:vertical;min-height:90px}
.afl-account-form .help-block{font-size:12px;margin:5px 0 0}
.afl-avatar-preview{margin:0 0 10px}
.afl-avatar-preview img{display:block;width:80px;height:80px;border-radius:50%;object-fit:cover;background-color:#eceff1}
.afl-account-form button[disabled]{opacity:.6;cursor:wait}

/* Profile */
.afl-profile-private{margin:0;color:#8f9aa5}
.afl-profile-private:before{margin-right:6px}
.WdgtCn .ListAnimes + .Button.ShwMr{margin-top:5px}
.WdgtCn .NvCnAnm{margin-top:10px}
.Anime.alt>a.RmvFv,.Anime.alt>a.AnmQv,.Anime.alt>a.Pndnt{cursor:pointer}

/* Inline alerts added by user.js */
.afl-form-alert{margin-bottom:15px}