html {
    box-sizing: border-box;
    --font1: "Rubik", "Arial", sans-serif;
    --font2: "Nunito", "Arial", sans-serif;
    --transparentBackground: #16781d33;
    /* #00000008;*/
    --bodyColor: #696687;
    --titleColor: #3b3663;
    --color1: #999;
    --buttonGradient: linear-gradient(290deg, #16773E 0%, #78BB47 100%);
    --green1: #16773E;
    /*78BB47;*/
    --green2: #16773E;
    --yellow1: #f5ec48;
    --yellow2: #f59933;
    --red: #f53333;
    --blue: #0076af;
    --purple: #5c2f7e;

    --gray: #ced5e1;

    --statusDisponibile: #78BB47;
    --statusUnknown: #999;
    --statusOffline: #f53333;
    --statusOccupato: #0076af;
    --statusPrenotato: #f5ec48;
    
    --conn-available: #008000;
    --conn-preparing: #00A1DA;
    --conn-busy: #156082;
    --conn-finishing: #FFA500;
    --conn-booked: #F2C400;
    --conn-offline: #F20000;
    --conn-undefined: #F20000;

    --greenBackground: #edf6e6;
    --boxShadow: 0 3px 1px -2px rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .098), 0 1px 5px 0 rgba(0, 0, 0, .084);

}

*,
*:before,
*:after {
    box-sizing: inherit;
}

.connectorBlockStatusLED {
    display: inline-block;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    background-color: var(--statusUnknown);
    box-shadow: 2px 2px 2px inset rgba(255, 255, 255, 0.5);
    display: none;
}

.colonninaStatusLED,
.connettoreStatusLED {
    display: inline-block;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    background-color: var(--statusUnknown);
    box-shadow: 2px 2px 2px inset rgba(255, 255, 255, 0.5);
}
.colonninaStatusLED.online {
    background-color: var(--statusDisponibile);
}
.colonninaStatusLED.offline {
    background-color: var(--statusOffline);
}

.colonninaStatusLED.occupato {
    background-color: var(--statusOccupato);
}

.connettoreStatusLED.disponibile,
.connectorBlockStatus.Disponibile .connectorBlockStatusLED {
    background-color: var(--statusDisponibile);
}

.connettoreStatusLED.nondisponibile,
.connectorBlockStatus.NonDisponibile .connectorBlockStatusLED {
    background-color: var(--statusOffline);
}

.connettoreStatusLED.prenotato,
.connectorBlockStatus.Prenotato .connectorBlockStatusLED {
    background-color: var(--statusPrenotato);
}

.connettoreStatusLED.occupato,
.connectorBlockStatus.Occupato .connectorBlockStatusLED {
    background-color: var(--statusOccupato);
}