.hide{
    display: none;
};

.btl-link{
    border: none;
    outline: none;
    background: none;
    cursor: pointer;
    color : #0000ee;
    padding: 0;
    text-decoration: underline;
    font-family: inherit;
    font-size: inherit;
  }

.custom-button {
    float: right;
    margin-top: 5px;    /* Regola questo valore per allineare il bottone correttamente */
    margin-left: 10px;  /* Aggiungi uno spazio tra il bottone e il campo di ricerca */
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.custom-button:hover {
    background-color: #218838;
    border-color: #1e7e34;
}

.phases-list {
    margin-top: 20px;
}

.phases-list ul li {
    list-style: none;
}

.dataTables_filter {
    width: calc(100% - 150px); /* Regola questo valore in base alle tue esigenze */
}

/* Aggiungi uno stile per il contenitore della tua lista */
.container-list {
    display: flex;
    overflow-x: auto;
    margin-bottom: 20px; /* Aggiungi margine inferiore per separare dal contenuto sottostante */
}

/* Stile per ciascuna lista nella colonna */
.phases-list {
    flex: 0 0 300px; /* Larghezza fissa di 300px, regola secondo le tue esigenze */
    margin-right: 20px; /* Aggiungi margine destro per separare le colonne */
    padding: 10px;
    background-color: #f5f5f5; /* Aggiungi uno sfondo grigio chiaro */
    border: 1px solid #ddd; /* Aggiungi bordo sottile */
    border-radius: 5px; /* Bordo arrotondato */
}

/* Aggiungi stile per gli elementi della lista */
.phases-list ul {
    list-style: none; /* Rimuovi i punti dalla lista */
    padding: 0;
}

/* Stile per gli elementi della lista */
.phases-list ul li {
    margin-bottom: 10px; /* Aggiungi spazio tra gli elementi della lista */
}

/* Usata per le card di produzione */
.card-header-production {
    background-color:aqua !important;
    color: black  !important;
    padding: 10px; /* Aggiungi padding per migliorare la leggibilità */
}

/* Stile per tutte le input e le select */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="date"],
input[type="time"],
input[type="datetime-local"],
textarea,
select.custom-select {
    background-color: #e4edf4; /* Colore giallo chiaro */
    transition: background-color 0.3s; /* Aggiungi una transizione per un effetto più fluido */
}

/* Stile per le input e le select con focus */
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
input[type="time"]:focus,
input[type="datetime-local"]:focus,
textarea:focus,
select.custom-select:focus {
    background-color: #ffffcc; /* Colore giallo più evidente quando l'elemento ha il focus */
}