@charset "UTF-8";
.validate-err-msg {
  color: red;
}

em.highlight {
  color: red !important;
}

.input-style label.validate-err-msg {
  opacity: 1;
}


/* item descripton */
.unstyled p {
    color: #6c6c6c !important;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

/*Dark Theme Settings*/
.theme-dark .unstyled  p {
  color: #8d8e8e  !important;
}

.unstyled li {
    color: #6c6c6c !important;
}

/*Dark Theme Settings*/
.theme-dark .unstyled li {
  color: #8d8e8e !important;
}

.unstyled a {
    color: #6c6c6c !important;
}

/* item descripton */
.theme-dark .unstyled a {
  color: #8d8e8e !important;
}

/* quill */
.theme-dark .ql-picker-options {
    background-color: #21252a  !important;
}

 .description-container {
    position: relative;
    max-width: 400px; /* Aggiungi una larghezza massima per il contenitore */
    margin-bottom: 20px; /* Margine per separare i vari contenitori */
}

.description {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4; /* Numero di linee da mostrare */
    -webkit-box-orient: vertical;
}

.expanded .description {
    -webkit-line-clamp: initial; /* Rimuove la restrizione sulle linee */
}

.read-more-link {
    display: block;
    color: blue;
    cursor: pointer;
    margin-top: 10px; /* Aggiungi un margine superiore per separare il link dalla descrizione */
}


.opacized {
     opacity: 0.5; /* Modifica il valore per aumentare o diminuire l'opacità */
}