.course-button-list-item.active {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0.1));
    background-origin: border-box;
    border-color: rgba(0, 0, 0, 0.2);
}

.course-button-list-item.active:active {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0.1));
}

.course-button-list-item .content-wrapper {
    position: relative;
}

.course-button-list-item .content-absolute {
    position: absolute;
}

.course-button-list-item .content-bold-hidden {
    font-weight: bold;
    visibility: hidden;
}

.course-button-list-item .badge {
    /* Prevent hovering the information badge by content-wrapper */
    position: relative;
    /* Prevent copying the "i" */
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    top: 1px;
    cursor: pointer;
}

.course-button-list-item-hovered {
    -webkit-box-shadow: inset 0 0 0 2px #CC0000;
    -moz-box-shadow: inset 0 0 0 2px #CC0000;
    box-shadow: inset 0 0 0 2px #CC0000;
    border-color: #CC0000 !important;
    font-weight: bold;
}

.course-button-list-item-conflicted {
    color: red !important;
    font-weight: bold;
    text-shadow: 0 0 10px black;
}

.course-button-list-content-has-hidden {
    text-decoration: underline;
    text-decoration-style: dotted;
    cursor: help;
}

.course-button-list-tooltip-persistent {
    /* Push below bootstrap dialog which uses z-index 1040 for backdrop */
    z-index: 1039;
}

.course-button-list-badge-text {
    font-size: 125%;
    padding: 0 .75em;
}

/* Fix tooltip arrow direction */
.tooltip[x-placement^=left] .arrow-fix-placement {
    right: 0;
    left: auto;
}

.tooltip[x-placement^=right] .arrow-fix-placement {
    left: 0;
    right: auto;
}

.tooltip[x-placement^=left] .arrow-fix-placement::before {
    left: 0;
    right: auto;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #000;
}

.tooltip[x-placement^=right] .arrow-fix-placement::before {
    right: 0;
    left: auto;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000;
}