@font-face {
  font-family: 'BKoodakBold';
  src: url('includes/fonts/BKoodakBold.eot?#') format('eot'),  /* IE6–8 */
       url('includes/fonts/BKoodakBold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('includes/fonts/BKoodakBold.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */}
@font-face {
    font-family: 'Sahel';
    src: url('includes/fonts/Sahel.eot');
    src: url('includes/fonts/Sahel.eot?#iefix') format('embedded-opentype'),
		 url('includes/fonts/Sahel.woff') format('woff'),
		 url('includes/fonts/Sahel.ttf') format('truetype');
	}
@font-face{
    font-family: 'SahelB';
    src: url('includes/fonts/Sahel-Bold.eot');
    src: url('includes/fonts/Sahel-Bold.eot?#iefix') format('embedded-opentype'),
		 url('includes/fonts/Sahel-Bold.woff') format('woff'),
		 url('includes/fonts/Sahel-Bold.ttf') format('truetype');
	}
@font-face {
    font-family: 'Bjadid';
    src: url('includes/fonts/BJadid(Bold).TTF');
}
@font-face {
	font-family: 'Yekan';
    src: url('includes/fonts/Yekan.eot') format('eot'),
    url('includes/fonts/Yekan.woff') format('woff'),
    url('includes/fonts/Yekan.ttf') format('truetype');
	}
@font-face {
	font-family: 'Roman';
	src: url('includes/fonts/timesnewroman.ttf') format('truetype');
	}
textarea, input[type="text"], input[type="button"], input[type="submit"], input[type="number"], input[type="email"], input[type="tel"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }/**resize code for ios**/
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body{color: #000; padding:0px; margin:0px; font-family:sahel; font-size:12px; line-height:160%; background:#333; direction: rtl;}
img {border:0px; vertical-align:middle;}
a{color: #006699; text-decoration: none;}a:link{color: #006699; text-decoration: none;}
a:visited{color: #006699; text-decoration: none;}a:hover{color: #006699; text-decoration: underline;}
input,select,textarea,button{font-family:tahoma; font-size:13px; border:solid 1px #ddd;}
select option{ font-family:tahoma;}
ul{margin:0}
.Tcenter_ch input{text-align: center;}
.drtl{direction:rtl;} .dltr{direction:ltr;} .FloatR{float:right;} .FloatL{float:left;}
.Tright{text-align:right!important;} .Tleft{text-align:left !important;} .T_center{text-align:center !important;}.Tjustify{text-align:justify !important;} .Tcenter{justify-content: center!important;} .T-center{text-align:center}
.margin0{margin:0 auto!important;} .clr{clear:both} .box_size, .table_box td{ box-sizing:border-box;} 
.mid_align{ vertical-align: middle !important;} .sub_align{ vertical-align: sub !important;} .top_align{ vertical-align: top !important;} .bott_align{ vertical-align: bottom !important;}

.Barchasb01{padding:5px; border-bottom:2px solid #900;}

.padL7px{padding-left:7px} .padR7px{padding-right:7px} .pad5px{padding:5px!important;} .padS5px{padding:0 5px!important;} .pad3px0{ padding: 3px 0 !important;} .pad5px0{ padding: 5px 0 !important;}
/*No English*/.pad4px{padding:4px!important;} 
.pad3px{padding:3px;} .padR3px{padding-right:3px;}.padR10px{padding-right:10px!important;} .padR15px{padding-right: 15px!important;} .pad3px10{ padding: 3px 10px !important;}

.w20{width: 20px!important;}.w25{width: 25px!important;}.w30{width: 30px!important;} .w35{width: 35px!important;} .w40{width: 40px!important;}.w45{width: 45px!important;}.w50{width: 50px!important;}.w60{width:60px!important;}.w65{width:65px!important;}.w70{width:70px!important;}.w78{width:78px!important;}.w80{width:80px!important;} .w85{width:85px!important;} .w90{width:90px!important;} .w100{width:100px!important;} .w105{width:105px!important;} .w110{width:110px;} .w115{width:115px;} 
.w120{width:120px;} .w125{width:125px !important;} .w130{width:130px!important} .w140{width:140px!important} .w135{width:135px!important} .w145{width:145px!important} .w150{width:150px!important} .w160{width:160px!important}.w165{width:165px!important}.w180{width:180px!important;} .w190{width:190px!important;} .w195{width:195px!important;} .w200{width:200px!important;} .w220{width:220px!important;} .w270{width:270px!important;} 
.w290{width:290px!important;} .w300{width:300px!important;} .w400{width:400px!important;} .w500{width:500px!important;} .w600{width:600px!important;} .w620{width:620px!important;} .w650{width:650px!important;} .w700{width:700px !important;} .w720{width:720px;} .w750{width:750px!important;} .w800{width:800px;} .w850{width:850px!important;} .w880{width:880px !important;} .w900{width:900px;} .w950{width:950px;} 
.w1K {width:1000px !important;} .w1010 {width:1010px !important;} .w1030 {width:1030px !important;}.w1050 {width:1050px !important;}.w1085 {width:1085px !important;} .w1100 {width:1100px !important;} .w1150 {width:1150px !important;} .w1200 {width:1200px !important;} .w1250 {width:1250px !important;} 
.w5d{width:5% !important;} .w8d{width:8% !important;}.w12d{width:12% !important;} .w20d{width:20%} .w25d{width: 25%!important;} .w30d{width:30%} .w33d{width: 33.33%!important;} .w40d{width:40%} .w50d{width:50%} .w60d{width:60% !important;} .w70d{width:70% !important;} .w80d{width:80%} .w85d{width:85% !important;}.w86d{width:86%} .w90d{width:90%!important} .w95d{width:95%} .w97d{width:97%;} .w98d{width:98%} .w99d{width:99%} .w100d{width:100%!important;}
.mw600{max-width:600px!important;} .mw95d{ max-width: 95% !important;}.minw100{ min-width: 100% !important;}.minw30{ min-width: 30px !important;} .minw250{ min-width: 250px !important;}.minw300{ min-width: 300px !important;}.minw500{ min-width: 500px !important;}.minw1200{ min-width: 1200px !important;}.minw1250{ min-width: 1250px !important;}.minw1300{ min-width: 1300px !important;}.min_cont{ min-width: max-content !important;}
.hgt2{ height: 2px !important;}.hgt4{ height: 4px !important;}.hgt10{ height: 10px !important;}.hgt45{ height: 45px !important;}.hgt50{ height: 50px !important;}.hgt61{ height: 61px !important;}.hgt103{ height: 103px !important;}.hgt150{ height: 150px !important;}
.min100vh{ min-height: 100vh !important;}.minh50px{ min-height: 50px !important;}.minh20px{ min-height: 20px !important;}

.noMargicP p{ margin: 0 !important;}
.nowrap{white-space: nowrap!important;}
.normal{white-space: normal!important;}
.LH28{line-height:28px !important;}
/* Table */
#t120 td:first-child{width:120px; color:#ffffff; background-color:#888888;}
#t120 td:last-child{background-color:#efefef; line-height:24px;}
#t120 tr:first-child td,#t120 tr:last-child td{background:none !important; color:#000;}
.tnone {background:none !important; color:#000 !important;}

.t121 td:first-child{background:#1e95a1 !important;}
/*main*/
.main_02{width: 1100px;margin: 0 auto;}
.main_03{max-width: 1100px;margin: 0 auto;}
/*font */
.titrKoodak20{font-family:BKoodakBold; font-size:20px;}
.nazfont{ font-family:'B Nazanin',Tahoma !important;}
/* Notification Home Page **/
.noti1{width:1100px !important;}.noti1 p{font-family:sahelB; font-size:15px; margin:5px;}
.noti1 p i{font-size:28px;}
.noti1 p > span{position:relative !important; bottom:4px; right:10px;}
.hi5{height:5px;}

.Agreen{color:#390!important;} .Agreen2{color:#336600!important;} .Agreen3{color:#096 !important;}.Agreen4{color:#00b894 !important;}.Agreen5{color:#093 !important;}.Agreen6{color:#2e4616!important} 
.Ared{color:#900!important;} .Aredr{color:red;} .Ared2{color: #FA3B40 !important;} .Ared3{color:#ff7675!important;}.Ared4{ color: #e74c3c !important;}
.Ayellow{color:#F60;} .Ayellow2{color:#999416!important;} .Ayellow3{color: #f1c40f!important;} .Agray{color:#666666!important;} .Agray2{color:#66666670!important;}.Agray3{color:#d9d5d5!important;}.Agray4{color:#A4A4A4!important;}.Agray6{color: #d1d1d14f!important;}.Agray7{color: #585858!important;}.Agray8{color: #666666b8!important;}
.Anarenji{color:#FF5C26 !important;} .Anarenji2{color:#C60;} .Anarenji3{color:#FF6600!important;} 
.Awhite{color:#FFF!important;}.Awhite2{color:#fffef9!important;} .Ablue {color:#00659B !important;}.Ablue1{color:#3498db!important;}.Ablue2{color:#0054D7!important;}.Apurple{color:#90F;} .Apurple2{color:#F9F;} .Apurple3{color:#FFB9B9;} .Apurple4{color:#f151f1!important}.gblue{color:#0cffdd!important;} .gblue2{color:#38b2a1!important;}
.Ablack{color:#000!important;}.Ablack3{color:#333!important;}.Ablack4{color:#444!important;} .blue1{color: #004f8c !important;} .Aiwhite{color:#FFF !important;} .blue2{color:#0984e3 !important;} .Apink2{color:#ff014a;}
.Abold{font-weight:bold;} .Abrown2{	color:#b35e4b!important;} 

.Bred{background-color:#900!important;} .Bblue {background-color:#00659B!important;} .Bblue2 {background-color:#003653!important;}.Bblue3{background: #55748d!important;} .Bblue4{background:#bdd6d838!important;} .Bblue5{background:#1e95a1!important;}.Bblue6{background:#3498db!important;}.Bblue7{background-color:#C4E1FF!important;}.Bblue8{background-color:#e5f0fb!important;}  .Bpurple{background-color:#ede3f3!important;}
.Bgreen{background-color:#390!important;} .Bgreen2{background-color:#096!important;} .Bgreen3{background-color:#004F35!important;} .Bgreen4{background: #6ab04c!important;} .Bgreen5{ background: #00b894 !important;} 
.Bgreen6{background: #77916b !important;} .Bgreen7{background: #2d8666!important;} .Bgreen8{background:#bdcbbd!important} .Bgreen9{background:#d4ddd4!important} 
.Bbrown{background-color:#960!important;} .Abrown{background-color:#960!important;} .Bcornsilk{background-color: cornsilk important;} .Bgray{background-color:#E5E5E5 !important;} .Bgray2{background-color:#F8F8F8 !important;} .Bgray3{background-color:#666 !important;}.Bgray4{background-color:#E9E9E9 !important;}
.Bgray5{background-color:#ccc !important;}.Bgray6{background-color:#888 !important;}.Bgray7{background-color:#999 !important;}.Bgray8{background-color:#d6d6d6 !important;}.Bblack{ background: #000;}
.Bwhite{background-color:#FFFFFF !important;}.B_black{background-color:#333 !important;}
.Borange{background-color:#FF6600!important;}.Borange1{background-color:#F30 !important;}.Borange2{background-color:#F96 !important;}.Borange3{background-color:#EC800D !important;}.Borange4{background-color:#eb9130 !important;} 
.Bred2{background:rgba(251,100,102,1.00)!important;}.Bred3{background:rgba(235,45,48,1.00)!important;}.Bred4{background:rgba(251,207,207,1.00)!important;} .Bred5{ background: #e74c3c !important;} .Bred6{background:#ff7675!important;}.Bred7{background:#F7E3E3!important;}.Bred8{background:rgba(205,54,56,1.00)!important;}.bred9{background: #d6a8a8;}
.Btransp{background: transparent!important;} .bg_hsl1{ background:hsl(0deg 14% 56%) !important;} .bg_non{ background: none !important;}
.Dgreen{border-color:#390 !important;} .Dblue{border-color:#00659B !important;}
/* EDITOR STYLE */
.mceContentBody{background-color:#FFFFFF !important;}

.scale1{ transform: scale(0.9,1);}
.scale2{ transform: scale(1.17,1);}
.border_non{ border: none !important;}.border1{border-bottom:2px solid rgba(251,100,102,1.00); padding-top:20px}.border2{border:1px dashed #accbce7a!important;}.border3{border-top:1px solid rgba(183,183,183,.5) !important;}.border4{border-bottom:1px solid rgba(183,183,183,.5) !important;}
.border5{border-bottom:1px solid gray !important;}.border6{border-bottom:1px solid #FFFFFF !important;}.border7{border-top:dotted 1px #000000 !important;}.border8{border:2px solid white;}.border9{border:1px dashed gray!important;}.border10{border-top:3px solid #373737;}
.border11{ border-left:1px solid gray;}.border12{ border-top:2px solid white;}.border13{ border-bottom:1px dashed white;}.border14{ border:1px solid #ccc;}


.coll_apse{ border-collapse:collapse !important;}
.coll_apse1{ border-collapse:separate !important;}
.bor_space{ border-spacing: 1px !important;}
.b5_radius{ border-radius:5px !important;}
.b3_radius{ border-radius:3px !important;}
.b20_radius{ border-radius:20px !important;}
.b50d_radius{ border-radius: 50% !important;}
.no_border{ border: none !important;}
.no_dcr{text-decoration:none!important;}
.no_hover{pointer-events: none!important;}
.inh_hover{pointer-events: inherit!important;}
.pos_rel{ position: relative !important;}
.pos_abs{ position: absolute !important;}
.left0{ left:0;}.left25{ left:-25px;}.top2{ top:2px;}.top17{ top:-17px;}.top25{ top:-25px;}.right17{ right:-17px;}
.t_shadow{ text-shadow:1px 1px 1px gray !important;}
.t_shadow_b{ text-shadow:1px 1px 1px rgb(0, 0, 0) !important;}
.verdana{ font-family: Verdana, Geneva, sans-serif;}
.font0{font-size:0;} .font10{font-size:10px !important;} .font11{font-size:11px !important;} .font12{font-size:12px !important;} .font13{font-size:13px !important;} .font14{font-size:14px !important;} .font15{font-size:15px !important;} .font16{font-size:16px !important;} 
.font17{font-size:17px !important;} .font18{font-size:18px !important;} .font19{font-size:19px !important;} .font20{font-size:20px !important;} .font22{font-size:22px !important;} .font24{font-size:24px !important;} .font25{font-size:25px !important;} .font28{font-size: 28px !important;} .font30{font-size: 30px !important;}

.maxW100{max-width: 100px;}.maxW250{max-width: 250px!important;}.maxW300{max-width: 300px;}.maxW350{max-width: 350px;}.maxW500{max-width: 500px;}

.divider01{background-color: #FF4A41; height: 5px;width: 100%; margin-top:12px; }
.divider02{background-color: #3399CC; height: 5px;width: 100%; margin-top:12px;}
.divider03{background-color: #0cb9a7; height: 5px;width: 100%; margin-top:12px;}

.Ablack_dis input[type="text"]:disabled ,select:disabled { color: black;opacity: 1;background: rgba(239, 239, 239, 0.3);}
.cellpadd3 td{padding:3px;}

.BKoodak{font-family:'BKoodakBold'} 

.formR{color:#ffffff; background-color:#888888 !important;}
.formL{background-color:#efefef; line-height:19px;}
.formR a:link, .formR a:visited{color:#FFFFFF; text-decoration:none;}
.formR a:hover{color: #FFFFFF; text-decoration: underline;}

.Box06{padding:1px 5px; border-radius:5px; border:1px solid; }

/* Kamyar Styles */
.rbutton{padding: 3px; border-radius: 5px;}
.hidden{display:none;}
.inputbutton{border: solid 1px #aaaaaa;}
.d-flex{display: flex!important;}
.ait_cntr{align-items: center!important;}
.ait_bsl{align-items: baseline;}
.ait_end{align-items: flex-end;}
.d_wrap{flex-wrap: wrap;}
.d_wrap_re{flex-wrap: wrap-reverse;}
.j_cnts{justify-content: space-between;}
.j_end{justify-content: end;}
.flow_auto{ overflow: auto;}
.flow_hide{ overflow: hidden;}
.MainDiv{ width: 100%; background-color:#FFF; display: block; overflow-y: auto; box-sizing: border-box;}
.safarTabs{border:1px solid gray; margin-bottom: 1em; padding: 10px}
#acdiv span{margin-top: 9px}
.sel_width select:nth-of-type(1){ width: 45px;}
.sel_width select:nth-of-type(2){ width: 92px;}
.sel_width select:nth-of-type(3){ width: 55px;}
.edit_time{ min-width: auto !important; padding: 2px 4px !important;}
.edit_time1{ min-width: 50px !important; padding: 2px 4px !important;}
.mce-content-body{ font-size: 15px !important;}
.pro_pic{ position: relative; top: -55px;}
.pro_pic img{ max-width: 195px; display: block; cursor: pointer;}
#pop_pic{ width: Calc(100% - 30px); padding: 0 20px; position: fixed; left: 0; top: 0; bottom: 0; right: 0; display: none; z-index: 10000;}
#pop_pic .flexbox{ height: 100vh; justify-content: center; align-items: center;}
#pop_pic img{ max-width: 500px; width: 100%; position: relative; z-index: 10;}
#pop_pic .fa-times{ width: 35px; height: 35px; line-height: 35px; margin: auto; position: absolute; top: 50px; left: 0; right: 0; background: #fff; color: #333; border-radius: 100%; font-size: 15px; text-align: center; opacity: 0.7; transition: all linear 0.2s; cursor: pointer; z-index: 10;}
#pop_pic .fa-times:hover{ font-size: 20px; opacity: 1;}
#bg_cover{ width: 100%; height: 100%; background: #000000ab; position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: none; z-index: 9; cursor: pointer;}

@media only screen and (max-width:860px){	
	#form_op .d-flex{display: block;}
	#form_op .d-flex div{ margin: 0 !important;}
	#form_op .Tleft{ padding-top: 10px !important; text-align: right !important;}
	#form_op .d-flex .mri_ato{ margin-right: 48px !important;}
	#pop_pic .fa-times{ width: 55px; height: 55px; line-height: 55px;  top: inherit; bottom: 30px; font-size: 25px !important; opacity: 1 !important;}
}

/************** #Footer *****************/
.footer {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#898378; direction:ltr; background:#333; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6);}
.footer a{color:#177D5C;}.footer a:hover{color:#147052; text-decoration:none;}
.footer span{color:#177D5C;}
.footer img{opacity:0.3;}
.footer div{margin-left:5%; padding-bottom:30px;}
.note{margin-right:5%; line-height:28px !important;}
/************** #Tahoma *****************/
.en_font{ font-family: tahoma!important;}
.t14{font-family:Tahoma, Geneva, sans-serif; font-size:14px; line-height:22px;}

.t11{font-family:Tahoma; font-size:11px; line-height:150%;}
.t11Gray {font-family:Tahoma; font-size:11px; line-height:130%; color:#666666;}	
.t11Gray a:link, .t11Gray a:visited{color:#666666; text-decoration:none;} .t11Gray a:hover{color:#006699; text-decoration:underline;}
.t11White {font-family:Tahoma; font-size:11px; line-height:150%; color:#FFFFFF;}

.t12 {font-family:Tahoma; font-size:12px; line-height:160%;  box-sizing: border-box;overflow: auto;}
.t12LhD {font-family:Tahoma; font-size:12px; line-height:180%;}	
.t12Red {font-family:Tahoma; font-size:12px; line-height:160%; color:#990000;}
.t12White {font-family:Tahoma; font-size:12px; line-height:160%; color:#FFFFFF;}
.t12White a:link, .t12White a:visited{color:#FFFFFF; text-decoration:none;} .t12White a:hover{text-decoration:underline;}
.t12Gray {font-family:Tahoma; font-size:12px; line-height:130%; color:#666666;}	

.t13 {font-family:Tahoma, Geneva, sans-serif; font-size:13px !important;}
.t13red {font-family:Tahoma, Geneva, sans-serif; font-size:13px; color:#990000;}

/************** #Sahel *****************/
.titr_01{margin:25px 12px 0 auto; font-family: Sahel; font-size: 14px;}
.titr_02{font-size: 15px;width: max-content;font-family: SahelB;color: #383838;background: #d1efc787;padding: 3px;}
.titr_03{padding: 10px 5px 10px 10px;background: #c2d7d97a;display: inline-block;color: #222222;font-family: SahelB;font-size: 18px;line-height: 28px;}
.titr_04{font-size: 15px;width: max-content;font-family: SahelB;color: #383838;margin-bottom: 7px;}
.s14{font-family: Sahel!important; font-size: 14px !important;}
.sahelB{font-family: SahelB!important; font-weight:normal;}
.fsahel_ch,.fsahel{font-family: Sahel!important; font-weight: normal !important;}
.fsahel_ch input,.fsahel_ch select,.fsahel_ch textarea {font-family: Sahel!important;}
.f13_ch input,.f13_ch select,.f13_ch textarea{font-size:13px;}
/************* NONE *************/
/* Tables */
.borderg {border-bottom: 1px solid #cccccc; padding: 2px;}
.bordergtop {border-top: 1px solid #cccccc; padding: 2px;}
.borderg2 {border-bottom: 1px solid #cccccc; padding: 2px; margin-bottom:2px; background-color:#F8F8F8;}
.gray{font-family:tahoma; font-size:12px;  padding:5px; background-color:#dddddd;}
.gray2{font-family:tahoma; font-size:13px; padding:5px; background-color:#dddddd;}
/*----------------------------------------------------------*/
.mpointer {cursor: pointer; cursor: hand;}
.delete_row {cursor: pointer; cursor: hand;color: red;}
/*----------------- added by sonia for  ---------------------------------*/
.input2 {font-family:tahoma; font-size:11px; border:solid 1px #aaaaaa;}
.input12 {font-family:tahoma; font-size:12px; border:solid 1px #aaaaaa;}
.textarea100 {font-family:tahoma; font-size:12px; border:solid 1px #aaaaaa; line-height:180%; width:99%;}
.text{font-family:tahoma; font-size:12px; padding:5px;}
.text13{font-family:tahoma; font-size:13px; padding:5px;}
.button {font-family:tahoma; font-size:11px; border:solid 1px #aaaaaa; background-color:#E0E2E9; border-radius:3px; padding:3px 10px 3px;}
.button2 {font-family:tahoma; font-size:13px; border:solid 1px #aaaaaa; background-color:#E0E2E9;}
.btn_01{color: white;display: block;text-align: center;transition: all linear 0.2s;padding: 5px 25px;border:none;background:rgba(22,146,71,1.00);margin:0px 5px 25px;border-radius: 5px!important;font-family: sahel;cursor: pointer;}
.btn_02{min-width: 58px; color: white;text-align: center;transition: all linear 0.2s;border:none;background:rgba(22,146,71,1.00);padding: 4px 8px; border-radius: 2px!important;font-family: sahel;cursor: pointer; box-sizing: border-box;}
.btn_03{background: #48a195;padding: 4px 10px;border-radius: 3px;color: white;white-space: nowrap;display:inline-block;}
.btn_04{background: #0984e3;padding: 1px 3px;border-radius: 3px;font-family: sahel;}
.btn_05{background: #16a085;padding: 0px 8px;border-radius: 15px;font-family: sahel;}
/* New homepage*/
.title{padding:0 0 0 5px; height:22px; color:#000000; font-family:tahoma; font-size:11px;}
/* HEDAER */
.headertop{height:38px; background-color:#2E3A55; background-image:url(images/BG/header_line2.gif); width:100%; line-height:160%; font-weight:bold}
.padd0{padding:0!important;} .padR0px{padding-right:0!important;} .padR5d{padding-right:5%;}.padT0px{padding-top: 0 !important;}.padT2px{padding-top: 2px !important;}.padT10px{padding-top: 10px!important;}.padT20px{padding-top: 20px!important;}.padT30px{padding-top: 30px!important;}.pad4px{padding:4px;}
.padB5px{padding-bottom: 5px!important;}.padB3px{padding-bottom: 3px!important;}.padB10px{padding-bottom: 10px!important;}.padB30px{padding-bottom: 30px!important;}.padT5px{padding-top: 5px!important;} .padT8px{padding-top: 8px!important;} .pad10px{padding:10px!important;} .padR12px{padding-right:12px}
.pad28px{padding: 2px 8px;}.pad08px{padding: 0 8px;}.padTd2px td{padding: 5px 2px!important;} .padTd512{padding: 5px 12px!important;}.padTd5100{padding:5px 10px 0!important;} .padTd812{padding: 8px 12px!important;}.padTd005{ padding:0 0 5px 0 !important;}.padTd010{ padding:0 0 10px 0 !important;}.padTd3060{ padding: 30px 0 60px !important;}.padTd510{ padding:5px 10px !important;}.padTd020{ padding: 0 20px !important;}
.padTd20{ padding: 20px !important;}.padTd5{ padding:5px !important;}.padTd10{ padding:10px !important;}.padTd105{ padding:10px 5px !important;}.pad51010{ padding:5px 10px 10px !important;}
.td7pad{ padding: 7px 3px;}

.headermid{height:26px; padding-top:2px; background-color:#EAEAEA; background-image:url(images/BG/2.png); width:100%; clear:both;}
/*****margin******/
.mar_t0{margin-top: 0!important}.mar-t5{margin-top: 5%!important;}.mar-t05{margin-top: 5px!important;}.mar-t10{margin-top: 10px!important;}.mar_t15{margin-top: 15px!important;}.mar-t20{margin-top: 20px!important;}.mar-t30{margin-top: 30px!important;}
.mar-t40{margin-top: 40px!important;}.mar_l0{margin-left:0px!important;}.mar_l1{margin-left:1px!important;} .mar_r5d{margin-right: 5%!important;}
.mar_b0{margin-bottom: 0!important}.mar-b5{margin-bottom: 5px!important;} .mar-b8{margin-bottom: 8px!important;}.mar_b10{margin-bottom: 10px!important;}.mar-b10{margin:0 0 10px 0 !important;}.mar-b20{margin-bottom: 20px!important;}.mar-b30{margin-bottom: 30px!important;}
.mar_r0{margin-right:0 !important;}.mar_r1{margin-right:1px!important;}.mar_r10{margin-right: 10px!important;}.mar-r5{margin-right: 5px!important;}.mar_r20{margin-right: 20px!important;}.mar_r50{margin-right: 50px!important;}.mar-l5{margin-left: 5px!important;}.mar_l10{margin-left: 10px!important;}.mar_l20{margin-left: 20px!important;}
.mri_ato{ margin-right: auto !important;} .mar_ato{ margin-left: auto !important; margin-right: auto !important;} .mrg0{ margin: 0;} .mrg2{ margin: 2px !important;} .mrg12{ margin: 12px !important;} .mar10{ margin: 10px;} .mrg17{ margin: 17px !important;} .mar_565a{ margin: 5px 6px 5px auto;}.mar3px0{ margin: 3px 0 !important;}.mar15px05{ margin: 15px 0 5px !important;}
/*****line-height******/
.ln_hght0{line-height: 0;} .ln-hght24{line-height: 24px;}.ln-hght25{line-height: 25px;} .ln-hght20{line-height: 20px;} .ln-hght23{line-height: 23px;} .ln-hght18{line-height: 18px;} .ln-hght26{line-height: 26px!important;} .ln_hght29{line-height: 29px!important;} .ln_hght30{line-height: 30px!important;} .ln-hght35{line-height: 35px!important;}.ln-hght40{line-height: 40px!important;} .ln-hght45{line-height: 45px!important;}
/*****display******/
.dis-none{display: none;}.dis-block{display: block;} .dis_blc{ display: block !important;} .dis-inblock{display: inline-block;} .dis_inline{display: inline;}
.fit-content{width: fit-content;}
.rt_30{transform: rotate(30deg)}
.rt_180{transform: rotate(180deg)}
/*Added By Behnaz Menu*/
.border_box{ box-sizing:border-box;}
.head .headertop{background:#1ea176; height:auto; padding:7px 5% 10px;}
.headertop ul li .down{ min-width: 110px; white-space: nowrap; visibility: hidden; opacity: 0; z-index:2; position:absolute; transition:all .3s linear; top:27px; right:0px; line-height: 28px;}
.headertop ul li .down a{ padding: 0 0 0 10px; font-size:14px; font-weight:100; display:block; border-bottom:1px solid #1B8D68; background:#177b5a; transition:all 0.3s linear;}
.headertop ul li .down a:hover{background:#13664B;}
.headertop ul li .down a i{font-size:12px; line-height:0; padding:0 10px 0 5px;}
.headertop ul li:hover .down{visibility: visible; opacity: 1; transition: visibility 0s, opacity 0.3s linear;}
.head .headertop ul{ padding:0;}
.head .headertop ul li{list-style:none; float:right; font-size:15px; position:relative; margin: 4px 2px 0;}
.head .headertop ul li > a{border-radius:3px; padding: 0px 7px 0px; min-width: 17px;text-align: center;}
.head .headertop a{background:#1b926c; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6); transitgion:all 0.2s linear; display:block; border:1px solid #34a782; line-height: 26px; font-weight:100; font-family:sahel; color:#D9F4EC !important; }
.head .headertop li a:hover{color:#FFF !important; text-decoration:none; background:#177B5A;}
.head .headertop li:hover a{background:#317861;}
.head .headertop ul li a i{display:block; line-height:26px;}
.head .headertop ul li .fa-angle-left{display:inline !important;}
.head .headertop span{margin-top:5px; display:block;}
.head .headertop span a{background:#1b926c; text-align:left !important; font-family:Tahoma; font-size:12px; padding:3px 6px 3px; line-height: 20px; border:1px solid #34a782; display:block; float:left; border-radius:5px;}
.head .headermid{padding-top:5px; background:#f5f5f5; color:#666;}
.head .headermid a{color:#136C50;}
.head .headermid a:hover{color:#20AC7E; text-decoration:none;}
.head #headerdown{width:100%; background:#f5f5f5; border-bottom:1px solid #eeeeee;}
#headerdown{background:#FFFFFF !important; border:none !important;}
.head .headertop ul li div.num{position:absolute; z-index:1; bottom:-6px; font-family:Tahoma; right:-3px; font-size:10px; background:#F17370; padding:5px; line-height:2px; border-radius:1px; text-shadow:none;}
.headermid2{float:right; width:50%;}
.head .headermid{ height:auto; padding:5px 5%;}
#for_menu{ width: 100%; height: 100%; position: fixed; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0,0,0,.6); z-index: 500; display: none; cursor: pointer;}
#menu_bar{ padding: 10px 20px; position: absolute; right: 0; top: 1px; color: #fff; font-size: 30px; cursor: pointer; display: none; transition: all linear 0.2s; z-index: 500;}
#close_icon{ padding: 10px 14px; color: #fff; font-size: 30px; position: absolute; top: 1px; left: 5px; cursor: pointer; display: none;}
.headertop .subserv, .menu_item, .res_foot{ display: none;}
.res_foot{ padding: 30px 15px; background: #fff; position: absolute; left: 0; right: 0; bottom: 0;}

.mOtherBoxBtn{ margin-right:5px; font-size:15px; position:relative; top:3px; cursor:pointer;}
.p_static{ position: static !important;}
.tb_scroll{ overflow-y: auto;}
#top_head{ position: fixed; left: 0; right: 0; top: 0; z-index: 90;}
.head_hgt{ height: 79px;}
.head .headertop.fix_head{ width:100%; position:fixed; top:0; left:0; right:0; z-index:600; transition: all linear .2s;}
#res_user{ padding: 14px 20px; color: #fff; position: absolute; left: 0; top: 0; display: none;}
#res_user .user_ico{ margin-left: 3px; font-size: 23px;}
#res_links{ width: 110px; position: absolute; left: 20px; top: 45px; display: none; z-index: 600;}
#res_links a{ padding: 6px 10px; font-size: 16px; text-decoration: none;}
#res_links i{ margin-left: 5px; vertical-align: middle;}
@media only screen and (min-width:1025px){	
	#for_menu, #res_links{ display: none !important;}
}
@media only screen and (max-width:1024px){	
	body{ background: #fff;}
	#top_head{ position: relative; z-index: inherit;}
	.main_res{ min-height: Calc(100vh - 125px); padding-bottom: 80px !important; position: relative; box-sizing: border-box;}
	.head .headertop{ height: 52px; position: absolute; top: -52px;}
	.head .headertop, .head .headermid{ padding: 12px 20px;}
	.head .headertop span{ margin-top: 0; display: none;}
	.head .headertop span a{ float:none; display:inline-block;}
	.head .headertop ul{ max-width: 220px; width: 100%; height: 100vh; padding: 50px 10px 10px; background: #333; position: fixed; top: 0; right: -220px; text-align:center; overflow: auto; z-index: 600; display: block; transition: all linear 0.2s; box-sizing: border-box;}  
	.head .headertop ul.show_menu{ right: 0;}
	.head .headertop ul li{ float:none; display:block; position: relative;}
	.head .headertop ul li:nth-last-child(2){ margin-bottom: 115px;}
	.head .headertop ul li > a{ padding: 5px 7px; font-size: 17px; text-align: right;}
	.head .headertop ul li a i{ display: inline-block;}
	.head .headertop ul:before{ content:"نرم‌افزار یوتاب"; display: block; color: #fff; font-family: sahelB; font-weight: normal; font-size: 16px; position: absolute; top: 17px; right: 15px;}
	.headertop ul li .down{ width: 100% !important; position: static; opacity: 1; visibility: visible; display: none; white-space: normal;}
	.headertop ul li .down a{ width: 100% !important; padding: 5px 0; background: #333; text-align: right; border:none; border-bottom: 1px solid #666;}
	.headertop ul li .down a:last-child{ border-bottom: none;}
	.headertop ul li .down a:hover, .head .headertop li a:hover{ background: transparent;}
	.head .headertop li:hover a{ background: #333;}
	.head .headertop li:hover > a{ background: #1B926C;}
	.headertop .subserv{ padding: 11px; color: #fff; position: absolute; left: 0; top: 0; display: block;}
	.head .headermid2{ padding:5px 0; float:none; width:100%; text-align:right !important;}
	#menu_bar, #close_icon, .res_foot, #res_user{ display: block;}
	.dis_none, .footer, .exit{ display: none !important;} 
	.head_hgt{ height: 52px;}	
	.res_margin{ margin-bottom: 40px;}
	.menu_item{ margin-right: 3px; display: inline-block;}
	.login input::-webkit-input-placeholder { font-size: 17px; /* Chrome/Opera/Safari */}
	.login input::-moz-placeholder { font-size: 17px;  /* Firefox 19+ */}
	.login input:-ms-input-placeholder { font-size: 17px; /* IE 10+ */}
	.login input:-moz-placeholder { font-size: 17px; /* Firefox 18- */}
	.guid_box{ width: 100% !important;}
	.video{ width: 360px !important;}
}
.place_left::placeholder {text-align: left!important;}
.place_left::-webkit-input-placeholder {text-align: left!important;}
.place_left:-moz-placeholder {text-align: left!important;}
/*Added By Behnaz*/
.TopNoteMsg{background:url(images/BG/4.png) repeat-x #FFF; width:100%; padding:30px 0;}
.TopNoteMsgB{text-align:right; padding:15px; width:90%; /*max-width:1180px;*/ color:#d04744; border:1px dashed #33990026;border-radius: 2px;box-shadow: 0px 8px 8px -11px rgba(154, 154, 154, 0.75);background: #33990014;}
.box_info{text-align:right; padding:10px;width:595px; background-color: #e9e9e96e;}
	
.fixBox02{padding:0px; margin:5%; padding-top:15px; padding-bottom:30px; width:82px; text-align:center; z-index:100;
	height:110px; background-color:#f8f8f8; border:solid 1px #CCC; position:fixed; left:10px;
	-webkit-box-shadow: #CCC 2px 2px 2px; -moz-box-shadow: #CCC 2px 2px 2px; box-shadow: #CCC 2px 2px 2px;
	-webkit-border-radius: 15px 5px 5px 5px; -moz-border-radius: 15px 5px 5px 5px; border-radius: 15px 5px 5px 5px;}
/* Form Input */
.in_vasatltr{direction:ltr; text-align:center}
.in_Shenaseh{width:50px; direction:ltr}

/*****/
.box05{border:3px solid #930; border-radius:5px; padding:5px; font-size:13px;}
/** Online **/
.style100{position:relative;}.style100 input, .style100 span{position:absolute; bottom:4px;}.style100 input{right:170px;} .style100 span{right:215px;}
/*login*/
.bg{background:url(images/BG/login.jpg) no-repeat 50% 0px / cover; overflow: hidden; height: 100vh;}
.login{width:500px; margin:auto; color:#FFF; font-size:15px; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6); font-family:sahelB; background-color: rgba(0, 0, 0, 0.28); border-radius:5px; padding: 30px 0 40px;}
.login span{font-size:17px; padding-bottom:5px; display:block; line-height:28px;}
.login b{font-weight:100 !important; color:#96EDD0;}
.login a{ margin-top: 5px; color:#FFF; font-family: sahel; font-size: 12px; transition:all .2s; display: inline-block;}
.login a:hover, .loginen a:hover{color:#96EDD0; text-decoration:none; text-shadow:none; transition:all .2s;}
.login input{padding:8px 5.3px 8px; border:1px solid #FFF;width:94%; max-width: 185px; margin-left: auto;margin-top:0;margin-bottom:0;box-sizing: content-box;}
.login .button, a.button2{color:#F4F4F4; background:#1b926c; border:1px solid #188361; font-size:15px; padding:3px 10px 3px; font-family:sahelB; width:100%; transition:all .2s;}
.login .button{ min-width: 235px; box-sizing: border-box;}
.login .button:hover, a.button2:hover{background:#20AE80; transition:all .2s; cursor:pointer;}
.loginen{color:#eee; margin-top:5px; text-shadow: 0px 1px 2px #333;}.loginen a{color:#FFF; text-decoration:none;}
input::-moz-placeholder{color:#838383; text-align:right; font-family:sahelB; font-size:13px;} 
input::-webkit-input-placeholder{color:#838383; text-align:right; font-family:sahelB; font-size:12.5px; padding:0px !important}
input::-ms-input-placeholder{color:#838383; text-align:right; font-family:sahelB; font-size:13px;}
/*****************icon eye for password*********************/
.icon-input-login {padding: 5px 5px 5px 5px;background: white;color: #c7c0c0;min-width: 25px;text-align: center;border-top-right-radius: 0px;border-bottom-right-radius: 0px;font-size: 14px !important; line-height: 22px !important;margin-right: auto;text-shadow: none;}
.input-container {display: flex;margin-bottom: 10px;}

/**cell login**/
.login .cell_login{ padding: 4px 0 5px; margin-top: 25px; border-bottom: 1px dashed #fff; font-size: 14px; font-family: sahelB; box-sizing: border-box; transition:all linear .2s;}
.login .cell_login i{ margin-left: 3px; position: relative; top: 2px;}
.login .cell_login:hover{ border-color: #96EDD0;}
.login.w_theme{ background: #fff; color: #000; text-shadow: none;}
.login.w_theme a{ color: #000;}
.login.w_theme a.dashed{ margin: 0; color: #6d6d6d; border-bottom: 1px dashed #666;}
.login.w_theme a.dashed2{ margin-top: 10px; color: #1b926c; border-bottom: 1px dashed #1b926c; display: inline-block;}
.login.w_theme a:hover,.login.w_theme a.dashed:hover{ color: #1b926c;}
.login.w_theme input{ background: #eee; border-color: #eee;}
.login.w_theme .button{ background: #1b926c; border-color: #188361;}
.login.w_theme .icon-input-login{ background: #eee;}
.login.w_theme .cell_login{ border-color: #000;}
.login.w_theme .cell_login:hover{ border-color: #1b926c;}
.login.w_theme #captcha{ border: 1px solid #eee;}
.login.w_theme hr{ margin-top: 10px; color: white;}
@media only screen and (max-width:1024px){
	.login{ max-width: 500px; width: 90%;}
	.login input{ max-width: 200px; padding:12px 5.3px 12px; font-size: 17px;}
	.icon-input-login{ padding-top: 10px !important; font-size: 18px !important;}
	.login .button{ min-width: 250px; height: 45px; font-size: 18px; padding: 7px 10px 5px; display: inline-block;}
	.login .cell_login{ height: 45px; line-height: 30px; font-size: 18px; }
	.btn_06{ min-width: 250px !important; height: 45px;}
	.login a{ font-size: 13px;}
	
	#sidebar{ width: 100% !important; min-height: inherit !important; position: static !important; float: none !important;}
	#main{ width: 100% !important; box-sizing: border-box;}
	#main.in_phone{ float: none; margin: auto !important;}
	#wrapper {max-width: 700px !important;}
	.w700res{max-width: 700px; min-width: inherit; width: 100%;}
}


/*Fix Bar*/
#main {width:650px; padding: 25px; float: left; background-color: #fafafa;}
#sidebar {width: 180px; min-height: 200px; margin: 10px 0 15px 0; /*controls the cutoff of the top and bottom limitations*/
  float: right; /* float right for a right aligned sidebar */}
#UpHere {clear:both;}
#wrapper {max-width: 900px; /* MUST HAVE WIDTH SET, should be the sidebar width + main width */
  margin-left: auto; margin-right: auto;}
  
  
/* for dialog box */
/** barae box tozihat, position va display nabayad taghir konad **/
#hover_text_box,#hover_text_box1{padding: 5px 10px; background: #E3CBE4; position:absolute; display:none; direction: rtl;}
/** barae icone close dakhele box tozihat **/
#close_icon,#close_icon1{text-align:left; cursor: pointer;}
/*Forms*/
.forms{width:1000px; margin:0px auto 20px;}
.forms form > div{background:#f0efe8; border-bottom:1px solid #FFF; padding:10px; font-size:13px;}
.forms form input, .forms form select, .forms form textarea{border:1px solid #E4E4E4; padding:2px; border-radius:3px; font-size:13px; position: static;}
.forms form select{min-width:300px;}/*min-width:300px;*/
.forms form .pre{width:28px;}
.forms form label, .forms form p{padding:3px 15px 20px 0; margin-top:0;}
.forms form span{position: static;}
.forms form p span{color:#666; padding-right:40px; position: static;}
.forms form p span:first-child{padding-right:10px;}
.forms form .rectangle{background:#006699; padding:5px; color:#FFF; border-radius:0px 5px 5px 0; float:right; margin-right:15px;}
#triangle-left {width: 0; height: 0; border-top: 15px solid transparent; border-right: 10px solid #006699; border-bottom: 14.5px solid transparent; display:block; float:right}
.forms form [type=submit]{background:#22b081; width:80px; border:none; color:#FFF; margin-left:23px; cursor:pointer; float:left; padding:5px}.forms form [type=submit]:hover{background:#1C8C68; transition:all 0.3s;}
.forms form #rigthm{margin-right:20px;}
.online .padcell td{padding:5px 3px 5px 0;} /* ??? ??? esme in bayad avaz beshe */
.topValign td{ padding: 7px 5px 2px; vertical-align: top;}
.middleValign td{vertical-align: middle!important; }

/* table bakhshe safar */
.table_01{border-collapse: collapse;}
.table_01 tr:first-child{background: #888888 !important; color: #ffffff!important;}
.table_01 tr:nth-child(2n){background: #e0e2e9;}
.table_01 tr:nth-child(2n+1){background: #f4f4f5;}
.table_01 tr:hover{background: #dddddd;}
/*.table_01 tr{transition:all 0.3s linear;}*/
.table_01 td{padding: 3px; border: 1px solid #ffffff;}

/* table bakhshe tanzimat */
.table_02{border-collapse: collapse; }
.table_02 tr:first-child,.table_02Tr tr:nth-child(2){background: #666666 !important; color: #ffffff!important; border: none !important;}
.table_02 tr:hover{background: #dddddd;}
/*.table_02 tr{transition:all 0.3s linear;}*/
.table_02 td{padding: 2px 5px;  border:1px solid #FFF; border-bottom: 1px solid #CCCCCC;}


/* table */
.table_03{border-collapse: collapse;}
.table_03 tr:first-child{background: #888888 !important; color: #ffffff!important;}
.table_03 tr:nth-child(2n){background: #e0e2e9;}
.table_03 tr:nth-child(2n+1){background: #f4f4f5;}
.table_03 tr:hover{background: #dddddd;}
.table_03 td{padding: 2px; border: 1px solid #ffffff;}
.table_03 .tr_body tr:first-child{ background: #f4f4f5 !important; color: #000 !important;}
.table_03 .tr_body tr:first-child:hover{background: #dddddd !important;}

/* table bakhshe Contract mali list */
.table_04{border-collapse: collapse;}
.table_04 .tableHead{background: #333333 !important; color: #ffffff!important;}
.table_04 tr:nth-child(2n+1){background: #e0e2e9;}
.table_04 tr:nth-child(2n){background: #f4f4f5;}
.table_04 tr:hover{background: #dddddd;}
.table_04 td{padding: 2px; border: 1px solid #ffffff;}

/* table bakhshe Bilit */
.table_07 tr:nth-child(2n):hover{background: #e0e2e9;}
.table_07 tr:nth-child(2n+1):hover{background: #f4f4f5;}
.table_08{margin:5px 8px auto;width: 98%;font-family: Sahel}
.table_08 , .table_08 tr{ background: #fff;font-size: 13px;}
.table_08 tr:first-child td{background: #00659B;border: 1px solid #ddd;font-size: 13px;color: white;}
.table_08 th{ height: 35px;white-space: normal;text-align: center;background: #1e95a1;color: white;font-size:15px;font-weight: unset;font-family: SahelB;}
.table_08 td{height: 25px;white-space: normal;text-align: center;border: 1px solid #ddd;vertical-align: top;padding: 5px 2px 2px;}
.table_08 tr{background: #fff;font-size: 13px;}
.table_08 tr td:nth-child(1){width: 10%;}
.table_08 tr td:nth-child(2){width: 15%;}
.table_08 tr td:nth-child(3){width: 15%;}
.table_08 tr td:nth-child(4){width: 15%;}
.table_08 tr td:nth-child(5) {width: 15%;}
.table_08 tr td:nth-child(6) {width: 25%;}
.table_09{border-collapse: collapse;}.table_09 td{border: 1px solid #ddd;}
/* for package */
.table_border{ width: 100%; line-height: 30px; border-collapse: collapse; font-family: BKoodakBOld; font-size: 17px; color: #333; }
.table_border tr:first-child{ background: #d6d6d6 !important; }
.tableTrColor tr:nth-child(2n+1){ background: #fffef9; }
.table_border td{ padding: 8px 5px; border: 1px solid #d6d6d6; vertical-align: middle; }

/* Divider  gol */
.virgol span:before{content: "، ";}
.virgol span:first-child:before{display: none !important;}
.virgol span:last-child:before{content: " و " !important;}
.last-child-mar span:last-child {margin-right: 4px;}
#devidepattern span:after{content: '، '}
#devidepattern span:nth-last-child(1):after{content: ''}
.devider span:after{content: '| '}
.devider span:nth-last-child(1):after{content: ''}
#levelpattern span:before{content: "» ";}
#levelpattern span:first-child:before{display: none !important;}
.dash span:before{content: " - ";}
.dash span:first-child:before{display: none !important;}
/*Tour Package*/
#mainpack{font-family:'BKoodakBold'; font-size:17px !important; line-height:27px;}
#mainpack strong{font-weight:100; color:#369;}
#mainpack hr{color:#FFF !important;}
#mainpack p{margin-top:3px;}
#mainpack .toptitle{margin:0 auto; font-size:20px; color:#369;}
#mainpack table{margin-top:5px;}
#mainpack table tr td{padding:3px;}
#mainpack table tr.formL td{line-height:27px}
#mainpack .comma{display:inline-block;}
#mainpack .comma span:before{content: "، ";}
#mainpack .comma span:first-child:before{display: none !important;}
#mainpack .comma span:last-child:before{content: " و " !important;}

/*factor*/
#spfactor_bg{ line-height: 30px; background: #FFFFFF; font-family: BKoodakBold; font-size: 17px; color: #444; direction: rtl; }
#spfactor_box{ max-width: 1000px; margin: auto; }
#spfactor_box>img:first-child,#spfactor_box>img:last-child{ margin: auto; display: block; }
#spfactor_adrs{ width: 100%; margin: 0 auto 0 auto; border-top: 3px solid #009966; border-collapse: collapse; }
.spfactor_mem,#spfactor_tour{ width: 100%; margin: auto; border: 1px solid #009966; border-top-width: 3px; border-collapse: collapse;}
.spfactor_mem{text-align: center;}
#spfactor_adrs tr,.spfactor_mem tr,#spfactor_tour tr{ background: #EFEFEF; }
#spfactor_adrs td,.spfactor_mem td,#spfactor_tour td{ padding: 5px 10px; }
#spfactor_adrs td:last-child{ width: 240px; }
.spfactor_mem td,#spfactor_tour td{ border: 1px solid #FFFFFF; }
.spfactor_mem tr:first-child{ background: #666666 !important; color: #FFFFFF !important; text-shadow: 0px 1px 2px #000; }
.spfactor_mem tr:last-child{ font-size: 19px; }
#spfactor_tour td span:nth-child(1){ font-size: 19px; color: #222; }
.spfactor_tit{ margin: 20px 0 0 0; font-size: 20px; color: #FFFFFF; text-shadow: 0px 1px 2px #000; }
.spfactor_tit span{ padding: 3px 10px; background: #009966; border-radius: 5px 5px 0 0; display: inline-block; }
#spfactor_c{ padding: 0 5px; margin: 10px 0 50px 0; }
#emza{margin: 30px 0 70px 0;}
#emza div:nth-child(1),#emza div:nth-child(2){width: 50%; text-align:center;font-size: 21px;float: right;}
#fac_eghamat span:before{content: "، ";}
#fac_eghamat span:first-child:before{display: none !important;}
table.factor{margin:auto;}
table.attendance{margin:auto;}
table.attendance .table_03 tbody td{margin:auto;white-space: nowrap;}
tfoot td{ height: 130px; }
.box_border{ width: 1000px; padding: 15px; margin: auto; border: 1px solid #333; border-radius: 5px;}
.wrap_td td{ white-space: wrap !important;}

/*Print*/
.wid-500{width: 185px;}
@media print {
	.factor img{ width:100%;}
	table.factor,.w_print{width:100% !important;}
	.factor thead{display: table-header-group;}
	.attendance thead{display: table-header-group;}
	.factor tfoot{display: table-footer-group; height: 100px;}
	.factor>tbody>tr>td{ padding: 0 0 120px 0; }
	table.factor tbody .no{display:block !important;}
	table.factor tfoot td, table.factor tfoot img{width: 100%; max-width: 1000px; margin: auto; position: fixed; bottom: 0; left: 0; right: 0; }
	#printIcon{ display: none; }
	.box_border{ width: 850px; padding: 0; border: none;}
}
/* new code For Azma Majool */
.quiz_box{ width: 650px; line-height: 30px; margin: auto; }
.quiz_box>div:first-child{ padding: 5px; line-height: 35px; font-size: 19px; text-align: center; background: #f4f4f4; color: #444; font-family: BKoodakBOld; border-radius: 5px; }
.quiz_box table{ border-collapse: collapse; }
.quiz_box td{ padding: 0 5px; vertical-align: top; }
.qlist_box{ padding: 10px 0 20px 0; border-bottom: 2px dotted #e2e2e2;  }
.qlist_box i{ display: inline-block; position: relative; top: 2px; }

/* new code for spilet */
.company_txt{ display: none; }
.span_ltr{display:inline-block; direction:ltr;}
/* marbot be icon haye edite tour => koli / site / gheimat */
.edit_show>div{ position: relative; }
.edit_show div div{ background: #f5f5f5; border: 1px solid #c1c1c1; position: absolute; top: -2px; right: -2px; left: -2px; transform: scale(0); transition: all .3s linear; overflow: hidden; }
.edit_show a{ height: 25px; padding: 6px 0 0 0; border-bottom: 1px solid #c1c1c1; display: block; }
.edit_show a:last-child{ border-bottom: none; }
.edit_show:hover div{ transform: scale(1); z-index: 1; }
/* /marbot be icon haye edite tour => koli / site / gheimat */

/* marbot be font asem ke biad paien */
.top_relative{ position: relative; top: 5px; }
.top_relative2{ font-size: 15px !important; position: relative; top: 2px; }

/* image dar profile ozv */
#uMemImg{ width: 130px; height: 130px; border: 1px solid #c1c1c1; border-radius: 50%; display: block; overflow: hidden; }
#uMemImg img{ max-width: 100%; max-height: 100%; margin: auto; display: block; }



/* Dastandarkaran Design And Titr Style 1396-06-04 */
.titrStyle{ line-height: 30px; margin: 5px 0 2px 0; padding: 3px 7px; font-size: 18px; background: #eaeaea; border-right: 3px solid #a5a5a5; border-radius: 0 5px 5px 0; display: inline-block; }
.memListInfo{ padding: 0; margin: 10px auto 0 auto; font-size: 0; }
.memListInfo li{ width: calc(50% - 10px); height: 40px; margin-bottom: 3px; display: inline-block; }
.memListInfo li:nth-child(2n+1){ margin-left: 20px; }
.memListInfo li>span{ height: 40px; line-height: 40px; padding: 0 5px; font-size: 16px; display: inline-block; overflow: hidden; }
.memListInfo li>span:nth-child(1){ width: 130px; border-right: 5px solid #b4b4b4; border-radius: 0 5px 5px 0; }
.memListInfo li>span:nth-child(2){ width: 270px; border: 3px solid #FFF; border-top: none; border-bottom: none; }
.memListInfo li>span:nth-child(3){ width: calc(100% - 450px); }
@media only print {
	.memListInfo li{ width: 100%; display: block; }
	.memListInfo li:nth-child(2n+1){ margin-left: 0; }
	.memListInfo li>span{ font-size: 15px; }
	.memListInfo li>span:nth-child(1){ width: 110px; }
	.memListInfo li>span:nth-child(2){ width: 180px; }
	.memListInfo li>span:nth-child(3){ width: calc(100% - 340px); }
}

/* style barname safar => p_main_date => etelaate zarori leader */
.tDayProgram{ margin: 20px auto; padding: 5px 10px; line-height: 30px; padding-top: 20px; border-radius: 3px; position: relative; }
.tDayProgram:nth-of-type(2n+1){ background: #f5f5f5; }
.tDayProgram:nth-of-type(2n){ background: #eaeaea; }
.tDayProgram strong{ padding: 0 20px; background: #FFFFFF; border: 1px solid; border-radius: 3px; position: absolute; right: 2px; top: -15px; }
.tDayProgram:nth-of-type(2n+1) strong{ border-color: #f5f5f5; }
.tDayProgram:nth-of-type(2n) strong{ border-color: #eaeaea; }

/* change opacity */
.minOpacity{ opacity: 0.3; }
.opacity_05{opacity: 0.5;}



/** login captcha **/
#captcha{ width: 217px; position:relative; margin:10px auto}
#captcha img{ width:50px; position:absolute; left:20px; top:8px;}
.g-recaptcha{ border-radius:3px; overflow: hidden; width: 216px; height: 75px;}
.g-recaptcha > div{width:216px !important;}
.g-recaptcha iframe{ width:216px !important;}

/** Safari digar: just in factor: NO ENGLISH **/
#sale-contract{ line-height:25px !important;}
#sale-contract #spfactor_adrs .items{ padding:0 3px; background:#dedede;}
#sale-contract .boxtitle{ padding:1px 10px; margin:5px 0 0; background:#373737; color:#fff; text-shadow:0px 1px 2px #000; border-radius:3px; display:inline-block;}
#sale-contract .separate td{padding:0 0 0 8px !important;}
#sale-contract .separate td:last-child{ padding-left:0 !important;}
#sale-contract .spfactor_tit span{ background:#373737;}
#sale-contract .spfactor_mem, #sale-contract #spfactor_tour, #spfactor_adrs{ border-color:#373737;}
#sale-contract .two_col tr:first-child{ background:#EFEFEF !important; color:#444 !important; text-shadow:none !important;}
#sale-contract .spfactor_mem tr:last-child{ font-size:14px;}
#sale-contract #emza{ margin:5px 0 40px; line-height:22px;}
#sale-contract #emza div:nth-child(1), #sale-contract #emza div:nth-child(2){ font-size:14px;}
#sale-contract #spfactor_adrs td, #sale-contract .spfactor_mem td, #sale-contract #spfactor_tour td{ padding:0px 10px; font-size:14px;}
#sale-contract .spfactor_tit{ margin-top:10px;}
#sale-contract .spfactor_tit span{ padding:1px 10px;}


/** roham: just in factor: NO ENGLISH **/ 
.noblock p, .noblock{display:inline-block;}

.button01{padding-top:5px; cursor:pointer; max-width:100px; margin:5px 10px; padding:3px 5px 8px; line-height:20px; text-align:center; border-radius:3px;}
.button01:hover{opacity:.8; transition:linear .2s;}
.button02{border:none; transition:linear .2s;}

.form_01:hover .button02{ background:rgba(39,150,96,1.00);color:white;}
.form_01:hover{ background:rgba(240,239,232,.5);}
/* Item gharardadha*/
.agree_items p, .margin05{margin:5px!important;}

/* For Discount page */
.no-spinners { -moz-appearance:textfield;}
.no-spinners::-webkit-outer-spin-button,.no-spinners::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}

/*Dokme print*/
a.button{padding:5px 10px; font-size:13px; margin-top:20px; display:block; cursor:pointer; text-decoration:none; max-width:160px; min-width:85px; transition:linear .2s; background:white; border-color:#069;}
a.button:hover{opacity:0.5;}
/*Hazf az print*/
@media print {
    .noprint{display:none;}
}


.form_01 input[type="checkbox"]{ height: 12px; width: 12px; -webkit-appearance: none; -moz-appearance: none;    -ms-appearance: none; -o-appearance: none; appearance: none; border: 1px solid #A5A6A4; background:#FFFFFF; vertical-align:middle;}
.form_01 input:checked{ background: #FB2424; border: 1px solid #FB2424;}


/***********************email suggestion for input*************************/
.under-field-hint { width: max-content; display: block;background: #e9e9ef;padding: 0 5px;margin-top: 2px;font-size: 11px;}
span.suggestion_email {display: inline!important;font-family: Tahoma, sans-serif;cursor: pointer;color: #004f8c!important;}
span.suggestion_email span {display: inline!important;}
span.suggestion_email a {color: #004f8c!important;text-decoration: none;}
.yes_Answer {cursor: pointer;color: #004f8c!important;}

/************************ Ozv Haghighe Lin shode Be Hoghoghi dar Sabte Online *********************/
.table_08 th{height:25px; background: #cfd6e8!important; color: #FA3B40  !important; font-weight: unset; text-align: center;}
.table_08 td{text-align: center}
/***********create tag background************/
.backTag{width:100%; margin:10px auto 0 auto;font-family:Sahel;background-color:#efefef;padding: 10px; font-size: 14px;max-width:828px;}
/*Zamine Faalyat Mem*/
.part_d{ padding:20px 0 0;max-width: 1250px;margin: 0 auto;font-family:Sahel;font-size:14px;} 
.part_d .items{ padding-bottom:15px; margin-bottom:20px; border-bottom:1px solid #ddd; display:flex; display:-webkit-flex;}
.part_d .items > div:last-child{ margin-right:auto;}
.part_d .items > div:last-child > div{ margin:0 15px 5px 0; border:1px dotted #ddd; border-radius:3px; display:inline-block;}
.part_d .items > div:last-child > div input{ margin-left:3px; vertical-align:middle;}
.part_d .items > div:last-child > div label{ padding:5px 8px; display:inline-block; cursor:pointer;}
.part_d .items > div:last-child > div.bgcolor{ border-color:#278B2C;}
input[type="checkbox"],input[type="radio"]{ height: 12px; width: 12px; -webkit-appearance: none; -moz-appearance: none;	-ms-appearance: none; -o-appearance: none; appearance: none; border: 1px solid #A5A6A4; background:#FFFFFF; vertical-align:middle; cursor:pointer;}
input[type="radio"]{ border-radius:50%;}
input:checked{ background: #2d8666; border: 1px solid #2d8666;}
input:checked:disabled{ background: #808282; border: 1px solid #808282;}
.part_d .check_box, .part_d .check_box2{ margin-top:20px; display:flex; flex-wrap:wrap;}
.part_d .check_box .act_title, .part_d .check_box2 .act_title{ padding:5px 8px; margin-bottom:5px; background:#1e95a1; color:white; font-family:SahelB; font-size:15px; border-radius:5px;}
.part_d .check_box > div, .part_d .check_box2 > div{ width:Calc(25% - 7.5px); margin-left:10px; text-align:right;}
.part_d .check_box > div:last-child, .part_d .check_box2 > div:last-child{ margin-left:0;}
.part_d .check_box > div > div, .part_d .check_box2 > div > div{ padding:5px; margin-bottom:10px; background:#fff; border:1px solid #ddd; border-radius:5px;}
.part_d .check_box > div > div > div, .part_d .check_box2 > div > div > div{ margin-bottom:5px; font-size:13px;}
.part_d .check_box label, .part_d .check_box2 label{ padding:0 5px; display:block;cursor: pointer;}
.part_d .check_box label.bgcolor, .part_d .check_box2 label.bgcolor{ background:#B4FF4B;}
.act_area {height: 90px;max-width: 597px;width: 100%;margin: 10px 0;padding: 4px 5px 0;border: 1px solid #ddd; resize: none;border-radius: 3px;}
#tags .check_box > div .labelbox,.tags .check_box > div .labelbox{ display: inline-block !important; padding: 5px 5px 0; transition: all linear .2s;}

/************table page mem_cats **********/
.titr_table{text-align: right;margin-bottom: 10px;font-size: 14px;font-family: Sahel}
.table_10{margin-right: auto;margin-left: auto;width: 100%;margin-bottom:25px;font-family: Sahel;border-collapse: collapse;}
.table_10 , .table_10 tr{ background: #fff;font-size: 13px;transition: all .2s;}
.table_10 th,.tbble_page4 td{background: #fff;border: 1px solid #ddd;font-size: 13px;}
.table_10 tr:nth-child(odd){background: #eee;}
.table_10 th{ height: 35px;white-space: nowrap;text-align: center;background: #1e95a1;color: white;font-weight: unset;font-family: SahelB;padding: 0 10px;}
.table_10 td{white-space: nowrap;text-align: center;border: 1px solid #ddd;padding: 8px 10px 6px;vertical-align: top;}
.table_10 td i{position: inherit!important;}
.table_10 tr:not(:first-child):not(.noHover):hover{background: #e1e1e1!important}
.container_table{text-align: center;}
.part_d button{padding: 0 15px; height: 35px;margin: auto;text-align: center;background: #278B2C;
    color: #fff;font-family: sahel; font-size: 15px;border: 1px solid #278B2C;border-radius: 5px;display: block;transition: all linear 0.2s;}
#num_comp{display: none;}
.titr-page{color: #1b926c;margin: 10px 0px;font-size:18px;font-family: SahelB;display: inline-block;}
.backTag .table_10{margin-bottom: 0!important;font-size: 12px!important;}
.backTag .table_10 tr{font-size: 12px!important;} 
.backTag .table_10 th{font-size: 13px!important;} 
.padB5px td{padding-bottom: 5px!important;}
/*****************print card page**********************/
.p_btn{color: white;display: block;text-align: center;transition: all linear 0.2s;padding: 5px 25px;border: 1px solid rgb(16, 111, 54);background:rgba(22,146,71,1.00);margin:25px auto;border-radius: 5px!important;font-family: sahel;cursor: pointer;}
.p_card{position:relative;display:block;color:black;background-size: cover;justify-content: center;width:492px;height:314px;border:1px solid gray;margin:0 auto;font-family:tahoma;border-radius:10px}
.p_card_back{position:relative;display:block;color:black;background-size: cover;justify-content: center;width:492px;height:314px;border:1px solid gray;margin:15px auto 0;font-family:tahoma;border-radius:10px}
.img-card img{width:100%;height: auto;}
.young{ width: 100%;height: 100%; border-radius: 10px; display: block;}
.img-card{width: 115px; height:104px;position: absolute;top:40px;left:45px;text-align: left;}
.info_card{position: absolute;top:105px;left:175px;display:flex;flex-direction:column;text-align: left;line-height:19px;font-size:13px;direction: ltr!important;}
.p_card span{font-family:'SahelB';direction: ltr!important;}
.valid_info{line-height:18px;font-size:13px;direction: ltr;top: 40px;left:250px;position: absolute;font-weight: bold;}
@page { size: auto;  margin: 0mm; }
@media print {
    .p_card{border-radius:0!important;transform: scale(1);border: none!important;}
	.p_card_back{border-radius:0!important;transform: scale(1);border: none!important;}
	.young{ border-radius: 0 !important;}
	.noprint{display:none!important;}
	body{background: white;}
}
/*************** certificate ****************/
.cer-card{position: relative;background: url(../u_photos/aconfig/cer/certificate.jpg);overflow: hidden;background-size: cover;width:297mm;height: 210mm;background-position: center !important;margin:0 auto;transform: scale(0.8);transform-origin: center;}
.num-card{position: absolute;top:175px;right:85px;}
.num-card span{font-family: SahelB;font-size: 14px;}
.num-card div{display: flex;justify-content: space-between;width: 135px;}
.num-card div p{font-family: Yekan;font-size: 14px;}
.name-bold{position:absolute;top:323px;width: 100%;color: #ad1a50;font-size: 50px;font-family:Bjadid;font-weight: bold;text-align: center;}
.text-card{position: absolute;top: 410px;padding: 0px 160px;font-size:17px;line-height:65px;text-align: justify; font-family: Yekan}
.text-card p{font-family: Yekan;font-size: 18px;}
.text-btm{width: 100%;font-family: Yekan;font-size: 16px;text-align: center;line-height: 30px;}
.pa-nevesht{position: absolute;top: 720px;width: 100%;text-align: center;}
.pa-nevesht p{font-size: 12px;color: #5a5a5a;font-family: Sahel;}
#bton-print{margin-top: -35px!important;}
@media print {#print-cer{margin:0;}.cer-card{transform: scale(1);background: transparent!important;}.cer-main{margin: 0}}
/*online_compare*/
.table_09{width:100%;max-width: 1100px;margin: 0 auto;font-family: sahel;}
.table_09 th{text-align: right;padding:10px;border: 1px solid #9fa9c2;height:20px;white-space: nowrap;background: #1e95a1;color: white;font-size:14px;font-weight: unset;font-family: "SahelB";}
.table_09 tbody tr td{text-align: right;padding:10px 10px 5px;height:30px;border: 1px solid #ddd;vertical-align: top;}
.table_09 tr{ background: #fff;font-size: 13px;}
.table_09 tbody tr th:nth-child(1){width: 14%;}
.table_09 tbody tr th:nth-child(2){width: 28.5%;}
.table_09 tbody tr th:nth-child(3){width: 28.5%;}
.table_09 tbody tr th:nth-child(4){width: 30%;white-space: nowrap;}
.table_09 tbody tr td:nth-child(1){font-size: 14px;color: #07538f;vertical-align: top;}
.table_09 input{margin-left: 5px;border: 1px solid #b2b2b2;font-family: Sahel;}
.table_09 select, .table_09 textarea{border: 1px solid #b2b2b2;padding: 3px;font-family: Sahel;}
.table_09 label{cursor: pointer;height: 100%;}
.trBack tbody >tr:nth-of-type(4n-2){background: #f3f3f3;}
.trBack tbody >tr:nth-of-type(4n+1){background: #f3f3f3;}
.trBack_01 tbody >tr{background: white!important;}
.trBack_01 tbody >tr:nth-of-type(4n){background: #f3f3f3!important;}
.trBack_01 tbody >tr:nth-of-type(4n+1){background: #f3f3f3!important;}
.trBack tr{transition: all .2s;}
.trBack tr:hover {background: #e1e1e1!important;}
.diff-field{background: #ffecec!important;}
.diff-field td:nth-child(1){border-right:2px solid rgba(235,108,108,1.00) !important;}
.guid_box{width:80%;max-width: 1100px;margin: 30px 0 0;font-family: sahel;line-height: 24px;}
.guid_box > div > span{display:table; width:100%; color:black; background:rgba(225,225,225,.6); margin-bottom:1px;}
.guid_box > div > span > p{text-align:center; display:table-cell; vertical-align:middle; width:100px; background:rgba(251,207,207,1.00);font-size: 14px;font-family: sahelB;}
.guid_box > div > span > span{font-size:13px; display:table-cell; padding:3px 20px 3px 3px;}
.more_inf{cursor: pointer;color: #006699;display: inline-block;margin-right: 10px;}
.more_inf i.active {transform: rotate(-90deg);}
.content{display: none;}
.active_02{background:rgba(189,255,223,1)!important;}
.active_01{background:rgba(189,255,223,0.6)!important;}
.del_row.active_03{color:#FA3B40!important;}
.edit_row.active_03{color:#45ba81!important;}
.none_active_01{color: #a7a7a7!important;cursor: wait!important;pointer-events: none!important;border:none;}
.none_active_01 i{color: #a7a7a7!important;}
.boxes{width: 40%;background:#00b894;padding: 5px;border-radius: 5px;color: white; font-family: Sahel;}
.info_boxes .boxes:nth-child(2){margin-right: 10px;margin-left: 10px;background:#0984e3 }
.info_boxes .boxes:nth-child(3){background: #ff7675}
.boxes > div:first-child{display: flex;width: 100%;justify-content: space-between;height: 152px;}
.boxes > div:first-child > div:first-child, .box_a > .flexbox > div:first-child {width: 30%;display: flex;justify-content: flex-start;align-items: center;flex-direction: column;}
.boxes > div:first-child > div:first-child > div{font-size: 30px;margin-top: 12px;font-family: sahelB;}
.boxes > div:first-child > div:first-child > div > span{font-size: 20px;margin-right: 4px;}
.boxes > div:last-child, .bt_box{background: white;color:#00b894;height: 30px;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;padding: 0 5px;margin-top: 10px;display: flex;justify-content: space-between;align-items: center;}
.bt_box.Anarenji a{ color: #FF5C26 !important;}
.boxes > div:first-child i{font-size: 60px;color:white;}
.box_sec i{margin-top:15px;}
.main_03 .box_a{ width: calc(33% - 4px);}
.main_03 .box_a .flexbox > div:last-child a{ color: #fff !important;}
@media only screen and (max-width:1024px){	
	.main_03 .box_a{ width: calc(50% - 5px);}	
	.main_03 .box_a:nth-child(2n){ margin-left: 0;}
	.main_03 .box_a:nth-child(3n){ margin-left: 10px;}
}
@media only screen and (max-width:768px){	
	.main_03 .box_a{ width: 100%; max-width: 360px; margin: 0 auto 10px !important;}
	.res_center{ text-align: center;}
	.res_center.mar-b5{ margin-bottom: 10px !important;}
	.t_res{ max-width: 650px; width: 100%; margin: auto !important;}
	.t_res td{ width: 100%; text-align: center; display: block; box-sizing: border-box;}
	.td_block td{ width: 100%; min-width: 350px; display: block!important; text-align: right !important;}
}
.tblA tr td{height: auto!important;text-align: right;padding: 4px;pointer-events: none!important;}
.comp_box{width: 70%;height: 100%;overflow-y:auto;line-height: 12px;font-size: 13px;}
.comp_box > p{line-height: 18px;}
.comp_box span{font-size: 11px;}
.cmp_lft{width: 70%;display: flex;flex-direction: column;justify-content: space-between;margin-top: 10px;font-size: 13px;line-height:25px;}
.cmp_lft span{color: #e9e9e9;}
.txt_ext{margin-right: 5px;font-size: 12px;border-bottom: 1px dashed;font-family: SahelB;color: #383838;}
.cur_point tr td:not(:first-child),.m_cursor{cursor: pointer;}
.none_active{background: #a7a7a7!important;cursor: wait!important;pointer-events: none!important;border:none;}
.scrl_hidden::-webkit-scrollbar  {display: none;}
.scrl_style ::-webkit-scrollbar,.scrl_style::-webkit-scrollbar  {width: 0.6em;}
.scrl_style ::-webkit-scrollbar-track,.scrl_style::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);}
.scrl_style ::-webkit-scrollbar-thumb,.scrl_style::-webkit-scrollbar-thumb {background-color: darkgrey;outline: 1px solid slategrey;}
.mini_cir{display: inline-flex;width: 16px; height: 16px;border-radius: 50%;background: #00b894;align-items: center;justify-content: center;}
.mini_cir_01{display: inline-flex;font-size: 13px;background: #16a085;border-radius: 50%;width: 20px;height: 20px;align-items: center;justify-content: center;}
.mini_cir_02{display: inline-flex;font-size: 10px;background: #16a085;border-radius:50%;padding: 0 5px;align-items: center;justify-content: center;}
.cha_info{font-size: 11px;margin-bottom: 5px;font-family: sahel;}
.titr_sec{margin-right:0;margin-bottom: 5px;margin-top: 20px;padding: 8px;border-radius: 5px;background: rgb(0, 102, 153);color: white;font-family: SahelB;font-size: 15px;}
.table_11{width: 100%;max-width: 1100px;font-family: Sahel;}
.table_11 tr{height: 30px;background: #eee;}
.table_11 td:first-child{width: 110px;background:#1e95a1;color: white;font-family: SahelB;font-size: 14px;padding: 0 5px;}
.table_11 select, .table_11 input, .table_11 textarea{font-family: Sahel;}
.not_01{font-family: 'SahelB'; font-size: 16px; line-height: 28px; padding:10px 30px; background:rgba(255,242,242,1.00); border:1px dashed rgba(249,202,202,1.00);border-radius: 5px;margin-bottom: 30px;}
.not_02{ background:#77916b2e; border:1px dashed #77916b8f;}
.Alert_icon{ font-size:32px; transform:rotate(-40deg); color:rgb(192 132 132); position:absolute; right:-10px; top:-10px;}
.modal{display: none; position: fixed; z-index: 101;padding-top: 100px;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);}
.modal-content { background-color: #fefefe;margin: auto;padding:5px 5px 25px;border: 1px solid #888;width: 400px;border-radius: 5px;}
.modal-info {width: 95%;margin-top:10px;padding:8px;background: #f3f3f3;font-family: sahel;}
.brdr_none td{border:none!important;}
.close {color: #aaaaaa;float: right;font-size: 22px;}
.close:hover,.close:focus {color: #000;text-decoration: none;cursor: pointer;}
.iconGuide .modal-info{height: 285px;overflow-y: scroll;direction: ltr;}
.modal_01 .modal-content, .modal_02 .modal-content, .modal_03 .modal-content{max-width: 1200px!important;width: 90%;}
.modal_01 .modal-info, .modal_02 .modal-info, .modal_03 .modal-info{margin: 10px auto 0;padding: 2px 8px;}

/*add majid */
.formD{ background: #eee;}
.general2 td, .t_pad5px td{ padding:5px!important;} .t_pad10px{padding:15px 10px!important;}.t_padt10px td{padding:0 10px!important;}
.general select, .general input, .general textarea,.general td{ font-family:sahel; font-size:14px;}
.general2 select, .general2 input, .general2 textarea{ font-family:sahel; font-size:13px;}
.flexbox{ display:flex; display:-webkit-flex; display:-ms-flexbox; flex-wrap:wrap;}
.box_a{ width: 360px; margin: 5px 0 5px 10px; padding:20px 5px 5px; background: green; color: #fff; border-radius: 5px; box-sizing: border-box;}
.box_a:last-child, .box_a:nth-child(3n){ margin-left: 0;}
.box_a > .flexbox{ height:137px;}
.box_a > .flexbox > div:first-child i, .two_col > .flexbox > div i{ margin-bottom: 12px; font-size: 60px;}
.box_a > .flexbox > div:last-child{ width: 70%; height: 100%; overflow-y: auto;}
.box_a > .flexbox > div:last-child p{margin: 5px 0;}
.bt_box > div:last-child{ margin-right: auto;}
.chartdiv{ width:100%; height:130px; font-family: sahel; direction: ltr !important;}
.stars .checked{ color: #FFD700;}
.two_col > .flexbox{ height: 107px;}
.two_col > .flexbox > div{ width: 50% !important; text-align: center; display: block !important;}
.two_col > .flexbox > div i{ font-size: 45px !important;}
/** fix button **/ 
.fixbutton{ max-width:950px; width:100%; padding: 8px; font-size: 0; text-align:center; background-color:#f8f8f8; position:fixed; bottom:0; left:0; right:0; margin:auto; border:solid 1px #CCC; border-radius:5px 5px 0 0; box-sizing:border-box; z-index:10; direction:rtl;}
.fixbutton input, .fixbutton a{ margin: 2px; line-height: 26px; font-size: 15px; display: inline-block;}
#fix_th{ position: fixed; left: 0; right: 0; top: 78px; display: none;}
#fix_th td,#forfix td{ padding: 5px 0; box-sizing: border-box;}
@media only screen and (max-width:1290px){	
	#fix_th{ display: none !important;}
}

@media only screen and (max-width:500px){	
	.trace_mob td{ width: 100%; display: block;}
	.trace_mob #filecheck{ width: 100%; max-width: 250px;}
}
/*tooltip*/
.tooltiptext {width: max-content;background-color: #fee1e1;color: #900;text-align: center;border-radius: 6px;padding: 5px;z-index: 1;top: -130%;left: 30px;}
.comma span:after{
	content: '،'
}
.comma span:nth-last-child(1):after{
	content: ''
}
.title_01{ margin:0 0 25px; font-family:"SahelB"; font-size:20px; line-height:50px; text-align:center;width: max-content;margin:0}
.title_01 .titleBox{ z-index: 2;position: relative;}
.title_01 .titleBox:after{ content:""; position: absolute; bottom: 10px; left: 0; right: 0; height: 10px; background:#d1efc787; z-index: -1;}
.title_01 .titleBox span{ color: rgba(255,94,97,1.00);}
.doublescroll {overflow: auto; overflow-y: hidden;}
.doublescroll table{margin: 0; padding: 1em; white-space: nowrap;}
/**** tabulator *****/
.tabulator-page-size,.tabulator-page{font-family:sahel}
.tabulator-page-counter{margin-left:50px;}
.tabulator .tabulator-tableholder .tabulator-table ,.tabulator .tabulator-header{color:black!important;}
.tabulator-group-level-0{display:flex}
.tabulator-group-level-0 div{margin-left: 5px;}
.tabulator .tabulator-tableholder .tabulator-table{color:black!important;}
/* .tabulator .tabulator-tableholder::-webkit-scrollbar{display: none;} */
.tabulator-header,.tabulator-footer{border: none!important;width:50%;margin:auto}
.tabulator-tableholder{height: auto!important;}
.tabulator-col-title{font-family: SahelB;}
.tabulator-table{border-right: 1px solid #ddd!important;}
.tabulator-headers .tabulator-col:first-child{border-right: 1px solid #ddd!important;}

.corner{overflow: hidden;}
.corner:before {content: "";position: absolute;top: -8px;right: -8px;height: 16px;width: 16px;background: rgba(251,100,102,1.00);transform: rotate(45deg);}
.corner-down{overflow: hidden;}
.corner-down:before {content: "";position: absolute;bottom: -8px;left: -8px;height: 16px;width: 16px;background: rgba(251,100,102,1.00);transform: rotate(45deg);}
.suggestion {border: 1px solid #ccc;padding: 0;position: absolute;}
#suggestion{position: absolute;}
.suggestion__item {font-size: 14px;background-color: #fff;padding: 5px;width: 200px;text-align: right;cursor: pointer;}
.suggestion__item:hover {background-color: #cee;}
.is-selected {background-color: #eec;}
.excel-text{mso-number-format:"\@"!important;}
/* password validate */
#pr-box {font: 13px/16px sahel;position: absolute; z-index:1000;display:none;width:300px;max-width:100%;}
#pr-box i { width: 0; height: 0; margin-left: 20px;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 7px solid #23a86d;}
#pr-box-inner {margin-top: 6px;-webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.2);-moz-box-shadow: 0 2px 10px rgba(0,0,0,0.2);box-shadow: 0 2px 10px rgba(0,0,0,0.2);-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
#pr-box p {padding:10px;-webkit-border-radius: 2px 2px 0 0;-moz-border-radius: 2px 2px 0 0;border-radius: 2px 2px 0 0;line-height: 20px;}
#pr-box ul {padding:7px;-webkit-border-radius: 0 0 2px 2px;-moz-border-radius: 0 0 2px 2px;border-radius: 0 0 2px 2px;}
#pr-box ul li {list-style: none;padding:7px;}
#pr-box ul li span {width:10px;height:10px;display:block;float:right;border-radius:100%;margin-left:5px;}
#pr-box.light {color:#2d2f31;}
#pr-box.light p {background-color:#23a86d;color:#f1f1f1;margin: 0;}
#pr-box.light ul {background-color:#f1f1f1;}
#pr-box.light ul li span {background-color:#f1f1f1;border:3px solid #23a86d;}
#pr-box.light ul li span.pr-ok {background-color:#23a86d;border:3px solid #23a86d;}
#pr-box.dark {color:#f1f1f1;}
#pr-box.dark p {background-color:#23a86d;}
#pr-box.dark ul {background-color:#2d2f31;}
#pr-box.dark ul li span {background-color:#2d2f31;border:3px solid #23a86d;}
#pr-box.dark ul li span.pr-ok {background-color:#23a86d;border:3px solid #23a86d;}
@media only screen and (max-width:500px){	
	#pr-box {width:200px;}
}
.hashur_BG {background-color: #fff;background-image: url(images/BG/gray_hashure.png);background-repeat: repeat;cursor: no-drop !important;}
.no-spinners { -moz-appearance:textfield;}
.no-spinners::-webkit-outer-spin-button,.no-spinners::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}
.report-page-detail, .report-score, .report-vital {display: flex;flex-direction: column;border-right: 1px solid #e0e0e0;padding: 7px 7px 15px 15px;white-space: nowrap;}
.report-page-details .box, .report-scores .box {display: flex;padding: 0;background: linear-gradient(#fff,#f3f3f3);}
.box {border: 4px solid #e0e0e0;padding: 16px;background: #fbfbfb;font-size: 14px;}
.report-performance h4 {margin: 0;font-weight: unset;padding-bottom: 10px;color: #2c2c2c;}
.report-score-grade {align-items: center;justify-content: center;}
.report-score, .report-vital {flex: 1;}
.report-performance h3 {color: #0063a9;font-size: 21px;margin-bottom: 5px;font-weight: unset;margin-top: 0;}
.report-page-detail-value, .report-score-grade, .report-vital-value {font-size: 20px;text-align: center;}
.c4{color:rgba(236,104,93,.85)}.c3{color:rgba(246,171,52,.85)}.c2{color:#5883a9}.c1{color:rgb(59 164 35 / 85%)}
/* Hide the browser's default checkbox */
.check_tick {float: left;height: 10px;width: 10px;border: 1px solid #cdcdcd;}
/*notification lahzeyi*/
#snackbar {visibility: hidden;color: #fff;background-color: #000000ab;min-width: 50px;margin-left: -25px;border-radius: 2px;padding: 16px;text-align: center;left: 50%;bottom: 50%;z-index: 1;position: fixed;}
/* This will be activated when the snackbar's class is 'show' which will be added through JS */
#snackbar.show {visibility: visible;-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;animation: fadein 0.5s, fadeout 0.5s 2.5s;}
/* Animations for fading in and out */
/* @-webkit-keyframes fadein {from {bottom: 0; opacity: 0;} to {bottom: 30px; opacity: 1;}}
@keyframes fadein {from {bottom: 0; opacity: 0;} to {bottom: 30px; opacity: 1;}}
@-webkit-keyframes fadeout {from {bottom: 30px; opacity: 1;} to {bottom: 0; opacity: 0;}}
@keyframes fadeout {from {bottom: 30px; opacity: 1;} to {bottom: 0; opacity: 0;}} */

.underline_dashed{color: white;border-bottom: 1px dashed white;font-size: 11px;background: none;border-top: none;border-left: none;border-right: none;}
.btn_06{ padding: 5px !important; background: #24242494;border: 1px dashed white;border-radius: 3px;color: white;min-width: 235px;display: flex;justify-content: center;margin: auto; box-sizing: border-box;}
.btn_07 {padding: 9px 35px;border-radius: 20px;border: 1px solid transparent;cursor: pointer;display: inline-block;font-size: 13px;background: #f5f5f5;line-height: 1.1;font-family: sahelB;
}

.wd98{ min-width: 900px; width: 98%;} .wd98_2{ min-width: 1000px; width: 98%;} .wd95{ min-width: 1100px; width: 95%;} .wd90{ min-width: 1100px; width: 90%;} .wd90_1{ min-width: 600px; width: 90%;}.wd80{ min-width: 1000px; width: 80%;} 
.wd90_2{ min-width: 1250px!important; width: 90%!important;}
.wd85{ min-width: 1000px; width: 85%;} .wd70{ min-width: 1000px; width: 70%;} .wd75{ min-width: 1000px; width: 75%;} .wd85_1{ min-width: 1085px; width: 85%;}.wd1200{ width: 1200px !important;}.wd1120{ width: 1120px !important;}.wd_m85{ min-width: 85px !important;}.wd_m110{ min-width: 110px !important;}
.wd_m120{ min-width: 120px !important;}.wd_m200{ min-width: 200px !important;}.wd_m1120{ min-width: 1120px !important;}.wd_m975{ min-width: 975px !important;}.wd_mx800{max-width: 800px !important;}.wd_mx1000{ max-width: 1000px !important;}
.wd_mx850{ max-width: 850px !important;}.wd_mx900{ max-width: 900px !important;}.wd_mx1120{ max-width: 1120px !important;}.wd_mx1250{ max-width: 1250px !important;}.wd_mx1340{ max-width: 1340px !important;}.wd_mx171{ max-width:171px !important;}


/******* map order ********/
#back_cover{  width: 100%; height: 100%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: none; z-index: 9999; cursor: pointer;}
#pop_map{ width: 100%; height: 100%; padding: 0 15px; background: rgba(0,0,0,0.4); position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: none; z-index: 10000;}
#pop_map > div{ height: 100%;}
/* #open_map{ margin-bottom: 7px;} */
 .plus{ width: max-content; padding: 2px 10px; background: #0c6468; color: #fff; font-size: 13px; text-shadow: 1px 1px 1px #444; border-radius: 5px; display: block; cursor: pointer; transition: all linear 0.2s;}
 .plus:hover{ background: #1baab1;}
 .plus i{ position: relative; top: 1px;}
.check_map{ font-size: 13px; color: #1ca278; position: relative; top: 2px; display: none;}
.check_map i{ margin-right: 5px; font-size: 17px; display: inline-block; position: relative; top: 2px;}
.up_title{ padding: 0 0 10px 0; position: relative;}
.up_title b{ margin-left: auto; display: block;}
.up_title i.fa-times{ padding: 15px; font-size: 20px; cursor: pointer; position: absolute; left: -11px; top: -11px; transition: all linear 0.2s;}
.up_title i.fa-times:hover{ color: #999;}
/* .layout-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  margin-top: 30px;
}
  */
.layout-container{ max-width: 700px; width: 100%; padding: 20px; margin: 10px auto 20px; background: #fff; border-radius: 15px; position: relative; z-index: 10000;height: 350px;}

@media (min-width: 768px) {
  .layout-container {
	flex-direction: row-reverse;
	align-items: flex-start;
	justify-content: center;
	gap: 40px;
  }

  .map-container {
	width: 100% !important;
	height: auto !important;
	flex-direction: column;
  }

  .info-fields {
	width: 300px;
	margin-top: 0 !important;
	text-align: right;
  }
}

.map-container {
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

#map {
  width: 100%;
  height: 280px;
}

.map-container.expanded #map {
  height: 400px;
}

#centerMarker {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 999;
  transform: translate(-50%, -100%);
  pointer-events: none;
}

#fullscreenBtn,
#locateBtn {
  position: absolute;
  z-index: 1000;
  background: white;
  border: 1px solid #ccc;
  border-radius: 6px;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

#fullscreenBtn {
  top: 10px;
  left: 10px;
  display: flex;
}

#locateBtn {
  top: 10px;
  right: 10px;
}

@media (min-width: 768px) {
  #fullscreenBtn {
	display: none !important;
  }
}

.confirm-btn {
  max-width: 150px;
  width: 100%;
  padding: 5px 0;
  margin: 15px auto 0;
  font-size: 16px;
  background-color: #cd3030;
  color: white;
  border: none;
  border-radius: 10px;
  text-align: center;
  text-shadow: 1px 1px 1px #333;
  cursor: pointer;
  transition: background-color 0.3s;
}

.confirm-btn:hover {
  background-color: #d76819;
}

#districtRow {
  display: none;
}

.info-fields {
  text-align: center;
  margin-top: 15px;
}

.info-fields input {
  width: 100%;
  margin-bottom: 10px;
  padding: 6px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

#openInGoogleBtn,
#openInWazeBtn,
#openInNeshanBtn {
  padding: 8px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  margin: 5px;
  color: white;
}
#openInBaladBtn {
  background-color: #6f42c1;
  padding: 8px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  margin: 5px;
  color: white;
}


@media (max-width: 767px) {
#fullscreenBtn {
top: auto;
bottom: 56px;
right: 10px;
left: auto;
display: flex !important;
}
#messageBox {
display: none !important;
}
}
/* trace calendar */
#trace_cal{ max-width: 500px;}
#trace_cal > div{ display: flex;  align-items: stretch; justify-content: center;}
#trace_cal > div:first-child{ margin-bottom: 5px; background: #1e95a1; color: #fff; border-radius: 10px;}
#trace_cal > div:first-child > div{ width: 14.28%; min-height: inherit !important; padding: 0; margin: 2px 10px 5px; background: transparent; font-size: 15px; line-height: 22px;}
#trace_cal > div > div{ width: calc(14.28% - 34px); min-height: 55px; padding: 0 10px; margin: 7px; background: #f4f4f4; font-size: 18px; line-height: 28px; text-align: center; border: 3px solid transparent; border-radius: 5px; display: flex; flex-direction: column; justify-content: flex-end;}
#trace_cal .d_holy{ background: #fff6f6; color: #d50500;}
#trace_cal .d_today{ border-color:#1e95a1;}
#trace_cal > div > div span{ font-size: 12px; line-height: 22px; display: block;}

/**project**/
.user_fillter label:has(input:checked){ background: #f0fff7; border-color: #0BA67A;}
#project_box > a{ width: Calc(33.33% - 10px); padding: 2px; margin: 0 0 15px 15px; /*background: #e2e2e2;*/ color: #000; border-radius: 10px; border: 4px solid #e2e2e2; box-sizing: border-box; position: relative; text-decoration: none;}
#project_box > a:nth-of-type(3n),#project_box > a:last-of-type{ margin-left: 0;}
#project_box > a > div{ height: 100%; /*background: #e2e2e2;*/ padding: 20px; border-radius: 10px; box-sizing: border-box;}
.p_today{ border-color: #8ee0e9 !important;}
.end{ background: #f4f4f4 !important;}
.end .timeline:after,.end .timeline::before{ border-color: #f4f4f4 !important;}
#project_box .imgbox{ width: 40px; height: 40px; margin-left: 10px; border-radius: 10px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
#project_box .imgbox img{ width: 100%; display: block; /*filter: grayscale(100%);*/}
.p_imgbox{ padding: 5px 10px; background: #f8f8f8; border: 1px solid #f2eeee; border-radius: 5px; box-sizing: border-box; flex-wrap: nowrap;}
.mem_po{ width: 100%; box-sizing: border-box; align-items: flex-end;}
.mem_po .big_pic{ width: 65px;}
.mem_po .big_pic img{ width: 100%; border-radius: 3px; filter: grayscale(100%); display: block;}
.small_pic{ width: Calc(100% - 104px); margin: 0 auto 0 0; margin-right: 4px; display: flex; flex-direction: column; justify-content: flex-end;}
.small_pic.big_self{ width: 100%;}
.small_pic img{ width: 29px; height: 29px; margin-top: 3px; border-radius: 3px; filter: grayscale(100%); object-fit: cover; object-position: top; display: inline-block;}
.mem_po.mode2{ flex-direction: row;}
.mem_po.mode2 .small_pic{ margin: 0 auto 0 0; direction: rtl;}

.box_brd .mem_po .big_pic{ width: 100px;}
.box_brd .small_pic img{ width: 49px; height: 49px;}

.p_level{ height: 10px; border-radius: 5px; border-left: 5px solid #fff; border-right: 5px solid #fff; border-radius: 5px; position: absolute; left: 20px; right: 20px; top: -7px; background: #fff; display: block; box-sizing: border-box;}
.p_level .percent{ width: 100%; height: 100%; position: absolute; right: 0; top: 0; border-radius: 5px; }
.p_level .p_label{ color: #fff; border-radius: 3px; position: absolute; top: -4.5px; left: 3px; font-size: 9px;}
.p_level .p_label i{ font-size: 6px;}
.box_brd .p_level{ position: relative; top: inherit; right: inherit; left: inherit; border: none;} 
.percent.fifty_down{ background: #ff9f4c;}
.percent.fifty_up{ background: #33e47c;}
.full_line{ width: 100%; margin: auto; position: absolute; left: 0; right: 0; border-top: 1px solid #ddd; box-sizing: border-box;}
.timeline{ width: 80%; min-height: 20px; padding-top: 6px; margin: 50px auto 10px;  position: relative;}
.timeline .show_lvl{ position: absolute;}
.timeline .show_lvl span{ width: 100px; position: absolute; left: -45px; top: -30px; font-size: 10px; text-align: center;}
.timeline .show_lvl::after{ content: ""; width: 5px; height: 12px; background: #d00; position: absolute; left: 0; top: -11px; border-left: 3px solid #fff; border-right: 3px solid #fff; z-index: 10;}
.timeline:after,.timeline::before{ content: ""; height: 7px; width: 7px; background: #666; border: 2px solid #fff; position: absolute; top: -4px; right: 0; display: block;}
.timeline::before{ left: 0; right: inherit;}
.day_work{ max-width: max-content; position: absolute; left: 0; right: 0; margin: auto; }
.btn_02.b5_radius{ border-radius: 5px !important;}
.tracebox > span{ width: 25%; border-left: 1px solid #ccc;}
.tracebox > span:last-child{ border: none;}
.box_brd{ padding: 20px; border: 4px solid #e2e2e2; border-radius: 10px;}
.box_sub{ padding: 0 10px; position: absolute; top: -15px; right: 10px;}
@media only screen and (max-width:950px){	
	.user_fillter{ width: 100%; margin-top: 10px;}
	.user_fillter > div{ margin: 5px 0 0 !important; display: block;}
	#project_box > a{ width: Calc(50% - 4px); margin-left: 6px !important}
	#project_box > a:last-of-type,#project_box > a:nth-of-type(2n){ margin-left: 0 !important;}
}
@media only screen and (max-width:650px){	
	#project_box > a{ width:100% !important; margin: 0 0 30px !important}
}