.my-cell {
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
  /*  background-color: rgb(255, 85, 47); */
    /*align-content: center;*/
} 
.my-update {
    -ms-flex: 0 0 65px;
    flex: 0 0 80px;
   /* background-color: rgb(94, 4, 4); */
    align-content: center;
} 
.my-title {
    -ms-flex: 0 0 200px;
    flex: 0 0 200px;
   /* background-color: rgb(94, 4, 4); */
   align-content: center;
}


.nav .nav-link {
    color:white;
    background-color: black;
    border-color:rgb(50, 50, 50);
    font-size: 26px;
    font-weight: bold;
}
.nav .nav-link .active{
    background-color: black;
    color: white;
}

.efface {display: none;}

.bt_selected{
    background-color: rgb(32, 229, 108);
}

/* Custom styling for file input in dark mode */
    .custom-file-input::-webkit-file-upload-button {
      background: #000000;
      color: #ffffff;
      border: 1px solid #ffffff;
      padding: 0.25rem 0.25rem;
      border-radius: 0.25rem;
      font-size: 0.8rem;
      cursor: pointer;
    }

    .custom-file-input::file-selector-button {
      background: #000000;
      color: #ffffff;
      border: 1px solid #ffffff;
      padding: 0.25rem 0.25rem;
      border-radius: 0.25rem;
      font-size: 0.8rem;
      cursor: pointer;
    }

input[type="file"] {
      background-color: #212529;
      color: #ffffff;
       font-size: 0.8rem;
     /* border: 1px solid #6c757d;  */
    }

.led {
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background-color: #133213;
      border: 2px solid #0c1e0c;
      box-shadow: inset 0 0 6px rgba(0,0,0,0.35);
      transition: background-color 0.2s, box-shadow 0.2s;
    }

.led.on {
      background-color: #f12d2d;
      box-shadow: 0 0 12px rgba(241, 45, 45, 0.75), 0 0 24px rgba(241, 45, 45, 0.5);
    }
.round-button {
  position: fixed;       /* Keeps it in place even when scrolling */
  top: 10px;             /* Distance from the top */
  right: 10px;            /* Distance from the left */
  width: 70px;           /* Diameter */
  height: 70px;
  border-radius: 50%;    /* Makes it perfectly round */
  background-color: #333333; /* Blue color */
  color: white;
  border: 1px solid #3d4246;
  font-size: 24px;
  cursor: pointer;
  z-index: 1000;         /* Ensures it's above other elements */
   font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}

.top-left-corner {
    position: fixed;       /* Keeps it in place even when scrolling */
  top: 10px;             /* Distance from the top */
  right: 10px;            /* Distance from the left */
  width: 70px;           /* Diameter */
  height: 70px;
  border-radius: 50%;    /* Makes it perfectly round */
  background-color: #333333; /* Blue color */
  color: white;
  border: 1px solid #3d4246;
  font-size: 48px;
  cursor: pointer;
  z-index: 1000;         /* Ensures it's above other elements */
}
.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 800,
  'GRAD' 20,
  'opsz' 48
}




.control-panel {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-bottom: 1rem;
  }