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{padding:2px 5px;text-decoration:none;color:#FFF !important;font-weight:normal !important;opacity:0.6;left:0;font-size:13px;right:auto;background:#000}
.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:10px auto 10px;text-align:center;user-select:none}
#previousSets{display:block;padding:0px 10px}
#previousSets span{background:#e1e3e1;padding:3px 8px;display:inline-block;font-family:"Arial Black",Gadget,sans-serif;border-radius:4px;margin:5px 3px;font-size:22px}
.wrapTitle{height:50px}
.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:44%;padding:0;margin:0 2%;display:inline-block}
input#title{display:none;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:rgba(255,255,255,0.8);width:200px;outline:none;line-height:200px;display:inline-block;border-radius:6px}
#deuceMarker{display:inline-block;position:absolute;z-index:99;text-transform:uppercase;background:#85a9c9;left:-50px;right:-50px;text-align:center;font-weight:bold;font-size:20px;top:-10px;padding:5px;border-radius:5px}
#deuceWrap{position:absolute;display:none;width:0px;height:0px;overflow:visible}
.itsDeuce #deuceWrap{display:inline-block}
#deuceWrap.hidden{display:none !important}
.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{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:20px;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;
    min-width: 15px;
    text-align: center;
    background: #EEE;
    padding: 0 7px;
    margin: 0 2px 4px;
    user-select: none;
}
#settings span.blinking{background:#980000;color:#FFF !important;box-shadow:1px 0px 9px #000 inset}
#settings span.active {
    background: #2b6293;
    color: #FFF;
    border-color: transparent;
}
#settings span:hover{box-shadow:1px 1px 4px #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 #deuceMarker{background:#545454;color:#FFF}
.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}
body.dark{background:#000}
.dark #deuceMarker{background:#FFF;color:#545454}
.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}
@media screen and (max-width:719px){.mobilehide{display:none !important}
#settings{background:#FFF;color:#333;position:absolute;bottom:0;left:15px;right:15px;padding:20px 10px 5px;line-height:20px;font-size:13px}
#deuceMarker{font-size:14px;left:-30px;right:-30px}
.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}
#settings > div#closeSettings{background:#ffabab}
#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){.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 (min-width:1019px){.scoreboard .set input{font-size:140px;width:200px;line-height:200px}
.scoreboard input{font-size:200px;width:278px;outline:none;line-height:278px}
.wrapNames input{font-size:65px}
.serve{height:36px;width:36px}
#previousSets span{font-size:35px}
}
@media screen and (min-width:1600px){.scoreboard .set input{font-size:160px;width:200px;line-height:200px}
.scoreboard input{font-size:300px;width:440px;outline:none;line-height:400px}
.wrapNames input{font-size:65px}
.serve{height:44px;width:44px}
#previousSets span{font-size:35px}
}
@media screen and (max-height:830px){.limitedHeight{max-height:350px;overflow:auto}
}
@media screen and (max-height:630px){#logo img{width:75px}
.limitedHeight{max-height:250px;overflow:auto}
.wrapTitle{height:auto;margin:5px auto}
}
@media screen and (max-height:430px){#logo img{width:60px}
.wrapTitle{display:none}
.wrapNames{margin-top:0}
#settings{font-size:12px}
.mobilehide{display:none !important}
}
@media screen and (max-height:300px){.limitedHeight{max-height:150px}
#settings input{font-size:14px}
}