#appointments {
    background-color: rgba(255, 255, 255, .6);
    margin-bottom: 15px;
	width: -webkit-fill-available;
	width: -moz-fit-content;
	width: fit-content;
}
@media only screen and (max-width: 1150px) {
    #appointments {
        margin-bottom: 40px;
    } 
}
#appointments > div {
    cursor: pointer;
}
#appointments .bg-active,
#appointments > div:hover {
    color: rgb(155, 203, 36);
}
#appointments .bg-active .bg-overlay,
#appointments > div:hover .bg-overlay {
    background: rgba(155, 203, 36, .2);
    border: 1px solid rgb(155, 203, 36);
    box-shadow: 0 0 15px rgb(155, 203, 36);
}