/* VIEW COUNTERS */

body table.viewCounters{
    text-align: center;
    width: 50%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    font-weight: bold;
}
body table.viewCounters span.format{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    margin: 1px;
    position: relative;
    top: 10px;
    font-size: 25px;
}
body table.viewCounters span.format:first-child{
    padding-left: 15px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
body table.viewCounters span.format:last-child{
    padding-right: 15px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
body.dark table.viewCounters{
    color: white;
    font-weight: bold;
}
body.dark table.viewCounters span.format{
    color: black;
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(204,204,204,1) 10%, rgba(255,255,255,1) 90%, rgba(0,0,0,1) 100%);
}

body.light table.viewCounters{
    color: black;
    font-weight: bold;
}
body.light table.viewCounters span.format{
    color: white;
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(25,25,25,1) 10%, rgba(37,37,37,1) 90%, rgba(255,255,255,1) 100%);
}

/* OTHER STUFF */
body.light {
  overflow-x: hidden;
}

body.light .gp {
  display: inline-block;
  padding: 0;
  margin: 0;
  width: calc(538px / 2.5) !important;
}

body.light .gp img {
  width: 100%;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}


body div#scoreboard{
  max-width: 500px;
  width: 80%;
  position:relative;
  left:50%;
  transform: translateX(-50%);
  display: block;
}
body img#scoreboard, body svg#svgSB{
    width:100%;
    display:block;
}

body.light p.scheduleLegend {
  text-align: center;
  font-weight: bold;
}

body.light p.scheduleLegend > span {
  margin-left: 15px;
  margin-right: 15px;
}

body.light p.scheduleLegend > span.w span,
body.light p.scheduleLegend > span.l span,
body.light p.scheduleLegend > span.t span,
body.light p.scheduleLegend > span.c span {
  font-size: 25px;
}

body.light p.scheduleLegend > span.w {
  color: darkgreen;
}

body.light p.scheduleLegend > span.l {
  color: darkred;
}

body.light p.scheduleLegend > span.t {
  color: #ff5b00;
}

body.light p.scheduleLegend > span.c {
  text-decoration: line-through;
  color: navy;
}

body.light section#sidebar {
  position: fixed;
  right: -110%;
  z-index: 100;
  top: 75px;
  height: calc(100% - 75px * 2 - 30px);
  width: calc(100% - 30px);
  padding: 15px;
  background-color: #c8c8c8;
  -webkit-box-shadow: black 0px 0px 10px;
          box-shadow: black 0px 0px 10px;
}

body.light section#sidebar.open {
  right: 0;
}

body.light section#sidebar ul {
  color: black;
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

body.light section#sidebar ul li {
  margin-top: 5px;
  margin-bottom: 5px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: block;
  border-radius: 15px;
  background-color: #e2e2e2;
  font-size: 2em;
}

body.light section#sidebar ul li a {
  color: black;
  text-decoration: none;
  text-align: center;
  display: block;
  height: 100%;
  width: 100%;
}

body.light section#sidebar ul li a span {
  position: relative;
  top: 50%;
  display: block;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

body.light section#sidebar ul li.selected {
  background-color: #969696;
}

body.light main {
  background-color: #bbbbbb;
  display: block;
  margin-left: auto;
  position: relative;
  margin-right: auto;
  top: 50px;
  width: 75%;
  margin-bottom: 75px;
}

body.light main section#pages {
  position: relative;
}

body.light main section#pages div#tabs {
  z-index: 0;
  position: absolute;
  top: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: none;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
}

body.light main section#pages div#tabs div {
  display: block;
  z-index: 0;
}

body.light main section#pages div#tabs div .tab {
  display: inline-block;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: 2px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  color: black;
  top: calc(-1em - 15px - 15px);
  background-color: #afafaf;
  padding: 15px 15px;
}

body.light main section#pages div#tabs div .tab:not(.selected):hover {
  background-color: #afafaf;
  top: calc(-1em - 30px - 10px);
  padding-top: 15px;
  padding-bottom: calc(1em + 30px - 20px);
  cursor: pointer;
}

body.light main section#pages div#tabs div .tab.selected {
  top: calc(-1em - paddingVert - 25px);
  background-color: #bbbbbb;
  padding: 15px 15px;
}

body.light main section#pages div#pages {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  z-index: 1;
}

body.light main section#pages div#pages div.page {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 15px;
}

body.light main section#pages div#pages div.page > div {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

body.light main section#pages div#pages div.page:not(.selected) {
  display: none;
}

body.light main section#pages div#pages div.page#page-1 {
  padding: 35px;
  width: 100%;
}

body.light main section#pages div#pages div.page#page-1 .schedule {
  width: 100%;
  display: block;
}

body.light main section#pages div#pages div.page#page-1 .schedule h2.sectitle {
  margin-top: 0;
  text-align: center;
  color: black;
  border-bottom: 1px solid black;
}

body.light main section#pages div#pages div.page#page-1 .schedule .scheduleTable {
  width: 80%;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-collapse: collapse;
}

body.light main section#pages div#pages div.page#page-1 .schedule .scheduleTable .col1,
body.light main section#pages div#pages div.page#page-1 .schedule .scheduleTable .col2,
body.light main section#pages div#pages div.page#page-1 .schedule .scheduleTable .col3 {
  padding: 5px;
  color: black;
  text-decoration: underline;
  background-color: #969696;
}

body.light main section#pages div#pages div.page#page-1 .schedule .scheduleTable tr {
  text-align: center;
  color: black;
  font-weight: bold;
}

body.light main section#pages div#pages div.page#page-1 .schedule .scheduleTable tr:nth-child(2n) {
  background-color: #c8c8c8;
}

body.light main section#pages div#pages div.page#page-1 .schedule .scheduleTable tr:nth-child(2n -1) {
  background-color: #d5d5d5;
}

body.light main section#pages div#pages div.page#page-1 .schedule .scheduleTable tr.w, body.light main section#pages div#pages div.page#page-1 .schedule .scheduleTable tr.W {
  color: darkgreen;
}

body.light main section#pages div#pages div.page#page-1 .schedule .scheduleTable tr.l, body.light main section#pages div#pages div.page#page-1 .schedule .scheduleTable tr.L {
  color: darkred;
}

body.light main section#pages div#pages div.page#page-1 .schedule .scheduleTable tr.t, body.light main section#pages div#pages div.page#page-1 .schedule .scheduleTable tr.T {
  color: #ff5b00;
}

body.light main section#pages div#pages div.page#page-1 .schedule .scheduleTable tr.c, body.light main section#pages div#pages div.page#page-1 .schedule .scheduleTable tr.C {
  color: navy;
  position: relative;
}

body.light main section#pages div#pages div.page#page-1 .schedule .scheduleTable tr.c::after, body.light main section#pages div#pages div.page#page-1 .schedule .scheduleTable tr.C::after {
  content: "";
  display: block;
  background-color: navy;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 0;
}

body.light main section#pages div#pages div.page#page-1 .schedule .scheduleTable tr.b, body.light main section#pages div#pages div.page#page-1 .schedule .scheduleTable tr.B {
  color: #404040;
}

body.light main section#pages div#pages div.page#page-3, body.light main section#pages div#pages div.page#page-4 {
  width: 50%;
}

body.light main section#pages div#pages div.page#page-3 div, body.light main section#pages div#pages div.page#page-4 div {
  width: 100%;
}

body.light main section#pages div#pages div.page .standings h2.sectitle {
  text-align: center;
  color: black;
  border-bottom: 1px solid black;
}

body.light main section#pages div#pages div.page .standings ul {
  list-style-type: none;
  padding: 0;
  color: black;
  text-align: center;
}

body.light main section#pages div#pages div.page .standings ul span:nth-child(1) {
  font-weight: bold;
}

body.light main section#pages div#pages div.page .standings ul li {
  margin: 15px;
}

body.light main section#pages div#pages div.page .linksHolder h2 {
  text-align: center;
  color: black;
  border-bottom: 1px solid black;
}

body.light main section#pages div#pages div.page .linksHolder ul {
  list-style-type: none;
  padding: 0;
  color: black;
}

body.light main section#pages div#pages div.page .linksHolder ul li {
  margin-bottom: 2px;
}

body.light main section#pages div#pages div.page .linksHolder ul a {
  margin-bottom: 2px;
  font-weight: bold;
  color: red;
  text-decoration: none;
  position: relative;
}

body.light main section#pages div#pages div.page .linksHolder ul a::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: red;
  width: 0%;
  height: 2px;
  -webkit-transition: width 0.5s;
  transition: width 0.5s;
}

body.light main section#pages div#pages div.page .linksHolder ul a:hover::after {
  width: 100%;
}

body.dark {
  overflow-x: hidden;
}

body.dark .gp {
  display: inline-block;
  padding: 0;
  margin: 0;
  width: calc(538px / 2.5) !important;
}

body.dark .gp img {
  width: 100%;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}


body.dark p.scheduleLegend {
  text-align: center;
  font-weight: bold;
}

body.dark p.scheduleLegend > span {
  margin-left: 15px;
  margin-right: 15px;
}

body.dark p.scheduleLegend > span.w span,
body.dark p.scheduleLegend > span.l span,
body.dark p.scheduleLegend > span.t span,
body.dark p.scheduleLegend > span.c span {
  font-size: 25px;
}

body.dark p.scheduleLegend > span.w {
  color: lime;
}

body.dark p.scheduleLegend > span.l {
  color: red;
}

body.dark p.scheduleLegend > span.t {
  color: orange;
}

body.dark p.scheduleLegend > span.c {
  text-decoration: line-through;
  color: #4baac8;
}

body.dark section#sidebar {
  position: fixed;
  right: -110%;
  z-index: 100;
  top: 75px;
  height: calc(100% - 75px * 2 - 30px);
  width: calc(100% - 30px);
  padding: 15px;
  background-color: #323232;
  -webkit-box-shadow: black 0px 0px 10px;
          box-shadow: black 0px 0px 10px;
}

body.dark section#sidebar.open {
  right: 0;
}

body.dark section#sidebar ul {
  color: white;
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

body.dark section#sidebar ul li {
  margin-top: 5px;
  margin-bottom: 5px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: block;
  border-radius: 15px;
  background-color: #4c4c4c;
  font-size: 2em;
}

body.dark section#sidebar ul li a {
  color: white;
  text-decoration: none;
  text-align: center;
  display: block;
  height: 100%;
  width: 100%;
}

body.dark section#sidebar ul li a span {
  position: relative;
  top: 50%;
  display: block;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

body.dark section#sidebar ul li.selected {
  background-color: #191919;
}

body.dark main {
  background-color: #252525;
  display: block;
  margin-left: auto;
  position: relative;
  margin-right: auto;
  top: 50px;
  width: 75%;
  margin-bottom: 75px;
}

body.dark main section#pages {
  position: relative;
}

body.dark main section#pages div#tabs {
  z-index: 0;
  position: absolute;
  top: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: none;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
}

body.dark main section#pages div#tabs div {
  display: block;
  z-index: 0;
}

body.dark main section#pages div#tabs div .tab {
  display: inline-block;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: 2px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  color: white;
  top: calc(-1em - 15px - 15px);
  background-color: #191919;
  padding: 15px 15px;
}

body.dark main section#pages div#tabs div .tab:not(.selected):hover {
  background-color: #191919;
  top: calc(-1em - 30px - 10px);
  padding-top: 15px;
  padding-bottom: calc(1em + 30px - 20px);
  cursor: pointer;
}

body.dark main section#pages div#tabs div .tab.selected {
  top: calc(-1em - paddingVert - 25px);
  background-color: #252525;
  padding: 15px 15px;
}

body.dark main section#pages div#pages {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  z-index: 1;
}

body.dark main section#pages div#pages div.page {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 15px;
}

body.dark main section#pages div#pages div.page > div {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

body.dark main section#pages div#pages div.page:not(.selected) {
  display: none;
}

body.dark main section#pages div#pages div.page#page-1 {
  padding: 35px;
  width: 100%;
}

body.dark main section#pages div#pages div.page#page-1 .schedule {
  width: 100%;
  display: block;
}

body.dark main section#pages div#pages div.page#page-1 .schedule h2.sectitle {
  margin-top: 0;
  text-align: center;
  color: white;
  border-bottom: 1px solid white;
}

body.dark main section#pages div#pages div.page#page-1 .schedule .scheduleTable {
  width: 80%;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-collapse: collapse;
}

body.dark main section#pages div#pages div.page#page-1 .schedule .scheduleTable .col1,
body.dark main section#pages div#pages div.page#page-1 .schedule .scheduleTable .col2,
body.dark main section#pages div#pages div.page#page-1 .schedule .scheduleTable .col3 {
  padding: 5px;
  color: white;
  text-decoration: underline;
  background-color: #191919;
}

body.dark main section#pages div#pages div.page#page-1 .schedule .scheduleTable tr {
  text-align: center;
  color: white;
  font-weight: bold;
}

body.dark main section#pages div#pages div.page#page-1 .schedule .scheduleTable tr:nth-child(2n) {
  background-color: #323232;
}

body.dark main section#pages div#pages div.page#page-1 .schedule .scheduleTable tr:nth-child(2n -1) {
  background-color: #3f3f3f;
}

body.dark main section#pages div#pages div.page#page-1 .schedule .scheduleTable tr.w, body.dark main section#pages div#pages div.page#page-1 .schedule .scheduleTable tr.W {
  color: lime;
}

body.dark main section#pages div#pages div.page#page-1 .schedule .scheduleTable tr.l, body.dark main section#pages div#pages div.page#page-1 .schedule .scheduleTable tr.L {
  color: red;
}

body.dark main section#pages div#pages div.page#page-1 .schedule .scheduleTable tr.t, body.dark main section#pages div#pages div.page#page-1 .schedule .scheduleTable tr.T {
  color: orange;
}

body.dark main section#pages div#pages div.page#page-1 .schedule .scheduleTable tr.c, body.dark main section#pages div#pages div.page#page-1 .schedule .scheduleTable tr.C {
  color: #4baac8;
  position: relative;
}

body.dark main section#pages div#pages div.page#page-1 .schedule .scheduleTable tr.c::after, body.dark main section#pages div#pages div.page#page-1 .schedule .scheduleTable tr.C::after {
  content: "";
  display: block;
  background-color: #4baac8;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 0;
}

body.dark main section#pages div#pages div.page#page-1 .schedule .scheduleTable tr.b, body.dark main section#pages div#pages div.page#page-1 .schedule .scheduleTable tr.B {
  color: #bfbfbf;
}

body.dark main section#pages div#pages div.page#page-3, body.dark main section#pages div#pages div.page#page-4 {
  width: 50%;
}

body.dark main section#pages div#pages div.page#page-3 div, body.dark main section#pages div#pages div.page#page-4 div {
  width: 100%;
}

body.dark main section#pages div#pages div.page .standings h2.sectitle {
  text-align: center;
  color: white;
  border-bottom: 1px solid white;
}

body.dark main section#pages div#pages div.page .standings ul {
  list-style-type: none;
  padding: 0;
  color: white;
  text-align: center;
}

body.dark main section#pages div#pages div.page .standings ul span:nth-child(1) {
  font-weight: bold;
}

body.dark main section#pages div#pages div.page .standings ul li {
  margin: 15px;
}

body.dark main section#pages div#pages div.page .linksHolder h2 {
  text-align: center;
  color: white;
  border-bottom: 1px solid white;
}

body.dark main section#pages div#pages div.page .linksHolder ul {
  list-style-type: none;
  padding: 0;
  color: white;
}

body.dark main section#pages div#pages div.page .linksHolder ul li {
  margin-bottom: 2px;
}

body.dark main section#pages div#pages div.page .linksHolder ul a {
  margin-bottom: 2px;
  font-weight: bold;
  color: #ffd207;
  text-decoration: none;
  position: relative;
}

body.dark main section#pages div#pages div.page .linksHolder ul a::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #ffd207;
  width: 0%;
  height: 2px;
  -webkit-transition: width 0.5s;
  transition: width 0.5s;
}

body.dark main section#pages div#pages div.page .linksHolder ul a:hover::after {
  width: 100%;
}
/*# sourceMappingURL=indexmobile.css.map */