/* BMCC website pages: sign in, password reset, email link. Palette from the tree logo. */
@import url(/assets/bmcc/fonts/fonts.css);
body[data-path="login"],body[data-path="update-password"],body[data-path="login"] .page-content{
  background:#F6F8F3;font-family:'Source Sans 3',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
body[data-path="login"] .navbar,body[data-path="login"] header.navbar,body[data-path="login"] .web-footer,
body[data-path="login"] footer,body[data-path="update-password"] .navbar,body[data-path="update-password"] footer{display:none!important}
body[data-path="login"]::before{content:"";position:fixed;left:-90px;bottom:-60px;width:420px;height:420px;
  background:url(/assets/bmcc/img/mark.png) no-repeat center/contain;opacity:.08;pointer-events:none;z-index:0}
body[data-path="login"]::after{content:"";position:fixed;right:-70px;top:-70px;width:340px;height:340px;
  background:url(/assets/bmcc/img/mark.png) no-repeat center/contain;opacity:.06;transform:scaleX(-1);pointer-events:none;z-index:0}
.for-login{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;gap:4px}
.for-login .page-card-head{margin-bottom:20px;text-align:center}
.for-login .page-card-head img,.for-login img.app-logo,.for-login .app-logo{
  content:url(/assets/bmcc/img/logo.png);max-height:none!important;height:150px!important;width:auto!important;margin:0 auto 8px;display:block}
.for-login .page-card-head h4,.for-login h4{font-family:'Montserrat',sans-serif;font-weight:700;font-size:20px;color:#141414;letter-spacing:.3px;margin-top:6px}
.for-login .page-card{background:#fff;border:2px solid #14713C;border-radius:16px;box-shadow:8px 8px 0 #A9CE5F;padding:32px 28px;width:100%;max-width:420px;margin:0 auto}
.for-login .form-control{background:#F6F8F3;border:1.5px solid #DFE7DA;border-radius:10px;color:#141414;font-size:15px;height:44px}
.for-login .form-control:focus{border-color:#4FAF46;box-shadow:0 0 0 3px rgba(79,175,70,.18);background:#fff}
.for-login .btn-primary,.for-login .btn-login,.for-login .btn-dark,.for-login .btn.btn-primary{
  background:#14713C!important;border-color:#14713C!important;color:#fff!important;border-radius:10px;font-weight:700;
  font-family:'Montserrat',sans-serif;height:44px;font-size:15px;letter-spacing:.3px}
.for-login .btn-primary:hover,.for-login .btn-login:hover,.for-login .btn-dark:hover{background:#0E5A2F!important;border-color:#0E5A2F!important}
.for-login .btn-default,.for-login .btn-light,.for-login .btn.btn-default{background:#E8F2D8;border-color:#E8F2D8;color:#141414;border-radius:10px;font-weight:600;height:42px}
.for-login a,.for-login .forgot-password-message a{color:#0E5A2F;font-weight:600}
.for-login .page-card form,.for-login .page-card .login-content,.for-login .page-card .page-card-body{width:100%}
.for-login .page-card .btn,.for-login .page-card .form-control,.for-login .page-card .social-logins,.for-login .page-card .login-with-email-link{
  width:100%!important;max-width:100%;margin-left:0!important;margin-right:0!important;display:block;box-sizing:border-box;text-align:center}
.for-login .page-card .btn{display:flex!important;align-items:center;justify-content:center;line-height:1;padding-top:0;padding-bottom:0}
.for-login .page-card .form-control{text-align:left}
