/* CSS Document */

@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: bold;
	src: url('../fonts/eot/IRANSansWeb(FaNum)_Bold.eot');
	src: url('../fonts/eot/IRANSansWeb(FaNum)_Bold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */ url('../fonts/woff2/IRANSansWeb(FaNum)_Bold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/ url('../fonts/woff/IRANSansWeb(FaNum)_Bold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ttf/IRANSansWeb(FaNum)_Bold.ttf') format('truetype');
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/eot/IRANSansWeb(FaNum)_Medium.eot');
	src: url('../fonts/eot/IRANSansWeb(FaNum)_Medium.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */ url('../fonts/woff2/IRANSansWeb(FaNum)_Medium.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/ url('../fonts/woff/IRANSansWeb(FaNum)_Medium.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ttf/IRANSansWeb(FaNum)_Medium.ttf') format('truetype');
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/eot/IRANSansWeb(FaNum)_Light.eot');
	src: url('../fonts/eot/IRANSansWeb(FaNum)_Light.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */ url('../fonts/woff2/IRANSansWeb(FaNum)_Light.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/ url('../fonts/woff/IRANSansWeb(FaNum)_Light.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ttf/IRANSansWeb(FaNum)_Light.ttf') format('truetype');
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 200;
	src: url('../fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot');
	src: url('../fonts/eot/IRANSansWeb(FaNum)_UltraLight.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */ url('../fonts/woff2/IRANSansWeb(FaNum)_UltraLight.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/ url('../fonts/woff/IRANSansWeb(FaNum)_UltraLight.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ttf/IRANSansWeb(FaNum)_UltraLight.ttf') format('truetype');
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/eot/IRANSansWeb(FaNum).eot');
	src: url('../fonts/eot/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'),  /* IE6-8 */ url('../fonts/woff2/IRANSansWeb(FaNum).woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/ url('../fonts/woff/IRANSansWeb(FaNum).woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/ttf/IRANSansWeb(FaNum).ttf') format('truetype');
}

/* fallback */
@font-face {
	font-family: 'Material Symbols Outlined';
	font-style: normal;
	font-weight: 400;
	src: url(/fonts/woff2/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOejbd5zrDAt.woff2) format('woff2');
  }
  
  .material-symbols-outlined {
	font-family: 'Material Symbols Outlined';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
  }

:root {
  --background: #d8d8d8;
  --blue: #0f245f;
  --text-color: #8c94a6;
  --lightBlue: #1a67e5;
  --lumo-font-family: IRANSans;

  /* App-wide surface tokens. Components should prefer these (or the matching
     --lumo-* tokens, which already follow the [theme~="dark"] attribute set
     by src/function/theme.ts) over hardcoded hex colors. */
  --erp-body-bg: #f5f7fb;
  --erp-surface: #ffffff;
  --erp-surface-2: #f0f2f5;
  --erp-border: #dde1e7;
  --erp-hover: #eaecf0;
  --erp-text: #1c2333;
  --erp-text-secondary: #5a6478;
  --erp-text-muted: #9ba3b2;
  --erp-accent-light: #eff6ff;
  --erp-accent-border: #bfdbfe;
  --erp-glow-1: #eef2ff;
  --erp-glow-2: #eff9f4;
  color-scheme: light;
}

:root[data-theme="dark"] {
  --background: #1b1f27;
  --text-color: #b7bfcf;
  --erp-body-bg: #14171b;
  --erp-surface: #1e2229;
  --erp-surface-2: #262b33;
  --erp-border: #333944;
  --erp-hover: #2a2f38;
  --erp-text: #e6e9ef;
  --erp-text-secondary: #9aa3b2;
  --erp-text-muted: #6b7280;
  --erp-accent-light: #1e2a3d;
  --erp-accent-border: #2c4874;
  --erp-glow-1: #1a2035;
  --erp-glow-2: #16241f;
  color-scheme: dark;
}

body {
  width: 100%;
  height: 100vh;
  background-color: var(--erp-body-bg);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
}

body > * {
  font-family: IRANSans;
}

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}



/* Keep floating Vaadin overlays (notifications, dialogs) out of printed pages
   and PDF exports — they are chrome, not document content. */
@media print {
  vaadin-notification-container,
  vaadin-dialog-overlay,
  vaadin-confirm-dialog-overlay,
  vaadin-tooltip-overlay {
    display: none !important;
  }
}