@font-face {
  font-family: "Modam";
  src: url("fonts/ModamWeb-Light.woff2") format("woff2");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: "Modam";
  src: url("fonts/ModamWeb-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Modam";
  src: url("fonts/ModamWeb-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Modam";
  src: url("fonts/ModamWeb-Black.woff2") format("woff2");
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}

@font-face {
  font-family: "Kalameh";
  src: url("fonts/KalamehWeb-Thin.woff2") format("woff2");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: "Kalameh";
  src: url("fonts/KalamehWeb-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Kalameh";
  src: url("fonts/KalamehWeb-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Kalameh";
  src: url("fonts/KalamehWeb-Black.woff2") format("woff2");
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}

body,
input,
select,
textarea {
  font-family: "Kalameh", Tahoma, Arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.nav,
button,
.branch select,
.user > span,
strong,
b {
  font-family: "Modam", "Kalameh", Tahoma, Arial, sans-serif;
}

/* خوانایی بیشتر داشبورد پذیرش در نمایشگرهای رومیزی */
#dashboard .metric small {
  font-size: 13px;
}

#dashboard .metric strong {
  font-size: 30px;
}

#dashboard .metric strong b {
  font-size: 12px;
}

#dashboard .metric em {
  font-size: 11px;
}

#dashboard .card h3 {
  font-size: 20px;
}

#dashboard .card header button {
  font-size: 12px;
}

#dashboard .session time {
  font-size: 15px;
}

#dashboard .session strong {
  font-size: 14px;
}

#dashboard .session small,
#dashboard .session .capacity > span {
  font-size: 12px;
}

#dashboard .pill {
  font-size: 11px;
}

#dashboard .quick > div button {
  font-size: 13px;
}

#dashboard .alert strong {
  font-size: 14px;
}

#dashboard .alert p {
  font-size: 12px;
  line-height: 1.9;
}

#dashboard .alert button {
  font-size: 12px;
}

@media (max-width: 620px) {
  #dashboard .metric small {
    font-size: 12px;
  }

  #dashboard .metric strong {
    font-size: 28px;
  }

  #dashboard .session strong {
    font-size: 13px;
  }

  #dashboard .session small,
  #dashboard .session .capacity > span {
    font-size: 11px;
  }
}