/* ErpTronix — styles Frappe/ERPNext stock login page (do not override www/login.*) */
@font-face { 
font-family: 'DroidKufi-Regular';
src: url('/assets/css/DroidKufi-Regular.eot'); 
src: url('/assets/css/DroidKufi-Regular.eot') format('embedded-opentype'),
 url('/assets/css/DroidKufi-Regular.woff2') format('woff2'), 
 url('/assets/css/DroidKufi-Regular.woff') format('woff'), 
 url('/assets/css/DroidKufi-Regular.ttf') format('truetype'), 
 url('/assets/css/DroidKufi-Regular.svg#TrajanProBold') format('svg'); 
}
@font-face { 
font-family: 'DroidKufi-Bold';
src: url('/assets/css/DroidKufi-Bold.eot'); 
src: url('/assets/css/DroidKufi-Bold.eot') format('embedded-opentype'),
 url('/assets/css/DroidKufi-Bold.woff2') format('woff2'), 
 url('/assets/css/DroidKufi-Bold.woff') format('woff'), 
 url('/assets/css/DroidKufi-Bold.ttf') format('truetype'), 
 url('/assets/css/DroidKufi-Bold.svg#TrajanProBold') format('svg'); 
}

section.for-login {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  
  
  /*background: linear-gradient(180deg, #0a376d, #0b5cad 58%, #063767) !important;*/
  background: linear-gradient(135deg, #0f3d5c 0%, #155e75 55%, #1a7a6d 100%) !important;
  font-family: 'DroidKufi-Regular',sans-serif !important;
  padding: 24px;
}

section.for-login .login-content.page-card {
  width: min(420px, 100%);
  border-radius: 18px;
  border: 1px solid #714b6740;
  box-shadow: 0 20px 40px rgba(113, 75, 103, 0.12);
  overflow: hidden;
}

section.for-login .page-card-head h4,
section.for-login .page-card-head h2 {
  font-weight: 700;
  color: #fafbde;
}

section.for-login .form-control {
  border-radius: 10px;
  background-color: #ffffff !important;
  border: solid 1px #714b6740 !important;
}

section.for-login .btn-primary.btn-login,
section.for-login .btn-login {
  background-color: #16408e !important
  border: none !important;
  color: white !important;
  box-shadow: none !important;
  border-radius: 10px;
}

section.for-login .btn-primary.btn-login:hover,
section.for-login .btn-login:hover {
  background-color: #017E84 !important;
}

section.for-login .form-control:focus,
section.for-login .form-control:hover {
  box-shadow: 0 0 0 1px rgba(1, 126, 132, 0.35) !important;
}

/* Newara-like surrounding elements on the login route */
[data-path="login"] .navbar-light {
  border-bottom: 1px solid #714b6740 !important;
  background: white;
}

[data-path="login"] .web-footer {
  border-top: 1px solid #714b6740 !important;
}

/* Links inside login card */
.for-login .page-card .page-card-body .forgot-password-message > * {
  color: #017E84 !important;
}

.page-card-head img {
    max-height: 92px !important;
}