table, #tb {
	max-width: 800px;
	width: 480px;
	margin-left:auto; margin-right:auto;
}

.choix {
	background-color: #999;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana,	sans-serif;
	font-size: 20pt; font-weight: 400;
	border-style: solid;
	text-align: center;
	align-self: stretch;
	min-height: 60px;
	background-color: grey;
	width:100%;
}

.info {
	border-style: solid;
	background-color: black;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: 12pt; color: white;	font-weight: 400;
	text-align: center;	vertical-align: center;
	width: auto;
	height: 30px;
}

.rride {
	border-style: solid;
	background-color: black;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: 12pt; color: white;	font-weight: 400;
	text-align: center;	vertical-align: center;
	width: auto;
	height: 35px;
}
	
.coll {
	width:100%;
}

.onoff, .lube, .pops {
	border-style: solid;
	background-color: red;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana,	sans-serif;
	font-size: 16pt; color: pink; font-weight: bolder;
	text-align: center;	vertical-align: center;
	min-height: 80px;
	width:50%;
}

.kode {
	border-style: none;
	background-color: black;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: 14pt; color: white;	font-weight: 800;
	text-align: center;	vertical-align: center;
	width: auto;
	height: 30px;
}

#dev, #ip {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: 9pt; color: black;	font-weight: 100;
}

.slidecontainer {
    width: 100%; /* Width of the outside container */
    text-align:center;
}

.slider {
    -webkit-appearance: none;  /* Override default CSS styles */
    appearance: none;
    -webkit-transition: .2s; /* 0.2 seconds transition on hover */
    transition: opacity .2s; 
    width: 100%; /* Full-width */
    height: 25px; /* Specified height */
    background: black;    outline: none; /* Remove outline */
    background-text:"Random";
    opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
}

.l3 {
	width:33.33%;
}

.l2 {
	with:66.66%;
}

/* Mouse-over effects */
.slider:hover {
    opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */ 
.slider::-webkit-slider-thumb {
    -webkit-appearance: none; /* Override default look */
    appearance: none;
    width: 25px; /* Set a specific slider handle width */
    height: 25px; /* Slider handle height */
    background: white;
    cursor: pointer; /* Cursor on hover */
}
.slider::-moz-range-thumb {
    width: 25px; /* Set a specific slider handle width */
    height: 25px; /* Slider handle height */
    background: white; /* Green background */
    cursor: pointer; /* Cursor on hover */
}