@font-face{font-family:Vazir;src:url('font/Vazir.eot');src:url('font/Vazir.eot?#iefix') format('embedded-opentype'),
url('font/Vazir.woff') format('woff'),
url('font/Vazir.ttf') format('truetype');font-weight:normal;}
@font-face{font-family:Vazir;src:url('font/Vazir-Bold.eot');src:url('font/Vazir-Bold.eot?#iefix') format('embedded-opentype'),
url('font/Vazir-Bold.woff') format('woff'),
url('font/Vazir-Bold.ttf') format('truetype');font-weight:bold;}
* {
	-webkit-font-smoothing: antialiased;
}

body{
	margin:0;
	background-color:#E1E9FF;
	color:#000000;
	font-family:tahoma;
	line-height:200%;
	min-height:100%;
	box-sizing:border-box;
}
body,select,input,textarea,button{
	font-family:Vazir,tahoma;
	font-size:10pt;
}
input,select,textarea{
	outline:0;
}
.alert{
	width:300px;
	max-width:100%;
	background-color:#FF3C3C;
	color:#ffffff;
	font-weight:bold;
	padding:10px;
	box-sizing:border-box;
	margin:auto;
	border-radius:5px;
}
a {
	color:blue;text-decoration:none;
}

.full{
	width:1200px;max-width:98%;margin:auto;
}

.inner{
	width:calc(100% - 20px);margin:auto;
}

.box{
	background:#ffffff;
	padding:20px;
	box-sizing:border-box;
	border:1px solid #aaaaaa;
}

.edit{
	background:url('template/edit.png');
	width:20px;
	height:20px;
	background-size:contain;
	background-repeat:no-repeat;
	display:inline-block;
	vertical-align:middle;
}

.grid {
	display: flex;
	flex-wrap: wrap;
}
.col25 {
	flex: 0 0 25%;
	box-sizing: border-box;
}

.col33 {
	flex: 0 0 33.33%;
	box-sizing: border-box;
}

.col50 {
	flex: 0 0 50%;
	box-sizing: border-box;
}
.fp50{
	flex: 0 0 50%;
	box-sizing: border-box;
	
}

@media all and (max-width:768px){
	.col25 {
		flex: 0 0 50%;
	}
	.fp50{
		flex: 0 0 100%;
	}

}

@media all and (max-width:480px){
	.col50 {
		flex: 0 0 100%;
	}
	
	.col33 {
	flex: 0 0 100%;

	}


}

@media print{
	.noprint{
	display:none;
}
}
.progress {
	display: none;
	position: relative;
	width: 400px;
	border: 1px solid #ddd;
	padding: 1px;
	border-radius: 3px;
	margin: auto;
}
.bar {
	background-color: #B4F5B4;
	width: 0%;
	height: 20px;
	border-radius: 3px;
}
.percent {
	position: absolute;
	display: inline-block;
	top: 0px;
	left: 48%;
}

.alignCenter{
	text-align:center
}


.adminDelete {
	width: 25px;
	height: 25px;
	display: inline-block;
	background: url('template/admin/delete.png') no-repeat;
}
.adminGrayDelete {
	width: 25px;
	height: 25px;
	display: inline-block;
	background: url('template/admin/delete-gray.png') no-repeat;
}


.adminMandatory {
	width: 25px;
	height: 25px;
	display: inline-block;
	background: url('template/admin/mandatory.png');
	background-repeat: no-repeat;
	background-size:25px 25px;
}
.adminGrayMandatory {
	width: 25px;
	height: 25px;
	display: inline-block;
	background-image: url('template/admin/mandatory-off.png');
	background-repeat: no-repeat;
	background-size:25px 25px;
}



.adminArchive {
	width: 25px;
	height: 25px;
	display: inline-block;
	background: url('template/admin/archive.png') no-repeat;
}
.adminAdd {
	width: 25px;
	height: 25px;
	display: inline-block;
	background: url('template/admin/add.png') no-repeat;
}
.adminSub {
	width: 25px;
	height: 25px;
	display: inline-block;
	background: url('template/admin/sub.png') no-repeat;
}
.adminEdit {
	width: 25px;
	height: 25px;
	display: inline-block;
	background: url('template/admin/edit.png') no-repeat;
}
.adminUp {
	width: 25px;
	height: 25px;
	display: inline-block;
	background: url('template/admin/up.png') no-repeat;
}
.adminVisible {
	width: 25px;
	height: 25px;
	display: inline-block;
	background: url('template/admin/visible.png') no-repeat;
}
.adminHidden {
	width: 25px;
	height: 25px;
	display: inline-block;
	background: url('template/admin/hidden.png') no-repeat;
}
.adminUpload {
	width: 25px;
	height: 25px;
	display: inline-block;
	background: url('template/admin/upload.png') no-repeat;
}
@media print{
}

.paging {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: #eeeeee;
	border: 1px solid #666666;
	vertical-align: middle;
}
.pagingActive, .paging:hover {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: #03cbff;
	border: 1px solid #666666;
	vertical-align: middle;
	color: #000000;
}
.grayBox{
	width:calc(100% - 10px);
	border:1px solid #aaaaaa;
	padding:10px;
	height:calc(100% - 5px);
	box-sizing:border-box;
}

.mDetail{
	float:left;
	color:#666666;
	font-size:8pt;
}

.clear{
	clear:both
}

.done_on{
	background-image:url('template/done-on.svg');
	background-size:contain;
	width:25px;height:25px;
	display:inline-block;
	cursor:pointer;
}
.done_off{
	background-image:url('template/done-off.svg');
	background-size:contain;
	width:25px;height:25px;
	display:inline-block;
	cursor:pointer;
}