#main {padding: 0px;}
#flexcontainer {display: flex;}
.flexMinimse1 {display: flex;flex-direction: row-reverse;}
.panel {margin-bottom: 20px;padding-left: 20px;}
.panel2 {padding: 10px;}
#left {
    background-color: var(--bk-color,#a0a0a0);
    flex-basis: 200px;
    flex-shrink: 0;
    flex-grow: 0;
    border-top: var(--border-top);
    border-bottom: var(--border-bottom);
}
#left p {margin-right: 4px;}
    #left h1 {
        margin-right: 0;
        margin-bottom: 0;
        color: var(--heading-color);
        font-weight: var(--heading-font-weight);
        font-size: var(--heading-font-size);
        font-family: var(--heading-font-family);
    }
#left ul {list-style-type: none;padding: 0;}
#left li {cursor: pointer; font-size: 12pt;padding-left: 8px;}
#left li:hover {font-size: 13pt;padding-left: 0px;padding-bottom: 10px;color: #2a5f1d;font-weight: bold;}
#right {
    background-color: var(--bk-color);
    flex-shrink: 0;
    flex-grow: 0;
    border-top: var(--border-top);
    border-bottom: var(--border-bottom);
}
#formdetails {
    display: none;
    background-color: var(--bk-color);
    flex-shrink: 0;
    flex-grow: 0;
    border-top: var(--border-top);
    border-bottom: var(--border-bottom);
}
div.minimiser {padding-right: 4px;float: right;margin: 0;cursor: pointer;font-size: 14pt;font-stretch: extra-condensed;}
div.hider {padding-right: 4px;float: right;margin: 0;cursor: pointer;font-size: 14pt;font-stretch: extra-condensed;}
@media only screen and (min-width: 800px) {
}