:root {
    --link-hover: #ded2f8;
    /*overwrite bs styles*/
    --bs-body-bg: #3c3a4d !important;
    --bs-body-color: #ffffff !important;
}

.CAT {
    margin-bottom: 5px;
    padding: 2px;
    padding-left: 20px;
    background-color: #00000081;
    border-radius: 8px;
}

.COURSE {
    margin-left: 20px;
    /*padding: 2px;*/
}

body {
    font-family:
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Oxygen,
        Ubuntu,
        Cantarell,
        "Open Sans",
        "Helvetica Neue",
        sans-serif;
    padding: 15px;
}

.reqDiv {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.reqDiv>* {
    margin-right: 5px;
}

.courseLink {
    color: #dddddd;
}

.courseLink:hover {
    color: mediumpurple;
}

.linkIcon {
    padding-right: 50px;
    color: mediumpurple;
}

.linkIcon:hover {
    color: var(--link-hover);
}

.footer {
    color: #a6a6a6;
    margin-top: 0px;
}

.badge {
    --bs-badge-color: #000000 !important;
    background-color: #e7d2ff;
    color: rgb(0, 0, 0);
    padding: 0px 8px;
    text-align: center;
    border-radius: 5px;
    display: flex;
    margin-bottom: 3px;
}

ul {
    margin-top: 0px;
    margin-bottom: 0px !important
}

.listItem {
    margin-top: 4px;
    margin-bottom: 4px;
}

h4 {
    margin-bottom: 10px !important;
    margin-top: 5px !important;
}

h2 {
    margin-top: 35px !important;
    margin-bottom: 0px !important;
}

.multipleSelect {
    color: #883737;
}

.disabled-checkbox {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

/*Bootstrap*/
.hstack {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: stretch;
}

.gap-3 {
    gap: 1rem !important;
}

.ms-auto {
    margin-left: auto !important;
}