body {
    font-family:Arial, Helvetica, sans-serif;
}
.SourceLive, .SourceCopy {
    color:white;
    padding: .5em;
}
.SourceLive {
    background-color:#E23636;
}
.SourceCopy {
    background-color: #82DD55;
}
.Hint {
    font-size: 80%;
    color: #555;
}

.navbar-toggler {
  margin-right: .4em;
}
@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: #eed202;
}
.goodNum {
    background: #93e4c1;
}
.mehNum {
    background: #efef8d;
}
.badNum {
    background: #fe8181;
}
@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 */
    }
}

.MessageBox {
    margin:10px auto;
    padding:10px;
    text-align:center;
    display:none;
}
#ErrorMessage {
    background-color:pink;
    border:2px solid red;
}
#InformationMessage {
    background-color:lightblue;
    border:2px solid blue;
}
.InstallInstructionImage {
    max-width: 100%;
    height: auto;
}
#InstallInstructionBlock {
    /* font-size: 80%; */
    overflow-y: scroll;
}
.StandardPopUp {
	position: absolute;
	background: #BBB;
	border: 3px solid black;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 10px 30px 20px 10px;
	border: 1px solid black;
	display: none;
	margin: -18px 0px 0px 25px;
	color: black;
	z-index:1000;
	width:80%;
    top:2em;
}
@media (max-width: 990px) { /* Only applied when the screen is smaller than 990px */
    ul.mobilelist {
        font-size: 150%;
    }
}
/* 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;
}
.Icon {
    height:24px;
    width:24px;
}
.Clickable {
    cursor: pointer;
}