:root {
    --nb-work-time-active-color: var(--nb-color-green);
}

.nb-work-time {
    display: flex;
    flex-direction: row;
    margin-bottom: calc(var(--nb-spacer-y)/2);
}

.nb-work-time:last-of-type {
    margin-bottom: 0;
}

.nb-work-time .nb-icon {
    margin-right: calc(var(--nb-spacer-x)/2.5);
    font-size: var(--nb-font-size-m);
    color: var(--nb-color-blue);
}

.nb-work-time .nb-content-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.nb-work-time-list {
    list-style: none;
    padding-left: 0;
}
.nb-work-time-list .day-time .dots{
    margin-bottom: 5px;
    border-bottom: var(--nb-border-1) var(--nb-border-dotted) #C8C8C7;
    flex-grow: 1;
}
.nb-work-time-list .day-time{
    margin-bottom: var(--nb-spacer);
    display: flex;
    justify-content: space-between;
}

.nb-work-time-list .day-time:last-of-type{
    margin-bottom: 0;
}

.nb-work-time-list .day{
    padding-right: 5px;
}
.nb-work-time-list .time{
    padding-left: 5px;
}

.nb-work-time .nb-active {
    color: var(--nb-work-time-active-color);
}