/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
body {
  margin-top: 50px;
 	padding-bottom: 60px;
}
.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: 60px;
	background-color: #f5f5f5;
}

/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
  padding: 10px;
}
@media (min-width: 768px) {
  .sidebar {
    position: fixed;
    top: 51px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    padding: 10px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    /* background-color: #f5f5f5; */
    border-right: 1px solid #eee;
  }
}

a.accordion-heading {
	display: block;
	text-decoration: none;
}

.pin-selector {
	padding-left: 5px;
	padding-right: 5px;
}

.pin-selector-checkbox {
	padding: 3px 6px;
}

.pin-selector-input {
	padding: 2px 4px;
}

.pin-selector :first-line {
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
}
/*
 * Main content
 */

.main {
  padding: 10px;
}
@media (min-width: 768px) {
  .main {
    padding-right: 10px;
    padding-left: 10px;
  }
}

#WaveDrom_Display_0 {
	width:100%;
	height:100%;
	overflow: auto;
}

.main .page-header {
  margin-top: 10px;
}
