@font-face {
	font-family: 'FontAwesome';
	src: url('/fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('/fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');	   
	font-weight: normal;
	font-style: normal;
	}


#main-galloglu-link {cursor:pointer;}


/*---------------------------------------Tablo yapisi */
/** page structure **/


::selection { background: #5f74a0; color: #fff; }
::-moz-selection { background: #5f74a0; color: #fff; }
::-webkit-selection { background: #5f74a0; color: #fff; }

#wrapper {
  display: block;
  width: Calc(100% - 10%);
  background: #FFF;
  margin: 3% 3%;
}

#wrapper h1 { 
  font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
  font-size: 1.6em;
  line-height: 1.7em;
  margin-bottom: 10px;
  text-align: center;
  font-weight:normal;
   border-top:1px Solid rgba(0,0,0,0.05);
}


.table-wrapper {
    display: block;
	border-radius:5px;
}

#wrapper table tr.uzerinde td { padding:5px; border:0px Solid rgba(0,0,0,0.5);; background:rgba(0,0,0,0.5);}
#wrapper table tr.uzerinde:before td:nth-of-type(1){ position:absolute; Content:'Islem Tamam';}
#wrapper table tr span.eachid:hover{cursor:pointer; border-bottom:1px Solid var(--anaRenk)}
#wrapper table tr span.eachid + div {display:none; position:fixed; left:8%; top:0; width:35%; text-align:left;}
#wrapper table tr span.eachid:hover + div {display:block;}
#wrapper table tr span.selected {display:inline-block; margin:3px; font-size:21px; font-weight:bold; border-bottom:1px Solid var(--anaRenk)}

#wrapper button {
	padding:5px;
	display:table-cell;
	vertical-align:middle;
	margin:0 2px;
	
}

#wrapper button:before {
    font-family: FontAwesome;
    font-size: 23px;
    display:inline-block;
    text-align:center; 
    padding:0 3px; 
}

#wrapper button.a-edit:before {
	content:'\f15c';
}

/*---------------------------------------Tablo son */


/*----------------------------------------*/
	/* Table styles */
	table.sortable {
		margin: 0 0;
    border-spacing: 0px;
	}
	table.sortable th, table.sortable td {
		color: #333;
		padding: 4px 7px;
		text-align: left;

		}
	table.sortable th {
		background-color: #d7d7d7;
		font-weight: bold;
		text-transform: uppercase;
		border-radius: 3px;}
	table.sortable td {
		background-color: #fff;
		border-top: 1px solid #e0e0e0;
	}
	table.sortable th:hover {
		cursor: pointer;}
	table.sortable th.ascending, table.sortable th.descending, table.sortable th:hover {
		background-color: var(--anaRenk);;
		color: #fff;}

	/* Arrows for table sorting */
	table.sortable th:after {
		font-family: fontawesome;
	}
	table.sortable th.ascending:after {
		font-size: 60%;
	    content: '\25B2';
	    float: left;
		padding: 4px 5px 0 0;}
	table.sortable th.descending:after {
		font-size: 60%;
	    content: '\25BC';
	    float: left;
		padding: 4px 5px 0 0;}	

/*--------------------------table sortable end---------------------*/



#page-main {
	background: #111111;	
}

#page-lecture {
	background: #333 url('/images/back.jpg') repeat;	

	background-attachment:fixed;
}


#page-admin {
	background: #333 url('/images/back.jpg') repeat;	
	background-attachment:fixed;
}


.button-onay:before {
    content:'\f00c';
    font-family: FontAwesome;
    display:block;
    }

.button-hata:before {
    content:'\f00d';
    font-family: FontAwesome;
    color:Red;
    display:block;
    }


.button-working:before {
    content:'\f013';
    font-family: FontAwesome;
    color: #740A0A;
    font-size: 19px;
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;    
    }


.working-ERR:before {
    content:'\f00d';
	color:Red;
	margin-right:10px;	
    }	
	
.working-OK:before {
    content:'\f00c';
    Color:Green;
    margin-right:10px;	
    }


.working:before {	
    font-family: FontAwesome;
    content:'\f013';
    color:white;
    font-size: 19px;
    display:inline-block;
    -webkit-animation:spin 3s linear infinite;
    -moz-animation:spin 3s linear infinite;
    animation:spin 3s linear infinite; 
    margin-right:10px;	

    }	
	/* Safari */
	@-webkit-keyframes spin {
	  0% { -webkit-transform: rotate(0deg); }
	  100% { -webkit-transform: rotate(360deg); }
	}

	@keyframes spin {
	  0% { transform: rotate(0deg); }
	  100% { transform: rotate(360deg); }
	}
	
blockquote{
	display:inline-block;
	padding: 12px 20px 12px 45px;
	padding-left:35px;
	margin: 0px;
	position: relative;
	font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
	font-size: 14px;

	color: #999;
	text-align: justify;
	}

	blockquote::before{
		content: "\201C";
		font-family: Georgia, serif;
		font-size: 45px;
		font-weight: bold;
		color: #999;
		position: absolute;
		left: 10px;
		top:5px;
	}	
	blockquote cite, .blog-son cite {
		color: #999;
		font-size: 14px;
		display: inline-block;
		margin-top: 3px;
		font-style: normal;
	}
	blockquote cite:before, .blog-son cite:before {content: "\2014 \2009";}
	blockquote a{color:#999;}
	blockquote a:hover{ color:#FFF};
	blockquote a:hover { text-decoration:underline;	}
	blockquote p {
		padding:5px 0;
		margin:0;
		}

#q-ekle-button {
	font-size:15px;
	display:inline-block;
	padding:10px;
	text-decoration:none;
	color:#333;
	}
	
#q-ekle-button:before {
    content:'\f067';
    font-family: FontAwesome;
    color: #333;
    font-size: 16px;
    display:block;
    text-align:center; 
    position:absolute;
    left:-5px;
	}

.updateon {
    margin-left:auto; 
    margin-right:auto;
	color: #888; font-family: 'Raleway',sans-serif; 
	font-size: 43px;
	text-shadow: 0px 15px 5px rgba(0,0,0,0.1),
	                 10px 20px 5px rgba(0,0,0,0.05),
	                 -10px 20px 5px rgba(0,0,0,0.05);
	}


.main {
	width:80%;
	height:60%;
	left:50%;
	top:50%;
	margin-top:-15%;
	margin-left:-40%;
	}

body {
	margin:0;
	background: #111111
	counter-reset: figurenum;
}

.lecture-main {
	position:relative;
	display:flex;
  	padding:20px;
	}


.lecture-main > div { }

.lecture-move {
	margin-top:23px;
	float:left;
	display:block;
	cursor:pointer;
	padding:0 10px;
}

.lecture-move:hover:before {
    color: #B911111;	
	-webkit-animation-name: rubberBand,hvr-bob-float;
	animation-name: rubberBand,hvr-bob-float;
	-webkit-animation-duration: .3s, 1.5s;
	animation-duration: .3s, 1.5s;
	-webkit-animation-delay: 0s, .3s;
	animation-delay: 0s, .3s;
	-webkit-animation-timing-function: ease-out, ease-in-out;
	animation-timing-function: ease-out, ease-in-out;
	-webkit-animation-iteration-count: 1, infinite;
	animation-iteration-count: 1, infinite;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-direction: normal, alternate;
	animation-direction: normal, alternate;
	}


.icon:before {
    font-family: FontAwesome;
    color: #B91111;
    font-size: 21px;
    display:inline-block;
    text-align:center; 
  }
  

.lecture-move:before {
    font-family: FontAwesome;
    color: #B91111;
    font-size: 33px;
    display:block;
    text-align:center; 
	}
	
.lecture-left {
	width:25%;
	background:rgba(0, 0, 0, 0.3);
	}
	

.lecture-left ul.l-dersler, .lecture-left ul.l-kullanici, .lecture-left ul.l-admin-menu {
	display:block;

	list-style-type: none; 
	padding:0px;
	}


.lecture-left ul.l-dersler li {
	display: flex;
	flex-direction: column; 
	padding: 15px;
    gap: 5px;


	margin-left:33px;	
	padding:15px 10px;	
	position:relative;

    background: rgba(0,0,0,0.7);	
	font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
	font-size:14px;
	text-align:left;
	}
	

.lecture-left ul.l-dersler li > div{
    padding: 5px;
  }


.lecture-left ul.l-dersler li.pasif a {
	color:#999;
}

.lecture-left ul.l-dersler li a {
	padding: 10px 0px;
	text-decoration:none;
	color:#CECECE;
	position:relative;
	}	
	
.lecture-left ul.l-dersler li a span{
  position:relative;
  display:block;
  background-color: rgba(34, 34, 34, 0.2);
  font-weight: 200;
  border-bottom: 1px solid #666;
  border-radius-bottom: 10px;
  padding:3px 3px;
  text-decoration:none;
  color:#fefefe;
  font-size:12px;
	}	

.lecture-left ul.l-dersler li:hover:not(.selected) {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+38,000000+100&0.82+38,0+100 */
  background: rgba(0,0,0,0.8);
	}	

.lecture-left ul.l-dersler li.selected {
	position:relative;
  	color:#FFF;
	background: var(--anaRenk);	
	}	


.lecture-left ul.l-dersler li.selected:after { 
	 position: absolute;
    top: 0;
    right: -10px;
    display: block;
    margin: 0;
    width: 0;
    border-right: 0px;
    height: 0;
    border-top: 29px solid transparent;
    border-bottom: 29px solid transparent;
    border-left: 10px solid var(--anaRenk);
    background: none;
    content: '';
    z-index:1;
}

.lecture-left ul.l-dersler li.selected:before { 
	position: absolute;
    top: 26px;
    left: 13px;
    font-family: FontAwesome;
    color: rgba(0,0,0,0.4);
    font-size: 17px;
    display:block;
    text-align:center;  
    content:'\f054';    
}


ul.c-dersler {	
	list-style: none;
	margin-left:0;
	padding-left:0;
	/*padding-right:20px;*/
	}

	ul.c-dersler li {	
		display: table;
		width:100%;
		}	
	
  ul.c-dersler li a.pasif{
    color:#999;
  } 

	ul.c-dersler li a {
		font-size:17px;
		display: table-cell;
		height:60px;
	    background: #4c4c4c;
		border-top:1px Solid rgba(255,255,255,0.2);
		border-left:1px Solid rgba(0,0,0,0.1);
		border-bottom:1px Solid rgba(0,0,0,0.1);	
		vertical-align: middle;	
		text-align:left;
		text-decoration:none;
		color: #FEFEFE;
		position:relative;
		padding-left:20px;
		}	
	ul.c-dersler li a:hover {	
		background: #3c3c3c;
		}
	ul.c-dersler li a:after {
		position:absolute;
		display:table-cell;
		text-align:center;
		line-height: 55px;
		width:49px;
		height:100%;
		background: var(--anaRenk);
	    font-family: FontAwesome;
	    color: #F3F3F3;
	    font-size: 27px;
	    right:0;
	    top:0;
		}
	ul.c-dersler li.add-lecture {margin:5px 0;}
	ul.c-dersler li.add-lecture a {padding-right:53px;}
	ul.c-dersler li.add-lecture a:hover {cursor:default;}		
		
	ul.c-dersler li a span{
		position:absolute;
		right:60px;
		float:left;
	    background-color: rgba(34, 34, 34, 0.2);
	    font-weight: 600;
	    border-bottom: 1px solid #FEFEFE;
	    border-radius: 10px;
	    padding:2px 13px;
		display:inline-block;
		text-decoration:none;
		color:#FFF;
		font-size:12px;
		}	
	ul.c-dersler li a span.uyari{
		right:150px;
		background-color: #B91111;
		}			
.lecture-left ul.l-kullanici {background: rgba(0,0,0,0); }
.lecture-left ul.l-kullanici img { width: 201px; height: 201; border-radius: 10%; object-fit: cover; object-position: center;}
.lecture-left ul.l-kullanici table { width:100%; }
.lecture-left ul.l-kullanici table tr td { text-align: center; }
.lecture-left ul.l-kullanici span.kullanici {  display:block;margin:10px; text-align: center; background: rgba(0,0,0,0.3); font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif; padding:3px; color:#000;}
.lecture-left ul.l-kullanici iframe { width:100%; border:none; margin:auto 5px; overflow-x:hidden; overflow-y:hidden;}


.lecture-left ul li input[type=checkbox] {display:none;}
.lecture-left ul li.selected label:before {
    font-family: FontAwesome;
    color: #111;
    font-size: 13px;
    content:'Ders Hakkinda \f13a';
    padding:1px 5px;
	background: rgba(240, 236, 227, 0.4);
	}		

.lecture-left ul li input[type=checkbox]:checked + div { display:block;	}
.lecture-left ul li div:nth-of-type(2) {display:none;}
.lecture-left ul li.selected div {padding:5px;padding-left:21px;}
.lecture-left ul li.selected div:nth-of-type(2) {display: block;}
.lecture-left ul li div:nth-of-type(2) span {
    color: #000;
    font-size: 13px;
    border-bottom:1px Solid #999;
    display:block;
    margin:5px 10px;
	}
	
.lecture-left ul li div a.buttons {
	display:inline-block;
	padding:5px; 
	color:rgba(255,255,255,0.7);
	text-decoration:none;
	}	
.lecture-left ul li div a.buttons:hover {
	cursor:pointer;
	color:#FFF;
	}
.lecture-left ul li div a.buttons:hover:before {
  background-color: #007bff; /* Mavi ton */
  color: white;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,123,255,0.3);
	}		
.lecture-left ul li div a.buttons:before {
    font-family: FontAwesome;
    color: rgba(255,255,255,0.7);
    font-size: 23px;
    display:block;
    text-align:center;    
   }
.lecture-left ul li div a.cevrele {
    background: rgba(0,0,0,0.6);
}

.lecture-left ul li div a.active {
	color:rgba(255,255,255,1);
	}	
.lecture-left ul li div a.active {
  background-color: #007bff; /* Mavi ton */
  color: white;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,123,255,0.3);
	}	
.lecture-left ul li div a.active:before {
	color:white;
} 


.lecture-content {
	position:relative;
	background:#FEFEFE;
  	z-index:0; 
	}

.lecture-content span.secimYapin {
	display:inline-block;
	margin-top:10px;
	border-bottom:1px Solid #333;
	padding-bottom:10px;
	}


.lecture-content ul.ders {
	list-style-type: none; margin:0; padding:5px;
	}

.lecture-content ul.ders li{
	padding:10px 50px;
	background:#222;
	margin:10px;
	position:relative;
	color:#bebebe;
	}
	.lecture-content ul.ders li table {width: 100%; }
	.lecture-content ul.ders li table table tr td:nth-of-type(1) { background:#999; color:#111; padding:3px; width: 100px;}
	.lecture-content ul.ders li table table { border-spacing: 0; padding:5px 0;}
	.lecture-content ul.ders li table table tr td:nth-of-type(2) { margin:0; padding:2px 3px;  display:relative;}
	.lecture-content ul.ders li input[type=text] {   padding: 5px; border: none; border-bottom: solid 2px #c9c9c9; transition: border 0.3s; width: 50%;}
	.lecture-content ul.ders li input[type=text]:focus {  border-bottom: solid 2px #969696; }
	.lecture-content ul.ders li textarea { width:300px; }
	.lecture-content ul.ders li table span.adsoyad { display:block;}
	.lecture-content ul.ders span.img-admin:before {
	    font-family: FontAwesome;
	    color: #777;
	    font-size: 33px;
	    position: absolute;
	    left: 0px; 
	    top:0;   	
	    padding:5px; 
	    content: "\f007";
		}

	.lecture-content ul.ders span.img-admin:before { color:#B91111;}



.lecture-content ul.tasks {
	list-style-type: none; margin:0; padding:5px;
	}


.lecture-content ul.table {
		list-style-type: none; margin:0; padding:5px;
		position:relative;
		}

.lecture-content ul.table li{
	padding:10px 20px;  
	margin:5px;
	margin-left:0px;
	position:relative;
	color:#111;
	background:#E6E6E6;
	}
.lecture-content ul.table li table { border-collapse: collapse; }
.lecture-content ul.table li table tr:nth-last-child(odd) td{ background:#DBDBDB; color:#000;}
.lecture-content ul.table li table tr:last-child td{ color:#000; font-size:19px;}
.lecture-content ul.table li table tr td.ort { text-align:center;}
.lecture-content ul.table li table tr.uzerinde td { padding:5px; border:0px Solid rgba(0,0,0,0.5);; background:rgba(0,0,0,0.5);}
.lecture-content ul.table li table tr.uzerinde:before td:nth-of-type(1){ position:absolute; Content:'Islem Tamam';}
.lecture-content ul.table li table tr:nth-of-type(1) td{
	background:#6C7B15;
	color:#FEFEFE;
	padding:10px 5px;
	border-right:1px Solid #586512;
}

.lecture-content ul.table li input[type=number]{
	display:table-cell;
	font-size:16px;
	height:30px;
	width:40px;
}

.lecture-content ul.table li table tr td.yoklama button {
	background: transparent;
	border:none;
	border:2px Solid transparent;	
}

.lecture-content ul.table li table tr td.yoklama button:hover {
	background: Red;
	border:2px Solid #999;	
	color:#FFF;
}



.lecture-content ul.sinavSorular {
		list-style-type: none; margin:0; padding:5px;
		position:relative;
}


.lecture-content ul.sinavSorular li {
	position:relative;
	display:inline-block;
    font-family: 'Open Sans Condensed', arial, sans;
    padding: 10px;
    background: #FFFFFF;
    margin: 3px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.22);
    -webkit-box-shadow:  0px 0px 3px rgba(0, 0, 0, 0.22);
    font-size:17px;


    -webkit-transition: border 0.2s, background-color 0.2s;
    -moz-transition: border 0.2s, background-color 0.2s;
    transition: border 0.2s, background-color 0.2s;    
}

.lecture-content ul.sinavSorular li:hover {
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.22);
    -webkit-box-shadow:  0px 0px 3px rgba(0, 0, 0, 0.22);
    background-color: #2CBBBB;
    display: inline-block;
    cursor: pointer;
    color: #FFFFFF;
    font-family: 'Open Sans Condensed', sans-serif;
    text-decoration: none;
    text-transform: uppercase;
}

.lecture-content ul.sinavSorular li span{
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.22);
    -webkit-box-shadow:  0px 0px 3px rgba(0, 0, 0, 0.22);
	display:inline-block;
	position:absolute;
	top:-10px;
	font-size:15px;
	padding:1px 3px;
}

.lecture-content ul.sorular {
		list-style-type: none; margin:0; padding:5px;
		position:relative;
}

.lecture-content ul.sorular input[type=button], .lecture-content ul.sorular button{
	padding:5px;
	width:100px;
	margin:2px;
}



.lecture-content ul.sorular li {
    font-family: 'Open Sans Condensed', arial, sans;
    width: calc(100% - 90px);
    padding: 10px 30px;
    background: #FFFFFF;
    margin: 20px 5px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.22);
    -webkit-box-shadow:  0px 0px 15px rgba(0, 0, 0, 0.22);
    font-size:17px;
    margin:7px 0px;


   border-left: 5px Solid rgba(255, 255, 255, 0.1);
    -webkit-transition: border 0.2s, color 0.2s;
    -moz-transition: border 0.2s, color 0.2s;
    transition: border 0.2s, color 0.2s;    
}

.lecture-content ul.sorular li:hover .butonlar {
   display:inline-block;
	}

.lecture-content ul.sorular div.butonlar {  
  display:none;
  padding:5px;
  position:absolute;
  left:10px;
}

.lecture-content ul.sorular div.butonlar button {  
  width:40px;
 }


.gizle { display:none;}
.goster {display:block;}

/*sorular cikti onizleme */
:root {
    --soruaralik: 13px;
    --sorufontboyut: 1.1em;
    --sorufontrenk: #111;
    --sorufont: 'Open Sans Condensed', arial, sans;;    
	--anaRenk: #740A0A;
	/*--anaRenk: #2b6dad;*/
}


h2.cevaplar {
	display:none;
	padding-top:10px;
	text-align:center; 
	padding:5px; 
	color:111; 
	font-size:14px;
}

#logoText{
	position: fixed;
	height: 20px;
	top: 50%;
	left: 50%;
	margin-top: -100px; /* Negative half of height. */
	margin-left: 10px; /* Negative half of width. */
	padding:0px 3px;
	
	background:#FFF;
    color:#999;
    
	transform: rotate(90deg);
	transform-origin: left top 0;    
	
	display:none;
	z-index:1;
	}

@media (min-width: 992px) {
	/*.hcontent .hright {display:table; width:100%;}*/
	.hcontent .hright {display:table; width:100%; border-top: 1px solid rgba(0,0,0,0.1); border-bottom: 1px solid rgba(0,0,0,0.1);}

	.h-benim-menu-1 {display:none;}

	.hcontent .hleft {display:table; width:100%;} 
	.hcontent .hleft img { max-width: 273px; height: auto;}
	
	.hcontent .hek {display:table; width:100%;} 	
	.hcontent .hek div { display:block;}
	
	.sonnot {
		flex-direction: row;
	}
	.sonnot div {
		width:50%;
	}
	.sonnot div:not(:last-child) {
		border-right:1px dotted #444;
	}
	
	.dersler-content { /*flex-direction: row-reverse;*/ padding:0 40px;}	
	.dersler-icerik .blog { padding-top:0px;}

	.mains .changingpart{ height:522px;}	
	.changingpart span:nth-of-type(1) {font-size:56px;}	
	.changingpart span:nth-of-type(2) {display:table-cell;}	
	.mains div.img {
		height:70%;
		width:100%;
		bottom:-20px;
		}
	.sabitle {			
		position: fixed;
		top: 0;
		}
	.hright label {display:none;}	
	.hek label {display:none;}	
	
	.hcontent div.hleft div.h-info {width:500px;}

	.main-statictics div span:nth-of-type(1) {
		font-size:55px;
		}
	
	.logo-info {left: 85px; top: 55px; font-size:10px;}
			
	.harita-info, .harita-map {
		 display:table-cell;
		 vertical-align:top;
		}
	.harita-info {
		width:40%;	
		color:#FFF;
		}
	.harita-map {
		width:60%;	
		}

	.lecture-left{ width: 25%;}
  .lecture-content { padding:20px 20px; width: Calc(75% - 40px)}

	.lecture-left ul.l-dersler li a {
		}

	.dersler-aciklama {
		width:40%;	
		}
	.dersler-ders {
		width:60%;	
		}
		
	.dersler-icerik {	
		width:60%;
		min-width:500px;
	}	

	.dersler-aciklama, .dersler-icerik-links, .dersler-icerik-iliskili {
    width:20%;
    min-width:100px !important;   
	}	
	
	
	.dersler-icerik-links {
		display:block;
    min-width:250px !important;
	}
	.dersler-icerik-links-tam {
		display:none;		
	}
	

	.h-info-div {display:none;}
	.h-main-menu {display:block;}
	
	.topp-Class  { position:absolute; width:300px;}

	.header .h-main-menu ul { 
		list-style-type: none;
		margin: 0 auto;
		padding:0px 0px;
		}
		    		
	.header .h-main-menu ul li {
	    display: inline-block;
	    margin-right: 5px;
		}	
	
	.header .h-main-menu ul ul li {	
		display: table;
		width:100%;		
		}	

	.form-style-13, .form-style-8  
		{
		margin:3% 3%;
		}
	
	
	}

@media (max-width: 991px) {
	
	.hcontent .hleft {display:table; } 
	.hcontent .hright {display:table; width:100%; }

	
	.h-benim-menu-1 {display:table;padding:5px;}
			
	.hcontent .hright label:before {width:55px; height:55px;}
	
	.hcontent .hek {display:table-cell; width:50px;} 
	.hcontent .hek {display:none;} 
	.hcontent .hek div { display:none;}
	
	.dersler-content {flex-direction: column; }	
	
	.hcontent .hleft img { max-width: 171px; height: auto;}
	.hcontent .hleft .h-info {width:100%;display:table-cell;}
	.hcontent .hleft .h-info div {float:right;}

	.h-min-but {display:block;}
	.logo-info {left: 52px; top: 31px; color:#999; font-size:6px; white-space: nowrap; }

	.h-info-div {display:none;}
	.h-main-menu {display:none;     transition: opacity 1s ease-out; opacity: 0; }
	.show {display:block;}
	
	.sonnot {
		flex-direction: column;
	}	
	.sonnot div:not(:last-child) {
		border-bottom:1px dotted #444;
	}	
	.mains div.changingpart{ height:322px;}	
	.changingpart span:nth-of-type(1) {font-size:26px;}		
	.changingpart span:nth-of-type(2) {display:none;}
	.mains div.img {
		height:100%;
		width:100%;
		bottom:-20px;
		}
		
		
	.main-statictics div span:nth-of-type(1) {
		font-size:33px;
		}
	.main-statictics div span:nth-of-type(2) {
		font-size:11px;
		}
	.main-statictics div i:before {
	    font-size: 21px;
	    }
		

	.lecture-main {flex-direction: column; padding:0;}

  .lecture-left { padding:10px; width: Calc(100% - 20px); }
  .lecture-content { padding:10px; width: Calc(100% - 20px)}

  .lecture-left ul.l-dersler, .lecture-left ul.l-kullanici, .lecture-left ul.l-admin-menu {margin:0;}

	.lecture-left ul.l-dersler li { margin:0px; display: none;}
	.lecture-left ul.l-dersler li.selected {display: block;}
	.lecture-left ul.l-dersler li.selected:after { display:none; }

  .dersler-content { /*flex-direction: row-reverse;*/ padding:0 10px;}
	.dersler-aciklama {display:none;}
	.dersler-icerik .blog-son{}

	.topp-Class  { 	position:absolute; left:0; width:calc(100% - 40px);}
	
	.dersler-icerik-links {
		display:none;
	}


	
	.dersler-icerik-iliskili {
		/*order:3;
		*/
	}	
	
	.dersler-icerik-links-tam {
		display:block;	
		order:-1;
	}
	
	.harita-info, .harita-map {
		 display:table;
		 vertical-align:top;
		 width:100%;
		}

	.harita-info {
		color:#FEFEFE;	
		}

	.hek .h-sozler {
		width:100%;
		position:absolute;
		top:86px;
		background:#FFF;		
	    right: 0;
	    background-color: #fff;
	    box-shadow: 2px 0 21px 0 rgba(0, 0, 0, 0.26);
    	}	
	
	.header .h-main-menu {

	    width:100%;
    	}	
	.header .goster {
		opacity: 1;
		display: block;			
	}
    	
	.header .h-main-menu ul { 
		list-style-type: none;
		margin: 0 auto;
		padding:0px 0px;
		}
    	
		
	.header .h-main-menu ul:nth-of-type(1) li { 		
		display: inline-block;
	    margin-right:5px;
		}		
	
		
	.header .h-main-menu ul ul li a {	
		padding-right:50px;
		border-bottom:0px Solid rgba(0,0,0,0.1);	
	}

	  .form-style-13, .form-style-8
	  {
	    margin:5px;
	  }
	.dersler-ders .ders-detay {
		flex-direction: column;
	}
		
}

@media print {



    #left, #right, #top {display:none; margin:0; padding:0;}    
  	
	#middle {
	  all: initial;
	  * {
	    all: unset;
	  }
	}
			
	#logoText{
		display:block;
	}	
  
}


 
.sinav-yazdir {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;

    -webkit-column-gap: 10px; /* Chrome, Safari, Opera */
    -moz-column-gap: 10px; /* Firefox */
    column-gap: 10px;
    
    -webkit-column-rule-style: dotted; /* Chrome, Safari, Opera */
    -moz-column-rule-style: dotted; /* Firefox */
    column-rule-style: dotted;  
    
    -webkit-column-rule-color: #999; /* Chrome, Safari, Opera */
    -moz-column-rule-color: #999; /* Firefox */
    column-rule-color: #999;   
		display:block;
		height:100%;
	}

.sinav-yazdir ol.olsorular {
    list-style: none;
    counter-increment: numList; 	
    margin:0;
    }

.sinav-yazdir ol.olsorular li:active { 
	background: rgba(0,0,0,0.13);	
	}

.sinav-yazdir ol.olsorular li.sorular { 
	margin-bottom:var(--soruaralik);
	font-size:var(--sorufontboyut);
	font:var(--siklarfont);	
	
	position: relative;
	
-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;	
	}


.sinav-yazdir ol.olsorular li.sorular:first-child {	
	page-break-after: auto;
	}

.sinav-yazdir ol.olsorular li.sorular:first-child:before {
      counter-increment: figurenum;
      content: counter(figurenum);
    }

.sinav-yazdir ol.olsorular li.sorular:before {
    counter-increment: numList;
    content: counter(numList);
    
    float: left;
    position: absolute;
    left: -26px;
    
    font: bold 12px sans-serif;
    text-align: center;
    color: #fff;
    line-height: 18px;
    
    width: 18px; height: 18px;
    background: #DD4A68;
    
    -moz-border-radius: 999px;
    border-radius: 999px
}

.sinav-yazdir ol.olsorular li.sorular .soru { 
	display:block;
	margin-bottom:3px;
	}

.sinav-yazdir table tr td {
  border-bottom: 1px Solid rgba(0,0,0,0.2);
}


.sinav-yazdir li span.acik-uclu, .sinav-yazdir span.acik-uclu{ 
	height:30px;
	display:block;
	width:100%;
	border-bottom:1px Solid #343;
}
.sinav-yazdir li p {
	margin:0;
	padding:0;
}

.sorular-cikti ul.slider li.slider{
	background-color: rgba(0,0,0,0.03);
	margin: 30px 0px;
	margin-bottom:5px;
	position:relative;
	border-radius: 20px;

}

.sorular-cikti ul.ul-ad li:hover {
  /*
  background-color: rgba(0,0,0,0.05);
  */
}

.sorular-cikti ul.ul-ad li.li-ad {
  background: rgba(0,0,0,0.1);
  border:1px Solid rgba(0,0,0,0.1);
}

.sorular-cikti div.admin-butonlar {
  background: #FFF;
  padding:5px;

  /*
  display: none;
  
  box-shadow: 0 4px 3px -3px black;
  */
}

.sorular-cikti div.admin-butonlar a {
  background: rgba(0,0,0,0.1);
  padding: 5px;
  margin: 5px;
  border-radius: 5px;
}

.sorular-cikti div.soru, .sorular-cikti div.numara, .sorular-cikti div.cevap, .sorular-cikti div.kaydetbuton {
	display:block;
	padding:1% 3%;

	font-size: var(--sorufontboyut);
	font-family: var(--sorufont)
	color: var(--sorufontrenk);
}

div.soru pre {  
	font-size:14px;
}


.sorular-cikti div.numara div{

	border-radius: 20px;
	background-color: rgba(0,0,0,0.1);
	display: inline-block;
	padding: 7px 15px;
	color: #000;
	margin-top: 20px;
	}
	.sorular-cikti div.numara span { color: #999;}

.sorular-cikti div.kaydetbuton {
}


.sorular-cikti div.cevap {
	margin-bottom: 20px;
  }
  
.sorular-cikti div.cevap .siklar {
  display:table-row;
  vertical-align: middle;  
  position:relative;
  padding: 5px;	
}

.sorular-cikti div.cevap div.siklar span {
	display:inline-block;
	padding:5px;
}

.sorular-cikti li input[type=text], .sorular-cikti li textarea,  .sorular-cikti li div.siklar .cke {
margin:1% 3%;
	width: calc(100% - 6% - 24px);
	padding:5px 10px;

	border-left: 4px solid #DD4A68;
	margin-bottom:10px;
}


.sorular-cikti li textarea {
	height:90px;
	}


.sorular-cikti .lSAction .lSPrev {left:0px;}
.sorular-cikti .lSAction .lSNext {right:0px;}

.sorular-cikti .lSAction .lSPrev:before,.sorular-cikti .lSAction .lSNext:before{
    font-family: FontAwesome;
    font-size:32px;
    color:#DD4A68;
	}
	
.sorular-cikti .lSAction .lSPrev:before {
    content:'\f053';
    }

.sorular-cikti .lSAction .lSNext:before {
    content:'\f054';
    }
	
.sorular-cikti .lSAction .lSPrev,.sorular-cikti .lSAction .lSNext{ 
	width:25px;
	}


.sorular-cikti .cevap .siklar .ttt {
	position:relative;
	display:inline-block;
	background:transparent;
}

.sorular-cikti .cevap .siklar label:nth-child(2) {
	cursor:pointer;
	display:table-cell;
	vertical-align:middle;
}



.sorular-cikti .cevap .siklar .ttt input[type=radio] {
	visibility: hidden;
}

.sorular-cikti .cevap .siklar .ttt {
	width: 28px;
	height: 28px;
	background: #fcfff4;
	
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;	
	
}

.sorular-cikti div.cevap div.siklar .ttt label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;

	left: 4px;
	top: 4px;



	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );

-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;	
	
}

.sorular-cikti div.cevap .sik-onay .ttt {
     background: Green;  
    }

.sorular-cikti div.cevap div.siklar .ttt label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	background: #00bf00;

	background: -webkit-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: -moz-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: -o-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: -ms-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: linear-gradient(top, #00bf00 0%, #009400 100%);

	top: 2px;
	left: 2px;

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	

  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;	
	
}

.sorular-cikti div.cevap div.siklar .ttt label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.sorular-cikti div.cevap div.siklar .ttt input[type=radio]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}


ol.s-sorular {
	margin:0;
	margin-left: 10px; 
	}
	ol.s-sorular li.s-sorular-li {
		background:#FEFEFE;
		padding:5px;
		margin-top:10px;
		border-radius: 5px;
	}

	ol.s-sorular li.s-sorular-li .butonlar {
		background: rgba(0,0,0,0.03);
		border-radius: 5px;
		margin: 0px;
		padding: 5px;
	}
	ol.s-sorular li.s-sorular-li .soru {
		padding-left: 20px;
	}

	ol.s-sorular li.s-sorular-li  ol.cevap {
		list-style-type: lower-alpha;
		margin:0;		
	}	
	ol.s-sorular li.s-sorular-li li {
		padding-top:3px;		
	}	
	


ul.s-dersler {
	list-style-type: none; 
	margin:0; 
	padding:5px;
	padding-bottom:20px;
	}
	
	ul.s-dersler li.dersler-li {
		width:calc(100% - 15px);
		padding-left:10px;		
		font-size:17px;
		display: block;
		background: #EEE;
		border-top:1px Solid #FFF;
		border-left:1px Solid rgba(0,0,0,0.1);
		border-bottom:1px Solid rgba(0,0,0,0.1);	
		vertical-align: middle;	
		text-align:left;
		text-decoration:none;
		color: #444;
		position:relative;
		}

	.hide {display:none;}

	ul.s-dersler li.dersler-li a.derslerr {		
		display:block;
		padding:10px;
		padding-left:40px;
		}
		
	ul.s-dersler li.dersler-li a.gizlee {		
		background:#c2c2c2;
		}		
		
	ul.s-dersler li.dersler-li a:before{		
		position:absolute;
		display:table-cell;
		text-align:center;
		line-height: 25px;
		width:30px;
		height:100%;
		background: #c2c2c2;
	    font-family: FontAwesome;
	    color: #555;
	    font-size: 13px;
	    left:0;
	    top:0;
		}
		
	ul.s-dersler li.dersler-li a span {
		position:absolute;
		right:5%;
		float:left;
	    background-color: rgba(34, 34, 34, 0.5);
	    font-weight: 600;
	    border-bottom: 1px solid #FEFEFE;
	    border-radius: 10px;
	    padding:2px 13px;
		display:inline-block;
		text-decoration:none;
		color:#FFF;
		font-size:12px;
		}	
		
	ul.s-dersler ol.pasif {display:none;}
	ul.s-dersler ol.active {display:block;}



ul.c-haftalar {
	list-style-type: none; 
	margin:0; 
	padding:5px;
	padding-bottom:20px;
	}
	
	ul.c-haftalar li.c-haftalar-li ol{
		margin:0px;
		padding:4px;
		padding-top:11px;
		counter-reset: item; 
	}
    ul.c-haftalar li.c-haftalar-li ol li { display: block; }
    ul.c-haftalar li.c-haftalar-li ol li:before {
        content: counter(item) ". ";
        counter-increment: item;
        color: #69940D;
        font-size:19px;
    }
	ul.c-haftalar li.c-haftalar-li {
		width:calc(100% - 10px);
		display: block;
    border:1px Solid rgba(0,0,0,0.05);
		vertical-align: middle;	
		text-align:left;
		text-decoration:none;
		color: #444;
		position:relative;
    margin-bottom: 0px;
		
		font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
		}

	.hide {display:none;}
		
	ul.c-haftalar li.c-haftalar-li a.haftaa {		
		display:block;
		padding:10px;
		padding-left:40px;
		text-decoration:none;
		
		}
		
	ul.c-haftalar li.c-haftalar-li a.gizlee {		
		background:#c2c2c2;
		}		

  ul.c-haftalar li.gizlee {   
    background:#c2c2c2;
    } 		

	ul.c-haftalar li.c-haftalar-li a:before{		
		position:absolute;
		display:table-cell;
		text-align:center;
		line-height: 25px;
		width:30px;
		height:100%;
		background: rgba(0,0,0,0.01); 
	    font-family: FontAwesome;
	    color: #555;
	    font-size: 13px;
	    left:0;
	    top:0;
		}


	ul.c-haftalar div.odev table tr td:nth-of-type(1) {color:#111; width:0;}
	ul.c-haftalar div.odev table tr td:nth-of-type(2) {font-size:15px;}	

	

  ul.c-haftalar .flex-container-lecture {
    display: flex;
    flex-direction: column;
    background-color: #FFF;
    display:none;
    margin-left: 35px; 
  }

  ul.c-haftalar .active { display:block;}

	ul.c-haftalar .flex-container-lecture > div{
	  position: relative;
	  padding: 5px 0px;
	  padding-left:35px;
	  margin:5px 0px;
	  background: rgba(0,0,0,0.03);
	  min-height: 21px;

	}

	ul.c-haftalar .flex-container-lecture > div:before  {
	  position: absolute;
	  display:inline-block;
	  text-align:center;
	  width:27px;
	  background: var(--anaRenk);
	  font-family: FontAwesome;
	  color: #FFF;
	  font-size: 18px;
	  top:0;
	  left:0; 
	  padding-top: 5px;
	  height: Calc(100% - 5px);  
	  }

	  ul.c-haftalar div.gizli {
	  	height: 20px;
	  	overflow: hidden;
	  }

	  ul.c-haftalar div.yoklama:before  {
	    content:'\f14e';          
	  }

	  ul.c-haftalar div.odev:before  {
	    content:'\f0f6';          
	  }

	  ul.c-haftalar div.gizli:before  {
	    content: "\f023";   
	    background-color: rgba(0,0,0,0.2);    
	  }

	ul.c-haftalar iframe { width:100%; padding:0; border:none; height:45px; margin:0; overflow-x:hidden; overflow-y:hidden;}	

	ul.c-haftalar table.odevtable {display:none; color:#111; width:100%; margin-top:-15px; background:transparent; padding:15px; border-left:3px Solid var(--anaRenk);}

	ul.c-haftalar div.odev-div {margin-top:10px; background:transparent; padding:15px; border-left:3px Solid var(--anaRenk);}

	ul.c-haftalar div.passed table {display:none; margin-left:-5px; color:#111; width:100%;}
	ul.c-haftalar div.passed table tr td {vertical-align: center; padding:3px;}
	ul.c-haftalar div.passed table tr td:nth-of-type(1) {color:#111; width:30%; font-size:15px;}
	ul.c-haftalar div.passed table tr td:nth-of-type(2) {color:#000; font-size:15px;}
	ul.c-haftalar div.passed input[type=checkbox] {display:none;}
	ul.c-haftalar div.passed input[type=checkbox]:checked  + table { display:block; }
	ul.c-haftalar div.passed label {position:relative; cursor:pointer; display:block; padding:5px;  font-size:18px; font-weight: bold; color:#000; margin-left:-5px;}
	ul.c-haftalar div.passed a {position:relative; display: inline-block; text-decoration:underline; padding-left:0px; display:inline-block;text-transform: lowercase; font-weight: normal;}
	ul.c-haftalar div.passed a:hover { text-decoration:underline; box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden;  -moz-osx-font-smoothing: grayscale;}
  ul.c-haftalar div.passed label:hover { background:rgba(0,0,0,0.1); }
  ul.c-haftalar div.passed label span { font-size: 10px;}


.lecture-content table.dsettings {
	display:table;
	padding:20px;	
	border-collapse:collapse;
	width:100%;
	background:#111;
	
	}
.lecture-content table.dsettings tr td {
	border-bottom:1px Solid #999;
	}

ul.c-kullanici {
	list-style-type: none; 
	margin:0px; 
	padding:5px;
	padding-bottom:20px;
	position:relative;
	padding-left:40px;
	background:#EEE;
	margin:10px;
	margin-bottom:20px;
	}
	
ul.c-kullanici li {	}
ul.c-kullanici li:before {	
	position:absolute;
	display:inline-block;
	content:'\f007';
	text-align:center;
	width:30px;
	background: var(--anaRenk);
    font-family: FontAwesome;
    color: #FFF;
    font-size: 18px;
    top:0;
    left:0;
    height:calc(100% - 5px);
    padding-top:5px;
    vertical-align: middle;
}

ul.c-kullanici li table { width:100%; border-spacing: 0px;}
ul.c-kullanici li table tr.zorunlu td:nth-of-type(1):before {content:'*'; padding:0px 3px; color: #B91111;}
ul.c-kullanici li table tr td {padding:0px 3px;}
ul.c-kullanici li table tr td input {padding:5px 3px;margin:3px; width:70%;}
ul.c-kullanici li table tr td:nth-of-type(1) {padding-left:30px; width:109px; }
ul.c-kullanici li table tr td:nth-of-type(3) {display:table; text-align: top;}
ul.c-kullanici li table tr:nth-of-type(1) td {border-bottom:#ddd 1px Solid; color:#333; padding-bottom:0px; padding-top:15px;}
ul.c-kullanici li table tr:nth-of-type(2) td {border-bottom:#ddd 1px Solid; color:#333; padding-bottom:0px;}
ul.c-kullanici li table tr:nth-of-type(3) td {border-bottom:#ddd 1px Solid; color:#333; padding-bottom:0px;}
ul.c-kullanici #k-uyari {color:red; font:21px; display:none;}
ul.c-kullanici li table button {padding:7px 7px; margin:15px 0px;}
ul.c-kullanici li table button:before {font-weight: normal; padding:5px; font-size: 15px; font-family: FontAwesome;}
ul.c-kullanici li table .working {padding-left:30px; background: url('/images/loader.gif') #69940D no-repeat 10px 10px;}

ul.c-haftalar li table .working {padding-left:30px; background: url('/images/loader.gif') no-repeat 3px 3px;}

.notlar {
	z-index: 2;
	top: -13px;
	border-width: 3px;
	padding: 30px 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);
	-webkit-box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);
	box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15); 
}

.notlar tr:nth-of-type(2) td {border-left:0px Solid #333; font-size: 21px; padding: 3px;}
.notlar tr:nth-of-type(3) td {border-left:0px Solid #333; font-size: 21px; padding: 3px;}
.notlar tr:nth-of-type(4) td {border-left:0px Solid #333; font-size: 21px; padding: 3px;}




/*----------------------------------------------------Table graph-------*/
.tablegraph tr td {position:relative; display:table; }
.tablegraph tr td span {display: block; margin-top:-30px; text-align: center; color:#FFF; font-size:23px; background:#424;}
.tablegraph tr img { margin:3px;}
.tablegraph tr:nth-last-child(1) td {padding: 0px 13px; }




/* -----------------------------SLIDE THREE */

.yn_blue {	background: #333; }
.yn_red { background: #B91111; }

.yn_round {
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}

.slideThree {
	width: 80px;
	height: 26px;
	margin: 3px;
	position: relative;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);

	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;	
}

.pass {
	background: #333;
}

.slideThree:after {
	content: 'OFF';
	font: 12px/26px Arial, sans-serif;
	color: #999;
	position: absolute;
	right: 10px;
	z-index: 0;
	font-weight: bold;
	text-shadow: 1px 1px 0px rgba(255,255,255,.15);
}

.slideThree:before {
	content: 'ON';
	font: 12px/26px Arial, sans-serif;
	color: Green;
	position: absolute;
	left: 10px;
	z-index: 0;
	font-weight: bold;
}

.slideThree label {
	display: block;
	width: 34px;
	height: 20px;

	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
	cursor: pointer;
	position: absolute;
	top: 3px;
	left: 3px;
	z-index: 1;

	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	background: fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}

.slideThree input[type=checkbox]:checked + label {
	left: 43px;
}

.slideThree input[type=checkbox] {
	visibility: hidden;
}
/* -----------------------------end of the SLIDE THREE */


.lecture-content ul.user {
	list-style-type: none; 
	margin:0; 
	padding:5px;
	}

.lecture-content ul.user li{
	position:relative;
	background:#EEE;
	margin:3px;
	position:relative;
	color:#999;
	width:155px;
	height:128px; 
	overflow:hidden;
	float:left;
	border-left:2px Solid #999;
	font-size:14px;
	
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;	
	}

.lecture-content ul.user li.auser{
	border-left:7px Solid #B91111;
	}
	
.lecture-content ul.user li table{
	position:absolute;
	margin:0;
	bottom:0;
	border-collapse:collapse;
	}	
	
.lecture-content ul.user li table{
	color:#FFF;
	width:100%;
	}	

.lecture-content ul.user li table tr td span.odevler {
	padding:1px 3px;
	background:#FFF;
	color:#000;	
	}

.lecture-content ul.user li:hover div {	
	display:block;
	}
	
.lecture-content ul.user li div {	
	display:none;
	width:100%;
	bottom:0;
	left:0;
	padding:3px;
	
	}

.lecture-content ul.user li div a {	
	color:#FFF;
	}


.lecture-content ul.user span.img-aktif:before, .lecture-content ul.user span.img-admin:before, .lecture-content ul.user span.img-pasif:before {
    font-family: FontAwesome;
    color: #777;
    font-size: 33px;
    position: absolute;
    left: 0px; 
    top:0px;   	
    padding:5px; 
    content: "\f007";
	}


.lecture-content ul.user span.img-admin:before {
	color:#B91111;
	}

.lecture-content ul.user span.img-pasif:before {
	color:#555;
	}

.lecture-content ul.user span.img-aktif:before {
	color:green;
	}

.lecture-content ul.user span.img-admin:before {
	color:#B91111;
	}

.lecture-content ul.user span.img-pasif:before {
	color:#555;
	}

.logo { 
	height:177px;
	width:177px;
	background: url(/images/logo.png);
	position:absolute;
	left:50%;
	margin-left:-90px;
	top:-60px;
	z-index:2;
}

.lectureLogo { 
	height:61px;
	width:87px;
	background: url(/images/logosmall.png);
	position:absolute;
	left:50%;
	margin-left:-90px;
	top:-5px;
}

.logo-info {
	position:absolute;
	display:none;;
}

.header{
	position:relative;
	width:100%;
	background:#282828;
	top:0;
	left:0;
	z-index: 11;

	}
	
	.blog-son { 
    border-top: 1px solid rgba(0,0,0,0.2);
    border-bottom: 1px solid rgba(0,0,0,0.2);
    background: #282828;
    font-size: 14px; 
    color: #999; 
    font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
    }
	
    .blog-son .hcontent-blog-son { display:table; width:95%; margin:auto; padding:0px 0px;}
	
	.header .hcontent { display:table; width:95%; margin:auto; padding:0px 0px;}
	
			.hcontent div.hleft {text-align: left; vertical-align: middle; padding:13px 0; }			
			.hcontent div.hleft div.h-logo, 
			.hcontent div.hleft div.h-info, 
			.hcontent div.hleft div.h-info .h-info-div div {display: table-cell; position:relative; vertical-align: middle; font-size: 15px; color:#666;   font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;}			
			.hcontent div.hleft div.h-info {position:relative; text-align:right;}				
			.hcontent div.hleft div.h-info div:before { font-family: FontAwesome;  color: var(--anaRenk); font-size: 21px; position:absolute; top:20px;left:-10px;}
			.hcontent div.hleft div.h-info .h-info-div div:nth-of-type(1), .hcontent div.hleft div.h-info .h-info-div div:nth-of-type(2) {width:225px; text-align:left; padding:15px;}
			.hcontent div.hleft div.h-info .h-info-div div:nth-of-type(1) {padding-right:30px;}
			.hcontent div.hleft div.h-info .h-info-div div:nth-of-type(1):before {Content:"\f095"; }
			.hcontent div.hleft div.h-info .h-info-div div:nth-of-type(2):before {Content:"\f041"; }									
			.hcontent div.hright, .hcontent div.hek {vertical-align: middle;}

	.hright .h-benim-menu {display:flex;padding:10px;}
	.hright .h-benim-menu div, .h-benim-menu-1 div { align-self: center;}
			.head-login-icon { width: 51px; height: 51px; border-radius: 50%; object-fit: cover; object-position: center;}
			
	.h-benim-menu-1 span{  width:23px;height:23px; position:relative;}	
	.h-benim-menu-1 span:before{transition:all 0.3s ease; font-family: FontAwesome;  color: #FEFEFE; font-size: 27px; display:table-cell; width:23px;height:23px; text-align:center; vertical-align:middle; }
	.h-benim-menu-1 span:hover:before{ cursor:pointer; color:var(--anaRenk);}
	
	.header a.mainlink { 
     	display: inline-block;
		padding:5px 5px;
		margin:0px;
		position:relative;
		font-weight: 100;
				
		text-decoration:none; 
		
    font-size: 16px;
		text-transform: uppercase;
		
		font-style: normal;		
	    font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
	    line-height: 1.5;
	    color: #FEFEFE;
	    -webkit-transition: all 0.2s ease-in-out;
	    -moz-transition: all 0.2s ease-in-out;
	    -o-transition: all 0.2s ease-in-out;
	    -ms-transition: all 0.2s ease-in-out;
	    transition: all 0.2s ease-in-out;		    
		text-align:left;    	
		}		
				
		.header a.mainlink i {display:inline-block; padding: 5px 0; font-style: normal; position:relative;}
		.header a.mainlink span { font-size:10px; color:#999;	}
		.header a.mainlink:hover { cursor:pointer; border-bottom:1Px Solid var(--anaRenk);  } 
		.header a.mainlink:hover:before {color:var(--anaRenk); } 
		.header a.mainlink.activead span { color:#DDDDDD; } 
		.header a.mainlink.activea {color:#FFF;}		
		.header a.mainlink.activead {border-bottom:1Px Solid var(--anaRenk);  text-decoration:bold;}		
		.header a.mainlink.activead:before { color:var(--anaRenk); } 		
		.header a.mainlink:before {
		    font-family: FontAwesome;
		    color: #333;
		    font-size: 10px;
		    top:0;
		    position:absolute;
		    margin:auto;
		    right:7px;
		    z-index:2;	
			}



	
	.info-but:before { background:#999; content: '\f142';}
	.h-benim-menu-1 span:before { color:#E3E2DD; content: '\f0c9';}
	
	.header .h-login-menu  { position:relative }
	.header .h-login-menu  span.head-login-name{
		color: #999;	
		display: inline-block; 
		text-align: right; 
		vertical-align: middle;			
		}

	
	.topp-Class ul {	
		list-style: none;
	}
	
	.topp-Class ul li {
		background:#399;
	}
	
	.topp-Class ul li a {
		display:block;
		width:100%;
		font-size:16px;
		border-bottom:1px Solid rgba(0,0,0,0.1);	
		  height: 40px;
		  line-height: 40px;
		  text-align: center;
		text-align:left;
		text-decoration:none;
		color: #444;
		background-color:#FFF;
		position:relative;
		font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;		
		padding:0 5px;
	}	
	.topp-Class ul li a:hover {	
		background: #DDD;
	}
	
	.topp-Class ul li a:hover:after {	
		color: var(--anaRenk);
	}	
	.topp-Class ul li a:after {
		position:absolute;
	    font-family: FontAwesome;
	    color: #F3F3F3;
	    font-size: 21px;
		left:-33px;
  
	}
		
	.headerAdmin {
		border-left:15px Solid #B91111;		
	}
	.UW {
		width: calc(100% - 35px);
	}


.main-statictics, .main-dersler {
    width: 100%;
	background:#222;
	position:relative;
	border-top:1px Solid #333;
	}


	.main-statictics .m-s-div {
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: center;		
		margin:auto;
	}

	.main-statictics .m-s-div div {
		text-align:center; padding:20px; position:relative; 
		}
	
	.main-statictics .m-s-div div i {
		display:inline-block;

		background-image: -moz-linear-gradient(top, #f4f1ee, #fff);			
		background-image: -webkit-linear-gradient(top, #f4f1ee, #fff);
		background-image: linear-gradient(top, #f4f1ee, #fff);
		
		border-radius: 50%;
		box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, .3), inset 0px 4px 1px 1px white, inset 0px -3px 1px 1px rgba(204,198,197,.5);
		height: 70px;
		width: 70px;			
		-webkit-transition: all .1s linear;
		transition: all .1s linear;	
		
		margin-bottom:10px;
		}
		
	
	.main-statictics div i:after {
		color:#FFF;
		content: '';
		display: block;
		font-size: 30px;
		height: 30px;
		text-decoration: none;
		text-shadow: 0px -1px 1px #bdb5b4, 1px 1px 1px white;
		position: absolute;
		width: 30px;
		}
				
	.main-statictics div span {
		display:block;
		font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
		}
	
	.main-statictics div span:nth-of-type(1) {
		color:#FFF;
		}
	
	.main-statictics div span:nth-of-type(2) {
		color:#999;
		}
	
	.main-statictics div i:before {
		padding-top:15px;
	    font-family: FontAwesome;
	    color: #333;
	    font-size: 27px;
	    display:block;
	    text-align:center;  
	    font-style: normal;
		}
	
	.fa-student:before {
		content: "\f0c0";
		}
	
	.fa-teacher:before {
		content: "\f19c";
		}
	
	.fa-course:before {
		content: "\f091";
		}


		
.hesap {
	display:flex;
	
}
.hesap div {
	padding:10px;
	
}
		
.kurumlar{
	position:relative;
	width:100%;
	background:#FFF;
	font-family: Georgia, serif;	
	}
	
	.kurumlar .hcontent {
		width:95%; margin:auto; padding:10px 0;
		}
	.kurumlar .hcontent a img {
		width:100px;		
		}


.sonnot {
	position:relative;
	background:#282828;
    font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
	display:flex;
	width:Calc(100% - 60px);
	margin:auto;
  font-size: 14px;
	padding:30px 30px;	
	}
	.sonnot div {color:#999; padding:20px;text-align:center;}
	.sonnot ul {margin:0; padding:0;list-style-type: none;}
	.sonnot ul li {padding:5px 0px}
	.sonnot a { color:#CECECE;text-decoration:none; }
	.sonnot a:hover {text-decoration:underline;;} 
	.sonnot img {    max-width: 171px;   height: auto;}

.harita {
	position:relative;
	background:#212121;
    font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
	display:block;
	width:100%;
	}
	
	.harita-content { display:table; height:100%; width:95%;margin:auto; padding:0;}	
	
	.harita-info .harita-info-more {
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: center;
		}
	.harita-info-more div {text-align:center; padding:10px; padding-top:120px; position:relative; width:210px;}
	.harita-info-more div:before { font-family: FontAwesome;  color: #666; font-size: 51px; position:absolute; left:40%; top:20%; 
		left: 0; 
		right: 0; 
		top:20%;
		margin-left: auto; 
		margin-right: auto; 
		width: 210px; }	
	.harita-info-more div:after {text-transform: uppercase; font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif; color: #666; font-size: 19px; position:absolute;   
		left: 0; 
		right: 0; 
		top:50%;
		margin-left: auto; 
		margin-right: auto; 
		width: 210px; }	
	.harita-info-more div:nth-of-type(1):before {Content:"\f095"; }
	.harita-info-more div:nth-of-type(2):before {Content:"\f003"; }
	.harita-info-more div:nth-of-type(3):before {Content:"\f041"; }
	.harita-info-more div:nth-of-type(4):before {Content:"\f017"; }
	.harita-info-more div:nth-of-type(1):after {Content:"Telefon"; }
	.harita-info-more div:nth-of-type(2):after {Content:"Posta"; }
	.harita-info-more div:nth-of-type(3):after {Content:"Adres"; }
	.harita-info-more div:nth-of-type(4):after {Content:"office hours"; }



.dersler {
	position:relative;
	background:#fff;
  font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
	display:block;
	}
	
	.dersler-content { display: flex; }	

	.dersler-ders { 
    display: flex;
    flex-wrap: wrap;
    justify-content: center;			    
    padding:20px 0;
    width: Calc(100% - 20px);

    }

	.dersler-icerik-links {position:relative;}
	.dersler-icerik-links, .dersler-aciklama, .dersler-ders, .dersler-icerik,.dersler-icerik-iliskili, .dersler-icerik-links-tam {
		padding:30px 10px;
		}                                      
		
		.dersler-icerik-links a, .dersler-icerik-links-tam a {
			color: #2b6dad;
			text-decoration:none;
		}
		
		.dersler-icerik-iliskili a{
			color:#282828;
			text-decoration:none;
		}
		.blog a, .blog-son .hcontent a {
			text-decoration:none;
			color:#2b6dad;
			/*padding:3px 0;
			border-bottom:1px Solid #333;*/
		}
		.dersler-icerik-links a:hover,.blog a:hover, .blog-son .hcontent a:hover 
			{text-decoration:underline;}

    .faq1 dt{
      margin-top:7px;
      
      
    }
    
    .faq1 dd {
    margin-top:7px;
    margin-left: 19px;
    }

		.faq {
			counter-reset: my-badass-counter;
			margin-top:5px;
		}
		.faq dt:before {
			content: counter(my-badass-counter)". ";
			counter-increment: my-badass-counter;
			position: absolute;
			left: 0;
			top: 4px;
			font: normal 21px/1 Sans-Serif;
			color:#999;
			
			
		}
		.faq dd {
			padding-left: 10px;
		}
		.faq dt {
			position: relative;
			font: bold 16px;
			padding: 4px 0 4px 0;
			padding-left: 23px;
			counter-reset: my-dd-number;
		}
		
		.faq dd:before {
			padding-right:10px;
			
			margin-left:-33px;
			color:#999;
			content: counter(my-badass-counter)"-"counter(my-dd-number);
			counter-increment: my-dd-number
		}
	.dersler-icerik-iliskili div.ic{
		border-radius:0px;
		position:relative;
	}


	span.blog-baslik {
		padding:5px 0px;
		color:var(--anaRenk);
		font-weight:bold;
		display:block;
		
		}	
		span.blog-baslik:after {
			content:'';
			padding:5px 5px;
			color:var(--anaRenk);
			font-weight:bold;
			display:inline-block;
			
		}	
	.dersler-icerik-iliskili div.yazi {
		padding:15px 10px;

		padding-left:50px;
		position:relative;
		border-bottom:1px dotted #000;
		}	
		
		.dersler-icerik-iliskili div.yazi:before {
			font-family: FontAwesome;
			color: rgba(0,0,0,0.2);
			position:absolute;
			font-size: 25px;
			left:15px;
			top:20px;
			padding-right:7px;
			content: "\f15c";
		}	
		
		.dersler-icerik-iliskili div.yazi:hover {
			cursor:pointer;
		}
		
		.dersler-icerik-iliskili div.yazi:hover:before {
			color:var(--anaRenk);
		}	
		
		.dersler-icerik-iliskili div.yazi span{
			color: rgba(0,0,0,0.5);	
		}
	
	
	.dersler-icerik-subscribe {
		display:flex;
		
		color:#282828;
		font-size:14px;
		border-top: 11px solid transparent;
		border-bottom: 11px solid transparent;
		padding: 15px;
		/*
    background:#FBF6F3;
    border-image-source: url(/images/serit.png);
		border-image-repeat: stretch;  
		border-image-slice: 30;
    */
		}
		
		.dersler-icerik-subscribe input[type=text]{
			margin:5px;
			padding:5px;
			width:100%;
		}
		
		.dersler-icerik-subscribe span{
			border-radius:3px;
			padding:2px;
			background:var(--anaRenk);
			font-size:17px;
			color:#fff;
		}		
		
		.dersler-icerik-subscribe div:nth-child(1){
			width:70%;
			padding:30px 5px;
		}
		.dersler-icerik-subscribe div:nth-child(2){
			width:30%;
			background-repeat: no-repeat;
			background-size: 180%;			
			background-image:url('/images/mektup.png');
		}
		
		
	.dersler-aciklama span:nth-of-type(1) {
		text-align:left;
		color:#333;
		font-size:37px;
		display:block;
		}
		
	.dersler-aciklama span:nth-of-type(2) {
		text-align:left;
		color:#555;
		font-size:17px;
		display:block;	
		padding-left:0px;
		margin-left:0px;
		}
				
	.dersler-ders .ders {
		  text-align:center; padding:10px; position:relative; width:210px;	
		}		

  .dersler-ders .ders-detay {
      text-align:center;
      padding:10px; 
      position:relative;
      display: flex; 
      width:100%; 
      border-top: 1px Solid #333; 
      background: #FFF;
    } 

  .dersler-ders .ders-detay div[class^="d-flex"] {
    text-align: left;
    padding:10px;
  }

  .dersler-ders .ders-detay div.d-flex-hafta div {
    border-bottom: 1px Solid rgba(0,0,0,0.05);

  }

  .dersler-ders .ders-detay div.d-flex-hafta div span:nth-child(1) {
    border-radius: 10px;
    border:1px Solid rgba(0,0,0,0.2) 
  }


	.dersler-ders .ders a {
		text-decoration:none;
		}	

	.dersler-ders .ders:hover {
		cursor:pointer;
		}

	.dersler-ders .ders:hover div:nth-of-type(2) span:nth-child(1) {
		text-decoration: underline;
		}

	.dersler-ders .ders div:nth-of-type(1) {
		width:100%;
		border-top:5px Solid #333;
		text-align:center;
		position:relative;
		}	


	.dersler-ders .ders div:nth-of-type(2) {
		}			

	.dersler-ders .ders div img {
		width:160px;
		padding:0;
		margin:0;
		}						
		
		
	.dersler-ders span {
		display:block;
		position:relative;
		color:#333;
		padding:5px 5px;
		}			
		
	.dersler-ders .ders span:nth-of-type(2),  .dersler-ders .ders span:nth-of-type(3) {
		color:#999;
		padding:2px 5px;
		}

	.dersler-ders .ders span:nth-of-type(4) {
		padding:7px;
		background:var(--anaRenk);
		position:absolute;
		top:15px;
		color:#FFF;
		}		

	.dersler-ders .ders span:nth-of-type(4):before { 
		font-family: FontAwesome;
	    color: #FFF;
	    font-size: 15px;
	    padding-right:7px;
	    content: "\f007";	
		}

	.dersler-icerik .blog-comment-make, .dersler-icerik .blog-comment-list  {			
		background:#FEFEFE;	
		margin:37px 0px;
		}
		.dersler-icerik .blog-comment-make .cke_top, .dersler-icerik .blog-comment-make .cke_bottom {display:none;}
		.dersler-icerik .blog-comment-make .cke_contents {	}
		
		
		.dersler-icerik .blog-comment-make Table {
		padding:11px 0px;	
		width:100%;		
		}

		.dersler-icerik .blog-comment-make Table input[type="Text"], .dersler-icerik .blog-comment-make Table textarea{
		padding:5px;
		width:Calc(100% - 42px);	
		font-size:14px;
		padding:7px 20px;
		border:1px Solid #d1d1d1;
		font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;		
		}
	
	.dersler-icerik .blog-comment-list {
		border-top:2px dotted rgba(0,0,0,0.1);
		padding-top:15px;
		}
		



/* yorum bölümü css*/
.comment-section {
  padding: 0;
}

.comments {
    display: flex;
    padding: 10px 0px;
}

.comments.author-comment {
    justify-content: flex-end;
}


.comments.user-comment .c-info{
    text-align: right;
}

.comments.author-comment .c-info{
    order: 3;
    text-align: left;
}

.comments.author-comment .c-avatar{
    order: 2;
}

.comments.author-comment .c-content{
    order: 1;
}


.comments.user-comment .c-info{
    width: 15%;    
    padding: 0px 10px; 
}


.comments.author-comment .c-info{
    width: 15%;    
    padding-left: 10px; 
}

.comments .c-avatar{

    background: #333;
    min-width: 150px;
    display:none;
}

.comments.user-comment .c-content{
    background-color: #f3f3f3;  
    }

.comments.author-comment .c-content{
    background-color: #e2f8ff;  
    }

.comments .c-content{
    line-height: 1.5;
    padding: 18px 22px;
    width: 60%;
    position: relative;
    word-wrap: break-word;      
}

.comments.user-comment .c-content:after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #ffffff;
    border: 2px solid #f3f3f3;
    left: -8px;
}

.comments.author-comment .c-content:after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #ffffff;
    border: 2px solid #f3f3f3;
    right: -8px;
    top: 18px;
}

.comments .c-info span {
  display: block;
  font-size: 11px;
    color: #9ca7af;
}

.comments .c-info a {
    display: block;
    text-decoration: none;
    color: #656c71;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 10px 0 3px 0;
}

@media (min-width: 992px){
     .comments.user-comment .c-content:after {
        left: -8px;
        top: 18px;
    } 
}
@media (max-width: 991px){
    .comments.user-comment {
        flex-direction: column-reverse;
    }  
    .comments.user-comment .c-info{
        text-align: left;
    }

    .comments.user-comment .c-content:after {
        left: 18px;
        bottom: -10px;
    }

    .comments .c-content{
        width: calc(100% - 30px);
    }

}
/* end of "the yorum bölümü css" */
		
	
	.dersler-icerik .blog {    
		position:relative;
	    display: flex;
	    flex-wrap: wrap;
	    background:#FEFEFE;	
		
			
		max-width:100%;
		font-weight: 300;
		
		line-height: 1.5;
    padding: 10px 0px;
    margin-bottom: 30px; 
    border-bottom: 2px dashed #ddd;
		}


  .dersler-icerik .blog p.more{
    clear: both;
    display: table-cell;
    width: 100%;
    color:#999;
    text-align: left;
  }  

	.dersler-icerik .blog .myPre { 
		max-width:100%;
		overflow:auto;
		position:relative;
		}
		
	.dersler-icerik .blog .myPre pre { 
		}	

	.dersler-icerik .blog img:not(.head-login-icon) {
		border-radius: 5px;
		border:5px dotted rgba(0,0,0,0.05);
		padding:5px;
		display:block;
	}

  .dersler-icerik .blog img[alt~="btn"] {
    all: initial;
  }

	.dersler-icerik .blog ul {clear:both; display:block;}

	.dersler-icerik .blog span.dikkat {
		display:inline-block;
		border-radius: 5px;
		padding:3px 13px;
		background:#740A0A;
		color:#FFF;
	} 	


.dersler-icerik .blog {
	counter-reset: section-1, section-2, section-3;
}

.dersler-icerik .blog h1 {
	margin: 0.8em 0 0.5em 0;
	font-weight: 700;
	font-size: 25px;
	line-height: 25px;
}

.dersler-icerik .blog h2, .dersler-icerik .blog-comment-make h2 {
	font-weight: normal;
	font-size: 23px;
	line-height: 23px;
	counter-increment: section-1;
	counter-reset: section-2 section-3;
	width:100%;
	color:var(--anaRenk);
	padding: 5px;
	padding-left:0;
	margin-bottom:0px;
}

.dersler-icerik .blog h3 {
	display:block;
	width:100%;
	margin: 0.8em 0 0 0;
	color: #333;
	font-weight: bold;
	font-size: 17px;
	line-height: 17px;	
	counter-increment: section-2;
	counter-reset: section-3;
}

.dersler-icerik .blog h4 {
  display:block;
  width:100%;
  margin: 0.8em 0 0 0;
  color: #333;
  font-weight: bold;
  font-size: 16px;
  line-height: 16px;  
}

.dersler-icerik .blog p {
	margin:7px 0px;
	width: 100%;
}


.dersler-icerik .blog1 h2:before { content: counter(section-1) ". "; }
.dersler-icerik .blog1 h3:before { content: counter(section-1) "." counter(section-2) " "; }

		
		
		.dersler-icerik .blog .b-resim {
			display: flex;
			flex-wrap: nowrap;
			justify-content: left;			
			width:100%;
			height:auto;
			}
			.dersler-icerik .blog .b-resim div {
				padding-right:10px;
			}
			.dersler-icerik .blog .b-resim div span {
					display:block;
					color:#999;
					font-size:13px;
			}
			.dersler-icerik .blog .b-resim img {

				border-radius: 50%;	
			}
		
		.dersler-icerik .blog .b-tarih {
			width:100%;				
			margin-top:-7px;
			padding-bottom:20px;
			font-size:15px;			
			color:#555;
			}

    .dersler-icerik .blog .b-tarih span { display: block;}

    .b-reklam {
      width:100%;       
      margin:30px 0; 

      }

    .b-uyari {
      padding:5px;
      display: inline-block;
      position: relative;
    animation: ring 4s .7s ease-in-out infinite;
    transform-origin: 50% 4px;     
    }

    .b-uyari:before {
        font-family: FontAwesome;
        color: #777;
        font-size: 19px;
        content: "\f0a2";
      }

 
		.dersler-icerik .blog .b-tarih span {	
			font-weight:700;
		}
		.dersler-icerik .blog img{
			max-width: 100%;		
			height: auto;
		}
	
		.dersler-icerik .blog .b-baslik {
			padding:0px;
			color:var(--anaRenk);
			font-size:19px;
			font-weight:bold;
			display:block;
			width:100%;
			}			
			
	
		.dersler-icerik .blog .b-konu { 
			position:absolute;
			left:-25px;
			top:72px;
			}		
	
		.dersler-icerik .blog .b-konu:before { 
			display:table-cell;
					
			position:absolute;
			width:60px;
			height:50px;
			background:var(--anaRenk);
			text-align:center;
			vertical-align: middle;
					
			padding:2px;
			padding-top:10px;
	
			font-family: FontAwesome;
		    color: #FFF;
		    font-size: 38px;
		    border-radius:50px;	    		
			}
		.y1:before {content: "\f12e";}
		.y2:before {content: "\f0f6";}
		.y3:before {content: "\f1e7";}
		.y4:before {content: "\f02d";}
		.y4:before {content: "\f15c";}
		


.lectures {
	color:#FFF;
}


.topp-Class  {
	display:none;		
	color: #fff;
	padding: 20px;
	text-align: left;	
	background: #FFF;
	margin-top:0px;	
	border-top:2px Solid var(--anaRenk);
	box-shadow: 0 5px 19px -1px rgba(0, 0, 0, 0.21);	
	z-index:11;
	}



	fieldset.top {
		border:0px;
	    font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
	    color:#222;
		}


	
	fieldset.top div span.infoMore  {
		display:none;
		text-indent: 0px;
		padding:10px;
		padding-left:15px;		
		color:#666;
		font-size:12px;	
		margin-top:-10px; 					
	
		
		}
	
	fieldset.top div span.infoMore  a {
		color:#999;
	}
	
	fieldset.top div input:focus + span.infoMore  {
		display:none;
		}
		
	fieldset.top input[type=text], fieldset.top input[type=password] {
		width:90%;
		border:1px solid #DADADA;
		margin-top:10px;
		margin-bottom:10px;
		padding-left:25px;
		height:30px;
		font-size:14px;
		outline: none;
	}
	
	fieldset.top div:before {
		font-family: FontAwesome;
	    color: #555;
	    font-size: 15px;
	    padding-right:7px;
	}

.syaz:before {
    content: "\f044";
	}	
 	
.me-down:before {
    content: "\f107";
	}	
	
.me-close:before {
    content: "\f077";
	}		


.suser:before {
    content: "\f007";
	}	

.scode:before {
    content: "\f02a";
	}	

.spass:before {
    content: "\f084";
	}	

.slecture:before {
    content: "\f19d";
	}	

.smail:before {
    content: "\f003";
	}	
	
.move:before {
    content: "\f0d9";
	}		

.move1:before {
    content: "\f0da";
	}	

fieldset input[type=text].alert, fieldset input[type=password].alert {
	border-left:solid 5px Red !important;	
}

fieldset input[type=text].alert2 , fieldset input[type=password].alert2 {
}


.button-row {
  display: flex;
}

.btncenter { 
  align-items: center;
  justify-content: center; 
 }	

.btnblack a { 
    background-color: var(--anaRenk);
    border:1px Solid #666;		
    }


.btnwhite a { 
    background-color: transparent;
    border:1px Solid #FFF;		
	}	

.button-row a.btn {
    color: #fff;
    margin:0;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    /*text-transform: uppercase;*/
    font-family: 'Raleway';
    font-size: 18px;
    letter-spacing: 0.06em;
    border-radius: 0;
    padding: 13px 23px;    

	letter-spacing: -0.0225em;
	}

.btnwhite a.btn:hover {
	cursor:pointer;
	background-color: #FFF;
	border:1px Solid #111;	
	color:#000;
	}
	
.btnblack a.btn:hover {
	cursor:pointer;
	border:1px Solid #111;
  background-color: #333;	
	color:#FFF;
	}

.btn {
	background: transparent;
	cursor:pointer;
	border:none;
	display:inline-block;
  	border-radius: 3px; 
  	color:black;
  	padding: 3px;
}


.btn:hover {
  color: #FFF;
  background:var(--anaRenk);
}

.btnborder {
  border:1px Solid #999;
  margin:2px !important;
  border-radius: 5px; 
  padding:0 5px !important;
  cursor: pointer;
}

.btn:before {
    font-family: FontAwesome;
	padding:2px !important;
    font-size: 19px;
    display:inline-block;
    text-align:center;  
    padding: 1px 3px !important;	
}

.btn:hover:not(.working):before{
	color: #FFF;
	background:var(--anaRenk);
}

.small:before {font-size: 15px; padding:2px;}



#mysnipMenu {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
	
	#mysnipMenu hr {
	    border: 0;
	    height: 1px;
	    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
	    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
	    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
	    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
	}	
	
	#mysnipMenu ul {
		display: table;
	}

	#mysnipMenu li {
		display:block;
		height: 3.1em;
		text-indent: 13px;	
		line-height: 1.7em;	
		padding-right:5px;
		position:relative; 
		margin:0;
		transition:all 0.3s ease;
		
	}	

	#mysnipMenu li a {
		text-decoration: none;
		color:#444;
		display:block;
		border: none;	
	}	

	#mysnipMenu li:hover a{
		cursor: pointer;
		color:#000;
		}	
		
	#mysnipMenu li.passive{
		color: #999;	
		}  
		
	#mysnipMenu li.passive:hover {
		cursor:default;
		}
		
	#mysnipMenu li a:before {
	    font-family: FontAwesome;
	    color: #777;
	    font-size: 29px;
	    position: absolute;
	    left: -30px;   
	    top:5px; 	
	} 	
	
	#mysnipMenu li:hover a:before {
	    color: #000;
	} 

	span.asagi:before {
	    font-family: FontAwesome;
	    color: #777;
	    font-size: 15px;
	}

	.aktiff:before {
	    content: "\f070";
		}		

  .eklee:before {
    content:"\f067";
  }

  .maill:before {
      content: "\f0e0";
    }   

	.haftaa:before,  .derslerr:before{
	    content: "\f078";
		}		

	.pasiff:before {
	    content: "\f06e";
		}

	.powerr:after {
	    content: "\f011";
		}

	.adminn:after {
	    content: "\f013";
		}
		
	.adminn3:before {
	    content: "\f013";
		}		
		
	.resourcess:after {
	    content: "\f1cb";
		}
	.lecturess:after {
	    content: "\f19d";
		}
		
	.calendarr:after {
	    content: "\f073";
	}
	.folderr:after {
	    content: "\f115";
	}

	.addd:after {
	    content: "\f067";
	}

	.ogrencii:before {
	    content: "\f005";
		}
		
	.hocaa:before {
	    content: "\f0f0";
		}

  .sohbett:before {
      content: "\f086";
    }

  .sinavv:before {
      content: "\f200";
    }

  .uyarii:before {
      content: "\f0a2";
    }

	.moree:before {
	    content: "\f141";
		}

	.lecturee:before {
	    content: "\f19d";
		}

	.odevv:before {
	    content: "\f16c";
		}		

	.editt:before {
	    content: "\f0f6";
		}

	.ayarlarr:before {
	    content: "\f013";
		}		

	.logg:before {
	    content: "\f1da";
		}	

	.artilarr:before {
	    content: "\f005";
		}	

	.kaydett:before {
		content: "\f0c7";
	}

	.yoklamaa:before {
	    content: "\f14e";
		}	
		
	.removee:before, .k-removee:before{
	    content: "\f014";
      	color:red;
		}		
		
	.maill:before {
	    content: "\f003";
		}		

	.resett:before {
	    content: "\f08d";
		}

	.degistir:before {
		content: "\f07e"
	}

  .kilitt:before {
      content: "\f023";
    } 
  .acikk:before {
      content: "\f09c";
    } 

    .okk:before {

      
    }

    .k-ekk:before {
    	content: "\f02b";      
    }

	.onlinee:before {
	    content: "\f0c2";
		}


/*-----------------------------Alert---------------*/
.kapla {
	position:fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: 12;	
	-moz-opacity: 0.7;
	opacity:.70;
	display:block;
	filter: alpha(opacity=70);	
	}
	.kapla .caption {color: #999 !important; }


.dialog {
	margin:0px;
	color:#000;
    border-bottom: 1px Solid rgba(0,0,0,0.1);; 
	position:relative;
	margin:0px 0; 
	display:table;
	width: Calc(100%);
	z-index:1;	
    font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
    font-size:14px;
	}
	.dialog a {Color: #999; cursor: pointer; text-decoration: underline;}
	.dialog a:hover {color:#FFF;}
	.dialog > div {	padding:10px 0;display:table-cell; vertical-align:middle; }
	.dialog > div:nth-of-type(1) {width:43px;text-align: center;}
	.dialog > div:nth-of-type(2) {padding-left: 7px; padding-right: 7px; color: #444;}
	.dialog > div:nth-of-type(3) {width:43px;}

.karanlık {} 
	.kranlık .info .caption {color: #999;}

	.warning .caption {color: var(--anaRenk);}
	.success .caption {color: Green;};
	.info .caption{}

.dialog strong:before { content:"\""; }
.dialog strong:after { content:"\""; }

.caption {
	font-size: 15px;
	font-weight:normal;
	font-family:"Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
	display: block;
	color:#999;
}

  .center {
      position:fixed;
      margin: auto; 
      width:400px;
      top:40%;
      left: 0;
      right: 0;
      z-index:15 !important;  
      background:#FFF;
  }
	.dialog .icon:before, .dialog .close {
      font-family: FontAwesome;
      color: #444;
      font-size: 23px;  
      padding:5px;
      border-radius: 0px; 
	}

	.dialog .close:before {
    /*
    content: '\f05c';
    background:#333;
    */
	}
	.warning .icon:before {
    	color: var(--anaRenk);
		content: '\f00d';
	}	
	.success .icon:before {
	    color: Green;
	    content: '\f00c';
	}	

  .tc .icon:before {
    background-image: url('/images/tc4.png');
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: center;

    display: inline-block;
    width: 25px; 
    height: 25px;
    content:"";

  }  
	
	.infoo .icon:before {
		content: '\f0a2';
    -webkit-animation: ring 4s .7s ease-in-out infinite;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: ring 4s .7s ease-in-out infinite;
    -moz-transform-origin: 50% 4px;
    animation: ring 4s .7s ease-in-out infinite;
    transform-origin: 50% 4px;   
	}	

@keyframes ring {
    0% { -webkit-transform: rotateZ(0); }
    1% { -webkit-transform: rotateZ(30deg); }
    3% { -webkit-transform: rotateZ(-28deg); }
    5% { -webkit-transform: rotateZ(34deg); }
    7% { -webkit-transform: rotateZ(-32deg); }
    9% { -webkit-transform: rotateZ(30deg); }
    11% { -webkit-transform: rotateZ(-28deg); }
    13% { -webkit-transform: rotateZ(26deg); }
    15% { -webkit-transform: rotateZ(-24deg); }
    17% { -webkit-transform: rotateZ(22deg); }
    19% { -webkit-transform: rotateZ(-20deg); }
    21% { -webkit-transform: rotateZ(18deg); }
    23% { -webkit-transform: rotateZ(-16deg); }
    25% { -webkit-transform: rotateZ(14deg); }
    27% { -webkit-transform: rotateZ(-12deg); }
    29% { -webkit-transform: rotateZ(10deg); }
    31% { -webkit-transform: rotateZ(-8deg); }
    33% { -webkit-transform: rotateZ(6deg); }
    35% { -webkit-transform: rotateZ(-4deg); }
    37% { -webkit-transform: rotateZ(2deg); }
    39% { -webkit-transform: rotateZ(-1deg); }
    41% { -webkit-transform: rotateZ(1deg); }
    43% { -webkit-transform: rotateZ(0); }
    100% { -webkit-transform: rotateZ(0); }
  }


	
	.dialog .button, .dialog button{
  background-image: linear-gradient(#f7f8fa ,#e7e9ec);
  border-color: #adb1b8 #a2a6ac #8d9096;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  box-shadow: rgba(255,255,255,.6) 0 1px 0 inset;
  box-sizing: border-box;
  color: #0f1111;
  cursor: pointer;
  display: inline-block;
  font-family: "Amazon Ember",Arial,sans-serif;
  font-size: 14px;
  height: 29px;
  font-size: 13px;
  outline: 0;
  overflow: hidden;
  padding: 0 11px;
  text-align: center;
  text-decoration: none;
  text-overflow: ellipsis;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  white-space: nowrap;
}

.dialog .button, .dialog  button:active {
  border-bottom-color: #a2a6ac;
}

.dialog .button:active:hover {
  border-bottom-color: #a2a6ac;
}

.dialog .button:hover {
  border-color: #a2a6ac #979aa1 #82858a;
}

.dialog .button:focus {
  border-color: #e77600;
  box-shadow: rgba(228, 121, 17, .5) 0 0 3px 2px;
  outline: 0;
}

.adminn {
	background-color: #333;
	border-top: 1px solid #FEFEFE;
}
.adminn1 .icon:after {
    content: "\f013";
    font-family: FontAwesome;
    padding:5px;
    color: #777;
    font-size: 33px;
}

.moreinfo {
	font-size:13px;
}

.dialog iframe {
	border:none;
	color:#999;
	width:100%;
	height:77%;
	margin-top:10px;
	margin-left:-8px;
}

.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px rgba(255,255,255,0.2);;
	-webkit-box-shadow:inset 0px 1px 0px 0px rgba(255,255,255,0.2);
	box-shadow:inset 0px 1px 0px 0px rgba(255,255,255,0.2);
	
	background-color:var(--anaRenk);
	border:1px solid var(--anaRenk);
	
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:"Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
	font-size:15px;
	padding:7px 7px;
	text-decoration:none;
}
.myButton:hover {
	-moz-box-shadow:inset 0px 1px 0px 0px rgba(255,255,255,0.6);;
	-webkit-box-shadow:inset 0px 1px 0px 0px rgba(255,255,255,0.6);
	box-shadow:inset 0px 1px 0px 0px rgba(255,255,255,0.6);

	background-color:var(--anaRenk);
}
.myButton:active {
	position:relative;
	top:1px;
}

/*-----------------------------Alert End-----------*/


/*** Table Styles **/

.table-fill {
	background: #f5f5f5;
	box-shadow: inset 0 1px 0 #fff;
	font-size: 12px;
	line-height: 24px;
	margin: 30px auto;
	text-align: left;
	border-collapse: collapse;	
	width:100%;
}	

.table-fill th {
	background: linear-gradient(#777, #444);
	color: #fff;
    font-weight: bold;
	padding: 10px 15px;
	position: relative;
	text-shadow: 0 1px 0 #000;	
}



.table-fill td {
	padding: 10px 15px;
	position: relative;
	transition: all 300ms;
	font-size:16px;
}

.table-fill td:first-child {
	box-shadow: inset 1px 0 0 #fff;
}	

.table-fill td:last-child {
	border-right: 1px solid #e8e8e8;
	box-shadow: inset -1px 0 0 #fff;
}	

.table-fill tr {
}

.table-fill tr:nth-child(odd) td {
	background: #f1f1f1;	
}

.table-fill tr:last-of-type td {
	box-shadow: inset 0 -1px 0 #fff; 
}

.table-fill tr:last-of-type td:first-child {
	box-shadow: inset 1px -1px 0 #fff;
}	

.table-fill tr:last-of-type td:last-child {
	box-shadow: inset -1px -1px 0 #fff;
}	

.table-fill tbody:hover td {
	color: transparent;
	text-shadow: 0 0 3px #aaa;
}

.table-fill tbody:hover tr:hover td {
	color: #444;
	text-shadow: 0 1px 0 #fff;
}



/*--------form tasarim--------------------*/


.form-style-8{
    font-family: 'Open Sans Condensed', arial, sans;
    padding: 30px;
    background: #FFFFFF;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.22);
    -webkit-box-shadow:  0px 0px 15px rgba(0, 0, 0, 0.22);
	position:relative;

}
.form-style-8 img { width:111px; height:111px;}
.form-style-8 img.yildiz { width:24px; height:24px;}
.form-style-8 span.adsoyad { display:block;}

.form-style-8 h2{
    background: #4D4D4D;
    text-transform: uppercase;
    font-family: 'Open Sans Condensed', sans-serif;
    color: #797979;
    font-size: 18px;
    font-weight: 100;
    padding: 20px;
    margin: -30px -30px 30px -30px;
}
.form-style-8 input[type="text"],
.form-style-8 input[type="date"],
.form-style-8 input[type="datetime"],
.form-style-8 input[type="email"],
.form-style-8 input[type="number"],
.form-style-8 input[type="search"],
.form-style-8 input[type="time"],
.form-style-8 input[type="url"],
.form-style-8 input[type="password"],
.form-style-8 textarea,
.form-style-8 select 
{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    display: block;
    width: 100%;
    padding: 5px;
    border: none;
    border-bottom: 1px solid #ddd;
    background: transparent;
    margin-bottom: 10px;
    font: 15px Arial, Helvetica, sans-serif;
    height: 35px;
    padding-left:5px;
}

.form-style-8 input[type="text"].pl {padding-left:40px;}
.form-style-8 ul { list-style-type: none; margin: 0 auto; padding:0;}
.form-style-8 ul li {padding-left: 23px;}
.form-style-8 ul li img { position:absolute; left:-23px; top:7px; width:20px; height:20px;};


.form-style-8 input[type="text"].alert,
.form-style-8 input[type="date"].alert,
.form-style-8 input[type="datetime"].alert,
.form-style-8 input[type="email"].alert,
.form-style-8 input[type="number"].alert,
.form-style-8 input[type="search"].alert,
.form-style-8 input[type="time"].alert,
.form-style-8 input[type="url"].alert,
.form-style-8 input[type="password"].alert,
.form-style-8 textarea.alert,
.form-style-8 select.alert 
{
    border-bottom: 2px solid Red;
}

.form-style-8 textarea{
    resize:none;
    height:135px;
    overflow: hidden;
}

.form-style-8 .roundedOne input[type=radio], .form-style-8 .squaredThree input[type=radio] {
	visibility: hidden;
}

.form-style-8 div {position: relative;}

.form-style-8 .roundedOne {
	width: 28px;
	height: 28px;
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	position: absolute;
	top:0;
	left:0;
}

.form-style-8 .roundedOne label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;

	left: 4px;
	top: 4px;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);

	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
}

.form-style-8 .roundedOne label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	background: #00bf00;

	background: -webkit-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: -moz-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: -o-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: -ms-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: linear-gradient(top, #00bf00 0%, #009400 100%);

	top: 2px;
	left: 2px;

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
}

.form-style-8 .roundedOne label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}`

.form-style-8 .roundedOne input[type=radio]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.form-style-8 .squaredThree {
	width: 20px;	
	position: absolute;
	top:10px;
	left:0;
}

.form-style-8 .squaredThree label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0;
	border-radius: 4px;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);

	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
}

.form-style-8 .squaredThree label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 4px;
	left: 4px;
	border: 3px solid #fcfff4;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.form-style-8 .squaredThree label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.form-style-8 .squaredThree input[type=radio]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

/*sinav ekran tasarimi basliyor*/

.t-table {
	width:100%;
	display:table;
}

.t-table-row {
	position:relative;
	display:table-row;
	width:100%;
	text-align:center;
}

.t-table-row div:nth-child(1) {
	display:table-cell;
	width:20%;
	background:#999;
	vertical-align:middle;
}

.t-table-row div:nth-child(2) {
	display:table-cell;
	width: 40%;
	background:Red;	
	
}
.t-table-row div:nth-child(3) {
	display:table-cell;
	background:#999;	
	vertical-align:middle;	
	width: 20%;
}

.cell1 {
display:block;
  width:100%;	
}

/*sinav sistemi basliyor*/
.wrapper {
  /*height: 100%;*/
  display: table;
  width: 100%;
  text-align: center;
}

.header-footer {
  position:relative;	
  display: table-row;
  width:100%;
  height: 1px;
  z-index:122;
  text-align:center;
  background: #282828;
  }
  
.orta-main {
  height: 100%;
  display: table;
  width: 100%;
  text-align: left;
	}

.box {
  display: table-cell;
	}

.sidebar {
  width: 100px;
  background: transparent;
  padding:10px;
}

.content {
  display: inline-block;
  background: black;
  width:600px;
  text-align:center;
}

.form-style-13 {
    /*font-family: 'Open Sans Condensed', arial, sans;*/
    padding: 30px;
    background: #FFFFFF;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.22);
    -webkit-box-shadow:  0px 0px 15px rgba(0, 0, 0, 0.22);

}

.form-style-13 h2{
    background: #4D4D4D;
    text-transform: uppercase;
    font-family: 'Open Sans Condensed', sans-serif;
    color: #797979;
    font-size: 18px;
    font-weight: 100;
    padding: 20px;
    margin: -30px -30px 30px -30px;
}

.form-style-13 .container {
  position: relative;
  margin: 0;
  margin-top:10px;
}

.form-style-13 .container .label {
  display: none;
  position: absolute;
  top:-5px;
  left:5px;

  font-size: 60%;
}

.form-style-13 input:valid ~ .label, .form-style-13 textarea ~ .label, .form-style-13 input:disabled  ~ .label {
  display: block;
}

.form-style-13 input:valid:focus ~ .label {
  color: blue;
}

.form-style-13 input[type="text"],
.form-style-13 input[type="date"],
.form-style-13 input[type="datetime"],
.form-style-13 input[type="datetime-local"],
.form-style-13 input[type="email"],
.form-style-13 input[type="number"],
.form-style-13 input[type="search"],
.form-style-13 input[type="time"],
.form-style-13 input[type="url"],
.form-style-13 input[type="password"],
.form-style-13 textarea,
.form-style-13 select 
{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    display: block;
    width: 100%;
    padding: 5px;
    border: none;
    border-bottom: 1px solid #ddd;
    background: transparent;
    margin-bottom: 10px;
    font: 16px Arial, Helvetica, sans-serif;
    height: 35px;
}
.form-style-13 textarea{
    resize:none;
    overflow: hidden;
    height: 130px;
}
.form-style-13 input[type="button"], 
.form-style-13 button,
.form-style-8 input[type="button"], 
.form-style-8 button,
.gll-button,
.form-style-13 input[type="submit"]{
  display: inline-block;
  padding: 0.6em 0.88em;
  background: linear-gradient(to right, #740A0A 50%, rgba(0,0,0,0.05) 50%);
  background-size: 200% 100.5%;
  background-position: right bottom;
  font: 1em 'Open Sans Condensed', arial, sans;
  color: #020202;
  border: none;
  border-left: 0.2em solid #740A0A;
  border-color: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  transition: all 0.5s ease-out;
  margin:9px 0; 
}

.form-style-13 input[type="button"]:hover, 
.form-style-13 button:hover, 
.form-style-8 button:hover, 
.form-style-8 input[type="button"]:hover, 
.gll-button:hover,
.form-style-13 input[type="submit"]:hover {
  background-position: left bottom;
  color: white;
  cursor: pointer;
}
.gll-red {
  background-position: left bottom;
  color: white;
  cursor: pointer;  
}



.gll-button:before, .gll-button-flat:before {
    font-family: FontAwesome;
    font-size: 21px;
    display:inline-block;
    text-align:center; 
    padding:0 3px; 
}


.gll-button-flat {
  border: none;
  display: inline-block;
  padding: 0.3em;
  background: transparent;
  font: 1em 'Open Sans Condensed', arial, sans;
  color: #999;
  transition: all 0.5s ease-out;
  margin:3px 0; 

  }
  .gll-button-flat:hover { color: var(--anaRenk); cursor: pointer;}
  .gll-button-flat:focus {outline:0;}


.gll-edit:before {
	content:'\f15c';
}

.gll-tag:before {
	content:'\f02c';
}


.gll-up:before {
  content:'\f106';
}

.gll-down:before {
  content:'\f107';
}

.gll-adminonay:before {
  content:'\f132';
}

.yoklama_kapat {
	/*
  position:absolute;
	right:0px;
	top:10px;
*/
	}


.form-style-13 .RED {
    -moz-box-shadow: inset 0px 1px 0px 0px #b54b3a;
    -webkit-box-shadow: inset 0px 1px 0px 0px #b54b3a;
    box-shadow: inset 0px 1px 0px 0px #b54b3a;
	background-color:#a73f2d;
    border: 1px solid #a73f2d;

}
.form-style-13 .RED:hover {
	background-color:#b34332;
}

.form-style-13 table {width:100%}


.ciff-zero {display:none;}
.ciff-yukle {

    display:block;   
    position: fixed;
    
    top: 0;
    left:50%;
    
    height: 100%;
    width: 70%;
    
    margin-left:-35%;
    
    z-index:11;
  }

/*Tab begins*/
.tab_container {
	width: 100%;
	margin: 0 auto;
	padding-top: 0px;
	position: relative;
}

.tab_container input, .tab_container section {
  clear: both;
  padding-top: 10px;
  display: none;
}

.tab_container label.tab {
  font-weight: 600;
  display: block;
  float: left;
  padding: 0.4em 1.1em;
  color: #757575;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  background: #f0f0f0;
}

.tab_container #tab1:checked ~ #content1,
.tab_container #tab2:checked ~ #content2,
.tab_container #tab3:checked ~ #content3,
.tab_container #tab4:checked ~ #content4,
.tab_container #tab5:checked ~ #content5 {
  display: block;
  padding: 20px;
  background: #fff;
  color: #999;
  border-bottom: 1px solid #F0F0f0;
}

.tab_container .tab-content p,
.tab_container .tab-content h3 {
  -webkit-animation: fadeInScale 0.7s ease-in-out;
  -moz-animation: fadeInScale 0.7s ease-in-out;
  animation: fadeInScale 0.7s ease-in-out;
}
.tab_container .tab-content h3  {
  text-align: center;
}

.tab_container [id^="tab"]:checked + label.tab {
  background: #fff;
  box-shadow: inset 0 3px #0CE;
}

.tab_container [id^="tab"]:checked + label.tab .fa {
  color: #0CE;
}

label .fa {
  font-size: 1.3em;
  margin: 0 0.4em 0 0;
}



.switcher {
  position: relative;
  display: inline-block;
  cursor: pointer;
  padding-left:80px;
  height: 20px;
  margin: 5px;
  font-size: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.switcher input {
  display: none;
}
.switcher__indicator {
}

.switcher__indicator span {
	display:block;
	font-size:15px;
    margin-top: 7px;
}


.switcher__indicator::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  width: 30px;
  background-color: #d5d5d5;
  border-radius: 50%;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-animation-name: pulsein;
          animation-name: pulsein;
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
}
.switcher__indicator::before {
  content: '';
  position: absolute;
  top: 11px;
  left: 0;
  width: 70px;
  height: 8px;
  background-color: #d5d5d5;
  border-radius: 10px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
input:checked + .switcher__indicator span {
	color:#29ce9a;
}


input:checked + .switcher__indicator::after {
  background-color: #29ce9a;
  -webkit-transform: translateX(40px);
          transform: translateX(40px);
  -webkit-animation-name: pulseout;
          animation-name: pulseout;
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
}
input:checked + .switcher__indicator::before {
  background-color: #29ce9a;
}
input:disabled + .switcher__indicator::after, input:disabled + .switcher__indicator::before {
  background-color: #e5e5e5;
}

@-webkit-keyframes pulsein {
  0%, 100% {
    top: 0px;
    height: 30px;
    width: 30px;
  }
  50% {
    top: 6px;
    height: 18px;
    width: 42px;
  }
}

@keyframes pulsein {
  0%, 100% {
    top: 0px;
    height: 30px;
    width: 30px;
  }
  50% {
    top: 6px;
    height: 18px;
    width: 42px;
  }
}
@-webkit-keyframes pulseout {
  0%, 100% {
    top: 0px;
    height: 30px;
    width: 30px;
  }
  50% {
    top: 6px;
    height: 18px;
    width: 42px;
  }
}
@keyframes pulseout {
  0%, 100% {
    top: 0px;
    height: 30px;
    width: 30px;
  }
  50% {
    top: 6px;
    height: 18px;
    width: 42px;
  }
}


.ayarlar-kontrol {margin:10px 0px; display: flex; flex-wrap: wrap;}

.kontrol {
	padding:3px 0px;
	font: 15px 'Open Sans Condensed', sans-serif;
	color: #777;
	margin: 3px;
	}

	.kontrol input {
	  opacity: 0;
	  position: absolute;
	}

	.kontrol label {
	  display: block;
	}

	.radio label {
	    display: inline-block;
	}


	.kontrol label {
	  position: relative;
	  background: #f8f8f8;
	  border: 1px solid #f0f0f0;
	  border-radius: .5em;
	  padding: .5em 1em .5em 5em;
	  cursor:pointer;
	}

	.kontrol label span {
	  position: absolute;
	  right: 0;
	  bottom: 0;
	  display: inline-block;
	  background: var(--anaRenk);
	  padding: 2px 5px;
	  border-radius: 5px;
	  color:white;
	}
	.kontrol label::before {
	  content: '';
	  position: absolute;
	  top: 50%;
	  left: .7em;
	  width: 3em;
	  height: 1.2em;
	  border-radius: .6em;
	  background: #eee;
	  -webkit-transform: translateY(-50%);
	          transform: translateY(-50%);
	  box-shadow: 0 1px 3px rgba(100, 100, 100, 0.5) inset, 0 0 10px rgba(100, 100, 100, 0.2) inset;
	}
	.kontrol label::after {
	  content: '';
	  position: absolute;
	  top: 50%;
	  left: .5em;
	  width: 1.4em;
	  height: 1.4em;
	  border: .25em solid #fafafa;
	  border-radius: 50%;
	  box-sizing: border-box;
	  background-color: #ddd;
	  background-image: linear-gradient(to top, #fff 0%, #fff 40%, transparent 100%);
	  -webkit-transform: translateY(-50%);
	          transform: translateY(-50%);
	  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5);
	}
	.kontrol label, label::before, .kontrol label::after {
	  transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
	}

	.kontrol label:hover, .kontrol input:focus + label {
	  color: black;
	}
	.kontrol label:hover::after, .kontrol input:focus + label::after {
	  background-color: #ccc;
	  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	}

	.kontrol input:checked + label::before {
	  background: #740A0A;
	}
	.kontrol input:checked + label::after {
	  -webkit-transform: translateX(2em) translateY(-50%);
	          transform: translateX(2em) translateY(-50%);
	}