@import url('https://fonts.googleapis.com/css?family=Inconsolata');:root {--mainfont: "Arial";}html{font-family: var(--mainfont), Sans-Serif;}input{font-family: var(--mainfont), Sans-Serif;padding: 2px;}input[type="submit"]{background-color: #3383FF;color: #FFFFFF;font-weight: bold;border: none;padding: 4px 5px 4px 5px;}input[type="button"],input[name="cn"]{background-color: #838383;color: #FFFFFF;font-weight: bold;border: none;padding: 4px 5px 4px 5px;}input[name="de"]{background-color: #ac2b2b;}select, textarea{font-family: var(--mainfont), Sans-Serif;padding: 2px;}body{font-size: 90%;margin: 2em;}h2{margin-top: 1.3em;}code{font-family: "Inconsolata", monospace;font-size: 120%;padding-right: 0.2em;padding-left: 0.2em;background: #F0F0F0;}table{margin-bottom: 1em;border-collapse: collapse;}table tr{vertical-align: top;}table th{text-align: left;font-weight: bold;padding: 6px;margin: 0px;}table td{padding: 6px;margin: 0px;border: 1px solid #B0B0B0;}/* OVERVIEW */div#overview{margin: -2em;margin-bottom: 0.5em;padding: 0.7em;padding-bottom: 0.5em;background: linear-gradient(to bottom, #FFFFFF 90%, #B0B0B0 4%, #FFFFFF);}div#overview p{display: inline-block;margin-right: 0.6em;}div#overview p.pr{font-weight: bold;}div#overview p.pr a{color: #000000;text-decoration: none;}div#overview p.lt{float: right;}div#overview p.lt a{color: #A0A0A0;}form.ed input{margin-right: 0.5em;}/* LOGIN */body.li form{font-size: 110%;border: 2px solid #2724CB;border-radius: 10px;width: 20em;margin-top: 5em;margin-left: auto;margin-right: auto;padding: 2em 2em 1.2em 2em;}body.li p{margin-bottom: 0.8em;}body.li p:last-child{text-align: center;}body.li form input[type="text"],body.li form input[type="password"]{font-size: 110%;width: 18em;}body.li form input[type="submit"]{font-size: 110%;width: 5em;}body.li>p{padding-top: 0.3em;font-size: 90%;text-align: center;color: rgba(0,0,0,0.7);}body.g div.calendar {height: 3em;overflow: hidden;}body.g div.calendar p {background: #d6d6d6;width: 3em;padding: 0.3em;text-align: center;display: inline-block;}body.g.dark div.calendar p {background: #3a3a3a;}body.g div.calendar a {display: block;}body.g div.calendar p.selected {background: rgb(84, 84, 231);color: #f0f0f0;}body.g div.calendar p.selected a {color: #f0f0f0;}body.g div.grid {position: absolute;height: calc(100% - 7em);width: 100%;bottom: 0;left: 0;outline: 1px solid rgb(80, 80, 80);overflow: scroll;--hour-width: 10em;--row-height: 3em;--group-top: 1.6em;}body.g div.grid div.left {background: rgb(255, 255, 255);position: absolute;left: 0px;width: 10em;top: 0px;height: calc(var(--total-rows) * var(--row-height) + 1em);border-right: 1px solid rgb(70, 70, 70);z-index: 3;}body.g.dark div.grid div.left {background: #202020;}body.g div.grid div.fill {position: absolute;left: 10em;width: calc(var(--total-hours) * var(--hour-width));height: 100%;width: calc(100% - 10em);}body.g.dark div.grid div.fill {background-color: #202020;}body.g div.grid div.fill div.header {position: absolute;width: calc(0.5 * var(--hour-width));height: calc(var(--total-rows) * var(--row-height) + 1em);border-left: 1px solid rgba(0, 0, 0, 0.2);}body.g div.grid div.fill div.header.current {border-left: 3px solid rgba(255, 0, 0, 0.4);}body.g div.grid div.fill div.header.current.hidden {display: none;}body.g div.grid div.fill div.header p {position: absolute;left: 3px;}body.g div.grid p.pdf        { position: absolute; top: 0em; left: 10px; }body.g div.grid p.local      { top: 0em; }body.g div.grid p.utc        { top: 1em; color: rgb(95, 95, 95); }body.g.dark div.grid p.utc   { color: rgb(206, 206, 206); }body.g div.grid div.left p.header.time {position: absolute;right: 0px;width: 4em;}body.g div.grid div.left div.matches {position: absolute;left: 1em;width: calc(100% - 2em);top: 3em;}body.g div.grid div.left div.matches p.title {font-size: 120%;font-weight: bold;}body.g div.grid div.left div.matches p.actions {position: absolute;top: 0em;right: 0em;}body.g div.grid div.left p.actions.addfeed {position: absolute;top: 5em;right: 1em;}body.g div.grid div.fill div.item {position: absolute;outline: 1px solid black;height: calc(3em - 1px);padding: 0;min-width: 1.2em;/* overflow: hidden; */border-radius: 2px;z-index: 1;}body.g div.grid div.fill div.item div.clapperboard {position: absolute;top: -1px;border: 1px solid rgb(0, 0, 0);background: rgba(224, 224, 224, 0.582);height: calc(3em - 1px);color: rgb(0, 0, 0);}body.g.dark div.grid div.fill div.item div.clapperboard {border: 1px solid white;}body.g div.grid div.fill div.item div.clapperboard p.text {/* color: rgb(0, 0, 0);position: absolute;width: calc(100% - 1.5em);left: 1.4em;font-weight: bold;font-size: 90%; */display: inline-block;transform: rotate(-90deg);font-size: 80%;position: absolute;top: calc(0.9em / 0.8);left: calc(0.4em / 0.8);width: calc(3em / 0.8);text-align: center;font-weight: bold;}body.g div.grid div.fill div.item:hover {box-shadow: 0 0 1em rgba(0,0,0,0.5);z-index: 3;}body.g.dark div.grid div.fill div.item:hover {box-shadow: 0 0 2em rgba(255,255,255,0.7);}body.g.dark div.grid div.fill div.item {outline-color: white;}body.g div.grid div.fill div.item p {position: absolute;top: 0.2em;}body.g div.grid div.fill div.item p.start {top: 0;left: 0;width: 1.2em;height: 3em;border-right: 1px solid black;z-index: 2;}body.g div.grid div.fill div.item p:is(.start, .end) span.true {display: none;}body.g.truetiming div.grid div.fill div.item p:is(.start, .end) span.offset {display: none;}body.g.truetiming div.grid div.fill div.item p:is(.start, .end) span.true {display: inherit;}body.g div.grid div.fill div.item p.end {top: 0;right: 0;width: 1.2em;height: 3em;border-left: 1px solid black;}body.g.dark div.grid div.fill div.item p.start,body.g.dark div.grid div.fill div.item p.end {border-color: white;}body.g div.grid div.fill div.item p.start span,body.g div.grid div.fill div.item p.end span {display: inline-block;transform: rotate(-90deg);font-size: 80%;position: absolute;top: calc(0.9em / 0.8);left: calc(-0.8em / 0.8);width: calc(3em / 0.8);text-align: center;font-weight: bold;}body.g div.grid div.fill div.item.short p.end,body.g div.grid div.fill div.item.continues p.end {display: none;}body.g div.grid div.fill div.item p.ident {left: 1.5em;width: 3em;font-weight: bold;}body.g div.grid div.fill div.item p.text {left: 3em;width: calc(100% - 4.2em);overflow: hidden;white-space: nowrap;font-weight: bold;}body.g div.grid div.fill div.item p.venue {left: 1.5em;top: 1.5em;width: calc(100% - 2.4em);overflow: hidden;white-space: nowrap;}body.g div.grid div.fill div.item.match p.route {right: 1.5em;width: 1.5em;top: 1.5em;text-align: center;font-weight: bold;background: rgba(0,0,0,0.2);outline: 1px solid rgb(0, 0, 0);}body.dark.g div.grid div.fill div.item.match p.route {outline: 1px solid rgb(255, 255, 255);}body.g div.grid div.left div.routegroup {position: absolute;left: 1em;width: 9em;text-align: center;}body.g div.grid div.left div.routegroup p {margin-top: 2px;}body.g div.grid div.left div.route {position: absolute;left: 2em;width: 8em;height:  calc(var(--row-height) - 2px);background: rgba(255,255,255,0.7);color: rgb(0, 0, 0);}body.g div.grid div.left div.route p {font-size: 200%;font-weight: bold;text-align: center;margin-top: 4px;}body.g div.grid div.fill div.route.line {position: absolute;height:  calc(var(--row-height) - 2px);width: calc(var(--total-hours) * var(--hour-width));}body.g div.grid div.fill div.item.match {background: rgb(255, 255, 255);color: rgb(0, 0, 0);}body.g div.grid div.fill div.item.feed p.text {position: absolute;left: 20px;width: calc(100% - 120px);white-space: nowrap;overflow: hidden;font-size: 120%;font-weight: bold;}body.g div.grid div.fill div.item.feed.nomatch p.text {width: calc(100% - 20px);}body.g div.grid div.fill div.item.feed.minimal p.text {width: calc(100% - 20px);white-space: inherit;}body.g div.grid div.fill div.item.feed p.state {position: absolute;left: 20px;width: 15px;height: 15px;top: 1.7em;border: 1px solid white;}body.g.dark div.grid div.fill div.item.feed p.state {border: 1px solid black;}body.g div.grid div.fill div.item.feed[x-state="-"] p.state {background: rgba(255, 255, 255, 0.534);}body.g div.grid div.fill div.item.feed[x-state="0"] p.state {background: red;}body.g div.grid div.fill div.item.feed[x-state="1"] p.state {background: green;}body.g div.grid div.fill div.item.feed p.route {position: absolute;left: 40px;width: calc(100% - 40px);white-space: nowrap;overflow: hidden;top: 1.7em;}body.g div.grid div.fill div.item.feed p.match {position: absolute;left: calc(100% - 100px);width: 80px;white-space: nowrap;overflow: hidden;text-align: right;}body.g div.grid div.fill div.item.feed.continues p.match {left: calc(100% - 85px);}body.g div.grid div.fill div.item p.timings {position: absolute;left: calc(100% - 100px);width: 80px;white-space: nowrap;overflow: hidden;text-align: right;top: 1.7em;font-weight: bold;}body.g div.grid div.fill div.item.short {border-top-right-radius: 0;border-bottom-right-radius: 0;}body.g div.grid div.fill div.item.feed.short p.route,body.g div.grid div.fill div.item.feed.short p.match,body.g div.grid div.fill div.item.feed.short p.timings {display: none;}body.g div.grid div.fill div.item.note {background: rgba(255,255,255,0.7);color: rgb(0, 0, 0);border-top-left-radius: 0;border-bottom-left-radius: 0;}body.g div.grid div.fill div.item.note p.text {top: 1px;left: 5px;width: calc(100% - 7px);height: 2.8em;white-space: wrap;}body.g div.grid div.fill div.item.note.time p.text {left: 20px;width: calc(100% - 22px);}body.g div.grid div.fill div.item.note p.start,body.g div.grid div.fill div.item.note p.end {display: none;}body.g div.grid div.fill div.item.note.time p.start {display: inherit;}body.g div.grid div.fill div.item.feed:is(.minimal, .short):hover p.route {top: 3.2em;background: rgb(255,255,255,0.8);color: black;left: 0px;width: auto;padding: 1px;border: 1px solid rgb(0,0,0,0.8);display: inherit;}