/* Available time slots: visible and green. */
.ea-hsl-available,
.ea-hsl-available:hover,
.ea-hsl-available:focus,
.easy-appointments .ea-hsl-available,
.ea-bootstrap .ea-hsl-available {
    background: #00a32a !important;
    border-color: #008a20 !important;
    color: #ffffff !important;
    opacity: 1 !important;
    text-decoration: none !important;
}

/* Keep the currently selected available slot visually distinct. */
.ea-hsl-available.selected-time,
.ea-hsl-available.selected,
.easy-appointments .ea-hsl-available.selected-time,
.ea-bootstrap .ea-hsl-available.selected-time {
    box-shadow: 0 0 0 3px rgba(0, 163, 42, 0.28) !important;
    outline: 2px solid #ffffff !important;
    outline-offset: -4px !important;
}

/* Full clock-hour slots: visible, red, and not selectable. */
.ea-hsl-full,
.ea-hsl-full:hover,
.ea-hsl-full:focus,
.easy-appointments .ea-hsl-full,
.ea-bootstrap .ea-hsl-full {
    background: #d63638 !important;
    border-color: #b32d2e !important;
    color: #ffffff !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
    opacity: 1 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    outline: none !important;
}