body
{
    margin:10px;

    background:#eeeeee;

    font-family:Arial;
}



h1
{
    text-align:center;
}



#dashboard
{
    width:100%;
	table-layout: fixed;
    border-collapse:collapse;
}



td {
    width: 16%;
    background: white;
    border: 5px solid #eeeeee;
    padding: 10px;
    vertical-align: top;
    box-sizing: border-box;
}



.siteName
{
    font-size:16px;

    font-weight:bold;

    text-align:center;
}



.energy
{
    font-size:24px;

    font-weight:bold;

    text-align:center;

    margin:10px;
}

.normalized
{

    text-align:center;

    font-size:18px;

    color:#555;

    margin-bottom:10px;

}
.iframe-cell {
    padding: 0;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
}

.sma-site {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.sunnyportal-frame {
    width: 800px;
    height: 650px;
    border: none;
    display: block;
    transform-origin: top left;
}


canvas
{
    width:100%!important;

    height:120px!important;
}