@CHARSET "UTF-8";
[content] {
    display:none;
}

.Help {
    position:absolute;
    right:30px;
    top:80px;
    font-size:14px;
    background-image:url('../img/ask.png');
    background-repeat:no-repeat;
    background-size:40px 40px;
    width:40px;
    cursor:pointer;
    height:40px;
}
.Help:hover {
    border:1px solid black;
}
.Help helptext {
    display:none;
}
.helptext h1 {
    color: var(--titleColor);
    font-weight: 700;
    font-size: 18px;
    margin-bottom:5px;
}
.overlay .Help {
    right:90px;
    top:135px;
    z-index:10;
}
/* Tables ************************************************************/
.table {
    overflow:auto;
    margin:20px 0px;
}

table.table caption {
    border:1px solid var(--titleColor);
    background-color:var(--titleColor);
    color:var(--lightBackground);
    padding:3px;
}
.table td,.table th {
    padding:10px 20px;
}
.table th {
    background-color:#282f38;
    border:1px solid black;
    color:#f4f4f4;
}
.table td {
    border:1px solid var(--titleColor);
    background:#f4f4f4;
}
.table tfoot td {
    background:#e4e4e4;
    font-weight:bold;
}
.layoutTable {
    width:100%;
    margin:0;
    padding:8px;
}
.layoutTable tr,
.layoutTable th,
.layoutTable td {
    border-bottom:1px solid var(--overlayBackground);
    margin:0;
    padding:8px 8px 8px 0;
    color:var(--titleColor);
    font-weight:500;
}
.layoutTable td {
    color:var(--standardText);
}
.layoutTable th {
    background-color: var(--regionBoxBack);
}
.layoutTable tfoot {
    background-color: var(--regionBoxBack);
}
.layoutTable tr:last-of-type,.layoutTable tr:last-of-type td {
    border-bottom:0px;
}
.tdRight tr td {
    text-align:right;
}


.regionBox {
    display:flex;
    flex-wrap:wrap;
    height:100%;
    flex-direction:column;
    align-content: flex-start;
}

.regionBox>div {
    border:1px solid gray;
    margin:15px;
    background:var(--overlayBackground);
    width:500px;
}

.regionBox .regionBoxInfo {
    border:1px solid #d5d5d5;
    background:var(--lightBackground);
    padding:0 0 20px 30px;
    margin-bottom:50px;
}
.regionBox break{
    flex-basis: 100%;
    width: 0px;
    height: 0px;
    overflow: hidden;
}
.regionBoxInfo .subtitle {
    color:var(--titleColor);
    font-weight:700;
    width:100%;
    text-align:left;
    margin-top:21px;
    margin-left:-18px;
    margin-bottom:9px;
    font-size:18px;
}

.regionBox .regionBoxEdit {
    border:1px solid var(--overlayBackground);
    background:var(--regionBoxBack);
    padding-left:30px;
    margin-bottom:50px;
    margin-top:40px;

}
.regionBoxEdit .subtitle {
    color:var(--titleColor);
    font-weight:700;
    width:100%;
    text-align:left;
    margin-top:-26px;
    margin-left:-18px;
    margin-bottom:9px;
    font-size:18px;
}

.regionBox .description {
    color:var(--titleColorBright);
    font-family:"Roboto";
    font-weight:700;
    text-transform: uppercase;
    font-size:14px;
    margin-top:30px;
    margin-bottom:17px;
}
.regionBox p {
    font-size:12px;
}
table.smallTable caption {
    text-align:left;
    font-size:16px;
    color:var(--titleColorBright);
    font-weight:700;
    padding-bottom:8px;
}
table.smallTable th {
    color:var(--titleColor);
    font-size:14px;
    font-weight:700;
    padding:0 20px;
}
table.smallTable td {
    font-size:16px;
    padding:8px 20px 0 20px;
    border-top:1px solid #d4d4d4;
}
table.smallTable tfoot {
    font-weight:700;
}
.selectedRow td {
    background-color: DodgerBlue;
    color: white;
}
.displayAsTable {
    display: table;
}
.displayAsTable>div {
    display: table-row;
}
.displayAsTable>div>* {
    display: table-cell;
    text-align: left;
    margin: 5px;
}
.unit {
    font-size:66%;
    color:grey;
    font-style: italic;
}

.BoxList .selected td {
    background-color: DodgerBlue;
    color:white;
}
.BoxList tr:not(.selected):hover td {
    background:var(--hoverColor);
}
.BoxList th {
    text-align:left;
    font-size:12px;
}
.BoxList td {
    font-weight:normal;
    cursor:pointer;
}
.TableOverflow {
    overflow:auto;
}
div[ShowContent].active div {
    background-color:#caf0ff;
}