.header-logo{background-size:28px 28px; width:50px; background-image:url(../images/preload-logo.png);}

.balanerindicator{
    width:100%;
    text-align: center;
    /*position: fixed;*/
    /*bottom:0px;*/
    background:white;
}
.balancebar{
    
    height:10px;
    width:220px;
    background-color: black;

    margin:0 auto;
  transform: rotate(0deg);
  background: #ff3232;
background: -moz-linear-gradient(left, #ff3232 1%, #e58e2b 24%, #30961c 48%, #e58e2b 73%, #ff0000 100%);
background: -webkit-linear-gradient(left, #ff3232 1%,#e58e2b 24%,#30961c 48%,#e58e2b 73%,#ff0000 100%);
background: linear-gradient(to right, #ff3232 1%,#e58e2b 24%,#30961c 48%,#e58e2b 73%,#ff0000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3232', endColorstr='#ff0000',GradientType=1 );
z-index:10000;
}
.balancecircle{
      width: 40px;
      height: 40px;
      background: black;
      border-radius: 50% 50% 0% 0%;
   
      margin:0 auto;
}