.time-liner-container {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    margin: 0.25rem 0 0.25rem 0;
}
.time-liner-section {
    height: 1rem;
    background-color: #E9E9E9;
    position: relative;
    width: 100%;
}
.time-liner-section-start {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}
.time-liner-section-end {
    margin-right: 2px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}
.time-liner-section-busy {
    background-color: red;
}
.time-liner-select-between-border::after,
.time-liner-select-right-border::after,
.time-liner-select-left-border::after {
    content: '';
    position: absolute;
    top: -3px;
    left: -2px;
    right: -2px;
    bottom: -3px;
    border-top: green 2px solid;
    border-bottom: green 2px solid;
    z-index: 1;
}
.time-liner-select-right-border::after {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-right: green 2px solid;
    right: -3px;

}
.time-liner-select-left-border::after {
    border-left: green 2px solid;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    left: -3px;
}