@media screen { .noPrint{}  .noScreen{display:none;}}
@media print{    .noPrint{display:none;}    .noScreen{}}
.DailyReportTitle{font-size:120%!important; font-weight:800;text-align:center;margin: 20px 0 !important;}
.DailyReportSubTitle{font-size:100%!important; font-weight:800;text-align:center;}
.DataEntryError{color: red;font-size: 140%;border: 2px black double;width: 100%!important;padding: 15px 0;background-color: black;text-align:center!important;}
.fieldgroupdive table{ border: 2px black solid; margin-bottom:15px;width:100%;}
.fieldgroupdive table tr:first-child {border:2px black double;}
.fieldgroupdive table tr:first-child th{padding:5px 0; text-align:center; font-weight:800;font-size: 115%;}
.fieldgroupdive table tr th{padding:5px 0; text-align:center; font-weight:800;font-size: 100%;border:2px black double;}
.fieldgroupdive table tr td:first-child{padding:5px; text-align:right; font-weight:800;font-size: 100%;width:22%}

.fieldgroupdive table tr td{padding:5px 0; text-align:center; font-size: 110%;border:1px black double;}
.fieldgroupdive .DailyReportTBL7 tr td{padding:5px 0; text-align:center; font-size: 110%;border:1px black double;width:13%}
.fieldgroupdive .DailyReportTBLKantiner tr th{padding:5px 0; text-align:center; font-size: 110%;border:1px black double;width:20%;}
.fieldgroupdive .DailyReportTBLKantiner tr td{padding:5px 0; text-align:center; font-size: 110%;border:1px black double;width:20%;}
.fieldgroupdive .DailyReportTBLKantiner .KantinerMTitle {width:9%;}
.fieldgroupdive .DailyReportTBLKantiner .KantinerSTitle {width:9%; text-align:center; font-weight:800; padding-right:10px;}


.fieldgroupdive .DailyReportTBLGheimat .TDName {width:35%;font-weight:800;font-size: 100%;text-align:right;padding: 0 10px 0 0;}
.fieldgroupdive .DailyReportTBLGheimat .TDData {width:15%;font-size: 110%;}





@page {
  margin: 30px 40px;
}
@media print {
  footer {
    display: none;
    bottom: 0;
  }
  header {
    display: none;
    top: 0;
  }
}

@media only screen and (min-width:100px) and (max-width:3200px){
html{margin: 0 10%; width: 1200px;}
body{margin: 0 auto; width: 100%;}
.maincontainer{margin: 0 auto; width: 99%;}
.sitesection{ background-color: #e1f1f4; min-height: 40px;width: min(1200px, calc(100% + 20px));margin-top: 10px;}
.siteheader{background: #aaf0f7; padding: 5px;border-radius: 10px;border: 0;}
	.siteheadersubdiv{float:right;border: 0; border-radius: 10px;}
		.headersitelogo{width:min(14%, calc(100% + 20px));}
		.headersitelogo img{width:110px;}
		.headermiddlepos{width:min(50%, calc(100% + 20px));margin-top: 20px;}
		.headermiddlepos span{float:right; width:100%;}
		.headermiddlepos .title0{font-family:farhadtitr;}
		.headerleftpos{float: left;width:min(27%, calc(100% + 20px));background-color: #bee38c;margin-top:1%;}
			.headerleftpossubdiv {float:right; padding:0 2%;width:100%}
			.timerposition{}
			.timerposition form p{padding:0; margin:0;text-align:revert;color: black;}
			.timerposition form{text-align: center;}
			.userpanelicon{text-align: center;}
				.userinfotext{float:right;width:81%;border: 1px double #7a7a7a; border-radius: 10px;}
				.userinfotext img{float:right;width:35px;height: 35px;border-radius: 25px;}
				.userinfotext lable{float: right; margin: 8px 10px 0 0;}
				.userinfoicons{float:left;margin-right: 5px;}
				.userinfoicons img{width: 35px;}


.mainmenunav{}

.submainmenunav {display: flow-root;    width: 100%;background-color: #333;border-radius: 10px;}
.submainmenunav a {float: right;display: block;color: #ffffff;text-align: center;padding: 8px 16px;  text-decoration: none;  font-size: 14px;}
.submainmenunav a:hover {background-color: #04AA6D;  color: black;}
.submainmenunav a.active {  background-color: #04AA6D;  color: white;border-radius: 0 10px 10px 0;height: 45px;}
.submainmenunav .icon { display: none;}

nav {	float: right;}
nav ul ul {	display: none;}
nav ul li:hover > ul {	display: block;}
nav ul {	margin:0;	padding: 0 20px;	border-radius: 10px;	list-style: none;	position: relative;	display: inline-table;}
nav ul:after {	content: "";	clear: both;	display: block;}
nav ul li {	float: right;	position: relative;	font-weight: bold;}
nav ul li:hover {	background: #4caf50;}
nav ul li a {	color: #000;}
nav ul li:hover a {	color: #000;}
nav ul li a {	display: block;	padding: 15px 32px;	color: #4e4e4e;	text-decoration: none;}
nav ul ul {	background: #bee38c;  padding: 0;    position: absolute;    width: 200px;z-index: 1;}
nav ul ul li {	float: none;	border-top: 1px solid #8bc34a;	border-bottom: 1px solid #8bc34a;	position: relative;margin-top: 35px;}
nav ul li ul li a {	padding: 15px 40px;	color: #000;}	
nav ul li ul li a:hover {background: #4caf50; color:#00bcd4;}
nav ul ul ul {	position: absolute;	right: 100%;	top:0;}



.topslider{}
	.topslidersubdiv{}

.topmassage{}
.topmassagesubdiv{}

.sitetop{}
	.sitetopsubdiv{width: min(24.9%, calc(100% + 20px)); float:right;min-height: 40px;}
		.sitetopright{background-color: #bee38c;}
		.sitetopcenterright{background-color: #8cd9e3;}
		.sitetopcenterleft{background-color: #e38c8c;}
		.sitetopleft{background-color: #bee38c;}


.mainbody{}
.mainbodysubdiv{}
.mainbodytop{}
	.mainbodytopsubdiv{width: min(33.2%, calc(100% + 20px)); float:right;min-height: 40px;}
		.mainbodytopright{background-color: #e38c8c;}
		.mainbodytopcenter{background-color: #8cd9e3;}
		.mainbodytopleft{background-color: #bee38c;}

.mainbodycenter{}
	.mainbodycentersubdiv{width: min(33.2%, calc(100% + 20px)); float:right;min-height: 40px;}
		.mainbodycenterright{background-color: #8cd9e3;width: min(20%, calc(100% + 20px));}
		.mainbodycentercenter{background-color: #bee38c;width: min(59.8%, calc(100% + 20px));}
		.mainbodycenterleft{background-color: #e38c8c;width: min(20%, calc(100% + 20px));}

.mainbodybutton{}
	.mainbodybuttonsubdiv{width: min(33.2%, calc(100% + 20px)); float:right;min-height: 40px;}
		.mainbodybuttonright{background-color: #bee38c;}
		.mainbodybuttoncenter{background-color: #e38c8c;}
		.mainbodybuttonleft{background-color: #8cd9e3;}



.sitebutton{}
	.sitebuttonsubdiv{width: min(24.9%, calc(100% + 20px)); float:right;min-height: 40px;}
		.sitebuttonright{background-color: #bee38c;}
		.sitebuttoncenterright{background-color: #8cd9e3;}
		.sitebuttoncenterleft{background-color: #e38c8c;}
		.sitebuttonleft{background-color: #bee38c;}


.sitefooter{background: #aaf0f7; padding: 5px;border-radius: 10px;border: 0;}
	.sitefootersubdiv{float:right;border: 1px double #848583; border-radius: 10px;}
		.footerlogo{width:min(22%, calc(100% + 20px));}
			.footerlogosubdiv{}
			.footerlogosubdiv img[name="enamad"]{margin-right: -180px; vertical-align: top;    position: absolute;}
			.footerlogosubdiv img[name="rasaneh"]{margin-right: -110px; vertical-align: text-bottom;position: sticky;}
			.footerlogosubdiv img[name="nezamsenfi"]{margin-top: 23px; margin-right: -50px; vertical-align: text-top;position: sticky;}
			.footerlogosubdiv img[name="kasbokar"]{margin-top: 23px; margin-right: -80px; vertical-align: bottom; position: sticky;}
		.footersocial{width:min(21%, calc(100% + 20px));margin-right:0.4%;text-align: center;}
			.footersocialsubdiv{margin-bottom:3px;float: revert;}
			.footersocialsubdiv .facebook{margin-top:2px;}
			.footersocialsubdiv .facebook a{background:url("../images/socialicon/facebook.png") 50% 50% no-repeat;  background-size: 100%;}
			.sociallable{position:absolute;margin-top: -25px;}
			.socialimage{}
		.footeraddress{width:min(31%, calc(100% + 20px));margin-right:0.4%;}
			.footeraddresssubdiv{margin-top: 5px;}
				.footeraddressdetails{float:right; width: min(100%, calc(100% + 20px));margin: 5px;}
					.footerinfoaddress{}
					.footerinfozipcodee{}
					.footerinfophone{}
					.footerinfofax{}
					.footerinfoemail{}

		.footergooglemap{width: min(24%, calc(100% + 20px));height: 230px;margin-right:0.4%;}
		.footergooglemapsubdiv{}
		.footergooglemapsubdiv iframe{ width: min(100%, calc(99% + 20px));border-radius: 10px;height:230px;}

		.footaddimg{float:right; width: min(15%, calc(98% + 10px));}
		.footaddcontent{float:right; width: min(85%, calc(98% + 10px));margin-top:10px;direction: ltr;text-align: right;font-size:100%;}
		.addresstext{font-size:83%;}



.sitecopyright{}
		.subsitecopyright{}

input[type="radio"] { margin: 0 0 0 29px; border-radius: 50%;width: 25px; height: 25px; border: 2px solid lightskyblue;  transition: 0.2s all linear;  position: relative; top: 2px; }

.topmainbody{background: #fff;}
.topmainbody .alert{font-size:24px;text-align:center;color:red;}
.topmainbody .alert p strong{font-family:FarhadTitr; font-size:34px;text-align:center;color:red;}
.topmainbody .alert{font-size:24px;text-align:center;color:red;}
		
.formsubsection {padding: 8px;float: right;direction: rtl;text-align: center;width:98%;}
.azmooncart{width:30%; margin:10px 1.5%;}
.azmooncart strong{font-family:FarhadTitr; font-size:22px; }
.azmooncart img{margin:10px 4px 0 4px;border-radius:10px; }
.azmooncart .control-group{width:100%;}
.azmooncart .control-group strong{font-family:FarhadYekan;}
.QuestionExecute{width:100%; direction:rtl; text-align:right;}
.QuestionExecute .control-group{width:100%; }
.QuestionExecute .RadioTextClass{direction:ltr; text-align:right;color:#000;}
.RadioTextClass fieldset legend strong{direction:rtl; text-align:right;color:#ddd;}

.QuestionExecute .correctanswerchecked{color: #00ed00;padding: 0 10px;}
.QuestionExecute .Useranswerchecked{color: #0906df; padding: 0 10px; background: #6be8cd54;}


.control-groupsubmit{width:100%; direction:rtl; float:right;margin-bottom:20px;}
.control-groupsubmit button{}
.control-group{width:49%; direction:rtl; float:right;margin-bottom:20px;}
.control-label{width:25%; float:right; margin-top:8px;}
.controls-itemsubmit{width:100%; float:right;  margin:10px auto;  text-align: center; }
.controls-itemsubmit button{font-family:FarhadTitr;border-radius:10px;background:#0d4068;text-align: center;    direction: rtl;    margin: 0 10%;    width: 80%;    height: 45px;  color: white;    font-size: 160%;}
.controls-itemsubmitMotalebat button{font-family:FarhadTitr;border-radius:10px;background:#0d4068;text-align: center;    direction: rtl;    margin: 0 5%;    width: 20%;    height: 45px;  color: white;    font-size: 160%;}
.controls-itemsubmit .submitandedit{width: 35%; }
.controls-itemsubmit button:hover{background:#00edfb;color:red;border:0px;}
.controls-itemsubmitMotalebat button:hover{background:#00edfb;color:red;border:0px;}
.controls-itemsubmit .AlertButtun{font-family:FarhadTitr;border-radius:10px;background:#1977b5; color:#fff; text-align: center;    direction: rtl;    margin: 0 10%;    width: 80%;    height: 45px;  font-size: 160%;}
.controls-itemsubmit .ExpiredButtun{font-family:FarhadTitr;border-radius:10px;background:red; color:#fff; text-align: center;    direction: rtl;    margin: 0 10%;    width: 80%;    height: 45px;  font-size: 160%;}
.controls-itemsubmit .ExpiredButtun:hover{background:red; color:#fff; font-size:140%; }
.controls-itemsubmit .AlertButtun:hover{background:red; color:#fff; font-size:140%; }
.controls-item{width:73%; float:right;  margin-right:5px;  text-align: right; }
.controls-item select{width:100%; height:40px; }
.controls-item input{width:100%; height:40px; text-align:center;}
.AzmoonExecute{width:100%;}
.AzmoonExecute .control-groupsubmit button{font-family: FarhadTitr;border-radius: 10px;background: #0d4068;text-align: center;direction: rtl;margin: 0 10%;width: 80%;height: 85px;color: white;font-size: 160%;}
.AzmoonShowInfo{width:49%; font-size:18px;}
.AzmoonShowInfo .control-groupsubmit{width:100%; direction:rtl; float:right;margin-bottom:0px;}
.buttonwrapper { display: contents; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.button {background: #eef8fb; padding: 0.4em 0.5em; text-align: center; text-decoration: none; color: #2194E0; border: 2px solid #2194E0; font-size: 24px; display: inline-block; border-radius: 0.3em; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: relative; overflow: hidden;}
.button:before { content: ""; background-color: rgba(255, 255, 255, 0.5); height: 100%; width: 3em; display: block; position: absolute; top: 0; left: -4.5em; -webkit-transform: skewX(-45deg) translateX(0); transform: skewX(-45deg) translateX(0); -webkit-transition: none;transition: none;}
.button:hover { background-color: #00c4ff; color: #fff;border-bottom: 4px solid #1977b5;}
.nahade:hover { background-color: #00c4ff; color: #fff;border-bottom: 4px solid #1977b5;}
.protein:hover { background-color:#18b705; color: #fff;border-bottom: 4px solid #1977b5;}
.bar:hover { background-color: #ef0244; color: #fff;border-bottom: 4px solid #1977b5;}
.kharidkhareji:hover { background-color: #077cf5; color: #fff;border-bottom: 4px solid #1977b5;}
.varedat:hover { background-color: #1ffb04; color: #fff;border-bottom: 4px solid #1977b5;}
.banader:hover { background-color: #fb7604; color: #fff;border-bottom: 4px solid #1977b5;}
.button:hover:before { -webkit-transform: skewX(-45deg) translateX(13.5em); transform: skewX(-45deg) translateX(13.5em); -webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}

.buttonwrapper select{border-radius: 15px; text-align: center;width: 230px; height: 35px;font-size: 120%;}
table {  border-collapse: collapse;  width: 100%;}
th{ padding: 8px;direction: rtl;text-align: center; font-size:110%;font-weight: bold;}
td { padding: 8px;direction: ltr;text-align: right;}
tr:nth-child(even) {background-color: #f2f2f2;}		


.ShowExamResultInfo table {  border-collapse: collapse;  width: 100%;}
.ShowExamResultInfo th{ padding: 8px;direction: rtl;text-align: center; font-size:18px;font-weight: bold; background-color: #aaf0f7; color:#000;}
.ShowExamResultInfo tr:nth-child(even) {background-color: #f2f2f2;}		
.ShowExamResultInfo td { padding: 8px;direction: ltr;text-align: right;font-size:16px; color:#000;}

.mainfieldgroupdive{width:99%; margin:20px auto;}
.fieldgroupdive{float: right;width:100%; margin-top:3px;}
.fieldgroupdiverep{float: right; margin-top:3px;font-family: 'FarhadTitr'; font-size: 12px;}
.fieldgroupdiverep .reportmainfieldbox{float: right;}
.supfieldrep2collon input{float:right;width:33.3%;  text-align:center;font-family: farhadyekan;font-weight: 800;}
.fieldgroupdive .controls-inputitem{float: inline-start;}
.fieldgroupdive .controls-inputitem input{width:99%;text-align:center;height:35px;font-family:farhadtitr; font-size:12px; text-align:center;}
.fieldgroupdive .inputtextbox{width:26%;}
.fieldgroupdive .inputtextboxr{width:19.5%;}
.fieldgroupdive .inputlabe{width:20%;}
.fieldgroupdive .inputtextboxF{width:16%;}
.fieldgroupdive .inputtextboxFr{width:10%; float:right;}
.fieldgroupdive .inputlabeF{width:18%;}
.fieldgroupdive .reportmainfield{float:right;}
.reportmainfield{width:100%;}
.controls-inputitem input{width:100%;text-align:center;}
.tablerowtitle input{width:31%;}
.supfieldrep input{float:right;width:33.3%;  text-align:center;}
.supfieldrep4collon input{float:right;width:25%;  text-align:center;font-family: farhadyekan;font-weight: 800;}
.supfieldrep3collon input{float:right;width:25%;  text-align:center;font-family: farhadyekan;font-weight: 800;}
.supfieldrep42 input{float:right;width:100%;  text-align:center; background-color:#e0f4ff;}
.belghovecolor input{background-color:#f2f39954;}
.belfelcolor input{background-color:#7cf17454;}
.jamekolcolor input{background-color:#bbd9ef;}
.fieldgroupdiverep .reportrow{float:right;width:100%;}
.supfieldrep43 .viewonlymobilemod input{width:100%; font-size:10px;}
.supfieldrep43 input{float:right;width:50%;  text-align:center; background-color:#e0f4ff;font-family: farhadyekan;font-weight: 800;}
.fieldgroupdiverep input{height:30px;}
.JameKoleKalaha input{width:77%;background-color:#7cf17454;}
.JameKoleBelghoveh input{width:80%;background-color:#7cf17454;}
.JameKoleNahadeha input{width:80%;background-color:#7cf17454;}
.viewonlydesktopmod{display:block;}
.viewonlymobilemod{display:none; width:31%;}
.fieldmobile20{width:21%;}
.fieldmobile42{width:42%;}
.fieldmobile35{width:35%;}
.QCItems{float: inline-start;width:100%;margin-top:2px;}
.QCItems input{width:100%; text-align:center;}
.QCItems textarea{width:100%; direction:rtl; padding:5px 15px; text-align:justify; height:140px;}
.3Collons input{width:33%; text-align:center;}
.inputlabeQC{float: inline-start;width:15%;}
.inputlabeQC input{width:100%;text-align:center; }
.inputtextboxQC{float: inline-start;width:12.14%;}
.inputtextboxQC input{width:100%;text-align:center;}
.RegisterForm {width:100%; float:inline-start; margin:5px 0;}
.FormItem {width:100%;}

.ItemLable {width:30%; float:inline-start;}
.ItemLable label{width:100%; text-align:right; display:block; padding:0 10px 0 0;}
.ItemInput {width:70%; float:inline-start; }
.ItemInput input, .ItemInput select{width:100%; float:inline-start; height:35px;text-align:center;}

.ItemInput input[name="PhoneNumber"]{text-align:center; direction:ltr;padding:2px 5px;}
.ItemInput input,[name="PostSazmani"]{padding:2px 5px;}
.ItemInput input[name="EdareKol"]{padding:2px 5px;}
.ItemInput input[name="EmailAddress"]{text-align:left; direction:ltr;padding:2px 5px;}
.RegisterPicBox{width:50%;}
.RegisterPicBox .PictureButton{width:50%;}
label[name="LableForFile"] {font-family:FarhadTitr; border: 1px solid #e5e5e5; background:#55b4ee;border-radius: 10px;padding: 5px 10px;transition: .5s;height: 200px;display: initial;-webkit-writing-mode: vertical-lr;writing-mode: vertical-lr;}
label[name="LableForFile"]:hover {background-color: #eee;}
.JamKolColor input{background:#04aa6d47;}
.NotDataEntered input{background:red;}
.fieldgroupdive input{height:35px;}
.DataSabtNakardeh input{background:#ff000038;}

.ReportDateForm .inputlabe{width:10%;}
.ReportDateForm .inputtextbox{width:22%;}
.ReportDateForm .inputtextbox select{width:100%;height:35px;text-align:center;}
.fieldgroupdive button{margin:0 auto; text-align:center;}
.CurrencyGroups{float: right;width:100%; margin-top:3px;}
.CurrencyItems {float: inline-start;margin-top:2px;}
.CurrencyItems input{width:100%;text-align: center;height:40px;}
.CurrencyGroups .inputlabe{width: 30%; float: inline-start;margin-top:2px;}
.CurrencyGroups .inputtextbox{width: 35%;}
.OrderFormGroup {float:inline-start; margin:5px 0; width:50%;}
.OrderFormGroup .ItemLable{width:30%;}
.OrderFormGroup .OrderItemInput{width:70%;}
.OrderItemInput input, .OrderItemInput select{float:inline-start; height:35px;text-align:center;width:100%;}
.OrderItemInput select{text-align:right;padding-right:10px;}
.OrderItemInput {width:60%; float:inline-start; }
.OrderFormGroupReport {float:inline-start; margin:5px 0; width:25%;font-size:12px;}
.OrderFormGroupReport .ItemLable{width:50%;}
.OrderFormGroupReport .OrderItemInput{width:50%;}
.OrderItemInput input, .OrderItemInput select{float:inline-start; height:35px;text-align:center;width:100%;}
.OrderItemInput select{text-align:right;padding-right:10px;}
.OrderItemInput {width:60%; float:inline-start; }
.MainQueryField{width:95%;margin:20px auto;float: inline-end;}
.MainQueryField .inputlabe{width: 20%; ;margin-top:2px;}
.MainQueryField .inputtextbox{width: 75%;}
.ReporttextboxQC{float: inline-start;width:12.14%;}
.ReporttextboxQC input{width:100%;text-align:center; font-size:12px;}
.Registertextbox{float: inline-start;width:10%;}
.Registertextbox input{width:100%; font-size:12px;}
.RegisterOnvab{width:4%;}
.RegisterName{width:7%;}
.RegisterFamily{width:9%;}
.RegisterCodeMelli{width:8%;}
.RegisterOstan{width:9%;}
.RegisterEdarekol{width:18%;}
.RegisterPost{width:10%;}
.RegisterMobile{width:9%;text-align:center;}
.RegisterType{width:12%;}
.RegisterAction{width:14%;text-align:center;}
.RegisterActionHeader{width:14%;text-align:center;}
.RegisterActionHeader input{width:100%;text-align:center;}
.RegisterAction input{width:48%;text-align:center;}
.RegisterInputSetLable input{text-align:center; font-weight:600;}
.RegisterInputSetInput input{text-align:right;}
.FieldEjbari input{border: 2px #ff0000 double;}
.FieldEjbari label{border: 2px #ff0000 double;}
.FormTitle {font-size:16px; font-weight:800; text-align:center; padding:10px 0;width: 100%;border: 2px double red;}
.FormAlert {font-size:16px; font-weight:800; text-align:center; padding:10px 0;width: 100%;border: 2px double red;background: yellow;}
.InputFormTitle {width:100%;text-align:center; font-size:12px; margin:10px 0;}
.InputFormTitle label{text-align:center; font-size:16px;}


.OrderShipsItems{float: inline-start;width:100%;margin-top:2px;}
.OrderShipsItems input{width:100%; text-align:center;}
.inputlabeOrderShips{float: inline-start;width:10%;}
.inputtextboxOrderShipsBarname{float: inline-start;width:12%;}
.inputtextboxOrderShipsKashti{float: inline-start;width:16%;}
.inputtextboxOrderShipsTonazh{float: inline-start;width:12%;}
.inputtextboxOrderShipsArzsh{float: inline-start;width:14%;}
.inputtextboxOrderShipsContry{float: inline-start;width:20%;}
.inputtextboxOrderShipsMoarefi{float: inline-start;width:14%;}
.inputtextboxOrderShipsAmaliat{float: inline-start;width:11%;}
.TagAButtun{float: inline-start;border: 1px double;border-radius: 10px;padding: 8px;text-decoration: none;background: #1f4869;font-family: farhadtitr;color: white;font-size: 20px; }
.inputtextboxOrderShipDetailSabt{float: inline-start;width:8%; font-size:12px;}
.inputtextboxOrderShipDetailBarname{float: inline-start;width:8%; font-size:12px;}
.inputtextboxOrderShipDetailSubject{float: inline-start;width:20%; font-size:12px;}
.inputtextboxOrderShipDetailDate{float: inline-start;width:8%;font-size:12px;}
.inputtextboxOrderShipDetailUser{float: inline-start;width:10%; font-size:12px;}
.inputtextboxOrderShipDetailRegDate{float: inline-start;width:13%; font-size:12px;}
.inputtextboxOrderShipDetailDesc{float: inline-start;width:24%; font-size:12px;}
.inputtextboxOrderShipDetailSanad{float: inline-start;width:8%;}
.inputtextboxOrderShipDetailSanad img{width:20px;height:35px;margin:0 5px;}
#myImg {border-radius: 5px;cursor: pointer;transition: 0.3s;display: block;margin-left: auto;margin-right: auto;}
#myImg:hover {opacity: 0.7;}
.modal {display: none; position: fixed;z-index: 1; 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.9); }
.modal-content {margin: auto;display: block;width: 75%; }
.KharidarRegisterForm{float: inline-start;width: 50%;margin: 5px 0;}
.KharidarRegisterForm KhridarType{width: 30%;}
.KharidarRegisterForm .FormItem{width: 100%;}
.KharidarRegisterForm .ItemLable{width: 30%;}
.KharidarRegisterForm .ItemInput{width: 70%;}

.FullWidth label{float: inline-start;width: 100%;margin: 5px 0;}
.FullWidth textarea{float: inline-start;width: 100%;margin: 5px 0;}
.ReporttextboxMotalebat{float: inline-start;width:8.8%;}
.ReporttextboxMotalebat input{width:100%;text-align:center; font-size:12px;}

.ReportSerachMotalebat{float: inline-start;width:11.2%;}
.SerachQueryNameFamily{float: inline-start;width:20%;}
.ReportSerachMotalebat input{width:100%;text-align:center; font-size:12px;}


.TableTitleFont{font-size:12px; font-weight:800;}
.TableDataFont{font-size:14px; }

.MotalebatReportOstanKala{float: inline-start;width:14%;}
.MotalebatReportOstan{float: inline-start;width:12%;}
.MotalebatReportOstanNumber{float: inline-start;width:18%;}
.MotalebatReportOstan input{width:100%;text-align:center;}

.MotalebatReportOstanNameDetail{float: inline-start;width:14%;}
.MotalebatReportOstanKalaDetail{float: inline-start;width:14%;}
.MotalebatReportOstanDetail{float: inline-start;width:9%;}
.MotalebatReportOstanDetailNumber{float: inline-start;width:18%;}
.MotalebatReportOstanDetail input{width:100%;text-align:center;}


.MotalebatOstanReportOstanNameCol{width:14%;float: inline-start;}
.MotalebatOstanReportFieldCol{width:86%;float: inline-start;}
.MotalebatOstanReportOstanNameCol input{width:100%;text-align:center;}
.MotalebatOstanReportFieldCol input{width:100%;text-align:center;}

.MotalebatReportOstanForm{width:14%;float: inline-start;}
.MotalebatReportOstanFormOstanName{width:100%;float: inline-start;}
.MotalebatReportOstanKalaName{width:14%;float: inline-start;}
.MotalebatReportOstanForm{width:16.7%;float: inline-start;}
.MotalebatReportOstanFormSmal{width:11%;float: inline-start;}

.MapPossition{width:60%;float: inline-start;}
.MapDescription{width:40%;float: inline-start;}
.MapReportDetails{width:100%;float: inline-start;}
.MapReportDetailsItem{width:100%;float: inline-start;}

.MapReportDetails table,.MapDescription table{width:100%;text-align:center;font-size: 14px;}
.MapDescription table tr,.MapDescription table th{width:100%;border: 1px double;}
.MapDescription table td{border: 1px double; text-align:center;}
.MapDescription .Radif{width:15%;}
.MapDescription .NameNahadeh{width:40%;}

.MapDescription .MNameNahadeh{width:20%;}
.MapDescription .TedadGharardad{width:9%;}
.MapDescription .MTonajzKala{width:14%;}
.MapDescription .MablaghTazmin{width:18%;}
.MapDescription .MablaghVosoli{width:18%;}
.MapDescription .MandehRiali{width:18%;}


.SabtMojodi {width:100%;float: inline-start;text-align:center; font-size:12px;}
.SabtMojodi input{width:26%;text-align:center; font-size:18px; direction:ltr;}
.KantinerField input{width:19%;text-align:center; font-size:18px; direction:ltr;}
.GheimatField input{width:20%;text-align:center; font-size:18px; direction:ltr;}
.GheimatField input[name="LBLGheimat"]{width:28%;text-align:right; font-size:16px; direction:rtl; padding:0 10px 0 0;background: #b1e1e1;}
.SabtMojodi .CollTitle:first-child{width:21%;  padding: 12px 0;font-size:13px;border: 1px gray double;background:#b1e1e1;float: inline-start;margin-right: 0;height: 35px;}
.SabtMojodi .CollTitle{width:25.8%;font-size:16px;border: 1px gray double;height:35px;background:#b1e1e1;padding:4px 0;float: inline-start;margin-right: 3px;}
.KantinerField .CollTitle{width:19%;font-size:16px;border: 1px gray double;height:35px;background:#b1e1e1;padding:4px 0;float: inline-start;margin-right: 3px;}

.SabtMojodi .RowTitle{width:21%;font-size:16px;border: 1px gray double;height:35px;background:#b1e1e1;padding:4px 0;float: inline-start;}
.SabtMojodi .RowTitleMulti{width:21%;font-size:16px;border: 1px gray double;background:#b1e1e1;padding:4px 0;float: inline-start;}
.SabtMojodi .RowTitleMultiSide:first-child{width:70%;float: inline-start;}
.SabtMojodi .RowTitleMultiSide{width:30%;float: inline-start;}
.SabtMojodi .RowTitleMain{float: inline-start; text-align:right;height:45px;padding:20px 10px 0 0;}
.SabtMojodi .RowSubTitle{width:100%;float: inline-start; text-align:right; border: 2px #c2c2c200 double; margin: 2px 0;}
.kantrowcolor{border: 1px #22d1f2 double;padding: 5px 2px;}
.KantRowSpace{margin-top:4px;}
.SabtMojodi input[name="TxtMojodiJamZorat"]{background: #ffaeae;}
.SabtMojodi input[name="TxtMojodiJamKonjaleh"]{background: #ffaeae;}
.SabtMojodi input[name="TxtMojodiJamJo"]{background: #ffaeae;}
.SabtMojodi input[name="TxtMojodiJamMorgh"]{background: #ffaeae;}
.SabtMojodi input[name="TxtMojodiJamGosaleh"]{background: #ffaeae;}
.SabtMojodi input[name="TxtMojodiJamGosfand"]{background: #ffaeae;}

.SabtMojodi input[name="TxtMandehNiazArzZorat"]{background: #ffaeae;}
.SabtMojodi input[name="TxtMandehNiazArzKonjaleh"]{background: #ffaeae;}
.SabtMojodi input[name="TxtMandehNiazArzJo"]{background: #ffaeae;}
.SabtMojodi input[name="TxtMandehNiazArzMorgh"]{background: #ffaeae;}
.SabtMojodi input[name="TxtMandehNiazArzGosaleh"]{background: #ffaeae;}
.SabtMojodi input[name="TxtMandehNiazArzGosfand"]{background: #ffaeae;}

.MotalebatGharardadButlink{width:100%; text-align:center;}
.MotalebatGharardadButlink a{box-shadow: rgba(0, 0, 0, 0.56) 0px 8px 24px 1px;background: #2e83cd;text-decoration: none;border: 2px #00bcd4 double;border-radius: 15px;padding: 2px 10px;margin: 0 10px;font-family: 'FarhadTitr';font-size: 20px;color: white;}
.MotalebatGharardadButlink a:hover{box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;background: #2e83cd;text-decoration: none;border: 2px #00bcd4 double;border-radius: 15px;padding: 5px 35px;margin: 0 10px;font-family: 'FarhadTitr';font-size: 20px;color: white;}
.LegendSubReportTitle{text-align:right;}
.MotalebatReportQuery{float: inline-start;width:7.5%;}
.MotalebatGharadad{float: inline-start;width:10%;}
.MotalebatReportQueryKharidarReportCollon{float: inline-start;width:16%;}

.MotalebarOstanReportTable table[name="TableOstanReportHeader"] {width:100%; }
.MotalebarOstanReportTable table[name="TableOstanReportHeader"] tbody tr{width:100%; }
.MotalebarOstanReportTable table[name="TableOstanReportHeader"] tbody tr th{width:12%; }
.MotalebarOstanReportTable table[name="TableOstanReportHeader"] tbody tr th[name="OstanName"]{width:14%; }
.MotalebarOstanReportTable table[name="TableOstanReport"]{width:100%; }
.MotalebarOstanReportTable table[name="TableOstanReport"] tbody tr{width:100%; }
.MotalebarOstanReportTable table[name="TableOstanReport"] tbody tr td[name="OstanName"]{width:14%; }
.MotalebarOstanReportTable table[name="TableOstanReport"] tbody tr td[name="TDOstanDetails"]{width:86%; padding: 0;}
.MotalebarOstanReportTable table[name="TableOstanReport"] tbody tr td[name="TDOstanDetails"] table{width:100%; }
.MotalebarOstanReportTable table[name="TableOstanReport"] tbody tr td[name="TDOstanDetails"] table tbody tr{width:100%; }
.MotalebarOstanReportTable table[name="TableOstanReport"] tbody tr td[name="TDOstanDetails"] table tbody tr td{width:14%; text-align: center;}
.MotalebarOstanReportTable table[name="TableOstanReport"] tbody tr td[name="TDOstanDetails"] table tbody tr td[name="TDOstanNahadehName"]{width:15%; }
.MotalebarOstanReportTable table[name="TableOstanDetails"]{width:100%; }

.MotalebarOstanReportTable{float: inline-start;width:100%;}
.MotalebarOstanReportTable table{border:2px #000 double;width:100%; direction: rtl;}
.MotalebarOstanReportTable table tr{border:1px #000 double;width:100%; }
.MotalebarOstanReportTable table tr:nth-child(even){border:1px #000 double;width:100%; background: #f4fffa;}
.MotalebarOstanReportTable table tr:nth-child(odd){border:1px #000 double;width:100%;background: #dbeeff;}
.MotalebarOstanReportTable table td{border:1px #000 double; }
.MotalebarOstanReportTable table tr:first-child{border:1px #000 double;width:100%; background: #fff;}
.MotalebarOstanReportTable table tr:first-child th{border:1px #000 double;width:10%; background: #fff;}
.MotalebarOstanReportTable table tr[name="OstanTR"]{border:5px #000 double; }
.MotalebarOstanReportTable table td[name="TDOstanName"]{width: 100%;float: right; border: none;        padding: 30% 10px;}
.MotalebarOstanReportTable table td[name="TDOstanDetails"]{width:90%; }



.TazamintHeaarder{float: inline-start;width:12%;}
.TazaminFields{float: inline-start;width:12%;}
.TazminType{float: inline-start;width:18%;}
.TazminBank{float: inline-start;width:22%;}
.TazminExecute{float: inline-start;width:11%;border: 1px double #d4d4d4;padding: 3px;}
.TazminExecuteHeader{float: inline-start;width:11%;}

.TranstHeaarder{float: inline-start;width:10%;}
.TransType{float: inline-start;width:15%;}
.TransBank{float: inline-start;width:17%;}
.TransExecute{float: inline-start;width:8%;border: 1px double #d4d4d4;padding: 3px;}
.TransExecuteHeader{float: inline-start;width:8%;}



.inputlabelMotalebat{float: inline-start;width:13%;}
.MotalebatRadif{float: inline-start;width:5%;}
.inputlabelMotalebat input{width:100%;text-align:center; }
.inputtextboxMotalebat{float: inline-start;width:8.8%;}
.inputtextboxMotalebatDetail{float: inline-start;width:10%;}
.ReporttextboxMotalebatDetail{float: inline-start;width:10%;}
.ReporttextboxMotalebatDetail a{margin:2%;}
.AmaliatBorder{border: 2px double #d4d4d4;padding:3px;}


fieldset{margin:10px 2px;border: 1px solid #c0c0c0;  padding: .35em .625em .75em;}

.inputtextboxMotalebatOstan{float: inline-start;width:10%;}
.inputtextboxMotalebat input{width:100%;text-align:center;}
.MotalebatOstanReportCollon{float: inline-start;width:15%;}
.MotalebatKharidarReportCollon{float: inline-start;width:15%;}
.MotalebatKharidarReportKoli{float: inline-start;width:13%;}
.MotalebatKharidarReportKoli input{float: inline-start;width:100%;padding:0 0 0 10px; text-align:left;}
.inputtextboxMotalebatUserOstan{float: inline-start;width:10%;}
.MotalebatUserOstanCompany{float: inline-start;width:22%;}
.MotalebatUserOstanNameFamily{float: inline-start;width:20%;}
.MotalebatAllUserOstanCompany{float: inline-start;width:20%;}
.MotalebatAllUserOstanNameFamily{float: inline-start;width:18%;}
.MotalebatAllUserOstanOstan{float: inline-start;width:12%;}
.MotalebatUserOstanOstan{float: inline-start;width:14%;}
.ErrorTextAlert{font-family:farhadtitr; font-size:20px; color:blue;}
select.TxtKharidarCodeMelli{text-align:right;padding-right:10px;}
::placeholder{color:#d6cdee;}
select:required:invalid { color: #d6cdee;}
option[value=""][disabled] { display: none;}
option { color: black;}
.PassRecoveryRegisterPicBox{width:20%;}
.PassRecoveryRegisterPicBoxField{width:40%; text-align: right;}
.PassRecoveryRegisterPicBoxForm{width:40%;}
.PassRecoveryRegisterPicBoxBottom{font-family: FarhadTitr;border-radius: 10px;background: #0d4068;text-align: center;direction: rtl;margin: 2% 10%;width: 80%;height: 45px;color: white;font-size: 160%;}
.PassRecoveryRegisterPicBoxBottom button{border-radius: 10px;background: #a0d0f3;  width: 100%; height: 100%; color: #122279;}
.SectionLabelTitel {width:100%; margin:0 auto;text-align:center;margin:20px 0;}
.SectionLabelTitel label{text-align:center; font-weight800; font-size:18px;}
input[name="NewPassword"]{font-size: 20px;font-weight: 800;height: 40px;}
input[name="SearchCodeMelliField"]{font-size: 20px;font-weight: 800;height: 40px; direction:ltr;}

.BoxesMenuReport{float: inline-start;width:100%;}
.BoxesMenuReportCollons{float: inline-start;width:100%; border:2px double black; margin:5px 0;}
.BoxesMenuReportColDescribe{float: inline-start;padding:5px;width:30%;}
.BoxesMenuReportColDescribeDetail{float: inline-start;padding:5px;width:25%;}
.BoxesMenuReportColSysPermissions{float: inline-start;padding:5px; width:20%; border:1px double gray;}
.BoxesMenuReportColUserPermissions{float: inline-start;padding:5px;width:50%;}
.BoxesMenuReportColUserPermissions img{width:20px;}
.BoxesMenuReportColUserPermissionsEdit{float: inline-start;padding:5px;width:75%;}
.BoxesMenuReportColUserPermissions td{direction: ltr;padding:0;   text-align: right;}
.RepMenuItem{float: right;width:100%;text-align:right;padding: 3px;}
.RepMenuItem strong{display: contents;width:50px; }
.RepMenuItem a{    text-decoration: none; }
.ReportFirstRow{width:100%;}
.ClickToEditLink{color:red;;}
.ReportFirstRow label{float: right;margin-right: -40px; transform: rotate(-90deg);  margin-top: 75px; width: 150px;}


.myCheck {position: relative;display: inline-block;width: 100px;height: 18px;float: inline-start;text-align:right;}
.UserPerCheck {float: right;width: 160px;}
.UserPerCheckEdit {float: right;width: 140px;}
.dropdown img{width: 25px;}
input[type="checkbox"]{height: 20px;}
input[type="checkbox"]:checked {top: 0.9ex;left: 0.4ex;border: 3px solid #9b9bfe;-webkit-transform: rotate(-45deg);}


.item10{width:10%;}
.item15{width:15%;}
.item50{width:50%;}
.item20{width:20%;}
.item25{width:25%;}
.item30{width:30%;}
.item33{width:33.3%;}
.item35{width:5%;}
.item40{width:40%;}
.item50{width:50%;}
.item60{width:60%;}
.item65{width:65%;}
.item70{width:70%;}
.item75{width:75%;}
.item80{width:80%;}
.item85{width:85%;}
.item90{width:90%;}
.item100{width:100%;}

.field9{width:9%;}
.field10{width:10%;}
.field11{width:11%;}
.field13{width:13%;}
.field14{width:14%;}
.field15{width:15%;}
.field18{width:18%;}
.field20{width:20%;}
.field24{width:24%;}
.field25{width:25%;}
.field27{width:27%;}
.field29{width:29%;}
.field30{width:30%;}
.field32{width:32%;}
.field33{width:33%;}
.field35{width:35%;}
.field39{width:39%;}
.field40{width:40%;}
.field42{width:42%;}
.field43{width:43%;}
.field45{width:45%;}
.field48{width:48%;}
.field49{width:49%;}
.field50{width:50%;}
.field55{width:55%;}
.field60{width:60%;}
.field65{width:65%;}
.field70{width:70%;}
.field75{width:75%;}
.field80{width:80%;}
.field85{width:85%;}
.field90{width:90%;}
.field95{width:95%;}
.field98{width:98%;}
.field100{width:100%;}
.dropbtn {  /* background-color: #04AA6D; */  /* color: white; */  /* padding: 16px; */  /* font-size: 16px; */  /* border: none; */}
.dropdown {  position: relative;  display: inline-block;}
.dropdown-content {display: none;    position: absolute;    background-color: #e5f5ff;    min-width: 160px;    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);    z-index: 1;    right: 25px;    top: -5px;}
.dropdown-content a { color: black; padding: 2px 16px; text-decoration: none;display: block;}
.dropdown-content a:hover {background-color: #ddd;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: #3e8e41;}

}














@media only screen and (min-width:481px) and (max-width:850px){
html{margin: 0 5%; width: 800px;}

body{margin: 0 auto; width: min(90%, calc(85% + 30px));margin: 0 auto;}
.maincontainer{margin: 0 auto; width: 99%;}
.sitesection{ background-color: #e1f1f4; min-height: 40px;width: min(1200px, calc(100% + 20px));margin-top: 10px;}
.siteheader{background: #aaf0f7; padding: 5px;border-radius: 10px;border: 0;}
	.siteheadersubdiv{float:right;border: 0; border-radius: 10px;}
		.headersitelogo{width:40%;}
		.headersitelogo img{width:90px;}
		.headermiddlepos{width:60%;margin-top: 10px;}
		.headermiddlepos span{float:right; width:100%;}
		.headermiddlepos .title0{font-family:farhadtitr;}
		.headerleftpos{float: left;width:100%;background-color: #bee38c;margin-top:1%;}
			.headerleftpossubdiv {float:right; padding:0 2%;width:100%}
			.timerposition{}
			.timerposition form p{padding:0; margin:0;text-align:revert;color: black;}
			.timerposition form{text-align: center;}
			.userpanelicon{text-align: center;}
				.userinfotext{float:right;width:81%;border: 1px double #7a7a7a; border-radius: 10px;}
				.userinfotext img{float:right;width:35px;border-radius: 25px;}
				.userinfotext lable{float: right; margin: 8px 10px 0 0;}
				.userinfoicons{float:left;margin-right: 5px;}
				.userinfoicons img{width: 35px;}



  .submainmenunav a:not(:first-child) {display: none;}
  .submainmenunav nav:not(:first-child) {display: none;}
  .submainmenunav.responsive {position: relative;}
  .submainmenunav.responsive a {    float: none;    display: block;    text-align: right;  }
  .submainmenunav.responsive nav {    float: none;    display: block;    text-align: right;  }
  .submainmenunav.responsive .icon {  float: left;    position: inherit;  }
  .submainmenunav a.icon { float: left;    display: block;  }


 
.formsubsection {padding: 8px;float: right;direction: rtl;text-align: center;width:98%;}
.control-group{width:100%; direction:rtl; float:right;margin-bottom:15px;}

.control-groupsubmit{width:100%; direction:rtl; float:right;margin-bottom:20px;}
.control-groupsubmit button{}
.control-group{width:49%; direction:rtl; float:right;margin-bottom:20px;}
.control-label{width:25%; float:right; margin-top:-5px;}
.controls-itemsubmit{width:100%; float:right;  margin-right:5px;  text-align: right; }
.controls-itemsubmit button{font-family:FarhadTitr;border-radius:10px;background:#0d4068;text-align: center;    direction: rtl;    margin: 0 10%;    width: 80%;    height: 45px;  color: white;    font-size: 160%;}
.controls-itemsubmit button:hover{background:#00edfb;color:red;border:0px;}
.controls-itemsubmit .AlertButtun{font-family:FarhadTitr;border-radius:10px;background:#1977b5; color:#fff; text-align: center;    direction: rtl;    margin: 0 10%;    width: 80%;    height: 45px;  font-size: 160%;}
.controls-itemsubmit .ExpiredButtun{font-family:FarhadTitr;border-radius:10px;background:red; color:#fff; text-align: center;    direction: rtl;    margin: 0 10%;    width: 80%;    height: 45px;  font-size: 160%;}
.controls-itemsubmit .ExpiredButtun:hover{background:red; color:#fff; font-size:140%; }
.controls-itemsubmit .AlertButtun:hover{background:red; color:#fff; font-size:140%; }
.controls-item{width:73%; float:right;  margin-right:5px;  text-align: right; }
.controls-item select{width:100%; height:40px; }
.controls-item input{width:100%; height:40px; text-align:center;}

.inputfieldwidthcontrol{width:98%;margin-bottom: 8px;}

.field9{width:9%;}
.field10{width:10%;}
.field11{width:100%;}
.field13{width:100%;}
.field14{width:14%;}
.field15{width:15%;}
.field18{width:18%;}
.field20{width:20%;}
.field24{width:24%;}
.field25{width:25%;}
.field27{width:27%;}
.field29{width:29%;}
.field30{width:30%;}
.field32{width:32%;}
.field33{width:33%;}
.field35{width:35%;}
.field39{width:39%;}
.field40{width:40%;}
.field42{width:100%;}
.field43{width:100%;}
.field45{width:100%;}
.field48{width:48%;}
.field49{width:49%;}
.field50{width:100%;}
.field55{width:55%;}
.field60{width:60%;}
.field65{width:65%;}
.field70{width:70%;}
.field75{width:75%;}
.field80{width:80%;}
.field85{width:85%;}
.field90{width:90%;}
.field95{width:95%;}
.field98{width:100%;}
.field100{width:100%;}
.mainfieldgroupdive{width:100%; margin:5px auto;}
.fieldgroupdive{float: right;width:100%; margin-top:3px;}
.fieldgroupdive .controls-inputitem{float: inline-start;}
.fieldgroupdive .controls-inputitem input{width:99%;text-align:center;height:35px;font-family:farhadtitr; font-size:12px; text-align:center;}
.fieldgroupdive .inputtextbox{width:26%;}
.fieldgroupdive .inputtextboxr{width:19.5%;}
.fieldgroupdive .inputlabe{width:20%;}
.fieldgroupdive .inputtextboxF{width:16%;}
.fieldgroupdive .inputtextboxFr{width:10%; float:right;}
.fieldgroupdive .inputlabeF{width:18%;}
.controls-inputitem input{width:100%;text-align:center;}
.reportmainfield{width:100%;}
.viewonlydesktopmod{display:none;}
.viewonlymobilemod{display:initial;}
.viewonlymobilemod input{ font-size:10px;}
.fieldgroupdive .reportmainfield{float:right;}
.fieldgroupdiverep{float: right; margin-top:20px;font-family: 'FarhadTitr'; font-size: 11px;}
.fieldgroupdiverep .reportmainfieldbox{float: right;}
.fieldgroupdiverep .reportrow{float:right;width:100%;}
.supfieldrep input{float:right;width:33.3%;  text-align:center;}
.supfieldrep4collon input{float:right;width:18.6%;  text-align:center;margin: 1px 0;font-family: 'FarhadYekan';font-size: 13px;font-weight: 800;}
.supfieldrep2collon input{float:right;width:37.5%;  text-align:center;background-color:#fff;margin: 1px 0;font-family: 'FarhadYekan';font-size: 13px;font-weight: 800;}
.supfieldrep3collon input{float:right;width:25%;  text-align:center;margin: 1px 0;font-family: 'FarhadYekan';font-size: 13px;font-weight: 800;}
.supfieldrep3collon .viewonlymobilemod input{width:20%; font-size:10px;}
.supfieldrep42 input{float:right;width:100%;  text-align:center; background-color:#e0f4ff;}
.supfieldrep43 .viewonlymobilemod input{width:20%; font-size:10px;}
.supfieldrep43 input{float:right;width:18.7%;  text-align:center; background-color:#e0f4ff;margin: 1px 0;font-family: 'FarhadYekan';font-size: 13px;font-weight: 800;}
.belghovecolor input{background-color:#f39999a6;}
.belfelcolor input{background-color:#7cf17454;}
.jamekolcolor input{background-color:#bbd9ef;}
.fieldgroupdiverep input{height:30px;}
.JameKoleKalaha input{width:75%;background-color:#7cf17454;}
.JameKoleBelghoveh input{width:81%;background-color:#f2f39954;}
.JameKoleNahadeha input{width:81.2%;background-color:#bbd9ef;}
.JameBelghoveh input{width:19%;}
.fieldmobile20{width:100%;}
.fieldmobile42{width:100%;}
.fieldmobile35{width:100%;}
.fieldmobile100{width:100%;}
.QCItems{float:inline-start; width:100%;}
.QCItems input{width:100%; height:35px; font-family: farhadyekan;font-size: 14px;font-weight: 800;}
.QCItems .inputlabeQC {width:25%;}
.QCItems .inputtextboxQC {width:25%;}
.RegisterForm {width:100%; float:inline-start; margin:5px 0;}
.FormItem {width:100%;}
.ItemLable {width:25%; float:inline-start;}
.ItemLable label{width:100%; text-align:right; display:block;}
.ItemInput {width:75%; float:inline-start; }
.ItemInput input,select{width:100%; float:inline-start; height:35px;text-align:center;}
.tablerowtitle {width:100%; font-size:10px;}
.tablerowtitle input{width:25%;}
.RegisterPicBox .PictureButton{width:50%;}
.DataSabtNakardeh{background:#ff000038;}

nav {	float: right;}
nav ul ul {	display: none;}
nav ul li:hover > ul {	display: block;}
nav ul {	margin:0;	padding: 0 20px;	border-radius: 10px;	list-style: none;	position: relative;	display: inline-table;}
nav ul:after {	content: "";	clear: both;	display: block;}
nav ul li {	float: right;	position: relative;	font-weight: bold;}
nav ul li:hover {	background: #4caf50;}
nav ul li a {	color: #000;}
nav ul li:hover a {	color: #000;}
nav ul li a {	display: block;	padding: 15px 32px;	color: #4e4e4e;	text-decoration: none;}
nav ul ul {	background: #bee38c;  padding: 0;    position: absolute;    width: 200px;}
nav ul ul li {	float: none;	border-top: 1px solid #8bc34a;	border-bottom: 1px solid #8bc34a;	position: relative;margin-top: 0;}
nav ul li ul li a {	padding: 15px 40px;	color: #000;}	
nav ul li ul li a:hover {background: #4caf50; color:#00bcd4;}
nav ul ul ul {	position: absolute;	right: 100%;	top:0;}
.QCReportGroup{border:3px double #145452;margin: 5px 0;}
.QCExtroder input{background-color:#cddd443d;}
.QCAlchol input{background-color:#44dddd3d;}
.QCCompost input{background-color:#4457dd21;}
.CurrencyGroups{float: right;width:100%; margin-top:3px;}
.CurrencyItems {float: inline-start;margin-top:2px;}
.CurrencyItems input{width:100%;text-align: center;height:40px;}
.CurrencyGroups .inputlabe{width: 30%; float: inline-start;margin-top:2px;}
.CurrencyGroups .inputtextbox{width: 35%;}
.OrderFormGroup {float:inline-start; margin:5px 0;width:100%;}
.OrderFormGroup .ItemLable{width:40%;}
.OrderFormGroup .OrderItemInput{width:60%;}
.OrderItemInput input, .ItemInput select{float:inline-start; height:35px;text-align:center;width:100%;}
.OrderItemInput {width:60%; float:inline-start; }



.FullWidth label{float: inline-start;width: 100%;margin: 5px 0;}
.FullWidth textarea{float: inline-start;width: 100%;margin: 5px 0;}
.ReporttextboxMotalebat{float: inline-start;width:9.5%;}
.ReporttextboxMotalebat input{width:100%;text-align:center; font-size:12px;}

.ReportSerachMotalebat{float: inline-start;width:11.2%;}
.SerachQueryNameFamily{float: inline-start;width:20%;}
.ReportSerachMotalebat input{width:100%;text-align:center; font-size:12px;}



.SabtMojodi {width:100%;float: inline-start;text-align:center; font-size:12px;}
.SabtMojodi input{width:21%;text-align:center; font-size:13px; direction:ltr;font-weight: 800;}
.SabtMojodi .CollTitle:first-child{width:35%;  padding: 12px 0;font-size:13px;border: 1px gray double;background:#b1e1e1;float: inline-start;margin-right: 0;height: 45px;}
.SabtMojodi .CollTitle{width:21%;padding: 12px 0;font-size:14px;font-weight: 800;border: 1px gray double;background:#b1e1e1;float: inline-start;margin-right: 3px;height: 45px;}
.SabtMojodi .RowTitle{width:35%;font-size:14px;border: 1px gray double;height:35px;background:#b1e1e1;padding:4px 0;float: inline-start;}
.SabtMojodi input[name="TxtMojodiJamZorat"]{background: #ffaeae;}
.SabtMojodi input[name="TxtMojodiJamKonjaleh"]{background: #ffaeae;}
.SabtMojodi input[name="TxtMojodiJamJo"]{background: #ffaeae;}
.SabtMojodi input[name="TxtMojodiJamMorgh"]{background: #ffaeae;}
.SabtMojodi input[name="TxtMojodiJamGosaleh"]{background: #ffaeae;}
.SabtMojodi input[name="TxtMojodiJamGosfand"]{background: #ffaeae;}
.SabtMojodi input[name="TxtMandehNiazArzZorat"]{background: #ffaeae;}
.SabtMojodi input[name="TxtMandehNiazArzKonjaleh"]{background: #ffaeae;}
.SabtMojodi input[name="TxtMandehNiazArzJo"]{background: #ffaeae;}
.SabtMojodi input[name="TxtMandehNiazArzMorgh"]{background: #ffaeae;}
.SabtMojodi input[name="TxtMandehNiazArzGosaleh"]{background: #ffaeae;}
.SabtMojodi input[name="TxtMandehNiazArzGosfand"]{background: #ffaeae;}




.KantinerField input{width:14%;text-align:center; font-size:14px; direction:ltr;}
.GheimatField input{width:28%;text-align:center; font-size:18px; direction:ltr;}
.GheimatField input[name="LBLGheimat"]{width:70%;text-align:right; font-size:14px; direction:rtl; padding:0 10px 0 0;background: #b1e1e1;}
.KantinerField .RowTitle{width:41%;font-size:16px;border: 1px gray double;height:61px;background:#b1e1e1;padding:20px 0;float: inline-start;}

.FaravardehaTitle .CollTitle{width: 21%;height: 62px;background: #b1e1e1;padding: 18px 0;}
.FaravardehaTitle div[id="ColGostGosfandi"]{padding: 10px 0;}
.FaravardehaTitle .CollTitle:first-child{width: 35%;height: 62px;background: #b1e1e1;padding: 20px 0;margin-right:0;}

.NiazArziTitle .CollTitle{width: 21%;height: 62px;background: #b1e1e1;padding: 18px 0;}
.NiazArziTitle div[id="ColGostGosfandi"]{padding: 10px 0;}
.NiazArziTitle .CollTitle:first-child{width: 35%;height: 62px;background: #b1e1e1;padding: 20px 0;}

.NiazArziJamTitle {width: 49%;}
.NiazArziJamTitle .CollTitle{width: 100%;
    background: #b1e1e1;
    height: 34px;
    padding: 0;
    margin: 4px 0;}
.NiazArziJamTitle input{width:100%;background: #b1e1e1;font-size:16px; font-weight:800;
    background: #b1e1e1;
    height: 34px;
    padding: 0;
    margin: 4px 0;}
.NiazArziJamTitle div[id="JamNiazCollTitle"]{width:100%;padding: 10px 0;}

.KantinerField .CollTitle{width: 13.9%;height: 62px;background: #b1e1e1;padding: 10px 0;}
.SabtMojodi .RowTitleMulti{width:41%;font-size:16px;border: 1px gray double;background:#b1e1e1;padding:4px 0;float: inline-start;}
.SabtMojodi .RowTitleMultiSide:first-child{width:55%;float: inline-start;}
.SabtMojodi .RowTitleMultiSide{width:30%;float: inline-start;}
.SabtMojodi .RowTitleMain{float: inline-start; text-align:right;height:45px;padding:20px 10px 0 0;}
.SabtMojodi .RowSubTitle{width:100%;float: inline-start; text-align:right; border: 2px #c2c2c200 double; margin: 2px 0;}
.kantrowcolor{border: 1px #22d1f2 double;padding: 5px 2px;}
.KantRowSpace{margin-top:4px;}



.inputlabelMotalebat{float: inline-start;width:13%;}
.inputlabelMotalebat input{width:100%;text-align:center; }
.inputtextboxMotalebat{float: inline-start;width:8%;}
.inputtextboxMotalebatOstan{float: inline-start;width:10%;}
.inputtextboxMotalebat input{width:100%;text-align:center;}
.MotalebatOstanReportCollon{float: inline-start;width:15%;}
.MotalebatKharidarReportCollon{float: inline-start;width:18%;}
.inputtextboxMotalebatUserOstan{float: inline-start;width:10%;}
.MotalebatUserOstanCompany{float: inline-start;width:22%;}
.MotalebatUserOstanNameFamily{float: inline-start;width:20%;}
.MotalebatAllUserOstanCompany{float: inline-start;width:20%;}
.MotalebatAllUserOstanNameFamily{float: inline-start;width:18%;}
.MotalebatAllUserOstanOstan{float: inline-start;width:12%;}
.MotalebatUserOstanOstan{float: inline-start;width:14%;}
.ErrorTextAlert{font-family:farhadtitr; font-size:20px; color:blue;}
select.TxtKharidarCodeMelli{text-align:right;padding-right:10px;}
::placeholder{color:#d6cdee;}
select:required:invalid { color: #d6cdee;}
option[value=""][disabled] { display: none;}
option { color: black;}
.PassRecoveryRegisterPicBox{width:20%;}
.PassRecoveryRegisterPicBoxField{width:40%; text-align: right;}
.PassRecoveryRegisterPicBoxForm{width:40%;}
.PassRecoveryRegisterPicBoxBottom{font-family: FarhadTitr;border-radius: 10px;background: #0d4068;text-align: center;direction: rtl;margin: 0 10%;width: 80%;height: 45px;color: white;font-size: 160%;}
.PassRecoveryRegisterPicBoxBottom button{border-radius: 10px;background: #a0d0f3;  width: 100%; height: 100%; color: #122279;}
.SectionLabelTitel {width:100%; margin:0 auto;text-align:center;margin:20px 0;}
.SectionLabelTitel label{text-align:center; font-weight:800; font-size:18px;}
input[name="NewPassword"]{font-size: 20px;font-weight: 800;height: 40px;}
input[name="SearchCodeMelliField"]{font-size: 20px;font-weight: 800;height: 40px; direction:ltr;}

.BoxesMenuReport{float: inline-start;width:100%;}
.BoxesMenuReportCollons{float: inline-start;width:100%; border:2px double black; margin:5px 0;}
.BoxesMenuReportColDescribe{float: inline-start;padding:5px;width:25%;}
.BoxesMenuReportColSysPermissions{float: inline-start;padding:5px; width:15%; border:1px double gray;}
.BoxesMenuReportColUserPermissions{float: inline-start;padding:5px;width:60%;}
.BoxesMenuReportColUserPermissions img{width:20px;}
.BoxesMenuReportColUserPermissionsEdit{float: inline-start;padding:5px;width:75%;}
.BoxesMenuReportColUserPermissions td{direction: ltr;padding:0;   text-align: right;}
.RepMenuItem{float: right;width:100%;text-align:right;padding: 3px;}
.RepMenuItem strong{display: contents;width:50px; }
.RepMenuItem a{    text-decoration: none; }
.ReportFirstRow{width:100%;}
.ClickToEditLink{color:red;;}
.ReportFirstRow label{float: right;margin-right: -40px; transform: rotate(-90deg);  margin-top: 75px; width: 150px;}


.myCheck {position: relative;display: inline-block;width: 100px;height: 18px;float: inline-start;text-align:right;}
.UserPerCheck {float: right;width: 170px;}
.UserPerCheckEdit {float: right;width: 140px;}
.dropdown img{width: 25px;}
input[type="checkbox"]{height: 20px;}
input[type="checkbox"]:checked {top: 0.9ex; left: 0.4ex;order: 3px solid #9b9bfe; -webkit-transform: rotate(-45deg);}



.MapPossition{width:100%;float: inline-start;}
.MapDescription{width:100%;float: inline-start;}
.MapReportDetails{width:100%;float: inline-start;}
.MapReportDetailsItem{width:100%;float: inline-start;}


}



@media only screen and (min-width:250px) and (max-width:480px){
html{margin: 0 5%; width: 450px;}
body{margin: 0 auto; width: 100%;}

.control-label{width:100%; float:right;text-align: right; margin-right:10px;}
.controls-item{width:100%; float:right;  text-align: right; }

.inputfieldwidthcontrol{width:98%;margin-bottom: 5px;}

		.headersitelogo{width:30%;}
		.headersitelogo img{width:70px;}
		.headermiddlepos{width:70%;margin-top: 5px;}
		.headerleftpos{float: left;width:100%;background-color: #bee38c;margin-top:1%;}

.submainmenunav {display: flow-root;    width: 100%;background-color: #333;border-radius: 10px;}
.submainmenunav a {float: right;display: block;color: #f2f2f2;text-align: center;padding: 5px 16px;  text-decoration: none;  font-size: 17px;}
.submainmenunav a:hover {  background-color: #04AA6D;  color: black;}
.submainmenunav a.active {  background-color: #04AA6D;  color: white;border-radius: 0 10px 10px 0;}
.submainmenunav .icon { display: none;}

  .submainmenunav a:not(:first-child) {display: none;}
  .submainmenunav nav:not(:first-child) {display: none;}
  .submainmenunav.responsive {position: relative;}
  .submainmenunav.responsive a {    float: none;    display: block;    text-align: right;  }
  .submainmenunav.responsive nav {    float: none;    display: block;    text-align: right;  }
  .submainmenunav.responsive .icon {  float: left;    position: inherit;  }
  .submainmenunav a.icon { float: left;    display: block;  }
 		

.mainfieldgroupdive{width: 100%;}
.FullWidth label{float: inline-start;width: 100%;margin: 5px 0;}
.FullWidth textarea{float: inline-start;width: 100%;margin: 5px 0;}
.ReporttextboxMotalebat{float: inline-start;width:9.5%;}
.ReporttextboxMotalebat input{width:100%;text-align:center; font-size:12px;}

.ReportSerachMotalebat{float: inline-start;width:11.2%;}
.SerachQueryNameFamily{float: inline-start;width:20%;}
.ReportSerachMotalebat input{width:100%;text-align:center; font-size:12px;}



.SabtMojodi {width:100%;float: inline-start;text-align:center; font-size:12px;}
.SabtMojodi input{width:22%;text-align:center; font-size:12px; direction:ltr;font-weight: 800;}
.SabtMojodi .CollTitle:first-child{width:32%;  padding: 12px 0;font-size:13px;border: 1px gray double;background:#b1e1e1;float: inline-start;margin-right: 0;height: 45px;}
.SabtMojodi .CollTitle{width:21.7%;padding: 4px 0;font-size:14px;font-weight: 800;border: 1px gray double;background:#b1e1e1;float: inline-start;margin-right: 3px;height: 45px;}
.SabtMojodi .RowTitle{width:32%;font-size:12px;border: 1px gray double;height:35px;background:#b1e1e1;padding:4px 0;float: inline-start;font-weight: 800;}
.SabtMojodi input[name="TxtMojodiJamZorat"]{background: #ffaeae;}
.SabtMojodi input[name="TxtMojodiJamKonjaleh"]{background: #ffaeae;}
.SabtMojodi input[name="TxtMojodiJamJo"]{background: #ffaeae;}
.SabtMojodi input[name="TxtMojodiJamMorgh"]{background: #ffaeae;}
.SabtMojodi input[name="TxtMojodiJamGosaleh"]{background: #ffaeae;}
.SabtMojodi input[name="TxtMojodiJamGosfand"]{background: #ffaeae;}
.SabtMojodi input[name="TxtMandehNiazArzZorat"]{background: #ffaeae;}
.SabtMojodi input[name="TxtMandehNiazArzKonjaleh"]{background: #ffaeae;}
.SabtMojodi input[name="TxtMandehNiazArzJo"]{background: #ffaeae;}
.SabtMojodi input[name="TxtMandehNiazArzMorgh"]{background: #ffaeae;}
.SabtMojodi input[name="TxtMandehNiazArzGosaleh"]{background: #ffaeae;}
.SabtMojodi input[name="TxtMandehNiazArzGosfand"]{background: #ffaeae;}

.viewonlydesktopmod{display:none;}
.viewonlymobilemod{display:block;width: 100%;}


.KantinerField input{width:15%;text-align:center; font-size:11px; direction:ltr;}
.GheimatField input{width:28%;text-align:center; font-size:12px; direction:ltr;}
.GheimatField input[name="LBLGheimat"]{width:71%;text-align:right; font-size:12px; direction:rtl; padding:0 5px 0 0;background: #b1e1e1;}
.KantinerField .RowTitle{width:40%;font-size:16px;border: 1px gray double;height:61px;background:#b1e1e1;padding:20px 0;float: inline-start;}

.FaravardehaTitle .CollTitle{width: 21.7%;height: 62px;background: #b1e1e1;padding: 18px 0;}
.FaravardehaTitle div[id="ColGostGosfandi"]{padding: 10px 0;}
.FaravardehaTitle .CollTitle:first-child{width: 32%;height: 62px;background: #b1e1e1;padding: 20px 0;}

.NiazArziTitle .CollTitle{width: 21.7%;height: 62px;background: #b1e1e1;padding: 18px 0;}
.NiazArziTitle div[id="ColGostGosfandi"]{padding: 10px 0;}
.NiazArziTitle .CollTitle:first-child{width: 32%;height: 62px;background: #b1e1e1;padding: 20px 0;}

.NiazArziTitle .RowTitle{width:32%;font-size:11px;border: 1px gray double;height:35px;background:#b1e1e1;padding:4px 0;float: inline-start;font-weight: 800;}
.NiazArziTitle input{width:22%;text-align:center; font-size:11px; direction:ltr;font-weight: 800;}

.NiazArziJamTitle {width: 49%;}
.NiazArziJamTitle .CollTitle{width: 100%;
    background: #b1e1e1;
    height: 34px;
    padding: 0;
    margin: 4px 0;}
.NiazArziJamTitle input{width:100%;background: #b1e1e1;font-size:16px; font-weight:800;
    background: #b1e1e1;
    height: 34px;
    padding: 0;
    margin: 4px 0;}
.NiazArziJamTitle div[id="JamNiazCollTitle"]{width:100%;padding: 10px 0;}

.KantinerField .CollTitle{width: 13.9%;height: 62px;background: #b1e1e1;padding: 1px 0;}
.SabtMojodi .RowTitleMulti{width:35%;font-size:14px;border: 1px gray double;background:#b1e1e1;padding:4px 0;float: inline-start;}
.SabtMojodi .RowTitleMultiSide:first-child{width:55%;float: inline-start;}
.SabtMojodi .RowTitleMultiSide{width:30%;float: inline-start;}
.SabtMojodi .RowTitleMain{float: inline-start; text-align:right;height:45px;padding:10px 10px 0 0;}
.SabtMojodi .RowSubTitle{width:100%;float: inline-start; text-align:right; border: 2px #c2c2c200 double; margin: 2px 0;}
.kantrowcolor{border: 1px #22d1f2 double;padding: 5px 2px;}
.KantRowSpace{margin-top:4px;}



}