body {
    font: 14px sans-serif;
    padding: 20px;
}

.nav-highlight {
    font: 10pt sans-serif;
    font-weight: bold;
    background-color: lightgray;
}

.chk-id {
    height: 20px;
    width: 20px;
}

.date-time-header {
    font: 16px sans-serif;
    font-weight: bold;
}
.event-id-header {
    font: 16px sans-serif;
    color: lightgray;
}

.team-header {
    font: 16px sans-serif;
    font-weight: bold;
}

.table-small-data {
    font: 10pt sans-serif;
}

.available-tags {
    font: 10pt sans-serif;
}

.popup-option {
    font: 10pt sans-serif;
    background-color: lightgray;
}

.table-hover tbody tr:hover {
    background-color: #aaaaff;
}

.wrapper {
    width: 720px;
    padding: 20px;
}

.bd-layout {
    display: grid;
    gap: 1.5rem;
    grid-template-areas: "sidebar main";
    grid-template-columns: 1fr 3fr;
}

.bd-sidebar {
    grid-area: sidebar;
    grid-row-start: sidebar;
    grid-column-start: sidebar;
    grid-row-end: sidebar;
    grid-column-end: sidebar;
}

.bd-links {
    position: -webkit-sticky;
    position: sticky;
    top: 5rem;
    display: block !important;
    height: calc(100vh - 7rem);
    padding-left: 0.25rem;
    margin-left: -0.25rem;
    overflow-y: auto;
}

.ajs-ok {
    background-color: green;
    color: whitesmoke;
}

.ajs-cancel {
    background-color: red;
    color: whitesmoke;
}

.ajs-header {
    background-color: yellow;
}