@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: url("/asset/fonts/fa-brands-400.eot");
  src: url("/asset/fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"),
  url("/asset/fonts/fa-brands-400.woff2") format("woff2"),
  url("/asset/fonts/fa-brands-400.woff") format("woff"),
  url("/asset/fonts/fa-brands-400.ttf") format("truetype"),
  url("/asset/fonts/fa-brands-400.svg#fontawesome") format("svg");
}

.fab {
  font-family: 'Font Awesome 5 Brands'!important; }
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url("/asset/fonts/fa-regular-400.eot");
  src: url("/asset/fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"),
  url("/asset/fonts/fa-regular-400.woff2") format("woff2"),
  url("/asset/fonts/fa-regular-400.woff") format("woff"),
  url("/asset/fonts/fa-regular-400.ttf") format("truetype"),
  url("/asset/fonts/fa-regular-400.svg#fontawesome") format("svg");
}

.far {
  font-family: 'Font Awesome 5 Free'!important;
  font-weight: 400!important; }
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: auto;
  src: url("/asset/fonts/fa-solid-900.eot");
  src: url("/asset/fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),
       url("/asset/fonts/fa-solid-900.woff2") format("woff2"),
       url("/asset/fonts/fa-solid-900.woff") format("woff"),
       url("/asset/fonts/fa-solid-900.ttf") format("truetype"),
       url("/asset/fonts/fa-solid-900.svg#fontawesome") format("svg");
}

.fa,
.fas {
  vertical-align: middle;
  font-family: 'Font Awesome 5 Free'!important;
  font-weight: 900!important; }


@font-face {
  font-family: 'IRANSans-web';
  src: url('/asset/fonts/IRANSans-Bold-web.eot');

  src: url('/asset/fonts/IRANSans-Bold-web.eot') format('eot'),  /* IE6–8 */
       url('/asset/fonts/IRANSans-Bold-web.woff2') format('woff2'),  /* Chrome36+, Opera24+*/
       url('/asset/fonts/IRANSans-Bold-web.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('/asset/fonts/IRANSans-Bold-web.ttf') format('ttf');
  font-weight: bold;
}


@font-face {
  font-family: 'IRANSans-web';
  src: url('/asset/fonts/IRANSans-Medium-web.eot');

  src: url('/asset/fonts/IRANSans-Medium-web.eot') format('eot'),  /* IE6–8 */
       url('/asset/fonts/IRANSans-Medium-web.woff2') format('woff2'),  /* Chrome36+, Opera24+*/
       url('/asset/fonts/IRANSans-Medium-web.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('/asset/fonts/IRANSans-Medium-web.ttf') format('ttf');
  font-weight: 500;
}


@font-face {
  font-family: 'IRANSans-web';
  src: url('/asset/fonts/IRANSans-UltraLight-web.eot');

  src: url('/asset/fonts/IRANSans-UltraLight-web.eot') format('eot'),  /* IE6–8 */
       url('/asset/fonts/IRANSans-UltraLight-web.woff2') format('woff2'),  /* Chrome36+, Opera24+*/
       url('/asset/fonts/IRANSans-UltraLight-web.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('/asset/fonts/IRANSans-UltraLight-web.ttf') format('ttf');
  font-weight: 200;
}


@font-face {
  font-family: 'IRANSans-web';
  src: url('/asset/fonts/IRANSans-Light-web.eot');

  src: url('/asset/fonts/IRANSans-Light-web.eot') format('eot'),  /* IE6–8 */
       url('/asset/fonts/IRANSans-Light-web.woff2') format('woff2'),  /* Chrome36+, Opera24+*/
       url('/asset/fonts/IRANSans-Light-web.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('/asset/fonts/IRANSans-Light-web.ttf') format('ttf');
  font-weight: 300;
}


@font-face {
  font-family: 'IRANSans-web';
  src: url('/asset/fonts/IRANSans-web.eot');

  src: url('/asset/fonts/IRANSans-web.eot?#iefix') format('eot'),  /* IE6–8 */
       url('/asset/fonts/IRANSans-web.woff2') format('woff2'),  /* Chrome36+, Opera24+*/
       url('/asset/fonts/IRANSans-web.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('/asset/fonts/IRANSans-web.ttf') format('ttf');
  font-weight: normal;
}

.#{$fa-css-prefix}-spin {
  animation: fa-spin 2s infinite linear;
}

.#{$fa-css-prefix}-pulse {
  animation: fa-spin 1s infinite steps(8);
}

@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

*{
  direction: rtl;
  font-family: IRANSans-web!important;
}
.ltr{
 direction: ltr;
 }
.radus{
  width: 8px!important;
  height: 8px!important;
  border-radius: 100%;
}
.showoo {
  transition: all 0.7s, -webkit-transform 0.7s;
}
.input-styly-prepend{
  border-left: none!important;
  border-radius: 0 3px 3px 0!important;

  box-shadow: none!important;
}
.input-styly-prepend2{
  border: none!important;
  border-radius: 0 3px 3px 0!important;
  box-shadow: none!important;
}
.input-styly-append{
  border-right: none !important;
  border-radius: 3px 0 0 3px!important;
  box-shadow: none!important;
}
.border-none{
  border: none;
}
.border-radius-rb{
  border-radius: 0 3px 3px 0!important;
}
.border-radius-tl{
  border-radius: 3px 0 0 3px!important;
}
.display-none{
  display: none;
}
.wh-100{
  width: 100%;
  height: 100%;
}
.close-style{
  margin: -1rem auto -1rem -1rem!important;
}
.close-style:hover{
  color: red;
}
border-none{
  border: none!important;
}
/*
main menu styles*/
.menu-avatar {
  width: 36px;
  height: 36px;
  border: 3px solid #efef;
}

.navbar-left i {
  vert-align: -6px;
}

i.m-settings-icon {
  vertical-align: -9px;
  color: #ffff00;
}

i.m-icon {
  color: rgba(204, 204, 204, 0.94);
  font-size: 18px;
  vertical-align: -5px;
}

#custom-dropdown-menu {
  border-top: 4px solid #9a9aff;
}

.custom-main-dropdown-menu {
  width: 100%;
  border-radius: 0;
  background: #3498db;
  margin: 0;

}
.cursor-pointer{
  cursor: pointer;
}
#sub-menu-list-group li {
  background: transparent;
}

ul#sub-menu-list-group li i {
  vertical-align: -5px;
  color: #ffff;
  font-size: 18px;
}

ul#sub-menu-list-group li a {
  color: #ffffff;
  font-size: 14px;
}

#custom-navbar {
  padding: 0;
  height: 40px;
}

.navbar-dark .navbar-nav .nav-link {
  color: #ffffff;
}

.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
  color: #ffff00;
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: rgb(253, 255, 185);
}

i.menu-item-divider {
  margin-top: 8px;
  color: #b1aaaa;
}
.meno-height{
  height: 100%!important;
}
.slider{
  height: 3px!important;
  width: 86% !important;
  margin: 15px 13px 0 0;
}
.img1{
  width: 48px;
  height: 48px;
  background: url("/image/lefttabs.png") 0 -116px no-repeat;
}
.img2{
   width: 48px;
   height: 48px;
   background: url("/image/lefttabs.png") 0 0px no-repeat;
 }
.img3{
   width: 48px;
   height: 48px;
   background: url("/image/lefttabs.png") 0 -58px no-repeat;
 }
.ul-hover>li>a{
  color: #bdbdbd !important;
  cursor: pointer!important;
}
.ul-hover>li{
  color: #b6b6b6 !important;
  cursor: pointer!important;
}

.ul-hover>li>a:hover{
  color: #ffffff!important;
}
#top{
  right: 10px;
  bottom: 10px;
}
.hide{
  display: none;
}
.border-radius-none{
  border-radius: 0px!important;
}