body {
    background-color: var(--ts-color-primary);
}

#SectionsContainer {
    background-color: rgba(255, 255, 255, 0.9);
    /* background-color: rgba(255, 255, 255, 0.1); */

}

#TopRibbon {
    /* background-color: #E86107; */
    color: whitesmoke;
    background: linear-gradient(90deg, var(--ts-color-primary) 0%, var(--ts-color-secondary) 100%);
    position: sticky;
    top: 0;
}

#TopRibbon button {
    background-color: whitesmoke;
    display: flex;
    /* border-radius: 0.5em; */
    color: black;
}

button #Icon {
    background-color: #E86107;
    width: 24px;
    height: 24px;
    display: inline-block;
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    margin-right: 0.5em;
}

.pill-blue {
    background: linear-gradient(90deg, #5462FF 0%, #323B99 100%);
}

.point {
    width: 24px;
    height: 24px;
    background-color: var(--ts-color-secondary);
    display: inline-block;
    border-radius: 100%;
    margin-right: 0.5em;
}

.bullet {
    color: var(--ts-color-primary);
    display: inline-block;
    border-radius: 100%;
    margin-right: 0.5em;

}

#SectionB2 {
    /* background: linear-gradient(90deg, #5462FF 0%, #323B99 100%); */
    /* background-color: var(--ts-color-secondary); */
    background: linear-gradient(180deg, var(--ts-color-primary) 0%, var(--ts-color-secondary) 100%);
}

#SectionC {
    /* background: linear-gradient(100deg, var(--ts-color-primary) 0%, var(--ts-color-secondary) 100%); */
    background-color: var(--ts-color-secondary);
}

#SectionD {
    background: linear-gradient(0deg, var(--ts-color-primary) 0%, var(--ts-color-secondary) 100%);
}

#SectionE {
    background-color: var(--ts-color-primary);
    text-shadow: rgba(0, 0, 0, 0.75) 0 0 2rem;
}

#SectionF {
    background: linear-gradient(90deg, #EDEEF3 0%, #E3E6EF 100%);
}

#SectionI {
    background: linear-gradient(180deg, var(--ts-color-primary) 0%, var(--ts-color-secondary) 100%);
}

#SectionJ {
    background: var(--ts-color-secondary);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    background-blend-mode: hard-light;
}

.ModuleMandatory {
    background: linear-gradient(to bottom, var(--ts-color-primary), var(--ts-color-secondary));
}
.ModuleMandatory #ShowMore {
    background-color: var(--ts-color-primary);
}

.ModuleElective {
    background: linear-gradient(to bottom, var(--ts-color-primary), var(--ts-color-secondary));
}
.ModuleElective #ShowMore {
    background-color: var(--ts-color-primary);
}

#course-modal #ModalWindow,
#course-modal #ModalWindowClose {
    background: linear-gradient(to bottom, var(--ts-color-primary), var(--ts-color-secondary));
}

#course-modal .ModuleBadge {
    background-color: var(--ts-color-primary);
}