body {
	font-family:Helvetica;
//	background-image: linear-gradient(#a5d4d3, #F7F1F1, #F0F0F0);
	background-image: transparent;
	background-repeat: no-repeat;
	background-attachment: fixed;
    	animation: fadein 0.5s;
       -moz-animation: fadein	 0.5s; /* Firefox */
       -webkit-animation: fadein 0.5s; /* Safari and Chrome */
}

#input {
	background-color:transparent;
	border-radius:5px;
	color:none;
	width:100%;
	height:30px;
	font-size:12px;
	margin: 8px 0;
	box-sizing: border-box;
	padding: 12px 20px;
	padding-left: 5px;
	border: 1px solid black;
	}

#input.son {
	background-color:transparent;
	color:none;
	width:100%;
	height:30px;
	font-size:12px;
	margin: 8px 0;
	box-sizing: border-box;
	padding: 12px 20px;
	border: none;
	}
	
#tarih {
	background-color:transparent;
	border:1px solid;
	border-radius:5px;
	color:none;
	width:100%;
	height:30px;
	font-size:12px;
	}
	
#speedey {
	font-size:14px;
	color:none;
}

table.tablokontrol {
	border-radius:10px;
	padding-left:5px;
	height:300px;
	width:500px;
	box-shadow:10px 10px 10px 1px;
//	border-collapse: collapse; /* Bunu koymazsak tr.veriler sınıfındaki border-bottom çalışmıyor. Dikkat!*/
}
select{
	background-color:transparent;
	border:1px solid;
	border-radius:5px;
	width:100%;
	height:30px;
	margin: 8px 0;
	box-sizing: border-box;
	font-size:12px;
}	

select option{
//  background-color: #CEF6EC;
	background-color:transparent;
	color:black;
}


div.geri {
	position:fixed;
	top:100px;
	right:18px;
	transition: 0.5s;
	background-color:transparent;
	border:none;
}

div.geri:hover {
	transition: 0.5s;
	transform: scale(1.5);
}

button.kaydet {
width:100%;text-align:center;border-radius:15px;height:35px;cursor:pointer;font-weight:bold;
}

button.kaydet:hover {
	transition: 0.1s;
	transform: scale(1.1);
	background-color: #008CBA;color: white;
}

button.kontrol {
width:100%;text-align:center;border-radius:15px;height:35px;cursor:pointer;font-weight:bold;margin-top:15px;
}

button.kontrol:hover {
	transition: 0.1s;
	width:100%;
	transform: scale(1.03);
	background-color: #008CBA;color: white;
}
table.eklemeformu {
	text-align:left;
	margin: 0 auto;
}

img.ok {
	position:absolute;
	margin-top:150px;
	margin-left:-66px;
}

span.ok {
	position:absolute;
	margin-top:260px;
	margin-left:-160px;
	}

       /*
        Max width before this PARTICULAR table gets nasty
        This query will take effect for any screen smaller than 760px
        and also iPads specifically.
        */
       @media only screen and (max-width: 680px), (min-device-width: 360px) and (max-device-width: 1024px) {

            /* Force table to not be like tables anymore */
            table, thead, tbody, th, td, tr {
                display: block;
            }
			table {
				
			}

                /* Hide table headers (but not display: none;, for accessibility) */
                thead tr {
                    position: absolute;
                    top: -9999px;
                    left: -9999px;
                }
table.kategori {
	width: 10%;
}
table.yazılar {
	width:100%
}

button.kategori {
width:100%;
}


table.eklemeformu {
	text-align:left;
	margin: 0 auto;
}