body{
	
}
	::-moz-selection {
	  background: #39408E;
	  color:#fff;
	} 
	
	::selection {
	  background: #39408E;
	  color:#fff;
	} 

	.m-0{margin:0px !important;}
	.m-1{margin:5px !important;}
	.m-2{margin:10px !important;}
	.m-3{margin:15px !important;}
	.m-4{margin:20px !important;}
	.m-5{margin:25px !important;}
	.m-6{margin:30px !important;}
	.m-7{margin:35px !important;}
	.m-8{margin:40px !important;}
	
	.mt-0{margin-top:0px !important;}
	.mt-1{margin-top:5px !important;}
	.mt-2{margin-top:10px !important;}
	.mt-3{margin-top:15px !important;}
	.mt-4{margin-top:20px !important;}
	.mt-5{margin-top:25px !important;}
	.mt-6{margin-top:30px !important;}
	.mt-7{margin-top:35px !important;}
	.mt-8{margin-top:40px !important;}
	
	.mb-0{margin-bottom:0px !important;}
	.mb-1{margin-bottom:5px !important;}
	.mb-2{margin-bottom:10px !important;}
	.mb-3{margin-bottom:15px !important;}
	.mb-4{margin-bottom:20px !important;}
	.mb-5{margin-bottom:25px !important;}
	.mb-6{margin-bottom:30px !important;}
	.mb-7{margin-bottom:35px !important;}
	.mb-8{margin-bottom:40px !important;}
	
	.mr-0{margin-right:0px !important;}
	.mr-1{margin-right:5px !important;}
	.mr-2{margin-right:10px !important;}
	.mr-3{margin-right:15px !important;}
	.mr-4{margin-right:20px !important;}
	.mr-5{margin-right:25px !important;}
	.mr-6{margin-right:30px !important;}
	.mr-7{margin-right:35px !important;}
	.mr-8{margin-right:40px !important;}
	
	.ml-0{margin-left:0px !important;}
	.ml-1{margin-left:5px !important;}
	.ml-2{margin-left:10px !important;}
	.ml-3{margin-left:15px !important;}
	.ml-4{margin-left:20px !important;}
	.ml-5{margin-left:25px !important;}
	.ml-6{margin-left:30px !important;}
	.ml-7{margin-left:35px !important;}
	.ml-8{margin-left:40px !important;}
	
	.p-0{padding:0px !important;}
	.p-1{padding:5px !important;}
	.p-2{padding:10px !important;}
	.p-3{padding:15px !important;}
	.p-4{padding:20px !important;}
	.p-5{padding:25px !important;}
	.p-6{padding:30px !important;}
	.p-7{padding:35px !important;}
	.p-8{padding:40px !important;}
	
	.pt-0{padding-top:0px !important;}
	.pt-1{padding-top:5px !important;}
	.pt-2{padding-top:10px !important;}
	.pt-3{padding-top:15px !important;}
	.pt-4{padding-top:20px !important;}
	.pt-5{padding-top:25px !important;}
	.pt-6{padding-top:30px !important;}
	.pt-7{padding-top:35px !important;}
	.pt-8{padding-top:40px !important;}
	
	.pb-0{padding-bottom:0px !important;}
	.pb-1{padding-bottom:5px !important;}
	.pb-2{padding-bottom:10px !important;}
	.pb-3{padding-bottom:15px !important;}
	.pb-4{padding-bottom:20px !important;}
	.pb-5{padding-bottom:25px !important;}
	.pb-6{padding-bottom:30px !important;}
	.pb-7{padding-bottom:35px !important;}
	.pb-8{padding-bottom:40px !important;}
	
	.pl-0{padding-left:0px !important;}
	.pl-1{padding-left:5px !important;}
	.pl-2{padding-left:10px !important;}
	.pl-3{padding-left:15px !important;}
	.pl-4{padding-left:20px !important;}
	.pl-5{padding-left:25px !important;}
	.pl-6{padding-left:30px !important;}
	.pl-7{padding-left:35px !important;}
	.pl-8{padding-left:40px !important;}
	
	.pr-0{padding-right:0px !important;}
	.pr-1{padding-right:5px !important;}
	.pr-2{padding-right:10px !important;}
	.pr-3{padding-right:15px !important;}
	.pr-4{padding-right:20px !important;}
	.pr-5{padding-right:25px !important;}
	.pr-6{padding-right:30px !important;}
	.pr-7{padding-right:35px !important;}
	.pr-8{padding-right:40px !important;}
	
	.fnt-s1{font-size: 10px !important}
	.fnt-s2{font-size: 15px !important}
	.fnt-s3{font-size: 20px !important}
	.fnt-s4{font-size: 25px !important}
	.fnt-s5{font-size: 30px !important}
	.fnt-s6{font-size: 35px !important}
	.fnt-s7{font-size: 40px !important}
	.fnt-s8{font-size: 45px !important}
	
	.fr{float:right !important;}
	.fl{float:left !important;}
	.clr{clear:both !important;}
	
	.ta-l{text-align:left !important;}
	.ta-c{text-align:center !important;}
	.ta-r{text-align:right !important;}
	.ta-j{text-align:justify !important;}
	
	.pst-r{position:relative !important;}
	.pst-a{position:absolute !important;}
	
	.zi-1{z-index:1 !important;}
	
	
	.egitim-giris{
		width:100%;
		padding:10px;
		background:#39408E;
		text-align:center;
		margin:0px 0px 20px 0px;
		border-radius:5px;
	}
	
	.egitim-giris.success{
		background:#469F46;
	}
	
	.egitim-giris.success:hover{
		background:#5CB85C;
	}
	
		.egitim-giris .ikon{
			width:60px;
			height:60px;
			position:relative;
			margin:0px auto;
			background:#fff;
			border-radius:50%;
			text-align:center;
		}
		
			.egitim-giris.success .ikon i{
				color:#469F46;
			}
		
			.egitim-giris .ikon i{
				font-size:30px;
				color:#39408E;
				margin-top:15px;
			}
		
		.egitim-giris .yazilar{
			position:relative;
		}
			.egitim-giris.success a{
				display:block;
			}
			
			.egitim-giris.success:hover .yazilar a{
				text-decoration:none;
			}
			
			.egitim-giris.success .yazilar h3{
				margin-top:20px;
				text-align:left;
			}
			.egitim-giris .yazilar h3{
				padding:0px;
				margin:10px 0px 0px 0px;
				font-size:17px;
				color:#fff;
			}
			
			.egitim-giris .yazilar b{
				font-size:20px;
				color:#fff;
			}
	
	.site-logo{
		width:100%;
		height:100%;
		background:#fff;
		text-align:center;
		border-radius:0px 0px 5px 5px;
	}
	
		.site-logo a{
			margin-top:5px;
		}
		
			.site-logo a img{
				max-width:100%;
				max-height:50px;
			}
	
	.topname{
		margin:5px 0px 0px 0px;
	}
	
		.topname a{
			margin:0px 0px 5px 0px;
		}
	
	.ders-buton{
		font-size:20px;
		color:#fff;
	}
	
	.ders-buton:hover,.ders-buton:active,.ders-buton:focus{
		color:#C9C9C9;
		text-shadow:0px 0px 5px #000;
	}
	
	
	.sol-baslik{
		width:100%;
		background: #39408E;
		padding:10px 0px 10px 10px;
		margin-left:0px;
		border-radius:0px 5px 5px 0px;
		margin-bottom:5px;
	}
	
		.sol-baslik h3{
			color:#fff;
			margin:0px;
			font-size:18px;
		}
	
	
	.sol-menu{
		width:100%;
		margin:0px 0px 0px 15px;
		padding:0px;
		display:block;
	}
	
		.sol-menu li{
			list-style:none;
			transition:all 0.1s linear 0s;
		}
		
		.sol-menu li:hover{
			background:#F3F3F3;
			box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3);
			transition:all 0.1s linear 0s;
			z-index:2;
		}
		
		.sol-menu li.active{
			background:#F3F3F3;
			box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3);
			transition:all 0.1s linear 0s;
			z-index:2;
		}
		
			.sol-menu li a{
			display:block;
			padding:5px 10px;
			color:#000;
			}
			
			.sol-menu li a:hover{
				color:#000;
				text-decoration:none;
			}
			
			
				.sol-menu li a i{}
	
	
	.hizliokuma-bilgi{}
	
		.hizliokuma-bilgi i{
			font-size:30px;
			margin-top:5px;
		}
	
	
	.form-element{}
	
		.form-element input[type="text"]{
			color:#000;
			padding:4px;
			border-radius:5px;
			border:none;
			text-align:center;
		}
	
	.form-input{
		color:#000;
		padding:4px;
		border-radius:5px;
		border:none;
	}
	
	
	.login-copyright{
		position: absolute;
		text-align: center;
		top: 600px;
		width: 100%;
	}
	
	.hatirla-class {
		position:relative;
		vertical-align:middle;
		text-align:center;
		margin-bottom:6px;
	}
	
		.hatirla-class label {
			font-weight:normal;
			position:relative;
			cursor:pointer;
		}
		
		.hatirla-class input[type=checkbox] {
			position:relative;
			margin-right:5px;
			top:1px;
		}
		
	.EAlan {}
	
	.EgitimGovde {
		height:300px;
		width: 100%;
		background-image: url(../img/bg2.jpg);
		position: relative;
		box-shadow:inset 0px 0px 10px 0px rgba(0,0,0,0.5),0px 0px 3px 0px rgba(0,0,0,0.3);
		border: 10px solid #C0A269;
		border-radius:10px;
		padding:15px;
	}
	
	.EgitimBilgi {
		border: 5px solid #C0A269;
		margin-top: 5px;
		text-align: center;
		background: url(../img/blackboard.jpg);
		border-radius:10px;
		box-shadow:0px 0px 3px 0px rgba(0,0,0,0.3);
		color:#fff;
		padding:5px 10px;
	}
	
	#GeriGitButon {
		display:inline-block;
		height:40px;
		background:rgba(68,155,68,1);
		color:#fff;
		text-align:center;
		position:absolute;
		bottom:15px;
		right:65px;
		padding:0px 10px;
		line-height:40px;
		font-weight:700;
		transition:all 0.2s ease-in-out 0s;
	}
	
	#GeriGitButon:hover {
		background:rgba(53,123,53,1);
		text-decoration:none;
		box-shadow:0px 0px 5px 0px rgba(0,0,0,0.4);
		transition:all 0.2s ease-in-out 0s;
	}
	
		#GeriGitButon i {
			font-size:20px;
			margin-right:8px;
		}
	
	#GeriGitButon2 {
		display:inline-block;
		height:40px;
		background:rgba(68,155,68,1);
		color:#fff;
		text-align:center;
		position:absolute;
		bottom:15px;
		right:15px;
		padding:0px 10px;
		line-height:40px;
		font-weight:700;
		transition:all 0.2s ease-in-out 0s;
	}
	
	#GeriGitButon2:hover {
		background:rgba(53,123,53,1);
		text-decoration:none;
		box-shadow:0px 0px 5px 0px rgba(0,0,0,0.4);
		transition:all 0.2s ease-in-out 0s;
	}
	
		#GeriGitButon2 i {
			font-size:20px;
			margin-right:8px;
		}
	
	#BaslatButon {
		display:inline-block;
		width:40px;
		height:40px;
		background:rgba(57,64,142,0.8);
		color:#fff;
		text-align:center;
		position:absolute;
		bottom:15px;
		right:15px;
		transition:all 0.2s ease-in-out 0s;
	}
	
	#BaslatButon:hover {
		background:rgba(57,64,142,1);
		box-shadow:0px 0px 5px 0px rgba(0,0,0,0.4);
		transition:all 0.2s ease-in-out 0s;
	}
	
		#BaslatButon i {
			font-size:20px;
			margin-top:10px;
		}
		
	#DurButon {
		display:inline-block;
		width:40px;
		height:40px;
		background:rgba(144,3,12,0.8);
		color:#fff;
		text-align:center;
		position:absolute;
		bottom:15px;
		right:15px;
		transition:all 0.2s ease-in-out 0s;
	}
	
	#DurButon:hover {
		background:rgba(144,3,12,1);
		box-shadow:0px 0px 5px 0px rgba(0,0,0,0.4);
		transition:all 0.2s ease-in-out 0s;
	}
	
		#DurButon i {
			font-size:20px;
			margin-top:10px;
		}
	
	#KapatButon {
		display:inline-block;
		width:40px;
		height:40px;
		background:rgba(144,3,12,0.8);
		color:#fff;
		text-align:center;
		position:absolute;
		bottom:15px;
		right:15px;
		transition:all 0.2s ease-in-out 0s;
	}
	
	#KapatButon:hover {
		background:rgba(144,3,12,1);
		box-shadow:0px 0px 5px 0px rgba(0,0,0,0.4);
		transition:all 0.2s ease-in-out 0s;
	}
	
		#KapatButon i {
			font-size:20px;
			margin-top:10px;
		}
	
	#BaslatButon2 {
		display:inline-block;
		width:40px;
		height:40px;
		background:#5CB85C;
		color:#fff;
		text-align:center;
		position:relative;
		margin-top:19px;
		transition:all 0.2s ease-in-out 0s;
	}
	
	#BaslatButon2:hover {
		background:#449B44;
		box-shadow:0px 0px 5px 0px rgba(0,0,0,0.4);
		transition:all 0.2s ease-in-out 0s;
	}
	
		#BaslatButon2 i {
			font-size:20px;
			margin-top:10px;
		}
		
	#DurButon2 {
		display:inline-block;
		width:40px;
		height:40px;
		background:rgba(144,3,12,0.8);
		color:#fff;
		text-align:center;
		position:relative;
		margin-top:18px;
		transition:all 0.2s ease-in-out 0s;
	}
	
	#DurButon2:hover {
		background:rgba(144,3,12,1);
		box-shadow:0px 0px 5px 0px rgba(0,0,0,0.4);
		transition:all 0.2s ease-in-out 0s;
	}
	
		#DurButon2 i {
			font-size:20px;
			margin-top:10px;
		}
	
	.SliderLabel {
		position:relative;
		padding-bottom:8px;
	}
	
		.SliderLabel span {
			font-weight:bold;
		}
	
	.SliderBilgi {
		position:relative;
		padding-top:8px;
		line-height:15px;
	}
	
	#GovdeResult {
		width:100%;
		height:100%;
		font-size:16px;
		overflow: auto;
	}
	
	#SiyahArkaplan {
		display:none;
		width:100%;
		height:100%;
		position:fixed;
		top:0px;
		left:0px;
		z-index:999;
		background:rgba(0,0,0,0.7);
	}
	
	.KelimeClass {
		display:inline-block;
		position:absolute;
		font-size:24px;
		font-weight:700;
		top:45%;
	}
	
	.KelimeClass.Final {
		font-weight:bold;
		font-size:30px;
	}
	
	span.pasif {
		color:rgba(255,255,255,0);
	}
	
	span.aktif {
		background:#39408E;
		color:#fff;
	}
	
	span.GrupPasif {
		color:#ddd;
	}
	
	span.GrupAktif {
		color:#000;
	}
	
	#EgitimIcon {
		width:64px;
		height:64px;
		background:#fff;
		border-radius:50%;
		position:relative;
		margin:6px auto 0px auto;
		text-align:center;
	}
	
		#EgitimIcon img {
			margin-top:8px;
		}
	
	#EgitimPlayIcon {
		position:absolute;
	}
	
	#Cerceve {
		display: inline-block;
		position:absolute;
		border:1px solid #000;
		background:url(../img/siyah-nokta.png) no-repeat center center transparent;
		vertical-align: middle;
	}
	
	#Cerceve span.EgitimSayi {
		display: inline-block;
		position:absolute;
		font-weight:bold;
		color:#000;
		font-size:25px;
		text-align:center;
		vertical-align: middle;
	}
	
	#Cerceve span.EgitimSayi b {
		display:inline-block;
		vertical-align: middle;
	}
	
	.CheckBoxClass {
		line-height:5px;
	}
	
		.CheckBoxClass label {
			margin:0px;
			padding:0px;
			line-height:5px;
		}
		
			.CheckBoxClass label input {
				margin:0px;
			}
	
	#Kutu1 {
		position:absolute;
		border-right:1px solid #000;
		font-size:25px;
	}
	
	#Kutu2 {
		postion:absolute;
		font-size:25px;
	}
	
	.YonButon {
		width:55px;
		height:55px;
		display:inline-block;
		padding:8px 10px;
		text-align:center;
		color:#fff;
		margin-top:35px;
		transition:all 0.2s ease-in-out 0s;
	}
	
	.YonButon:hover, .YonButon:focus {
		color:#fff;
		box-shadow:0px 0px 8px 0px rgba(0,0,0,0.5);
		transition:all 0.2s ease-in-out 0s;
	}
		
		.YonButon i {
			font-size:18px;
		}
		
		.YonButon b {
			display:inline-block;
		}
	
	.Left {
		background:#5CB85C;
		border:1px solid #90030C;
	}
	
	.Left:hover {
		background:#398239;
	}
	
	.Right {
		background:#90030C;
		border:1px solid #5CB85C;
	}
	
	.Right:hover {
		background:#4F0207;
	}
	
	.EgitimInput {
		display:block;
		position:relative;
		text-align:center;
		margin-top:35px;
	}
	
		.EgitimInput label{
			display:inline-block;
			font-weight:700;
		}
		
		.EgitimInput input{
			width:100%;
			border:none;
			color:#000;
			padding:5px;
			text-align:center;
		}
	
	.Kelime {
		position:absolute;
		font-size:45px;
		line-height:50px;
	}
	
	.OnayInput {
		display:block;
		position:relative;
	}
	
		.OnayInput input[type=text] {
			width:100%;
			border:none;
			color:#000;
			padding:5px;
		}
		
		.OnayInput .OnayButon {
			display:inline-block;
			height:100%;
			background:#5CB85C;
			color:#fff;
			text-align:center;
			position:absolute;
			top:0px;
			right:0px;
			padding:0px 5px;
			transition:all 0.2s ease-in-out 0s;
		}
		
		.OnayInput .OnayButon:hover {
			background:#449B44;
			box-shadow:0px 0px 5px 0px rgba(0,0,0,0.4);
			text-decoration:none;
			transition:all 0.2s ease-in-out 0s;
		}
		
			.OnayInput .OnayButon i {
				font-size:20px;
				margin-top:5px;
			}
			
			.OnayInput .OnayButon b {
				display:inline-block;
			}
	
	.SoruAlan {
		display:block;
		position:relative;
	}
	
		.SoruAlan #K {
			font-weight:bold;
			font-size:18px;
		}
	
	.Sure {
		position:relative;
		width:40px;
		height:63px;
		background:#F0AD4E;
		color:#fff;
		border:1px solid #F3BD71;
		box-shadow:0px 0px 5px 0px rgba(0,0,0,0.4);
		margin:0px auto;
	}
	
		.Sure i {
			font-size:30px;
			margin-top:5px;
		}
		
		.Sure #Sure {
			display:block;
			position:relative;
			font-size:20px;
			font-weight:bold;
			line-height:1;
			margin-top:2px;
		}
	
	.BilgiOge {
		color:#fff;
		text-align:center;
	}
	
		.BilgiOge i {
			font-size:30px;
		}
		
		.BilgiOge b {}
		
		.BilgiOge span {}
	
	#EgitimRenk {
		width:65px;
		height:65px;
		position:relative;
		margin:0px auto;
		border-radius:50%;
		border:2px solid #fff;
		box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5);
	}
	
	
	#Kutu {
		position:absolute;
		box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5);
	}
	
	.Kutu {
		position:absolute;
		box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5);
		border:5px solid #39408E !important;
	}
	
	#RenkText {
		font-size:70px;
		font-weight:bold;
		line-height:90px;
	}
	
	#LoaderGif {
		width:100%;
		position:absolute;
		top:30%;
		left:0px;
		text-align:center;
	}
	
	.HizSonuc {
		width:100%;
		position:relative;
		left:0px;
		margin-top:80px;
		text-align:center;
		font-size:23px;
	}
	
		.HizSonuc b {
			font-size:30px;
			font-weight:700;
			color:#5CB85C;
		}
	
	.SoruBaslik {
		width:100%;
		position:relative;
		padding:0px 0px 10px 0px;
		text-align:center;
		font-size:25px;
		font-weight:700;
		color:#39408E;
		line-height:1;
		margin-bottom:10px;
	}
	
	.SoruBaslik:before {
		content:"";
		width:100%;
		height:3px;
		background:#C7C7CB;
		position:absolute;
		bottom:0px;
		left:0px;
	}
	
	.SoruBaslik:after {
		content:"";
		width:50%;
		height:3px;
		background:#39408E;
		position:absolute;
		bottom:0px;
		left:25%;
	}
	
	.Soru {
		width:100%;
		position:relative;
		font-size:18px;
		font-weight:700;
	}
	
	.Cevap {
		width:100%;
		margin-bottom:2px;
		position:relative;
	}
	
	.Cevap .ikon {
		font-weight:700;
		margin-left:30px;
	}
	
	.Cevap label{
		width:100%;
	}
	
		.Cevap label .ikon {
			width:30px;
			height:30px;
			display:inline-block;
			border:2px solid #39408E;
			border-radius:50%;
			background:#fff;
			text-align:center;
			line-height:26px;
			margin-right:10px;
			transition:all 0.2s ease-in-out 0s;
		}
	
	.Cevap input:empty {
		margin-left:-15px;
	}
	
	.Cevap input:empty ~ label {
		position:relative;
		padding:0px;
		margin-bottom:5px;
		cursor:pointer;
		font-size:15px;
		font-weight:normal;
		line-height:1;
	}
	
	.Cevap input:hover:not(:checked) ~ label {
		color:#39408E;
	}
	
	.Cevap input:hover:not(:checked) ~ label .ikon {
		background:#D8D8D8;
		color:#000;
		transition:all 0.2s ease-in-out 0s;
	}
	
	.Cevap input:checked ~ label {
		color: #39408E;
		font-weight:700;
	}
	
	.Cevap input:checked ~ label .ikon {
		background:#39408E;
		color:#fff;
		box-shadow:0px 0px 5px 0px rgba(0,0,0,0.4);
	}
	
	.ButonClass {
		
	}
	
	.ButonClass {
		display:inline-block;
		background:#5CB85C;
		color:#fff;
		text-align:center;
		position:relative;
		border:none;
		padding:8px 12px;
		margin-top:20px;
		transition:all 0.2s ease-in-out 0s;
	}
	
	.ButonClass:hover {
		background:#449B44;
		box-shadow:0px 0px 5px 0px rgba(0,0,0,0.4);
		transition:all 0.2s ease-in-out 0s;
	}
	
		.ButonClass i {
			font-size:20px;
			margin-top:10px;
		}
	
	
	.OdevEkran {
		width:100%;
		border:10px solid #C0A269;
		background:url(../img/blackboard.jpg);
		box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5), inset 0px 0px 10px 0px rgba(0,0,0,0.5);
		border-radius:10px;
		padding:15px 30px;
		position:relative;
	}
	
	.OdevBaslik {
		margin:0px;
		padding:0px;
		display:block;
		font-size:24px;
		color:#00BFFF;
		font-weight:normal;
		font-family:"Open Sans",sans-serif;
	}
	
	.OdevButon {
		display:block;
		position:relative;
		text-align:right;
		font-size:23px;
		font-weight:normal;
		font-family:"Open Sans",sans-serif;
		color:#00BFFF;
	}
	
		.OdevButon a {
			font-family:"Open Sans",sans-serif;
			color:#fff;
			font-size:20px;
			display:inline-block;
			transition:all 0.1s linear;
		}
		
		.OdevButon a:hover {
			text-shadow: 0px 0px 5px #000;
			color:#C9C9C9;
			transition:all 0.1s linear;
		}
		
		.OdevButon #GeriButon {margin-right:5px;}
		
		.OdevButon #IleriButon {margin-left:5px}
	
	#Dersler {
		display:block;
		margin:20px 0px 0px 0px;
		padding:0px;
		position:relative;
	}
	
		#Dersler li {
			width:100%;
			height:35px;
			list-style:none;
			position:relative;
			margin:0px 0px 4px 0px;
			border:2px solid #fff;
			border-radius:10px;
			background:#97C946;
			overflow:hidden;
			font-family:"Open Sans",sans-serif;
			transition:all 0.2s linear;
		}
		
		#Dersler li:hover {
			background:#759F2F;
			transition:all 0.2s linear;
		}
		
		#Dersler li.pasif {
			background:#39408E;
		}
		
		#Dersler li.pasif:hover {
			background:#39408E;
			transition:all 0.2s linear;
		}
		
		#Dersler li.pasif:before {
			content:"";
			width:100%;
			height:2px;
			background:#5961BD;
			position:absolute;
			top:15px;
			left:0px;
		}
		
		#Dersler li.kilitli {
			background:#445B1C;
		}
		
			#Dersler li .ikon {
				width:45px;
				height:35px;
				position:absolute;
				top:0px;
				left:0px;
				background:#39408E;
				color:#fff;
				font-size:18px;
				font-weight:700;
				padding:0px 0px 0px 0px;
				text-align:center;
				line-height:30px;
			}
			
			#Dersler li.pasif .ikon {
				background:#97C946;
			}
			
				#Dersler li .ikon i{}
			
			#Dersler li a {
				display:block;
				font-size:20px;
				padding:0px 0px 0px 55px;
				color:#fff;
				line-height:30px;
			}
			
			#Dersler li.pasif a {color:#5961BD;}
			
			#Dersler li.kilitli a {color:#759F2F;}
			
			#Dersler li.kilitli:hover a {color:#97C946;}
			
			#Dersler li:hover a, #Dersler li:focus a {
				text-decoration:none;
			}
			
				#Dersler li a #DersSure {
					position:absolute;
					right:10px;
					top:0px;
				}
	
	#Loader2 {
		color:#fff;
		font-size:20px;
		position:absolute;
		top:5px;
		right:5px;
	}
	
	#SureDiv {
		width:100px;
		height:40px;
		position:absolute;
		top:20px;
		right:0px;
		background:rgba(92,184,92,0.5);
		color:rgba(255,255,255,0.8);
		font-size:13px;
		font-family:"Open Sans",sans-serif;
		text-align:center;
		line-height:40px;
	}
	
		#SureDiv i {
			font-size:25px;
			margin-right:8px;
		}
		
		#SureDiv span#SureSayac {font-size:17px; font-weight:700;}
	
	.Sonuc {
		width:100%;
		border:none;
		font-family:"Open Sans",sans-serif;
		font-size:16px;
	}
	
		.Sonuc .Baslik {
			border-bottom:2px solid #ccc;
		}
		
			.Sonuc .Baslik td {
				font-weight:700;
				color:#39408E;
			}
			
			.Sonuc .Baslik:hover td {
				background:#fff;
				color:#39408E;
			}
		
		.Sonuc tr {
			border:none;
		}
		
			.Sonuc tr td {
				padding:5px 10px;
				transition:all 0.2s linear 0s;
			}
	
			.Sonuc tr:hover td {
				background:#39408E;
				color:#fff;
				transition:all 0.2s linear 0s;
			}
	
	.EgitimFinal {
		width:100%;
		text-align:center;
		position:relative;
	}
	
		.EgitimFinal img {
			border:3px solid #fff;
			border-radius:2px;
			box-shadow:0px 0px 10px 0px rgba(0,0,0,0.7);
		}
		
		.EgitimFinal h1 {
			font-family:"Open Sans",sans-serif;
			font-size:35px;
			color:#fff;
			text-shadow:1px 1px 1px #000;
			font-weight:700;
			margin:15px 0px 0px 0px;
		}
		
			.EgitimFinal h1 small {
				font-size:30px;
				font-weight:700;
				color:#fff;
			}