/* The sign-in pages in the v5 design (resources/views/layouts/auth-v5).
   The site's tokens, fonts and logo, and Metronic's variables pointed at
   them so its form controls, alerts and buttons look like the site's.
   Flat and matte: no gradients, no glows. */

@font-face{font-family:dana;font-weight:300 500;font-display:swap;src:url(../fa/woff2/Dana-Regular.woff2) format("woff2")}
@font-face{font-family:dana;font-weight:600 700;font-display:swap;src:url(../fa/woff2/Dana-Bold.woff2) format("woff2")}
@font-face{font-family:dana;font-weight:800 900;font-display:swap;src:url(../fa/woff2/Dana-ExtraBold.woff2) format("woff2")}
@font-face{font-family:Poppins;font-weight:300 500;font-display:optional;src:url(../fa/fonts/Poppins/normal-400.woff2) format("woff2")}
@font-face{font-family:Poppins;font-weight:600;font-display:optional;src:url(../fa/fonts/Poppins/normal-600.woff2) format("woff2")}
@font-face{font-family:Poppins;font-weight:700 900;font-display:optional;src:url(../fa/fonts/Poppins/normal-700.woff2) format("woff2")}

/* tokens: the same values as site.css */
:root{--bg:#f6f7f9;--surface:#fff;--surface-2:#f1f3f6;--line:#e3e7ec;--line-2:#d3d9e0;--ink:#14171c;--ink-2:#424a55;--ink-3:#5f6270;--brand:#a85c00;--brand-ink:#fff;--brand-soft:#fff1e3;--brand-line:#f6c999;--ok:#137a43;--ok-soft:#e5f5ec;--bad:#b42318;--bad-soft:#fdecea;--r:10px;--r-lg:14px;--wrap:1200px;--sans:Poppins,dana,sans-serif}
:root[lang=fa]{--sans:dana,Tahoma,sans-serif}
:root[data-theme=dark]{--bg:#0f1115;--surface:#171a20;--surface-2:#1d2128;--line:#262b33;--line-2:#323843;--ink:#eef1f5;--ink-2:#b9c0ca;--ink-3:#8b94a1;--brand:#c26a00;--brand-ink:#0f1014;--brand-soft:#2a1d10;--brand-line:#5a3a17;--ok:#13b966;--ok-soft:#13251c;--bad:#f2786d;--bad-soft:#2b1715;color-scheme:dark}
/* brand as text: AA on both surfaces */
:root{--brand-text:#9a5400}:root[data-theme=dark]{--brand-text:#ffb830}

/* Metronic's variables, pointed at the tokens */
body.wn5,[data-bs-theme] body.wn5{
  --bs-body-bg:var(--bg);--bs-body-color:var(--ink-2);--bs-body-font-family:var(--sans);--bs-font-sans-serif:var(--sans);
  --bs-primary:var(--brand);--bs-primary-active:var(--brand);--bs-primary-light:var(--brand-soft);--bs-primary-inverse:var(--brand-ink);--bs-primary-rgb:168,92,0;
  --bs-text-primary:var(--brand-text);--bs-link-color:var(--brand-text);--bs-link-hover-color:var(--brand-text);
  --bs-gray-900:var(--ink);--bs-gray-800:var(--ink);--bs-gray-700:var(--ink-2);--bs-gray-600:var(--ink-3);--bs-gray-500:var(--ink-3);
  --bs-text-gray-900:var(--ink);--bs-text-gray-800:var(--ink);--bs-text-gray-700:var(--ink-2);--bs-text-gray-600:var(--ink-3);--bs-text-gray-500:var(--ink-3);--bs-text-muted:var(--ink-3);
  --bs-gray-100:var(--surface-2);--bs-gray-200:var(--line);--bs-gray-300:var(--line-2);--bs-border-color:var(--line);
  --bs-success:var(--ok);--bs-text-success:var(--ok);--bs-danger:var(--bad);--bs-text-danger:var(--bad);
  --bs-light:var(--surface-2);--bs-light-primary:var(--brand-soft);
  margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--ink-2);
  font-family:var(--sans);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased
}
.wn5 *{font-family:inherit}
.wn5 svg.i{width:20px;height:20px;flex:none;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.wn5 .skip{position:absolute;inset-inline-start:12px;top:-60px;background:var(--brand);color:var(--brand-ink);padding:8px 14px;border-radius:8px;z-index:100}
.wn5 .skip:focus{top:12px}
.a-wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:24px}

/* the showcase's tones in the dark theme */
:root[data-theme=dark] .a-show{--s-bg:#13161b;--s-ok-ink:#7fe0ae;--s-brand:#ffb830;--s-pop:0 18px 40px rgba(0,0,0,.45)}

/* shell: the form half and the showcase half */
.a-shell{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);min-height:100vh}
.a-pane{display:flex;flex-direction:column;min-width:0;padding:24px clamp(20px,4vw,56px);background:var(--bg)}

/* bar */
.a-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px}
.wn5 .logo{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none}
.wn5 .logo .mark{width:34px;height:34px;flex:none;fill:var(--brand);background:none;padding:0}
.wn5 .logo .lwm{display:grid;line-height:1.3;text-align:start}
.wn5 .logo .lwm b{font-size:18px;font-weight:800;letter-spacing:-.3px;color:var(--ink)}
.wn5 .logo .lwm small{font-size:11.5px;font-weight:500;color:var(--ink-3);white-space:nowrap}
:root[lang=en] .wn5 .logo .lwm b{font-weight:700;letter-spacing:-.4px}
.a-bar__tools{display:flex;align-items:center;gap:6px}
.a-lang{display:flex;align-items:center;gap:2px;margin:0;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--surface)}
.a-lang__ic{display:grid;place-items:center;color:var(--ink-3);padding-inline:6px 2px}
.a-lang__ic svg.i{width:17px;height:17px}
.a-lang button{border:0;background:none;color:var(--ink-2);font-size:13.5px;font-weight:600;padding:4px 12px;border-radius:999px;cursor:pointer;line-height:1.6}
.a-lang button[aria-current]{background:var(--surface-2);color:var(--ink)}
.a-lang button:hover{color:var(--ink)}
.wn5 .icon-btn{width:40px;height:40px;display:grid;place-items:center;border-radius:9px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);cursor:pointer}
.wn5 .icon-btn:hover{color:var(--ink);border-color:var(--line-2)}
.wn5 :focus-visible{outline:2px solid var(--brand-text);outline-offset:2px}

/* the form */
.a-main{flex:1;display:flex;align-items:center;justify-content:center;padding-block:40px}
.a-card{width:100%;max-width:420px}
.a-card form > div.text-center:first-of-type{text-align:start !important}
.a-secure{display:flex;gap:10px;align-items:flex-start;margin:28px 0 0;padding-top:20px;border-top:1px solid var(--line);font-size:13px;line-height:1.6;color:var(--ink-3)}
.a-secure svg.i{width:17px;height:17px;flex:none;margin-top:2px;color:var(--ok)}

.a-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--ink-3)}
.a-foot nav{display:flex;gap:18px}
.a-foot a{color:var(--ink-3);text-decoration:none}
.a-foot a:hover{color:var(--ink)}

/* the showcase: the same theme as the form half, one step apart in tone */
.a-show{--s-bg:#eceef2;--s-surface:var(--surface);--s-surface-2:var(--surface-2);--s-line:var(--line);--s-line-2:var(--line-2);--s-ink:var(--ink);--s-ink-2:var(--ink-2);--s-ink-3:var(--ink-3);--s-ok:var(--ok);--s-ok-soft:var(--ok-soft);--s-ok-ink:#0c6b39;--s-brand:var(--brand-text);--s-bar:#da7800;--s-ic:var(--brand-soft);--s-pop:0 14px 32px rgba(15,16,20,.12);
  position:relative;overflow:hidden;background:var(--s-bg);color:var(--s-ink-2);border-inline-start:1px solid var(--line);display:flex;align-items:center;padding:56px clamp(32px,5vw,80px)}
.a-show::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--s-line) 1px,transparent 1px),linear-gradient(90deg,var(--s-line) 1px,transparent 1px);background-size:48px 48px;opacity:.6;pointer-events:none}
.a-show__in{position:relative;width:100%;max-width:560px;margin-inline:auto}
.a-show .a-kick{font-size:13px;font-weight:800;color:var(--s-brand);margin:0 0 12px}
.a-show__title{font-size:clamp(28px,2.8vw,40px);font-weight:600;letter-spacing:-1.1px;line-height:1.25;color:var(--s-ink);margin:0 0 14px}
:root[lang=fa] .a-show__title{letter-spacing:0;font-weight:800;line-height:1.45}
.a-show__lead{font-size:15.5px;color:var(--s-ink-3);margin:0 0 36px;max-width:500px}

.a-mock{position:relative;padding-bottom:66px}
.a-mock__win{background:var(--s-surface);border:1px solid var(--s-line);border-radius:14px;overflow:hidden}
.a-mock__head{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--s-line);color:var(--s-ink);font-size:14px}
.a-mock__head b{font-weight:700}
.a-mock__head .a-pill{margin-inline-start:auto}
.a-mock__dots{display:flex;gap:6px}.a-mock__dots i{width:9px;height:9px;border-radius:50%;background:var(--s-line-2)}
.a-mock__cols,.a-mock__row{display:grid;grid-template-columns:1.2fr 1fr 1.1fr auto;gap:14px;align-items:center;padding:0 16px}
.a-mock__cols{font-size:11.5px;font-weight:600;color:var(--s-ink-3);padding-block:10px;background:var(--s-surface-2);text-transform:uppercase;letter-spacing:.4px}
:root[lang=fa] .a-mock__cols{text-transform:none;letter-spacing:0;font-size:12px}
.a-mock__row{min-height:54px;border-top:1px solid var(--s-line);font-size:13.5px}
.a-mock__name{display:flex;align-items:center;gap:9px;color:var(--s-ink);font-weight:600}
.a-mock__name svg.i{width:17px;height:17px;color:var(--s-ink-3)}
.a-mock__place{color:var(--s-ink-2)}
.a-bars{display:flex;align-items:flex-end;gap:3px;height:22px}
.a-bars i{flex:1;max-width:7px;height:var(--h);min-height:2px;border-radius:2px;background:var(--s-bar)}
.a-pill{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;background:var(--s-surface-2);color:var(--s-ink-2);border:1px solid var(--s-line)}
.a-pill i{width:7px;height:7px;border-radius:50%;background:var(--s-ink-3)}
.a-pill--ok{background:var(--s-ok-soft);color:var(--s-ok-ink);border-color:transparent}
.a-pill--ok i{background:var(--s-ok)}
.a-mock__card{position:absolute;inset-inline-end:-18px;bottom:0;display:flex;align-items:center;gap:12px;min-width:250px;padding:12px 14px;background:var(--s-surface-2);border:1px solid var(--s-line-2);border-radius:12px;box-shadow:var(--s-pop)}
.a-mock__ic{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;background:var(--s-ic);color:var(--s-brand);flex:none}
.a-mock__ic svg.i{width:18px;height:18px}
.a-mock__txt{display:grid;line-height:1.35;font-size:13.5px}
.a-mock__txt b{color:var(--s-ink);font-weight:700}
.a-mock__txt small{color:var(--s-ink-3);font-size:12px}
.a-mock__card .a-pill{margin-inline-start:auto}

.a-stats{list-style:none;margin:40px 0 0;padding:24px 0 0;border-top:1px solid var(--s-line);display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.a-stats li{display:grid;gap:2px}
.a-stats b{font-size:26px;font-weight:700;color:var(--s-ink);letter-spacing:-.5px;line-height:1.2;text-align:start}
.a-stats span{font-size:13px;color:var(--s-ink-3)}

@media (max-width:1180px){.a-mock__card{inset-inline-end:0}}
@media (max-width:1023px){
  .a-shell{grid-template-columns:minmax(0,1fr)}
  .a-show{display:none}
}
@media (max-width:560px){
  .a-pane{padding:16px}
  .a-main{align-items:flex-start;padding-block:28px 40px}
  .wn5 .logo .lwm small{display:none}
  .a-lang__ic{display:none}
  .a-lang button{padding:4px 9px}
}

/* the forms: Metronic markup, in the site's style */
.a-card h1{font-size:28px !important;font-weight:700 !important;letter-spacing:-.6px;color:var(--ink) !important;line-height:1.3}
:root[lang=fa] .a-card h1{letter-spacing:0;font-weight:800 !important}
.a-card .mb-11{margin-bottom:28px !important}
.a-card .mb-10{margin-bottom:24px !important}
.a-card .mb-8{margin-bottom:20px !important}
.a-card .form-label{font-size:14px !important;font-weight:600 !important;color:var(--ink) !important;margin-bottom:8px}
.a-card .form-control,.a-card .form-select{height:48px;background:var(--bg) !important;border:1px solid var(--line-2);border-radius:var(--r);color:var(--ink);font-size:15px;padding-inline:14px;box-shadow:none;transition:border-color .15s}
.a-card .form-control::placeholder{color:var(--ink-3)}
.a-card .form-control:hover:not(:focus){border-color:var(--ink-3)}
.a-card .form-control:focus,.a-card .form-select:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft);background:var(--surface) !important;color:var(--ink)}
.a-card .form-control.is-invalid{border-color:var(--bad)}
.a-card .form-control:-webkit-autofill{-webkit-text-fill-color:var(--ink);-webkit-box-shadow:0 0 0 40px var(--bg) inset;caret-color:var(--ink)}
.a-card .form-text{color:var(--ink-3)}
.a-card .invalid-feedback,.a-card .form-error{color:var(--bad)}
.a-card .form-check-input{width:20px;height:20px;background-color:var(--bg);border:1px solid var(--line-2);border-radius:6px}
.a-card .form-check-input:checked{background-color:var(--brand);border-color:var(--brand)}
.a-card .form-check-label{color:var(--ink-2) !important}

.a-card .btn{border-radius:var(--r);font-weight:700;font-size:15px;box-shadow:none !important;background-image:none !important}
.a-card .btn.btn-primary{min-height:50px;background:var(--brand) !important;border:1px solid var(--brand) !important;color:var(--brand-ink) !important}
.a-card .btn.btn-primary:hover:not(:disabled){filter:brightness(1.06)}
.a-card .btn.btn-primary .indicator-label,.a-card .btn.btn-primary .indicator-progress{color:var(--brand-ink)}
.a-card .btn.btn-light{background:var(--surface-2) !important;border:1px solid var(--line) !important;color:var(--ink) !important}
.a-card .btn.btn-link,.a-card .link-primary,.a-card a.text-primary{color:var(--brand-text) !important;font-weight:600;text-decoration:none}
.a-card .btn.btn-link:hover,.a-card .link-primary:hover{text-decoration:underline}
.a-card .text-primary{color:var(--brand-text) !important}

.a-card .alert{border-radius:var(--r);border:1px solid var(--line);padding:14px 16px !important;font-size:14px;align-items:flex-start !important}
.a-card .alert i{font-size:22px !important}
.a-card .alert-success{background:var(--ok-soft);border-color:transparent;color:var(--ink)}
.a-card .alert-danger{background:var(--bad-soft);border-color:transparent;color:var(--ink)}
.a-card .alert-success i{color:var(--ok) !important}.a-card .alert-danger i{color:var(--bad) !important}
.a-card .bg-light-primary{background:var(--brand-soft) !important}
.a-card .symbol-label{background:var(--brand-soft) !important;color:var(--brand-text) !important}
.a-card .bg-secondary{background:var(--line) !important}
.a-card .bg-active-success.active{background:var(--ok) !important}

.wn5 cap-widget{--cap-font:var(--sans);--cap-background:var(--bg);--cap-border-color:var(--line-2);--cap-border-radius:var(--r);--cap-color:var(--ink);--cap-checkbox-border:1px solid var(--line-2);--cap-checkbox-background:var(--surface);--cap-spinner-color:var(--brand);--cap-spinner-background-color:var(--line);width:100%;margin-bottom:20px}
.wn5 .menu-sub-dropdown{background:var(--surface);border:1px solid var(--line)}