@font-face {
    font-family: segments;
    src: url('../../assets/fonts/Segment7-4Gml.otf');
    font-weight:400;
}
@font-face {
    font-family: source-sans;
    src: url('../../assets/fonts/SourceSansPro-Regular.ttf');
}
@font-face {
    font-family: source-sans-semi;
    src: url('../../assets/fonts/SourceSansPro-SemiBold.ttf');
}
@font-face {
    font-family: source-sans-light;
    src: url('../../assets/fonts/SourceSansPro-Light.ttf');
}

  h1,h2,h3,h4,h5,h6 {
      font-family: source-sans, sans-serif;
  }

html,body {
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: source-sans-light, sans-serif;
    font-size:16px;
}

* {
    box-sizing: border-box;
}

canvas { outline: none; border: none; }

.highdiv {
    height: 100%;
}

.ctlsection {
    padding-top: 12px;
    padding-bottom: 12px;
}

#plot {
    opacity:0;
    position:absolute;
    top:-500px;
    left: 220px;
    background-color: #FFFFFF;
    transition: opacity 0.4s ease;
}


#plot > #plot-warning {
    opacity:0;
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background-color: #77777777;
    transition: opacity 0.4s ease;
    z-index:1;
}

#imgHist {
    opacity:0;
    position:absolute;
    top:-500px;
    left: 220px;
    width:500px;
    height:140px;
    background-color: #FFFFFF;
    transition: opacity 0.4s ease;
}

#storHead {
    position:absolute;
    top: 0px;
    left: 801px;
    width: 190px;
    height: 110px;
    background-color: #00bcd4;
}