@import url(Fonts.css);

*
{
	font-family: IRANSans;
	font-size: 12pt;
	font-weight: normal;
	font-style: normal;
	color: Black;
	text-decoration: none;
  transition: 0.5s;
}
html, body
{
	background: White;
	margin: 0;
	padding: 0;
	left: 0;
	right: 0;
	max-width: 100%;
	overflow: hidden auto;
}
.PadBotton
{
	padding: 50px;
}
#Pnl2
{
	padding-top: 70px;
}
#Head
{
	background-color: #f0f7ff;
	top: 0;
	left: 0;
	right: 0;
	position: fixed;
	filter: drop-shadow(5px 5px 6px rgba(0 ,0 ,0 , 0.2));
}
.Foot
{
	background-color: #f0f7ff;
	padding: 3px;
	bottom: 0;
	left: 0;
	right: 0;
	position: fixed;
	filter: drop-shadow(0 -5px 6px rgba(0 ,0 ,0 , 0.2));
}
.aCls1, .aCls1 svg *
{
	cursor: pointer;
	color: Blue;
	text-decoration: none;
}
.aCls2, .aCls2 svg *
{
	cursor: pointer;
	color: Black;
	text-decoration: none;
}
.aCls3, .aCls3 svg *
{
	cursor: pointer;
	color: #777777;
	text-decoration: none;
}
.aCls1:hover, .aCls2:hover, .aCls3:hover, a:hover, a:hover > svg *
{
	color: Red;
}
.VI
{
	vertical-align: middle;
}
.B1
{
	display: inline-table;
}
ul
{
	margin: 0;
	padding: 0;
}
.nDel
{
	background-color: White;
	border-radius: 50%;
	width: 32px;
	height: 32px;
	top: 10px;
	left: 10px;
	position: fixed;
}
.iFrm
{
	width: 300px;
	height: 450px;
	border: 4px solid #0a0a0a;
	border-radius: 10px;
}
.bImg
{
	width: 100%;
}
.Img1
{
	width: 100%;
	max-width: 350px;
}
.Img2
{
	width: 100%;
	max-width: 600px;
	border: 4px solid #0a0a0a;
}
.aImg
{
	vertical-align: middle;
	cursor: pointer;
}
.aImg:hover
{
	filter: saturate(200%);
}
.Bl
{
	color: Blue;
} 
.Rd
{
	color: Red;
} 
.Sl
{
	color: #777777;
} 
.Sx
{
	color: #777777;
	font-size: 10pt;
} 
.d1
{
	text-align: right;
	display: inline-table;
	width: 130px;
	margin: 7px;
}
h1, .h1
{
	font-family: IRANSansB;
	font-size: 20pt;
}
h2, .h2
{
	font-family: IRANSansM;
	font-size: 14pt;
}
#CntPnl
{
	padding-bottom: 50px;
}
#Pnl1
{
	padding: 20px;
}
.SB
{
	justify-content: space-between;
}
.SB div
{
	display: inline-table;
}
.Titr
{
	font-family: IRANSansM;
	font-size: 16pt;
	border-bottom: 1px solid #777777;
 padding: 0px;
 text-align: center;
}
.Cls1, .Cls2
{
	width: 220px;
	border-radius: 5px;
	border: none; 
	padding: 7px;
	border: 1px solid Silver;
	filter: drop-shadow(3px 5px 5px rgba(0 ,0 ,0 , 0.3));
}
.Cls2
{
	width: 100%;
}
.Cls3
{
	border: none;
	width: 100%;
}
.Khat
{
	border-bottom: 1px solid Silver;
}
.Btn1
{
	color: White;
	border: none;
	background-color: #575AC8;
	padding: 7px;
	border-radius: 6px;
	cursor: pointer;
	vertical-align: middle;
	filter: drop-shadow(3px 5px 5px rgba(0 ,0 ,0 , 0.3));
	width: 100%;
}
.liCls 
{
	position: relative;
	margin: 15px;
	padding: 0;
	display: inline-table;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	border-radius: 6px;
	background-color: #f0f7ff;
	filter: drop-shadow(3px 5px 5px rgba(0 ,0 ,0 , 0.3));
}
.Btn1:hover, .Cls1:hover, .Cls2:hover, .liCls:hover
{
	filter: saturate(150%);
}
.Vasat
{
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
}
.T1
{
	background-color: #ddeeff;
	border-radius: 10px 10px 0 0;
}
.T2
{
	background-color: #ddeeff;
	border-radius: 10px 0 10px 10px;
}
.T3
{
	background-color: #ddeeff;
	border-radius: 0 10px 10px 10px;
}
#captcha
{
	width: 100px;
	display: inline-table;
	vertical-align: middle;
}
#BusyPnl
{
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	position: fixed;
	background-color: White;
	opacity: 0.8;
}
#Msg
{
	position: fixed;
	top: 20px;
	left: 0;
	right: 0;
	cursor: pointer;
	filter: drop-shadow(0px 3px 3px rgba(0 ,0 ,0 , 0.3));
	z-index: 5000;
}
.MsgErr
{
	background-color: #FFDDDD;
}
.MsgErr td
{
	color: #FF0000;
}
.MsgOk
{
	background-color: #DDFFDD;
}
.MsgOk td
{
	color: #005500;
}
#back-top
{
  position: fixed;
  right: 15px;
  bottom: 15px;
  z-index: 11000;
}
.Wlt
{
	width: 280px;
	filter: drop-shadow(3px 5px 5px rgba(0 ,0 ,0 , 0.3));
}