.logo {
    width: 100%;
    height: 120px;
    min-width: 360px;
    display: initial;
    /*background-image: url("header_570x234.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;*/
}

.logo_img {
    width: 100%;
    min-height: 70px;
    min-width: 290px;
    /*max-width: 970px;*/
    border-radius: 3px;
}

.logo_overlay {
    position: absolute;
    top: 56%;
    left: 27%;
    width: 25%;
    height: 25%;
    border-radius: 1px;
    /*border: 1px solid black;*/
}

.logoclip {
    padding-top: 10px;
    padding-bottom: 10px;
    overflow-x: hidden;
    /*overflow: visible;*/
    /*overflow: hidden;*/
    background: #eeeeee;
}

canvas {
    width: 100%;
    height: auto;
    /*width: 2048;*/
    /*height: 560;*/
    border: 1px solid black;
}

#chartHK1, #chartBoiler1, #chartDiv1, #chartWeekPowerUsage {
 	  width: 100%;
 	  height: auto;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    /*font-size: 1rem;*/
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #e9ecef;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .5rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}