.units { font-size: 1.0rem; }
.button {
  background-color: #a6a6a6;
  border: none;
  color: #e6f7ff;
  padding: 3px;
  text-align: center;
  text-decoration: none;
  text-shadow:1px 1px 0 #444;
  display: inline-block;
  font-size: 0.9rem;
  margin: 4px 2px;
  cursor: pointer;
border-radius: 7px;
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}

.button:hover { box-shadow: none;}

    .ds-labels{
      font-size: 0.9rem;
      vertical-align:middle;
      padding-bottom: 1px;
    }

    .ds-labelinv{
      font-size: 1.2rem;
      vertical-align:middle;
      padding-bottom: 1px;
    }

    .ds-labelz{
      font-size: 0.9rem;
      vertical-align: 1px;
      padding-bottom: 1px;
      padding-left : 0px;
      color: var(--mycolorc) ;
    }

    .ds-labelz1{
      font-size: 0.7rem;
      vertical-align: 1px;
      padding-bottom: 1px;
      padding-left : 0px;
      color: var(--mycolor) ;
    }


    .ds-labels7{
    font-size: 0.7rem;
    vertical-align:middle;
    padding-bottom: 1px;
    }
    .ds-labels8{
    font-size: 0.8rem;
    vertical-align:middle;
    padding-bottom: 1px;
    }
    .ds-labels9{
    font-size: 0.9rem;
    vertical-align:middle;
    padding-bottom: 1px;
    }

    .ds-labelbs{
      font-size: 0.5rem;
      color: var(--mycolorb) ;
      vertical-align:middle;
      padding-bottom: 1px;
    }

      .ds-labelsa{
      font-size: 0.8rem;
      vertical-align:middle;
      padding-bottom: 1px;
    }
      .ds-labelsb{
      font-size: 1.2rem;
      color: var(--mycolor) ;
      vertical-align:bottom;
      padding-bottom: 1px;
    }
      .ds-labelsg{
      font-size: 1.0rem;
      color:#006600 ;
      vertical-align:middle;
      padding-bottom: 1px;
    }
      .ds-labelsc{
      font-size: 1.0rem;
      color:blue ;
      vertical-align:middle;
      padding-bottom: 1px;
    }
      .ds-labelbsc{
      font-size: 1.0rem;
      color: var(--mycolorb) ;
      vertical-align:middle;
      padding-bottom: 1px;
    }

    .ds-labelscc{
      font-size: 1.2rem;
      color: var(--mycolorc) ;
      vertical-align:bottom;
      padding-bottom: 1px;
    }

    .ds-labelscc1{
      font-size: 1.2rem;
      border-radius: 10px;
      color: var(--mycolorc) ;
      vertical-align:bottom;
      padding-bottom: 1px;
    }

      .ds-cellsnr{
      font-size: 1.0rem;
      vertical-align:middle;
      padding-bottom: 1px;
      }
      .ds-cellsnrr{
      font-size: 0.7rem;
      vertical-align: -3px;
      }

      .ds-cells{
      font-size: 1.5rem;
      color:#006600;
      vertical-align:middle;
      padding-bottom: 1px;
      animation: cellblink 1s linear forwards infinite paused ;
      animation-delay: -2s;
       }

      .ds-signal{
      font-size: 0.7rem;
      color:#006600;
      vertical-align:middle;
      padding-bottom: 1px;
      animation: signalblink 1s linear forwards infinite paused ;
      animation-delay: -2s;
       }

      .ds-signalupd{
      font-size: 0.8rem;
      color:black;
      vertical-align:middle;
      padding-bottom: 1px;
      animation: signalblink 1s linear forwards infinite paused ;
      animation-delay: -2s;
       }

      .ds-ver{
      font-size: 0.8rem;
      color:black;
      vertical-align:middle;
      padding-bottom: 1px;
      animation: verblink 1s linear forwards infinite paused ;
      animation-delay: -2s;
       }

      .ds-normal{
      font-size: 1rem;
      color:black;
      vertical-align:middle;
      padding-bottom: 1px;
       }

table {
  border: 1px solid #006600;
  border-collapse: separate;
  border-radius: 10px;
  border-spacing: 0;
  margin-left: auto;
  margin-right: auto;
}

th, td {
  border: 1px solid #006600;
  border-style: none;
}

/* Reactivăm linia de jos pentru celulele care nu sunt din ultimul rând */
table tr:not(:last-child) td {
  border-bottom-style: solid;
}

/* Reactivăm linia din dreapta pentru celulele care nu sunt ultima din rând */
table tr td:not(:last-child) {
  border-right-style: solid;
}

/* Rotunjirea colțurilor exterioare */
table tr:first-child td:first-child { border-top-left-radius: 10px; }
table tr:first-child td:last-child { border-top-right-radius: 10px; }
table tr:last-child td:first-child { border-bottom-left-radius: 10px; }
table tr:last-child td:last-child { border-bottom-right-radius: 10px; }



@keyframes cellblink{
0%{opacity: 1;}
50%{opacity: 0.1;}
100%{opacity: 1;}
}

@keyframes signalblink{
0%{opacity: 1;}
50%{opacity: 0.1;}
100%{opacity: 1;}
}

@keyframes verblink{
0%{opacity: 1;}
50%{opacity: 0.1;}
100%{opacity: 1;}
}

        /* ✅ Stilizare overlay */
        #countdownOverlay {
            position: fixed;
            top: 0; left: 0;
            width: 100%; height: 100%;
            background: rgba(0, 0, 0, 0.2);
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            color: white;
            font-size: 3rem;
            font-family: Arial, sans-serif;
            z-index: 9999;
        }

        /* ✅ Stilizare cerc animat */
        .circle {
            width: 170px;
            height: 170px;
            border: 10px solid white;
            border-radius: 50%;
            position: absolute;
            animation: pulse 1s infinite alternate;
        }

        /* ✅ Animația cercului */
        @keyframes pulse {
            0% {
                transform: scale(0.8);
                opacity: 0.5;
            }
            100% {
                transform: scale(1.2);
                opacity: 1;
            }
        }

.transparent {
    background: rgba(0, 0, 0, 0);
}