/*
 * (C)2019 Bernd Schober, Garmisch-Partenkirchen, Germany
 */
 
html {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}

body {
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	background:#737373;
	
}

#stage {
	margin:0;
	border:0;
	width: 100%;
	height: 100%;
	position: relative;
	display: inline-block;
}

.abl {
	display:inline;
	float:right;
	text-decoration: none;
}

.toolbar {
	position: absolute; 
	display: block;
	width: 135px;
	top:5px;
	left:5px;
}

a {
	display: inline-block;
	margin: -1px;
	padding: 0;
	background: url("CAD-icons.png") #e5e9ea;
	overflow: hidden;
	height: 45px;
	width: 45px;
	border: 1px solid #404040;
}

a:hover, a:focus {
	border: 1px solid orange;
}

.va {background-position: 0 0;}
.ds {background-position: -47px 0 ;}
.sa {background-position: -94px 0;}
.di {background-position: 0px -47px;}
.iso {background-position: -47px -47px;}
.ax {background-position: -94px -47px;}
.ms1 {background-position: -47px -92px;}
.zen {background-position: -94px -135px;}
.rot {background-position: -94px -92px;}
.li1 {background-position: 0px -135px;}
.li2 {background-position: -48px -135px;}
.grd {background-position: 0px -92px;}
.inf {background: url("info.png") #e5e9ea;}

iframe {
	box-sizing: border-box;
	position:absolute;
	border:none;
	left:103px;
	top:4px;
	width:440px; 
	height:640px;
	border:1px solid #404040;
	box-shadow: 3px 3px 10px #404040;
}

.sliderBox_off {	
	visibility:hidden;
	position:absolute;
}

.sliderBox {
	visibility: visible;
	z-index: 1;
    box-sizing: border-box;	
	position: absolute;
	width: 500px;
	height: 38px;
	left: 103px;	
	padding: 9px 0 0 5px;
	background: #e5e9ea;
	font: 600 16px/18px "Open Sans","Trebuchet MS",sans-serif;
	color: #606060;
}

.sliderBox .rValue {
	position: absolute;
	left: 416px;
}

#hSlider_s.sliderBox {
	width: 440px;
}

#hSlider_s.sliderBox .rValue {
	left: 360px;
}

[type='range'] {
	margin: 0;
	padding: 0;
	position: absolute;
	top:  48%;
	left: 54%;
	width: 290px;
	height: 28px;
	transform: translate(-52%, -48%) rotate(0deg);
	background: transparent;
	outline: none;
}

#hSlider_s [type='range'] {
	left: 47.5%;
}

[type='range'], [type='range']::-webkit-slider-thumb {
	-webkit-appearance: none;
}

[type='range']::-webkit-slider-runnable-track {
	box-sizing: border-box;
	border: none;
	width: 290px;
	height: 4px;
	background: #aaa;
}

[type='range']::-moz-range-track {
	box-sizing: border-box;
	border: none;
	width: 290px;
	height: 4px;
	border-radius: 2px;
	background: #aaa;
}

[type='range']::-ms-track {
	box-sizing: border-box;
	border: none;
	width: 290px;
	height: 4px;
	background: #aaa;
}

[type='range']::-webkit-slider-thumb {
	margin-top: -12px;
	box-sizing: border-box;
	border: none;
	width: 28px;
	height: 28px;
	border-radius: 20%;
	background: #78b77c;
}

[type='range']::-moz-range-thumb {
	box-sizing: border-box;
	border: none;
	width: 28px;
	height: 28px;
	border-radius: 20%;
	background: #78b77c;
}

[type='range']::-ms-thumb {
	margin-top: 0;
	box-sizing: border-box;
	border: none;
	width: 28px;
	height: 28px;
	border-radius: 20%;
	background: #78b77c;
}

#hSlider [type='range']:focus::-webkit-slider-thumb {
	background:#78b77c url("cursor02.png") no-repeat;
}

#hSlider [type='range']:focus::-moz-range-thumb {
	background:#78b77c url("cursor02.png") no-repeat;
}

#hSlider [type='range']:focus::-ms-thumb {
	background:#78b77c url("cursor02.png") no-repeat;
}

#hSlider_s [type='range']:focus::-webkit-slider-thumb {
	background:#78b77c url("cursor02.png") no-repeat;
}

#hSlider_s [type='range']:focus::-moz-range-thumb {
	background:#78b77c url("cursor02.png") no-repeat;
}

#hSlider_s [type='range']:focus::-ms-thumb {
	background:#78b77c url("cursor02.png") no-repeat;
}