* {
    text-align: center;
}

body{background:#212529 !important;}
thead{background: #191818;}
.bayitable {
    width: 100%;
}
.bayiakt > td:nth-child(1) {color:#00ff4e;}
.bayiakt > td:nth-child(4) {color: #5fa1d0;}
.bayiakt > td:nth-child(2) {color: #d8c121;}
.bayiakt > td:nth-child(3) {color: #f17940;}
.bilgilendirme{position: fixed;top: 5px;border: 2px solid #fff;right: 5px;color: #fff;padding: 2px 10px;border-radius: 100px;
 -webkit-animation-duration:4s;
    animation-duration:10s;
    -webkit-animation-name: bayiclick;
    animation-name: bayiclick;
    animation-direction: alternate-reverse;
    animation-iteration-count: infinite;
	opacity:0;
}

 @keyframes bayiclick{
     0% {
         -webkit-transform-origin:0, 0;
         transform-origin:0, 0;
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
		 opacity:0;
		
    }
	 10% {
         -webkit-transform-origin:0, 0;
         transform-origin:0, 0;
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
		 opacity:1;
		
    }
	 20% {
         -webkit-transform-origin:0, 0;
         transform-origin:0, 0;
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
		 opacity:0.1;
		
    }
	 30% {
         -webkit-transform-origin:0, 0;
         transform-origin:0, 0;
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
		 opacity:1;
		
    }
	 
	 40% {
         -webkit-transform-origin:0, 0;
         transform-origin:0, 0;
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
		 opacity:0.1;
		
    }
	 50% {
         -webkit-transform-origin:0, 0;
         transform-origin:0, 0;
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
		 opacity:1;
		
    }
	 60% {
         -webkit-transform-origin:0, 0;
         transform-origin:0, 0;
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
		 opacity:0.1;
		
    }
	 70% {
         -webkit-transform-origin:0, 0;
         transform-origin:0, 0;
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
		 opacity:1;
		
    }
	 80% {
         -webkit-transform-origin:0, 0;
         transform-origin:0, 0;
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
		 opacity:0.1;
		
    }
	 90% {
         -webkit-transform-origin:0, 0;
         transform-origin:0, 0;
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
		 opacity:1;
		
    }
	100% {
         -webkit-transform-origin:0, 0;
         transform-origin:0, 0;
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
		 opacity:0.1;
		
    }
     
}
.bayidetay{
    width: 95%;
    top: 0;
    overflow-x: auto;
    margin-left: 2.5%;
    margin-right: 2.5%;
    height: 100%;
    background: #3e444a;
    display:none;
}
.bayigizle{
    background: #00000052;
    border: 2px solid #fff;
    width: 200px;
    border-radius: 100px;
    color: #fff;
    font-size: 18px;
    font-family: sans-serif;
    text-align: center;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
}
.svg-turkiye-haritasi {
  max-width: 1140px;
  margin: 0 auto;
  text-align: center;
}
.svg-turkiye-haritasi svg {
  width: 100%;
  height: auto;
}
.il-isimleri {
  position: absolute;
  z-index: 2;
}
.il-isimleri div {
  font-family: 'Open Sans';
  display: inline-block;
  background: #666;
  color: #fff;
  padding: 8px 16px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#svg-turkiye-haritasi path {
  cursor: pointer;

}
#svg-turkiye-haritasi path:hover {
  fill:#666;
}
#guney-kibris {
  pointer-events: none;
}
g#manisa , g#izmir , g#aydin , g#mugla ,g#denizli , g#afyonkarahisar , g#kutahya , g#usak {fill:#fcb7ff !important;}
g#burdur , g#isparta , g#antalya , g#mersin , g#adana , g#hatay , g#kilis , g#osmaniye , g#kahramanmaras {fill:#ffc900 !important;}
g#karaman , g#konya , g#nigde , g#aksaray , g#nevsehir , g#kirsehir , g#kayseri , g#sivas , g#yozgat , g#kirikkale , g#ankara , g#eskisehir , g#cankiri{fill:#ffad3f !important;}
g#gaziantep , g#sanliurfa , g#adiyaman , g#diyarbakir , g#batman , g#siirt , g#mardin {fill:#d18262 !important;}
g#canakkale,g#balikesir,g#bursa,g#yalova,g#izmit,g#sakarya,g#istanbul,g#tekirdag,g#kirklareli,g#edirne,g#kocaeli{fill:#ff917f !important;}
g#bilecik , g#duzce , g#bolu , g#zonguldak , g#bartin , g#karabük,g#kastamonu,g#corum,g#amasya,g#tokat,g#samsun,g#sinop,g#ordu,g#giresun,g#gumushane,g#trabzon,g#karabuk,g#bayburt,g#rize,g#artvin{fill:#50db47 !important;}
g#malatya , g#elazig , g#tunceli , g#erzincan , g#bingol , g#erzurum, g#mus , g#bitlis , g#sirnak , g#hakkari , g#van , g#agri , g#igdir , g#kars , g#ardahan{fill:#a1c7e2 !important;}