body, html {
    font-family: "Circular-Pro-Book","Trebuchet MS",Arial,sans-serif;
}

body {
}

.resmed-logo {
  display:inline;  
}

#top_bar {
 padding: 1em; 
}
#setup {
 float:left; 
}

#Details{
  float:right;
  display:none;
}

#LogTab{
  height:40em;
  overflow-y:scroll;
}

#EventDetails{
  float:right;
  display:none;
}

#LiveData{
  float:right;
  display:none;
}

#live_status_chart{
  width:500px;
  height:400px;
}

#ParameterList{
  float:right;
  display:none;
}

/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button.tablinks {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border-top: none;
}

#connect_button {
  float:right;  
}

.tabcontent.active {
 display:  block;
}

table {
  border-collapse:collapse;
  padding: .5em;
  margin: .5em;
}

td, th {
  border: 1px solid;
  padding: .5em;
}

tr:nth-child(even) {background-color: #f2f2f2;}
tr:nth-child(odd) {background-color: #fff;}