*{
    padding:0;
    margin:0;
    list-style-type:none;
    text-decoration: none;
	
}
body{
	background-color: #ffffff;
    font-family: 'Arial';
}
.container{
	width: 100%;
	/* height:250px; */
	 
    
	/* position:absolute; */; /* margin-left: -150px; */; margin-top: 80px;; /* padding:10px; */
	/* background-color:white; */; /* box-shadow: -1px 2px 5px rgba(0,0,0,.2); */
}
.content{
	width: 90%;
	margin:auto;/* max-width: 250px; */
}
.label{
	width:100%;
	height:40px;
	margin-top:20px;text-align: center;
}

.input{
	border-radius: 3px;
	width: 100%;max-width: 250px;
    height: 35px;
	padding: 10px;
	background-color: #fcf9f9;
	border: 1px solid gainsboro;
	/* box-shadow: -1px 2px 5px rgba(0,0,0,.2); */; font-size: 10pt;1;
}
.button{
	
width: 100%;
max-width: 170px;font-weight: bold;
	border-radius: 2px;
    height: 35px;
	background-color: #1d75e3;
	color:#fff;
	font-size: 13px;
	border: none;
	
}
.input:focus{
	background-color:white;
	color:black;
	outline:none;
}

.alert{
	width:100%;
	text-align:center;
	padding:2px;
	font-family:Helvetica, Arial, sans-serif;
	color:white;
}
.s{
	background-color:#42f462;
}
.d{
	
	background-color:#ed1e1e;

}

.dugme{
	cursor:pointer;
	display:inline-block;
    font-family:Helvetica, Arial, sans-serif;
	font-size:12px;color:#1c9aea;
	-webkit-border-radius: 3px; 
	border-radius: 3px; } 
	
	[name="kapat"]{
		position:absolute;
		bottom:20px;right:20px;} 
.pencere{ 
	position:fixed;
	top:-50%;
	left:-50%; 
	width:260px;
	height:200px;
	background:#fff;
	box-shadow:0 0 6px 2px rgba(0,0,0,0.4); 
	opacity:0; 
	transition:opacity 0.6s ease-out; 
	z-index:-1; 
	padding:10px; 
	-webkit-border-radius: 
	3px; border-radius: 3px; 
	margin:-150px 0 0 -200px; } 
	
.Pencereac{
	width:1px;
	height:1px;
	visibility:hidden;} 
	
.Pencereac:checked + .pencere{ 
	top:50%;
	left:56%; 
	display:block; 
	z-index:9; 
    opacity:1;}
	
	@media screen and (max-width:760px) {
.Pencereac:checked + .pencere{ 
	top:50%;
	left:60%;
}	
	}
	@media only screen  (max-width:560)){ 
.Pencereac:checked + .pencere{ 
	top:50%;
	left:120%;
	}
}