@media print {
  @page { margin: 0; }
  body { margin: 1.6cm; }
}


.top_headers{
  font-weight:400;
  color:#526171;
  font-size:17px;
  font-family:"Helvetica Neue",Roboto,Arial,"Droid Sans",sans-serif;
}

.top_dividers{
  border-right-style:solid;
  border-right-color:#676a6c;
  padding-left:20px;
}

.lower_headers{
  font-weight:600;
  color:#676a6c;
  font-size:37px;
  font-family: "Helvetica Neue",Roboto,Arial,"Droid Sans",sans-serif;
}

.options{
  margin-top:5px;
  width:120px;
}

.dc-chart g.row text {
  fill: black;
}

.dc-chart .pie-slice {
  fill: black;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
  outline: 0;
}

.buttonDown{
  background-color: #253b65;
  color: white;
}

.resetButton{
  color:#676a6c;
  left:240px;
  top:22px;
  font-size:35px;
  text-decoration: none !important;
}

.resetButton:hover, .resetButton:focus{
  color:#2a3e51;
}

.graph_titles{
  font-weight:400; 
  font-size:18px; 
  font-family:"Helvetica Neue",Roboto,Arial,"Droid Sans",sans-serif;
  color:#526171;
}

#realtime_chart, #realtime_chart text{
  font-size:16px;
}

#realtime_volume_chart, #realtime_volume_chart text{
  font-size:16px;
}

.table tbody tr td {
    padding: 8px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.login{
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 600px;
    height: 75vh;
   
}

.login_image {
    position: realtive;
    top: 15px;
    -webkit-background-size: 32px 32px;
    background-size: 32px 32px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: block;
    margin: -1px;
    overflow: hidden;
    position: relative;
    height: 32px;
    width: 32px;
    z-index: 0;
   }