.dsp-container .card {
    margin-bottom: 0;
}

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

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

.dsp-month,
.dsp-years {
    display: inline-block;
    width: 80%;
}

.btn.dsp-month-btn,
.btn.dsp-year-btn {
    background-color: #3972B8 !important;
    color: white;
}

.btn.dsp-month-btn:hover,
.btn.dsp-year-btn:hover {
    background-color: white !important;
    color: black;
}

.btn.dsp-month-select {
    background-color: white;
    color: black;
}

.btn.dsp-year-select {
    background-color: white;
    color: black;
}

.btn.dsp-month-select:hover,
.btn.dsp-year-select:hover {
    background-color: #3972B8 !important;
    color: white;
}

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

.dsp-prev-month.disabled,
.dsp-next-month.disabled,
.dsp-prev-year.disabled,
.dsp-next-year.disabled {
    opacity: .4;
}

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

.dsp-day {
    display: block;
    width: 14.28%;
    color: inherit;
}

.dsp-day.active {
    background-color: #3972B8 !important;
    color: white;
}

.dsp-day.disabled {
    opacity: .4;
}

.dsp-day.dsp-not-in-month {
    color: rgba(0,0,0,0.3);
}