body 	{	padding:0px; margin:0px; 	}

a,a:hover	{	text-decoration:none;		}



#header_login 
{	width:100%; display:block; float:left; height:120px; background:#485e6a;		}


#header_login .header_yesil_button
{	padding:7px 20px; color:white; display:block ; background:#2c8e5a	; 	}


#header_login .header_yesil_button:hover
{	background:#38ab6e	; 	}



#footer_bar
{	background:#516170; width:100%; height:90px; padding-top:30px; float:left; font-size:14px;	 color:#c0c0c0; text-align:center; 	}



#body_holder	
{	background:#f9f9f9;  float:left; width:100%; display:block; padding-bottom:50px;	}


#login_card	{	margin:0 auto; height:150px	}



#login_wrapper	{	width:100%; display:block;  background:#ffffff; float:left; padding-bottom:80px; padding-top:80px;	}

.login_colorful_bar	{	width:100%; height:30px; background:white; float:left; display:block	}
.login_colorful_bar span {	width:33%; height:30px;  float:left; display:block	}
.login_colorful_bar .span1	{	background:#007cc2;	}
.login_colorful_bar .span2	{	background:#2c8e5a; width:34%;	}
.login_colorful_bar .span3	{	background:#007cc2;	}

#login_icon		{	padding-top:80px; padding-bottom:80px; 	}


.mavi_arka	{	background: #007cc2	}
.beyaz_yazi	{	color:white	}

.btn-mavi
{	background:#355669 !important; padding:5px 0px; 	 cursor:pointer;	}

.btn-mavi:hover
{	background:#2c6b8e !important;  	}

.card 
{	border:none !important;	}


#header_logined
{	width:100%; height:60px; display:block; float:left; background:#2c8e5a	}


.header_beyaz_button
{	color:white; line-height:60px;  padding:0px 15px; font-size:14px; 	}
.header_beyaz_button:hover
{	color:#0b582f; background:#60c38b;		}

#header_logo_bar{	width:100%; height:100px; display:block; float:left; background:#f9f8f8	}


#header_logo_left	{	width:50%; float:left; display:block;	}
#header_logo_left img {		height:70px; margin-top:15px;		}

#header_logo_right	{	width:50%; float:right; display:block; text-align:right;	}
#header_logo_right img {		height:40px; margin-top:50px;		}


#top_title_bar	{	width:100%; height:36px; display:block; float:left; background:#007cc2; color:white; text-align:center; line-height:36px	}
#blue_arrow	{	width:100%; height:11px;  display:block; float:left;  text-align:center;}
#blue_arrow img {	vertical-align:top;	padding-bottom:10px;	}


#moduller_wrap, #sinav_wrap	{	width:100%; display:block; float:left; padding-top:5px; background:#f9f9f9	}


.modul_kutu	{	 border: 1px solid #44b4f4; width:100%; text-align:center; height:120px;	 padding:5px;	}

.modul_title	{	color:#636363; font-weight:bold; font-size:16px; height:70px;  padding-top:15px; font-family: 'Work Sans', sans-serif;	}
.modul_sabit	{	color:#007cc2; font-size:14px; font-weight:bold; height:30px;  }


#title_bar	{	width:100%; background:#2c2b2b; height:60px; line-height:65px; font-size:22px; color:white; padding:0px 20px; font-family : Myriad Pro 	}


.alt_ust_50	{	margin-top:50px; margin-bottom:50px;	}

.sol_button_aktif	{		display:block; width:100%; padding:20px 0px; font-size:16px; color:white; text-align:center; background:#e16325; margin-bottom:10px;			}
.sol_button_aktif:hover	{	 background:#e87942	; color: white !important			}
.sol_button			{		display:block; width:100%; padding:20px 0px; font-size:16px; color:#2b3033; text-align:center; background:#ffffff; border:1px solid #e6e6e6; margin-bottom:10px;	 			}
.sol_button:hover	{	    background:#e8fbeb; color: #2b3033 !important			}

#modul_content_holder	{	width:100%; min-height:500px; background:#ffffff; display:block; margin-bottom:50px; border:1px solid #e6e6e6; padding:50px;	}

#ogrenim_hedefi_holder	{	width:100%;  text-align:center; font-size:15px; color:#2f2f2f; font-family: Helvetica 	}


#index_degerlendirme_butonu	{	width:28%; margin-left:37%;  margin-right:35%; text-align:center;  padding:30px 0px; background:#e16325; color:white;	}



#sinav_bitis	{	float:left; width:300px; background:#111; color:white; padding:10px; margin-top:30px;	}
#sinav_gerisayim	{	float:right; width:100px; background:#fb5656; font-size:14px; color:white;  padding:10px; padding-top:30px; height:100px; text-align:center ; -webkit-border-radius: 120px; -moz-border-radius: 120px; border-radius: 120px;	}

#sinav_alani	{	width:100%;  float:left;  background:white; border:1px solid #DEDEDE; padding:10px;	}

#soru_alani	{	width:100%;  float:left; border:1px solid #DEDEDE; background:#fafafa; padding:20px; font-weight:bold;  margin-top:30px;	}
.cevap_alani	{	width:100%;  float:left; border:1px solid #DEDEDE; background:#fafafa; padding:20px 20px; font-weight:bold;  margin-top:5px;	}

.alt_bosluk	{    margin-bottom:30px;  }



#tum_sorular_alani {	width:100%;  float:left;  background:white; border:1px solid #DEDEDE; padding:8px;	}

.sinav_soru_balonu	{	display:block; line-height:50px; text-align:center; color:#333; height:50px; margin-bottom:2px; width:50px; float:left; margin-right:2px; border:1px solid #DEDEDE;  -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;	}
.sinav_soru_balonu:hover {	background:#91daaf; color:#333;  	}	
.secili_balon	{	background:#3d9764; color:white; 	}
.secili_balon:hover  {  color:white; 	}


#cevap_kagidi_alani	{	width:100%;  float:left; min-height:150px; background:white; border:1px solid #DEDEDE; padding:20px;	}




@media screen and (max-width: 1200px) {
	.modul_kutu		{	height:150px;	}
	.modul_title		{	height:90px;	}
	#module_iframe	{	height:440px !important;	}
	
}


@media screen and (max-width: 992px) {
	.modul_title		{	font-size:14px; padding-top:5px;	}
	.modul_sabit		{	font-size:12px;  }
	#modul_content_holder	{	padding:5px;	}
	.sol_button_aktif img {	display:none	}
	.sol_button img {	display:none	}
	#login_icon		{	width: 100%;		float: left;    height: 100px;    text-align: center; padding:0px;	}
	#login_card	{	height:250px; margin-bottom:30px;	}
	#login_icon	img {	height:100px;	}
}

@media screen and (max-width: 768px) {
	#index_degerlendirme_butonu	{	width:95%; margin-left:5%; margin-right:5%;	}
	#module_iframe	{	height:340px !important;	}
	.sol_button_aktif img {	display:inline-block	}
	.sol_button img 		  {	display:inline-block	}
}