.icon {
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
    width: 30px;
    height: 30px;
}

.icon-dashboard {
    background-image: url(/assets/images/icons/dashboard.png);
}
.icon-schedule {
    background-image: url(/assets/images/icons/schedule.png);
}
.icon-resources {
    background-image: url(/assets/images/icons/resources.png);
}
.icon-activities {
    background-image: url(/assets/images/icons/activities.png);
}
.icon-settings {
    background-image: url(/assets/images/icons/settings.png);
}
.icon-help {
    background-image: url(/assets/images/icons/help.png);
}
.icon-privacy {
    background-image: url(/assets/images/icons/privacy.png);
}
.icon-logout {
    background-image: url(/assets/images/icons/logout.png);
}


.page-title {
    text-transform: capitalize;
}

.card-title {
    border-bottom: 1px solid gainsboro;
    font-size: 1rem;
    font-weight: bold;
    padding-bottom: 0.7rem;
}

#calendar {
    margin: 0 auto;
    font-size: 10px;
}
.fc-header-title h2 {
    font-size: .9em;
    white-space: normal !important;
}
.fc-view-month .fc-event, .fc-view-agendaWeek .fc-event {
    font-size: 0;
    overflow: hidden;
    height: 2px;
}
.fc-view-agendaWeek .fc-event-vert {
    font-size: 0;
    overflow: hidden;
    width: 2px !important;
}
.fc-agenda-axis {
    width: 20px !important;
    font-size: .7em;
}

.fc-button-content {
    padding: 0;
}

.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
    min-height: 5px !important;
}

.fc .fc-toolbar-title {
    /* font-size: 0.9rem !important; */
}


.color-1 {
    background-color: var(--color-1) !important;
}
.color-2 {
    background-color: var(--color-2) !important;
}
.color-3 {
    background-color: var(--color-3) !important;
}
.color-4 {
    background-color: var(--color-4) !important;
}
.color-5 {
    background-color: var(--color-5) !important;
}
.color-6 {
    background-color: var(--color-6) !important;
}


.muted {
    color: #555 !important
}

.text-sm {
    font-size: 0.7rem !important;
}

.modal-title {
    word-break: break-word;
}