/* DnexERP brand layer for Frappe/ERPNext v15. */
:root {
  --dnex-navy: #0b1f46;
  --dnex-navy-2: #123a78;
  --dnex-teal: #19b7af;
  --dnex-cyan: #39cbea;
  --dnex-slate: #526581;
  --dnex-surface: #f5f8fc;
  --primary: var(--dnex-teal);
  --primary-color: var(--dnex-teal);
  --primary-color-rgb: 25, 183, 175;
}

.navbar {
  border-bottom-color: #dce5f0;
  box-shadow: 0 1px 3px rgb(11 31 70 / 8%);
}

.navbar .navbar-brand img,
.navbar .app-logo {
  max-height: 32px;
}

.btn-primary,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active {
  background-color: var(--dnex-teal);
  border-color: var(--dnex-teal);
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #139991;
  border-color: #139991;
}

a,
.like-disabled-input a {
  color: #117f87;
}

.desk-sidebar .standard-sidebar-item.selected,
.desk-sidebar .standard-sidebar-item:hover {
  background-color: rgb(25 183 175 / 10%);
}

.page-head,
.layout-main-section {
  --fg-color: #ffffff;
}

.web-footer {
  border-top: 3px solid var(--dnex-teal);
}

.for-login,
.for-email-login,
.for-forgot,
.for-signup,
.for-login-with-email-link {
  min-height: 100vh;
  padding: 7vh 1rem 3rem;
  background:
    linear-gradient(90deg, rgb(5 19 47 / 94%), rgb(8 37 78 / 84%)),
    url('/assets/dnexerp_branding/images/dnexerp-login-background-1920x1080.png') center / cover fixed;
}

.for-login .page-card,
.for-email-login .page-card,
.for-forgot .page-card,
.for-signup .page-card,
.for-login-with-email-link .page-card {
  border: 1px solid rgb(57 203 234 / 25%);
  box-shadow: 0 24px 64px rgb(0 0 0 / 28%);
}

.for-login .page-card-head img,
.for-email-login .page-card-head img,
.for-forgot .page-card-head img,
.for-signup .page-card-head img,
.for-login-with-email-link .page-card-head img {
  width: auto;
  max-width: 220px;
  max-height: 72px;
}

.for-login .page-card-head h4,
.for-email-login .page-card-head h4,
.for-forgot .page-card-head h4,
.for-signup .page-card-head h4,
.for-login-with-email-link .page-card-head h4 {
  color: #ffffff;
}