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:rgb(105, 113, 107)}
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}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}
body{padding:10px 20px;font-family:arial}
.navigation{display:none}
.qc-cmp2-persistent-link{background:#000;padding:2px 5px;text-decoration:none;color:#FFF !important;font-weight:normal !important;opacity:0.5;left:0;font-size:13px;right:auto}
.qc-cmp2-persistent-link:hover{opacity:0.9}.adwrap{overflow:hidden;text-align:center}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}
.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}
#logo{float:left;margin:10px 10px 0;border-radius:7px}
#logo img{width:150px}
#article{display:none;font-weight:normal;font-size:14px;max-width:950px;line-height:16px;margin:auto}
#article img{float:right;margin:0 0 3px 10px;width:200px}
.scoreboard, .wrapNames, .wrapTitle, #previousSets{max-width:2000px;margin:0px auto 10px;text-align:center;user-select:none}
#previousSets{display:block;padding:0px 10px}
#previousSets span{background:#FFF;padding:3px 8px;display:inline-block;font-family:"Arial Black", Gadget, sans-serif;border-radius:4px;margin:5px 3px;font-size:40px}
#previousSets span strong{opacity:0.6}
.to1 > div.first, .to2 > div.first, .to2 > div.second {opacity:1 !important}
#to1, #to2{position:absolute;bottom:-40px;left:0;right:0;cursor:pointer}
#to1 > div, #to2 > div{display:inline-block;width:30px;height:30px;background:#FFF;border-radius:50px;opacity:0.3;margin:0 4px}
#to1:hover > div, #to2:hover > div{opacity:0.5}
.wrapTitle{}.serve{background:#000;position:absolute;bottom:11px;right:11px;font-size:30px;text-align:center;opacity:0;cursor:pointer;height:24px;width:24px;border-radius:50px}
.serve.serves{opacity:1}
.wrapNames input{color:#FFF;background:transparent;border:none;outline:none;font-size:50px;width:40%;padding:0;margin:0 2%;display:inline-block}
.wrapTitle{display:none}
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}
.wrapNames input#name1{text-align:right}
.scoreboard input{font-weight:bold;padding:0;text-align:center;font-size:140px;border:none;background:#FFF;width:200px;outline:none;line-height:200px;    display:inline-block;border-radius:6px}
.scoreboard .set input{font-size:80px;width:107px;line-height:100px;background:rgba(145, 192, 241, 0.7)}
.set, .score{display:inline-block;vertical-align:top;padding:5px;position:relative}
.overlay{position:absolute;top:0;left:0;right:0;bottom:0;cursor:pointer}
#settings{user-select:none;background:#FFF;color:#333;position:absolute;bottom:0;left:50px;right:50px;padding:20px 30px 5px;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:center;width:43px;font-size:16px;padding:0px 2px}
.settin{margin-bottom:10px}
#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.active{background:#85a9c9 !important}
#help{right:55px}
#fullScreen{right:20px}
#fullScreen svg{width:18px}
#closeSettings:hover, #fullScreen:hover, #help:hover{border-color:#0060af}
#wrapAll{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}
#settings span{display:inline-block;cursor:pointer;border:1px solid #999;border-radius:4px;background:#EEE;padding:0 7px;margin:0 2px 4px;user-select:none;box-shadow:1px 0px 9px #e3e6e8 inset}
#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}
.winner{background:url(winner.png) no-repeat top right transparent}
.loser input, input.loser{opacity:0.7}
.footnote{font-weight:normal;font-size:0.8em;text-align:center}
#openSettings{color:#FFF;position:absolute;bottom:200px;right:20px;font-size:40px;cursor:pointer;display:none}
#editValues{cursor:pointer;position:absolute;bottom:15px;right:30px;background:#85a9c9;border-radius:34px;height:35px;padding:10px;width:35px;text-align:center}
#editValues svg{width:30px;height:30px;fill:#FFF}
#editValues.active{background:#348cda !important;box-shadow:3px 3px 2px #333 inset}
#editValues:hover svg{fill:#000}
body.light{background:#FFF}
.light #time{background:#eee}
.light #logo{background:rgb(105, 113, 107);opacity:0.8}
.light #settings{background:#d7dde4}
.light .scoreboard .set input, .light .scoreboard input{background:#92c38d}
.light .scoreboard .set input#set2, .light .scoreboard input#score2{background:#c38d8d}
.light .wrapNames input, .light #title{color:#545454}
.light #openSettings{color:#000}
.light #to1 > div, .light #to2 > div{background:#000}
body.dark{background:#000}
.dark #time{background:#ccc}
.dark .scoreboard .set input, .dark .scoreboard input{background:#92c38d}
.dark .scoreboard .set input#set2, .dark .scoreboard input#score2{background:#c38d8d}
.dark .wrapNames input{color:#EEEEEE}
.dark .wrapNames input:nth-child(1){color:#EEEEEE}
.dark #openSettings{color:#FFF}
.dark #title{color:#ccc}
.dark #previousSets span{background:#a5a5a5}
.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}
#timerControls{position:absolute;bottom:5px;right:5px;font-size:18px;opacity:0}
#timerControls span{display:inline-block;cursor:pointer;padding:2px 4px;border-radius:5px;background:#000;color:#FFF;margin:0 3px}
#timerControls span:hover{background:#066777}
#time span#hundredth, #time span#timedivider2{display:none}
#wrapTimer{text-align:center;font-size:80px;font-weight:bold;font-family:"Arial Black", Gadget, sans-serif}
#time span{display:inline-block;float:left}
#timedivider1, #timedivider2{padding-left:10px;opacity:0.6;cursor:pointer}
#minutes, #seconds, #hundredth{width:120px;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}

@media screen and (max-width:719px){#time{display:none}
#minutes, #seconds, #hundredth{width:90px}
#wrapTimer{font-size:64px}
#to1 > div, #to2 > div{width:20px;height:20px}
#to1, #to2{bottom:-30px}
#timerControls{font-size:14px}
#timerControls span{margin:0 1px}
#settings{background:#FFF;color:#333;position:absolute;bottom:0;left:15px;right:15px;padding:20px 10px 5px;line-height:20px;font-size:15px}
.wrapNames input{font-size:25px}
.scoreboard .set input{font-size:44px;width:60px;line-height:60px}
.scoreboard input{font-size:80px;width:110px;outline:none;line-height:110px}
input#title{font-size:20px}
.wrapTitle{height:20px}
.serve{bottom:8px;right:8px;height:16px;width:16px}
#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}
.set, .score{padding:2px}
}
@media screen and (max-width:400px){#to1, #to2{bottom:-45px}
#to1 > div, #to2 > div{width:15px;height:15px}
.scoreboard .set input{font-size:32px;width:32px;line-height:35px}
.scoreboard input{font-size:35px;width:60px;outline:none;line-height:66px}
.serve{bottom:2px;right:2px;height:14px;width:14px}
#logo img{width:75px}
.wrapNames input{font-size:20px}
.set, .score{padding:0}
#previousSets span{padding:3px 3px;font-size:19px}
}

@media screen and (max-height:830px){
.limitedHeight{max-height:350px;overflow: auto}
}
@media screen and (max-height:500px){
.limitedHeight{max-height:300px}
}
@media screen and (max-height:450px){
.limitedHeight{max-height:180px}
}