/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: thin;
    scrollbar-color: #2f3f77 #8fd6ed;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 12px;
  }

  *::-webkit-scrollbar-track {
    background: #8fd6ed;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #2f3f77;
    border-radius: 6px;
    border: 5px outset #265679;
  }
 
 @font-face { font-family: DiavloMedium; 
 src: url("fonts/DiavloMedium.eot"); 
 src: url("fonts/DiavloMedium.woff") format("woff"), 
 url("fonts/DiavloMedium.ttf") format("ttf"), 
 url("fonts/DiavloMedium.otf") format("opentype"); 
  font-display: swap;
}
 
html{overflow-y:scroll;
background-color: #FFFFCF;

}
body {}

.sektorfaktor{margin:30px 2%; width:90%;padding:24px 3%;border-radius:0;float:left;background-color:#d8d3fe;border:none;
-webkit-box-shadow: -9px -9px 20px 6px #424B5E;
box-shadow: -9px -9px 20px 6px #424B5E;}/*1E222D*/

.sektorfaktorbaslik{float:left;width:100%;height:30px;background-color:#f000;border:none; margin:0;}

table {margin:30px 2%; width:96%;padding:0;border-radius: 6px;float:left;
background: #ffffe0;border-collapse: collapse;
-webkit-box-shadow: 0 0 30px 15px #012B39;
box-shadow: 0 0 30px 15px #012B39;}
table a {text-decoration:none; color:#000033;}

th {
	font-family: DiavloMedium, Helvetica, Tahoma; 
	font-size:14px;
	font-weight:400;
	text-align:center;
	color:#eae0c2;
	background-color: #012B39;padding:8px 0;border:none;}
td {
	font-family: DiavloMedium, Helvetica, Tahoma;
	font-size:14px;
	font-weight:500;
	border: none;border-right: 1px solid #bbb;
	color: #000;padding-right:2px;text-align: right !important;}

thead tr {border:none !important;}
tbody tr {border:none;background-color:#85b1af; transition: background 0.25s ease;text-align: left;}
tbody tr:nth-of-type(even){background-color:#E7E9D7 ;/*CAE8D3*/}
/*td:hover {border:2px outset #fff;background-color:#fff;text-align: center;color:#00f;cursor:pointer;transform: scale(1.04);}*/

.tablelogo{width:24px;height:24px;border-radius:50%;border:2px outset #fff;}
.sirabtn{cursor: pointer;float:right;
font-size:18px;
background-color: #567F8E;
border:0;box-shadow: #345E6C 0 -8px 3px inset;box-sizing: border-box;border-radius:3px;
  margin:1px;padding: 0;width:50px;height:20px;outline: none;quotes: auto;
  transition: all .15s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
 
  }

.sirabtn:hover {background:linear-gradient(to bottom, #9cacac 5%, #a6ada7 100%);background-color:#6c7c7c;}
.sirabtn:active {position:relative;top:1px;}

select{padding:8px;background-color:#7A9DB0;border-radius:8px;color:#000;cursor:pointer;margin:0 2%;text-align:center;
font-family: DiavloMedium, Helvetica, Tahoma; width:90%;float:left;border:2px outset #012B39;font-size:16px;font-weight: lighter;}
select:hover{background-color:#BDCAD8;}
option{font-family:DiavloMedium, Helvetica, Tahoma; width:95%;font-size:12px;font-weight:bold;padding:4px;background-color:#a1c6cf;color:#000;cursor:pointer;text-align:left;}


.opbutton{
	padding:9px;float:left;margin:1px 2px;width:120px;
  display: inline-block;
  background-color: #7A9DB0;cursor: pointer;  
  border-radius:8px;border:0;
  -webkit-box-shadow:inset 0 0 4px 4px #627BA5;
  box-shadow:inset 0 0 4px 4px #627BA5;
  box-sizing: border-box;
 font-family: DiavloMedium, Helvetica, Tahoma; font-size:16px;font-weight: lighter;color:#000000;text-decoration:none;
  outline: none;quotes: auto;
  user-select: none;
  -webkit-user-select: none;
}

.opbutton:hover {background-color: #BDCAD8;}

.haber{float:left;margin:0 10%; width:80%;height:480px; background-color: #129FAB;}
.haberuc{float:left;margin:0 auto; width:49.9%;height:auto;background-color:transparent;}
.haberiki{float:left;margin:0 10%; width:80%;height:420px;background-color:#129fab;}
.title{float:left;margin-top:5px; width:100%;height:20px;background-color:#29fab1;padding:6px 0;font-size:14px;text-align:center;
font-weight:700;}

.kurbtn {display: inline-block;float:right;  border-radius:6px;border:0;cursor: pointer; 
background-color: #567F8E;border:0;box-shadow: #345E6C 0 -8px 3px inset;box-sizing: border-box;border-radius:3px;
  box-sizing: border-box;
  font-family: DiavloMedium, Helvetica, Tahoma;font-size: 12px;font-weight:600;text-align: center;color: #000000;text-decoration:none;
  margin:1px 2px;padding:6px;width:70px;outline: none;quotes: auto;
  transition: all .15s;user-select: none;
  -webkit-user-select: none;
}

.kurbtn:hover {background:linear-gradient(to bottom, #9cacac 5%, #a6ada7 100%);background-color:#6c7c7c;}
.kurbtn:active {position:relative;top:1px;}
.ara{float:left;margin:0; width:100%;height:50px;background-color:transparent;}


$blue: #2962ff;

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}


.section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 30px;
  font-size: 16px;
  background: #0a3853;
  color: #b0e7ee;
  text-transform: uppercase;
  gap: 3px;
}



.text-shadow {
  font-style: italic;
  text-transform: uppercase;
  color: transparent;
  -webkit-text-stroke: #b8e5f7;
  -webkit-text-stroke-width: 1px;
  text-shadow: 2px 2px 10px $blue;
  transition: all 0.5s ease-in-out;
  text-align: center;
  letter-spacing: 0.2em;
  animation: flicker 0.8s ease-in-out infinite alternate;

  &:hover {
    color: #fff;
  }
}

.tags small {
  @media (max-width: 450px) {
    font-size: 18px;
  }
}

@keyframes flicker {
  0% {
    opacity: 0.5;
    text-shadow: 2px 2px 10px $blue;
  }

  100% {
    opacity: 1;
    text-shadow: 2px 2px 20px $blue;
  }
}