html,
body {
  height: 100%;
  margin: 0;
}
body {
  background: #ffffff;
}
main {
  width: 100%;
  /* max-width: 1200px; */
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  position: relative;
  margin: 0 auto;
  /* padding-top: 5vh; */
}
main > #footer {
  margin-top: auto;
}
.dashboard-breadcrumb a {
  text-decoration: none;
}


.text-pink {
  color: #ff4081;
}

@media (max-width: 768px) {
  main {
    padding-top: 80px;
  }
}

@media (max-width: 420px) {
  main {
    margin: 0;
    padding-inline: 0;
    padding-top: 80px;
  }
}

.f11 {
  font-size: 11px;
  font-weight: 100;
}
.f13 {
  font-size: 13px !important;
  font-weight: 100 !important;
}
.f15 {
  font-size: 15px !important;
  font-weight: 100 !important;
}
.f15 {
  font-size: 15px !important;
  font-weight: 100 !important;
}
.bg-none {
  background-color: none;
}

a {
  color: rgb(114 124 150);
}
.pink100 {
  color: #ff4081;
}
.green100 {
  color: #00bfa5;
}
.gray100 {
  color: #717d97;
}
.gray50 {
  color: #898d96;
}
.gray30 {
  color: #8e9094;
}
.pb30 {
  padding-bottom: 30px;
}

.form-control {
  background-color: #ebeef3;
  border-radius: 15px;
  border: none;
}

.online {
  width: 15px;
  height: 15px;
  background: #87b6eb;
  border-radius: 100%;
}
.offline {
  width: 15px;
  height: 15px;
  background: #aaaaaa;
  border-radius: 100%;
}

.menuApp {
  background: var(--nav-active);
  border-radius: 100%;
  height: 58px;
  width: 58px;
}


.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #429DDD;
    --bs-btn-border-color: #429DDD;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #3489c5;
    --bs-btn-hover-border-color: #3489c5;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #3489c5;
    --bs-btn-active-border-color: #3489c5;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #429DDD;
    --bs-btn-disabled-border-color: #429DDD;
}

/* Gender-based primary button */
.theme-boy .btn-primary {
    --bs-btn-bg: #429DDD;
    --bs-btn-border-color: #429DDD;
    --bs-btn-hover-bg: #3489c5;
    --bs-btn-hover-border-color: #3489c5;
    --bs-btn-active-bg: #3489c5;
    --bs-btn-active-border-color: #3489c5;
    --bs-btn-disabled-bg: #429DDD;
    --bs-btn-disabled-border-color: #429DDD;
}

.theme-girl .btn-primary {
    --bs-btn-bg: #E897CD;
    --bs-btn-border-color: #E897CD;
    --bs-btn-hover-bg: #d685bb;
    --bs-btn-hover-border-color: #d685bb;
    --bs-btn-active-bg: #d685bb;
    --bs-btn-active-border-color: #d685bb;
    --bs-btn-disabled-bg: #E897CD;
    --bs-btn-disabled-border-color: #E897CD;
    --bs-btn-focus-shadow-rgb: 232, 151, 205;
}

/* Gender-based outline primary button */
.theme-boy .btn-outline-primary {
    --bs-btn-color: #429DDD;
    --bs-btn-border-color: #429DDD;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #429DDD;
    --bs-btn-hover-border-color: #429DDD;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #3489c5;
    --bs-btn-active-border-color: #3489c5;
    --bs-btn-disabled-color: #429DDD;
    --bs-btn-disabled-border-color: #429DDD;
}

.theme-girl .btn-outline-primary {
    --bs-btn-color: #E897CD;
    --bs-btn-border-color: #E897CD;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #E897CD;
    --bs-btn-hover-border-color: #E897CD;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #d685bb;
    --bs-btn-active-border-color: #d685bb;
    --bs-btn-disabled-color: #E897CD;
    --bs-btn-disabled-border-color: #E897CD;
    --bs-btn-focus-shadow-rgb: 232, 151, 205;
}


/* Generated by script */

@font-face {
  font-family: "iran";
  src: url("../fonts/IRANSans/IRANSansWeb.eot");
  src: url("../fonts/IRANSans/IRANSansWeb.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/IRANSans/IRANSansWeb.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* IRANSansWeb FaNum (فارسی با اعداد فارسی) */
@font-face {
  font-family: "iranNum";
  src: url("../fonts/IRANSans/IRANSansWeb(FaNum).woff") format("woff"),
    url("../fonts/IRANSans/IRANSansWeb.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

table,
td,
tr,
thead,
tbody,
a,
p,
button,
label,
span h1,
h2,
h3,
h4,
h5,
h6,
textarea,
input,
select,
option,
div,
span,
button {
  font-family: "iran", sans-serif !important;
}

.text-right {
  text-align: right;
}

.font-iran {
  font-family: "iran" !important;
}


@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1720px;
    }
}