.navbara {
  overflow: hidden;
  background-color: #36C2CE;
  margin-bottom:10px;
}

.navbara a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.dropdowna {
  float: left;
  overflow: hidden;
}

.dropdowna .dropbtna {
  font-size: 16px;  
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.navbara a:hover, .dropdowna:hover .dropbtna {
  background-color: #3B8996;
}

.dropdowna-content {
  display: none;
  
  position: absolute;
  background-color: #3B8996;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdowna-content a {
  float: none;
color:white;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdowna-content a:hover {
  background-color: #4CA4B3;
}

.dropdowna:hover .dropdowna-content {
  display: block;
}

    .overlay{

        display: none;

        position: fixed;

        width: 100%;

        height: 100%;

        top: 0;

        left: 0;

        z-index: 999;

        background: rgba(255,255,255,0.8) url("images/loader.gif") center no-repeat;

    }

    body{

        text-align: center;

    }

    /* Turn off scrollbar when body element has the loading class */

    body.loading{

        overflow: hidden;   

    }

    /* Make spinner image visible when body element has the loading class */

    body.loading .overlay{

        display: block;

    }

	th {text-align:center}
.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}