body {
    font-family:Arial, Helvetica, sans-serif;
}
.LiveSF, .AlternateSF {
    color:white;
    padding: .5em;
}
.AlternateSF {
    background-color:#E23636;
}
.LiveSF {
    background-color: #82DD55;
}
@media (max-width: 990px) { /* Only applied when the screen is smaller than 990px */
    div#navbarSupportedContent {
        position: absolute;
        background: var(--bs-dark-bg-subtle);
        top: 60px;
        right: 1em;
        z-index: 1000;
    }

    #navbarSupportedContent li.nav-item:hover {
        background-color: #999;
    }
    #navbarSupportedContent li.nav-item {
        padding: 0 2em;
    }    
}
.ErrorBox {
    border: 2px solid orange;
    margin-top: .5em;
    padding: .5em;
    background-color: #fff39a;
}
body .goodNum {
    background: #93e4c1 !important;
}
body .mehNum {
    background: #efef8d !important;
}
body .badNum {
    background: #fe8181 !important;
}
.hint {
    color:#999;
    font-style: italic;
    font-size:80%;
}
.caveat {
    font-style: italic;
}
@media (min-width: 500px) {
    /* Add a small black triangle to the upper right corner of a table cell that has a tooltip (title) */
    td[title] {position:relative}
    td[title]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: .4em; /* Adjust size as needed */
    height: .4em; /* Adjust size as needed */
    background-color: #000; /* Chamfer color */
    clip-path: polygon(100% 0, 100% 100%, 0 0); /* Create the chamfer shape */
    }
}
/* Mobile list styling */
ul.mobilelist {
    padding-left: 0px;
    margin-left: 0px;
    border-bottom:1px solid black;
}
ul.mobilelist li {
    list-style: none;
    border-top: 1px solid black;
    padding: .25em;
}
ul.mobilelist a {
    text-decoration: none;
}
.container-fluid {
    padding-bottom:1em;
}
h2 .aside {
    font-size: 40%;
    margin-left: 9em;
}

/* Text alignment classes */
.text-right {
    text-align: right;
}
.text-center {
    text-align: center;
}

/* Utility classes for visibility */
.hidden {
    display: none !important;
}

/* Dev Site Styling */
.DevSite {
    border: 2px solid yellow;
    background-color: #d2ce98 !important;
}

/* Admin section styling */
nav.AdminSection {
    border-bottom:red .4em solid
}