/*LOGIN AREA*/

	.main-section
	{
		width: 100%;
		height: 100vh;
		position: relative;
		padding-bottom: 4em;
		padding-top: 4em;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}

	.main-section:before
	{
		content: '';
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 0;
		top: 0;
		left: 0;
	}
	
	.exam-results-sections
	{		
		background-image: url(../images/background/password.jpg);		
	}

	.exam-results-sections::before{
		content: '';
		position: fixed;
		width: 100%;
		top: 0;
		left: 0;
		height: 100%;
		z-index: 0;
		background-color: rgba(0,0,0,.4);
		opacity: 1;
	}


	.results-sections
	{		
		background-image: url(../images/background/main.jpg);		
	}

	.results-sections::before{
		content: '';
		position: fixed;
		width: 100%;
		top: 0;
		left: 0;
		height: 100%;
		z-index: 0;
		background-color: rgba(0,0,0,.2);
		opacity: 1;
	}
	

	.login-screen
	{
		background-image: url(../images/background/login-screen-s.svg);
	}


	.box-image
	{		
		margin-bottom: 2em;
		background-image: url(../images/main/back_area.png);		
	}


	.basin-aciklamasi
	{
		width: 100%;
		padding:2rem;
		text-align:justify;
		font-size: 1.3em !important;
	}

	.basin-aciklamasi p
	{
		text-indent: 1em;
		width: 90%;

		text-align:justify;
		margin: 1em auto;
	}
	


/*LOGIN AREA*/


	.box-holder-area
	{
		width: 55em;
		height: 40em;
	}

	.box-holder-area .form-holder-area
	{
		width: 35em;
		height: 17em;
		background-color: transparent;
		margin-top: 2.5em;
		position: relative;
	}

	.form-holder-area .security-holder
	{
		width: 12em;
		height: 5em;
		background-color: #fff;
		border-radius: 15px;
		border:2px solid #eee;
		position: absolute;
		top: -4.5em;
		right: -2.4em;
	}

	.security-holder .header
	{
		width: 100%;
		height: 2em;
		text-align: center;
		color: #999;
		line-height: 2em;
		border-bottom:2px solid #eee;
	}

	.security-holder .text
	{
		width: 100%;
		height: 3rem;
		text-align: center;
		color: rgba(24, 49, 87,.6);
		font-size: 1.6em;
		font-weight: bolder;
		line-height: 3rem;
	}
	

	.form-holder-area .user-text-area
	{
		width: 100%;
		padding: .1em 1em;
		font-weight: bolder;
		color: #0094c8;
		font-size: 1.1em;
	}

	.user-text-area a
	{
		float: right;
		text-decoration: none;
		color: #333;
	}
	.red
	{
		color: #e3310d !important;
		font-weight: bolder;
	}

	.form-holder-area .form-area
	{
		width: 100%;
		min-height: 2em;
		padding: .5em 1em;
	}

	.form-area .input-holder
	{
		width: 100%;
		height: 3em;
		position: relative;
		background-color: transparent;
		margin:.5em auto;
		border:2px solid #eee;
	}

	.form-area .input-holder-radio
	{
		min-width: 30%;
		min-height: 3em;
		position: relative;
		background-color: transparent;
		margin:.5em auto;
		border:2px solid #eee;
	}

	.form-area .input-holder-error
	{
		width: 100%;
		min-height: .5em;
		color: #ff0000;
		text-align: center;
	}

	

	.form-area .input-holder-submit
	{
		background-color: #0094C8 !important;
		color: #fff !important; 
	}

	.form-area .input-holder input[type="password"],.form-area .input-holder input[type="text"],.form-area .input-holder input[type="submit"]
	{
		position: absolute;
		width: 100%;
		height: 100%;
		text-align: center;
		font-size: 1.6em;
		top: 0;
		left: 0;
		color: #333; 
		padding-left: 8rem;
		z-index: 999;
	}
	.form-area .input-holder input[type="submit"]
	{
		color: #fff !important; 
		cursor: pointer;
		padding-left: 0em;
	}

	.form-area .input-holder .label-area
	{
		width: 8em;
		border-right: 2px solid #eee;
		background-color: #183157;
		height: 2.8em;
		-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
padding-left: .6em;
position: relative;
z-index: 9999;
	}

	.form-area .input-holder .label-area span	
	{
		color: #fff;
		font-size: .88em;
	}
/*
User Profile Menu
 */

 	.activate-button{
		-moz-box-shadow		: 0px 1px 4px 0px rgba(25,25,25,.2);
	    -webkit-box-shadow	: 0px 1px 4px 0px rgba(25,25,25,.2);
	    box-shadow			: 0px 1px 4px 0px rgba(25,25,25,.2);  
	    cursor: pointer;

	}

	.activate-button:active{
		-moz-box-shadow		: 0px 1px 3px 0px #ddd !important;
	    -webkit-box-shadow	: 0px 1px 3px 0px #ddd !important;
	    box-shadow			: 0px 1px 3px 0px #ddd !important; 
	    opacity: .8;
	    transform: scale(.95);
	}

 	.user-profile-area
 	{
 		min-width: 4em;
 		height: 3em;
 		text-align: center;
 		line-height: 3em;
 		background-color: rgba(38, 155, 214,.5);
 		white-space: nowrap;
 	}



 	.user-profile-area .user-profile-name
 	{
 		position: relative;
 		min-width: 8em;
 		color: #fff;
 		padding:0 1.2em;
 		cursor: pointer;
 		white-space: nowrap;
 	}

 	.user-profile-area .user-profile-menu
 	{
 		width: 100%;
 		min-height: 3em;
 		background-color: #eee;
 		color: #333 !important;
 		display: none;
 		white-space: nowrap;
 		cursor: default !important;
 		border-top: 0; 
 	}


 	.user-profile-area-open .user-profile-menu
 	{
 		display: block !important;
 	}

 	.user-profile-area .user-profile-name span
 	{
 		margin-right: 1em;
 	}

 	.user-profile-area .user-profile-name i
 	{
 		position: absolute;
 		top: 50%;
 		right: 1em;
 		transform: translateY(-50%);
 	}

 	.user-profile-area .profile-button
	{
		width: 100%;
		height: 3em;
		line-height: 3em;
		text-align: center;
		text-align: left;
		overflow: hidden;
		padding: 0 .5rem 0 1em;
		color: #333;
		position: relative;
	}

	.user-profile-area .profile-button:active
	{
		background-color: #eee;
	}



/*
User Profile Menu
 */


/*
	FORM HOLDER
 */

 	.area-header-holder
 	{
 		width: 100%;
 		padding: .5em;
 		text-align: center;
 		border-bottom: 1px solid #ddd;
 		margin-bottom: .5em;
 	}

 	.area-header-holder span
 	{
 		font-size: 1.8em;
		font-weight: bold;
		color: #0066B1; 
 	}

 	.school-item
 	{
 		width: 100%;
 		padding: 1em;
 		background-color: #fcfcfc;
 		border-radius: 5px;
 		margin-bottom: 1em;

 	}

 	.school-item .school-name
 	{
 		width: 100%;
 		margin-bottom: .5rem;
 		padding-bottom: .5em;
 		text-align: left;
 		color: #0066B1;
 		font-weight: bolder;
 		font-size: 1.1em;
 		border-bottom: 1px solid #ddd;
 	}

 	.school-item .school-phone
 	{
 		color: #333 !important;
 	}

 	.phone
 	{
 		color: #0066B1 !important;
 		text-decoration: none;
 	}

 	.form-error
 	{
 		width: 100%;
 		color: #ff0000;
 		text-align: center;
 	}


 	.formarea
	{
		background-color: #fff;
		padding: .5em;
		border: 1px solid #eee;
	}

	.fixed-link
	{
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 3em;
		background-color: #5E5478;
		line-height: 3em;
		z-index: 99999;
		color: #fff;
		text-align: center;
		border-top: 2px solid #6989B8;
		display: none;
	}


 	.main-form-holder
 	{
		max-width: 32em;
		min-height: 18em;
		min-width: 17em;
		background-color: rgba(255,255,255,1);

		position: relative;
		padding: .5em;
		padding-top: 0;
		color: #333;
		z-index: 9;
		padding-bottom: .5em;
		border: 3px solid #7A5592;
 	}
	
	.main-form-holder .form-header-image
	{
		width: 100%;
		height: 5em;
		background-image: url(../images/external/basvuru_header.png);

	}
 	

	.main-form-holder .m-form-header
	{
		width: 100%;
		text-align: center;
		margin-bottom: .3em;
		padding: .5em;
	}

	.m-form-header i
	{
		font-size: 1.6em;
		padding: 0 .9rem;
	}

	.m-form-header span
	{
		font-size: 1.4em;
		color: #6C4488;
	}

	.main-form-holder .m-form-item
	{
		width: 100%;
		min-height: 2em;
		line-height: 2em;
		margin-top: .2em;

	}

	.main-form-holder .m-form-error
	{
		text-align: center;
		color: #ff0000
	}

	.main-form-holder .m-form-error .error-message
	{
		width: 100%;
		display: inline-block;
		text-align: center;
	}

	.m-form-item .m-item-header
	{
		width: 100%;
		height: 2em;
		line-height: 2em;
		text-align: left;
		padding: 0 .5em;
		color: #666;
		font-size: .8em;
	}
	.m-form-item .m-item-input
	{
		width: 100%;
		height: 3em;
		border:2px solid #b093c4;
		position: relative;
		border-radius: 5px;
	}

	.m-form-item .textarea
	{
		height: 15em !important;
	}

	.m-form-item .m-item-input-submit
	{
		background-color: #7A5592;
		color: #fff !important;
		border:none !important;
	}

	.m-form-item .m-item-input-submit input[type="submit"]
	{
		color: #fff !important;
		cursor: pointer;
	}

	.m-form-item .m-item-input input,select
	{
		width: 100%;
		height: 100%;
		background-color: transparent !important;
		position: absolute;
		top: 0;
		left: 0;
		padding: 0 .5em;
		resize: none;
	}

	.m-form-item .m-item-input textarea
	{
		width: 100%;
		height: 100%;
		background-color: transparent !important;
		position: absolute;
		top: 0;
		left: 0;
		padding: .5em;
		resize: none;
	}

	.form-result
	{
		width: 100%;
		padding: 1rem;
		font-size: 1.6em;
		text-align: center;
		display: none;
		color: #666;
	}



	.report-holder
	{
		width: 100%;
		min-height: 7em;
		border: 1px solid #ddd;
	}

	.report-holder .report-item
	{
		width: 100%;
		height: 4em;
		border-bottom: 1px solid #ddd;
	}

	.report-item .report-name
	{
		width: 70%;
		height: 4em;
		line-height: 4em;
		border-right: 1px solid #ddd;
		font-size: 1.2em;
		padding-left: 1em;
		font-weight: bolder;
	}
	.report-item .report-count
	{
		width: 30%;
		line-height: 4em;
		height: 4em;
		text-align: center;
		font-size: 2em;
		color: #A5B53E;
	}


	.section-holder
	{
		width: 100%;
		min-height: 2em;
		background-color: #fefefe;
	}

	.section-holder img
	{
		margin:1em 0;
		width: 75%;
	}

	.section-holder .img-response
	{
		margin:1em !important;
		width: 30% !important;
	}

	.section-holder iframe
	{
		margin:1em 0;
		width: 75%;
		height: 300px;
	}

	.section-holder .bilfen-logo
	{
		width: 15em;
		height: 15em;
		background-color: #103962;
		border-radius: 50%;
		background-size: 80%;
		background-image: url(../images/external/main_logo.png);
		margin-bottom: 1em;
		border:5px solid #fff;
	}
	.section-holder .bilfen-logo-kurumsal
	{
		width: 15em;
		height: 15em;
		background-color: #103962;
		border-radius: 50%;
		background-size: 80%;
		background-image: url(../images/external/bilfen-kurumsal-logo.png);
		transform: translateY(-8em);
		margin-bottom: -5em;
		border:5px solid #fff;
	}

	.section-holder .bilfen-logo-ilk
	{
		width: 15em;
		height: 15em;
		background-color: #103962;
		border-radius: 50%;
		background-size: 80%;
		background-image: url(../images/external/main_logo_ilk.png);
		transform: translateY(-8em);
		margin-bottom: -5em;
		border:5px solid #fff;
	}


	
	.section-holder .bigep-slogan
	{
		width: 100%;
		height: 10em;
		background-image: url(../images/external/bigep-slogan.png);
	}

	.section-holder .bigep-logo
	{
		margin-top: 1em;
		width: 10em;
		height: 10em;
		background-image: url(../images/external/bigep-logo.png);
	}

	.section-holder .bigep-logo2
	{
		margin-top: 1em;
		width: 100%;
		height: 10em;
		background-image: url(../images/external/bigep-logo2.png);
	}

	.section-holder .bigep-logo3
	{
		margin-top: 1em;
		width: 100%;
		height: 14em;
		background-image: url(../images/external/bigep_logo2.png);
	}

	

	.section-holder .bigep-image
	{
		margin-top: 1em;
		width: 100%;
		height: 15em;
		background-image: url(../images/external/bigep-image.jpg);
	}
	.section-holder .slogan-duyuru
	{
		margin-top: 1em;
		width: 100%;
		height: 12em;
		background-image: url(../images/external/slogan_uygulama.png);
	}

	.section-holder .text-holder
	{
		width: 100%;
		min-height: 3em;
		text-align: center;
		margin-top: 1em;
	}

	.section-holder .f0 span
	{
		font-size: 2.2em;
		color: #7A5592;
	}

	.section-holder .f1 span
	{
		font-size: 1.8em;
		color: #7A5592;
	}
	.section-holder .f2 span
	{
		font-size: 1.4em;
		color: #7A5592;
	}
	.section-holder .f3 span
	{
		font-size: .8em;
		color: #fff;
	}


	.section-holder .background-text
	{
		margin:1em 0;
		background-color: rgb(148, 116, 168);
		padding: 1em;
		color: #fff;
		font-size: 1.6em;
		border-radius: 5px;
	}
	.section-holder .background-text2
	{
		margin:1em 0;
		background-color: #8564ab;
		padding: 1em;
		color: #fff;
		font-size: 1.6em;
		border-radius: 5px;
	}
	.section-holder .text-holder strong
	{
		font-weight: bolder;
	}

	.hr
	{
		margin:2em 0;
		width: 100%;
		height: 1px;
		background-color: rgba(108, 68, 136,.3);
	}

input[type=radio].css-checkbox 
{
	position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

input[type=radio].css-checkbox + label.css-label 
{
	padding-left:26px;
	height:21px; 
	display:inline-block;
	line-height:21px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:21px;
	vertical-align:middle;
	cursor:pointer;
	margin:	.5em;
}

input[type=radio].css-checkbox:checked + label.css-label 
{
	background-position: 0 -21px;
}
label.css-label 
{
	background-image:url(../images/check.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/*
	FORM HOLDER
 */

.lightboxes
{
	display: none;

}

.holder-legacy
{
	max-width: 30em;

}

.holder-legacy h2
{
	font-size: 1.4em;
	font-weight: bolder;
	text-align: center;
	margin-bottom: 1em;
	
}
.holder-legacy p
{
	font-size: 1.2em;
	text-align: justify;
	
}

/*MEDIA*/

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

		
	

	}

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

	 	
	}

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

		

		
	}

	

	@media only screen and (max-width : 600px){
		
		.user-profile-area
	 	{
	 		display: none;
	 	}


	 	.box-holder-area
		{
			transform: scale(.55);
		}

		.section-holder
		{
			font-size: .6em;
		}
		
		.section-holder .bilfen-logo
		{
			width: 20em;
			height: 20em;
			margin-bottom: -10em;
			transform: translateY(-12em);
		}

		.fixed-link
		{
			display: block !important;
		}


		.section-holder iframe
		{
			height: 180px !important;
		}

		
	}

	@media only screen and (min-width : 50px) and (max-width : 468px){

		

	}

	@media only screen and (min-width : 50px) and (max-width : 400px){

		

	}


/*MEDIA*/