body {
	height: 100%;
  	margin: 0;
  	background-color: #EEEEEE;
  	background-position: center center;
  	background-repeat: no-repeat;
  	background-attachment: fixed;
  	background-size: cover;
  	font-family: 'Roboto', sans-serif;
  	margin-left: 20px;
  	margin-right: 20px;
    text-transform:uppercase;
}
@media only screen and (max-width: 767px) {
  body {

    
  	margin-left: 0px;
  	margin-right: 0px;

  }
	}
.arkaplan {
	
	height: 100%;

}
.topnav {
  overflow: hidden;
  background-color: #75231D;
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  z-index: 1;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;

}
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.active {
  background-color: #48aa58;
  color: #fff;
}
.nav-item active a {color: #fff;}
.topnav .icon {
  display: none;
}
@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}
@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;

  }
  .sayfa {padding: 0px;}
}
.sayfa {
	
	overflow-x: auto;
	background-color: #fff;
	padding: 20px;
	margin-top: 10px; 
  -webkit-box-shadow: -2px 9px 41px -5px rgb(204, 198, 204);
  -moz-box-shadow: -2px 9px 41px -5px rgb(204, 198, 204);
  box-shadow: -2px 9px 41px -5px rgb(204, 198, 204);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-bottom: 50px;
}
.sayfa .tablolar {
  overflow-x: auto;
  
}
.sayfa a {
	color: #75231D;
	text-decoration: none;
}
.sayfa a:hover {
	color: #863630;

}
.sayfa li {
	padding: 5px;
}
.sayfa .baslik {text-align: center;}
.sayfa .baslik .logo {max-width: 100px;}
.sayfa table {width: 100%;}
.sayfa th {padding: 5px; border: 1px solid #ccc;}
.sayfa tr:hover {background-color: #F5F5F5}
.sayfa table td {padding: 5px; border: 1px solid #ccc;}
.sayfa .ack {background-color: #1A4B83; text-align: center;}
.sayfa .ack h3 {padding: 3px; color: #fff; text-transform: uppercase; padding-left: 15px;}
.sayfa ul a {max-width: 220px;}
.sayfa ul li {max-width: 220px;}
.sayfa .kayityok {color: #0C234D;}
.sayfa .kayityok:hover {color: #000;}
.sayfa .anabaslik {text-transform: uppercase;}
@media screen and (max-width: 600px) {
.sayfa {padding-left: 0px;}
.sayfa{padding-right: 0px;}
}
.giris {background: #f2f0f0; padding-top: 10px; padding-bottom: 10px; border-radius: 20px;}
.giris strong {padding: 5px;}
.ikamet {height: 70px;}

input[type=password] {
  border: 1px dotted #999;
  border-radius: 0;
  padding: 6px;
  -webkit-appearance: none;
  border-radius: 3px;
  margin-top: 5px;
}
input[type=submit] {
  padding: 6px;
  border-radius: 6px;
  border-color: #863630 !important;
  color: #fff; 
  cursor: pointer;
  padding: .375rem .75rem;
}
input:hover[type=submit] {
  padding: 6px;
  border-radius: 6px;
  background: #863630;
  border-color: 0062cc !important;
  color: #fff;
  padding: .375rem .75rem;
}

select {
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
tr .siralandi {background-color: #e7efff;}
tr:hover .siralandi {background-color: #DFDFDF;}
select {padding: 4px;}
input {padding: 4px;}
.basarili {text-align: center; text-transform:uppercase; padding: 10px; color: green; background-color: #c3ffb487; margin: 2px;}
.hatali {text-align: center;  padding: 10px; color: red; background-color: #ffb4b487 ; margin: 2px;}
#yukleniyor {text-align: center; padding: 5px; display: none; }
.sayfalama {background-color: padding: 5px;}
.aktif {background-color: #75231D; color: #fff; z-index: 2; border-color: #863630; padding: .5rem .75rem;}
.aktif:hover {background: #863630;}
.aktif a {color: #fff;}
b {color: #863630;}
.kucuk {color: #000; font-size: 10px; background: linear-gradient(110deg, #fdcd3b 60%, #ffed4b 60%); cursor: pointer;}
.listeler {margin-bottom: 3px; margin-top: 3px; margin-left: 0px; -webkit-transition: width 2s; transition: width 2s; background: #ebebeb;float: left !important; display: block;}
.listeler:hover {background-color: #fff; margin-left: 0px; -webkit-transition: width 2s; transition: width 2s;}
.listeler .span-liste {color: #000; border-top: #ccc 1px solid}
.calisilansure {font-size: 10px; color: #0056c0; font-weight: bold;}
.ana-sayfa-liste {list-style-type: none; background: #000; display: block; margin: 2px; max-width: 200px;}
.ana-sayfa-liste:hover {background-color: #482525; cursor:pointer;}
.ana-sayfa-liste a {color: #fff;}
.ana-sayfa-liste:hover a {color: #fff;}
.isci-say {font-size: 13px; font-weight: 800; color: #d47f79;}
.ana-sayfa-max-250 {max-width: 250px;}
.kirmizi {background-color: #250f0d;}
.ana-sayfa-liste:hover .kirmizi {background-color: #fff; cursor:pointer;}
.ana-sayfa-baslik {background: #000;  max-width: 201px; color: #fff; padding: 2px;}
.sozlesme-kase {text-align: right; font-size: 20px; font-weight: 800; background-attachment: absolute;}
.sozlesme-baslik {display: block; padding: 5px; text-align: center; border: #000 solid 2px; margin:2px; margin-top: 5px;}
.listeler:hover .sozlesmeler-ana-baslik {background-color: #5ec399}
.duzenle-detay {background: #75231d; color: #fff; text-align: center; font-weight: bolder; padding: 3px}
.eski-isci-bildirim {animation: blinker 0.9s linear infinite; background: #75231d; color: #fff; text-align: center; font-weight: bolder; padding: 3px: }
      @keyframes blinker {  
      100% { background: #d5655d; }}

.eski-isci-liste {font-weight: 900; color: #155724}