@import (reference) "lib/bootstrap_mixins.less";
@import (reference) "lib/mixins";
@import (reference) "lib/variables";

.progress {
  @pwidth: 400px;
  position: absolute;
  width: @pwidth;
  top: 12px;
  left: 50%;
  margin-left: -1 * @pwidth/2;
  border: 1px solid #969696;
  height: 12px;
  border-radius: 99px;
  @bs: 0 1px 0 rgba(255,255,255,.5) , inset 0 1px 3px rgba(0,0,0,.3);
  .box-shadow(@bs);

  .bar {
    @bs: 0 1px 0 rgba(255,255,255,.5) , inset 0 1px 3px rgba(0,0,0,.3);
    .box-shadow(@bs);
    .transition(none);
    -webkit-animation: progress-bar-stripes 800ms linear infinite !important;
       -moz-animation: progress-bar-stripes 800ms linear infinite !important;
        -ms-animation: progress-bar-stripes 800ms linear infinite !important;
         -o-animation: progress-bar-stripes 800ms linear infinite !important;
            animation: progress-bar-stripes 800ms linear infinite !important;
  }
}

#stats-tabs {
  position: fixed;
  left: 8px;
  right: 8px;
  top: 44px;
}

#stats-tables {
  position: fixed;
  left: 8px;
  right: 8px;
  top: 82px;
  bottom: 0;
  overflow: scroll;

  table {
    font-family: @monoFontFamily;

    th.active {
      background-color: #eee;
    }
  }
}

.stats-color-box {
  display: inline-block;
  width: 28px;
  height: 16px;
  border: 1px solid #000;
  position: relative;
  top: 2px;
}
