/**
 * * Generic CSS for the tippspiel
 * *
 * * @author Martin Jahn <mjahn@playzomail.de>
 * */
/* * FONTS
 * */
/* cyrillic-ext */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/opensans/mem6YaGs126MiZpBA-UFUK0Udc1UAw.woff2") format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/opensans/mem6YaGs126MiZpBA-UFUK0ddc1UAw.woff2") format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/opensans/mem6YaGs126MiZpBA-UFUK0Vdc1UAw.woff2") format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/opensans/mem6YaGs126MiZpBA-UFUK0adc1UAw.woff2") format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/opensans/mem6YaGs126MiZpBA-UFUK0Wdc1UAw.woff2") format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/opensans/mem6YaGs126MiZpBA-UFUK0Xdc1UAw.woff2") format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/opensans/mem6YaGs126MiZpBA-UFUK0Zdc0.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/opensans/memnYaGs126MiZpBA-UFUKWiUNhmIqOjjg.woff2") format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/opensans/memnYaGs126MiZpBA-UFUKWiUNhvIqOjjg.woff2") format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/opensans/memnYaGs126MiZpBA-UFUKWiUNhnIqOjjg.woff2") format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/opensans/memnYaGs126MiZpBA-UFUKWiUNhoIqOjjg.woff2") format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/opensans/memnYaGs126MiZpBA-UFUKWiUNhkIqOjjg.woff2") format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/opensans/memnYaGs126MiZpBA-UFUKWiUNhlIqOjjg.woff2") format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/opensans/memnYaGs126MiZpBA-UFUKWiUNhrIqM.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/opensans/mem8YaGs126MiZpBA-UFWJ0bbck.woff2") format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/opensans/mem8YaGs126MiZpBA-UFUZ0bbck.woff2") format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/opensans/mem8YaGs126MiZpBA-UFWZ0bbck.woff2") format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/opensans/mem8YaGs126MiZpBA-UFVp0bbck.woff2") format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/opensans/mem8YaGs126MiZpBA-UFWp0bbck.woff2") format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/opensans/mem8YaGs126MiZpBA-UFW50bbck.woff2") format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/opensans/mem8YaGs126MiZpBA-UFVZ0b.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/opensans/mem5YaGs126MiZpBA-UN7rgOX-hpOqc.woff2") format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/opensans/mem5YaGs126MiZpBA-UN7rgOVuhpOqc.woff2") format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/opensans/mem5YaGs126MiZpBA-UN7rgOXuhpOqc.woff2") format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/opensans/mem5YaGs126MiZpBA-UN7rgOUehpOqc.woff2") format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/opensans/mem5YaGs126MiZpBA-UN7rgOXehpOqc.woff2") format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/opensans/mem5YaGs126MiZpBA-UN7rgOXOhpOqc.woff2") format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/opensans/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.reset, #page button {
  border: 0;
  padding: 0;
  margin: 0;
}

body {
  background: #070c14 url(../img/generic/desktop/background-introduction.jpg) top center fixed no-repeat;
  font-family: "Open Sans", sans-serif;
  color: #fff;
}

.logo {
  background-image: url("../svg/logo-playzo.svg");
  display: block;
  background-repeat: no-repeat;
  text-indent: -100vw;
  overflow: hidden;
}

.logo-de {
  background-image: url("../svg/logo-fussballcup-de.svg");
}

.logo-nl {
  background-image: url("../svg/logo-footballcup-nl.svg");
}

.logo-fr {
  background-image: url("../svg/logo-footcup-fr.svg");
}

.logo-uk {
  background-image: url("../svg/logo-footiecup-co-uk.svg");
}

.logo-en {
  background-image: url("../svg/logo-footiecup-co-uk.svg");
}

.logo-at {
  background-image: url("../svg/logo-fussballcup-at.svg");
}

.logo-tr {
  background-image: url("../svg/logo-futbolcup-net.svg");
}

.logo-pl {
  background-image: url("../svg/logo-futbolcup-pl.svg");
}

#page {
  background-color: rgba(26, 32, 44, 0.9);
  width: 50%;
  margin: 1vw auto;
  padding: 1vw 1vw;
  font-size: 0.9vw;
  box-shadow: 0 0 4vw 0 #ffffff;
}
#page header {
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(0, 212, 255, 0) 100%);
}
#page h1.logo {
  width: 75%;
  height: 8vw;
  margin: 0 0 0 0;
  background-size: auto 80%;
  background-position: center;
  position: relative;
  left: 6vw;
}
#page h1 {
  color: #ffffff;
  font-weight: bold;
  font-size: 1.75em;
  margin: 1em 0;
  font-family: "Open Sans", sans-serif;
  text-align: center;
}
#page h2 {
  color: #ffffff;
  font-weight: bold;
  font-size: 1.25em;
  margin: 1em 0;
  font-family: "Open Sans", sans-serif;
  border-bottom: 1px solid #fff;
}
#page .gamedayarrow {
  display: block;
  background-repeat: no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  height: 3vw;
  width: 3vw;
  float: left;
}
#page #previousGameday {
  background-image: url("../svg/icon-arrow-left.svg");
  background-position: 10px;
}
#page #previousGameday:hover {
  background-position: 0px;
}
#page #nextGameday {
  background-image: url("../svg/icon-arrow-right.svg");
  float: right;
}
#page #nextGameday:hover {
  background-position: 10px;
}
#page #gamedayCaption {
  float: left;
  line-height: 1vw;
  text-align: center;
  width: 42vw;
}
#page input.tip {
  font-size: 1vw;
  color: #000;
  font-weight: bold;
}
#page span.tip {
  color: #fff;
  font-weight: bold;
}
#page .result {
  font-size: 1vw;
}
#page input, #page select {
  border: 0;
  font-size: 0.8vw;
  color: #555f73;
  background: white;
  line-height: 4vh;
  padding: 0 1vh 0 1vh;
  width: 100%;
}
#page select {
  height: 4vh;
  width: 100%;
}
#page button {
  width: 100%;
  height: 4.2vw;
  padding: 0;
  text-align: center;
  text-decoration: none;
  display: block;
  font-size: 1.4vw;
  background-color: #c31e1d;
  background-image: url("../img/button-background.jpg");
  background-repeat: no-repeat;
  background-size: 100% 200%;
  background-position: center top;
  color: #ffffff;
  cursor: pointer;
  font-weight: bold;
  border: 0;
  text-shadow: 0 2px 0 #000000;
}
#page button:hover {
  background-position: bottom;
}
#page input[type=submit] {
  width: 100%;
  height: 4.2vw;
  padding: 0;
  text-align: center;
  text-decoration: none;
  display: block;
  font-size: 1.4vw;
  background-color: #c31e1d;
  background-image: url("../img/button-background.jpg");
  background-repeat: no-repeat;
  background-size: 100% 200%;
  background-position: center top;
  color: #fff;
  cursor: pointer;
  font-weight: bold;
  border: 0;
  text-shadow: 0 2px 0 #000;
}
#page input[type=submit]:hover {
  background-position: bottom;
}
#page textarea {
  width: 100%;
  height: 100px;
}
#page table {
  border: 0;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1vh;
  margin-top: 1vh;
  width: 100%;
}
#page table td, #page table th {
  font-size: 1vw;
  color: #fff;
}
#page table tbody tr {
  background: rgba(66, 77, 107, 0.5);
}
#page table tbody tr:nth-child(even) {
  background: rgba(66, 77, 107, 0.25);
}
#page table tbody td {
  border-top: 0;
}
#page #login {
  width: 50%;
  margin: 0 auto;
  padding: 1vh;
}
#page #highscore-table {
  border: 0;
  width: 100%;
}
#page #highscore-table td {
  border-top: 0;
  padding: 3px;
}
#page #highscore-table thead th {
  background: rgba(22, 35, 67, 0.5);
  padding: 3px;
}
#page #highscore-table tfoot td {
  background: rgba(22, 35, 67, 0.5);
}
#page #highscore-table tfoot td.align-right {
  text-align: right;
}
#page #tiplist-table {
  margin-top: 6vw;
}
#page #tiplist-table thead th {
  background: rgba(22, 35, 67, 0.5);
  padding: 3px;
}
#page #tiplist-table tfoot td {
  background: rgba(22, 35, 67, 0.5);
}
#page #tiplist-table td {
  border-top: 0;
}
#page a {
  color: #fff;
  font-weight: bold;
}
#page nav.menu a {
  color: #fff;
  margin: 0 2px 0 2px;
  text-align: center;
  display: block;
  text-decoration: none;
  font-size: 2em;
  font-style: italic;
}
#page nav.menu a.active {
  background: #395a90;
  color: #fff;
}
#page footer {
  margin-top: 1vh;
  border-top: 1px solid #fff;
  padding-top: 1vh;
  text-align: center;
  font-size: 1em;
}

#page .pagination {
  margin: 5px auto;
  width: 100%;
}
#page .pagination button {
  width: 15px;
  height: 15px;
  text-indent: -1000px;
}
#page .pagination ul li {
  margin: 2vw;
}
#page .pagination ul li button {
  display: block;
  background-repeat: no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  height: 3vw;
  width: 3vw;
}
#page .pagination .first {
  background: url("../svg/icon-arrow-left.svg") no-repeat;
  background-position: 10px;
}
#page .pagination .first:hover {
  background-position: 0px;
}
#page .pagination .prev {
  background: url("../svg/icon-arrow-left.svg") no-repeat;
  background-position: 10px;
}
#page .pagination .prev:hover {
  background-position: 0px;
}
#page .pagination .placeholder {
  width: 10vw;
  text-align: center;
}
#page .pagination .next {
  background: url("../svg/icon-arrow-right.svg") no-repeat;
  background-position: 0px;
}
#page .pagination .next:hover {
  background-position: 10px;
}
#page .pagination .last {
  background: url("../svg/icon-arrow-right.svg") no-repeat;
  background-position: 0px;
}
#page .pagination .last:hover {
  background-position: 10px;
}

.rtl #page {
  font-size: 14px;
}
.rtl #page button {
  font-size: 14px;
}
.rtl #page .pagination .last {
  background: url("../img/resultset_first.png") no-repeat center center;
}
.rtl #page .pagination .next {
  background: url("../img/resultset_previous.png") no-repeat center center;
}
.rtl #page .pagination .prev {
  background: url("../img/resultset_next.png") no-repeat center center;
}
.rtl #page .pagination .first {
  background: url("../img/resultset_last.png") no-repeat center center;
}

@media only screen and (max-width: 1200px) {
  body {
    background: #070c14 url(../img/generic/mobile/portrait/background-introduction.jpg) top center fixed no-repeat;
    background-size: cover;
  }
  #page {
    width: 95%;
    font-size: 2vw;
  }
  #page table td {
    font-size: 2vw;
  }
  #page table th {
    font-size: 2vw;
  }
  #page button {
    font-size: 2vw;
    height: 6.2vw;
  }
  #page input, #page select {
    font-size: 1.7vw;
  }
  #page input.tip {
    font-size: 2vw;
  }
  #page #gamedayCaption {
    width: 85vw;
  }
}/*# sourceMappingURL=generic.css.map */