@font-face{font-family:"D7MB";src:url("font/DSEG7Classic-Bold.woff") format('woff')}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1; background:#EEE}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent; color:#1616a9}
del{text-decoration:line-through}
.qc-cmp2-persistent-link{padding:2px 5px;text-decoration:none;color:#FFF !important;font-weight:normal !important;opacity:0.4;right:auto;font-size:13px;background:#000;left:0;bottom:0}
.qc-cmp2-persistent-link:hover{opacity:0.8}
.gethelp.active{background: #5b8a67;color: #FFF}
.adwrap{max-width:100%;overflow:hidden;max-height:260px;text-align:center;clear:both}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle; font-family:"Arial Black", Gadget, sans-serif}
strong{font-weight:bold}
h1{font-size:2em}
.highlightedSection{background:rgba(106,187,176,0.2);padding: 4px;}
body{padding:10px 20px;font-family:arial;user-select:none}
.navigation{display:none}
h1{margin:0 0 10px;font-size:20px}
h2{margin:12px 0 6px;font-size:18px}
h3{margin:20px 0 5px;font-size:17px}
p{margin:0 0 10px;font-size:14px;line-height:16px}
.inline{display:inline-block}
.wrapsettin .inline{margin:2px 15px}
.aligncenter{text-align:center}
.bigButton{text-decoration:none !important;font-size:22px;background:#5b8a67;color:#FFF !important;display:inline-block;padding:5px 12px;cursor:pointer;margin:5px 10px 10px;border-radius:20px;font-weight:bold;line-height:25px}
.bigButton.closeSettings{background:#d63737}
input{padding:0}
.clearboth{clear:both}
.clearfix:after{clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}
a#moreLink{float:right;font-size:20px;color:#444;padding:10px 20px;text-decoration:none;font-weight:bold;opacity:0.9}
a#moreLink:hover{opacity:1}
#logo{float:left;margin:10px;border-radius:7px}
#logo img{width:150px;border-radius:10px}
#article{display:none;font-weight:normal;font-size:14px;line-height:16px;margin:auto}
#article img{float:left;margin:0 20px 3px 0px;width:250px}
.wrapTitle{display:none}
.scoreboard{display:none;position:relative;color:#444;padding-top:20px;margin-bottom:20px}
.settin em{font-style:normal}
.input, .newinput{font-size:200px;font-family:"Arial Black", Gadget, sans-serif;background:#FFF;font-weight:bold;position:relative;border-radius:10px;padding:20px 40px;min-width:280px;margin:10px}
#setFont1{font-family:D7MB}
#setFont2{font-family:"Arial Black", Gadget, sans-serif}
#setFont3{font-family:Verdana, Geneva, sans-serif}
#setFont4{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif}
#setFont5{font-family:"Courier New", Courier, monospace}
input#title{color:#FFF;background:transparent;border:none;outline:none;font-size:30px;width:100%;text-align:center;padding:0;font-family:arial;margin:0}
.editing .overlay{display:none}
.editing input{text-shadow:4px 4px 0 #888}
.scoreboard input{font-weight:bold;text-align:center;font-size:90px;padding:0;border:none;vertical-align:middle;background:transparent;color:#F0F0F0;width:300px;outline:none;line-height:110px;display:inline-block}
.overlay{position:absolute;top:0;left:0;right:0;bottom:0;cursor:pointer}
#countDown{min-width:90px}
#settings{background:rgba(255,255,255,0.9);text-align:left;color:#333;position:absolute;z-index:11;bottom:0;left:50px;right:50px;padding:15px 30px 8px;border-radius:10px 10px 0 0;font-weight:bold;line-height:18px;font-size:15px;border:3px solid #222;border-bottom:none}
#settings input{color:#333;border:1px solid #999;border-radius:4px;text-align:left;width:80px;font-size:16px;padding:0 0 0 10px}
.settin{margin-bottom:10px;display:block;text-align:center}
#closeSettings, #fullScreen, .help{cursor:pointer;display:inline-block;border:3px solid #000000;width:29px;height:29px;text-align:center;line-height:29px;color:#FFF;background-color:#ffffff;font-weight:bold;font-size:29px;border-radius:20px;position:absolute;color:#000000;top:-18px;right:-15px}
.help{right:55px}
.help svg{width:22px;display:inline-block;margin-top:3px}
#fullScreen{right:20px}
#fullScreen svg{width:18px}
#closeSettings{background:#ff7a7a}
#closeSettings:hover, #fullScreen:hover, .help:hover{border-color:#0060af}
#wrapAll{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;text-align:center}
#settings span{display:inline-block;cursor:pointer;border:1px solid #999;border-radius:4px;vertical-align:middle;background:#EEE;padding:0 7px;text-align:center;margin:0 2px 4px;user-select:none;box-shadow:1px 0px 9px #e3e6e8 inset}
#settings span.startStopTimer{min-width:50px}
#settings span.blinking{background:#980000;color:#FFF !important;box-shadow:1px 0px 9px #000 inset}
#settings span.active{background:#FFF}
#settings span:hover{box-shadow:0px -2px 5px #ccc inset !important;color:#000}
.loser input, input.loser{opacity:0.7}
.footnote{font-weight:normal;font-size:0.8em;text-align:center}
#openSettings{color:#000;background:#FFF;position:absolute;bottom:200px;right:20px;padding:0 15px;font-size:50px;cursor:pointer;display:none;border-radius:10px}
#openSettings svg{fill:#333333;width:30px;height:30px}
.wrapColorPicker{display:inline-block}
div.colorPicker-picker{height:16px;width:40px;padding:0 !important;border:1px solid #444;cursor:pointer;border-radius:4px;line-height:16px;font-size:0.75em;font-weight:bold;text-align:center}
div.colorPicker-palette{width:110px;position:absolute;border:1px solid #598FEF;background-color:#EFEFEF;padding:2px;z-index:9999}
div.colorPicker_hexWrap{width:100%;text-align:center}
div.colorPicker_hexWrap label{display:none}
div.colorPicker_hexWrap input{margin:5px auto 2px;padding:0;font-size:14px;border:1px solid #7d7c7c;max-width:80%;text-align:center;text-transform:uppercase}
div.colorPicker-swatch{height:12px;width:12px;border:1px solid #000;margin:2px;float:left;cursor:pointer;line-height:12px}
input.normalInput{font-size:050px}
.reSetOptions{position:absolute;bottom:5px;right:15px;font-size:18px;opacity:0}
.reSetOptions span{display:inline-block;cursor:pointer;padding:2px 3px;border-radius:5px;background:#000;color:#FFF;margin:0 2px}
.reSetOptions span:hover{background:#066777}
#timerControls{position:absolute;bottom:5px;right:5px;font-size:18px;opacity:0}
#time #timerControls span{display:inline-block;font-family:arial;cursor:pointer;padding:2px 3px;border-radius:5px;background:#000;color:#FFF;margin:0 2px}
#timerControls span:hover{background:#066777}
#time span#hundredth, #time span#timedivider2{display:none}
#wrapWrapTimer{min-height:150px}
#wrapTimer{display:none;text-align:center;font-size:80px;font-weight:bold;font-family:"Arial Black", Gadget, sans-serif}
#time span{display:inline-block;float:left;font-family:D7MB}
#timedivider1, #timedivider2{padding-left:10px;opacity:0.6;cursor:pointer}
#minutes, #seconds, #hundredth{width:145px;text-align:left}
#minutes{text-align:right}
#time{display:inline-block;background:#FFF;padding:10px;border-radius:10px;position:relative}
#timerButtons{text-align:center;padding-top:20px}
#timerButtons span{display:inline-block;background:#d1e5ff;padding:3px 10px;border-radius:5px;font-weight:bold;cursor:pointer;font-size:20px}
.clickInput{display:inline-block;vertical-align:middle;padding:0;position:relative;margin:20px;height:260px;overflow:hidden;border-radius:10px}
.default .clickInput{background:#BBB}
body.image{background:url(bg.jpg) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.image #openSettings svg{fill:#22FF00}
.image .input, .image .newinput, .image #time{background:rgba(0,0,0,0.5);color:#22FF00;font-family:D7MB}
.image #logo{background:rgba(34, 255, 0, 0.6)}
.image a#moreLink{color:#22FF00;}
.image #openSettings{color:#2f0;background:#000}
body.dark{background:#222}
.dark #openSettings svg{fill:#000}
.dark .input, .dark .newinput{background:#000;color:#888;font-family:Verdana, Geneva, sans-serif}
.dark a#moreLink{color:#DDD}
.dark #logo{background:rgba(255,255,255,0.5)}
.dark #openSettings{color:#000;background:#888}
.dark #time{background:#888888;color:#000000}
body.colorful{background:#66b9b9}
.colorful #openSettings svg{fill:#222}
.colorful .clickInput{background:#ffe200}
.colorful #openSettings{color:#5b8888;background:#ffe200}
.colorful .input, .colorful .newinput{background:#5b8888;color:#ffe200;font-family:"Courier New", Courier, monospace}
.colorful a#moreLink{color:#ffe200}
.colorful #time{background:#5b8888;color:#ffe200}
.tooltipScoreClick{position:absolute;background:#5b8a67;top:-15px;left:50%;font-weight:bold;font-size:23px;border-radius:40px;padding:10px 30px;color:#fff;z-index:9}
.tooltipScoreClick span{display:inline-block;background:#eee;border:1px solid #555;padding:2px 10px;box-shadow:-1px -1px 3px 2px #888 inset;border-radius:7px;color:#444;font-size:0.8em}
.tooltipScoreClick em{font-style:normal}
.tooltipScoreClick div{width:30px;height:30px;background:#5b8a67;position:absolute;border-radius:1px 0px 40px 0px;bottom:-26px;left:35px}
@media screen and (max-width:850px), (max-height:840px){.tooltipScoreClick em{display:none}
.input, .newinput{font-size:160px;padding:20px;min-width:265px;margin:10px}
#wrapWrapTimer{min-height:120px}
#article img{margin:0 15px 3px 0px;width:125px}
#article, .wrapsettin{max-height:300px;overflow-y:auto}
}@media screen and (max-width:650px), (max-height:760px){.input, .newinput{font-size:110px;padding:20px;min-width:265px;margin:10px}
.clickInput{margin:10px}
.tooltipScoreClick{font-size:18px;padding:10px}
#wrapTimer{font-size:50px}
#minutes, #seconds, #hundredth{width:100px}
#wrapWrapTimer{min-height:80px}
}@media screen and (max-width:460px), (max-height:700px){#wrapWrapTimer{min-height:10px}
.input, .newinput{font-size:80px;min-width:180px}
#article img{display:none}
}@media screen and (max-width:720px), (max-height:800px){/*menu controls to bottom*/#settings{background:#FFF;color:#333;position:absolute;bottom:0;left:15px;right:15px;padding:20px 10px 5px;line-height:20px;font-size:15px}
#settings span{padding:0 10px;margin:0 3px 3px}
#settings > div{margin-bottom:5px}
#logo img{width:100px}
#closeSettings{top:auto;right:-15px;bottom:5px}
#fullScreen{top:auto;right:-15px;bottom:38px}
#editValues{bottom:15px;right:30px}
.help{top:auto;right:-15px;bottom:71px}
#openSettings{bottom:20px}
}@media screen and (max-width:400px){#logo img{width:75px}
}