/* New Bootstrap color vars */
:root {
    --bs-secondary-text-emphasis: #6100F9;
    --bs-secondary-bg-subtle: #F3EFFF;
    --bs-secondary-border-subtle: #CD99FF;
}

/* Color utilities */
.text-secondary {
    color:var(--bs-secondary-text-emphasis);
}

/* Match Supreme container-width styles */
div.inner_wrap { /* Specificity for stronger selector, overwrite legacy sheets */
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    min-height: inherit;
    max-width: 1400px;
    width: auto;
    padding-left: 0;
    padding-right: 0;
}

@media screen and (max-width: 1440px) {
    div.inner_wrap {
        padding-left: 20px;
        padding-right: 20px;
    }
}

/* Remove background gradient from alerts */
.alert {
    background-image: none;
}

.alert-secondary {
    background-color:var(--bs-secondary-bg-subtle);
    color:var(--bs-secondary-text-emphasis);
    border-color:var(--bs-secondary-border-subtle);
}

/* New alert message sub-layout to support icon + content side by side layouts */
.alert-message-row + .alert-message-row { /* Space between same rows */
    margin-top: 13px;
}

.alert-message-row {
    gap: 12px;
}

/* Override BS3 badge color in panel heading per design */
.panel-default > .panel-heading .badge {
    color: #003166;
    background: #CCE4FF;
}

/* Reset bottom space on last child elements */
* > ol:last-child {
    margin-bottom: 0;
}

/* Remove borders that separate modal sections */
.modal-header {
    border-bottom: 0;
}

.modal-footer {
    border-top: 0;
}