@charset "utf-8"; 
html {-webkit-user-select: none; -ms-user-select: none; user-select: none; overflow-x: hidden; overflow-y: scroll;}
body { transition: box-shadow 5s, border-color 5s; margin: 0px auto; padding: 0px; font-family: Arial, Helvetica, sans-serif;}
#mobvid {}
.inputmob{font-weight: bold; border-radius: 0vw 0vw 5vw 0vw; margin: 0vw 0vw 0vw 2vw; font-size: 4vw; color: black; padding: 1vw; outline: none; background-color: #faebd7; border-color: #999; text-shadow: 0px 0px 0px white; width: 50vw;}
.mobheadp {}
.mobfade {margin-top: 1vw;transition: all 5s; } 
#buttons { transition: border-color 5s;}
.mobfull {transition: all 5s; width: 98vw; margin: 0vw auto; text-align: center;  display:none;}
.buttonstd {background-color: #F0F7FC; display: inline-block; border-radius: 5vw 5vw 5vw 5vw; border: #000A99 1vw solid; transition: border-color 5s;}
.borderstdbtm {width: 96vw; background-color: #F0F7FC; display: inline-block; border-radius: 5vw 5vw 5vw 5vw; border-top: #000A99 1vw solid; transition: border-color 5s;}
.borderstd {width: 96vw; background-color: #F0F7FC; display: inline-block; border-radius: 5vw 5vw 5vw 5vw; border: #000A99 1vw solid; transition: border-color 5s;}
.mobbutton {font-size: 5vw; position: relative; padding: 2vw; margin-left: 2vw;}
.mobcontbut {background: radial-gradient(silver, silver); margin: 2vw;display: inline-block; }
.mobcontbutbtm {background: radial-gradient(silver, silver); margin: 0vw;display: inline-block; }
.mobplayerbut {padding: 2vw; font-size: 6vw;}
.left {text-align: left;} .right{text-align: right;} .center{text-align: center;}
.fleft {float: left;} .fright{float: right;} .fclear{clear: both;}
.headstd {overflow: hidden; border-radius: 0px 0px 5vw 5vw; border: #000A99 1vw solid; border-bottom: #000A99 1vw solid;  transition: box-shadow 5s, border-color 5s;}
.webheader {}
.mobheader { width: 98vw; padding: 1vw 0px 2vw 0px; margin: 0vw auto; text-align: center; background-color: white; display:none;}
.mobmenu {margin-top: 2vw; border-top: blue 1vw solid; border-radius: 5vw 5vw 0vw 0vw; padding: 2vw; transition: border-color 5s;}
.box {margin: 0px auto; width: 80vw; padding: 2vw 5vw 2vw 5vw; border-radius: 5vw 5vw 5vw 5vw; border: #000A99 1vw solid; transition: box-shadow 5s, border-color 5s;}
.statbox {width: 80vw; padding: 2vw 5vw 2vw 5vw; border-radius: 5vw 5vw 5vw 5vw; transition: box-shadow 5s, border-color 5s;}
.statboxhead {text-align: left; border: 0px; border-bottom: #000A99 1vw solid; transition: border-color 5s;}
.link {color: blue; font-size: 4vw;}
.statboxbody {font-size: 6vw; padding: 2vw; border: 0px;  border-bottom: #000A99 1vw solid; transition: border-color 5s;}
.boxhead {text-align: left; border: 0px; border-bottom: #000A99 1vw solid; transition: border-color 5s;}
.boxbody {font-size: 6vw; padding: 2vw; border: 0px; border-bottom: #000A99 1vw solid; transition: border-color 5s;}
.boxfoot {}
.statboxfoot {}
#mob {display:none;}
.boxfoot {position: relative; padding: 10px; text-align: center;}
.statboxfoot { transition: border-color 5s; padding: 10px; text-align: right;}
.boxheadtext {font-size: 8vw;}
.podfoot {transition: all 5s;}
.mobspeedbut {padding: 5px;}
#runtime { transition: border-color 2s;}
#countdown {color: red;}
#error {color: red; text-align: center;font-size: 4vw;}
.timeholder {transition: all 1s; transition: color 5s; padding: 1vw 0px 4vw 0px; font-size: 6vw; margin: 2vw 0vw -2vw 0vw; width: 90vw;}
@media screen and (max-device-width: 999px) {#mob {display:block;} #web {display:none;}}

input[type='range'] {
    -webkit-appearance: none !important;
   
	margin:0px;
	padding:0px;
    background: silver;
    width:9vw;
    height:9vw;
	border:purple 4px solid;
	border-radius:10vw;
}
input[type='range']::-ms-fill-lower  {
	background:silver;
    
}
input[type='range']::-ms-fill-upper  {
	background:silver;
    
}
input[type='range']::-moz-range-track {
	border:none;
    background: orange;
    
}
input[type='range']::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    
    background: radial-gradient(blue, white);
    height:9vw;
    width:9vw;
	border-radius:10vw;
	cursor:pointer;
}
input[type='range']::-moz-range-thumb {
   
    background: radial-gradient(blue, white);
    height:9vw;
    width:9vw;
	border-radius:10vw;
	cursor:pointer;
}
input[type='range']::-ms-thumb {
    
    -webkit-appearance: none !important;
    background: radial-gradient(blue, whiteblue);
    height:9vw;
    width:9vw;
	border-radius:10vw;
	cursor:pointer;
}

input[type='range']::-webkit-slider-thumb:hover {background: radial-gradient(blue, lightblue);}
input[type='range']::-webkit-slider-thumb:active {background: radial-gradient(blue, #89D814);}
input[type='range']::-moz-range-thumb:hover {background: radial-gradient(blue, lightblue);}
input[type='range']::-moz-range-thumb:active {background: radial-gradient(blue, #89D814);}
input[type='range']::-ms-thumb:hover {background: radial-gradient(blue, #89D814);}
input[type='range']::-ms-thumb:active {background: radial-gradient(#89D814, #89D814);}