/* RANKING PAGE */
#tffRanking .memberBox {
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
   align-items: center;
}

#tffRanking .memberBox .memberPicture {
	position: relative;
   margin: 0 10px 0 0;
}

#tffRanking .memberBox .memberPicture > img {
   width: 38px;
   height: 38px;
   border: 1px solid #22242b;
   border-radius: 100%;
}

#tffRanking .memberBox .memberPicture .memberCountry {
	position: absolute;
	bottom: -6px; left: 0; right: 0;
   display: flex;
	justify-content: center;
	align-items: center;
}

#tffRanking .memberBox .memberPicture .memberCountry > img {
	width: 16px;
	height: 16px;
}

#tffRanking .memberBox .memberInfo {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: flex-start;
}

#tffRanking .memberBox .memberInfo span:first-child {
   font-size: 1.2em;
   margin: 0 0 3px 0;
}

#tffRanking .memberBox .memberInfo span:nth-child(2) {
	opacity: 0.7;
   color: #fff;
   font-size: 1em;
}

#tffRanking .arenaStat {
	font-size: 1.1em;
}

#tffRanking .arenaStat:before {
	font: var(--fa-font-solid);
	font-weight: 900;
  	font-size: 0.9em;
  	margin-right: 3px;
}

#tffRanking .arenaStat.money {
	color: #55C75C;
}
#tffRanking .arenaStat.money:before {
	content: '\f155';
}

#tffRanking .arenaStat.points {
	color: #ffd700;
}
#tffRanking .arenaStat.points:before {
	content: '\f055';
}

#tffRanking .arenaStat.playtime {
	color: #03A4FF;
}
#tffRanking .arenaStat.playtime:before {
	content: '\f017';
}

#tffRanking .arenaStat.stunts {
	color: #AAAAAA;
}
#tffRanking .arenaStat.stunts:before {
	content: '\f041';
}

 f276

#tffRanking .arenaStat.kills {
	color: #DF2B2B;
}
#tffRanking .arenaStat.kills:before {
	content: '\f05b';
}

#tffRanking .arenaStat.toptimes {
	color: #2B7DDF;
}
#tffRanking .arenaStat.toptimes:before {
	content: '\f533';
}

#tffRanking .arenaStat.bomb_received {
	color: #2B7DDF;
}
#tffRanking .arenaStat.bomb_passed:before, #tffRanking .arenaStat.bomb_received:before {
	content: '\f1e2';
}

#tffRanking .arenaStat.deaths {
	color: #dd6666;
}
#tffRanking .arenaStat.deaths:before {
	content: '\f714';
}

#tffRanking .arenaStat.cl_total {
	color: #ffd700;
}
#tffRanking .arenaStat.cl_won {
	color: #66dd66;
}
#tffRanking .arenaStat.cl_lost {
	color: #dd6666;
}

#tffRanking .arenaStat.cl_won:before, #tffRanking .arenaStat.cl_lost:before,  #tffRanking .arenaStat.cl_total:before {
	content: '\f3ed';
}



#tffRanking .arenaStat.played {
	color: #EA9FDC;
}
#tffRanking .arenaStat.played:before {
	content: '\f144';
}

#tffRanking .arenaStat.won {
	color: #66dd66;
}
#tffRanking .arenaStat.won:before {
	content: '\f091';
}


#button_container {
 	display: flex;
  	gap: 10px;
  	margin-bottom: 10px;
  	flex-wrap: wrap;
}

#button_container > button {
 	padding: 15px 10px;
  	flex: 1 0 20%;
  	border: none;
  	border-radius: var(--radius-2);
  	color: #fff;
  	font-weight: 700;
  	background-color: var(--box--backgroundColor);
  	text-shadow: 1px 1px black;
}

#button_container > button:hover {
 	cursor: pointer; 
  	background: rgb( var(--theme-timeline_color) ); 
}

#button_container > button span:nth-child(1) {
 	float: left; 
}

#button_container > button span:nth-child(2) {
 	float: right; 
}

#button_container > button.active {
 	background-color: rgb( var(--theme-timeline_color) ); 
}

input[type="text"] {
  	border-radius: var(--radius-2) !important;
  	flex: 1 0;
  	padding: 10px;
  	width: 100%;
  	max-width: inherit !important;
}

.mobile {display: none; }

.text-left{text-align:left;}

#searchContainer {
 	margin-top: 10px;
  	display: flex;
  	justify-content: flex-end;
}

@media only screen and (max-width: 797px) {
  .hidden {
      	display: none; 
  }
  
  #button_container > button {
   	flex: 1 0 40%; 
  }
  
  .mobile {
   	display: table-cell; 
  }
}