html, body {
    font-size: 20px;
    /* text-align: center;*/
    font-family: "Lucida Grande","Lucida Sans Unicode", Arial,Verdana,sans-serif;
}

table {
    border-spacing: 0px;
}

td {
    padding: 15px;
}

tr:nth-of-type(odd) {
    background-color:#dadada;
}

tr:nth-of-type(even) {
    background-color:#f0f0f0;
}

body {
    margin: 40px;
}

.tiny {
    font-size: 10px;
}

.bold {
    font-weight: bold;
}

.loginlabel {
    font-size: 30px;
}

.loginfield {
    font-size: 30px
}

.loginheader {
    font-size: 40px;
}

.loginbutton {
    font-size: 20px;
    /*
    background: #0066A2;
    color: white;
    border-style: outset;
    border-color: #0066A2;
    height: 60px;
    width: 120px;
    font: bold 20px arial, sans-serif;
    text-shadow:none;
*/
}

.wrapper {
    display: grid;
/*    grid-template-columns: repeat(3, 1fr);*/
    grid-gap: 10px;
    grid-auto-rows: minmax(100px, auto);
    /*background-color: #fff;
    color: #444;*/
    margin-left: 120px;
    padding-left: 20px;
}
.powercontainer {
    display: grid;
    grid-template-columns: 200px, 1fr;
    grid-gap: 10px;
/*    grid-auto-rows: minmax(100px, auto);*/
    /*background-color: #fff;
    color: #444;*/
    margin-left: 120px;
    padding-left: 20px;
}

.labeldiv {
/*    text-align: right;*/
    grid-column: 1 / 2;
    padding: 20px;
}

.checkboxdiv {
    grid-column: 2 / 3;
    padding: 20px;
}

.box {
    /*background-color: #444;
    color: #fff;*/
    border-radius: 5px;
    padding: 20px;
    /*font-size: 150%;*/
}

.nav {
/*    grid-column: 1;
    grid-row: 1 / span 5;*/
    height: 100%;
    width: 120px;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    overflow-x: hidden;
}

.a {
    grid-column: 1;
    grid-row: 1;
}

.b {
    grid-column: 2;
    grid-row: 1;
}

.b2 {
    grid-column: 3;
    grid-row: 1;
}

.c {
    grid-column: 1;
    grid-row: 2;
}

.d {
    grid-column: 2;
    grid-row: 2;
}

.d2 {
    grid-column: 3;
    grid-row: 2;
}

.e {
    grid-column: 1;
    grid-row: 3;
}
.f {
    grid-column: 2;
    grid-row: 3;
}

.g {
    grid-column: 1 / span 2;
    grid-row: 4;
}

.water {
    grid-column: 1;
    grid-row: 5;
}

.heat {
    grid-column: 2;
    grid-row: 5;
}

.h {
    grid-column: 1;
    grid-row: 6;
}
.i {
    grid-column: 2;
    grid-row: 6;
}
.i2 {
    grid-column: 1;
    grid-row: 7;
}
.i3 {
    grid-column: 2;
    grid-row: 7;
}
.i4 {
    grid-column: 1;
    grid-row: 8;
}
.i5 {
    grid-column: 2;
    grid-row: 8;
}

.g_bottom {
    grid-column: 1 / span 2;
    grid-row: 9;
}

.j {
    grid-column: 1 / span 2;
    grid-row: 1;
}
.j2 {
    grid-column: 1 / span 2;
    grid-row: 2;
}
.k {
    grid-column: 1;
    grid-row: 2;
}

.l {
    grid-column: 2;
    grid-row: 2;
}

.m {
    grid-column: 1;
    grid-row: 4;
}

.n {
    grid-column: 2;
    grid-row: 4;
}
.o {
    grid-column: 1;
    grid-row: 5;
}
.p {
    grid-column: 2;
    grid-row: 5;
}
.q {
    grid-column: 1;
    grid-row: 6;
}
.r {
    grid-column: 2;
    grid-row: 6;
}
.s {
    grid-column: 1;
    grid-row: 7;
}
.t {
    grid-column: 2;
    grid-row: 7;
}



.center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.chart {
    margin: 15px auto;
    width: 34px;
}