$no-timetable: #aaa;
$departed: springgreen;
$stopped: #ffa600;
$online: gold;
$terminated: red;
$disconnected: slategray;


.user-badge {
    border: 2px solid white;
    z-index: 4;

    margin-top: 0.5rem;
    margin-right: 0.5rem;

    border-radius: 0.7em;
    padding: 0.3em 0.5em;
    font-size: 0.95em;

    &.borderless {
        border: none;
        margin: 0;
        padding: 0;
    }

    &.no-timetable {
        border: 2px solid $no-timetable;

        a {
            color: $no-timetable;
            pointer-events: none;
        }
    }

    &.departed {
        border: 2px solid $departed;
    }

    &.stopped {
        border: 2px solid $stopped;
    }

    &.online {
        border: 2px solid $online;
    }

    &.terminated {
        border: 2px solid $terminated;
    }

    &.disconnected {
        border: 1px solid $disconnected;
    }
}