.navbar {
    background-color: #3E2865;
}

#side-panel {
    background-color: #E9E0FA;
    width: 25%;
}

h3 {
    font-size: large;
}

#upcoming{
    ul {
        padding-left: 50px;
        align-self: top;
    }
}

#dashboard{
    .btn {
        padding: 5px;
    }
}

#main{
    height: 100%;
}

hr {
    border: none; 
    height: 3px;
    background-color: #3E2865; 
    width: 100%; 
    margin: 20px auto; 
  }

.btn-primary {
    --bs-btn-color: #E9E0FA;
    --bs-btn-bg: #3E2865;
    --bs-btn-border-color: #3E2865;
    --bs-btn-hover-color: #3E2865;
    --bs-btn-hover-bg: #E9E0FA;
    --bs-btn-hover-border-color: #3E2865;
    --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
    --bs-btn-active-color: #3E2865;
    --bs-btn-active-bg: #a089c9;
    --bs-btn-active-border-color: #3E2865;
}

#loginForm {
    width: 25%;
    padding-top: 10%;
}

/* CALENDAR CSS */

/* Header row (Mon, Tue, Wed...) */
.fc-col-header {
    background-color: #E9E0FA !important;
}

/* Toolbar (month title + buttons) */
.fc-toolbar {
    background-color: #E9E0FA !important;
}

/* Header text color */
.fc-col-header-cell-cushion {
    color: #3E2865 !important;
}

/* Day number color */
.fc-daygrid-day-number {
    color: #3E2865 !important;
}

/* Toolbar title color */
.fc-toolbar-title {
    color: #3E2865 !important;
}

/* Nav button styling */
.fc-button {
    background-color: #3E2865 !important;
    border-color: #3E2865 !important;
    color: #fff !important;
}

.fc-event-title {
    color: #3E2865 !important;
}

.fc-daygrid-event-dot {
    border-color: #3E2865 !important;
}

.fc-day-today {
    background-color: #E9E0FA !important;
}

.fc-list-day-cushion {
    background-color: #3e2865d1 !important;
}

.fc-list-day-text {
    color: #fff;
}

.fc-list-day-side-text {
    color: #fff;
}