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

.dashboard-item-setting{
  background: #fff !important;
  box-shadow: 0 2px 3px rgba(95, 95, 95, 0.26);
  border-radius: 4px;
  padding: 20px;
}

.monitor-table td{
  font-size: 12px !important;
}


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

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

@font-face{
 font-family: mtnl;
  src: url('/fonts/mtn/MTNIrancell-Light.ttf')format('truetype'),
       url('/fonts/mtn/MTNIrancell-Light.woff')format('woff');
 font-style: normal;
}

@font-face{
 font-family: mtnr;
  src: url('/fonts/mtn/MTNIrancell-Regular.ttf')format('truetype'),
       url('/fonts/mtn/MTNIrancell-Regular.woff')format('woff');
 font-style: normal;
}

@font-face{
 font-family: mtnb;
  src: url('/fonts/mtn/MTNIrancell-Bold.ttf')format('truetype'),
       url('/fonts/mtn/MTNIrancell-Bold.woff')format('woff');
 font-style: normal;
}

@font-face{
 font-family: por;
 src: url('/fonts/portada/PortadaARA-Regular.woff')format('woff');
 font-style: normal;
}


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

@font-face{
 font-family: sahelbold;
 src: url('/fonts/sahel/sahel-bold.woff')format('woff');
 font-style: normal;
}

@font-face{
 font-family: iransans;
 src: url('/fonts/iransans/IRANSansWeb.woff')format('woff'),
 	  url('/fonts/iransans/IRANSansWeb.ttf')format('truetype');
 font-style: normal;
}

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

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



@font-face{
 font-family: opensans;
 src: url('/fonts/open-sans/open-sans-m.woff2')format('woff');
 font-style: normal;
}

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

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

@font-face{
 font-family: sahelbold;
 src: url('/fonts/sahel/sahel-bold.woff')format('woff');
 font-style: normal;
}

@font-face{
 font-family: gilroy;
 src: url('/fonts/gilroy/Gilroylight.woff')format('woff');
 font-style: normal;
}

@font-face{
 font-family: ali;
 src: url('/fonts/alibaba/alibaba-regular-588b6fcf.woff')format('woff');
 font-style: normal;
}


/* core */

.font-mtnr{font-family: mtnr !important;}


/* flex property */
.fdc{ flex-direction: column; }
.fdr{ flex-direction: row; }
.fjc{ justify-content: center; }
.content-center{ justify-content: center; }
.item-center{ align-items: center; }
.align-content-center{ align-content: center; }
.item-base{align-items: baseline;}
.item-end{ align-items: flex-end; }
.space-between{justify-content: space-between;}
.content-end{ justify-content: flex-end; }
.content-start{ justify-content: flex-start; }
.hidden{visibility: hidden;}
.flex-wrap{flex-wrap: wrap;}
/* direction */
.rtl{ direction: rtl; }
.ltr{ direction: ltr; }

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

/* border-radius */
.bor-tl{ border-top-left-radius: 8px; }
.bor-tr{ border-top-right-radius: 8px; }
.bor-bl{ border-bottom-left-radius: 8px; }
.bor-br{ border-bottom-right-radius: 8px; }
.bor-all{ border-radius: 4px; }
.bor-large{ border-radius: 15px; }
/* .border-bottom{ border-bottom: 1px solid #f1f1f1; } */
.border-left{ border-left: 1px solid #f1f1f1; }
.bor{ border: 1px solid #f1f1f1; }
.bor-dash{ border: 2px dashed #f1f1f1; }
/* positions */
.pore{ position: relative; }
.poab{ position: absolute; }
.pofi{ position: fixed; }
.overflow-hidden{ overflow: hidden; }
.text-center{text-align: center;}
/* display */
.grid{ display: grid; }
.flex{ display: flex; }
.block{ display: block; }
.inline{ display: inline; }
.rtl{ direction: rtl; text-align: right; }
.ltr{ direction: ltr; text-align: left; }
.min-height-content{ height: 60vh !important }
.max-textarea-height{ height: 50vh !important; line-height: 25px !important; }
.parasto{ font-family: parasto !important;}
.sahel{ font-family: sahel !important; }
.w80{ width: 80%; }
/* width */
.w100{ width: 100%; }
.w50{ width: 50%; }
.w60{ width: 60%; }
.w70{ width: 70%; }
.w80{ width: 80%; }
.w90{ width: 90%; }
.w25{width: 25%;}
.w30{ width: 30%; }
.fix-height{ height: 77vh; }
.scroll{ overflow-y: scroll; }
.scroll-x{ overflow-x : scroll; }
.none{ display: none; }
.min-font-size{ font-size: 12px !important; }
.radius40{ border-radius: 40px;}
/* padding & margins */
.pt2{ padding-top: 2px !important; }
.pb2{ padding-bottom: 2px !important; }
.pad-5{ padding: 5px !important; }
.pad-10{ padding: 10px !important; }
.pad-20{ padding: 20px !important; }
.pad-b{ padding-bottom: 10px !important; }
.pad-r{ padding-right: 10px !important; }
.mar-l-20{ margin-left: 20px !important; }
.ml10{ margin-left: 10px !important; }
.mb10{ margin-bottom: 10px !important; }
.mt10{ margin-top: 10px !important; }
.ml20{ margin-left: 20px !important; }
.mr10{ margin-right: 10px !important; }
.mr20{ margin-right: 20px !important; }
.mt20{ margin-top: 20px !important; }
.ml5{ margin-left: 5px !important; }
.pl5{ padding-left: 5px !important; }
.pr5{ padding-right: 5px !important; }
.pt5{ padding-top: 5px !important; }
.pb5{ padding-bottom: 5px !important; }
.pl10{ padding-left: 10px !important; }
.pr10{ padding-right: 10px !important; }
.pt10{ padding-top: 10px !important; }
.pb10{ padding-bottom: 10px !important; }
.pl20{ padding-left: 20px !important; }
.pr20{ padding-right: 20px !important; }
.pt20{ padding-top: 20px !important; }
.pb20{ padding-bottom: 20px !important; }
.pl30{ padding-left: 30px !important; }
.pr30{ padding-right: 30px !important; }
.pr40{ padding-right: 40px !important; }
.pt30{ padding-top: 30px !important; }
.pb30{ padding-bottom: 30px !important; }
.pl50{ padding-left: 50px !important; }
.pr50{ padding-right: 50px !important; }

.fs30{font-size: 30px;}
.fs12{font-size: 12px !important;}

.p10{padding: 10px !important;}
.p20{padding: 20px !important;}
.p30{padding: 30px !important;}
.p40{padding: 40px !important;}
.p50{padding: 50px !important;}
.p60{padding: 60px !important;}

.h300p{height: 300px;}

::placeholder{color: #35474e9e;}
/* grid-template */
/* e == Equal and ne == Not Equal */
.grid-1{ grid-template-columns: 100% }
.grid-2-e{ grid-template-columns: repeat(2, 50%); }
.grid-3-ne{ grid-template-columns: 45% 10% 45%; }
.grid-30-30-40{ grid-template-columns: repeat(2, 25%) 50%; }
.grid-3-e{ grid-template-columns: repeat(3, 33.333333%); }
.grid-4-e{ grid-template-columns: repeat(4, 25%); }
.grid-5-ne{ grid-template-columns: repeat(4, 15%) 40%; }
.grid-5-e{ grid-template-columns: repeat(5, 20%); }
.grid-6-e{ grid-template-columns: repeat(6, 16.66666%); }
.grid-7-e{ grid-template-columns: repeat(7, 14.28%); }
.grid-11-e{ grid-template-columns: repeat(11, 9%); }
.grid-two25-50{ grid-template-columns: repeat(2, 25%) 50%; }
.grid-8-e{ grid-template-columns: repeat(8, 12.5%); }
.grid-10-80-10{ grid-template-columns: 10% 80% 10%; }
.grid-80-20{ grid-template-columns: 80% 20%; }
.grid-90-10{ grid-template-columns: 90% 10%; }
.grid-20-80{ grid-template-columns: 20% 80%;}
.grid-30-40-30{ grid-template-columns: 30% 40% 30%; }
.grid-20-60-20{ grid-template-columns: 20% 60% 20%; }
.grid-30-70{ grid-template-columns: 35% 65%; }
.grid-15-20-65{ grid-template-columns: 17% 18% 65%; }
.grid-30-70{ grid-template-columns: 30% 70%; }
.grid-5-90-5{ grid-template-columns: 5% 90% 5%; }
.grid-15-70-15{ grid-template-columns: 15% 70% 15%; }
.grid-60-40{ grid-template-columns: 60% 40%; }
.grid-40-20-40{ grid-template-columns: 40% 20% 40%; }

.order1{ order: 1; }
.order2{ order: 2; }
.order3{ order: 3; }
.order4{ order: 4; }
.order5{ order: 5; }


/* fonts */
.parasto{ font-family: parasto; }
.iransans{ font-family: iransans; }
.sahel{ font-family: sahel; }
.sahelbold{ font-family: sahelbold; }
.size14{ font-size: 14px; }

/* colors */
.pink{ background-image: linear-gradient(to right, #ef075d 0%, #ff167e 100%) !important; color: #fff !important;}
.gray{ background-image: linear-gradient(to right, #4d616b 0%, #326770 100%) !important; color: #fff !important; }
.trans{ background: transparent; }
.white{ color: #fff; }
.bg-white{background: #fff;}
.gray-back{background-image:linear-gradient(to right, #ffffff 0%, #f5f7ff 100%);}
/* core */


.form-box  input,
.form-box  select,
.form-filter  input,
.form-filter  select,
.table-box  input,
.table-box  select,
.form-box  textarea,
input[type=checkbox]:after,
input[type=radio]:after,
.sub-menu > li > a,
.sub-menu,
.nav > ul > li > a,
.btnRemoveRecord,
.table-button,
.button,
.data-table tr,
.alert-box-show,
.alert-box,
.profile-sub-menu,
.profile-login,
.term-list li,
.mini-button,
.menu > li > a,
.tree-parent,
.folder-tree li a,
.table-operation-buttons li span,
.form-box  label  i,
.shadow-modal,
.tbl-input,
.add-hashtag,
.list > li,
.close-modal span,
.shadow-alert,
.result-course li,
 .getMemberAccount li{
 -webkit-transition: all ease 0.3s;
 -moz-transition: all ease 0.3s;
 -ms-transition: all ease 0.3s;
 -o-transition: all ease 0.3s;
 transition: all ease 0.3s;
}

body{
  background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
}

.container{
  height: 100vh;
}

.container-body,
.container-body-login{
 width: 100%;
 height: 100vh;
 grid-template-columns: 20% 80%;
 grid-template-areas:
 "aside section";
}

.container-body-login{
  grid-template-columns: 100% !important;
  grid-template-areas:
  "section" !important;
}

aside{
  grid-area: aside;
  height: 100vh;
  overflow: scroll;;
  background: #003f8d; /*636C79*/ /*27248C*/
  /* background-image: linear-gradient(135deg, #1ac3bb 0%, #005688 100%); */
  box-shadow: 0 2px 3px rgba(95, 95, 95, 0.26);
}

section{
 grid-area: section;
 /*overflow-x: hidden;*/
 /*overflow-y: scroll;*/
 padding: 20px;
}

.part{
 box-shadow: 0 2px 3px rgba(95, 95, 95, 0.26);
}

.path{
 height: 4vh;
 grid-area: path;
 background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
}

.doc, .doc-alert{
 margin-bottom: 20px;
}

.bg{
  background: #fff;
  border-radius: 10px;
}


.show-alert{
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 99999999 !important;
}

.alert span{
  font-size: 18px;
}

.alert-header{
  color: #ffffff;
  font-family: mtnb;
  font-size: 18px;
}

.alert-text{
  font-family: mtnr;
  font-size: 16px;
  color: #566776;
  padding: 20px 40px;
}


.success{background: #3082FF !important;}
.danger{background: #D4182E !important;}
.update{background: #289A58 !important;}
.cl-update{color: #289A58 !important;}
.cl-disable{color: #33404c2e !important;}
.cl-red{color: #D4182E !important;}




.doc:last-child , .doc-alert:last-child{ margin-bottom: 0; }

.doc h4, .doc-alert h4,
.doc h5 , .doc-alert h5{
 font-family: mtnb;
 font-size: 18px;
 text-align: center;
 color: #5D6D7E;
 font-weight: normal;
}

.doc > h5, .doc-alert > h5{ font-size: 12px; cursor: pointer; }

.state{
  font-size: 12px;
  border-radius: 40px;
  padding: 2px 10px;
  font-family: mtnb;
}

.check{ background: #FEF6F6; color: #F1948A; }
.repair{ background: #1DA1F2; color: #fff; }
.delivery{ background: #F9F1FC; color: #BB8FCE; }
.done{ background: #EFFAF4; color: #ABEBC6; }

.enfont{ font-family: opensans !important ;}

.state-active{
  color: #00E077;
  text-shadow: 0 0 8px #00E077;
  font-size: 10px;
}

.state-noactive{
  font-size: 10px;
  color: #e00048;
  text-shadow: 0 0 8px #e00048;
}

.logo{
 font-family: sahelbold;
 font-size: 20px;
 color: #fffffff2;
}

.logo:before{
  content: '\e868';
  font-family: icofont;
  font-size: 30px;
  color: #fff;
}

.logo > span{
 font-size: 12px;
}

/* menu */
.nav{
 background: #3949AB;
 height: 5vh;
 z-index: 9999;
}

.nav > ul > li > a{
 font-family: sahel;
 font-size: 15px;
 color: #F9F9F9;
 padding: 0 20px;
 display: flex;
 height: 5vh;
 justify-content: center;
 align-content: center;
 align-items: center;
}

.nav > ul > li > a:hover,
.nav > ul > li:hover a,
.current-link{
 background: rgba(255,255,255,0.10);
}


.nav > ul > li > a > i{
 font-size: 22px;
 padding-left: 5px;
}

.nav > ul > li > a > span{
 padding-right: 10px;
}

.sub-menu{
 background: #fff;
 top: 5vh;
 width: auto;
 padding: 5px 0;
 visibility: hidden;
 opacity: 0;
}

.sub-menu,
.profile-sub-menu{
 box-shadow: 0 2px 10px rgba(95, 95, 95, 0.26);
}

.sub-menu > li > a{
 font-family: sahel;
 font-size: 15px;
 color: #8A8A8A;
 display: block;
 padding: 5px 50px 5px 100px;
}

.sub-menu > li > a:hover{
 background: #f5f7ff;
 color: #3B4E56;
}

.nav > ul > li:hover .sub-menu{
 visibility: visible;
 opacity: 1;
}

.path > ul > li > a{
 font-family: sahel;
 font-size: 14px;
 color: #839296;
 padding: 0 20px;
}

.path > ul > li:after{
 content: '\ea9d';
 font-family: icofont;
 color: #839296;
 font-size: 14px;
}

.path > ul > li:last-child:after{ content: ''; }

.profile-login{
 height: 7vh;
}

.profile-image{
 width: 70%;
}

.profile-login p{
 font-family: sahelbold;
 color: hsla(0,0%,100%,0.91);
 font-size: 12px;
 line-height: 18px;
}

.profile-sub-menu{
 width: 100%;
 background: #fff;
 position: absolute;
 visibility: hidden;
 opacity: 0;
}

.profile-login:hover,
.profile-sub-menu li:hover .profile{
 background: #FFF;
}

.profile li:hover .profile-sub-menu{
 opacity: 1;
 visibility: visible;
}

.profile-login:hover p{
 color: #929292;
}

.profile-sub-menu > li > a{
 display: block;
 padding: 7px 30px 7px 0;
 font-family: sahelbold;
 font-size: 12px;
 color: #848484;
}

.profile-sub-menu > li > a:hover{
 background: hsla(0,0%,95%,1.00);
}


.term-list > li{
 font-family: sahelbold;
 font-size: 14px;
 color: #4f4f61;
}

.term-list > li > span{
  font-family: sahel;
  color: #686a6b;
  padding-right: 10px;
}
.term-list li:hover,
.active-term-list{
 background: #d2e4eae3 !important;
 cursor: pointer;
}


.menu > li > a{
 font-family: mtnb;
 font-size: 14px;
 color: #fff;
 padding: 10px 40px 10px 90px;
 display: flex;
 border-top-left-radius: 20px;
 border-bottom-left-radius: 20px;
 margin-top: 5px;
 display: flex;
 align-items: center;
}

.active-link,
.menu > li > a:hover{
 background: #fff;
 border-top-left-radius: 20px;
 border-bottom-left-radius: 20px;
 color: #003f8d !important;
}

.folder-tree li a:hover{
 border-radius: 4px;
}

.selected-folder{
 background:#476173;
 color: #fff !important;
}

.menu > li > a > span{
 padding-left: 20px;
 font-size: 22px;
}

.folder-tree ul{
 padding-right: 25px;
 position: relative;
}

.folder-tree li a{
 font-family: sahel;
 font-size: 14px;
 padding: 5px;
 color: #5C5C5C;
 display: flex;
 border-radius: 4px;
 line-height: 17px;
 align-content: center;
 align-items: center;
 margin-top: 3px;
}

.folder-tree li a span{
 padding-left: 10px;
 font-size: 22px;
 color: #FFC600;
}

.tree-parent{
 height: 0;
 visibility: hidden;
 opacity: 0;
}
.tree-parent.open{
 height: auto;
 visibility: visible;
 opacity: 1;
}

.list-date{
  background-image: linear-gradient(120deg, #9d09e8 0%, #5719bb 100%);
  color: #fff;
  padding: 1px 10px;
  font-size: 12px;
}

.list-status{
  color: #fff;
  font-size: 10px;
  padding: 1px 5px;
}

.pending{ background-image: linear-gradient(120deg, #fb8181 0%, #ef0303 100%); }
.colsed{ background-image: linear-gradient(120deg, #09e839 0%, #5fbb19 100%); }

.list > li{
 display: flex;
 font-family: ali;
 font-size: 16px;
 color: #405c56;
 margin: 3px 0;
 background: #f7f7f7;
 padding: 5px;
 border-radius: 4px;
}

.list > li:hover, .active-list{
  cursor: pointer;
  background: #20c285 !important;
  color: #fff !important;
}

.list > li > span{
  background: #20C285;
  color: #fff;
  padding: 0 10px;
  margin-left: 10px;
  width: 150px;
  text-align: center;
  border-radius: 4px;
}



.buble-list > li{
 font-family: parasto;
 font-size: 12px;
 color: #6c7173;
}

.check-list{
 font-family: parasto;
 font-size: 14px;
 color: #004e98;
}

.tree-sub-process li{
  font-family: sahel;
  font-size: 14px;
  margin-bottom: 10px;
}

.sub-process-start{
  background: #28B463;
  padding: 20px;
  color: #fff;
}

.sub-process-task{
  background: #34495E;
  color: #fff;
}

.report-links-info > li{
  font-family: sahelbold;
  color: #5D6D7E;
  font-size: 14px;
}

.report-links-info > li > span {
  color: #3498DB;
}

.image_profile{
  width: 100%;
}

.profile_info{
  font-family: sahel;
  font-size: 14px;
  color: #fff;
}

.profile-image img{
  width: 40%;
  border-radius: 50%;
}

.creator::after{
  content: 'Powered By KHALIFEH  - V3.5.0';
  color: #ffffffc2;
  font-family: gilroy;
  font-size: 14px;
  display: flex;
  align-items: flex-end;
  letter-spacing: 2px;
}

.region-name{
  background: #ffffff;
  font-family: sahel;
  font-size: 14px;
  color: #1a39c3;
  padding: 1px 20px;
}

.dashboard-count-info > div{
  margin: 20px;
}

.dashboard-count-info > div:first-child{
  margin-right: 0;
}

.dashboard-count-info > div:last-child{
  margin-left: 0;
}

.dashboard-count-info ul {
  box-shadow: 0 2px 3px rgba(95, 95, 95, 0.26);
}

.redbg{ background-color: #F24334; }
.yellobg{ background-color: #FF9801; }
.bluebg{ background-color: #2297F7; }
.greenbg{ background-color: #4DB151; }

.dashboard-count-info ul li:first-child{
  font-family: mtnb;
  font-size: 18px;
  color: #07356e;
}

.dashboard-count-info ul li:last-child{
  font-family: mtnr;
  font-size: 14px;
  background: #fff;
  color: #003f8d;
  padding: 1px 20px;
}

@keyframes loading{
  0%{ left: 0%; width: 20%; }
  20%{ left: 20%; width: 40%; }
  40%{ left: 40%; width: 50%; }
  60%{ left: 60%; width: 40%; }
  80%{ left: 80%; width: 30%; }
  100%{ left: 100%; width: 20%; }
}

@-webkit-keyframes loading{
  0%{ left: 0%; width: 20%; }
  20%{ left: 20%; width: 40%; }
  40%{ left: 40%; width: 50%; }
  60%{ left: 60%; width: 40%; }
  80%{ left: 80%; width: 30%; }
  100%{ left: 100%; width: 20%; }
}


.proccess-loading{
  width: 80%;
  height: 4px;
  background: #F4F4F4;
  overflow: hidden;
}

.proccess-loading:after{
  content: '';
  width: 20%;
  height: 4px;
  background: #1a39c3;
  position: absolute;
  border-radius: 6px;
  left: -20%;
  animation: loading 0.7s linear infinite;
  -webkit-animation: loading 0.7s linear infinite;
}

/* menu */

/* table */


/*table*/

.election-table th{
  border-left: 1px solid #D8DBE4;
  border-top: 1px solid #D8DBE4;
  border-bottom: 1px solid #D8DBE4;
}

.election-table th:first-child{
  border-right: 1px solid #D8DBE4;
}

.election-table td{
  border-left: 1px solid #D8DBE4;
  border-bottom: 1px solid #D8DBE4;
  border-top: 1px solid #D8DBE4;
}

.data-table{
  width: 100%;
  text-align: center;
  vertical-align: middle;
  table-layout: fixed;
  background: #fff;
  border-radius: 4px;
}

.data-table th:first-child{
  border-top-right-radius: 4px;
}

.data-table th:last-child{
  border-top-left-radius: 4px;
}

.data-table th{
  font-family: yekan;
  font-size: 14px;
  background: #fff;
  height: 35px;
  color: #0075ffe0;
}

.data-table td{
  height: 35px;
  font-family: mtnr;
  font-size: 14px;
  color: #353E4B;
}

table span{
  font-size: 16px;
}

.data-table tr:not(.empty-row):nth-child(odd){
 background: rgba(199, 199, 199, 0.1);
}

.getOrganization tr:not(.empty-row):nth-child(1),
.getOrganization tr:not(.empty-row):nth-child(6),
.getOrganization tr:not(.empty-row):nth-child(11){
  background: #1ac3bb6b !important;
}

.data-table tr:not(.empty-row):hover{
 background: #ffc40066 !important;
 cursor: pointer;
}

.table-history{
  font-size: 18px;
  opacity: 0.6;
}

/*table*/




/*forms*/

.form-box > .label{
  font-family: yekan;
  font-size: 14px;
  color: #545E7D;
  position: absolute;
  display: inline-block;
  background: #fff;
  padding: 2px 5px;
  top: -13px;
  right: 9px;
  z-index: 999;
}



input[type=text], input[type=number], input[type=password], select, textarea, .select2-container .select2-selection--single{
  height: 40px;
  border-radius: 4px !important;
  border: 1px solid #D8DBE4;
  padding: 10px 15px;
  box-shadow: 0 0 0 3px rgb(38 87 255 / 0%);
  color: #35474E;
  font-family: sahelbold;
  font-size: 14px;
  width: 100%;
}

.cl-blue{color: #2657FF !important;}
.bg-blue{background: #2657FF !important;}

.cl-green{color: #008f89 !important;}
.bg-green{background: #008f89 !important;}

.cl-gray{color: #6e7895 !important;}
.bg-gray{background: #d8dbe482 !important;}


input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus, .selected-radio-list li:focus{
  border: 1px solid #2657FF;
  box-shadow: 0 0 0 3px rgb(38 87 255 / 3%);
}

select:hover, .selected-radio-list li:hover{
  cursor: pointer;
}


[data-appearance]:before{
 content: '\ea99';
 font-family: icofont;
 position: absolute;
 left: 14px;
 top: 10px;
 font-size: 19px;
 pointer-events: none;
 color: #2D4047;
 z-index: 999;
}

button, .link-button{
  padding: 6px 30px 8px 30px;
  border-radius: 4px;
  color: #fff;
  font-family: 'baba';
  font-size: 14px;
  cursor: pointer;
}

.link-button span{
  font-size: 19px;
  padding-left: 5px;
}

textarea{
  resize: none;
  height: 100px;
}

.reset-button{
  color: #F45C69;
  padding: 6px 0;
}

.current-radio{
  background: blue !important;
}

.fa-amount{
  font-family: sahel;
  font-size: 12px;
  color: #189F9A;
  background: #F3FDFC;
  border-radius: 4px;
  margin-top: 4px;
  padding: 2px 10px;
}

.selected-radio-list li{
  font-family: baba;
  font-size: 14px;
  margin: 0 5px;
  border: 1px solid #D8DBE4;
  border-radius: 4px;
  padding: 8px 20px;
  color: #35474E;
  display: flex;
  align-items: center;
  width: 100%;
}

.selected-radio-list li:hover, .active-radio{
  cursor: pointer;
  border: 1px solid #2657FF !important;
  background: #1e54ff0a !important;
  color: #2657FF !important;
}

.selected-radio-list li:first-child{margin-right: 0;}
.selected-radio-list li:last-child{margin-left: 0;}

.selected-radio-list li span{
  padding-right: 20px;
}

input[type=checkbox], input[type=radio]{
  width: 0;
}

input[type=checkbox]:disabled::after, input[type=radio]:disabled::after{
 content: '\efa9';
 font-family: icofont;
 color: #f21a1a;
 font-size: 12px;
 cursor: not-allowed;
}

input[type=checkbox]:after, input[type=radio]:after{
 content: '';
 width: 15px;
 height: 15px;
 display: flex;
 justify-content: center;
 align-items: center;
 background: #fff;
 color: #fff;
 border-radius: 4px;
 font-size: 20px;
 border: 1px solid #d8dbe4;
}

input[type=radio]:after{
  border-radius: 50%;
}

input[type=checkbox]:hover:after,
input[type=radio]:hover:after{
 cursor: pointer;
}

input[type=checkbox]:checked:after, input[type=radio]:checked:after{
 content: '\f021';
 font-family: icofont;
 font-size: 12px;
 color: #2657FF;
 cursor: pointer;
 border: 1px solid #2657FF;
}

input[type=radio]:checked::after{
  font-size: 7px;
}

input[type=radio]:checked:after{
 content: '\ec77';
}

.parsley-errors-list{
  position: absolute;
  left: 10px;
  background: #FAE7E6;
  font-size: 11px;
  font-family: 'yekan';
  color: #ce0e02;
  padding: 0 10px;
  border-radius: 4px;
  top: -9px;
  z-index: 9;
}

.count-org{
  font-size: 12px !important;
  background: #ededed;
  padding: 2px 10px;
  border-radius: 8px;
  color: #003f8d;
}

/*forms*/
/* .icon-button{
  padding: 2px 15px !important;
} */

 .getMemberAccount li{
   padding: 8px 10px 6px 10px;
   font-family: mtnr;
   font-size: 16px;
   border: 1px solid #32677000;
   margin: 7px 0;
   border-radius: 6px;
   align-items: center;
   background: #32677014;
 }

.getMemberAccount li a{
  color: #292e33;
}

 .getMemberAccount li:hover{
   border: 1px solid #32677078;
   background: #3267701c;
   cursor: pointer;
 }

.getMemberAccount li a span{
  font-size: 24px;
  padding-right: 20px;
}


.buttons-doc{
 padding: 20px 0;
}

.button{
 padding: 5px 15px;
 color: #fff;
 font-family: mtnb;
 cursor: pointer;
 font-size: 14px;
}

.button,
.alert-box{
 box-shadow: 0 1px 1px 0 rgb(0 0 0 / 12%), 0 1px 1px -2px rgb(0 0 0 / 0%), 0 1px 5px 0 rgb(0 0 0 / 7%);
}

.button:hover,
.button:active{
 opacity: 0.7;
 cursor: pointer;
}

.small{
 padding: 4px 15px;
 font-size: 12px;
}

.success{ background-image: linear-gradient(to right, #4372c3 0%, #0546b7 100%); }
.info{ background: #17A2B8; }
.clear{ background: #D4182E !important;}
.cancell{background: #fff; color: #4d616b;}
.disable{ background-image: linear-gradient(to right, #e2e2e2 0%, #e2e2e2 100%); color: #949494;}
/* linear-gradient(to right, #4d616b 0%, #326770 100%) */

.disabled:hover{
 cursor: not-allowed;
 opacity: 1;
}

select{
 -webkit-appearance: none;
 -moz-appearance: none;
 -ms-appearance: none;
 -o-appearance: none;
 appearance: none;
 padding: 0 15px !important;
}

[data-appearance]:before,
[data-appearance-form]:before,
[data-appearance-form-not-label]:before,
[data-appearance-filter]:before,
[data-search]:before{
 content: '\ea99';
 font-family: icofont;
 position: absolute;
 left: 5%;
 top: 30%;
 font-size: 13px;
 pointer-events: none;
 color: #adadad;
 z-index: 999;
}

[data-appearance-form]:before{
 top: 12px;
 left: 15px;
 font-size: 16px;
}

[data-appearance-form-not-label]:before{
 top: 13px;
 left: 17px;
 font-size: 16px;
}

[data-appearance-filter]:before{
  font-size: 14px;
  top: 38px;
  left: 10px;
}

[data-search]:before{
 content: '\ed11';
 font-family: icofont;
 top: 10px;
 right: 14px;
 font-size: 18px;
 color: #8d9596;
}


input:disabled,
select:disabled{
 color: #949494;
 background: #fafafa;
 cursor: not-allowed;
 border: none;
}

.socail_account_profile{
  width: 15%;
  border-radius: 50%;
  margin-bottom: 37px;
}


.switch{
  width: 0;
  height: 0;
  visibility: hidden;
}

label{
  width: 50px;
  height: 26px;
  display:block;
  background-color: #6e6e6e61;
  border-radius: 100px;
  position: relative;
  cursor: pointer;
  transition: 0.5s;
}

label::after {
  content: "";
  width: 20px;
  height: 20px;
  background-color: #fff;
  position: absolute;
  border-radius: 20px;
  top: 3px;
  left: 5px;
  transition: 0.5s;
}

input:checked + label:after {
  left: calc(100% - 5px);
  transform: translateX(-100%);
}

input:checked + label {
  background-color: #20c285;
}

label:active:after {
  width: 160px;
}






.shadow-modal, .shadow-alert{
 width: 100%;
 height: 100vh;
 position: absolute;
 z-index: 999999;
 background: #3f5065c7;
 visibility: hidden;
 opacity: 0;
}

/* .shadow-modal{
  opacity: 1;
  visibility: visible;
} */

.alert-body{
  background: #fff;
  border-radius: 8px;
}


.modal-text{
  font-family: sahelbold;
  font-size: 14px;
  color: #5b6c7b;
}


input[type=checkbox]:disabled::after{
 content: '\efa9';
 font-family: icofont;
 color: #f21a1a;
 font-size: 12px;
 cursor: not-allowed;
}

input[type=checkbox]:after,
input[type=radio]:after{
 content: '';
 width: 15px;
 height: 15px;
 display: flex;
 justify-content: center;
 align-items: center;
 background: #fff;
 color: #fff;
 border-radius: 6px;
 font-size: 20px;
 border: 2px solid #69696924;
}

/* input[type=radio]:after{
 border-radius: 50%;
} */

input[type=checkbox]:hover:after,
input[type=radio]:hover:after{
 cursor: pointer;
}

input[type=checkbox]:checked:after,
input[type=radio]:checked:after{
 content: '\f021';
 font-family: icofont;
 font-size: 12px;
 color: #fff;
 cursor: pointer;
 background: #25aaeb;
 border: 2px solid #25aaeb;
}

input[type=radio]:checked:after{
 content: '\ec77';
 font-size: 7px;
}

.alert-box{
 padding: 10px 20px;
 bottom: -8%;
 right: 2%;
 font-family: sahel;
 font-size: 14px;
 color: #fff;
 z-index: 99999999;
}

.alert-box-show{ bottom: 5%; }

.success-alert{
 background-image: linear-gradient(to right, #34b189 0%, #05d86c 100%);
}

.danger-alert{
 background-image: linear-gradient(to right, #b1345c 0%, #f11d6b 100%);
}

.info-alert{
 background-image: linear-gradient(to right, #6dd2e2 0%, #21b4c3 100%);
}

.success-alert:before,
.danger-alert:before{
 content: '\f026';
 font-family: icofont;
 font-size: 22px;
 padding-left: 10px;
}

.success-alert:before{
 content: '\f021';
}

.empty-message span{
 font-size: 80px;
 color: #839296;
}

.empty-message p{
 font-family: ali;
 font-size: 14px;
 color: #9a9a9a;
}

.close-filter{
  display: none;
}

.close-modal span{
  font-size: 20px;
  background: #d7d7d780;
  border-radius: 50%;
  padding: 5px;
  color: #8f8f8f;
}

.close-modal span:hover{
  cursor: pointer;
  background: #c9060680;
  color: #fff;
}

.open-filter{
  display: block;
}

.not-exist{
  color: #e00f4c;
}

.login-header{
  /*background-image: linear-gradient(135deg, #1ac3bb 0%, #005688 100%);*/
  background: #003f8d;
  box-shadow: 0 2px 3px rgba(95, 95, 95, 0.26);
  padding: 20px;
}

.login-header > img{
  width: 100%;
}

.pagination{
 display: flex;
 justify-content: center;
 padding: 50px 0;
}

.pagination li, .pagination span, .pagination-total, .pagination li a{
  border-radius: 6px;
}

.pagination li{
  margin: 0 2px;
}

.pagination a,
.pagination span,
.pagination-total{
  padding: 5px 15px;
  font-size: 12px;
  font-family: sahelbold;
  color: #424b67;
  background: #7a839d1c;
}

.pagination li.disabled{
  cursor: not-allowed;
}

.pagination li.active span,
.pagination-total,
.pagination li:hover a{
  background: #003f8d;
  color: #fff;
}

.list li{
  font-family: ali;
  font-size: 14px;
  padding: 15px 20px;
  border-radius: 6px;
  color: #35474e;
  border: 2px solid #27248c17;
  margin-bottom: 10px;
  background: #fff;
}

.list li span{
  font-size: 16px;
}


.title{
  font-family: 'sahel';
  font-size: 20px;
  color: #5c5c5c;
}

.result-course li{
  width: 100%;
  margin: 10px 0 10px 0;
  background: #fff;
  border-radius: 4px;
  padding: 20px;
  font-size: 14px;
  font-family: 'ali';
  color: #00a991;
  font-weight: normal;
  display: flex;
  flex-direction: row;
  border: 2px solid #6c747340;
  align-items: center;
  justify-content: space-between;
}

.result-course li:first-child{
  margin-top: 4px;
}

.result-course li:hover{
  border: 2px solid #00a991;
  cursor: pointer;
}

.box-tag{
  background: #fff;
  border-radius: 8px;
}

.box-tag li{
  font-size: 14px;
  font-family: mtnb;
  color: #2671ff;
  padding: 3px 5px;
  line-height: 20px;
}

.box-tag li:hover{
  color: #000;
  cursor: pointer;
}

.observation-box{
  height: auto;
  position: relative;
  background: #fff;
  border-radius: 8px;
  margin: 10px;
}

.observation-box > div{
  height: 250px;
  overflow: scroll;
}

.observation-box img:hover{
  cursor: pointer;
}

.observation-box ul li span{
  font-family: mtnb;
  font-size: 12px;
}

.observation-box ul li{
  font-family: mtnl;
  line-height: 20px;
  font-size: 14px;
}

.observation-box img{
  width: 100%;
}







input[type=file]{
  width: 0 !important;
  height: 0 !important;
  border: 0 !important;
  padding: 0 !important;
}

.upload-box{
  margin-top: -20px;
}

.js .inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.inputfile + label {
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  padding: 0.625rem 1.25rem;
  position: relative;
}

.inputfile + label:after, .inputfile + label:before, .capacity:before{
  content: "ŲØŲ§Ų±ŚÆŲ°Ų§Ų±ŪŒ ŁŲ§ŪŒŁ„";
  font-family: remixicon;
  font-size: 35px;
  width: 100%;
  position: absolute;
  z-index: 99999;
  height: 100%;
  top: -25px;
  color: #748fb7;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.inputfile + label:before, .capacity:before{
  content: attr(data-title);
  position: absolute;
  font-family: mtnb;
  font-size: 16px;
  top: 6px;
}

.capacity:before{
  content: attr(data-title);
  top: 27px;
  font-family: mtnr;
  font-size: 14px;
}


.no-js .inputfile + label {
  display: none;
}

.inputfile-1 + label {
  color: #f1e5e6;
  background-color: #97b0d63d;
  border-radius: 8px;
  border: 2px dashed #97b0d6;
  width: 100%;
  height: 100px;
  border-radius: 8px;
  box-shadow: 0 0 0px 5px #fff;
}

.inputfile-1 + label:hover{
  border: 2px dashed #0864ed;
  box-shadow: 0 0 0 5px rgb(38 87 255 / 6%) !important;
}

.inputfile + label:hover:after, .inputfile + label:hover:before, .capacity:hover:before{
  color: #0864ed !important;
}