@font-face {
    font-family:'iranyekan';
    font-weight: 500;
    font-style: normal;
    src: url('../../fonts/iranyekan/iranyekan.eot');
    src: url('../../fonts/iranyekan/iranyekan.eot?#iefix') format("embedded-opentype"), /* IE6-8 */
    url('../../fonts/iranyekan/iranyekan.woff') format("woff"), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../../fonts/iranyekan/iranyekan.html') format("woff2"),
    url('../../fonts/iranyekan/iranyekan.html') format("truetype");
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: bold;
    src: url('../../fonts/iransans/IRANSans-Bold-web.eot');
    src: url('../../fonts/iransans/IRANSans-Bold-web.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
         url('../../fonts/iransans/IRANSans-Bold-web.woff2') format('woff2'),  /* Chrome36+, Opera24+*/
         url('../../fonts/iransans/IRANSans-Bold-web.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
         url('../../fonts/iransans/IRANSans-Bold-web.ttf') format('truetype');
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 500;
    src: url('../../fonts/iransans/IRANSans-Medium-web.eot');
    src: url('../../fonts/iransans/IRANSans-Medium-web.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
         url('../../fonts/iransans/IRANSans-Medium-web.woff2') format('woff2'),  /* Chrome36+, Opera24+*/
         url('../../fonts/iransans/IRANSans-Medium-web.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
         url('../../fonts/iransans/IRANSans-Medium-web.ttf') format('truetype');
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 300;
    src: url('../../fonts/iransans/IRANSans-Light-web.eot');
    src: url('../../fonts/iransans/IRANSans-Light-web.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
         url('../../fonts/iransans/IRANSans-Light-web.woff2') format('woff2'),  /* Chrome36+, Opera24+*/
         url('../../fonts/iransans/IRANSans-Light-web.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
         url('../../fonts/iransans/IRANSans-Light-web.ttf') format('truetype');
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 200;
    src: url('../../fonts/iransans/IRANSans-UltraLight-web.eot');
    src: url('../../fonts/iransans/IRANSans-UltraLight-web.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
         url('../../fonts/iransans/IRANSans-UltraLight-web.woff2') format('woff2'),  /* Chrome36+, Opera24+*/
         url('../../fonts/iransans/IRANSans-UltraLight-web.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
         url('../../fonts/iransans/IRANSans-UltraLight-web.ttf') format('truetype');
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    src: url('../../fonts/iransans/IRANSans-web.eot');
    src: url('../../fonts/iransans/IRANSans-web.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
         url('../../fonts/iransans/IRANSans-web.woff2') format('woff2'),  /* Chrome36+, Opera24+*/
         url('../../fonts/iransans/IRANSans-web.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
         url('../../fonts/iransans/IRANSans-web.ttf') format('truetype');
}


@font-face {
    font-family: iransans;
    font-style: normal;
    font-weight: normal;
    src: url('../../fonts/iransans/IRANSansWeb.eot');
    src: url('../../fonts/iransans/IRANSansWeb.eot?#iefix') format('embedded-opentype'), url('../fonts/iransans/IRANSansWeb.woff2') format('woff2'), url('../fonts/iransans/IRANSansWeb.woff') format('woff'), url('../fonts/iransans/IRANSansWeb.ttf') format('truetype'), url('../fonts/iransans/IRANSansWeb.svg') format('svg');
}

@font-face {
    font-family: iransans-light;
    font-style: normal;
    font-weight: normal;
    src: url('../../fonts/iransans/IRANSansWeb_Light.eot');
    src: url('../../fonts/iransans/IRANSansWeb_Light.eot?#iefix') format('embedded-opentype'), url('../fonts/iransans/IRANSansWeb_Light.woff2') format('woff2'), url('../fonts/iransans/IRANSansWeb_Light.woff') format('woff'), url('../fonts/iransans/IRANSansWeb_Light.ttf') format('truetype'), url('../fonts/iransans/IRANSansWeb_Light.svg') format('svg');
}

@font-face {
    font-family: iransans-medium;
    font-style: normal;
    font-weight: normal;
    src: url('../../fonts/iransans/IRANSansWeb_Medium.eot');
    src: url('../../fonts/iransans/IRANSansWeb_Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/iransans/IRANSansWeb_Medium.woff2') format('woff2'), url('../fonts/iransans/IRANSansWeb_Medium.woff') format('woff'), url('../fonts/iransans/IRANSansWeb_Medium.ttf') format('truetype'), url('../fonts/iransans/IRANSansWeb_Medium.svg') format('svg');
    ;
}

@font-face {
    font-family: iransans-bold;
    font-style: normal;
    font-weight: normal;
    src: url('../../fonts/iransans/IRANSansWeb_Bold.eot');
    src: url('../../fonts/iransans/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/iransans/IRANSansWeb_Bold.woff2') format('woff2'), url('../fonts/iransans/IRANSansWeb_Bold.woff') format('woff'), url('../fonts/iransans/IRANSansWeb_Bold.ttf') format('truetype'), url('../fonts/iransans/IRANSansWeb_Bold.svg') format('svg');
    ;
}

@font-face {
    font-family: iransans-UltraLight;
    font-style: normal;
    font-weight: normal;
    src: url('../../fonts/iransans/IRANSansWeb_UltraLight.eot');
    src: url('../../fonts/iransans/IRANSansWeb_UltraLight.eot?#iefix') format('embedded-opentype'), url('../fonts/iransans/IRANSansWeb_UltraLight.woff2') format('woff2'), url('../fonts/fontIRANSansWeb_UltraLight.woff') format('woff'), url('../fonts/iransans/IRANSansWeb_UltraLight.ttf') format('truetype'), url('../fonts/iransans/IRANSansWeb_UltraLight.svg') format('svg');
    ;
}

/*-------------------------------------*/
@font-face {
    font-family: 'IRANSans-web';
    src: url('../../fonts/iransans/IRANSans-Bold-web.eot');
    src: url('../../fonts/iransans/IRANSans-Bold-web.eot?#iefix') format('eot'),  /* IE6�8 */
    url('../../fonts/iransans/IRANSans-Bold-web.woff2') format('woff2'),  /* Chrome36+, Opera24+*/
    url('../../fonts/iransans/IRANSans-Bold-web.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../../fonts/iransans/IRANSans-Bold-web.ttf') format('ttf');
    font-weight: bold;
}

@font-face {
    font-family: 'IRANSans-web';
    src: url('../../fonts/iransans/IRANSans-Medium-web.eot');
    src: url('../../fonts/iransans/IRANSans-Medium-web.eot?#iefix') format('eot'),  /* IE6�8 */
    url('../../fonts/iransans/IRANSans-Medium-web.woff2') format('woff2'),  /* Chrome36+, Opera24+*/
    url('../../fonts/iransans/IRANSans-Medium-web.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../../fonts/iransans/IRANSans-Medium-web.ttf') format('ttf');
    font-weight: 500;
}

@font-face {
    font-family: 'IRANSans-web';
    src: url('../../fonts/iransans/IRANSans-UltraLight-web.eot');
    src: url('../../fonts/iransans/IRANSans-UltraLight-web.eot?#iefix') format('eot'),  /* IE6�8 */
    url('../../fonts/iransans/IRANSans-UltraLight-web.woff2') format('woff2'),  /* Chrome36+, Opera24+*/
    url('../../fonts/iransans/IRANSans-UltraLight-web.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../../fonts/iransans/IRANSans-UltraLight-web.ttf') format('ttf');
    font-weight: 200;
}

@font-face {
    font-family: 'IRANSans-web';
    src: url('../../fonts/iransans/IRANSans-Light-web.eot');
    src: url('../../fonts/iransans/IRANSans-Light-web.eot?#iefix') format('eot'),  /* IE6�8 */
    url('../../fonts/iransans/IRANSans-Light-web.woff2') format('woff2'),  /* Chrome36+, Opera24+*/
    url('../../fonts/iransans/IRANSans-Light-web.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../../fonts/iransans/IRANSans-Light-web.ttf') format('ttf');
    font-weight: 300;
}

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


@font-face{font-family:IRANSans;font-style:normal;font-weight:900;
src:url(../../fonts/iransans1/IRANSansXFaNum-Black.53755bc6.woff2) format("woff2") , url(../../fonts/iransans1/IRANSansXFaNum-Black.f58751b2.woff) format("woff")}
@font-face{font-family:IRANSans;font-style:normal;font-weight:700;
src:url(../../fonts/iransans1/IRANSansXFaNum-Bold.3c27166c.woff2) format("woff2") , url(../../fonts/iransans1/IRANSansXFaNum-Bold.8e724a4a.woff) format("woff")}
@font-face{font-family:IRANSans;font-style:normal;font-weight:500;
src:url(../../fonts/iransans1/IRANSansXFaNum-Medium.0396719f.woff2) format("woff2") , url(../../fonts/iransans1/IRANSansXFaNum-Medium.4a471769.woff) format("woff")}
@font-face{font-family:IRANSans;font-style:normal;font-weight:300;
src:url(../../fonts/iransans1/IRANSansXFaNum-Light.7b194dca.woff2) format("woff2") , url(../../fonts/iransans1/IRANSansXFaNum-Light.50c029d5.woff) format("woff")}
@font-face{font-family:IRANSans;font-style:normal;font-weight:200;
src:url(../../fonts/iransans1/IRANSansXFaNum-UltraLight.85c6ae62.woff2) format("woff2") , url(../../fonts/iransans1/IRANSansXFaNum-UltraLight.4303e337.woff) format("woff")}
@font-face{font-family:IRANSans;font-style:normal;font-weight:400;
src:url(../../fonts/iransans1/IRANSansXFaNum-Regular.09ee054f.woff2) format("woff2") , url(../../fonts/iransans1/IRANSansXFaNum-Regular.5d6bb45f.woff) format("woff")}

                        

html {
  font-family: "iranyekan";
}

body {
  font-family: "iranyekan", sans-serif;
  font-weight: 300;
  line-height: 1.5;
  text-align: right;
}

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

.modal-header .btn-close {
 padding:.5rem;
 margin:-.5rem -.5rem -.5rem 0;
}

.form-select {
    background-position: left .75rem center;
}

.mt-n6, .my-n6 {
    margin-top: -3.5rem !important;
}

.dropdown-menu {
    text-align: right;
    direction: rtl;
}

.header.header-10.header-intro-clearance .header-bottom .header-right i {
    margin-left: 2rem;
    margin-right: 0rem;
}

p {
    direction: rtl;
}

.cart-product-qty {
	float: right;
}

.header.header-10.header-intro-clearance .wishlist-link .wishlist-count {
    right: .5rem;
    top: -.5rem;
}

table.dataTable > thead .sorting_asc::after, table.dataTable > thead .sorting_asc::before, table.dataTable > thead .sorting_desc::after, table.dataTable > thead .sorting_desc::before {
    width: .85rem;
    height: .85rem;
    content: " " !important;
    margin-right: .5rem;
    margin-top: .2rem;
}


/** تغییر در استایل اسکرول بار scroll bar */
/** تغییرات در کروم اعمال می شود */ 
/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track پس زمینه در کروم */
::-webkit-scrollbar-track {
/*    background: #101482; */ /*  این پس زمینه در همه اسکرولها اعمال می شود */
}

/* Handle دستگیره در کروم*/
::-webkit-scrollbar-thumb {
    background: #cdcdcd;/* #5151ee; */
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555; 
}

.scroller {
    overflow-y: scroll;
    scrollbar-color: #0A4C95 #C2D2E4;
  }

  :root{
    scrollbar-face-color: rgb(210,210,210); /* Firefox 63 compatibility */
    scrollbar-track-color: rgb(46,54,69); /* Firefox 63 compatibility */
    scrollbar-color:  #cdcdcd #f0f0f0; /*#5151ee #101482; /** رنگ سمت راست زمینه در فایرفاکس == رنگ سمت چپ دستگیره در فایرفاکس*/
    scrollbar-width: thin;
  }

  .scrollbar
  {
      margin-left: 30px;
      float: left;
      height: 300px;
      width: 65px;
      background: #F5F5F5;
      overflow-y: scroll;
      margin-bottom: 25px;
  }
  
  .force-overflow
  {
      min-height: 450px;
  }
  
  #wrapper
  {
      text-align: center;
      width: 500px;
      margin: auto;
  }
  
  /*
   *  STYLE 1
   */
  
  #style-1::-webkit-scrollbar-track
  {
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
      border-radius: 10px;
      background-color: #F5F5F5;
  }
  
  #style-1::-webkit-scrollbar
  {
      width: 12px;
      background-color: #F5F5F5;
  }
  
  #style-1::-webkit-scrollbar-thumb
  {
      border-radius: 10px;
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
      background-color: #555;
  }
  
  /*
   *  STYLE 2
   */
  
  #style-2::-webkit-scrollbar-track
  {
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
      border-radius: 10px;
      background-color: #F5F5F5;
  }
  
  #style-2::-webkit-scrollbar
  {
      width: 12px;
      background-color: #F5F5F5;
  }
  
  #style-2::-webkit-scrollbar-thumb
  {
      border-radius: 10px;
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
      background-color: #D62929;
  }
  
  /*
   *  STYLE 3
   */
  
  #style-3::-webkit-scrollbar-track
  {
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
      background-color: #F5F5F5;
  }
  
  #style-3::-webkit-scrollbar
  {
      width: 6px;
      background-color: #F5F5F5;
  }
  
  #style-3::-webkit-scrollbar-thumb
  {
      background-color: #000000;
  }
  
  /*
   *  STYLE 4
   */
  
  #style-4::-webkit-scrollbar-track
  {
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
      background-color: #F5F5F5;
  }
  
  #style-4::-webkit-scrollbar
  {
      width: 10px;
      background-color: #F5F5F5;
  }
  
  #style-4::-webkit-scrollbar-thumb
  {
      background-color: #000000;
      border: 2px solid #555555;
  }
  
  
  /*
   *  STYLE 5
   */
  
  #style-5::-webkit-scrollbar-track
  {
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
      background-color: #F5F5F5;
  }
  
  #style-5::-webkit-scrollbar
  {
      width: 10px;
      background-color: #F5F5F5;
  }
  
  #style-5::-webkit-scrollbar-thumb
  {
      background-color: #0ae;
      
      background-image: -webkit-gradient(linear, 0 0, 0 100%,
                         color-stop(.5, rgba(255, 255, 255, .2)),
                         color-stop(.5, transparent), to(transparent));
  }
  
  
  /*
   *  STYLE 6
   */
  
  #style-6::-webkit-scrollbar-track
  {
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
      background-color: #F5F5F5;
  }
  
  #style-6::-webkit-scrollbar
  {
      width: 10px;
      background-color: #F5F5F5;
  }
  
  #style-6::-webkit-scrollbar-thumb
  {
      background-color: #F90; 
      background-image: -webkit-linear-gradient(45deg,
                                                rgba(255, 255, 255, .2) 25%,
                                                transparent 25%,
                                                transparent 50%,
                                                rgba(255, 255, 255, .2) 50%,
                                                rgba(255, 255, 255, .2) 75%,
                                                transparent 75%,
                                                transparent)
  }
  
  
  /*
   *  STYLE 7
   */
  
  #style-7::-webkit-scrollbar-track
  {
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
      background-color: #F5F5F5;
      border-radius: 10px;
  }
  
  #style-7::-webkit-scrollbar
  {
      width: 10px;
      background-color: #F5F5F5;
  }
  
  #style-7::-webkit-scrollbar-thumb
  {
      border-radius: 10px;
      background-image: -webkit-gradient(linear,
                                         left bottom,
                                         left top,
                                         color-stop(0.44, rgb(122,153,217)),
                                         color-stop(0.72, rgb(73,125,189)),
                                         color-stop(0.86, rgb(28,58,148)));
  }
  
  /*
   *  STYLE 8
   */
  
  #style-8::-webkit-scrollbar-track
  {
      border: 1px solid black;
      background-color: #F5F5F5;
  }
  
  #style-8::-webkit-scrollbar
  {
      width: 10px;
      background-color: #F5F5F5;
  }
  
  #style-8::-webkit-scrollbar-thumb
  {
      background-color: #000000;  
  }
  
  
  /*
   *  STYLE 9
   */
  
  #style-9::-webkit-scrollbar-track
  {
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
      background-color: #F5F5F5;
  }
  
  #style-9::-webkit-scrollbar
  {
      width: 10px;
      background-color: #F5F5F5;
  }
  
  #style-9::-webkit-scrollbar-thumb
  {
      background-color: #F90; 
      background-image: -webkit-linear-gradient(90deg,
                                                rgba(255, 255, 255, .2) 25%,
                                                transparent 25%,
                                                transparent 50%,
                                                rgba(255, 255, 255, .2) 50%,
                                                rgba(255, 255, 255, .2) 75%,
                                                transparent 75%,
                                                transparent)
  }
  
  
  /*
   *  STYLE 10
   */
  
  #style-10::-webkit-scrollbar-track
  {
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
      background-color: #F5F5F5;
      border-radius: 10px;
  }
  
  #style-10::-webkit-scrollbar
  {
      width: 10px;
      background-color: #F5F5F5;
  }
  
  #style-10::-webkit-scrollbar-thumb
  {
      background-color: #AAA;
      border-radius: 10px;
      background-image: -webkit-linear-gradient(90deg,
                                                rgba(0, 0, 0, .2) 25%,
                                                transparent 25%,
                                                transparent 50%,
                                                rgba(0, 0, 0, .2) 50%,
                                                rgba(0, 0, 0, .2) 75%,
                                                transparent 75%,
                                                transparent)
  }
  
  
  /*
   *  STYLE 11
   */
  
  #style-11::-webkit-scrollbar-track
  {
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
      background-color: #F5F5F5;
      border-radius: 10px;
  }
  
  #style-11::-webkit-scrollbar
  {
      width: 10px;
      background-color: #F5F5F5;
  }
  
  #style-11::-webkit-scrollbar-thumb
  {
      background-color: #3366FF;
      border-radius: 10px;
      background-image: -webkit-linear-gradient(0deg,
                                                rgba(255, 255, 255, 0.5) 25%,
                                                transparent 25%,
                                                transparent 50%,
                                                rgba(255, 255, 255, 0.5) 50%,
                                                rgba(255, 255, 255, 0.5) 75%,
                                                transparent 75%,
                                                transparent)
  }
  
  /*
   *  STYLE 12
   */
  
  #style-12::-webkit-scrollbar-track
  {
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.9);
      border-radius: 10px;
      background-color: #444444;
  }
  
  #style-12::-webkit-scrollbar
  {
      width: 12px;
      background-color: #F5F5F5;
  }
  
  #style-12::-webkit-scrollbar-thumb
  {
      border-radius: 10px;
      background-color: #D62929;
      background-image: -webkit-linear-gradient(90deg,
                                                transparent,
                                                rgba(0, 0, 0, 0.4) 50%,
                                                transparent,
                                                transparent)
  }
  
  /*
   *  STYLE 13
   */
  
  #style-13::-webkit-scrollbar-track
  {
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.9);
      border-radius: 10px;
      background-color: #CCCCCC;
  }
  
  #style-13::-webkit-scrollbar
  {
      width: 12px;
      background-color: #F5F5F5;
  }
  
  #style-13::-webkit-scrollbar-thumb
  {
      border-radius: 10px;
      background-color: #D62929;
      background-image: -webkit-linear-gradient(90deg,
                                                transparent,
                                                rgba(0, 0, 0, 0.4) 50%,
                                                transparent,
                                                transparent)
  }
  
  /*
   *  STYLE 14
   */
  
  #style-14::-webkit-scrollbar-track
  {
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.6);
      background-color: #CCCCCC;
  }
  
  #style-14::-webkit-scrollbar
  {
      width: 10px;
      background-color: #F5F5F5;
  }
  
  #style-14::-webkit-scrollbar-thumb
  {
      background-color: #FFF;
      background-image: -webkit-linear-gradient(90deg,
                                                rgba(0, 0, 0, 1) 0%,
                                                rgba(0, 0, 0, 1) 25%,
                                                transparent 100%,
                                                rgba(0, 0, 0, 1) 75%,
                                                transparent)
  }
  
  /*
   *  STYLE 15
   */
  
  #style-15::-webkit-scrollbar-track
  {
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
      background-color: #F5F5F5;
      border-radius: 10px;
  }
  
  #style-15::-webkit-scrollbar
  {
      width: 10px;
      background-color: #F5F5F5;
  }
  
  #style-15::-webkit-scrollbar-thumb
  {
      border-radius: 10px;
      background-color: #FFF;
      background-image: -webkit-gradient(linear,
                                         40% 0%,
                                         75% 84%,
                                         from(#4D9C41),
                                         to(#19911D),
                                         color-stop(.6,#54DE5D))
  }
  
  /*
   *  STYLE 16
   */
  
  #style-16::-webkit-scrollbar-track
  {
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
      background-color: #F5F5F5;
      border-radius: 10px;
  }
  
  #style-16::-webkit-scrollbar
  {
      width: 10px;
      background-color: #F5F5F5;
  }
  
  #style-16::-webkit-scrollbar-thumb
  {
      border-radius: 10px;
      background-color: #FFF;
      background-image: -webkit-linear-gradient(top,
                                                #e4f5fc 0%,
                                                #bfe8f9 50%,
                                                #9fd8ef 51%,
                                                #2ab0ed 100%);
  }

  #scroll{
    direction:rtl; 
    overflow:auto; 
    height:50px; 
    width:50px;}

#scroll div{
    direction:ltr;
}

.scrollable-div::-webkit-scrollbar {
   position: absolute;
   left: 0;
}

/* تغییر در نمایش چارت ها */

.apexcharts-legend-text, .apexcharts-text, .apexcharts-title-text {
    font-family: "iranyekan",sans-serif !important;
}