#header  {
  .top-nav {
    background: #3d5b80;
    height: 56px;
  }
}

.rms-white-body{
  background: #fbfbfc;
  padding: 10px;
}

.container {
  padding-left: 25px;
  padding-right: 25px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
.container:before,
.container:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.container:after {
  clear: both;
}
#top {
  padding: 5px 0;
}
.main {
  margin-bottom: 20px;
}
.cf {
  zoom: 1;
}
.cf:before,
.cf:after {
  content: "";
  display: table;
}
.cf:after {
  clear: both;
}
span.change.positive {
  color: #1A7E1E;
}

span.change.negative {
  color: #FB1C25;
}
.table-responsive {
  width: 100%;
  margin-bottom: 15px;
  overflow-y: hidden;
  overflow-x: scroll;
  border: 1px solid #dddddd;
}
.table-responsive > .table {
  margin-bottom: 0;
  background-color: #fff;
}
table {
  font-size: 12px !important;
  margin-bottom: 0;
  -webkit-border-radius: 5px;
  background-clip: padding-box;
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
  thead tr th,
  thead tr th,
  tbody tr td,
  tfoot tr td {
    vertical-align: middle;
  }
}
th {
  text-align: left;
}
.table td,
.table th {
  background-color: #fff !important;
}
.table {
  width: 100%;
  margin-bottom: 0;
  border: solid 1px #929aa2;
}

.table thead > tr > th,
.table tbody > tr > th,
.table tfoot > tr > th,
.table thead > tr > td,
.table tbody > tr > td,
.table tfoot > tr > td {
  padding: 5px;
  vertical-align: top;
  border-top: 1px solid #929aa2;
}
.table tbody > tr > td{
  padding: 5px 0 2px 3px;
}
.table thead > tr > th {
  vertical-align: bottom;
  border-bottom: 1px solid #929aa2;
  line-height: 12px;
}
.table caption + thead tr:first-child th,
.table colgroup + thead tr:first-child th,
.table thead:first-child tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child td {
  border-top: 0;
}
.table tbody + tbody {
  border-top: 2px solid #929aa2;
}
.table .table {
  background-color: #929aa2;
}
table col[class*="col-"] {
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  float: none;
  display: table-cell;
}
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > td {
  white-space: nowrap;
}
.table-responsive > .table-bordered {
  border: 0;
}
.table-responsive > .table-bordered > thead > tr > th:first-child,
.table-responsive > .table-bordered > tbody > tr > th:first-child,
.table-responsive > .table-bordered > tfoot > tr > th:first-child,
.table-responsive > .table-bordered > thead > tr > td:first-child,
.table-responsive > .table-bordered > tbody > tr > td:first-child,
.table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.table-responsive > .table-bordered > thead > tr > th:last-child,
.table-responsive > .table-bordered > tbody > tr > th:last-child,
.table-responsive > .table-bordered > tfoot > tr > th:last-child,
.table-responsive > .table-bordered > thead > tr > td:last-child,
.table-responsive > .table-bordered > tbody > tr > td:last-child,
.table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.table-responsive > .table-bordered > thead > tr:last-child > th,
.table-responsive > .table-bordered > tbody > tr:last-child > th,
.table-responsive > .table-bordered > tfoot > tr:last-child > th,
.table-responsive > .table-bordered > thead > tr:last-child > td,
.table-responsive > .table-bordered > tbody > tr:last-child > td,
.table-responsive > .table-bordered > tfoot > tr:last-child > td {
  border-bottom: 0;
}
table thead tr th,table tfoot tr td {
  background: #fff;
  background: -moz-linear-gradient(top, #fff 0%, #e5e5e5 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #e5e5e5));
  background: -webkit-linear-gradient(top, #fff 0%, #e5e5e5 100%);
  background: -o-linear-gradient(top, #fff 0%, #e5e5e5 100%);
  background: -ms-linear-gradient(top, #fff 0%, #e5e5e5 100%);
  background: linear-gradient(to bottom, #fff 0%, #e5e5e5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 )
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-md-12 {
  width: 100%;
}
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
  float: left;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.row:before,
.row:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.row:after {
  clear: both;
}
section{
  display: block;
  > header{
    line-height: 3.5em;
    > h3{
      font-size: 1.5em;
    }
  }
}
body{
  font-size: 13px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.428571429;
  color: #333333;
  margin: 0;
  display: block;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

.pull-right {
    float: right !important;
    font-size: 12px;
    height: 19px;
    line-height: 19px;
    margin: 2.5em 0 0;
    font-style: italic;
    color: #7b858b;
}

.pull-left {
    float: left !important;
    font-size: 12px;
    height: 19px;
    line-height: 19px;
    margin: 0 0 0 0;
    font-style: italic;
    color: #7b858b;
}

#performance-page {
  max-width: 550px;
  margin: 0 auto;
  h3 {
    padding: 0px;
    margin: 1.7em 0 1.5em;
    font-size: 18px;
    font-weight: bold;
  }

  .update-countdown {
    font-size: 12px;
    height: 19px;
    line-height: 19px;
    margin: 2.5em 0 0;
    font-style: italic;
    color: #7b858b;
  }

}

@media screen and (max-width: 500px) {
  #performance-page{
    .performance-title,
    .performance-counter{
      width: 100%;
      float: none;
      &::before,
      &::after{
        display: table;
        content: " ";
      }
      &::after{
        clear: both;
      }
    }
    .performance-title{
      h3{
        margin-bottom: 0;
      }
    }
    .performance-counter{
      text-align: left;
      span{
        float: none !important;
      }
    }
  }
}