/* text of active navbar tab */
:root {
    --primary-color: #27f;
}

/* color for the header */
.bs-docs-home, .bs-header {
    color: #fff;
    background: transparent linear-gradient(to top, #11a 0%, #24c 100%) repeat scroll 0% 0%;
}

@media (prefers-color-scheme: light) {
/* All levels of nav */
.bs-sidebar .nav > li > a {
    display: block;
    color: #11a;
    padding: 5px 20px;
}
.bs-sidebar .nav > li > a:hover, .bs-sidebar .nav > li > a:focus {
    text-decoration: none;
    background-color: #eee;
    border-right: 2px solid #11a;
    border-left: 2px solid #11a;
}
.bs-sidebar .nav > .active > a, .bs-sidebar .nav > .active:hover > a, .bs-sidebar .nav > .active:focus > a {
    font-weight: bold;
    color: #11a;
    background-color: #ddd;
    border-right: 4px solid #11a;
    border-left: 4px solid #11a;
}
.form-group.required label:after {
    content: "*";
    color: red;
}

label#compile-label:after {
    content: "*";
    color: red;
}
}

.radio {
    margin-top: 0px;
}

div#compile-div {
    margin-bottom: 15px;
}