.version{width:2px}
.edited{font-family:"Comic Sans MS", cursive, sans-serif}
.savebox{display:block;padding:3px;min-height:28px;}
.entrant{width:320px;}
@media screen and (max-width: 799px){
.nomo{display:none}
.mobo{display:inline-block;margin-top:20px;z-index:99;}
.toplinks{display:none;background-color:#333;position:fixed;overflow-y:scroll;padding:2px;text-align:left;width:300px;margin-top:20px;border-radius:5px;box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);z-index:120;top:-30px;max-height:100vh}
.toplinks A{width:25px}
.alphabet{display: flex;justify-content: space-between;border-radius: 25px;}
.sbottom{display:block}
.content{width:calc(100vw - 30px);}
.rmenu-content a:link {  height:45px;display:inline-block;width:95%;padding-top:5px;color:#fff;white-space: nowrap;}
}
@media screen and (min-width:800px){
.mobo {display:none;}
.toplinks{position:relative;display:inline-block;overflow-y:auto;background-color:#333;margin:0;padding:2px;width:290px;height:90vh;border-radius: 12px;z-index:101;}
.content{width:calc(100vw - 330px);max-width:800px;display:inline-block;text-align:left;padding:2px;margin-left:300px}
.rmenu-content a:link {  height:25px;display:inline-block;width:95%;padding-top:5px;color:#fff;white-space: nowrap;}
}
.toplinks A:hover{color:#fff}

@media (min-height:600px) and (min-width:800px){
  .toplinks{position:fixed;}

}

.bar{display:inline-block;height:2px; background: linear-gradient(135deg, #600,#f00);}

.flags{color:#000;text-align:center;width:100%;font-size:16px;}
ul {list-style: none;}
em {font-weight:bold;font-style:italic;color: #fff}
ul li::before {content: "\25D4"; color: #f00; font-weight: bold; display: inline-block;width: 1em; margin-left: -1em;}
.editButton{float:right;font-size:14pt}
.redfont{color:#c00}
.entrant .redfont {color:#fcc}
.Cap{text-transform: capitalize;}
.name{font-size:10pt}
.toplinks A{text-decoration:none;background-color:#000;color:#fff;padding:7px;height:25px;border-radius: 5px;box-shadow: 0 4px 8px 0 rgba(0,0,0,1);display:block;margin:10px;width:250px;clear:left;}
.toplinks A:hover{background-color:#666}
.toplinks.lo A{background-color:#f00}
.toplinks p{background-color:#fff;color:#000;padding:7px;height:25px;border-radius: 5px;display:block;margin:10px;width:250px;clear:left;}

.mblack{text-decoration:none;background-color:#000;color:#fff;border-left:2px solid #999;opacity:0.8;font-size:12pt;}
.mfinal{padding:7px;height:25px;opacity:1;font-size:120%;border-radius: 5px;}
.mgrey{text-decoration:none;background-color:#333;color:#fff;padding:7px;height:25px;border-radius: 5px;box-shadow: 0 4px 8px 0 rgba(0,0,0,1);display:inline-block;margin:10px;clear:left;}
.mgrey:hover{background-color:#666}

.activehcap{background-color:#fff;color:#900;display:inline-block;}
h1 {display:block;clear:both;background-color:#000;color:#fff;font-size:130%;}
.help{background-color:#222;display:none;position:relative;top:-21px;padding:5px;color:#fff;padding-top:20px;margin-left:20px;;margin-right:10px;text-align: justify;text-justify: inter-word;}
.datetime{display:inline-block;width:100px}
body{font-family:Arial, Helvetica, sans-serif;font-size:120%;width:100%;text-decoration:none;background-color:#777}
A{color:#090;text-decoration:none; -webkit-touch-callout: none;-webkit-user-select: none; -khtml-user-select: none;-moz-user-select: none; -ms-user-select: none; user-select: none;}
A:hover{color:#0C0;}
.subtle{color:#666;font-size:75%}
A.timerimage {color:#fff;width:15px;font-size:60%;background-color:#f00;border-radius: 7px;padding:2px;font-weight:bold;}
.timer {display:block;width:120px;text-align:center;font-size:150%;padding:8px;border: solid thick #f00;margin: 0 auto;background-color:#fff;color:#000;border-radius: 25px;}
.minitimer {display:block;width:90px;text-align:center;font-size:120%;padding:5px;border: solid 2px #fc0;margin: 0 auto;background-color:#fff;color:#000;border-radius: 12px;}
.green {float:right;background-color:#090;color:#fff;border-radius: 18px; padding:15px;font-size:12pt;box-shadow: 0px 8px 16px 0px rgba(0,0,0,1);z-index:99;position:relative; }
.green:hover{background-color:#3B3;border-radius: 6px;color:#fff;}
.red {float:right;background-color:#900;color:#fff;border-radius: 18px; padding:15px;font-size:12pt;}
.rmini {background-color:#f00;color:#fff;padding:5px;border-radius: 12px;min-height:25px;margin: 2px;}
.rmini:hover{background-color:#900;border-radius: 6px;color:#fff;}
.wmini{background-color:#fff;color:#900;padding:10px;min-height:35px;margin: 2px;border-top-left-radius:6px;border-top-right-radius:6px;font-size:18pt;}
.wmini:hover{color:#f00;border-top-left-radius:3px;border-top-right-radius:3px}
.rbox {padding:5px;border: solid thin #f00;margin: 0 auto;color:#f00;background-color:#eee}
.gmini {text-align:center;background-color:#090;color:#fff;padding:5px;border-radius: 12px;box-shadow: 0px 4px 8px 0px rgba(0,0,0,1);display:inline-block;width:fit-content;min-height:25px;margin: 2px;}
.gmini:hover{background-color:#3B3;border-radius: 6px;color:#fff;}
.gmini:active{opacity:0;}
.bmini {background-color:#000;color:#fff;padding:5px;border-radius: 12px;width:fit-content;display:inline-block;}
.bmini:hover{background-color:#333;border-radius: 6px;}
.bmini:active{opacity:0;}
.rmenu {position: relative;display: inline-block;}
.comp{background-color:#fff;color:#000;border-bottom-left-radius:12px;border-bottom-right-radius:12px}
.rcomp{background-color:#fff;color:#000;border-radius:12px}
.sticky{position: sticky;top: 20px;z-index:49;}
.rc{background-color:#fff;padding:6px;border-radius: 12px;display:inline-block;}
sub{opacity:0.8;text-align:right}
sup{opacity:0.8;}
.es{background-color:#333;border-radius: 25px;}
input[type=text]{opacity:1;padding:3px;background: white;border:1px solid #003300;font-size:12pt;width:120px;border-radius: 5px;}
input[type=search]{opacity:1;padding:3px;background: white;border:1px solid #003300;font-size:12pt;width:120px;border-radius: 5px;}
input[type=number]{opacity:1;padding:3px;background: white;border:1px solid #003300;font-size:12pt;width:80px;border-radius: 5px;}
input[type=time]{opacity:1;padding:3px;background: white;border:1px solid #003300;font-size:12pt;width:90px;border-radius: 5px;}

input[type=password]{opacity:1;padding:3px;background: white;border:1px solid #003300;font-size:12pt;width:120px;border-radius: 5px;}
textarea { border: 1px solid #030; }
input[type=submit]{background:#3B3;font-size:12pt;padding:8px;color:#fff;border-radius: 25px;float:right;}
.mini{width:50px}
.middlin{width:100px}
.wholetime{width:100px;text-align: right;}
.rmenu-content {z-index:20;display:none;text-align:left;position: absolute;margin-left:-5px;background-color:#333;min-width:130px;max-width:270px;margin: 0 auto;padding: 5px; overflow-y:auto;border-radius: 12px;}
table{background:#fff;table-layout:fixed;}
td{text-align:center;}
tr{height:50px;}
tr:nth-child(even) {
    background-color: #eee
}
tr:nth-child(even) woohoo{
    background-color: #ecc
}
td midgrey{
    background-color: #f00
}


.errorField {border:3px solid #C00;box-shadow: 4px 4px #c00}
.tickField {border:2px solid #090;}


h2{font-size:16pt;color:#900}

.p {position:absolute}
.btw{font-size:8pt;opacity:0.7;}
.oos{background-color:#fff;border-radius: 5px;position:relative;top:-20px;font-size:10pt;padding:2px;padding-top:10px;}
.pyn{font-size:8pt;opacity:0.7;}
.fright {float:right;text-align:right;}
.floor {position: fixed;top: 0;left: 0;width: 100vw;height: 18px;opacity: 0.95;background-color:#000;z-index:5;color:#fff;font-size:9pt;white-space:nowrap;}
.blackband {height: 26px;line-height:22px;white-space: nowrap;opacity: 0.95;background-color:#000;color:#fff;font-size:15pt;display:block;z-index:1;width:100%;padding-top:7px;border-top-left-radius:12px;border-top-right-radius:12px;}
.addcom {width:100%;padding:0;background-color:#000;color:#fff;font-size:13pt;display:none;border-bottom-left-radius:12px;border-bottom-right-radius:12px}
.ajax{ width:0; height:0; border:0; visibility:hidden}
.woohoo{background-color:#fdd;}
.washed{text-decoration: line-through;}

.Hangonamo {
    border: 20px solid #090;
    border-top: 20px solid #0f0; 
    border-radius: 50%;
    width: 1px;
    height: 1px;
    animation: spin 1s linear infinite;
}

@keyframes loadbar {
  from {width:0;}
  to {width:100%;}
}

.refreshing {
    height:4px;
    position:relative;top:-39px;
    background: linear-gradient(135deg, #600,#090);
   overflow:hidden;
   animation: loadbar 10s linear infinite
}


.discard {
  position: relative;
}
.discard:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 1px solid;
  border-color: inherit;

  -webkit-transform:rotate(-20deg);
  -moz-transform:rotate(-20deg);
  -ms-transform:rotate(-20deg);
  -o-transform:rotate(-20deg);
  transform:rotate(-45deg);
}

.popover{visibility:hidden;width:320px;background-color:#fff;display:block;position:fixed;top:20px;left:calc(50vw - 165px);z-index:100;overflow:scroll;max-height:90vh;max-width:99vw;padding:10px;box-shadow: 0 0px 1px 100vh rgba(0,0,0,0.6);border-radius: 25px;height:contents;z-index:110;}
.recDot{display:inline-block;border-radius:10px;height:20px;width:20px;background-color:#f00}
.pright{text-align:left;width:115px;z-index:50;display:block;position:absolute;overflow:scroll;background-color:#fff;box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);border-bottom-left-radius:12px;border-bottom-right-radius:12px;}
.pright a{color:#000;}
    
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.alphabet{clear:left;position:relative;margin:0;text-align:left;width:100%;width:100%;border-radius: 25px;}
.alphabet a{display:inline-block;min-width:10px;margin:1px;padding:9px;text-decoration:none;color:#fff;font-size:13pt;}
select {border: 1px solid #990;background-color: white;font-size:12pt;height:35px;}
.sidewards{transform: rotate(270deg); transform-origin: 145% 100%; width: 40px; height: 40px;white-space:nowrap;}
.smallLaps{transform: rotate(270deg); transform-origin: 80% 100%;font-size:10pt;padding: 0; margin:-7px;border-spacing: 0;overflow:hidden;}

.g{border-left: 1px solid #090}
.r{border-left: 1px solid #f00}
.w{border-left: 1px solid #fff}
.y{border-left: 1px solid #fc6}
.textg{color:#090}
.textr{color:#f00}
.textw{color:#fff}
.texty{color:#fc6}

.flash {animation: blinker 1s linear infinite;}
@keyframes blinker {  
  50% { opacity: 0; }
}