main {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.lb-sec {
  margin-top: 3rem;
  background-color: white;
  height: fit-content;
  max-width: 35rem;
  width: 100%;
  border-left: 0.05rem solid #c1c1c1;
  border-right: 0.05rem solid #c1c1c1;  
  border-bottom: none;
  position: relative;
  border-radius: 0.5rem 0.5rem 0 0;
}
.lb-sec h2 {
  line-height: 3rem;
  font-size: 1.5rem;
  text-align: center;
  font-weight: 600;
  color: #5b5b5b;
  border-bottom: 1px solid rgb(188, 188, 188);
}
.lb-div {
  height: 100%;
  width: 100%;
  max-height: 20rem;
  max-width: 35rem;
  overflow-y: auto;
}
.lb-div::-webkit-scrollbar {
    width: 0; /* remove scrollbar space */
    background: transparent; /* optional: just to be safe */
}
/* scoreboard nav btns - START */
  .gm-btn-div {
    overflow-x: hidden;
    white-space: nowrap;
    display: flex;
    gap: 0.05rem;
    width: 100%;
    position: relative;
  }
  .slide-btn-left,
  .slide-btn-right {
    color: white;
    position: absolute;
    top:3rem;
    height: 2.5rem;
    width: 2.5rem;
    background-color: rgba(0, 0, 0, 0.643);
    border: none;
    z-index: 9;
  }
  .triangle-left,
  .triangle-right {
        border-top: 0.3rem solid transparent;
        border-bottom: 0.3rem solid transparent;
        margin: auto;
  }
  .triangle-left {
      border-right: 0.5rem solid white;
  }
  .triangle-right {
      border-left: 0.5rem solid white; 
  }
  .slide-btn-left {
    left:0;
    display: none;
  }
  .slide-btn-right {
    right:0;
  }
  .slide-btn-left:hover,
  .slide-btn-right:hover {
    opacity: 0.8;
  }
  .avg-btn, 
  .gm-score-btn {
    font-family: 'Courier New', Courier, monospace;
    height: 2.4rem;
    border: none;
    cursor: pointer;
    border: none;
  }
  .avg-btn {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: bold;
    background-color: gold;
    filter: brightness(1.2);
    background-image: linear-gradient(120deg, transparent 25%, rgba(255, 255, 255, 0.8) 50%, transparent 75%);
    color: rgb(88, 54, 0);
    padding: 0.5rem 1rem;
    width: 17rem;
    font-size: 0.95rem;
  }
  .gm-score-btn {
      background-color: #0062ff;
      color: white;
      font-weight: normal;
      min-width: 5rem;
      white-space: nowrap;
      font-size: 0.8rem;
  }
  .avg-btn:hover, 
  .gm-score-btn:hover {
    background-color: #b5cdff;
  }
  .selected {
    background-color: #0a0047;
  }
/* scoreboard nav btns - END */
table {
    table-layout: fixed;
    width: 100%;
    position: relative;
    border-spacing: 0.05rem; 
}

/* Table head section - START */
.gm-info-div {
  font-weight: bold;
  width: 100%;
  text-align: center;
}
.header1, 
.header2 {
  padding: 0.4rem 0;
  margin: 0.05rem 0;
  font-weight: bold;
}
.header1 {
  background: linear-gradient(90deg, #0a0047 0%, #6650f4 18%, #0a0047 40%, #6650f4 69%, #0a0047 87%);
}
.header2 {
  background-color: #0a0047;
}
.gm-info-div p {
  font-family: 'Courier New', Courier, monospace;
  color:rgb(212, 255, 253);
}
.gm-info-div p:last-child {
  display: flex;
  gap: 0.05rem;
  margin-bottom: 0.05rem;
  font-size: 0.8rem;
}
.gm-info-div p:last-child span {
  background-color: #0a0047;
  padding: 0.05rem 0;
  font-size: 0.7rem;
}
.gm-info-div p:last-child span:first-of-type {
  width: 25%;
}
.gm-info-div p:last-child span:last-of-type {
  width: 25%;
}
.gm-info-div p:last-child span:nth-of-type(2) {

  width: 50%;
}
/* Table head section - end */

/*  */  
thead th {
    position: sticky;
    top: 0.1rem;
    background: #0a0047;
}
/*  */
#gm1_table, #gm2_table, #gm3_table, #gm4_table, #gm5_table, #gm6_table, #gm7_table, #gm8_table, #gm9_table, #gm10_table {
    display: none;
}
tbody tr {
  background-image: linear-gradient(#dcf0ff, #c3e6ffce);
}
tbody tr td {
  padding: 0.5rem;
  text-align: center;
}
tbody tr td:nth-child(2) button {
    font-size: 0.8rem;
    background-color: transparent; 
    border: none;
}
tbody tr td:nth-child(2) button:hover {
  cursor: pointer;
  color: rgb(255, 0, 0);
}
.avg-score-set tr:first-child {
  filter: brightness(1.15);
  background-image: linear-gradient(rgb(220, 240, 255), rgba(195, 230, 255, 0.807));
}
.avg-score-set tr:nth-child(2) {
  filter: brightness(1.2);
  background-image: linear-gradient(rgba(254, 237, 145, 0.345), rgba(255, 217, 0, 0.455));
}
.avg-score-set tr:nth-child(3) {
  filter: brightness(1.15);
  background-image: linear-gradient(#c4c4c4db, #d1d1d1);
}
.avg-score-set tr:nth-child(4) {
  filter: brightness(1.15);
  background-image: linear-gradient(#fda43785, #bc6a0732);
}
tbody tr td:nth-child(2) {
  overflow-x: auto;
}
.status2 {
  background-color: rgba(233, 233, 233, 0.516);
  height: 10rem;
  display: grid;
  place-items: center;
  padding: 0 1rem;
}
/*  */
#search-user-input {
  max-width: 35rem;
  width: 100%;
  border-radius: 0;
  border: 0.05rem solid #c1c1c1;
  box-shadow: 0 0.2rem 0 rgb(123, 123, 123);
  border-radius: 0 0 0.5rem 0.5rem;
}
#search-user-input:hover {
  opacity: 0.8;
}
/*  */
.highlighted td {  
  background-image: none;
  background-color: rgb(0, 29, 57);
  color: rgb(255, 255, 255)
}