/*
* {
	outline:1px solid red;
	outline-width: 1px;
}
*/
body {
	background-color: rgb(18,18,18);
	color: rgba(255,255,255,0.87);
	align-items: center;
}

.navigatortab {
	position: sticky;
	top: 20px;
	z-index:1;
	background-color:rgb(18,18,18);
	border-bottom: 1px solid white;
	align-items: center;
	width: 640px;
	margin: auto;
}

.navigatortab td {
	font-size: 1.5em;
	text-align: center;
}

.navigatortab table {
	width: 100%;
}

.navigatortab td:hover {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}

.menu {
	position:absolute;
	padding-top: 0em;
	color: rgba(255,255,255,0.87);
	opacity:1;
	display: none;
	z-index: 4;
	font-size: 1em;
}

.menu div:first-child {
	opacity:0.01;
	color:red;
	min-height: 1.0em;
	width: 100%;
	margin-bottom: 0;
}

.menu div:nth-child(2) {
	background-color: rgba(18,18,18,0.8);
	opacity: 1;
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-top: 0em;
	margin: 0;
}

.menu p {
	line-height: 0.2;
}

.footer {
	position: sticky;
	bottom: 0px;
	left:0;
	background-color: rgb(18,18,18);
	z-index:1;
	transform: scale(0.7);
	width: 100%;
	border-top: 1px solid white;
	margin:0;
	padding:0;
}

.main-wrapper {
	display:flex;
	width:100vw;
	height:100vh;
	align-items: stretch;
	flex-direction: column;
	justify-content:center;
	background-color:rgb(18,18,18);
}

.main {
	box-sizing: border-box;
	position:relative;
	max-width:70%;
	width:70%;
	margin-left:auto;
	margin-right:auto;
	min-height: 200px;
	height: 600px;
	overflow: scroll;
	top: 2em;
	padding-bottom:1em;
	flex-grow: 8;
}
.main li{
	margin:1em;
}

.courselist li:nth-child(odd) {
	background-color: rgb(30,30,30);
}

.publicationlist li:nth-child(odd) {
	background-color: rgb(30,30,30);
}

.course li {
	margin: 0px;
};

.myphoto {
	position:relative;
	max-width:250px;
	top: 30px;
	float: left;
	left: 30px;
}

.myphotoR {
	position:relative;
	max-width:300px;
	float: left;
	left: 300px;
}

.myphoto img{
	height:300px;
	max-width: 300px;
}

.announcements {
	padding: 1em;
	position:relative;
	min-height: 200px;
	top: 30px;
	margin:auto;
	left: 60px;
	min-width: 60%;
	float: left;
}

a:visited {
	color: rgba(255,255,255,0.87);
}

a {
	color: rgba(255,255,255,0.87);
	text-decoration:none;
}

a:hover {
	color: rgba(255,0,0,0.87);
}

.exams {
	position:relative;
	width:49%;
	float:right;
}

.assignments {
	position:relative;
	width:49%;
	clear: both;
	float:left;
}

.cbottom {
	position: relative;
	width:100%;
	background-color:inherit;
	clear: both;
	text-align: left;
}

.slides {
	overflow:auto;
	height: 100vh;
	min-height: 100vh;
	min-width: 100%;
	z-index:2;
	position:absolute;
	top: 0px;
	left: 0px;
	background-color: gray;
}

.slides_pages {
	overflow:auto;
	max-height:90vh;
}

.slides embed {
	width:100%;
	min-width: 100%;
	height: 100vh;
	min-height: 100vh;
}
.slides button {
	position:sticky;
	left: 0px;
	z-index:3;
	margin: 5px;
}

.write-page {
	float: left;
}

.sosyal_medya_ikonlari {
	float:right;
	}
.sosyal_medya_ikonlari img {
	width:30px; 
	border:solid 1px black; 
	border-radius:50%;
	}

.derskategorilistesi  {
       list-style-type:">";
       content: ">";
}

.derskategorilistesi li b:hover {
	color: #ff0000;
	text-decoration: underline;
	}

.derslistesi {
	display: none;
}

.toc-subsections {
	display: none;
}