body {
    margin: 0;
    padding: 0;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.navpanel {
    display: flex;
    padding: 8px;
    border-radius: 0 0 4px 4px;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
    width: calc(100% - 16px);
    position: sticky;
    backdrop-filter: blur(20px);
}

.content {
    margin: 8px;
    display: flex;
    justify-content: center;
}

.leftnav {
    display: flex;
    gap: 8px;
}

.rightnav {
    display: flex;
    gap: 8px;
}

.navbtn {
    padding: 8px;
    border-radius: 8px;
    color: white;
    cursor: pointer
}

.accountico{
    display: flex;
    align-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    border-radius: 40%;
}

.leaderstable {
}

.list-table img {
    width: 25px;
    height: 25px;
}

a {
    text-decoration: none;
    color: #2f4ee8;
}

.langbtn {
    height: 100%;
}

#eventsCount {
    border-radius: var(--br);
    width: 20px;
    height: calc(20px - 5px);
    padding: 0;
    padding-top: 5px;
    margin-left: 5px;
    font-size: 10px;
}

#eventsCount.active {
    background-color: #ff6a0067;
}

.squareMedal {
    background-image: url(../img/background.svg);
    background-size: 100%;
    max-height: 25px;
}

.squareMedal.winner {
    background-image: url(../img/award/background/winner.png);
}
.squareMedal.strongDefender {
    background-image: url(../img/award/background/shield.png);
}
.squareMedal.greatPower {
    background-image: url(../img/award/background/great.png);
}
.squareMedal.winSide {
    background-image: url(../img/award/background/winSide.png);
}
.squareMedal.none {
    background: none;
}

table {
  width: 100% !important;
  border-collapse: collapse !important;
}

td {
  vertical-align: top !important;
}

td div {
  display: inline-block !important;
  max-width: 100% !important;
  word-wrap: break-word !important;
  box-sizing: border-box !important;
}