/* Modifica lo pseudo-elemento ::before della notifica quando ha la classe 'error-notification' */
.notifications .item-title-row.error-notification:before {
    background-color: red; /* Cambia il background a rosso */
    border-radius: 12px 12px 0 0; /* Arrotonda gli angoli superiori */
    content: ''; /* Assicurati che il contenuto venga visualizzato */
}

/* Cambia il colore del titolo quando la classe 'error-notification' è presente */
.notifications .item-title-row.error-notification .item-title {
    color: white; /* Cambia il colore del titolo a bianco */
}


/* Applicare il CSS solo alla pagina vendite */
.page-vendite #vendite-list .item-content {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    transition: background-color 0.3s;
    background-color: #fff;
}

.page-vendite #vendite-list .item-content:hover {
    background-color: #f1f1f1;
}

.page-vendite #vendite-list .item-media img {
    width: 150px;
    
    border-radius: 5px;
}

.page-vendite #vendite-list .item-title {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-bottom: 8px;
}

.page-vendite #vendite-list .item-subtitle {
    font-size: 14px;
    color: #666;
    margin-bottom: 5px;
}

.page-vendite #vendite-list .item-inner {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}

.page-vendite #vendite-list .item-after {
    font-size: 16px;
    color: #888;
    margin-left: auto;
}

/* Stili generali per la lista (solo nella pagina vendite) */
.page-vendite .list-block {
    width: 100%;
}

.page-vendite .list-block .item-content {
    display: flex;
    flex-direction: column;  /* Ogni riga in una colonna */
    margin-bottom: 15px;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    transition: background-color 0.3s;
    background-color: #fff;
}

.page-vendite .list-block .item-content:hover {
    background-color: #f1f1f1;
}

.page-vendite .list-block .item-media img {
    width: 150px;
    
    border-radius: 5px;
}

.page-vendite .list-block .item-title {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-bottom: 8px;
}

.page-vendite .list-block .item-subtitle {
    font-size: 14px;
    color: #666;
    margin-bottom: 5px;
}

.page-vendite .list-block .item-inner {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}

.page-vendite .list-block .item-after {
    font-size: 16px;
    color: #888;
    margin-left: auto;
}

/* Styling per la tabella (pagina vendite) */
.page-vendite .table th, .page-vendite .table td {
    padding: 10px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

/* Assicurati che il Photo Browser abbia un alto z-index */
.photo-browser {
    z-index: 9999 !important;
}

/* Imposta il layer di overlay per il Photo Browser */
.photo-browser-overlay {
    z-index: 10000 !important;
}


.toolbar {
    height: 84px;
   
}