@charset "utf-8";
@font-face {
 font-family: 'irsans';
 src:url('irsans.eot');
 src:url('../fontweb/iransans.eot?#iefix') format('embedded-opentype'),
 url('../fontweb/irsans.woff') format('woff'),
 url('../fontweb/irsans.ttf') format('truetype'),
 url('../fontweb/irsans.svg#irsans') format('svg');
 font-weight: normal;
 font-style: normal;
}
*
{
	margin: 0px;
	padding: 0px;
}
li
{
	display: inline;
}
a
{
	text-decoration: none;
}
/*  color  */
.backgroundWhite{background-color: white;}
.backgroundBlue{background-color: rgb(51,121,255);}
.backgroundBlueLight{background-color: rgb(141,189,216);}
.backgroundGreen{background-color: rgb(0,200,83);}
.backgroundOrange{background-color: rgb(255,152,0);}
.backgroundGray{background-color: rgb(120,120,120);}
.backgroundGrayLight{background-color: rgb(200,200,200);}
.backgroundDefault{background-color:rgb(230,230,230);}
.backgroundRed{background-color: rgb(255,102,102);}
.colorBlue{color: rgb(51,121,255);}
.colorWhite{color: white;}
.colorRed{color:rgb(255,102,102);}
.colorGray{color: gray;}
.margin{margin: .5%;}
.alignLeft{text-align: left;}
.centerAlign{margin: 0px auto;}
/*  color  */
body
{
	direction: rtl;
	font-family: 'irsans';
	font-size: small;
}
input , select
{
	border-radius: 5px;
	background-color: white;
	color: rgb(120,120,120);
	font-family: 'irsans';
	border:none;
}
input:focus , select:focus { outline: none; }
table
{
	padding: 1%;
}
table thead tr td
{
	background-color: rgb(180,180,180);
	color: white;
}
table tr td
{
	padding:.8% 1%;
	text-align: center;
	color: rgb(120,120,120);
}
table tr:nth-child(even){background-color: #f2f2f2;}
.secenderyBody{overflow: hidden;position: relative;top: 11em;}
.inputBody{overflow: hidden;position: relative;top: 10em;}
.button
{
	width:25%;
	height: 2em;
	line-height: 2em;
	border-radius: 5px;
	text-align: center;
	margin: 1% 0px;
	/*margin-top: 3em;*/
	cursor: pointer;
	transition:all .5s;
}
.button:hover
{
	opacity: .5;
}
.panelTopManager .btnSelect
{
	width:70px;
	height: 2em;
	line-height: 2em;
	border-radius: 100px;
	text-align: center;
	cursor: pointer;
	transition:all .5s;
}
.panelTopManager .tag {
	margin: .5em 0px;
	margin-left: .5%;
	padding: 4px 2%;
	width: 8%;
	line-height: 1em;
	transition: .5s;
}
.panelTopManager .tag:hover {
	opacity: .5;
}
/* start squared checkbox */
.butCheckbox
{
	width: 15px;
	height: 15px;
	overflow: hidden;
	padding: .1em;
	position: relative;
	right: 0;
	float: right;
}
.butCheckbox input
{
	z-index: 50;
	position: relative;
	float: right;
	opacity: 0;
	margin: 0px;
}
/*Create the box for the checkbox*/
.butCheckbox label
{
	cursor: pointer;
	position: absolute;
	border:1px solid rgba(120,120,120,.5);
	border-radius: 2px;
	/*margin: 0px auto;*/
	width: 15px;
	height: 15px;
	left: 0;
	top: 0;
	z-index: 49;
  	display: block;
}
/*Display the tick inside the checkbox*/
.butCheckbox label:after
{
	opacity: 0.2;
	content: '';
	position: absolute;
	width: 5px;
	height: 3px;
	background: transparent;
	top: 3px;
	left: 5px;
	border: 3px solid #333;
	border-top: none;
	border-left: none;
	border-right: none;
	transition: transform .5s;
}
/*Create the hover event of the tick*/
.butCheckbox input[type=checkbox]:hover + label:after {opacity: 1;}
.butCheckbox input[type=checkbox]:hover {cursor: pointer;}
/*Create the checkbox state for the tick*/
.butCheckbox input[type=checkbox]:checked + label {background-color: rgb(51,121,255);border:none;}
.butCheckbox input[type=checkbox]:checked + label:after
{
	transform: rotate(-45deg);
	border-left: 3px solid #fff;
	border-bottom: 3px solid #fff;
	left: 4px;
	opacity: 1;
}
.lblCheckBox{float: right; margin-top: 15px; margin-right: 5px;}
/* end squared checkbox */
/*login*/
#login , #loginAsker
{
	background-color: rgb(230,230,230);
}
#loginAsker{
	text-align: center;
}
#loginInlineAsker{
	padding: 0px 20%;
	padding-top: 3em;
	overflow: hidden;
	position: absolute;
	width: 100%;
	box-sizing: border-box;
}
#loginAsker .login{
	width: 47%;
	margin: 10% 0px 1em 0px;
}
#loginAsker .submitBoxLogin{
	clear: both;
	width: 100%;
}
#loginAsker .submitBoxLogin input{
	background-color: rgb(230,230,230);
	border:none;
	text-align: center;
	float: right;
	margin-top: 1em;
}
.captcha{
	background-color: rgb(230,230,230);
	width: 20%;
	height: 3em;
	border-radius: 3px;
	color: white;
	margin: 1em 1%;
}
.captcha img{
	width: 100%;
	height: 3em;
}
.loginHeader
{
	width: 100%;
	height: 40%;
	top: 0;
	background-image: url("../img/backgroundheader2.jpg");
	background-size: 100% 100%;
	position: absolute;
	background-color: rgb(51,121,255);
	text-align: center;
	color: white;
	z-index: 900;
}
#loginAsker .loginHeader{
	background-image: url("../img/backgroundheader.jpg");
}
.loginHeader p
{
	font-size: large;
	margin-top: 5%;
}
.login
{
	width: 30%;
	background-color: rgb(255,255,255);
	color: rgb(120,120,120);
	padding: 1% 3%;
	box-sizing: border-box;
	margin: 0px auto;
	margin-top: 10%;
	z-index: 901;
	position: relative;
	text-align: center;
	overflow: hidden;
}
.loginText
{
	text-align: center;
	margin: 2% 0px;
	margin-top: 0px;
	font-size: large;
}
.showPassword
{
	margin-top: 0%;
	margin-right: 1%;
	font-size: .8em;
}
.login .button
{
	margin-top: 1em;
	margin-right: 2%;
}
/*login*/
/*start menu top main*/
.menuTop
{
	width: 100%;
	height: 2.2em;
	line-height: 2.2em;
	box-sizing: border-box;
	background-color: rgb(230,230,230);
	color: rgb(51,51,51);
	position: fixed;
	overflow: hidden;
	z-index: 1001;
}
.menuTop ul
{
	float: right;
	width: 50%;
	overflow: hidden;
	margin-right: 1%;
}
.menuTop ul li
{
	height: 2.5em;
	line-height: 2.5em;
	float: right;
	padding: 0px 1%;
	cursor: pointer;
	transition:color 300ms;
	color: rgb(51,51,51);
}
.menuTop ul li:hover
{
	color: rgba(51,51,51,.5);
}
.menuTop .menuIconLeft
{
	width: 7em;
	float: left;
	box-sizing: border-box;
}
.menuTop .menuIconLeft img
{
	width: 1.5em;
	margin: 0px 1%;
	margin-top: .35em;
	cursor: pointer;
	transition:all 300ms;
}
/*end menu top main*/
/*start sidebar top*/
.sidebarTop
{
	width: 100%;
	height: 4em;
	box-sizing: border-box;
	background-color: rgb(51,51,51);
	color: rgb(230,230,230);
	position: fixed;
	z-index: 1001;
	top:2.2em;
}
.sidebarTop>p
{
	width: 40%;
	line-height: 4em;
	margin: 0px 2%;
}
.sidebarTop .searchMain
{
	width: 35%;
	height: 4em;
	line-height: 4em;
	/*border-radius: 5px;*/
	background-color: rgb(80,80,80);
	float: left;
	/*margin: .75em 0px; */
}
.sidebarTop .searchMain img
{
	float: right;
	width: 3em;
	margin: .6em;
}
.sidebarTop .searchMain>input
{
	width: 50%;
	padding:0px 1%;
	box-sizing: border-box;
	background-color: rgb(80,80,80);
	height: 2em;
	color: rgb(230,230,230);
}
.sidebarTop .searchMain>select
{
	float: left;
	width: 30%;
	margin: 1em;
}
/*end sidebar top*/
/*start reports*/
.reportMainRight {
	width: 60%;
	overflow: hidden;
	float: right;
	position: relative;
	top: 0;
	margin-right: 1%;
}
.reportBox
{
	width: 32.2%;
	border-radius: 2px;
	box-sizing: border-box;
	padding: 1%;
	margin: .5%;
}
.reportBox p
{
	margin: .1em 0px;
}
.circleReportMain
{
	float: right;
	width: 70em;
	overflow: hidden;
	clear: right;
}
.circleReportBox
{
	width: 10em;
	height: 10em;
	line-height: 2em;
	color: white;
	border-radius: 50%;
	box-sizing: border-box;
	text-align: center;
	margin: 2% 4.5%;
	padding: 3em 0px;
}

.aheadCheckList
{
	width: 37%;
	border-radius: 2px;
	padding: 1%;
	margin:.2em .5%;
	margin-left: 1%;
	position: relative;
	top: 0;
	background-color: rgb(230,230,230);
	float: left;
	box-sizing: border-box;
}
.aheadCheckList>p
{
	color: rgb(120,120,120);
	/*font-weight: bold;*/
}
.aheadCheckList .aheadCheck
{
	width: 100%;
	height: 4em;
	border-radius: 2px;
	background-color: white;
	padding: .5em;
	margin: .5em 0px;
	box-sizing: border-box;
	color: rgb(120,121,120);
	position: relative;
}
.aheadCheckList .aheadCheck .btnMore{
	margin-top: .3em;
	margin-left: -1em;
}
.aheadCheckList .aheadCheck .btnMore img{
	width: 5px;
	height: 20px;
}
.aheadCheckList .aheadCheck img
{
	height: 3.2em;
	float: right;
}
.aheadCheckList .aheadCheck p
{
	float: left;
	clear: left;
	margin:0px 1%;
    margin-left: 4%;
}
/*end reports*/
/*start panel top manager*/
.panelTopManager
{
	padding:1% 2%;
	box-sizing: border-box;
	overflow: hidden;
	position: fixed;
	background-color: rgba(230,230,230,.9);
	width: 100%;
	height: 4.4em;

	z-index: 1001;
	top: 6.2em;
	/*box-shadow: 5px 2px 5px rgb(230,230,230);*/
}
.panelTopManager p
{
	height: 3em;
	line-height: 3em;
}
.buttonManager
{
	width: 2em;
	height: 2em;
	border-radius: 2px;
	padding:.45em .4em;
	box-sizing: border-box;
	margin: .2em;
	cursor: pointer;
	transition: .5s;
}
.buttonManager:hover
{
	opacity: .5;
}
.buttonManager img
{
	width: 1.1em;
}
/*end panel top manager*/
/*start record design*/
.recordMaterials
{
	width: 100%;
	border-top: 1px solid rgb(230,230,230);
	padding: 0px 1%;
	box-sizing: border-box;
	padding-bottom: 1%;
	clear: both;
	overflow: hidden;
	position: relative;
}
.recordMaterials .inlineMaterials , .recordShowResult
{
	overflow: hidden;
	position: relative;
}
.recordMaterials .inlineMaterials>img
{
	width: 5em;
	height: 5em;
	line-height: 5em;
	text-align: center;
	border-radius: 50%;
	right: 1%;
	position: absolute;
	z-index: 1000;
	top: 50%;
	transform: translateY(-50%);
}
.recordMaterials>table
{
	clear: both;
	width: 100%;
}
.recordMaterials>table tr td table{
	width: 100%;
}
.recordMaterials>table tr td table tr td{
	background-color: white;
	width: 11%;
}
.recordMaterials>table tr td table tr .tdMom{
	width: 1%;
	background-color: rgb(200,200,200);
}
.tdDes{
	width: 20%;
	background-color: rgb(230,230,230);
	color: rgb(51,51,51);
}
.tdQuantity{
	width: 15%;
	background-color: rgb(200,200,200);
	color: white;
}
.recordMaterials table tr td{
	position: relative;
}
.recordMaterials table tr td .butCheckbox{
	position: absolute;
	top: 30%;
	right: 35%;
}
.imageResult
{
	width: 3em;
	height: 3em;
	top: 50%;
	transform: translateY(-50%);
	line-height: 3em;
	float: right;
	z-index: 1000;
	position: absolute;
	right: 2em;
}
.inlineShowResult
{
	right: 5em;
	overflow: hidden;
	position: relative;
}
.recordMaterials .inlineMaterials .contentRecord
{
	width: calc(100% - 8em);
	position: relative;
	margin-right: 7em;
}
.labelFixed , .labelSmall , .labelFixedLarge
{
	color: rgb(51,51,51);
	margin: 0em 1% 0px 1%;
	width: 25%;
	padding: .5em 0px;
	/*background-color: red;*/
	overflow: hidden;
}
.labelFixedLarge{width: 50%; margin: 1em 0px;}
.labelSmall{width: 10%;}
.labelFixed label{margin: 0px .5%;}
.recordMaterials .butCheckbox
{
	position: absolute;
	top: 50%;
	/*transform: translateY(-50%);*/
	/*background-color: red;*/
}
.moreBox
{
	width: 10em;
	padding: .5em 0px;
	border-radius: 5px;
	background-color: rgb(230,230,230);
	position: fixed;
	left: 2.4%;
	z-index: 1000;
	box-shadow: 4px 6px 73px -9px rgb(150,150,150);
	display: none;
}
.moreBox ul li
{
	padding:.5em 1em;
	display: block;
	color: rgb(120,120,120);
	cursor: pointer;
}
.moreBox ul li:hover
{
	background-color: rgb(210,210,210);
}
.tag
{
	border-radius: 100px;
	height: 1em;
	line-height: 1em;
	text-align: center;
	padding:1% 3%;
	margin: .5%;
	margin-right: 2%;
}
.btnMore
{
	width: 2em;
	height: 2em;
	line-height: 2.5em;
	text-align: center;
	border-radius: 50%;
	left: 0;
	position: absolute;
	cursor: pointer;
	transition: .5s;
	z-index: 1000;
	top: 50%;
	transform: translateY(-50%);
}
.recordMaterials .inlineMaterials .btnMore:hover
{
	/*opacity: .5;*/
	background-color: rgb(200,200,200);
}
.recordMaterials .inlineMaterials .btnMore>img
{
	height: 1em;
}
/*end record design*/
/*start input box*/
.inputBox
{
	width: 100%;
	background-color: rgb(230,230,230);
	overflow: hidden;
	padding: 1% 20%;
	margin-bottom: 3%;
	box-sizing: border-box;
}
.inputBox .inlineInput
{
	width: 49%;
	margin: 1em 0px;
	/*background-color: red;*/
}
.inputBox .button
{
	width: 15%;
	/*margin-left: 2.5%;*/
}
.inputBox .inlineInput>label , .inputBox .lblFixedDiscription
{
	width: 30%;
	float: right;
	text-align: left;
	padding-left: 1em;
	color: rgb(120,120,120);
	line-height: 2.5em;
	margin: .5em 0px;
}
.inputBox .lblFixedDiscription{width: 15%;}
.inputBox .normalInput , .inputBox .normalSelect , .inputBox .inputFixed
{
	background-color: white;
	width: 65%;
	height: 2.5em;
	line-height: 2.5em;
	margin: .5em 0px;
}
.inputBox .inputFixed{width: 81%;}
.inputBox .normalSelect{float: left; margin:.5em 0px .5em 1.2%;}
.inputBox .yearSelect
{
	width: 20%;
	float: left;
	margin:.8em 1%;
}
.inputBox .yearSelectBig
{
	width: 24%;
	margin: 0px 1%;
}
.inputBox .radioButtom
{
	float: right;
	width: 65%;
	color: rgb(51,51,51);
}
.inputBox .customRadio
{
	width: 50%;
	margin-top: 1em;
}
/*end input box*/
/*start isactive*/
.isactive
{
	position: absolute;
	top: 60%;
	right: 5%;
}
/*start isactive*/
/*start sidbar left*/
.sidebarLeft
{
	width: 25%;
	height: 100%;
	float: left;
	left: 0;
	position: fixed;
	z-index: 10001;
	background-color: rgb(230,230,230);
	color: rgb(120,120,120);
	box-shadow: 2px 2px 10px rgb(200,200,200);
	box-sizing: border-box;
	overflow: auto;
	display: none;
}
.sidebarLeft>p
{
	height: 3em;
	line-height: 3em;
}
.sidebarLeft .headerTop
{
	width: 100%;
	/*height: 12em;*/
	padding:1%;
	background-color: white;
	/*margin-bottom: .5em;*/
	text-align: center;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
}
.sidebarLeft .headerTop img
{
	width: 50%;
}
.sidebarLeft .btnClose
{
	width: 20px;
	height: 20px;
	float: right;
	position: absolute;
	top: 10px;
	right: 5px;
	cursor: pointer;
}
.sidebarLeft .btnClose img
{
	width: 100%;
	height: 100%;
}
.sidebarLeft .attendanceRecord
{
	width: 100%;
	padding: 2%;
	box-sizing: border-box;
	min-height: 5em;
	/*margin-bottom: .5em;*/
	display: inline-block;
	background-color: rgb(250,250,250);
	overflow: hidden;
	border-radius: .2em;
}
.sidebarLeft .inlineSidebar
{
	padding: 0px 3%;
}
.sidebarLeft .attendanceRecord img
{
	width: 40px;
	height: 40px;
	margin:0px 2%;
	margin-top: 1em;
	float: right;
}
.sidebarLeft .attendanceRecord p
{
	color: rgb(120,120,120);
}
/*end sidebar left*/
/*start input attendance*/
#attendanceInput
{
	z-index: 0;
	top: -5em;
	position: relative;
}
/*end input attendance*/
/*start weekdays*/
.weekDays
{
	width: 100%;
	border-radius: 5px;
	padding: 1% 3%;
	box-sizing: border-box;
	background-color: white;
	float: right;
}
.weekDays>label
{
	width: 31.3%;
	height: 2em;
	line-height: 2em;
	border-radius: 5px;
	background-color: rgb(230,230,230);
	text-align: center;
	margin: 1%;
	float: right;
	cursor: pointer;
	color: rgb(120,120,120);
}
.weekDays .friday
{
	width: 98%;
}
/*end weekdays*/
/*start skill box*/
.skillBox
{
	width: 100%;
	overflow: hidden;
}
.skillBox .inlineSkill
{
	margin: 1em 0px;
	overflow: hidden;
}
.skillBox .inlineSkill .numberSkill
{
	width: 2em;
	height: 2em;
	border-radius: 50%;
	background-color: rgb(115,208,253);
	text-align: center;
	line-height: 2em;
	color: white;
	float: right;
	margin-top: .9em;
	clear: both;
}
.skillBox .inlineSkill .inputSkill
{
	width: 85%;
	padding: .5em;
	background-color: rgb(224,220,220);
	border-radius: 5px;
	color: rgb(120,120,120);
	float: right;
	margin: 0px 1%;
}
.skillBox .inlineSkill .inputSkill>input
{
	width:22%;
	padding: .5%;
	text-align: center;
	color: rgb(120,120,120);
	margin: .5% 1%;
}
.skillBox .inlineSkill .deleteSkill
{
	width: 2.5em;
	height: 2.5em;
	text-align: center;
	line-height: 2em;
	border-radius: 5px;
	background-color: rgb(255,102,102);
	float: right;
	padding:.6%;
	box-sizing: border-box;
	margin-top: .7em;
	cursor: pointer;
}
.skillBox .inlineSkill .deleteSkill img
{
	width: 100%;
}
/*end skill box*/
/*start input fit for search*/
.inputBoxFitForSearch
{
	width: 100%;
	overflow: hidden;
	margin: 1em 0px;
}
.inputBoxFitForSearch>label
{
	width: 20%;
	float: right;
	/*text-align: left;*/
	padding: 0px 1%;
	box-sizing: border-box;
	margin-top: .5em;
}
.inputBoxFitForSearch>input
{
	width: 80%;
	padding: .5em;
	float: right;
	box-sizing: border-box;
}
.inputBoxFitForSearch>select
{
	width: 80%;
	padding: .5em;
	box-sizing: border-box;
}
.resultSearch
{
	width: 100%;
	padding: 2%;
	box-sizing: border-box;
	border-radius: 5px;
	background-color: white;
	overflow: hidden;
}
.resultSearch .recordShowResult{border-bottom: 1px solid rgb(230,230,230); overflow: hidden; padding-bottom:.5em;}
.resultSearch .labelFixed{font-size: .9em;}
.resultSearch .label15Percent{width: 15%;}
.resultSearch .radioButtom{float: right;width: 1.7em;}
.resultSearch .radioButtom
{
	top: 50%;
	position: absolute;
	transform: translateY(-50%);
}
#reportAttendanceSearch{
	background-color: rgb(230,230,230);
	margin-bottom: 1em;
}
#reportAttendanceSearch .recordShowResult{
	border-bottom: 1px solid rgb(210,210,210);
	padding-bottom: 1em;
}
/*end input fit for search*/
/*start payment method*/
#paymentMethod
{
	width: 100%;
	background-color: rgb(236,236,236);
	border-radius: 5px;
	padding: 2%;
	box-sizing: border-box;
	clear: both;
	overflow: hidden;
	position: relative;
}
#paymentMethod .labelFixedRed , .labelFixedGray
{
	padding: .5%;
	text-align: center;
	color: rgb(255,102,102);
	font-size: large;
	margin: 0px 1%;
	width: 17%;
}
#paymentMethod .labelFixedGray{color: rgb(120,120,120);}
#paymentMethod .yearSelect
{
	width: 10%;
}
#btnCash {
	border-radius: 20px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	color: gray;
	background-color: rgb(51,150,255);
	color: white;
}
#btnCheck {
	border-radius: 20px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	color: gray;
}
#checkPayment{display: none;}
.selectBank
{
	width: 10em;
	margin:0px auto;
	position: relative;
	background-color: rgb(220,220,220);
	padding: 1%;
	border-radius: 5px;
	margin-bottom: 1em;
}
.selectBank .banksIcons{text-align: center;position: relative;}
.selectBank .banksIcons img{width: 50%;margin-bottom: .5em;}
.selectBank .changeButtonBank
{
	position: absolute;
	top: 50%;
	transform: translateY(-70%);
	padding: 0px 5%;
	cursor: pointer;
	transition: .5s;
}
.selectBank .changeButtonBank:hover{opacity: .5;}
.selectBank .changeButtonBank img
{
	height: 2em;
}
.selectBank #nextBank{right: 0;}
.selectBank #prevBank{left: 0;}
.selectBank>select{width: 100%;margin-bottom: .5em;}
#dateCheck{width: 30%;position: absolute;top: 20px;}
#dateCheck .yearSelect{width: 25%;float: right;}
#checkNumber{top: 20px;left: 15px;position: absolute;}
#checkNumber>input{padding: .5em; margin-top: .5em;}
#paymentMethod .normalInput{width: 100%;}
/*end payment method*/
/**/
/*start popup box*/
.popupBox
{
	width: 50%;
	background-color: white;
	display: none;
}
.changeCardPopupBox
{
	width: 100%;
	height: 100%;
	border:2px dashed rgb(180,180,180);
	padding: 10%;
	text-align: center;
	font-size: x-large;
	box-sizing: border-box;
	background-color: rgb(220,220,220);
}
/*end popup box*/
/*label normal*/
.normalLabel
{
	width: 7%;
	padding: 1%;
}
.normalLabelBig
{
	width: 100%;
}
.skillResultInRegister
{
	border-bottom: 1px solid rgb(230,230,230);
	overflow: hidden;
	padding: .5em 0px;
}
.skillResultInRegister .butCheckbox
{
	margin-top: .8em;
	margin-left: 3%;
}
.skillResultInRegister>.tag
{
	margin-right: 0px;
	margin-left: 2%;
}
.skillResultInRegister>select
{
	width: 20%;
	background-color: rgb(230,230,230);
	padding: .5%;
}
/*start loading div*/
#loadingDiv img
{
	width: 7%;
	margin: 0px auto;
	display: block;
}
/*end loading div*/
/*start report exam in register*/
.reportExams
{
	clear: both;
	margin:15px .5%;
	float: right;
	cursor: pointer;
	margin-bottom: 1em;
}
.lblShowReportExam{
	margin-top: 12px;
}
.btnPlusShowReportExam
{
	width: 15px;
	height: 15px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background: linear-gradient(to bottom, transparent 35%, rgb(120,120,120) 35%, rgb(120,120,120) 65%,  transparent 65%),
	  linear-gradient(to right, transparent 35%, rgb(120,120,120) 35%, rgb(120,120,120) 65%, transparent 65%);
}
.btnPlusShowReportExam:hover{
	opacity: .5;
}
.reportExams .btnNegativeShowReportExam
{
	width: 15px;
	height: 15px;
	transform: rotate(45deg);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background: linear-gradient(to bottom, transparent 35%, rgb(120,120,120) 35%, rgb(120,120,120) 65%,  transparent 65%),
	  linear-gradient(to right, transparent 35%, rgb(120,120,120) 35%, rgb(120,120,120) 65%, transparent 65%);
}
.tblReportExams
{
	background-color: rgb(250,250,250);
	padding: 1%;
	border-radius: 5px;
	margin: 0px 2%;
}
.lblSkillInReportExam
{
	width: 10em;
	padding: .3em;
	line-height: 1em;
	height: 1em;
	margin: 0px;
	display: block;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}
.tblReportExams table
{
	width: 100%;
	box-sizing: border-box;
	border-radius: 5px;
}
.tblReportExams table tr td
{
	padding: .2%;
}

/*end report exam in register*/
/*start popup box*/
/*.popupBoxSecend{
	width: 70%;
	height: 500px;
	padding: 2%;
	border-radius: 3px;
	position: fixed;
	z-index: 3001;
	margin: 0px auto;
	background-color: red;
	display: block;
}*/
/*end popup box*/
.lblTitr{
	width: 100%;
	padding:0px 5%;
	text-align: right;
	font-size: large;
	display: block;
	overflow: hidden;
}
.lblTitr>.tag{
	/*width: 5em;*/
	padding: .2em 1%;
	font-size: small;
	margin: 0px;
	margin-right: 1%;
	margin-top: .4em;
}
/*start settings*/
.resultSettengs{
	width: 100%;
	padding: 1% 5%;
	box-sizing: border-box;
}
.resultSettengs .result{
	margin: .3em 0px;
	margin-right: 1%;
	width: 100%;
	height: 3em;
	overflow: hidden;
	padding: .5%;
	border-radius: 3px;
	background-color: rgb(240,240,240);
}
.resultAdd{
	background-color: rgb(220,220,220) !important;
}
.resultSettengs .result .bankIcon{
	width: 2.5em;
	height: 2.5em;
	margin-left: 3%;
	border-radius: 3%;
	margin-top: -.2em;
	padding: .5%;
}
.resultSettengs .result>label{
	/*width: 30%;*/
	height: 3em;
	line-height: 3em;
	float: right;
	color: rgb(51,51,51);
	text-align: right;
	margin: 0px 2%;
}
.resultSettengs .result .deleteIcon{
	width: 1.5em;
	float: left;
	margin-top: .7em;
	margin-left: 1%;
}
.resultSettengs .result>.tag{
	margin-left: 2%;
	margin-top: 1.1em;
	background-color: transparent;
	padding: 0px;
}
.resultSettengs .result .btnPlusShowReportExam{
	margin: .8em 1% 0px 1%;
}
.resultSettengs .subsetResult{
	width: 100%;
	padding-right: 3%;
}
.resultSettengs .subsetResult .result{
	width: 97%;
}
#cityResult{
	padding: 1% 0px;
}
#cityResult .resultSettengs{
	padding: 0px 5%;
}
#reportsLogin .result{
	width: 100%;
}
.resultSettengs .result .labelTypeName{
	color: rgb(51,121,255);
	margin: 0px;
	margin-right: .5%;
}
#usersSetting .result{
	width: 100%;
}
.result .inputText,.selectInput{
	width: 20%;
	text-align: center;
	height: 2em;
	margin: 0px 1%;
	margin-top: .45em;
	float: right;
}
.result .selectInput{
	width: auto;
}
.result .btnOk{
	background-color: rgb(0,200,83);
	border-radius: 3px;
	text-align: center;
	padding:0px .5%;
	margin:0px 1%;
	margin-top: .7em;
	transition: .5s;
}
.result .btnOk:hover{
	opacity: .5;
}
.imageSmall{
	width: 5em;
}
#usernameShow{width: 100%; margin: 1em auto;}
#usernameShow .tag{padding: 0px 2%;margin: 0px;}
/* end settings*/
/*popup box small*/
.popupBoxSmall{
	width: 10em;
	background-color: rgb(230,230,230);
	text-align: center;
}
.popupBoxSmall img{
	float: right;
	width: 25% !important;
	height: 25%;
}
.popupBoxSmall .tag{
	width: 60%;
	padding:.2em .5em;
	float: left;
}
.popupBoxSmall .rowSelect{
	border-bottom: 1px solid white;
	margin: .5em 0px;
	transition: .5s;
	cursor: pointer;
}
.popupBoxSmall .rowSelect:hover{
	opacity: .5;
}
.popupBoxSmall div:last-child {
	border:none;
}
.popupBoxSmall::before{
	background-color: rgb(230,230,230);
}
/*popup box small*/
/*report attendace*/
#reportAttendance{overflow: hidden;position: relative;top: 8em; padding: 0px 3%;}
#reportAttendance select{background-color: rgb(230,230,230);margin:0px .5% 0px 1.5%;}
#reportAttendance table{
	width: 100%;
	background-color: rgb(230,230,230);
	margin: 1em 0px;
}
#reportAttendance table thead tr td{
	background-color: white;
	color: rgb(120,120,120);
	border-radius: 3px;
}
#reportAttendance table tbody tr td{
	background-color: rgb(240,240,240);
	border-radius: 3px;
}
/*report attenddace*/
/*asker applcicant*/
.profileAsker{
	width: 100%;
	box-sizing: border-box;
	top: 6em;
	position: relative;
	padding:2em 10%;
	background-color: rgb(230,230,230);
}
.profileAsker .profileImage{
	width: 5em;
	height: 5em;
	display: block;
	margin: 1em auto;
}
.profileAsker .tag{
	display: inline;
	height: 2em !important;
	line-height: 2em !important;
	padding: 0px 1%;
	margin: 0px;
}
.profileAsker .rightBox,.leftBox{
	width: 48%;
	float: right;
	background-color: white;
	margin: 1em 1%;
	border-radius: 5px;
}
.profileAsker .rightBox label , .leftBox label{
	width: 50%;
	display: block;
	float: right;
	margin: 1em 0px;
	padding: 0px 3%;
	box-sizing: border-box;
	color: rgb(120,120,120);
}
.box{
	width: 100%;
	padding: 2%;
	box-sizing: border-box;
	border-radius: 5px;
}
.imageGaleryBox{width: 100%;box-sizing: border-box;overflow: hidden;}
.imageGaleryBox div{width: 48%;margin:1em 1%;border-radius: 5px; float: right;text-align: center;padding: 1em 2%;box-sizing: border-box;background-color: white;}
.imageGaleryBox div img{width:40%;}
.imageGaleryBox div label{width: 100%;display: block;}
.profileAsker .box{
	width: 98%;
	margin: 0px  auto;
}
.askerTestInAskers{
	width: 100%;
	box-sizing: border-box;
	top: 6em;
	position: relative;
	padding:2em 0px;
	background-color: rgb(230,230,230);
}
.askerTestInAskers table{
	width: 100%;
}
.askerTestInAskers .divTableAskerTest{
	padding:1em 4%;
	box-sizing: border-box;
}
.askerTestInAskers table thead tr td{
	background-color: white;
	color: gray;
}
.askerTestInAskers table tbody tr td{
	border-bottom:1px solid rgb(200,200,200);
}
.askerTestInAskers .lblTypeInAskerTest{
	float: right;
	height: 2em;
	line-height: 2em;
	border-top-left-radius: 100px;
	border-bottom-left-radius: 100px;
	padding: 0px 1em;
}
/*asker register*/
.registerAsker{
	width: 100%;
	box-sizing: border-box;
	top: 6em;
	position: relative;
	padding:3em 3%;
	background-color: rgb(230,230,230);
}
.registerAsker input{background-color: rgb(230,230,230);margin:0px .5% 0px 1.5%;}
.registerAsker table{
	width: 100%;
	background-color: rgb(230,230,230);
	margin: 0px;
}
.registerAsker table thead tr td{
	background-color: white;
	color: rgb(120,120,120);
	border-radius: 3px;
}
.registerAsker table tbody tr td{
	background-color: rgb(240,240,240);
	border-radius: 3px;
}
.registerAsker>label{
	/*margin: 1em 2%;*/
}
.registerAsker .lblTitr{
	margin-right: 4% !important;
	margin-left: 1% !important;
	padding: 0px;
	display: inline;
	font-size: medium;
}
.registerAsker .lblTableName{
	margin: 0px 2%;
	font-size: large;
	color: rgb(120,120,120);
	margin-top: 3em;
}
.registerAsker .tag{
	padding: 0px 1%;
	margin: 0px;
}
.lblShowValue{

}
.panelInReportPages{
	width: 30%;
	overflow: hidden;
}
.panelInReportPages .tag{
	padding: 0px 2%;
	height: 2em;
	line-height: 2em;
}
.cheque-pass-btn , .cheque-reject-btn{
  cursor:pointer;
}