/* ä */
:root{
--white           : #ffffff;
--light-grey      : #eeeeee;
--light-gray      : #eeeeee;
--amber           : #ffb000;
--signal-red      : #a02128;
--safety-red      : #bd1e24;
--metro-dark-red  : #b91d47;
--metro-dark-blue : #305999;
--primary-color          : #ffcc00; 
--primary-color-text     : #000000;
--secondary-color        : #c32030; 
--secondary-color-text   : #ffffff;
--tertiary-color         : #305999; 
--tertiary-color-text    : #ffffff;
--stripe-color-dark      : #eeeeee; 
--stripe-color-dark-text : inherit;
--primary-font : Montserrat;
}
/* W3.CSS 4.10 February 2018 by Jan Egil and Borge Refsnes */
html{box-sizing:border-box}
*,*:before,*:after{box-sizing:inherit}
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0;}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block}
progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent;-webkit-text-decoration-skip:objects;text-decoration:none;}
a:active,a:hover{outline-width:0}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}
sup{top:-0.5em}
figure{margin:1em 40px}
img{border-style:none}
svg:not(:root){overflow:hidden}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea{font:inherit;margin:0}
optgroup{font-weight:bold}
button,input{overflow:visible}
button,select{text-transform:none}
button,
html [type=button],
[type=reset],
[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner, 
[type=button]::-moz-focus-inner, 
[type=reset]::-moz-focus-inner, 
[type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring, 
[type=button]:-moz-focusring, 
[type=reset]:-moz-focusring, 
[type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-input-placeholder{color:inherit;opacity:0.54}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
/* End extract */
html,
body{color:#666;font-family:sans-serif;font-size:90%;height:100%;display:flex;flex-direction:column;min-height:100vh;line-height:1.6;} /*  */

@media (min-width:1281px){body{font-size:97%;}}

html{overflow-x:hidden;height:100%}
b{}
header,footer{flex-shrink:0}
.w3-btn,
.w3-button{border:none;display:inline-block;padding:8px 16px;
vertical-align:middle;overflow:hidden;text-decoration:none;
color:inherit;background-color:inherit;text-align:center;
cursor:pointer;white-space:nowrap}
.w3-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.w3-btn,
.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;
-khtml-user-select:none;-moz-user-select:none;
-ms-user-select:none;user-select:none}   
.w3-input{padding:8px;display:block;border:none;border: 1px solid #ccc;width:100%}
.w3-bordered tr{border-bottom:1px solid #ddd}
.w3-grided td{border:1px solid #bbb}
.w3-striped tbody tr:nth-child(even){background-color:var(--stripe-color-dark)}
.w3-striped tbody tr:nth-child(odd) {background-color:var(--white)}
.w3-hoverable tbody tr:hover,
.w3-ul.w3-hoverable li:hover{background-color:#ccc}
.w3-centered tr th,
.w3-centered tr td{text-align:center}
.w3-table td,
.w3-table th{padding:3px 3px;display:table-cell;text-align:left;vertical-align:middle}
.w3-cellspace{ border-collapse: separate!important; border-spacing: 3px!important;}
.w3-nocellpad td{ line-height: 1.25; padding: 0 5px} 
.w3-table th:first-child,
.w3-table td:first-child{padding-left:4px}
.w3-table{border-collapse:collapse;border-spacing:0;display:table;}

.w3-dropdown-click,
.w3-dropdown-hover{position:relative;display:inline-block;cursor:pointer;}
.w3-dropdown-hover:hover 
.w3-dropdown-content{display:block;}
/* .w3-dropdown-hover:first-child,
.w3-dropdown-click:hover{background-color:#ccc;color:#000} */
.w3-dropdown-hover:hover > .w3-button:first-child,
.w3-dropdown-click:hover > .w3-button:first-child{color:#000;background-color:#f88;}
.w3-dropdown-content{cursor:auto;display:none;position:absolute;min-width:160px;margin:0;padding:0;z-index:1}

.w3-bar{width:100%;overflow:hidden; border-bottom:1px solid #ccc!important}
.w3-center .w3-bar{display:inline-block;width:auto}
.w3-bar .w3-bar-item{padding:8px 10px;float:left;width:auto;border:none;display:block;outline:0; vertical-align:bottom;}
.w3-bar .w3-dropdown-hover,
.w3-bar .w3-dropdown-click{position:static;float:left}
.w3-bar .w3-button{white-space:normal}
.w3-bar-block .w3-bar-item{width:100%;display:block;padding:6px 12px;text-align:left;border:none;white-space:normal;float:none;outline:0}
.w3-bar-block.w3-center .w3-bar-item{text-align:center}

.w3-bar-block .w3-dropdown-hover,
.w3-bar-block .w3-dropdown-click{width:100%}
.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,
.w3-bar-block .w3-dropdown-click .w3-dropdown-content{min-width:100%}
.w3-bar-block .w3-dropdown-hover .w3-button,
.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;padding:8px 16px;}

.w3-center{text-align:center!important}
.w3-right {float:right!important}
.w3-left  {float:left!important}

.m22-align-center{text-align:center!important}
.m22-align-right {text-align:right!important}
.m22-align-left  {text-align:left!important}

.m22-right{text-align:right!important}

.w3-border-bottom{border-bottom:1px solid #ccc!important}
.w3-responsive{display:block;overflow-x:auto;}

.w3-tiny    {font-size:070%!important}
.w3-small   {font-size:080%!important}
.w3-medium  {font-size:100%!important}
.w3-large   {font-size:120%!important}
.w3-xlarge  {font-size:150%!important}
.w3-xxlarge {font-size:36px!important}
.w3-xxxlarge{font-size:48px!important}
.w3-jumbo   {font-size:64px!important}

.w3-metro-light-green  {color:#fff;background-color:#99b433}

.w3-text-green  {color:#060!important;}

.w3-grey        ,.w3-hover-grey        :hover,
.w3-gray        ,.w3-hover-gray        :hover{color:#000!important;background-color:var(--light-grey)!important}
.w3-aqua        ,.w3-hover-aqua        :hover{color:#000!important;background-color:#bbddff!important}
.w3-lime        ,.w3-hover-lime        :hover{color:#000!important;background-color:#ddff00!important}
.w3-red         ,.w3-hover-red         :hover{color:#fff!important;background-color:#ff4444!important}
.w3-pale-red    ,.w3-hover-pale-red    :hover{color:#000!important;background-color:#ffe4e4!important}
.w3-pale-blue   ,.w3-hover-pale-blue   :hover{color:#000!important;background-color:#ddeeff!important}
.w3-pale-green  ,.w3-hover-pale-green  :hover{color:#000;          background-color:#e4ffe4!important}
.w3-pale-orange ,.w3-hover-pale-orange :hover{color:#000!important;background-color:#ffeedd!important}
.w3-pale-yellow ,.w3-hover-pale-yellow :hover{color:#000!important;background-color:#ffffdd!important}
.w3-green       ,.w3-hover-green       :hover{color:#fff!important;background-color:#448844!important}
.w3-darkgreen   ,.w3-hover-darkgreen   :hover{color:#fff!important;background-color:#337744!important}
.w3-white       ,.w3-hover-white       :hover{color:#000!important;background-color:#ffffff!important}
.w3-amber       ,.w3-hover-amber       :hover{color:#000!important;background-color:#ffd822!important}
.w3-sand        ,.w3-hover-sand        :hover{color:#000!important;background-color:#fdf5e6!important}
.w3-khaki       ,.w3-hover-khaki       :hover{color:#000!important;background-color:#ffff77!important}
.w3-blue        ,.w3-hover-blue        :hover{color:#fff!important;background-color:#2299ee!important}
.w3-pink        ,.w3-hover-pink        :hover{color:#fff!important;background-color:#e91e63!important}
.w3-magenta     ,.w3-hover-magenta     :hover{color:#fff!important;background-color:#ff00ff!important}

.w3-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}

.w3-round-small  {border-radius: 2px}
.w3-round,
.w3-round-medium {border-radius: 4px}
.w3-round-large  {border-radius: 8px}
.w3-round-xlarge {border-radius:16px}
.w3-round-xxlarge{border-radius:32px}

.mc{display:flex; justify-content:space-between;}

.m22-msl  {background-color:#ddd;}             /* match-slot       */
.m22-slvc {background-color:#888; color:#fff;} /* slot venue-court */
.m22-slt  {background-color:#ddd;}             /* slot time        */

.m22-table-schedule {background-color:#fff;}
.m22-table-schedule,
.m22-slm,
.m22-msl  {padding:0;margin:0;border-collapse:collapse;}

.m22-table-schedule td {border: 1px solid #fff;}
.m22-slm            td {border: 0; padding: 2px;}

.m22-slm{min-width:11em;}

.m22-slm-wrap {margin:-1px;cursor:pointer;}
.m22-slm-name {overflow:hidden;white-space:nowrap;width:8em;font-size:090%;font-weight:bold;}
.m22-slm-info {padding:0; font-size:80%;}
.m22-slm-ioc  {padding:0; font-size:60%; width:2.5em; text-align:right;}
.m22-slm-flag {padding:0; font-size:70%; width:2.5em; text-align:left;}
.m22-slm-seed {padding:0; font-size:75%; width:1.0em; text-align:right;}
.m22-slm-set  {                          width:0.5em; text-align:right;}
.m22-slm-flagimg {border: 1px solid #ddd; vertical-align:bottom; margin-top: 0em;}

table.m22-testcard td {width:5em;padding:1em;text-align:center;}

.m22-1             {color:#000000;background-color:#ffe4e4}
.m22-2             {color:#000000;background-color:#dbe4ff}
.m22-3             {color:#000000;background-color:#e4ffe4}
                                           
.m22-109, .m22-1r1 {color:#9999ff;background-color:hsl(225,100%,099%)} 
.m22-111, .m22-1r2 {color:#6666ff;background-color:hsl(225,100%,096%)} 
.m22-113, .m22-1r3 {color:#0000cc;background-color:hsl(225,100%,092%)} 
.m22-115, .m22-1r4 {color:#000099;background-color:hsl(225,090%,086%)} 
.m22-117, .m22-1r5 {color:#000066;background-color:hsl(225,080%,077%)} 
.m22-119, .m22-1r6 {color:#000033;background-color:hsl(225,065%,069%)} 
.m22-121, .m22-1r7 {color:#ffffff;background-color:hsl(225,050%,050%)} 

.m22-209, .m22-2r1 {color:#ff9999;background-color:hsl(005,100%,099%)} 
.m22-211, .m22-2r2 {color:#ff6666;background-color:hsl(005,100%,096%)} 
.m22-213, .m22-2r3 {color:#cc0000;background-color:hsl(005,100%,092%)} 
.m22-215, .m22-2r4 {color:#990000;background-color:hsl(005,100%,087%)} 
.m22-217, .m22-2r5 {color:#660000;background-color:hsl(005,090%,077%)} 
.m22-219, .m22-2r6 {color:#330000;background-color:hsl(005,070%,064%)} 
.m22-221, .m22-2r7 {color:#ffffff;background-color:hsl(005,060%,050%)} 

.m22-265           {color:#333300;background-color:hsl(045,100%,096%)}
.m22-260           {color:#222200;background-color:hsl(045,100%,092%)}
.m22-255           {color:#222200;background-color:hsl(045,100%,083%)}
.m22-250           {color:#111100;background-color:hsl(045,100%,076%)}
.m22-245           {color:#111100;background-color:hsl(045,090%,065%)}
.m22-240           {color:#000000;background-color:hsl(045,070%,053%)}
.m22-235           {color:#ffffff;background-color:hsl(045,060%,040%)}

.m22-165           {color:#66aa66;background-color:hsl(080,100%,097%)}
.m22-160           {color:#33aa33;background-color:hsl(080,100%,092%)}
.m22-155           {color:#008800;background-color:hsl(080,100%,083%)}
.m22-150           {color:#006600;background-color:hsl(080,100%,076%)}
.m22-145           {color:#004400;background-color:hsl(080,090%,065%)}
.m22-140           {color:#002200;background-color:hsl(080,070%,052%)}
.m22-135           {color:#000000;background-color:hsl(080,060%,048%)}

.m22-r1 {color:#ffe8e8;background-color:rgba( 170,   0,  50, 1.00);}
.m22-r2 {color:#ffeeee;background-color:rgba( 180,   0,  50, 0.84);}
.m22-r3 {color:#fff8f8;background-color:rgba( 190,   0,  50, 0.69);}
.m22-r4 {color:#ffffff;background-color:rgba( 200,   0,  50, 0.54);}
.m22-r5 {color:#660000;background-color:rgba( 210,   0,  50, 0.40);}
.m22-r6 {color:#990000;background-color:rgba( 220,   0,  50, 0.28);}
.m22-r7 {color:#bb0000;background-color:rgba( 230,   0,  50, 0.18);}
.m22-r8 {color:#dd3333;background-color:rgba( 240,   0,  50, 0.10);}
.m22-r9 {color:#ff6666;background-color:rgba( 250,   0,  50, 0.04);}
                                                               
.m22-b1 {color:#e8e8ff;background-color:rgba(   0,  50, 170, 1.00);}
.m22-b2 {color:#eeeeff;background-color:rgba(   0,  50, 180, 0.84);}
.m22-b3 {color:#f8f8ff;background-color:rgba(   0,  50, 190, 0.69);}
.m22-b4 {color:#ffffff;background-color:rgba(   0,  50, 200, 0.54);}
.m22-b5 {color:#000066;background-color:rgba(   0,  50, 210, 0.40);}
.m22-b6 {color:#000099;background-color:rgba(   0,  50, 220, 0.28);}
.m22-b7 {color:#0000bb;background-color:rgba(   0,  50, 230, 0.18);}
.m22-b8 {color:#3333dd;background-color:rgba(   0,  50, 240, 0.10);}
.m22-b9 {color:#6666ff;background-color:rgba(   0,  50, 250, 0.04);}
                                                               
.m22-g1 {color:#e8ffe8;background-color:rgba(  40, 110,   0, 1.00);}
.m22-g2 {color:#eeffee;background-color:rgba(  70, 140,   0, 0.92);}
.m22-g3 {color:#f8fff8;background-color:rgba(  90, 160,   0, 0.84);}
.m22-g4 {color:#ffffff;background-color:rgba( 110, 170,   0, 0.66);}
.m22-g5 {color:#006600;background-color:rgba( 130, 200,   0, 0.54);}
.m22-g6 {color:#007700;background-color:rgba( 150, 220,   0, 0.42);}
.m22-g7 {color:#008800;background-color:rgba( 160, 230,   0, 0.30);}
.m22-g8 {color:#009900;background-color:rgba( 170, 240,   0, 0.20);}
.m22-g9 {color:#00aa00;background-color:rgba( 180, 250,   0, 0.12);}
                                                               
.m22-y1 {color:#ffffee;background-color:rgba( 170, 100,   0, 1.00);}
.m22-y2 {color:#fffff8;background-color:rgba( 180, 110,   0, 0.84);}
.m22-y3 {color:#ffffff;background-color:rgba( 190, 120,   0, 0.69);}
.m22-y4 {color:#111100;background-color:rgba( 200, 130,   0, 0.54);}
.m22-y5 {color:#222200;background-color:rgba( 210, 140,   0, 0.40);}
.m22-y6 {color:#333300;background-color:rgba( 220, 150,   0, 0.28);}
.m22-y7 {color:#444400;background-color:rgba( 230, 160,   0, 0.24);}
.m22-y8 {color:#555500;background-color:rgba( 240, 170,   0, 0.18);}
.m22-y9 {color:#666600;background-color:rgba( 250, 180,   0, 0.12);}
                                                               
.m22-r1 {color:#ffeeee;background-color:hsl(   0,  60%, 35% );}
.m22-r2 {color:#fff8f8;background-color:hsl(   0,  60%, 45% );}
.m22-r3 {color:#ffffff;background-color:hsl(   0,  60%, 59% );}
.m22-r4 {color:#550000;background-color:hsl(   0,  60%, 71% );}
.m22-r5 {color:#990000;background-color:hsl(   0,  60%, 77% );}
.m22-r6 {color:#cc0000;background-color:hsl(   0,  60%, 83% );}
.m22-r7 {color:#ff0000;background-color:hsl(   0,  60%, 88% );}
.m22-r8 {color:#ff3333;background-color:hsl(   0,  60%, 92% );}
.m22-r9 {color:#ff6666;background-color:hsl(   0,  60%, 96% );}
                                                              
.m22-y1 {color:#ffffe8;background-color:hsl(  45, 100%, 24% );}
.m22-y2 {color:#ffffee;background-color:hsl(  45, 100%, 32% );}
.m22-y3 {color:#fffff8;background-color:hsl(  45, 100%, 38% );}
.m22-y4 {color:#111100;background-color:hsl(  45, 100%, 44% );}
.m22-y5 {color:#222200;background-color:hsl(  45, 100%, 48% );}
.m22-y6 {color:#333300;background-color:hsl(  45, 100%, 61% );}
.m22-y7 {color:#444400;background-color:hsl(  45, 100%, 73% );}
.m22-y8 {color:#777700;background-color:hsl(  45, 100%, 82% );}
.m22-y9 {color:#aaaa00;background-color:hsl(  45, 100%, 93% );}
                                                               
.m22-g1 {color:#ffffee;background-color:hsl(  80,  90%, 22% );}
.m22-g2 {color:#fffff8;background-color:hsl(  80,  90%, 29% );}
.m22-g3 {color:#ffffff;background-color:hsl(  80,  90%, 34% );}
.m22-g4 {color:#002200;background-color:hsl(  80,  90%, 39% );}
.m22-g5 {color:#004400;background-color:hsl(  80,  90%, 43% );}
.m22-g6 {color:#006600;background-color:hsl(  80,  90%, 48% );}
.m22-g7 {color:#008800;background-color:hsl(  80,  90%, 58% );}
.m22-g8 {color:#00bb00;background-color:hsl(  80,  90%, 75% );}
.m22-g9 {color:#66bb00;background-color:hsl(  80,  90%, 93% );}
                                                               
.m22-b1 {color:#e8e8ff;background-color:hsl( 230,  60%, 40% );}
.m22-b2 {color:#eeeeff;background-color:hsl( 230,  60%, 55% );}
.m22-b3 {color:#f8f8ff;background-color:hsl( 230,  60%, 62% );}
.m22-b4 {color:#000088;background-color:hsl( 230,  60%, 71% );}
.m22-b5 {color:#0000cc;background-color:hsl( 230,  60%, 77% );}
.m22-b6 {color:#0000ff;background-color:hsl( 230,  60%, 83% );}
.m22-b7 {color:#3333ff;background-color:hsl( 230,  60%, 88% );}
.m22-b8 {color:#6666ff;background-color:hsl( 230,  60%, 92% );}
.m22-b9 {color:#9999ff;background-color:hsl( 230,  60%, 96% );}
                                                               
.m22-r1, .m22-r2, .m22-r3, .m22-r4, .m22-r5, .m22-r6, .m22-r7, .m22-r8, .m22-r9, 
.m22-b1, .m22-b2, .m22-b3, .m22-b4, .m22-b5, .m22-b6, .m22-b7, .m22-b8, .m22-b9, 
.m22-g1, .m22-g2, .m22-g3, .m22-g4, .m22-g5, .m22-g6, .m22-g7, .m22-g8, .m22-g9, 
.m22-y1, .m22-y2, .m22-y3, .m22-y4, .m22-y5, .m22-y6, .m22-y7, .m22-y8, .m22-y9, 
.m22-235, .m22-240, .m22-245, .m22-250, .m22-255, .m22-260, .m22-265, .m22-270,
.m22-135, .m22-140, .m22-145, .m22-150, .m22-155, .m22-160, .m22-165, .m22-170,
.m22-109, .m22-111, .m22-113, .m22-115, .m22-117, .m22-119, .m22-121,
.m22-209, .m22-211, .m22-213, .m22-215, .m22-217, .m22-219, .m22-221,
.m22-1r1, .m22-1r2, .m22-1r3, .m22-1r4, .m22-1r5, .m22-1r6, .m22-1r7, 
.m22-2r1, .m22-2r2, .m22-2r3, .m22-2r4, .m22-2r5, .m22-2r6, .m22-2r7 
{ padding:0; border:0; margin:0; width:100%; line-height:85%; font-size:120%; }

.w,
.v {color: #fff; border-radius: 10px; display: inline-block; padding: 0 8px; font-size:85%; font-weight: bold; line-height:1.4; vertical-align: text-top; margin-left:0.5em;}
.v {background-color: #305999;}
.w {background-color: #bb2030;}
                                                         
table td {white-space:nowrap;}
.wrap-normal {white-space:normal!important;}

.sr1 { color : #a00; font-weight : bold; text-align : center; padding : 0 2px; }

.boy {color:#00c;}
.girl{color:#c00;}

.m22-symbol{color:#444;}
.m22-masc {color:#03f;font-weight:bold;}
.m22-fem  {color:#f00;font-weight:bold;}
.m22-nosex{color:transparent;}

.m22-bracket,
.m22-falldown{border-right: 1px solid #bb2030;}
.m22-elim-ranks{font-size:100%;color:var(--secondary-color)}
.m22-nowrap{white-space:nowrap;}

.m22-btn,
.m22-button
{
border:none;
border-radius:5px;
display:inline-block;
font-size:90%;
padding:0.1em 0.6em;
font-weight:bold;
text-align:center;
vertical-align:middle;
overflow:hidden;
text-decoration:none;
color:inherit;
background-color:inherit;
cursor:pointer;
white-space:nowrap;
}

#page-container{flex:1 0 auto;}

.tmtable1 td {border: 1px solid #ececec;}

@media (max-width:640px){.w3-table{min-width: 100%;}}
@media (min-width:641px){#cont{display:table;margin:auto;}}

@media (max-width:640px) {.w3-hide-small {display:none!important}}
@media (min-width:641px) 
   and (max-width:1280px){.w3-hide-medium{display:none!important}} /* 792/3 */
@media (min-width:1281px){.w3-hide-large {display:none!important}}

.m22-cont{min-width:100%} @media (min-width:641px){.m22-cont{min-width:70em}}

.m22-bold{font-weight:bold}
.m22-uppercase{text-transform:uppercase}

.m22-primary-menu-color{background-color: var(--primary-color)!important }

.m22-primary-text   {color:var(--primary-color  )}
.m22-secondary-text {color:var(--secondary-color)}
.m22-tertiary-text  {color:var(--tertiary-color )}

.m22-primary  , .m22-primary-color  {color:var(--primary-color-text  )!important;background-color:var(--primary-color  )!important}
.m22-secondary, .m22-secondary-color{color:var(--secondary-color-text)!important;background-color:var(--secondary-color)!important}
.m22-tertiary , .m22-tertiary-color {color:var(--tertiary-color-text )!important;background-color:var(--tertiary-color )!important}

.m22-primary-font   {font-family:"Montserrat"}
                                                                 
.m22-concrete{color:#fff!important;background-color:#2b5797!important}

.m22-table th:first-child,
.m22-table td:first-child{padding-left:4px}
.m22-table td,
.m22-table th{padding:3px 3px;display:table-cell;text-align:left;vertical-align:middle;white-space:pre;}
.m22-cellspace{ border-collapse: separate; border-spacing: 2px;}
.m22-nocellpad td{ line-height: 1.25; padding: 0 5px} 
.m22-table{border-collapse:collapse;border-spacing:0;display:table;}

.m22-table-header{border:0;margin:0;}
.m22-table-header-color{color:var(--secondary-color-text)!important;background-color:var(--secondary-color)!important;font-weight: bold;}                                           

.m22-seed{font-size: 80%;color:var(--secondary-color)!important;background-color:transparent;font-weight:bold;} 

.tr_matchline1 {background-color:var(--light-grey)}
.tr_matchline3 {background-color:var(--light-grey)}

.m22-table-row{padding:3px 8px!important; border-radius:0;}

.m22-table-ko td{border-radius:0;}
.m22-table-header td,
.m22-table-header th{padding:3px 8px!important; border-radius:0;line-height:1.5;text-align:left;}

.m22-col-ko{min-width:8em;}
.m22-ko-match{background-color:var(--light-grey);white-space:pre;min-width:8em;}

.m22-table-ko     {min-width:18em;} @media (max-width:18em){.m22-table-ko     {min-width:100%;}}
.m22-table-found  {min-width:18em;} @media (max-width:18em){.m22-table-found  {min-width:100%;}}
.m22-table-ranking{min-width:33em;} @media (max-width:33em){.m22-table-ranking{min-width:100%;}}
.m22-table-rr     {min-width:35em;} @media (max-width:35em){.m22-table-rr     {min-width:100%;}}

.m22-table-venlist{min-width:40em;} @media (max-width:40em){.m22-table-venlist{min-width:100%;}}
.m22-table-evdet  {min-width:40em;} @media (max-width:40em){.m22-table-evdet  {min-width:100%;}}
.m22-table-cppart {min-width:40em;} @media (max-width:40em){.m22-table-cppart {min-width:100%;}}
.m22-table-places {min-width:40em;} @media (max-width:40em){.m22-table-places {min-width:100%;}}

.m22-table-teampt {min-width:50em;} @media (max-width:50em){.m22-table-teampt {min-width:100%;}}
.m22-table-cpmatch{min-width:55em;} @media (max-width:55em){.m22-table-cpmatch{min-width:100%;}}
.m22-table-evmeet {min-width:55em;} @media (max-width:55em){.m22-table-evmeet {min-width:100%;}}
.m22-table-evlist {min-width:70em;} @media (max-width:70em){.m22-table-evlist {min-width:100%;}}

@media (max-width:33em){.m22-table-ranking{line-height:2;}}
/*----------------------------------------------------------------------------*/
.m22-table-rr     {border-collapse:collapse;border-spacing:1px;}
.m22-table-rr td {padding:2px 4px;}

.m22-col-rr-opp,
.m22-col-rr-sun,
.m22-col-rr-tpts,
.m22-col-rr-mats,
.m22-col-rr-sets,
.m22-col-rr-pts{text-align: center;}

.m22-col-rr-rank {width: 2.0em;}
.m22-col-rr-name {width:12.0em;}
.m22-col-rr-opp  {width: 3.5em;font-size:80%;}
.m22-col-rr-sun  {width: 2.0em;}
.m22-col-rr-tpts {width: 4.0em;}
.m22-col-rr-mats {width: 3.5em;}
.m22-col-rr-sets {width: 4.0em;}
.m22-col-rr-pts  {width: 5.0em;}
/*----------------------------------------------------------------------------*/
a { text-decoration: none; color:inherit }

.w3-dropdown-content { margin-top: 0.3em; }            
.m22-match22    { color: #555;}  
.m22-match22-22 { color: #f80; background-color: var(--white)!important}
.m22-menu       {              background-color: #ffffff;}
.m22-header     {              background-color: #ffffff;}
.m22-subheader  {              background-color: #ffcc00;}
.m22-dropdown   { color: var(--secondary-color-text); background-color: var(--secondary-color);}
.m22-mid-grey   { color: #000; background-color: #d8d8d8;}
.m22-mid-grey-text {                      color: #888888;}
.m22-symbol-grey-text {                   color: #666666;}
.m22-light-grey,
.m22-light-gray {color:#000!important;background-color:var(--light-grey)!important}
.m22-text-black { color: #000; }
.m22-text-red, .m22-hover-text-red :hover{color:var(--safety-red)!important}


.m22-match22    { font-weight: bold; }
.m22-match22-22 { font-weight: bold; }

.modal {
display: none; position: fixed; z-index: 99;
justify-content: center; align-items: center; /* flex props */
left: 0; top: 0;
width: 100%; height: 100%;
overflow: auto;  /* scroll if needed */
background-color: rgb ( 222, 222, 222      );
background-color: rgba( 0, 0, 0, 0.6 );
}
.modal-content { background-color: #fff; border: 0; padding: 0; border-spacing: 0; border-collapse: collapse; }
#closer { float: right; }
#closer:hover,
#closer:focus { color: black; text-decoration: none; cursor: pointer; }

@media not print{.w3-printonly   {display: none;}}

@media print
{
img             {opacity: 0.85}
.w3-amber       {color:#000!important;background-color:#ffcc99!important}
.w3-blue-grey   ,
.w3-blue-gray   {color:#000!important;background-color:#ddeeff!important}
.w3-noprint     , 
.w3-bottom      {display: none;}
.pagebreakafter {page-break-after: always;}
}

.loader {
border: 1em solid #eee;
border-radius: 50%;
border-top: 1em solid #888;
width: 5em;
height: 5em;
-webkit-animation: spin 1.5s linear infinite; /* Safari */
        animation: spin 1.5s linear infinite;
}
/* Safari */
@-webkit-keyframes spin {0% { -webkit-transform: rotate(0deg); }100%{ -webkit-transform: rotate(360deg); }}
@keyframes spin         {0% {         transform: rotate(0deg); }100%{         transform: rotate(360deg); }}