/* --- START CSS HEADERS DETAILS HUB 2026 --- */

/* FORZATURA LARGHEZZA PAGINA (BOOTSTRAP FIX) */
html body .container, 
html body #main-content-wrapper, 
html body #wrapper {
    width: 1100px !important;
    max-width: 1100px !important;
    min-width: 1100px !important;
    margin: 0 auto !important;
}

/* BOX PRINCIPALE HUB */
.hub-main-box { 
    width: 1100px !important; 
    margin: 20px auto; 
    background: #fff; 
    border: 1px solid #ccc; 
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
}

/* TITOLO HUB */
.hub-main-box h2 {
    color: #000 !important;
    margin: 0;
}

/* RIGHE TABELLA ZEBRA */
.zebra-row { 
    display: flex; 
    padding: 10px 15px; 
    border-bottom: 1px solid #eee; 
    align-items: center; 
}

/* COLONNA ETICHETTE (Sinistra) - BLU ELETTRICO POTENTE */
.label-blue { 
    width: 220px !important; 
    color: #0400ff !important; /* Blu Ultramarino Saturo */
    font-weight: 900 !important; 
    flex-shrink: 0; 
    font-size: 13px;
    letter-spacing: 0.3px;
}

/* COLONNA RISULTATI (Destra) - NERO */
.value-black { 
    color: #000 !important; 
    font-weight: bold !important; 
    flex-grow: 1; 
    font-size: 13px;
}

/* LINK NEI RISULTATI - BLU ELETTRICO POTENTE */
.value-black a { 
    color: #0400ff !important; 
    text-decoration: underline !important; 
}

/* BADGE STATO (Online/Offline) */
.status-badge { 
    padding: 3px 10px; 
    border-radius: 4px; 
    color: #fff !important; 
    font-size: 11px; 
    text-transform: uppercase;
    font-weight: bold;
}

/* FIX NAVBAR */
.navbar-nav li a { 
    text-transform: none !important; 
}

/* POSIZIONAMENTO HEADER E FOOTER */
header {
    margin-bottom:100px;
}

#container-text {
    padding-bottom:65px;
}

.footer {
    position:fixed;
    bottom: 0;
    width: 100%;
    height: 50px;
    background-color: #222222;
    color:#fff;
}

.container .text-muted {
    margin: 20px 0;
    color:#fff;
}

.dropdown, .dropdown a {
    padding-right:0px;
}

/* --- END CSS HEADERS DETAILS HUB 2026 --- */
/* --- SETTINGS DETAILS HUB 2026 --- */

/* Forzatura larghezza per evitare che Bootstrap stringa la pagina */
html body .container, 
html body #main-content-wrapper, 
html body #wrapper {
    width: 1100px !important;
    max-width: 1100px !important;
    min-width: 1100px !important;
    margin: 0 auto !important;
}

.hub-main-box { 
    width: 1100px !important; 
    margin: 20px auto; 
    background: #fff; 
    border: 1px solid #ccc; 
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
}

.hub-main-box h2 {
    color: #000 !important;
}

/* COLONNA ETICHETTE (Sinistra) - BLU ELETTRICO POTENTE */
.label-blue { 
    width: 220px !important; 
    color: #0400ff !important; 
    font-weight: 900 !important; 
    flex-shrink: 0; 
    font-size: 13px;
    letter-spacing: 0.3px;
}

/* COLONNA RISULTATI (Destra) - NERO */
.value-black { 
    color: #000 !important; 
    font-weight: bold !important; 
    flex-grow: 1; 
    font-size: 13px;
}

.value-black a { 
    color: #0400ff !important; 
    text-decoration: underline !important; 
}

.zebra-row { 
    display: flex; 
    padding: 10px 15px; 
    border-bottom: 1px solid #eee; 
    align-items: center; 
}

.status-badge { 
    padding: 3px 10px; 
    border-radius: 4px; 
    color: #fff !important; 
    font-size: 11px; 
    text-transform: uppercase;
}

.navbar-nav li a { text-transform: none !important; }
header {
    margin-bottom:100px;
}

#container-text {
    padding-bottom:65px;
}

.footer {
    position:fixed;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 50px;
    background-color: #222222;
    color:#fff;
}

.container .text-muted {
    margin: 20px 0;
    color:#fff;
}

.dropdown {
    padding-right:0px;
}

.dropdown a{
    padding-right:0px;
}