@font-face {
  font-family: IRANsans;
  src: url("../fonts/IRANSans/IRANSansWeb_Light.woff") format("woff");
}
* {
  direction: rtl;
  text-align: right;
  font-family: IRANsans;
}
.bg-gray {
  background-color: #404e67;
  color: #dcdcdc;
}
.bg-custom-yellow {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#feb798),
    to(#fe9365)
  );
  background: linear-gradient(to right, #feb798, #fe9365);
}
.bg-custom-green {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#0df3a3),
    to(#0ac282)
  );
  background: linear-gradient(to right, #0df3a3, #0ac282);
}
.bg-custom-pink {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#fe909d),
    to(#fe5d78)
  );
  background: linear-gradient(to right, #fe909d, #fe5d78);
}
.bg-custom-blue {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#01dbdf),
    to(#01a8)
  );
  background: linear-gradient(to right, #01dbdf, #01a8);
}
.pointer {
  cursor: pointer;
}
/* media */
@media only screen and (max-width: 767.98px) {
  .header {
    display: block;
  }
  .sidebar-header {
    width: 100%;
  }
  .body-header {
    display: none;
    width: 100%;
  }
  .sidebar {
    display: none;
    width: 320px;
    z-index: 9;
    height: calc(100% - 3.5rem);
    position: fixed;
    top: 3.5rem;
    right: 0;
  }
  .sidebar-container {
    width: 320px;
    height: 100%;
    position: relative;
    top: 0;
  }
  .main-body {
    width: 100%;
    z-index: 1;
  }
}