html {
  background: #fff !important;
}

.slds-welcome-mat__info {
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  padding: 1rem 3rem 7.75rem;
  color: #00396b;
  background-image: url("/slds/assets/images/welcome-mat/bg-info@2x.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: #cae6f1;
}

#streamingData li {
    animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

.chart{
    width:50%;
float:left;
margin:auto;
}
.chartfull{
    max-height: 50% !important;
float:left;
margin:auto;
}

.canvasfull {
      width: 1200px;
      height: 600px;
}