@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic);

body {
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 400;
  overflow-x: hidden;
  overflow-y: auto;
}
.login-page {
background-image:url(../img/arkaplan.jpg);background-size:cover; background-attachment:fixed; 
}
.login-box {
	background-color:#fff; 
	box-shadow:4px 5px 8px rgba(0,0,0,.18); 	
	border-radius:30px;   
	width: 360px;
	    padding-bottom:0px;
		padding-left:10px;
		padding-right:10px;
	margin: 2% auto;}
	
.login-logo{ text-align:center; font-size:24px; font-weight:400;}

.login-logo b{ text-align:center; font-size:22px; font-weight:600; color:#545454; }

.register-logo {
  text-align: center;
  padding: 15px;
  padding-top:20px;


}
.login-box-body {
	
	padding:10px;
}
.hizmetlermenu {
margin:0px; 
margin-top:0px;
padding:0px;
 text-decoration:none !important;
width:100%;}
.hizmetlermenu li {
color:#646464;
border-bottom:1px solid #efefef;
font-family: 'Source Sans Pro', sans-serif;  font-size:16px; font-weight:400;
 list-style-type:none;
 text-decoration:none !important;
margin-top:1px;
padding-top:15px;
padding-left:15px;
height:50px;
width:100%;}
.hizmetlermenu li:hover {background:#efefef;
color:#000;
 list-style-type:none;
 text-decoration:none !important;
margin-top:1px;
padding-top:15px;
padding-left:15px;
height:50px;
width:100%;}


/* Popup (arka plan) */
.modal {
    display: none; /* Varsayılan olarak gizlidir */
    position: fixed; /* Yerinde kal */
    z-index: 99999999; /* Üstte */
    left: 0;
    top: 0;
    width: 100%; /* Ful Genişlik */
    height: 100%; /* Ful Yükseklik */
    overflow: auto; /* Gerekirse kaydırmayı etkinleştir */
    background-color: rgb(0,0,0); /* Yedek renk */
    background-color: rgba(0,0,0,0.4); /* Siyah w / opaklık */
}

/* İçerik / Kutu */
.modal-content {
	text-align:left;
    background-color: #fefefe;
    margin: 3% auto; /* % 15 üstten ve ortalanmış */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Ekran boyutuna bağlı olarak daha fazla veya daha az olabilir */
}

.modall {
    display: none; /* Varsayılan olarak gizlidir */
    position: fixed; /* Yerinde kal */
    z-index: 99999999; /* Üstte */
    left: 0;
    top: 0;
    width: 100%; /* Ful Genişlik */
    height: 100%; /* Ful Yükseklik */
    overflow: auto; /* Gerekirse kaydırmayı etkinleştir */
    background-color: rgb(0,0,0); /* Yedek renk */
    background-color: rgba(0,0,0,0.4); /* Siyah w / opaklık */
}

/* İçerik / Kutu */
.modal-contentt {
	text-align:left;
    background-color: #fefefe;
    margin: 3% auto; /* % 15 üstten ve ortalanmış */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Ekran boyutuna bağlı olarak daha fazla veya daha az olabilir */
}

/* Kapat Düğmesi */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}