#compass {
    width: 156px; height: 156px; padding: 0.5em;
    position: relative; left: 5px; top: -276px;
    background-color: transparent; border-style: none;
}

#dashboard_div {
    position:absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    object-fit: fill;
}    

#chart_div {
    position:relative;
    top:0;
    left:0;
    width: 100%;
    height: 90%;
    object-fit: fill;
    }

#filter_div {
    position:relative;
    width: 100%;
    height: 10%;
    object-fit: fill;
}    

.ui-selectmenu-text {
    margin-top: -2px;
}

#select-trend-button {
    height: 10px;
    margin-top: 2px;
    width: 13em;  
}
#select-weather-button {
    height: 10px;
    margin-top: 2px;
    width: 13em;  
}
#select-period-button {
    height: 10px;
    margin-top: 2px;
    width: 13em;  
}

#select-corr-id-button {
    height: 10px;
    margin-top: 2px;
    width: 13em;  
}
#select-corr-len-button {
    height: 10px;
    margin-top: 2px;
    width: 13em;  
}
#select-corr-show-button {
    height: 10px;
    margin-top: 2px;
    width: 13em;  
}


#reset-hide {
    opacity: 0.6;
    background-color: #0050BA;
    font-size: 90%;
    width: 45px;
    margin: 0.5em 0.5em 0.1em 0.1em;
}

.avg {
    /*opacity: 0.6;*/
    text-align: left;
    background-color: #0050BA;
    font-size: 80%;
    width: 25px;
    margin: 0.1em 0.1em 0.1em 0.1em;
}
.avg2 {
    /*opacity: 0.6;*/
    text-align: left;
    background-color: #0050BA;
    font-size: 70%;
    width: 27px;
    margin: 0.1em 0.1em 0.1em 0.1em;
}
.avg3 {
    /*opacity: 0.6;*/
    text-align: left;
    background-color: #0050BA;
    font-size: 70%;
    width: 45px;
    margin: 0.1em 0.1em 0.1em 0.1em;
    position: relative;
    top: -11px;
    left: 79px;
}


#select-trend-menu {
    font-size: 60%;
}
#select-weather-menu {
    font-size: 60%;
}
#select-period-menu {
    font-size: 60%;
}

#select-corr-id-menu {
    font-size: 60%;
}
#select-corr-len-menu {
    font-size: 60%;
}
#select-corr-show-menu {
    font-size: 60%;
}


#ui-layout-pane-west {
    width: 173px;
}

#ui-layout-resizer-west {
    left: 210px;
}

/*.chartWithMarkerOverlay {
    position: relative;
    width: 700px;
}*/
.overlay-text {
    width: 200px;
    height: 200px;
    position: absolute;
    top: 50px;   /* chartArea top  */
    left: 200px; /* chartArea left */
    transform: rotate(-90deg);
}

.overlay-buttons {
    width: 20px;
    height: 50px;
    position: absolute;
    top: 0px;   /* chartArea top  */
    left: 0px; /* chartArea left */
    /*transform: rotate(-90deg);*/
}


.overlay-text2 {
    width: 800px;
    height: 200px;
    position: absolute;
    top: 50px;   /* chartArea top  */
    left: 200px; /* chartArea left */
}

#ui-layout-resizer-south {
    bottom: 242px;
}

/*.overlay-marker {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 53px;   
    left: 528px; 
}*/