.appPageScreenshot {
    max-width: 100%;
    border: 1px solid #ccc;
}

img {
    content-visibility: auto;
}

@media (prefers-color-scheme: dark) {
    
}
.dark .modal-content{
    background: #555;
}
.dark .navbar-dark {
    background: #0d437d !important;
}
.dark table, .dark table td {
    color: #fefefe !important;
}
.dark body {
    color: #fefefe;
    background-color: #4c5054;
}
.dark .btn-primary {
    background: #0d437d;
    border-color: #1157a2;
    color: #fff !important;
}
.dark .jumbotron {
    background: #373737;
}
.dark .bg-light {
    background: #292929 !important;
}
.dark .card {
    background: #292929 !important;
}
.dark a {
    color: #0ce3ac;
}

.dark .navbar-dark .btn-secondary {
    background: #0b3c6e !important;
    border-color: #1157a2;
}

.news img, .news .highchartGraph {
    max-width: 75%;
    max-height: 350px;
    display: block;
    margin: 0 auto;
}
.news pre {
    max-height: 340px;
    overflow-y: auto;
    font-size: 12px;
    background: #f8f8f8;
    border: 1px solid gray;
    display: block;
    padding: 8px;
}

.news .navSection {
    font-size: 14px;
    padding: 8px;
    background: rgba(255,255,255,0.2);
    width: 50%;
    left: 10px;
    border: 1px solid #efefef;
}

.news .navSection a {
    display: block;
}

.news figcaption {
    font-size: 0.9em;
    color: lightslategray;
    text-align: center;
    font-style: italic;
}

.news h2 {
	margin-top: 10px;
}

.news .highchartGraph {
    height: 300px;
}

.news blockquote {
    border-left: 8px solid #efefef;
    padding-left: 15px;
}
.glyphicon-remove:before {
    content: '✖';
    display: inline-block;
    font-style: normal;

}