/* For testing in Firefox - go to about:config and select javascript.enabled */
body,
nav {
    padding-top: 48px
}

.noscript-warning {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    font-size: medium;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background-color: #fdf2ab;
    border-bottom: solid 1px #adb5bd;
    z-index: 40; /* place over IE message if shown */
}
 
.noscript-warning p {
    color: black;
    display: table;
    margin: 0 auto;
    margin-bottom: 0px;
    margin-bottom: 0 !important;
    line-height: 48px !important;
    padding-left: 32px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IB2cksfwAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAP8ARwBdUyjK/wAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+kJCAcVF4QS3yIAAAIcSURBVEjH5ZY/SxtxGMc/v3iBMzQeSY2HUkuxCCd0KIUKHpQ4+BIcJDgFdGnn5g0EBMGhNJ11dPcNBAI/BEstdAg4dOoi2FMbawNJfDrkLr2kOTwDDqUP3HD3PM/3+f88B/8NaahoOPOfSlw9FRcceD3w+YMLb27TTcQAXwHWhrDWfN7oEWjIAl8Bi0SCZ7UayjD4srQENzcAP4CnLpyNGsF7lBoHsDc3SbsuDxYXsTc2fPeUCbwbtajLGn5qkCPblpbnSUDtiwv5OD0tGsSXWb5TBBqSwC6QAniys4ORyaCUQinFmGXxeHs7EE8Bu75O7BS9BXIAE/k8k4XCXwK59XWslV6Nc75OrNTMabjSIIemKdf1ei81gAC9918nJ3JomkGqrjTMxYlgzy8eM6US444T6Yw5P89MqRQu+N5t3q9qaGiQY8eRTrMpYRqMQESk02zKseMEUTQ0rEaBWxo8DaKVkstqVQZpmAERkctqVbRSgRFPgzUsRVtBz08WCkzk87Fbuq8RuhhbfZOs4QVQA1JGJsPzep2kbd9pblqnp3xeWKB9fg5wDbxy4VNCd40cBD0/VSxGggdzMIySts1UsRiejQMNSoU35Vg6zUvPQxlGpAG6RRjKl3abo2yWTqPR27iJ8KacLZcjwQPgKHAAZRjMlst9G1fp7iZ8eE936nsC2L/HQ7gfdNEj/lynJNAaETCsW3Hh27//s/Ab2SwDQQiiASQAAAAASUVORK5CYII=");
    background-repeat: no-repeat;
    background-position: left center;
}

@media (prefers-color-scheme: dark) {
    .noscript-warning {
        background-color: #665200;
    }

    .noscript-warning p {
        color: white;
    }
}