@font-face {
  font-family: 'CamptonBook';
  src: url('fonts/CamptonBook.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'CamptonLight';
  src: url('fonts/CamptonLight.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'CamptonMedium';
  src: url('fonts/CamptonMedium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'CamptonBold';
  src: url('fonts/CamptonBold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'CamptonExtraBold';
  src: url('fonts/CamptonExtraBold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'CamptonBlack';
  src: url('fonts/CamptonBlack.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


html, body {
	font-family: 'CamptonBold', sans-serif!important;
}

.table-container {
	width: 100%; /* Tablo genişliği (örnekte tam sayfa genişliği için % olarak ayarlanmıştır) */
	max-height: 100%; /* Tablonun maksimum yüksekliği */
	overflow-y: auto; /* Dikey scroll bar'ı görünür yap */
	scrollbar-width: none; /* Firefox'ta scroll bar'ı gizler */
	-webkit-overflow-scrolling: touch;
	bottom: 0!important;
}
.table-container::-webkit-scrollbar {
	width: 0; /* Chrome, Safari, Opera'ta scroll bar genişliğini sıfıra ayarlar */
}

.leaderboard-results{ 
	border-collapse: collapse; 
	width: 100%;
}
.leaderboard-results thead{ display: none; }
.leaderboard-results tbody td{
	height: 50px;
	text-align: center;
	padding: 10px;
}

.leaderboard-results tr {
	background: #8EA9BC;
	background: linear-gradient(180deg, rgba(142, 169, 188, 1) 0%, rgba(101, 129, 144, 1) 100%);
	border-radius: 5px;
	box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.5);
	margin: 15px;
	color: #FFFFFF;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 17px;
	font-weight: 800;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
}

.leaderboard-results td {
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 33.33%;
	text-align: center;
}

#rankings td, 
#rankings th {
    text-align: left!important;
}

#rankings td:nth-child(1), 
#rankings th:nth-child(1) {
    width: 15%;
	justify-content: center;
}

#rankings td:nth-child(2), 
#rankings th:nth-child(2) {
    width: 45%;
	justify-content: start;
}

#rankings td:nth-child(3), 
#rankings th:nth-child(3) {
    width: 25%;
	justify-content: start;
}

#rankings td:nth-child(4), 
#rankings th:nth-child(4) {
    width: 20%;
	justify-content: center;
}


.user_cell{
	/*
	color: #fff;
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.75);
	text-stroke: 10px #7F7F7F;
	*/
}

#user-rank-selected{
	background: linear-gradient(180deg,rgba(232, 20, 20, 1) 0%, rgb(165, 10, 10) 100%);
	color: #fff
}

#user-rank-sticky{
	background: linear-gradient(180deg,rgba(232, 20, 20, 1) 0%, rgba(165, 10, 10) 100%);
	font-size: 17px!important;
	font-weight: 900;
	color: #fff;
	position: sticky;
	bottom: 0;
	z-index: 999;
}

.sticky_user_cell{
	/*
	text-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15);
	text-stroke-width: 3;
	text-stroke-color: #E30078;
	*/
}

#user-rank-sticky td{
}