* {
    box-sizing: border-box;
    overflow: hidden;
	-webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */	
	-ms-overflow-style: none;
	scrollbar-width: none;
	overflow: scroll;
}	
*::-webkit-scrollbar {
		display: none;
}
	
body {
    font-family: Courier Prime, monospace;
    font-size: 15px;
    padding: 0;
    margin: 0;
    width: 100vw;
    cursor: Default;
	background-color: rgb(240,240,240);
}


@media (orientation: landscape) {
}

@media (orientation: portrait) {
}

.bo {
	font-weight: bold;
}

.but {
	cursor: pointer;
}

.cont {
    font-family: Courier Prime, monospace;
    font-size: 15px;
    padding:0;
    margin:0 0 4px 0;
    width: 100vw;
    cursor: Default;
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: center;
	background-color: transparent;
}

mm {
    font-family: Courier Prime, monospace;
    font-size: 15px;
    padding:0;
    margin: 0;
    width: 100vw;
    cursor: Default;
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: center;	
}

hdr {
    font-family: Courier Prime, monospace;
	background-color: white;
    font-size: 15px;
    padding:0 4px 0 4px;
    margin: 0;
    width: 100vw;
    cursor: Default;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;	
	background-color: white;
}

mhdr {
    font-family: Courier Prime, monospace;
	color: black;
	font-weight: bold;
    font-size: 15px;
    padding:0 4px 0 4px;
    margin: 0;
    width: 100vw;
    cursor: Default;
	display: flex;
	flex-direction: row;
	justify-content: start;
	align-items: start;
}

s1 {
	display: inline-block;
	width: 50%;
	text-align: right;
	padding: 4px;
}
s2 {
	display: inline-block;
	width: 50%;
	text-align: left;
	padding: 4px;
}

tours {
    font-family: Courier Prime, monospace;
	background-color: transparent;
    font-size: 15px;
    padding:0;
    margin: 0;
    width: 100vw;
    cursor: Default;
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: center;	
}

tour {
    font-family: Courier Prime, monospace;
    font-size: 15px;
    width: calc(100% - 8px);
	margin-top: 4px;
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: center;
	font-weight: bold;
	cursor: pointer;
}

.new {
	border: solid black 1px;
	color: black;
	background-color: transparent;
}

.hlt {
	background-color: rgb(228,228,228);
}

ttl {
	border: solid black 1px !important;
	font-weight: bold;
	display: inline-block;
	margin: 4px 0 4px 0;
	padding: 4px;
}

login {
    font-family: Courier Prime, monospace;
    font-size: 15px;
    padding: 0;
	background-color: rgb(218, 247, 166);
    margin: 0;
    width: 100vw;
    cursor: Default;
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: center;	
}
touroptions {
    font-family: Courier Prime, monospace;
	background-color: transparent;
    font-size: 15px;
    margin: 0;
    width: 100%;
    cursor: Default;
	display: flex;
	flex-direction: row;
	justify-content: start;
	align-items: center;	
}

stageoptions {
    font-family: Courier Prime, monospace;
	background-color: transparent;
    font-size: 15px;
    margin: 0;
    width: 100%;
    cursor: Default;
	display: flex;
	flex-direction: row;
	justify-content: start;
	align-items: center;	
}

touroption {
	padding: 4px;
	margin: 4px 4px 0 0;
	border: solid black 1px;
	cursor: pointer;
}

touroption[sel=yes] {
	background-color: rgb(192,192,192);
	font-weight: bold;
}

stageoption {
	padding: 4px;
	margin: 4px 4px 0 0;
	border: solid black 1px;
	cursor: pointer;
}

stageoption[sel=yes] {
	background-color: rgb(192,192,192);
	font-weight: bold;
}


toursettings, stagesettingsgroup, opts, pots, grps {
    font-family: Courier Prime, monospace;
	background-color: transparent;
    font-size: 15px;
    margin: 0;
    width: 100%;
    cursor: Default;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;	
}

pots, grps {
	border: solid black 1px;
	margin: 4px 0 0 0 !important;
	padding: 0 4px 4px 0;
	justify-content: start !important;
	align-items: start !important;
	flex-wrap: wrap;
}

team[sl=yes] {
	border: solid red 1px;
}

pot[sl=yes] {
	border: solid deeppink 1px;
}

pots[sl=yes] {
	border: solid deeppink 1px;
}

grp[sl=yes] {
	border: solid magenta 1px;
}

grps[sl=yes] {
	border: solid magenta 1px;
}

stagesettings, teams {
    font-family: Courier Prime, monospace;
	background-color: transparent;
    font-size: 15px;
    padding:0;
    width: 100%;
    cursor: Default;
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: center;	
}

groups { 
    font-family: Courier Prime, monospace;
	background-color: transparent;
    font-size: 15px;
    padding: 0 0 4px 0;
    width: 100%;
    cursor: Default;
	display: flex;
	flex-direction: row;
	justify-content: start;
	align-items: start;
	max-height: calc(50% - 18.5px);
	border-top: solid black 1px;
	flex-wrap: wrap;
}

moptions {
    font-family: Courier Prime, monospace;
	background-color: transparent;
    font-size: 15px;
    padding: 0 0 4px 0;
    width: 100%;
    cursor: Default;
	display: flex;
	flex-direction: row;
	justify-content: start;
	align-items: start;
	border-top: solid black 1px;
	flex-wrap: wrap;
}

matches {
    font-family: Courier Prime, monospace;
	background-color: transparent;
    font-size: 15px;
    padding:0 0 4px 0;
    width: 100%;
    cursor: Default;
	display: flex;
	flex-direction: column;
	justify-content: start;	
	align-items: start;
	max-height: calc(50% - 18.5px);
	border-top: solid black 1px;
	border-bottom: solid black 1px;
}

magr {
    font-family: Courier Prime, monospace;
	background-color: transparent;
    font-size: 15px;
    padding-top: 4px;
    width: 100%;
    cursor: Default;
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: center;		
	height: calc(100vh - 130px);
}

.dr {
	border: solid orange 1px !important;
	color: orange !important;
}

pot, grp {
    font-family: Courier Prime, monospace;
	background-color: transparent;
    font-size: 15px;
    padding: 4px;
	margin: 4px 0 0 4px;
    width: calc(25% - 4px);
    cursor: Default;
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: center;
	border: solid black 1px;
}

team {
    font-family: Courier Prime, monospace;
	background-color: transparent;
    font-size: 15px;
	margin: 4px 0 0 0;
    padding: 4px;
    width: 100%;
    cursor: Default;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	border: solid black 1px;
}


stages {
    font-family: Courier Prime, monospace;
	background-color: transparent;
    font-size: 15px;
    padding:0;
    margin: 0;
    width: 100%;
    cursor: Default;
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: center;	
}

stage {
    font-family: Courier Prime, monospace;
    font-size: 15px;
    margin: 4px 0 0 0;
    width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: center;
	font-weight: bold;
	cursor: pointer;	
}

stageheader {
	display: block;
	width: 100%;
	text-align: center;
	padding: 4px;
}

tourheader {
	display: block;
	width: 100%;
	text-align: center;
	padding: 4px;
}

play {
    font-family: Courier Prime, monospace;
    font-size: 15px;
    padding:0;
    margin: 0;
    width: 100vw;
	height: 100vh;
    cursor: Default;
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: start;	
	position: absolute;
	top: 0;
	left: 0;
	background-color: white;
}

#logout, #deltour, #rdeltour, #backstage, #rbackstage {
	color: rgb(198, 40, 40);
}

#login, #nodeltour, #tourns, #nobackstage {
	color: rgb(25, 111, 61);
}
#backtostage {
	color: tomato;
	border: solid tomato 1px;
}

.ib {
	display: inline-block;
	vertical-align: bottom;
}

.lf {
	text-align: left;
}
.ce {
	text-align: center;
}
.ri {
	text-align: right;
}

.tp {
	background-color: transparent !important;
}

@media (hover:hover) {

}

.dn {
	display: none;
}

.vh {
	visibility: hidden;
}

.inptf {
	font-family: Courier Prime, monospace;
    font-size: 15px;
	border: none;
	margin: 4px 4px 0 0;
	padding: 4px;

}

.inptff {
	font-family: Courier Prime, monospace;
    font-size: 15px;
	border: none;
	margin: 4px;
	padding: 4px;
}
.inptg {
	font-family: Courier Prime, monospace;
    font-size: 15px;
	margin: 0;
	padding: 4px;
	border: solid rgb(198, 40, 40) 1px;
}

.inpth {
	font-family: Courier Prime, monospace;
    font-size: 15px;
	margin: 0;
	padding: 4px;
	border: solid rgb(25, 111, 61) 1px;
}

.inptss {
	font-family: Courier Prime, monospace;
    font-size: 15px;
	margin: 4px 4px 0 0;
	padding: 4px;
	color: rgb(69, 112, 255);
	border: solid rgb(69, 112, 255) 1px;
	cursor: pointer;
}

.inpts {
	font-family: Courier Prime, monospace;
    font-size: 15px;
	padding: 4px;
	margin: 4px 4px 0 0;
	border: solid black 1px;
	font-weight: bold;
	cursor: pointer;
}

.inpts[sel=yes] {
	background-color: rgb(192,192,192);
}

.inpt1 {
	font-family: Courier Prime, monospace;
    font-size: 15px;
	margin: 4px 4px 0 0;
	padding: 4px;
	color: black;
	border: solid black 1px;
	cursor: pointer;	
}

.inpt1sl {
	font-family: Courier Prime, monospace;
    font-size: 15px;
	margin: 4px 4px 0 0;
	padding: 4px;
	color: black;
	border: solid red 1px;
}

select, select:disabled {
	font-family: Courier Prime, monospace;
    font-size: 15px;
	border: solid transparent 1px;
	margin: 4px 4px 0 0;
	padding: 4px;
	background-color: white;
	color: black;
	opacity: 1;
}

input, input:disabled {
	font-family: Courier Prime, monospace;
    font-size: 15px;
	border: solid transparent 1px;
	margin: 4px 4px 0 0;
	padding: 4px;
	width: 40%;
	background-color: white;
	color: black;
	opacity: 1;
}

.inputteamname {
	font-family: Courier Prime, monospace;
    font-size: 10px !important;
	border: solid transparent 1px;
	margin: 0 !important;
	padding: 4px;
	width: calc(80% - 4px) !important;
	background-color: white;	
}
.inputteamqual {
	font-family: Courier Prime, monospace;
    font-size: 10px !important;
	border: solid transparent 1px;
	margin: 0 !important;
	padding: 4px;
	width: 20% !important;
	background-color: white;
	text-align: center !important;
}

input[type=color] {
	width: 6% !important;
	padding: 0 !important;
	border: solid black 1px !important;
}

.inpt {
	font-family: Courier Prime, monospace;
    font-size: 15px;
	border: none;
	margin: 4px 4px 0 0;
	padding: 4px;
}

.left {
	justify-content: start !important;
}

input:focus, select:focus {
	outline: none;
}

txt {
	display: inline;
	font-family: Courier Prime, monospace;
    font-size: 15px;
	border: solid black 1px;
	margin: 4px 4px 0 0;
	padding: 4px;
	background-color: transparent;
}

.stageopt {
	font-family: Courier Prime, monospace;
    font-size: 15px;
	border: solid transparent 1px;
	margin: 4px 4px 0 0;
	min-width: 22%;
	max-width: 22%;
	background-color: white;
	min-height: 26px;
	max-height: 26px;
}

lab {
	display: inline-block;
	text-align: right;
	font-family: Courier Prime, monospace;
    font-size: 15px;
	border: solid transparent 1px;
	margin: 4px 0 0 0;
	padding: 4px;
	min-width: 22%;	
	max-width: 22%;
	background-color: transparent;
}

.wrap {
	flex-wrap: wrap;
	justify-content: center;
}

.lbl {
	font-family: Courier Prime, monospace;
    font-size: 10px;
	font-weight: bold;	
}

group {
	display: inline-table;
	border-collapse: collapse;
	margin: 4px 4px 0 0;
}

groupheader {
	display: table-row;
	background-color: rgb(192,192,192);
}

teamrow {
	display: table-row;
	background-color: white;
}

tc {
	display: table-cell;
	border: solid black 1px;
	padding: 2px;
	font-size: 11px;
	text-align: center;	
}
tin {
	display: block;
	max-height: 12.67px;
	padding: 0;
}

tc[htp="groupname"] {
	cursor: Pointer;
}

match {
	display: inline-table;
	border-collapse: collapse;	
	font-size: 12px;
	font-weight: normal;
	margin: 4px 0 0 0;
	padding: 0;
}
match[prevstg=yes] {
	opacity: 0.5;
}

match[selm=yes] > mr > mc {
	border: solid red 1px;
}

mr {
	display: table-row;
}

mc {
	display: table-cell;
	text-align: center;
	background-color: white;
	margin: 0;
	padding: 2px;
	width: 16px;
	max-width: 16px;
	font-weight: bold;	
	border: solid black 1px;
	vertical-align: middle;
}
.md {
	width: 28px;
	max-width: 28px;
	background-color: transparent !important;
}
.mgr {
	width: 28px;
	max-width: 28px;
	background-color: rgb(192,192,192);
}

.fin,.st {
	width: 48px;
	max-width: 48px;
	background-color: rgb(192,192,192);
}

.nfin {
	font-weight: normal !important;
}

.homet {
	color: blue !important;
}
.awayt {
	color: red !important;
}
	
.ht {
	width: 68px;
	max-width: 68px;
	text-align: center !important;
}
.at {
	width: 68px;
	max-width: 68px;
	text-align: center !important;
}
.lev {
	width: 28px;
	max-width: 28px;
	background-color: rgb(228,228,228) !important;
}

.num {
	width: 28px;
	max-width: 28px;
	background-color: transparent !important;
	color: rgb(112,112,112);
}

playsettings {
    font-family: Courier Prime, monospace;
	background-color: transparent;
    font-size: 12px;
    margin: 0;
    width: 100%;
    cursor: Default;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: start;	
	border-bottom: solid black 1px;
}

actualmatches {
    font-family: Courier Prime, monospace;
	background-color: transparent;
    font-size: 12px;
    margin: 0;
    width: 100%;
    cursor: Default;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: start;	
}


am {
    font-family: Courier Prime, monospace;
    font-size: 12px;
    margin: 4px;
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: start;
	font-weight: bold;
	border: solid white 2px;
}

.inpt4m {
	font-family: Courier Prime, monospace;
    font-size: 12px;
	border: none;
	margin: 4px 2px 4px 2px;
	padding: 2px;
	font-weight: bold;
	width: 70px;
	text-align: center;
	border: solid black 1px;
}

.inptac {
	font-family: Courier Prime, monospace;
    font-size: 12px;
	margin: 0;
	padding: 2px;
	font-weight: bold;
	max-width: 68px;
	text-align: center;
}

amc > .inptac {
	border: solid white 1px !important;
}

pls {
	display: inline-block;
	font-family: Courier Prime, monospace;
    font-size: 12px;
	margin: 4px 2px 4px 2px;
	padding: 2px;
	font-weight: bold;
	width: 70px;
	text-align: center;
	border: solid black 1px;
	cursor: pointer;
	background-color: transparent;
}

pls[plsel='yes'] {
	background-color: rgb(192,192,192);
}

amr{
    font-family: Courier Prime, monospace;
	background-color: transparent;
    font-size: 12px;
    margin: 0;
    cursor: Default;
	display: flex;
	flex-direction: row;
	justify-content: start;
	align-items: start;	
}	
smid, stime, sper, sht, shl, sal, sat, saw, shc, srs, sri, sgi, shq, ssta, suns, saq, shs, sas, shsb, sasb, sts, stl, shl2, sal2 {
	display: inline-block;
	font-family: Courier Prime, monospace;
    font-size: 12px;
	margin: 0;
	padding: 2px;
	font-weight: bold;
	text-align: center;
}

smid {
	background-color: rgba(240, 240, 240);
	color: rgb(112,112,112);
	width: 28px;
}

sper {
	background-color: rgb(192, 192, 192);
	color: black;
	width: 28px;
}

stime {
	background-color: black;
	color: yellow;
	width: 48px;
}	
sht {
	background-color: rgb(136, 187, 255);
	color: black;
	width: 68px;
}

sat {
	background-color: rgb(187, 221, 255);
	color: black;
	width: 68px;
}

shl {
	background-color: rgb(252, 245, 95);
	color: black;
	width: 28px;
}

sal {
	background-color: rgb(250, 218, 94);
	color: black;
	width: 28px;
}

saw {
	background-color: black;
	color: white;
	width: 48px;
}

shc {
	background-color: rgb(192, 192, 192);
	color: black;
	width: 28px;
}

srs {
	background-color: rgb(240, 240, 240);
	color: black;
	width: 48px;
}	

ssta {
	background-color: rgb(216, 216, 216);
	color: black;
	width: 28px;
}
shq, saq {
	width: 68px;
	background-color: rgb(216, 216, 216);
	color: black;	
}
sri {
	background-color: rgb(240, 240, 240);
	color: black;
	width: 28px;
}

shs, sas, shsb, sasb {
	background-color: rgb(240, 240, 240);
	color: rgb(112, 112, 112);
	width: 22px;
}
	
sgi {
	background-color: rgb(192, 192, 192);
	color: black;
	width: 28px;
}
suns {
	background-color: transparent;
	color: black;
	width: 48px;	
}
sts {
	background-color: rgb(192, 192, 192);
	color: black;
	width: 28px;
}

amc {
	font-family: Courier Prime, monospace;
    font-size: 12px;
    margin: 0;
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: start;
	font-weight: bold;
}
amc > shc, amc > ssta, amc > srs {
	width: 36px;
}
amc > sgi {
	width: 68px;
}
amc > sri {
	width: 22px;
}

amc > smid, amc > stime, amc > sht, amc > shl, amc > sal, amc > shs, amc > sas, amc > shsb, amc > sasb, amc > sat, amc > saw, amc > shc, amc > srs, amc > sri, amc > sgi, amc > shq, amc > ssta, amc > suns, amc > saq, amc > sts {
	border: solid white 1px !important;
}

amc > saw, amc > suns {
	width: 28px;
}

sts[stsel='yes'] {
	color: red;
}

.hm {
	border: solid red 2px !important;
}	

shl2, sal2 {
	background-color: rgb(216, 216, 216);
	color: black;
	width: 22px;
}

stl {
	background-color: rgb(240, 240, 240);
	color: black;
	width: 36px;
}

amc > stime, amc > smid {
	width: 36px;
}

.shortt {
	width: 36px;
}

amr[stps="yes"] > srs {
	background-color: rgb(240, 240, 240);
	color: black;
	width: 36px;
}


amr[stps="yes"] > ssta {
	background-color: rgb(216, 216, 216);
	color: black;
	width: 28px;
}

amr[stps="yes"] > shsb {
	background-color: rgb(248, 248, 248);
	color: rgb(112, 112, 112);
	width: 22px;
}

amr[stps="yes"] > sfr {
	width: 80px;
	background-color: black;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	padding: 0;
	margin: 0;
}

shp, sap, sfn {
	display: inline-block;
	font-family: Courier Prime, monospace;
    font-size: 12px;
	margin: 0;
	padding: 2px;
	font-weight: bold;
	text-align: center;
}

shp {
	background-color: rgb(252, 245, 95);
	color: black;
	width: 29px;
}

sap {
	background-color: rgb(250, 218, 94);
	color: black;
	width: 29px;
}

sfn {
	background-color: rgb(240, 240, 240);
	color: black;
	width: 22px;
}

amr[stps="yes"] > sri {
	background-color: rgb(192, 192, 192);
	width: 22px;
	
}

amr[stps="yes"] > sgi {
	background-color: rgb(216, 216, 216);
	width: 28px;
}

sfn[sfsel="yes"] {
	color: red;
}

.stppd {
	opacity: 0.15;
}

ba1, ba2, ba3, ba4, ba5, ba6, ba7 {
	display: flex;
	width: 36px;
	height: 36px;
	margin: 9px;
	border-radius: 18px;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	font-size: 18px;
}

ba1 {
	background-color: rgb(238, 10, 30);
	color: black;
}
ba2 {
	background-color: rgb(250, 250, 51);
	color: black;
}
ba3 {
	background-color: rgb(57, 170, 77);
	color: black;
}
ba4 {
	background-color: rgb(184, 115, 51);
	color: black;
}
ba5 {
	background-color: rgb(40, 94, 206);
	color: black;
}
ba6 {
	background-color: rgb(255, 105, 180);
	color: black;
}
ba7 {
	background-color: black;
	color: white;
}

.notlivet {
	background-color: tomato !important;
}