#datepicker-calendar {
    display: none;
    background-color: #fff;
    /*border: 1px solid #ccc;*/
    padding: 10px;
    box-sizing: border-box;

}

.datepicker-header {
    font-size: 0.97rem;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #000;
}

.datepicker-table {

}

.datepicker-tr {
    color: #757575;
    font-size: 0.8rem;
    font-weight: 500;
}

#datepicker-calendar1 {
    display: none;
    background-color: #fff;
    padding: 10px;
    box-sizing: border-box;
}

.datepicker-day {
    cursor: pointer;
}

.datepicker-day:hover {
    width: 50px;
    height: 50px;
    text-align: center;
    border: 1px solid #1f1e1e;
    border-radius: 50%;
}

.datepicker-day.selected {
    background-color: #000000;
    color: #fff;
}

.datepicker-day.selectedend {
    background-color: #000000;
    color: #fff;
}

.datepicker-day.coiled {
    background-color: #eeeeee;
}

.left {
    cursor: pointer;
    width: 2rem;
    height: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 1rem;

}

.left img {
    height: 50%;
    width: 50%;
    object-fit: cover;
}

.left:hover {
    background-color: #e8e8e8;
}

.right {
    cursor: pointer;
    width: 2rem;
    height: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 1rem;
}

.right img {
    height: 50%;
    width: 50%;
    object-fit: cover;
}

.right:hover {
    background-color: #e8e8e8;
}

td, th, tr {
    width: 3.125rem;
    height: 3.125rem;
    text-align: center;
    border: 1px solid #ffffff;
    border-radius: 50%;
    color: #000;
}

.history1 {
    color: #b7b7b7;
}