body {
    background: black;
    overflow-y: scroll;
    color: white;
}

.sr-list {
    padding: 1em;
}

.sr-display-item {
    margin-bottom: 1em;
    font-family: Arial, Helvetica, sans-serif;
    color: white;
    padding: 1em;
}

.sr-sectionhead {
    margin-bottom: 1em;
    font-family: Arial, Helvetica, sans-serif;
    color: white;
    padding: 1em;
}

.sr-chart-item {
    background: chocolate;
}

.sr-quote-item {
    background: darkolivegreen;
}

.sr-cookie-item {
    background: hotpink;
}

.sr-chart-sectionhead {
    background: chocolate;
}

.sr-quote-sectionhead {
    background: darkolivegreen;
}

.sr-cookie-sectionhead {
    background: hotpink;
}

.sr-intro-section {
    background: SlateGray;
}
.sr-intro-signoff {
    text-align: right;
}
.sr-outro-section {
    background: SlateGray;
}

.sr-chart-inner {
/*    background: cyan;*/
    padding: 1em;
    width: 90%;
}

.sr-section {
    overflow: hidden;
}

.sr-section-opened {
    max-height: 10000px;
    overflow-y: hidden;
    transition: max-height .75s ease, opacity 0.5s ease;
    opacity: 1;
}

.sr-section-closed {
    max-height: 0px;
    overflow-y: hidden;
    transition: max-height .75s ease, opacity 0.5s ease;
    opacity: 0;
}

.sr-priority-high {
    background: red;
}

.sr-priority-med {
    background: orange;
}

.sr-priority-low {
    background: darkgreen;
}

.cr-pie-simple-result-chart {
    height: 400px;
}

.cr-lines-simple-result-chart {
    height: 300px;
}