*{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  outline: 0;
  border: none;
  list-style-type: none;
  text-decoration: none;
  direction: rtl;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  scroll-behavior: smooth;
  font-weight: normal;
  font-style:normal;
}

table td{
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  -o-user-select: text;
  user-select: text;
}


::-webkit-scrollbar{width:6px; height:4px}
::-webkit-scrollbar-thumb{background-color:#e4e4e4;}
::-webkit-scrollbar-track{background-color:#f3f3f3; visibility: hidden}

::-webkit-selection{ background: #7E1BF7; color: #fff; }
::-moz-selection{ background: #7E1BF7; color: #fff; }
::-ms-selection{ background: #7E1BF7; color: #fff; }
::-o-selection{ background: #7E1BF7; color: #fff; }
::selection{ background: #7E1BF7; color: #fff; }

input, button, select, textarea, .shadow, .alert-box, .form-box, .pagination li a,
.loading, .open-detail, .hashtags-commands, input[type=checkbox]:after, input[type=checkbox]:before,
.tabs-item li, input[type=radio]:after, input[type=radio]:before, .menu li a, .data-table tr,
.box, .box h4, .button-link, .loading-body{
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  transition: all ease 0.2s;
}

@font-face{
 font-family: 'icofont';
 src: url('/fonts/icofont/icofont.woff2')format('woff');
}

@font-face{
 font-family: 'yekan';
 src: url('/fonts/yekan/YekanBakhBold.woff2')format('woff');
}

@font-face{
 font-family: 'nazanin';
 src: url('/fonts/nazanin/BNaznnBd.woff2')format('woff');
}

@font-face{
 font-family: 'anjoman';
 src: url('/fonts/anjoman/AnjomanWEB-Regular.woff2')format('woff');
}

@font-face{
 font-family: 'anjomanb';
 src: url('/fonts/anjoman/AnjomanWEB-Bold.woff2')format('woff');
}

@font-face{
 font-family: 'sahelb';
 src: url('/fonts/sahel/Sahel-Bold-FD.woff2')format('woff');
}

@font-face{
 font-family: 'sahel';
 src: url('/fonts/sahel/Sahel-FD.woff2')format('woff');
}

@font-face{
 font-family: 'titr';
 src: url('/fonts/titr/IRTitr.woff')format('woff');
}

@font-face{
 font-family: 'parasto';
 src: url('/fonts/parasto/Parastoo-Bold-FD.woff')format('woff');
}


.grid-1{grid-template-columns: 100%;}
.grid-20-80{grid-template-columns: 20% 80%;}
.grid-90-10{grid-template-columns: 90% 10%;}
.grid-4-e{grid-template-columns: repeat(4, 25%);}
.grid-30-70{grid-template-columns: 30% 70%;}
.grid-50-50{grid-template-columns: repeat(2, 50%);}
.grid-70-30{grid-template-columns: 70% 30%;}
.grid-40-60{grid-template-columns: 40% 60%;}
.grid-60-40{grid-template-columns: 60% 40%;}
.grid-55-45{grid-template-columns: 55% 45%;}
.grid-30-50-20{grid-template-columns: 30% 47% 23%;}
.grid-30-60-10{grid-template-columns: 30% 60% 10%;}
.grid-3-e{grid-template-columns: repeat(3, 33.333333%);}
.grid-30-30-40{grid-template-columns: 30% 30% 40%;}


.novis{opacity: 0; visibility: hidden;}
.overflow-h{overflow: hidden;}

.w30{width: 30%;}
.w50{width: 50%;}
.w40{width: 40%;}
.w60{width: 60%;}
.w70{width: 70%;}
.w80{width: 80%;}
.w35{width: 35%;}
.h100p{height: 100%;}
.w100{width: 100%;}
.h30vh{height: 30vh !important;}
.h40vh{height: 40vh !important;}
.h50vh{height: 50vh !important;}
.h60vh{height: 60vh !important;}
.h70vh{height: 70vh !important;}
.h80vh{height: 80vh !important;}

.grid{display: grid;}
.flex{display: flex;}
.block{display: block;}
.none{display: none;}
.pore{position: relative;}
.poab{position: absolute;}
.pofi{position: fixed;}
.overflow-h{overflow: hidden;}
.overflow-s{overflow-y: scroll;}
.hidden{visibility: hidden; opacity: 0;}

.bg-white{background: #fff !important;}
.bg-gray{background: #f4f7ff;}

.bg-g-yellow{background-image: linear-gradient(150deg,#ffc107 0%,#efa02e 100%) !important;}
.bg-g-green2{background: linear-gradient(150deg,#02615b 0%,#0c5a56 100%) !important;}

.mbnone{margin-bottom: 0 !important;}

.pb0{padding-bottom: 0 !important;}
.p5{padding: 5px;}
.pl5{padding-left: 5px;}

.p15{padding: 15px;}

.p10{padding: 10px;}
.pt10{padding-top: 10px;}
.pb10{padding-bottom: 10px;}
.pl10{padding-left: 10px;}
.pb5{padding-bottom: 5px;}

.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}

.p20{padding: 20px;}
.pb20{padding-bottom: 20px;}


.p30{padding: 30px;}
.pt30{padding-top: 30px;}
.pb30{padding-bottom: 30px;}

.mt20{margin-top: 20px;}

.p40{padding: 40px;}
.pt40{padding-top: 40px;}
.pl40{padding-left: 40px !important;}
.pr40{padding-right: 40px;}

.pl20{padding-left: 20px;}
.pr20{padding-right: 20px;}

.m5{margin: 5px;}
.m10{margin: 10px;}
.m15{margin: 15px;}
.m20{margin: 20px;}
.ml20{margin-left: 20px;}
.mb20{margin-bottom: 20px;}


.justify-content-center{justify-content: center;}
.justify-content-end{justify-content: end;}
.justify-content-flex-end{justify-content: flex-end;}
.justify-content-start{justify-content: start;}
.justify-content-around{justify-content: space-around;}
.justify-content-between{justify-content: space-between;}
.flex-wrap{flex-wrap: wrap;}
.column{flex-direction: column;}


.align-item-center{align-items: center !important;}
.align-item-end{align-items: end;}
.align-item-start{align-items: start;}
.align-item-baseline{align-items: baseline;}
.align-item-flex-end{align-items: flex-end;}

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

.text-center{text-align: center;}
.bold{font-weight: bold;}

.h100p{height: 100%;}
.h100vh{height: 100vh;}
.w100p{width: 100%;}

.radius-4{border-radius: 4px}
.radius-6{border-radius: 6px}
.radius-10{border-radius: 10px;}
.radius-50{border-radius: 50%;}
.radius-special{
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.margin-auto{margin: 0 auto;}

.titr-font{font-family: titr;}
.tahoma-font{font-family: tahoma;}
.fs16{font-size: 2vw;}

.page-box-border{border: 2px solid #9ba5a7;}

.radius-special-2{border-top-left-radius: 20px;}

.border-bottom{border-bottom: 1px solid #f5f5f5;}

.cl-red{color: #FC5C5B;}
.cl-black{color: #4d89a2 !important;}
.cl-blue{color: #009df9 !important;}
.bg-red{background: #fc5c5b21;}


.bg-2{background-image: linear-gradient(to right, #3a36ff 0%, #0600b9 100%);}
.bg-3{background-image: linear-gradient(to right, #9e206b 0%, #750059 100%);}