:root{

    --navcolor: #dadadd;                              /* culoarea de bg a itemilor din navbar */
    --radius: 20px;                                     /* cat de rotunjite sa fie colturile itemilor */           
    
    --rezervat1: #ff6738;                             /* culoarea ce ramane produselor rezervate */
    --rezervat2: #ffb777;                             /* culoarea pentru animatia de rezervat */

}

.rotund{                                                /* rotunjesc toate colturile */
    border-radius: var(--radius);
}
.navbarNav.show {                                       /* cand navbarul este extins, se coloreaza bg itemelor */
    background-color: var(--navcolor);
}

@media only screen and (max-width: 402px) {             /* cand ecranul e <= 402, face inputul de la volum nou mai mic */
    #volum, #volumRezervat, #buc, #bucRezervat{
        height: 2.5rem !important;
    }
}

.rezervat{                                              /* seteaza o culoare animata produselor rezervate din tabel*/
    animation-name: coloreazaRezervarile;
    animation-duration: 1s;
    animation-delay: 0.7s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
  
}

@keyframes coloreazaRezervarile{                        /* animatia produselor rezervate din tabel */

    from{
    }
    40% {
        background-color: var(--rezervat1);
    }
    to{
        background-color: var(--rezervat2);
    }
    
}
.hidden{
    display: none;
}

.mov{
    background-color: #6D67E4;
    color: white;
  }