body, html {
  padding: 0;
  margin: 0;
  font-family: Arial, sans-serif;
}

.pageHeader{
   width: 100%;
   height: 60px;
   background-color:rgb(48, 45, 42);
   color: #fff;
   display: flex;
   align-items: center;
   font-size: 1.4rem;
   box-shadow: 0 2px 4px rgba(0,0,0,0.1);
   position: relative;
   text-align: left;
   justify-content: start;
   padding-left: 60px;
}

@media only screen and (max-width: 400px) {

   .pageHeader { 
      font-size: .9rem; 
   }

}

.logo{
   width: 60px;
   height: 100%;
   float: left;
   position: absolute;
   left: 0;
   background-image: url('../images/oracle-o.png');
   background-position: center;
   background-repeat: no-repeat;
}

.share{
   width: 60px;
   height: 100%;
   float: right;
   position: absolute;
   right: 0;
   background-image: url('../images/share.png');
   background-position: center;
   background-repeat: no-repeat;
   cursor:pointer;
}

.vizContent{
   height: calc(100% - 60px);
   width: 100%;
   padding: 0;
   margin: 0;
   background-color: #EBEAE9;
   background-image: url('../images/AnalyticsIconLoop.gif');
   background-repeat: no-repeat;
   background-position: center;
   background-size: 120px 120px;
}

oracle-dv {
   /* Hidden until data is ready */
   visibility: hidden; 
   opacity: 0;
}