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

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

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

#button_container_main > 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_main > button span:nth-child(1) {
 	float: left; 
}

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


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

.clanLogo {
 	height: 32px; 
  	margin-right: 10px;
}

.clanLogoBig {
  height: 64px; 
}

.money {
  	color: #66dd66;
}

.elo {
 	color: #dddd66; 
}

.clanInfo {
 	padding: 15px;
  	border-radius: var(--radius-2);
  	font-weight: 700;
  	background-color: var(--box--backgroundColor);
}

.clan {
 	font-size: 25px;
  	font-weight: 700;
}

.description {
 	font-size: 15px;
  	font-weight: 600;
  	color: rgb(127 134 148);
}

.clanInfo{
 	display: flex;
  	gap: 20px;
}
.score{
	font-size: 25px;
  	font-weight: 700;
}

.clanData{
 	display: flex;
    justify-content: center;
    flex-direction: row;
    flex: 1 auto;
    max-width: 100%;
    gap: 10px;
    flex-wrap: wrap;
  	margin-top: 10px;
}

.clanDataInstance {
  	flex: 1 0 5%;
    display: flex;
    align-items: center;
    background-color: var(--box--backgroundColor);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 0.475rem;
    gap: 10px;
    padding: 15px;

}

.clanIconBox {
 	float: left;
    display: flex;
    justify-content: center;
    max-width: 30%;
    font-size: 25px; 
}

.clanTextBox {
    margin-left: 15px;
}

.clanTextBox div:first-child {
 	font-weight: 700; 
  	color: white;
}

.clanTextBox div:last-child {
 	color: rgba(255, 255, 255, 0.6); 
  	font-weight: 600;
}

.clanBox {
 	border-radius: var(--radius-2) !important;
    background-color: rgb( var(--theme-comment_count) );
    width: max-content;
    padding: 4px 8px;
    text-shadow: 1px 1px black;
}

.gamemode { background-color: rgba( var(--theme-text_color), 0.05 ); }
span.won { background-color: rgb(45, 195, 59); }
span.tied { background-color: rgb(238, 167, 16); }
span.lost { background-color: rgb(246, 54, 49); }

.unranked { color: rgba( var(--theme-text_color), 0.05 ); }
.ranked {color: rgb( var(--theme-timeline_color) );}
.orange { color: rgb( var(--theme-timeline_color) );}
.yellow { color: #dddd66; }
.blue { color: #0174df; }
.green { color: #66dd66; }
.gamenick {
  color: rgba(107, 114, 128, 0.6);
  font-size: 12px;
  font-weight: 600;
}

.memberName {font-weight: 700; }


.clanMaps {
 	display: flex;
  	gap: 10px;
  	margin-top: 10px;
  	justify-content: space-between;
  	font-weight: 600;
}

.clanMapInstance {
 	border-radius: var(--radius-2);
  	background-color: var(--box--backgroundColor);
  	padding: 15px;
}


.button_container {
 	display: flex;
  	gap: 10px;
  	flex-wrap: wrap;
  	margin: 10px 0px;
  	justify-content: center;
}

.button_container > button {
 	padding: 15px 10px;
  	width: 200px;
  	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; 
}

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

.flag {
  width: 24px;
}
.pointer { cursor: pointer;}

.button_container > button span:nth-child(2) {
 	float: right; 
}
@media only screen and (max-width: 797px) {
  .hidden {
      	display: none; 
  }
  
  .gamemode { font-size: 9px; text-wrap: nowrap;}
  .clanBox {font-size: 9px;}
  .ipsType_break {font-size: 9px;}
  td {font-size: 9px;}
  .clanInfo, .clanDataInstance, .button_container, .gamenick {font-size: 9px;}
  .clanDataInstance {flex: 1 0 45%;}
  .button_container button { flex: 1 0 5%; width: auto; }
  .flag {width: 16px;}
  .score{
		font-size: 15px;
	}
  .clanLogo {
 	height: 10px; 
  	margin-right: 5px;
}
}