.gridLayout {
    display: grid;
    grid-template-areas: "a b" "c d";
    grid-template-columns: 1fr 1fr;
    grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
    gap: 5px;
    height: 100%;
    width: calc(100% - 10px);
    position: relative;
    margin-left: 5px;
}

.gridLayout.scroll{
    overflow-y: auto;
}

.gridHead {
    grid-area: head;
    width: 100vw;
    font-size: 3em;
    line-height: 1em;
    background-color: #2037ff;
    color: white;
    position: relative;
}

.gridHead_information {
    font-size: 16px;
}

.gridHead_headtext {
    position: absolute;
    bottom: 0;
    left: 0;
}

.gridChild {
    padding: 5px;
    position: relative;
    overflow: hidden;
}

.gridChild.center{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}
.include_svg_for_fullsize svg{
    width: 100%;
    height: 100%;
}
.gridLayout.one-row-one-column {
    grid-template: "a";
    grid-template-columns: 1fr;
    /*grid-template-rows: 4.4em auto;*/
}

.gridLayout.two-rows-one-column {
    grid-template-areas: "a" " b";
    grid-template-columns: 1fr;
    grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
}

.gridLayout.two-rows-two-columns {
    grid-template-areas: "a b" "c d";
    grid-template-columns: 1fr 1fr;
}
.gridLayout.two-rows-two-columns.two-thirds{
    grid-template-columns: 2fr 1fr;
}


.gridLayout.three-rows-one-column {
    grid-template-areas: "a" "b" "c";
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr 1fr;
}

.gridLayout.one-row-three-columns {
    grid-template-areas: "a b c";
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
}

.gridLayout.one-row-four-columns {
    grid-template-areas: "a b c d";
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
}
.gridLayout.one-row-two-columns {
    grid-template-areas: "a b";
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
}

.gridLayout.one-row-two-columns.two-thirds{
    grid-template-columns: 2fr 1fr;
}

.gridLayout.three-rows-two-column {
    grid-template-areas:"a b" "c d" "e f";
    grid-template-columns: 1fr 1fr 1fr;
}

.gridLayout.three-rows-three-column {
    grid-template-areas: "a b c" "d e f" "g h i";
    grid-template-columns: 1fr 1fr 1fr;
}

.gridLayout.four-rows-four-column {
    grid-template-areas: "a b c d" "e f g h" "i j k l";
    grid-template-columns: 1fr 1fr 1fr;
}


.gridLayout.four-rows-three-column {
    grid-template-areas: "a b c" "d e f" "g h i";
    grid-template-columns:1fr 1fr 1fr;
}

.gridLayout.four-rows-two-column {
    grid-template-areas: "a b" "c d" "e f";
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr;
}

.gridLayout.four-rows-one-column {
    grid-template-areas: "a" "b" "c" "d";
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-template-rows: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    -ms-grid-rows: 1fr 1fr 1fr 1fr;
}

.gridLayout.fife-rows-one-column {
    grid-template-areas: "a" "b" "c" "d" "e";
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-template-rows: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    -ms-grid-rows: 1fr 1fr 1fr 1fr 1fr;
}


.gridLayout.four-rows-four-column-first-doublewidth {
    grid-template-areas: "a a b b" "c d e f" "g h i j";
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.gridLayout.left-two-text-right-one-chart {
    grid-template-areas:"a b" "c b";
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
}

.gridLayout .gridChild:nth-child(1) {
    grid-area: a;
}

.gridLayout .gridChild:nth-child(2) {
    grid-area: b;
}

.gridLayout .gridChild:nth-child(3) {
    grid-area: c;
}

.gridLayout .gridChild:nth-child(4) {
    grid-area: d;
}

.gridLayout .gridChild:nth-child(5) {
    grid-area: e;
}

.gridLayout .gridChild:nth-child(6) {
    grid-area: f;
}

.gridLayout .gridChild:nth-child(7) {
    grid-area: g;
}

.gridLayout .gridChild:nth-child(8) {
    grid-area: h;
}

.gridLayout .gridChild:nth-child(9) {
    grid-area: i;
}

.gridLayout .gridChild:nth-child(10) {
    grid-area: j;
}

.gridLayout .gridChild:nth-child(11) {
    grid-area: k;
}

.gridLayout .gridChild:nth-child(12) {
    grid-area: l;
}

.gridLayout .gridChild:nth-child(13) {
    grid-area: m;
}

.gridLayout .gridChild:nth-child(14) {
    grid-area: n;
}

.gridLayout .gridChild:nth-child(15) {
    grid-area: o;
}

.gridLayout .gridChild:nth-child(16) {
    grid-area: p;
}

.gridLayout .gridChild:nth-child(17) {
    grid-area: q;
}

.gridLayout .gridChild:nth-child(18) {
    grid-area: r;
}

.gridLayout .dygraph_init {
    position: absolute;
}

@supports (display: grid) {
    #ifBorwserSupportsGridlayout {
        display: none;
    }
}