.dtdrop-container .card-header {
    background-color: #3972B8;
    color: white;
    text-align: center;
}

.dtdrop-container .card-body {
    background-color: white;
    color: black;
    text-align: center;
}

.dtdrop-selected-time {
    width: 100%;
    background-color: white;
    color: black;
    border-radius: 30px;
    margin-left: .5em;
    margin-right: .5em;
}

.dtdrop-month {
    width: 80%;
}

.dtdrop-month a {
    display: block;
    width: 100%;
    color: inherit;
    line-height: 1em;
    font-size: 16px;
}

.dtdrop-prev-month,
.dtdrop-next-month {
    display: block;
    color: inherit;
    width: 10%;
}

.dtdrop-dow {
    width: 14.28%;
    color: inherit;
}

.dtdrop-day-group {
    width: 14.28%;
}

.dtdrop-day {
    display: block;
    width: 100%;
    color: inherit;
}

.dtdrop-day.active {
    background-color: #3972B8;
    color: white;
}

.dtdrop-day.selected,
.dtdrop-day.active.selected,
.dtdrop-day.disabled.selected,
.dtdrop-day.dtdrop-not-in-month.selected {
    background-color: steelblue;
}

.dtdrop-day.disabled {
    background-color: lightsteelblue;
    color: rgba(0,0,0,0.3);
    pointer-events: none;
}

.dtdrop-day.dtdrop-not-in-month {
    color: rgba(0,0,0,0.3);
    pointer-events: none;
}

.dtdrop-time-list {
    overflow-y: auto;
}

.dtdrop-time {
    color: inherit;
}

.dtdrop-time.active {
    background-color: #3972B8;
    color: white;
}