html {margin:0; padding:0; font-family:Arial,Tahoma; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; -webkit-tap-highlight-color:rgba(0,0,0,0)} .fleft {float:left}.fright {float:right}.tenright {box-shadow:3px 0 3px 0}.ften {box-shadow:-2px 2px 4px 2px black}.fnt6 {font-size:6pt}.fnt7 {font-size:7pt}.fnt8 {font-size:8pt}.fnt9 {font-size:9pt}.fnt10 {font-size:10pt} .fnt11 {font-size:11pt} .fnt12 {font-size:12pt} .fnt14 {font-size:14pt} .fnt16 {font-size:16pt}.fnt18 {font-size:18pt}.fnt20 {font-size:20pt}.fnt21 {font-size:21pt} .fnt22 {font-size:22pt} .fnt24 {font-size:24pt} .fnt26 {font-size:26pt}.fnt28 {font-size:28pt}.fnt30 {font-size:30pt}.fnt32 {font-size:32pt}.fnt34 {font-size:34pt}.fnt36 {font-size:36pt}.fnt38 {font-size:38pt}.fnt42 {font-size:42pt}.fnt46 {font-size:46pt}.fnt48 {font-size:48pt}.fnt52 {font-size:52pt}.fnt56 {font-size:56pt}.fnt58 {font-size:58pt}.fnt64 {font-size:64pt}.fnt68 {font-size:68pt}.fnt72 {font-size:72pt}.fnt90 {font-size:90pt}.fnt120 {font-size:120pt}.fnt150 {font-size:150pt}.fntsz60 {font-size:60%}.fntsz70 {font-size:70%}.fntsz80 {font-size:80%}.fntsz90 {font-size:90%}.fclrBlue {color:blue}.fclrRed {color:red}.fclrWhite {color:white}.fclrBlack {color:black}.fclrGreen {color:green}.fclrGray {color:gray} .fntbld {font-weight:bold} #progresf {display:inline-block; padding:24px; background-color:rgba(0,10,100,0.95); color:white; border:3px solid blue; border-radius:16px; position:fixed; top:16px; left:188px; cursor:pointer; max-width:calc(100% - 64px); transition-timing-function:ease-in; transition:all 0.9s; width:auto; height:auto; z-index:1000; font-weight:bold; box-shadow:0 0 6px 6px rgba(0,0,0,0.8)} .rndmen {display:inline-block; border-radius:50%; border:3px ridge gray; text-align:center; background-position:center; background-size:65%; background-repeat:no-repeat} .rndmen:active {box-shadow:inset 2px 2px 2px 4px black}.inputback {top:0; left:0; z-index:1000; width:100%; min-height:100%; height:100%; background-color:rgba(0,0,150,0.9); background-repeat:no-repeat; background-position:center center; display:inline-block; position:fixed; color:white; text-align:center; vertical-align:middle; overflow-y:scroll; font-weight:normal} #bigload {background-image:url(img/anikluch.gif),radial-gradient(white 100px,transparent); display:none; background-position:center center; background-size:15% 15%,100% 100%; z-index:99999; background-color:transparent}#danetbox {background-color:rgba(0,100,0,0.2); display:none; z-index:9999} #danetmobi {display:inline-block; position:fixed; z-index:1; text-align:center; background-color:#4169e2; width:calc(100% - 88px); height:auto; top:-800px; left:44px; color:white; border:5px double white; border-radius:24px; box-shadow:1px 1px 36px 8px black; transition-timing-function:ease-in; transition:all 0.6s} .ttknops {padding:24px; border-radius:32px; border:3px solid blue; margin:8px; background-color:rgba(0,0,0,0.3); color:white; background-repeat:no-repeat; background-position:center center; background-size:auto 80%; cursor:pointer; width:auto; display:inline-block} .ttknops:active {box-shadow:3px 3px 5px 5px black inset; text-shadow:1px 1px 1px black; color:red}.closeknopD {width:120px; height:120px; border-radius:50%; float:right; right:10px; top:10px; cursor:pointer; position:fixed; border:0 dotted red; font-size:42pt; text-align:center; vertical-align:middle; background-image:url(img/close.gif); background-position:center center; background-size:100% 100%; background-color:silver} .closeknopD:active {background-color:red} input:focus {background-color:#adeeff} input[type=range] {-webkit-appearance:none; margin:24px 0}input[type=range]:focus {outline:none}input[type=range]::-webkit-slider-thumb {box-shadow:1px 1px 1px rgba(0,0,0,0.54),0px 0 1px rgba(13,13,13,0.54); border:3px solid #000000; height:77px; width:77px; border-radius:50%; background-color:#55ddff; background-image:radial-gradient(#55ddff,#0081b5,#0081b5); cursor:pointer; -webkit-appearance:none; margin-top:-32px}input[type=range]::-moz-range-track {width:100%; height:36px; cursor:pointer; box-shadow:1px 1px 1px #000000,0px 0 1px #0d0d0d; background:black; border-radius:1.3px; border:0 solid #010101; transition-timing-function:ease-in; transition:all 0.3s}input[type=range]::-moz-range-thumb {box-shadow:1px 1px 1px rgba(0,0,0,0.54),0px 0 1px rgba(13,13,13,0.54); border:2px solid #000000; height:77px; width:77px; border-radius:50%; background:#55ddff; cursor:pointer; transition-timing-function:ease-in; transition:all 0.3s}.cmn-toggle {position:absolute; margin-left:-9999px; visibility:hidden}.cmn-toggle + label {display:block; position:relative; cursor:pointer; outline:none; user-select:none}input.cmn-toggle-round + label {padding:2px; width:120px; height:60px; background-color:#dddddd; border-radius:60px}input.cmn-toggle-round + label:before,input.cmn-toggle-round + label:after {display:block; position:absolute; top:1px; bottom:1px; left:1px; content:""}input.cmn-toggle-round + label:before {right:1px; background-color:#f1f1f1; border-radius:60px; transition:background 0.4s}input.cmn-toggle-round +label:after {width:58px; background-color:#fff; border-radius:100%; box-shadow:0 2px 5px rgba(0,0,0,0.3)}input.cmn-toggle-round:checked + label:before {background-color:#8ce196}input.cmn-toggle-round:checked + label:after {margin-left:60px}input.cmn-toggle-round-flat + label {padding:2px; width:120px; height:60px; background-color:#dddddd; border-radius:60px; transition:background 0.4s}input.cmn-toggle-round-flat + label:before,input.cmn-toggle-round-flat + label:after {display:block; position:absolute; content:""}input.cmn-toggle-round-flat + label:before {top:2px; left:2px; bottom:2px; right:2px; background-color:#fff; border-radius:60px; transition:0.4s}input.cmn-toggle-round-flat + label:after {top:4px; left:4px; bottom:4px; width:52px; background-color:#dddddd; border-radius:52px; transition:margin 0.4s,background 0.4s}input.cmn-toggle-round-flat:checked + label {background-color:#8ce196}input.cmn-toggle-round-flat:checked + label:after {margin-left:60px; background-color:#8ce196}