table {
  background: white;
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}
tr {
	height:60px;
}
td {
  background: #5ec9e0;
  border-top: 4px solid #f0f3f4;
  padding: 8px;
  vertical-align:middle;
}
td:nth-child(1) {
	font-weight: bold;
	font-size: 2em;
	text-align:right;
	padding-right:20px
}

.table-name {
	padding-left:16px;
	font-size:1em;
	font-weight:bold;
	text-transform:uppercase;
}

/* Customize the label (the container) */
.container2 {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 4px;
  cursor: pointer;
  font-size: 1em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container2 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 24px;
  width: 24px;
  background-color: #f0f3f4;
}

/* On mouse-over, add a grey background color */
.container2:hover input ~ .checkmark {
  background-color: #f0f3f4;
}

/* When the checkbox is checked, add a blue background */
.container2 input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container2 input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container2 .checkmark:after {
  left: 8px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.slidecontainer {
  float:left;
  width:370px;
  margin-bottom:16px;
  display:inline-block;
}

.slidecontainer > div {
	text-align:left
}


.slidecontainer > div > span {
	font-weight:bold;
	text-transform:uppercase;
	padding-left:0px;
	margin-top:16px;
	margin-bottom:0px
}

.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 24px;
  background: #c8e6ec;
  outline: none;
  opacity: 0.8;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 24px;
  height: 24px;
  background: #2196F3;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 24px;
  height: 24px;
  background: #2196F3;
  cursor: pointer;
}

.line-through {
	text-decoration:line-through;
}