.appt-list-container {

    margin: auto;
    
    border: 1px solid #808080;
    border-radius: 6px;
}

.appt-list-day-header:first-child {
    margin-top: 10px;

}

.appt-list-day-header.sticky{
    position:sticky;
    top:0;
    width:100%;
    background-color: white;

}

.appt-list-day-header {
    font-weight: bold;
    text-align: center;
    margin-top: 20px;
    font-size: 1.2rem;
    background-color: white;
    text-align: center;
}

.appt-list-target {

}

.appt-cal-day.disabled{
    background-color: #adadad;
}

.appt-cal-day {
    width: 30px;
    height: 30px;
    padding: 5px;
    border: 1px solid #808080;
}

#dateDropdown th {
    border: 1px solid #808080;
}

    .appt-cal-day.selected{
        background-color: var(--danger);
        color: white;
    }

    .appt-cal-day:not(.disabled) {
        cursor: pointer;
    }

    .appt-cal-day:not(.disabled):hover {
        background-color: var(--highlight2);
    }

.appt-list-item{
    padding: 14px;
    border-bottom: 1px solid #adadad;
    cursor:pointer;
}

.appt-list-item:hover{
    background-color: var(--highlight2)
}