.activitiesUppercase {
    text-transform: uppercase;
}

.activitiesIconTextAlign {
    display: flex;
}

.activitiesWidth80 {
    width: 80px;
}

.startDate , .endDate{
    display: none;
}

.flexRow {
    display: flex;
    flex-direction: row;
}

#invertSortLabel {
    margin-bottom: revert;
}

#invertSortDirection {
    margin: revert;
}

#numberOfEntries {
    width: min-content;
}

#datepicker,
.ui-datepicker,
.ui-datepicker-header,
.ui-datepicker-calendar {
    width: 100%;
}

.ui-datepicker-header {
    width: 100%;
    color: white;
}

.highlightDateCell {
    border: 1px solid black !important;
}

.ui-datepicker-title:hover, .ui-datepicker-title.focus-within {
    background-color: darkred;
}

.ui-state-default.ui-state-active {
    color: #fff;
}

.ui-state-default.ui-state-highlight.ui-state-active {
    color: #fff;
}

.ui-state-default.ui-state-active.highlightDateCell {
    color: #fff;
}