html, body {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
}

.bi {
    fill: currentColor;
    vertical-align: -.125em;
}

#slide-panel {
    width: 300px;
    height: auto;
    position: fixed;
    right: -300px;
    /* Nascondi il pannello a destra */
    top: 25%;
    background-color: #0C6DFD;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 15px;
    transition: right 0.4s ease-in-out;
    z-index: 1000;
    border-bottom-right-radius: 10px;
}

#toggle-panel-btn {
    position: fixed;
    top: 25%;
    left: 0;
    z-index: 1001;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

#focus-indicator-btn {
    position: fixed;
    top: 35%;
    left: 0;
    z-index: 1001;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background-color: #dc3545; /* Rosso per indicare che il focus non è attivo */
}

#focus-indicator-btn.active {
    background-color: #28a745; /* Verde per indicare che il focus è attivo */
}

.status-delivered-by-customer {
    background-color: #f44336; /* Rosso acceso */
    border-color: #f44336;
}
.status-delivered-to-customer {
    background-color: #4caf50; /* Verde brillante */
    border-color: #4caf50;
}
.status-canceled {
    background-color: #e53935; /* Rosso scuro */
    border-color: #e53935;
}
.status-awaiting-customer-delivery {
    background-color: #ff9800; /* Arancione */
    border-color: #ff9800;
}
.status-ready-for-pickup {
    background-color: #03a9f4; /* Azzurro */
    border-color: #03a9f4;
}
.status-checked-in {
    background-color: #ffeb3b; /* Giallo */
    border-color: #ffeb3b;
    color: #000; /* Per leggibilità */
}
.status-unclaimed {
    background-color: #9c27b0; /* Viola tenue */
    border-color: #9c27b0;
}

.status-repair-complete { background-color: #4caf50; border-color: #4caf50; }
.status-not-repaired    { background-color: #f44336; border-color: #f44336; }
.status-canceled        { background-color: #e53935; border-color: #e53935; }

.status-in-diagnosis    { background-color: #ff9800; border-color: #ff9800; }
.status-under-repair    { background-color: #ff9800; border-color: #ff9800; }

.status-out-assistance  { background-color: #ffa726; border-color: #ffa726; }
.status-waiting-confirm { background-color: #ffb300; border-color: #ffb300; }
.status-assist-accepted { background-color: #4caf50; border-color: #4caf50; }
.status-assist-rejected { background-color: #ef5350; border-color: #ef5350; }
.status-assist-ready    { background-color: #03a9f4; border-color: #03a9f4; }

.status-diagnosis-complete { background-color: #2196f3; border-color: #2196f3; }
.status-awaiting-parts     { background-color: #ff9800; border-color: #ff9800; }
.status-in-testing         { background-color: #00bcd4; border-color: #00bcd4; }

.status-replaced           { background-color: #8bc34a; border-color: #8bc34a; }

.border-repair-complete { border-color: #4caf50 !important; }
.border-not-repaired    { border-color: #f44336 !important; }
.border-canceled        { border-color: #e53935 !important; }

.border-in-diagnosis    { border-color: #ff9800 !important; }
.border-under-repair    { border-color: #ff9800 !important; }

.border-out-assistance  { border-color: #ffa726 !important; }
.border-waiting-confirm { border-color: #ffb300 !important; }
.border-assist-accepted { border-color: #4caf50 !important; }
.border-assist-rejected { border-color: #ef5350 !important; }
.border-assist-ready    { border-color: #03a9f4 !important; }

.border-diagnosis-complete { border-color: #2196f3 !important; }
.border-awaiting-parts     { border-color: #ff9800 !important; }
.border-in-testing         { border-color: #00bcd4 !important; }

.border-replaced           { border-color: #8bc34a !important; }

.text-repair-complete { color: #4caf50; }
.text-not-repaired    { color: #f44336; }
.text-canceled        { color: #e53935; }

.text-in-diagnosis    { color: #ff9800; }
.text-under-repair    { color: #ff9800; }

.text-out-assistance  { color: #ffa726; }
.text-waiting-confirm { color: #ffb300; }
.text-assist-accepted { color: #4caf50; }
.text-assist-rejected { color: #ef5350; }
.text-assist-ready    { color: #03a9f4; }

.text-diagnosis-complete { color: #2196f3; }
.text-awaiting-parts     { color: #ff9800; }
.text-in-testing         { color: #00bcd4; }

.text-replaced           { color: #8bc34a; }