.login h1, .login .h1 {font-size:2em;}
.login h2, .login .h2 {font-size:1.5em;}
.login .card-body { padding:1rem 2rem !important; }

.has-label input + label { position:absolute;top:0.25rem;left:8px;color:olive;transition: all 0.3s;pointer-events:none;display:flex;align-items:center; }
.has-label input:focus + label, .has-label input:not(:focus).is-filled + label { color:royalblue;font-size:0.85em;top:-23px;left:0; }

.has-label input.is-filled {box-shadow: 0 0 0px 1000px #ffffff inset!important;}

.login i.material-icons { font-size:1.1rem;display:inline-block;margin-right:0.1rem;}

.login button[type="submit"] { position:absolute;border-radius:50%;width:96px;height:96px;left:-1rem; }
.login button[type="submit"] i.material-icons { font-size:5rem;line-height:1em; }

form .has-label { position:relative;margin:1.2rem 0 2rem 0;}
.login input[type="text"],
.login input[type="password"] { padding:0.25rem 0.5rem; }

.login a:hover { text-decoration:none; }
.login-container { min-width:300px;max-width:480px; }
#signup .types button { padding:2rem 4rem;margin-right:0.5rem;font-size:1.3rem; }
form.member .input-group-prepend  .input-group-text { min-width:6.5rem; }
.login input[name="username"], .login input[name="password"] { max-width:17rem; }

@media (max-width: 480px)  {
  .login button[type="submit"] { width:64px;height:64px;top:1rem;left:-3rem; }
  .login button[type="submit"] i.material-icons { font-size:3rem;line-height:1em; }
  .login input[name="username"], .login input[name="password"] { max-width:10rem; }
}
#member-update label.switch { top:4px; }
.notification > .dropdown-menu { border:1px solid #444; box-shadow: 2px 2px 10px #888}
.notification .dropdown-menu > button.style { border-bottom:1px solid #aaa}
.notification .dropdown-menu > button.style i.material-icons { padding:0;top:4px !important;color:#f5f5f5;font-weight:bold; }
.notification .dropdown-menu > button.style.selected i.material-icons { color:rgba(34,139,34); }
/* .notification .dropdown-menu > button.style.selected { border:2px solid rgba(34,139,34,0.7) !important;box-shadow:2px 4px 2px rgba(34,139,34,0.3); } */

#lost-found h4 { font-size:1.15rem; }

#page-login .page-holder.login.avoid-vk { position:absolute;top:0;margin-top:4rem; }
#page-login .page-holder.login.avoid-vk .card-header,
#page-login .page-holder.login.avoid-vk .card-body { padding-top:0.2rem;padding-bottom:0.2rem;line-height:1.1rem; }
#page-login .page-holder.login.avoid-vk .card-header h1 { font-size:1.5rem; }