/* #menuHeaderCarrer{
	color: #12048A;
	
	height: auto;
	width: 100%;
	float: right;
} */

/* 
nav{
	position: relative;
	margin: 0px auto 0px;
	width: 70%;
	height: 50px;
	font-size: 0px;
}
nav a{
	font-size: 15px;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 50px;
	position: relative;
	z-index: 1;
	display: inline-block;
	text-align: center;
}

nav .animation{
	position: absolute;
	height: 100%;
	top: 0;
	z-index: 0;
	background: #1abc9c;
	width: 100px;
	border-radius: 8px;
	transition: all .5s ease 0s;
}

a:nth-child(1){
	width: 100px;
	
}
a:nth-child(1):hover{
	font-weight: bold;
}
nav .start-home,a:nth-child(1):hover~.animation{
	width: 100px;
	left: 0px;
}


a:nth-child(2){
	width: 110px;
}
a:nth-child(2):hover{
	font-weight: bold;
}
nav .start-contact,a:nth-child(2):hover~.animation{
	width: 110px;
	left: 100px;
	
}

a:nth-child(3){
	width: 140px;
}
a:nth-child(3):hover{
	font-weight: bold;
}
nav .start-administration,a:nth-child(3):hover~.animation{
	width: 140px;
	left: 210px;
}

a:nth-child(4){
	width: 100px;
}
a:nth-child(4):hover{
	font-weight: bold;
}
nav .start-admission,a:nth-child(4):hover~.animation{
	width: 100px;
	left: 350px;
}
a:nth-child(5){
	width: 140px;
}
a:nth-child(5):hover{
	font-weight: bold;
}
nav .start-result,a:nth-child(5):hover~.animation{
	width: 140px;
	left: 450px;
}
a:nth-child(6){
	width: 90px;
}
a:nth-child(6):hover{
	font-weight: bold;
}
nav .start-gallery,a:nth-child(6):hover~.animation{
	width: 90px;
	left: 590px;
}
a:nth-child(7){
	width: 100px;
}
a:nth-child(7):hover{
	font-weight: bold;
}
nav .start-career,a:nth-child(7):hover~.animation{
	width: 100px;
	left: 680px;
} */

.careerPageMiddleOutter{
	width: 100%;
	margin-top: 180px;
}
.careerPageMiddle{
	width: 65%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 20px;
	border-radius: 10px;
}
.careerPageTable{
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	float: right;
	margin-top: 40px;
	margin-bottom: 20px;
	padding-bottom: 30px;
	border-radius: 10px;
	background-color:#FFFFFF;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0, 0.19);
}

.careerPageTitle{
	width: 100%; 
	height: auto; 
	text-align: center; 
	font-size: 30px; 
	font-weight: bold; 
	color:#DC800C;
	font-family: "Algerian", Monaco, monospace;
	margin-top: 10px;
}

.careerIntroText{
	width: 90%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	padding-left: 20px;
	padding-top: 5px;
	font-family: "Lucida Console", Monaco, monospace;
	color: #020447;
	font-size: 14px;
	text-align: center;
}
.careerBiodata{
	width: 100%;
	height: auto;
	margin-top: 20px;
	float: right;
}

.careerBiodataInner{
	width: 90%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}


.employmentDesired{
	width: 100%;
	height: auto;
	float: right;
}
.employmentDesiredInner{
	width: 90%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 2px dashed#555;
	border-top: 2px dashed#555;
	margin-top: 15px;
	display: grid;
}
.qualification{
	width: 90%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 2px dashed#555;
	margin-top: 10px;
}

.careerBiodataLeft{
	width: 65%;
	height: auto;
	float: left;
}
.rowStyle{
	width: 45%; 
	height: 100%; 
	float: left;
}
.careerBiodataRight{
	width: 35%;
	height: auto;
	float: right;
	margin-top: 50px;
}
.careerTitle{
	width: 90%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: bold;
	font-size: 14px;
	color:#5A5757;
}
.careerTitle2{
	width: 80%;
	height: auto;
	margin-top: 5px;
	margin-left: 5px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: bold;
	font-size: 14px;
	color:#777272;
	margin-bottom: 0;
}
.careerTextBox{
	border-width: thin;
	border-color:#777272;
	width: 90%;
	height: 30px;
	margin-top: 0;
	border-radius: 5px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 16px;
	color: #777272;
	box-sizing: border-box;
	padding: 2px 10px;
}
.employmentRow{
	width: 100%;
	 height: auto; 
}

.submitForm{
	display: block;
	width: 200px;
	height: 60px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background: #333;
	color: #fff;
	font-size: 15px;
	font-family: "Open sans",sans-serif;
	text-transform: uppercase;
	font-weight: 300;
	border-radius: 10px;
	cursor: pointer;
}
.lineDivider{
	width: 80%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 2px dashed#555;
	margin-top: 20px;
	margin-bottom: 10px;
}
.candidateNamesGroup{
	border-width: thin;
	border-color:#777272;
	width: 90%;
	height: 25px;
	margin-top: 0;
	border-radius: 5px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 16px;
	color: #777272;
}
.setApplicantSubmit{
	display: block;
	width: 95%;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background: #333;
	color: #fff;
	font-size: 15px;
	font-family: "Open sans",sans-serif;
	text-transform: uppercase;
	font-weight: 300;
	border-radius: 10px;
	cursor: pointer;
}
.candidateTextBox{
	width: 90%;
	height: 13px;
	margin-top: -5px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color:#000000;
	margin-left: 5px;
	border-bottom-style: dotted;
	border-bottom-width: thin;
	border-bottom-color: #777272;
}
.candidateTitle2{
	width: 80%;
	height: auto;
	margin-left: 5px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: bold;
	font-size: 14px;
	color:#777272;
	margin-bottom: 0;
}
.candidateTitle{
	width: 100%;
	height: auto;
	margin-left: 5px;
	margin-top: 5px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: bold;
	font-size: 11px;
	color:#000000;
}
.candidateDesiredInner{
	width: 95%;
	height: auto;
	margin-left: 2.5%;
	margin-right: 2.5%;
	border-bottom: 3px dashed#555;
	border-top: 3px dashed#555;
	padding-bottom: 10px;
	margin-top: 10px;
	float: right;
}

.candidateQualification{
	width: 95%;
	height: auto;
	margin-left: 2.5%;
	margin-right: 2.5%;
	border-bottom: 2px dashed#555;
	margin-top: 10px;
	float: right;
	padding-bottom: 10px;
}


.candidateApplicarionTitle{
	width: 100%;
	height: auto;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: bold;
	font-size: 18px;
	color:#000000;
	text-align: center;
}
.candidateApplicarionTitle2{
	width: 100%;
	height: auto;
	margin-top: -5px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: bold;
	font-size: 16px;
	color:#000000;
	text-align: center;
}

.candidateOtherText1{
	margin-left: 5px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color:#000000;
	padding: 3px;
	font-weight: bold;
}

.candidateOtherText2{
	margin-left: 5px;
	height: 15px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color:#000000;
	border-bottom-style: dotted;
	border-bottom-width: thin;
	border-bottom-color: #777272;
}


.candidateRemark{
	width: 95%;
	margin-right: 2.5%;
	margin-left: 2.5%;
	height: 20px;
	border-bottom-style:dashed;
	border-bottom-width: thin;
	border-bottom-color: #777272;
}

.authorizeText{
	width: 80%;
	height: auto;
	margin-top: 2px;
	margin-left: 5px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	color:#777272;
	margin-bottom: 0;
}


@media only screen and (max-width:600px){

	.careerPageMiddleOutter{
		margin-top: 120px;
	}
	.careerPageMiddle{
		width: 95%;
	}
	.careerBiodataInner{
		display: flex;
		flex-direction:column-reverse;
		align-items: center;

	}
	
	.careerBiodataLeft{
		width: 100%;
		
	}
	.careerBiodataRight{
		margin-top: 10px;
		margin-bottom: 20px;
	}
	.careerTitle2{
		font-size: 12px;
	}
	.careerTitle{
		font-size: 12px;
	}
	.rowStyle{
		width: 100%; 
	}
	.employmentRow{
		 display: flex; 
		 flex-direction: column; 
	}
}