/*
***************************
*	TAY icin yazildi
*	Huseyin Atasoy
*	www.atasoyweb.net
*	Aralik 2016
***************************
*/
html {
	position:absolute;
	top:0;
	right:0;
	bottom:-1px;
	left:0;
	overflow:hidden;
}

body {
	font-family:arial;
	font-size:20px;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background-color:#eee;
	color:#444;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	overflow:hidden;
	touch-action:manipulation;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-o-user-select:none;
	user-select:none;
}

#yukleniyor {
	position:absolute;
	left:50%;
	top:50%;
	text-align:center;
	z-index:0;
	-moz-transform:translate(-50%,-50%);
	-web-kit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}

#animasyonlu {
	color:#565656;
	animation:hareketim 0.6s linear infinite;
	-webkit-animation:hareketim 0.6s linear infinite;
}

@keyframes hareketim {
    0% {transform:scale(1);}
    30% {transform:scale(1.5);}
    100% {transform:scale(1);}
}

@-webkit-keyframes hareketim {
    0% {-webkit-transform:scale(1);}
    30% {-webkit-transform:scale(1.5);}
    100% {-webkit-transform:scale(1);}
}

#dis {
	padding:0;
	height:100%;
}

#baslik {
	text-align:center;
	background-color:#e7872a;
	color:#fff;
	font-weight:bold;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	line-height:60px;
	height:60px;
	font-size:120%;
	z-index:2;
	-moz-box-shadow:0 0 5px rgba(0,0,0,0.5);
	-web-kit-box-shadow:0 0 5px rgba(0,0,0,0.5);
	box-shadow:0 0 5px rgba(0,0,0,0.5);
}

#baslikyazi {
	padding-right:55px;
}

.minikutu {
	width:25px;
	height:25px;
	line-height:25px;
	text-align:center;
	font-size:120%;
	float:left;
	background-color:#BF4912;
	color:#fff;
	cursor:pointer;
	-moz-box-shadow:0 0 5px #5C2106;
	-web-kit-box-shadow:0 0 5px #5C2106;
	box-shadow:0 0 5px #5C2106;
}

#baslik .minikutu {
	margin:10px;
	padding:8px;
}

#baslik img {
	width:100%;
	height:100%;
}

#baslikyazi img {
	width:auto;
	height:30px;
	margin-top:15px;
}

.icerikdis {
	display:none;
	margin-top:57px;
	height:calc(100% - 55px);
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:0;
	overflow:hidden;
}

.icerik {
	padding:0 10px;
	overflow-y:auto;
	height:100%;
}

.icerik .menu {
	width:70%;
}

*:focus {
	outline:none;
}



.diyalogk {
	background-color:#9dd0e4;
	background-color:rgba(157,208,228,0.8);
	padding:20px;
	margin:20px 5px 16px 5px;
	-moz-box-shadow:0 0 5px rgba(0,0,0,0.3);
	-web-kit-box-shadow:0 0 5px rgba(0,0,0,0.3);
	box-shadow:0 0 5px rgba(0,0,0,0.3);
}

.yataydaortali {
	margin-top:0;
	position:relative;
	top:50%;
	margin:0 10%;
	-moz-transform:translateY(-50%);
	-web-kit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}

.hata {
	background-color:#ce9990;
}

.diyalogb {
	font-size:110%;
	color:#16713B;
	font-weight:bold;
	border-bottom:2px #16713B solid;
	margin-bottom:20px;
	padding-bottom:10px;
	text-align:center;
}

.diyalogk input[type=text],.diyalogk input[type=tel],.diyalogk input[type=password] {
	font-size:90%;
	height:30px;
	line-height:30px;
	color:#444;
	width:calc(100% - 10px);
	margin:10px 0;
	padding:0 5px;
	border:none;
}

.diyalogk .menu {
	text-align:center;
	color:#303F9F;
	padding-bottom:0;
	font-size:100%;
}

*:hover {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}



#anaEkranL {
	position:absolute;
	width:60%;
	max-width:300px;
	left:50%;
	bottom:0;
	opacity:0.8;
	-moz-transform:translateX(-50%);
	-web-kit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%)
}

#devortu {
	position:fixed;
	width:100%;
	height:100%;
	z-index:3;
	display:none;
	background-color:#000;
	background-color:rgba(0,0,0,0.8);
}

#menulogo {
	text-align:center;
	padding-top: 80px;
	padding-bottom: 60px;
}

#kosemenu {
	position:fixed;
	top:0;
	width:0;
	height:100%;
	z-index:4;
	background-color:#e7872a;
	overflow-x:hidden;
	-moz-transition:width 0.5s;
	-web-kit-transition:width 0.5s;
	transition:width 0.5s;
	-moz-box-shadow:0 0 5px rgba(0,0,0,0.5);
	-web-kit-box-shadow:0 0 5px rgba(0,0,0,0.5);
	box-shadow:0 0 5px rgba(0,0,0,0.5);
}

#kosemenu div {
	width:250px;
}

#kosemenu .menu {
	display:none;
}



a.menu {
	text-decoration:none;
	padding:8px 8px 8px 20px;
	font-size:120%;
	color:#fff;
	display:block;
	margin:0 auto;
	transition:transform 0.2s;
}

a.menu:hover {
	transform:scale(1.1);
}

a.altmenu {
	margin-left:20px;
	font-size:100%;
	color:#bf4812;
}

#mkapat {
	color:#fff;
	cursor:pointer;
	position:absolute;
	font-size:300%;
	top:0;
	right:15px;
}




select {
	height:30px;
	font-size:90%;
	padding:0;
	border:none;
	width:100%;
	margin:10px 0;
	color:#444;
	background-color:#fff;
}

.miniaciklama {
	font-size:80%;
	color:#555;
	text-align:center;
	padding-bottom:10px;
}



/* Sinif tablolari */
#sinif {
	min-width:100%;
	border-spacing:5px;
	table-layout:fixed;
}

#tbldis {
	overflow-x:auto;
}

td.dolu {
	width:20px;
	border:2px #BF4912 solid;
	min-width:65px;
}

td.bos {
	width:10px;
	border:none;
	width:10px;
}

td.okunan {
	border-color:#9fff00;
}

td.secili {
	border-color:#001dfb;
}

td.dolu,td.bos {
	text-align:center;
	vertical-align:top;
	font-size:50%;
	padding:0;
	padding-bottom:4px;
}

td.dolu img {
	width:100%;
	min-height:10px;
}

td.dolu span {
	color:#666;
}



#onizleme {
	position:fixed;
	width:100%;
	height:100%;
	z-index:3;
	display:none;
	text-align:center;
	background-color:#000;
	background-color:rgba(0,0,0,0.8);
}

#resimmenu {
	height:65px;
	text-align:center;
}

#onizlemeyazi {
	color:#fff;
	padding-bottom:5px;
}

#onizlemeyazi input {
	font-size:80%;
	width:110px;
	border:none;
	padding:4px;
	margin:10px 0 0 0;
}

#onizlemeresim {
	width:80%;
	height:calc(90% - 70px);
	background-image:url('bos.png');
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center top;
	margin:0 auto;
}

#onizleme img {
	width:60%;
	height:calc(90% - 65px);
	object-fit:contain;
}

#resimmenu select {
	padding:0 10px;
	margin:10px;
	height:40px;
	font-size:120%;
	text-align:center;
	width:250px;
	background-color:#e7872a;
	color:#fff;
	-moz-box-shadow:0 0 5px #5C2106;
	-web-kit-box-shadow:0 0 5px #5C2106;
	box-shadow:0 0 5px #5C2106;
}

#resimmenu option {
	padding:0;
	margin:0;
}



.gyukleniyor {
	animation:hareketim2 1.2s linear infinite;
	-webkit-animation:hareketim2 1.2s linear infinite;
}

@keyframes hareketim2 {
    0% {transform:rotate(0deg);}
    100% {transform:rotate(360deg);}
}

@-webkit-keyframes hareketim2 {
    0% {-webkit-transform:rotate(0deg);}
    100% {-webkit-transform:rotate(360deg);}
}



ul {
	padding:0;
	margin:0;
	list-style:none;
	text-align:center;
}



.yoklamaul li {
	cursor:pointer;
}

.yoklamaul>li,.ogrul>li {
	color:#bf4812;
	margin-top:10px;
}

.yoklamaul>ul,.ogrul>ul {
	border-bottom:1px #303F9F solid;
	padding:10px;
	padding-bottom:0;
	display:none;
}

.yoklamaul ul li {
	font-size:90%;
	margin-bottom:15px;
	color:#1c348c;
}

.yoklamaul li span {
	color:#636363;
}



.ogrul>li {
	cursor:pointer;
}

.ogrul>ul {
	padding-bottom:10px;
}

.ogrul ul li {
	font-size:90%;
	border-top:1px #bf4812 dashed;
	padding:2px 0;
}

li.ekbilgili {
	color:#16713B;
}

li.ekbilgili span {
	font-size:90%;
}



.isim {
	padding:15px 0;
	border-bottom:1px #16713B solid;
	text-align:center;
}

img.ogrenciekraninda {
	display:block;
	width:70%;
	margin:0 auto;
	-moz-box-shadow:0 0 5px rgba(0,0,0,0.4);
	-web-kit-box-shadow:0 0 5px rgba(0,0,0,0.4);
	box-shadow:0 0 5px rgba(0,0,0,0.4);
}



#sinifekrani .diyalogk {
	padding:0;
	padding-top:20px;
}

#sinifekrani .diyalogb,#sinifekrani .miniaciklama {
	margin-left:20px;
	margin-right:20px;
}


/* diyalogk sinifina ek */
.ogr {
	width:300px;
	margin-left:auto;
	margin-right:auto;
}
.azdahagenis {
	width:350px;
}

.ogrcikis {
	margin-top:10px;
	font-size:80%;
	text-align:center;
}

.altaciklama {
	width:300px;
	margin:0 auto;
	margin-bottom:10px;
	font-size:60%;
	text-align:center;
}