/*style.css*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; /* Recommended for consistent box model behavior */
}

h1 {
    color: #FF9933;
}

label#first,
label#password {
    display: block;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 5px;
    text-align: left;
    color: #555;
    font-weight: bold;
}

input#first,
input#password {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius: 5px;
}


/* button {
    padding: 15px;
    border-radius: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
    border: none;
    color: white;
    cursor: pointer;
    background-color: #4CAF50;
    width: 100%;
    font-size: 16px;
} */

.wrap {
    display: flex;
    justify-content: center;
    align-items: center;
}


#chart2.sd-graph:before {
    --_y-label-width: 12.25px;
    --_y-label: "90\a 80\a 70\a 60\a 50\a 40\a 30\a 20\a 10";
    font-weight: bolder !important;
}
#chart2.sd-graph:after {
    --_x-label: " Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec ";
    font-weight: bolder !important;
}


/* Remove unwanted box stretch on collapse */
.navbar-collapse {
  flex-grow: 0;        /* prevents full width expansion */
  justify-content: flex-end;
}

/* Clean toggler */
.navbar-toggler {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* White hamburger on orange bg */
.navbar-light .navbar-toggler-icon {
  filter: invert(1);
}


 /*Data Table  */

 #leaderboard-data.table td{
  background-color: unset !important;
}
 #leaderboard-data.table td{
  /* background-color: unset !important;
   */
   color: black;
}
#leaderboard-data.table th{
  background-color: #0E7490;
}

@media screen and (max-width: 576px) {
  .admin-text {
    font-size: 1.2rem;
  }
}