i{
      font-size: 25px;
}
/* CSS to style the select dropdown */
.custom-select {
      appearance: none;
      /* Remove default appearance */
      -webkit-appearance: none;
      /* For Safari/Chrome */
      -moz-appearance: none;
      /* For Firefox */
      background-color: #fff;
      /* Background color */
      border: 1px solid #ccc;
      /* Border color */
      padding: 5px 10px;
      /* Padding */
      border-radius: 4px;
      /* Rounded corners */
      cursor: pointer;
      /* Cursor style */
      width: 100%;
      /* Full-width */
}

/* Style the select dropdown when it's focused */
.custom-select:focus {
      outline: none;
      /* Remove focus outline */
      border-color: #007bff;
      /* Border color when focused (blue in this case) */
      box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
      /* Shadow when focused */
}

/* Style the select dropdown options */
.custom-select option {
      background-color: #fff;
      /* Background color for options */
      color: #333;
      /* Text color for options */
}
.supervisorBg  {
      color: #000 !important;
      
}
.totalBg  {
      color: #fff ;
      background-color: #000;
      
}
.total-cell  {
      color: #000 !important;
      background-color: #fff;
      
}