body, html {
 height: 100%;
}
body {
 margin: 0;
 overflow: hidden;
}
.listitem {
 margin-bottom: 20px;
}
.slidecontainer {
 width: 100%;
}
.slider {
 -webkit-appearance: none; /* Override default look */
 width: 90%;
 height: 10px;
 background: #dddddd;
 outline: none;
 border-radius: 15px;
}
.slider::-webkit-slider-thumb {
 -webkit-appearance: none; /* Override default look */
 appearance: none;
 width: 15px;
 height: 15px;
 border-radius: 50%;
 background: #333333;
 cursor: pointer;
}
.right {
 height: 100%;
 float: right;
 background: #bbbbbb;
 text-align: center;
 padding-top: 2%;
 overflow: auto;
}
.left {
 height: 100%;
 float: left;
}
.label {
 font-family: sans-serif;
}
.countlabel {
 background: #dddddd;
 font-family: sans-serif;
 width: 25%;
 border-radius: 15px;
 display: inline-block;
 margin-top: 5px;
}