@charset "UTF-8";
@keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }
.rotate {
  animation: rotation 2s infinite linear; }

@keyframes flipping {
  0% {
    transform: rotateY(0); }
  50% {
    transform: rotateY(180deg); }
  100% {
    transform: rotateY(0); } }
.flip {
  animation: flipping 2s infinite linear; }

break {
  flex-basis: 100%;
  width: 0px;
  height: 0px;
  overflow: hidden; }

div.match-wrapper, div.match-tip-toto {
  display: flex;
  flex-flow: row wrap;
  justify-content: center; }

div.match-wrapper {
  border-top: 2px solid transparent;
  border-bottom: 2px solid black;
  margin: 5px 0;
  padding: 10px 0; }

div.match-wrapper-same-day {
  border-top: none;
  border-bottom: 1px solid #c8c8c8 !important; }

div.match-wrapper-next-day {
  border-top: none;
  border-bottom: 2px solid transparent !important; }

table.match-wrapper-next-day {
  border-top: 2px solid black;
  padding-top: 10px; }

div.match-wrapper ~ div.match-wrapper {
  border-top: none; }

@media all and (min-width: 1000px) {
  div.match-match {
    order: 1; }

  div.match-flex-filler {
    order: 2; }

  div.match-tip-toto {
    order: 3; }

  div.match-tip {
    order: 1; }

  div.match-toto {
    order: 2; } }
div.match-match {
  flex: 5;
  padding-bottom: 20px;
  width: 100%;
  min-width: 0px;
  /*  border-bottom: 1px #c8c8c8 dotted;*/ }
  @media only screen and (min-width: 450px) {
    div.match-match {
      min-width: 410px; } }
  @media only screen and (min-width: 935px) {
    div.match-match {
      width: 440px;
      padding-bottom: 0px;
      border-bottom: none; } }

div.match-match td.match-flag {
  width: 1%; }

div.match-match td.match-flag.right {
  padding-left: 0px; }
  @media only screen and (min-width: 600px) {
    div.match-match td.match-flag.right {
      padding-left: 50px; } }
  @media only screen and (min-width: 935px) {
    div.match-match td.match-flag.right {
      padding-left: 0px; } }

div.match-match td.match-flag.left {
  padding-right: 0px; }
  @media only screen and (min-width: 600px) {
    div.match-match td.match-flag.left {
      padding-right: 50px; } }
  @media only screen and (min-width: 935px) {
    div.match-match td.match-flag.left {
      padding-right: 0px; } }

div.match-match td.match-flag img {
  width: 20px;
  height: 20px; }
  @media only screen and (min-width: 360px) {
    div.match-match td.match-flag img {
      width: 30px;
      height: 30px; } }

div.match-match td.match-teamname {
  width: 50%; }

div.match-match td.matchresult-separator {
  width: 1%; }

div.match-flex-filler {
  display: hidden; }
  @media only screen and (min-width: 935px) {
    div.match-flex-filler {
      flex: 1; } }

div.match-tip-toto {
  min-width: 0px;
  width: 100%;
  flex: initial;
  justify-content: space-between;
  padding-top: 20px;
  padding-left: 0px; }
  @media only screen and (min-width: 351px) {
    div.match-tip-toto {
      width: auto; } }
  @media only screen and (min-width: 935px) {
    div.match-tip-toto {
      padding-top: 0px; } }

div.match-tip, div.match-toto {
  margin: 0 30px 20px 30px; }
  @media only screen and (min-width: 416px) {
    div.match-tip, div.match-toto {
      margin: 0 40px 20px 40px; } }
  @media only screen and (min-width: 935px) {
    div.match-tip, div.match-toto {
      margin: 0 20px 20px 20px; } }

div.match-tip {
  width: 170px; }

div.match-toto {
  width: 190px; }

div.tip-totto-header {
  color: black;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 5px;
  font-size: 14px;
  margin-left: 4px; }

table.tip-table {
  width: 100%;
  padding: 2px;
  margin: 0 0; }

.match-date {
  background-image: url(../images/calendar_32.png);
  background-repeat: no-repeat;
  background-position: 0px center;
  padding-left: 40px;
  color: black;
  font-weight: bold;
  font-size: 16px; }

.match-date.match-date-past {
  background-image: url(../images/calendar_past_32.png);
  color: #646464; }

.match-result {
  font-weight: bold;
  font-size: 16px; }

* {
  margin: 0;
  padding: 0; }

html, body {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 1.2;
  width: 100%;
  height: 100%; }

body {
  background-image: url("../images/background_black_mobile.jpg");
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  -webkit-background-size: auto 100%; }
  @media only screen and (min-width: 720px) {
    body {
      background-image: url("../images/background_black.jpg"); } }
  @media only screen and (min-width: 2500px) {
    body {
      -moz-background-size: 100% 100%;
      -o-background-size: 100% 100%;
      -webkit-background-size: 100% 100%; } }

h1, h2, h3 {
  color: black; }

h1 {
  font-weight: bold;
  font-variant: small-caps;
  margin-top: 25px;
  margin-bottom: 10px;
  font-size: 18px;
  width: 100%;
  border-bottom: solid 2px #2a6c00;
  padding-bottom: 6px; }

h2 {
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 15px;
  font-size: 16px; }

h3 {
  font-weight: normal;
  margin-top: 10px;
  margin-bottom: 5px;
  font-size: 14px; }

a {
  color: #3b4b62;
  outline: none; }

ul {
  margin: 0 0 10px 20px; }

label {
  color: black;
  font-weight: bold;
  font-size: 12px;
  padding: 0;
  display: block; }

input, textarea, select {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border-width: 1px; }

textarea, input, *:focus {
  outline: none !important; }

input[type=text].tipInputField:disabled, input[type=text].tipInputField:-webkit-autofill:disabled {
  -webkit-box-shadow: 0 0 0px 1000px #dddddd inset;
  background: #dddddd;
  color: #222;
  border: 1px solid #ccc; }

input, textarea {
  display: block;
  font-size: 14px;
  padding: 5px 7px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  filter: none; }

input[type=text]:enabled, input[type="password"]:enabled, textarea:enabled {
  background-color: white;
  color: black;
  border: 1px solid #cccccc; }

input[type=text]:disabled, input[type="password"]:disabled, textarea:diabled {
  background-color: #dddddd;
  color: #dddddd;
  border: 1px solid #ccc; }

input[type=text]:enabled.invalid, input[type=text]:enabled:focus.invalid, input[type=text]:enabled:hover.invalid, input[type="password"]:enabled.invalid, input[type="password"]:enabled:focus.invalid, input[type="password"]:enabled:hover.invalid, textarea:enabled.invalid, textarea:enabled.invalid:focus, textarea:enabled.invalid:hover {
  border: 2px solid #a20000;
  background-color: #f4e6e4; }

input[type=text]:enabled:focus, input[type="password"]:enabled:focus, textarea:enabled:focus {
  border: 1px solid #3b4b62; }

input[type=text]:enabled:hover, input[type="password"]:enabled:hover, textarea:enabled:hover {
  border: 1px solid #3b4b62; }

input:enabled.invalid {
  margin-bottom: 10px; }

input[type=checkbox] {
  display: inline-block;
  position: relative;
  top: 2px; }

input[type=checkbox] + label, input[type=checkbox] {
  display: inline-block;
  padding-left: 5px;
  vertical-align: middle;
  padding-top: 4px; }

input.tipInputField, td.tip-value > input.invalid {
  font-size: 18px;
  text-align: center;
  width: 25px;
  padding-right: 0;
  padding-left: 0;
  margin-bottom: 0; }

input.float-right {
  float: right;
  clear: both; }

.inputerror {
  font-size: 12px; }

p {
  padding-top: 8px;
  padding-bottom: 8px; }

label, .unselectable, #menutop > ul > li > a, #menubar ul li a {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

fieldset.labelTop > label, label.labelTop {
  margin-top: 10px;
  margin-bottom: 3px; }

fieldset.labelTop > label:fist-child, label.labelTop:fist-child {
  margin-top: 0px; }

fieldset {
  border: none; }

input[type=text], input[type="password"], input:-webkit-autofill, textarea {
  background-color: white;
  -webkit-box-shadow: 0 0 0px 1000px white inset; }

input.labelTop {
  width: 260px; }

input#lostPasswordCodeId {
  width: auto; }

input[type="radio"] {
  margin-top: -1px;
  vertical-align: middle; }

input[type="radio"]:enabled.tipRadioChoiseMissing {
  background: #fddbd9;
  color: red; }

input[type=text].as-label:enabled {
  border: none; }

div.halfscreen {
  float: none;
  width: 100%; }
  @media only screen and (min-width: 1200px) {
    div.halfscreen {
      float: left;
      width: 520px; } }

img#logo {
  width: 200px;
  height: auto;
  margin: 15px 10px 0 10px; }
  @media only screen and (min-width: 1200px) {
    img#logo {
      width: 323px;
      margin: 20px 20px 0 20px; } }

img#logoFooter {
  height: 14px;
  width: auto;
  margin: 0 0 5px 0; }

#player {
  display: none;
  position: fixed;
  width: 184px;
  height: 412px;
  background-image: url("../images/player.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 10%;
  bottom: 10%; }

.header-table tr > td.titleTournamentInfo {
  font-size: 10px;
  font-weight: normal;
  color: whitesmoke;
  vertical-align: bottom;
  padding: 0 10px 10px 0;
  text-align: right; }
  @media only screen and (min-width: 720px) {
    .header-table tr > td.titleTournamentInfo {
      font-size: 16px;
      padding: 0 10px 16px 0; } }

.header-table tr > td.titleTournamentInfo img {
  height: 20px;
  width: auto;
  margin-left: 10px; }
  @media only screen and (min-width: 720px) {
    .header-table tr > td.titleTournamentInfo img {
      height: 40px;
      margin-left: 20px; } }

@media only screen and (min-width: 400px) {
  span.titleCountries {
    display: inline-block;
    width: 350px; } }
  @media only screen and (min-width: 400px) and (min-width: 720px) {
    span.titleCountries {
      width: 550px; } }

input[type=radio].jcrop-keymgr {
  top: -1000px; }

span.emphasized {
  font-weight: bold; }

/* ---------------------------------------*/
/* Layout                                 */
/* ---------------------------------------*/
div.content {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-top: 15px;
  margin-bottom: 30px; }
  @media only screen and (min-width: 1000px) {
    div.content {
      margin-bottom: 20px; } }

div.content:first-of-type {
  margin-top: 0px; }

div.content:last-of-type {
  margin-bottom: 0px; }

div.contentTitle {
  color: black;
  background-color: rgba(230, 230, 230, 0.95);
  border-top: 5px solid black;
  border-bottom: 1px solid black;
  padding: 10px 10px;
  font-size: 18px; }
  @media only screen and (min-width: 1200px) {
    div.contentTitle {
      padding: 20px 40px;
      font-size: 24px; } }

div.content.admin > div.contentTitle {
  background-color: #ffd6d6;
  border-top: 5px solid #ff8080;
  border-bottom: 1px solid #ff8080;
  color: #870000; }

div.contentWorkspace {
  background-color: rgba(255, 255, 255, 0.95);
  margin: 0 0px;
  padding: 10px 10px; }
  @media only screen and (min-width: 1200px) {
    div.contentWorkspace {
      padding: 20px 40px; } }

div.clearFloat {
  clear: both; }

div.twoColumns {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start; }

div.twoColumnsItems {
  flex-grow: 1; }

#menutop, #menu-wrapper {
  height: 45px; }

#menutop i.fa {
  line-height: 40px; }

#menutop {
  width: 1140px;
  line-height: 40px;
  border: solid #646464;
  border-width: 0 1px 1px 1px;
  background: whitesmoke;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  /*
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FkYWRhZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZGFkYWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(173,173,173,1) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 60%, rgba(173,173,173,1) 100%); /* FF3.6+ */
  /*  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(173,173,173,1)), color-stop(40%,rgba(255,255,255,1)), color-stop(60%,rgba(255,255,255,1)), color-stop(100%,rgba(173,173,173,1))); /* Chrome,Safari4+ */
  /*  background: -webkit-linear-gradient(top,  rgba(173,173,173,1) 0%,rgba(255,255,255,1) 40%,rgba(255,255,255,1) 60%,rgba(173,173,173,1) 100%); /* Chrome10+,Safari5.1+ */
  /*  background: -o-linear-gradient(top,  rgba(173,173,173,1) 0%,rgba(255,255,255,1) 40%,rgba(255,255,255,1) 60%,rgba(173,173,173,1) 100%); /* Opera 11.10+ */
  /*  background: -ms-linear-gradient(top,  rgba(173,173,173,1) 0%,rgba(255,255,255,1) 40%,rgba(255,255,255,1) 60%,rgba(173,173,173,1) 100%); /* IE10+ */
  /*  background: linear-gradient(to bottom,  rgba(173,173,173,1) 0%,rgba(255,255,255,1) 40%,rgba(255,255,255,1) 60%,rgba(173,173,173,1) 100%); /* W3C */
  /*  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#adadad', endColorstr='#adadad',GradientType=0 ); /* IE6-8 */
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px; }

#menutop.menulanguages {
  height: 40px; }

div#menutop.sticky {
  position: fixed;
  top: 0px;
  z-index: 1000; }

/* ============== MENU from cssmenumaker.com  */
#menutop,
#menubar,
#menubar li,
#menubar li a,
#menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 40px;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

#menutop {
  background-color: black; }

#menutop > ul > li.admin a {
  color: #c00000; }

#menubar {
  margin-top: 3px !important; }

#menubar:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

#menu-button {
  display: none; }

#menutop {
  width: auto;
  line-height: 1; }

#menu-line-background {
  height: 3px;
  background-color: #323232;
  width: 100%; }

#menu-line {
  position: absolute;
  top: 0;
  left: 0;
  height: 3px;
  background-color: #d2d2d2;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out; }

#menubar > li {
  float: left; }

#menutop.align-center > ul {
  font-size: 0;
  text-align: center; }

#menutop.align-center > ul > li {
  display: inline-block;
  float: none; }

#menutop.align-center ul ul {
  text-align: left; }

#menutop.align-right > ul > li {
  float: right; }

#menutop.align-right ul ul {
  text-align: right; }

#menubar > li.align-right {
  float: right; }

#menubar > li > a {
  padding: 0 20px;
  font-size: 14px;
  color: #c8c8c8;
  text-decoration: none;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease; }

#menubar > li:hover > a {
  color: white; }

#menubar > li.has-sub > a {
  padding-right: 25px; }

#menubar > li.has-sub > a::after {
  position: absolute;
  top: 17px;
  right: 10px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid white;
  border-right: 1px solid white;
  content: "";
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease; }

#menubar > li.has-sub:hover > a::after {
  border-color: #d2d2d2; }

#menubar ul {
  z-index: 10;
  position: absolute;
  -webkit-box-shadow: 0px 2px 3px 0px gray;
  -moz-box-shadow: 0px 2px 3px 0px gray;
  box-shadow: 0px 2px 3px 0px gray;
  display: none;
  left: -30px; }

#menutop li:hover > ul {
  display: inline;
  display: initial; }

#menutop.align-right li:hover > ul {
  right: 0; }

#menubar ul ul {
  margin-left: 100%;
  top: 0; }

#menutop.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%; }

#menubar ul li {
  -webkit-transition: height .2s ease;
  -moz-transition: height .2s ease;
  -ms-transition: height .2s ease;
  -o-transition: height .2s ease;
  transition: height .2s ease; }

#menubar li:hover > ul > li {
  height: 41px;
  border-top-style: solid;
  border-top-color: #f2f2f2;
  border-top-width: 1px; }

#menubar ul li.delimiter {
  border-top-style: solid;
  border-color: gray; }

#menubar li:hover > ul > li.delimiter {
  border-color: #CCCCCC; }

#menubar ul li a {
  padding: 0px 30px;
  white-space: nowrap;
  font-size: 14px;
  color: black;
  background: #f2f2f2;
  text-decoration: none;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease; }

#menubar ul li a.icon {
  padding-left: 5px; }

#menubar ul li a.icon img, #menutop > ul > li > a.icon img {
  height: 14px;
  display: inline-block;
  padding: 0 4px 0 3px; }

#menubar ul li:hover > a,
#menubar ul li a:hover {
  background: #b7c3cd; }

#menubar ul li.has-sub > a::after {
  position: absolute;
  top: 13px;
  right: 10px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  content: "";
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease; }

#menutop.align-right ul ul li.has-sub > a::after {
  right: auto;
  left: 10px;
  border-bottom: 0;
  border-right: 0;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd; }

#menubar ul li.has-sub:hover > a::after {
  border-color: #ffffff; }

@media only screen and (max-width: 1000px) {
  #menubar > li > a {
    padding: 0 15px; }

  #menubar > li.has-sub > a {
    padding-right: 20px; } }
/*
@media all and (max-width: $x-large-screen), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  */
@media only screen and (max-width: 875px) {
  #menutop {
    width: 100%; }

  #menubar {
    width: 100%;
    display: none; }

  #menutop.align-center > ul,
  #menutop.align-right ul ul {
    text-align: left; }

  #menubar ul {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

  #menubar li,
  #menubar ul li,
  #menubar li:hover > ul > li {
    width: 100%;
    height: auto;
    border-top: 1px solid #d2d2d2; }

  #menubar li a,
  #menubar ul li a {
    width: 100%; }

  #menubar > li > a {
    color: black;
    background-color: #f2f2f2; }

  #menubar > li:hover > a {
    color: #3b4b62;
    background: #b7c3cd; }

  #menubar > li,
  #menutop.align-center > ul > li,
  #menutop.align-right > ul > li {
    float: none;
    display: block; }

  #menubar > li.has-sub > a {
    background-color: #e6e6e6;
    font-weight: bold; }

  #menubar ul li a, #menubar ul li a.icon {
    font-size: 14px;
    color: #000000;
    background: #f2f2f2;
    padding-top: 0px;
    padding-right: 20px;
    padding-bottom: 0px; }

  #menubar ul li a {
    padding-left: 65px; }

  #menubar ul li a.icon {
    padding-left: 40px; }

  #menubar ul li:hover > a,
  #menubar ul li a:hover {
    color: #000000; }

  #menubar ul ul li a {
    padding-left: 38px;
    border: 1px solid red; }

  #menubar ul,
  #menubar ul ul {
    position: relative;
    left: 0;
    right: auto;
    width: 100%;
    margin: 0; }

  #menubar > li.has-sub > a::after,
  #menubar ul li.has-sub > a::after {
    display: none; }

  #menu-line, #menu-line-background {
    display: none; }

  #menu-button {
    display: block;
    padding: 20px;
    color: #000000;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase; }

  #menu-button::after {
    content: '';
    position: absolute;
    top: 15px;
    right: 20px;
    display: block;
    width: 15px;
    height: 2px;
    background: white; }

  #menu-button::before {
    content: '';
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    width: 15px;
    height: 3px;
    border-top: 2px solid white;
    border-bottom: 2px solid white; }

  #menutop .submenu-button {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.15);
    height: 52px;
    width: 52px;
    cursor: pointer; }

  #menutop .submenu-button::after {
    content: '';
    position: absolute;
    top: 21px;
    left: 26px;
    display: block;
    width: 1px;
    height: 11px;
    background: #000000;
    z-index: 99; }

  #menutop .submenu-button::before {
    content: '';
    position: absolute;
    left: 21px;
    top: 26px;
    display: block;
    width: 11px;
    height: 1px;
    background: #000000;
    z-index: 99; }

  #menutop .submenu-button.submenu-opened:after {
    display: none; } }
/* ============== MENU from cssmenumaker.com */
div.chart-wrapper {
  display: none; }
  @media only screen and (min-width: 1200px) {
    div.chart-wrapper {
      display: block;
      margin-bottom: 40px; } }

/*
div#showProfileRankingPanelId {
  display: none;
  
  @media only screen and (min-width: $x-large-screen) {
    display: block;
  }
}
*/
@media only screen and (min-width: 1200px) {
  #workspace {
    padding: 0px;
    background-color: none;
    border-radius: 10px; } }

#workspace {
  margin: 30px 0px; }

table#matchStatisticHeader {
  margin: 0px;
  vertical-align: middle;
  text-align: middle;
  height: 30px; }

table#matchStatisticHeader th {
  padding-top: 5px; }

#matchStatisticContents {
  overflow: auto;
  max-height: 700px; }

.divGapBottom {
  margin-bottom: 20px; }

/* ---------------------------------------*/
/* Locals/Languages - Login and Register  */
/* ---------------------------------------*/
#locales {
  width: auto;
  margin-left: auto;
  margin-right: auto; }

#locales th {
  padding: 2px 3px 0px 10px !important;
  vertical-align: middle; }

#locales td {
  padding: 0px 10px 0px 0px !important;
  vertical-align: middle; }

#navigation a {
  color: #646464; }

/* ---------------------------------------*/
/* Login                                  */
/* ---------------------------------------*/
#login fieldset {
  padding: 0px 0; }

#login a {
  text-align: center; }

#register p {
  padding: 5px 0 !important; }

/* ---------------------------------------*/
/* RegisterForm                           */
/* ---------------------------------------*/
#registerFormDiv {
  margin: 20px 0 20px 20px; }

#registerFormWorkspace {
  width: 600px; }

#registerForm input[type=text], textarea {
  width: 300px; }

/* ---------------------------------------*/
/* Menu                                   */
/* ---------------------------------------*/
#menu {
  float: left;
  width: 180px;
  min-height: 100%;
  /* Mindesthöhe für moderne Browser */
  height: auto !important;
  /* Important Regel für moderne Browser */
  height: 100%;
  /* Mindesthöhe für den IE */ }

#ad {
  padding: 20px 0 0 20px; }

/* ---------------------------------------*/
/* popupPanel                              */
/* ---------------------------------------*/
div.popupPanel {
  display: none;
  position: fixed;
  top: 5px;
  width: 100%;
  padding: 0px 0px 0px 0px;
  border-width: 2px;
  border-style: groove;
  /*  box-shadow: 3px 3px 3px 2px #909090;*/
  z-index: 1100;
  padding: 10px; }
  @media only screen and (min-width: 450px) {
    div.popupPanel {
      width: 450px;
      margin-left: 0; } }
  @media only screen and (min-width: 720px) {
    div.popupPanel {
      width: 450px;
      margin-left: 240px; } }
  @media only screen and (min-width: 1200px) {
    div.popupPanel {
      width: 450px;
      margin-left: 720px; } }

.popupPanel table.popupPanelTable {
  width: 100%; }

.popupPanel div#popupPanelTitleId {
  font-size: 14px;
  font-weight: bold;
  color: #4b4b4b;
  margin: 5px 0 10px 0;
  padding: 0 0 10px 0;
  border-bottom: 1px solid; }

.popupPanel.popupPanelAccept h1 {
  border-bottom-color: #1E8C00; }

.popupPanel.popupPanelInfo h1 {
  border-bottom-color: #6696C6; }

.popupPanel.popupPanelError h1 {
  border-bottom-color: #ED8382; }

.popupPanelAccept {
  background-color: white;
  border-color: #3b4b62; }

.popupPanelInfo {
  background-color: white;
  border-color: #17375e; }

.popupPanelError {
  background-color: white;
  border-color: #a20000; }

select.missingSelectedEnty {
  background-color: #FBDBDB;
  border: 1px solid red; }

#popupPanelMessageId {
  color: #323232; }

.popupPanel table tr td {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px; }

.popupPanel p {
  margin: 5px 10px 5px 0px;
  padding: 0px 0px 0px 0px !important;
  line-height: 140%; }

/* ---------------------------------------*/
/* Common styles                          */
/* ---------------------------------------*/
/*
 * Anker
 */
a:link, a:visited, a:active {
  color: #3b4b62;
  text-decoration: none;
  font-weight: normal; }

a:hover, a:focus {
  text-decoration: none;
  color: black;
  font-weight: normal;
  cursor: pointer;
  cursor: hand; }

a.tableSortAnchor:link, a.tableSortAnchor:visited, a.tableSortAnchor:active {
  color: white;
  text-decoration: underline;
  font-weight: normal; }

a.tableSortAnchor:hover, a.tableSortAnchor:focus {
  text-decoration: underline;
  color: black;
  font-weight: normal; }

.emphasizeInfoValue, .pointsWonTournamentWinner, #totoCalculatedAmountId {
  display: inline;
  font-weight: bold;
  font-size: 16px;
  padding: 0 7px 0 6px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.emphasizeInfoValue {
  border: 1px solid #f0f0b4;
  background-color: #ffffe7; }

/* ---------------------------------------*/
/* Tabellen                               */
/* ---------------------------------------*/
table {
  font-size: 14px; }

table th.small, table td.small {
  width: 1%; }

td {
  -moz-box-sizing: border-box;
  /* fix the padding problem in firefox */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 3px; }

tr.sep th, tr.sep td {
  padding-top: 40px; }

table.table td.number, table.table th.number {
  text-align: right; }

table.table td.text, table.table th.text {
  text-align: left; }

table.douleHeader th {
  padding: 7px !important;
  repeat-x: top #EFEFEF;
  text-align: left !important;
  vertical-align: top;
  padding-top: 2px; }

table.zebra tr:nth-child(even) td, table.tipGroupTableZebra tr:nth-child(even) td, table#matchTipsTable tr:nth-child(even) td {
  background-color: white; }

table.zebra tr:nth-child(odd) td, table.tipGroupTableZebra tr:nth-child(odd) td, table#matchTipsTable tr:nth-child(odd) td {
  background-color: whitesmoke; }

table.table {
  border-style: solid;
  border-color: #CCC;
  border-width: 1px 1px 0 1px;
  margin: 0 0 5px 0;
  /*  table-layout: fixed;   TFR muss das fixed sein - oder sollte es besser mit einer width je row definiert werden? */
  border-collapse: collapse; }

table.table th, div.responsiveTableHeader {
  color: white;
  font-weight: normal;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  padding: 6px 4px 6px 2px; }
  @media only screen and (min-width: 1200px) {
    table.table th, div.responsiveTableHeader {
      padding: 8px 8px 8px 5px; } }

div.responsiveTableRow {
  border-bottom-style: solid;
  border-bottom-color: #CCC;
  border-bottom-width: 1px;
  padding: 2px; }

div.responsiveTableRow:after {
  content: '';
  display: block;
  clear: both; }

div.responsiveTableRow p {
  padding: 8px; }

div.resonsiveTableCell.left {
  float: left; }

div.resonsiveTableCell.right {
  float: right; }

#matchStatisticHeaderDiv {
  background: red; }

table.table th, div.responsiveTableHeader, #menu ul li, div.widget div.title, div#matchStatisticHeaderDiv div {
  background: #3b4b62; }

#menu ul li.admin {
  background: #ff3030; }

table.table td {
  border: solid #CCC;
  border-width: 0 0 1px 0; }

table tr.left > td, table tr.left > th, table th.left, table td.left, div.text-left {
  text-align: left; }

table tr.center > td, table tr.center > th, table th.cente, table td.center, div.text-center {
  text-align: center; }

table tr.right > td, table tr.right > th, table th.right, table td.right, div.text-right {
  text-align: right; }

table tr.top > td, table tr.top > th, table th.top, table td.top {
  vertical-align: top; }

table.middle td, table tr.middle > td, table tr.middle > th, table th.middle, table td.middle {
  vertical-align: middle; }

table tr.bottom > td, table tr.bottom > th, table th.bottom, table td.bottom {
  vertical-align: bottom; }

table tr td.small {
  width: 1%; }

/* ---------------------------------- */
/* TIPP: Tabellenhintergruende        */
/* ---------------------------------- */
/* Ohne Elfmeterschiessen / Ohne Toto */
table.tableWithoutTotoStyle tr:nth-child(2n) td {
  background-color: #f0f0f0; }

table.tableWithoutTotoStyle tr td {
  border: solid #CCC;
  border-width: 0 0 1px 0; }

/* Ohne Elfmeterschiessen / Mit Toto */
table.tableWithTotoStyle tr:nth-child(4n) td, table.tableWithTotoStyle tr:nth-child(4n-1) td {
  background-color: #f0f0f0; }

table.tableWithTotoStyle tr:nth-child(2n) td {
  border: solid #CCC;
  border-width: 0 0 1px 0; }

table.tableWithTotoStyle tr:nth-child(2n-1) td {
  border-width: 0; }

/* Mit Elfmeterschiessen / Ohne Toto */
table.finalTableWithoutTotoStyle tr:nth-child(4n) td, table.finalTableWithoutTotoStyle tr:nth-child(4n-1) td {
  background-color: #f0f0f0; }

table.finalTableWithoutTotoStyle tr:nth-child(2n) td {
  padding-top: 0px;
  border: solid #CCC;
  border-width: 0 0 1px 0; }

table.finalTableWithoutTotoStyle tr:nth-child(2n-1) td {
  padding-bottom: 0px;
  border: 0; }

/* ---------------------------------- */
/* Ende TIPP: Tabellenhintergruende        */
/* ---------------------------------- */
td.subcell {
  border: 2px solid red; }

td.lightText, span.lightText {
  color: #969696; }

#tipsInformationDivId {
  margin: 5px 0 50px 0;
  padding: 7px 0; }

#totoCalculatedAmountId {
  border: solid #BCD0E6 1px;
  background-color: #EAF1F8; }

#totoCalculatedAmountId.overdrawn {
  padding: 0 5px;
  border: solid 1px #FF0000;
  background-color: #ffd8d8; }

#outstandingTotoCreditsWarnDivId {
  margin-top: 5px;
  padding: 5px 5px 0px 50px;
  background-image: url(../images/warning.png);
  background-size: 32px 32px;
  background-position: 9px 5px;
  background-attachment: scroll;
  background-color: #fff5cd;
  background-repeat: no-repeat; }

table.tipTable th {
  padding: 0px 5px 2px 5px;
  vertical-align: middle; }

table.tipTable {
  margin-bottom: 15px; }

.tipTable th, .tipTable td, .matchGroupTable th, .matchGroupTable td {
  padding: 4px;
  text-align: center;
  white-space: nowrap; }

tr.tipTablePenalty td {
  padding: 0px 4px 4px 4px; }

/* TFR diese Formate ev. loeschen */
.tipTable a {
  color: #FFF;
  font-weight: normal; }

.tipTable .userTip {
  font-weight: bold; }

.tipTable .points {
  font-weight: bold; }

.tipTable .tipQuote {
  font-size: 11px;
  text-align: right !important; }

.tipTable .labelHintBottom {
  font-size: 10px;
  color: #A0A0A0;
  text-align: right !important; }

/* ENDE TFR diese Formate ev. loeschen */
.tipTeamName, a.tipTeamName {
  font-weight: bold;
  font-size: 18px;
  font-variant: small-caps;
  color: #376092; }

.tipTeamName span.tipTeamNamePseudoTeam {
  color: #969696; }

a.tipTeamName:link, a.tipTeamName:visited, a.tipTeamName:active {
  text-decoration: none; }

a.tipTeamName:hover, a.tipTeamName:focus {
  text-decoration: underline; }

td.tip-label {
  padding-right: 10px;
  text-align: left; }

td.tip-value {
  font-weight: bold;
  width: 1%;
  padding-left: 3;
  padding-right: 3; }

td.tip-value-trash {
  min-width: 120px; }

.minortext {
  font-size: 10px;
  font-weight: normal;
  color: #646464; }

table.matchGroupTable {
  margin-bottom: 0px; }

.teamPerformanceTournament {
  border: solid 1px #c8c8c8;
  border-radius: 5px;
  padding: 0px 5px;
  margin-bottom: 5px; }

div.teamPerformanceTournamentWinner {
  background-color: #ffffcc;
  border: solid 1px #c8c8c8;
  margin-bottom: 5px; }

table.teamPerformanceTournamentWinner {
  border: solid 0px;
  padding: 0px;
  margin: 0px;
  padding: 0px;
  border-spacing: 0px; }

td.groupnameWidth {
  width: 100px;
  max-width: 100px; }

td.flagWidth {
  width: 25px;
  max-width: 25px; }

td.teamNameWidth {
  width: 125px;
  max-width: 125px; }

td.resultWidth {
  width: 35px;
  max-width: 35px; }

td.kickoffWidth {
  width: 80px;
  max-width: 80px; }

.ui-accordion .ui-accordion-content {
  padding: 5px 0; }

h4.ui-accordion-header {
  font-size: 16px; }

table.matchTipsStatistics {
  width: 100%;
  margin: 0px;
  border-spacing: 0px;
  border-bottom: 1px solid #CCC; }

table.matchTipsStatistics th {
  height: 25px; }

#matchStatisticWorkspace table.matchTipsStatistics tr td {
  text-align: right;
  font-size: 8pt;
  padding: 4px 4px; }

tr.odd td, .matchTipsOdd td {
  background-color: whitesmoke; }

tr.even td, .matchTipsEven td {
  background-color: white; }

table#matchTipsTable tr.matchTipsHit td {
  background-color: #A7DE48 !important;
  font-weight: bold; }

/*
 * Images
 */
img {
  border: none; }

img.flagBig {
  width: 30px;
  height: 30px; }

img.flagNormal {
  width: 20px;
  height: 20px; }

img.flagSmall {
  width: 15px;
  height: 15px; }

span.tournamentName {
  float: right;
  color: #646464;
  font-size: 12px;
  margin-top: 8px; }

/* ---------------------------------------*/
/* ErrorDiv - Validierung einer Form      */
/* ---------------------------------------*/
div.errorDiv {
  margin: 10px 10px;
  padding: 5px;
  border: solid 1px red;
  background: #fddbd9; }

.inputerror, .error, div.error {
  color: #dd0000; }

.error {
  display: block; }

/*
div.help {
  display: none;
}
*/
a.help {
  float: right; }

ul.help {
  padding: 0px 0px 0px 20px;
  margin: 0px; }

li.help {
  padding: 1px 0px 1px 0px;
  margin: 0px; }

/* ------------------------- */
/* Info-/Warn- und Error-Div */
/* ------------------------- */
div.error, div.warn, div.info, div.notification, div.admin {
  margin-top: 20px;
  margin-bottom: 20px; }

div.admin {
  border: 1px solid #870000; }

div.error > div.title, div.warn > div.title, div.info > div.title, div.notification > div.title, div.admin > div.title {
  padding: 8px; }

div.error > div.message, div.warn > div.message, div.info > div.message, div.notification > div.message, div.admin > div.message {
  padding: 5px; }

div.error > div.title {
  color: white;
  background-color: #a20000; }

div.error > div.message {
  color: black;
  background-color: #f4e6e4;
  background-image: url(../images/error.png); }

div.warn > div.title, div.notification > div.title {
  color: black;
  background-color: #e8a964; }

div.warn > div.message {
  color: black;
  background-color: #f4ebe4;
  background-image: url(../images/warning.png); }

div.notification > div.message {
  color: black;
  background-color: #f4ebe4;
  background-image: url(../images/notification_32.png); }

div.info > div.title {
  color: white;
  background-color: #17375e; }

div.info > div.message {
  color: black;
  background-color: #e6e6e6;
  background-image: url(../images/info_32.png); }

div.admin > div.title {
  color: #870000;
  background-color: #ffd6d6; }

div.admin > div.message {
  color: black;
  background-color: white;
  background-image: url(../images/admin_32.png); }

div.error > div.message, div.warn > div.message, div.info > div.message, div.notification > div.message, div.admin > div.message {
  padding: 15px 15px 15px 50px;
  background-position: 7px 10px;
  background-attachment: scroll;
  background-repeat: no-repeat; }

div.error ul {
  margin: 10px 0 0 0;
  padding-top: 0px;
  padding-left: 20px;
  font-weight: normal; }

div.error ul li {
  margin: 5px 0px; }

/* Ende Info-/Warn-/Error- und Help-Div */
.form th, .form td {
  vertical-align: middle; }

.form th {
  text-align: right;
  font-weight: normal; }

.form td {
  padding: 5px; }

.round {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

a.button {
  margin: 2px;
  padding: 7px 20px 7px 15px;
  line-height: 1.2; }

a.smallButton {
  margin: 2px;
  padding: 5px 15px 5px 10px;
  line-height: 1.2; }

a.button, a.smallButton {
  float: left;
  border: 1px solid #3b4b62;
  text-decoration: none;
  display: inline-block;
  color: #f3f3f3;
  text-shadow: 1px 1px 0px #666;
  background: #3b4b62;
  /* Falls Button in einer Tabelle angezeigt wird */
  border-spacing: 0 0;
  -webkit-border-horizontal-spacing: 0px;
  -webkit-border-vertical-spacing: 0px;
  position: relative;
  overflow: hidden; }

a.button:after, a.smallButton:after {
  position: absolute;
  background-repeat: no-repeat;
  content: ''; }

a.smallButton.no-float {
  float: none; }

a.rightButton {
  float: right; }

a.link-button, a.link-button-left {
  line-height: 2.2; }

a.link-button-left {
  float: left;
  margin-left: 40px; }

a.button:hover, a.smallButton:hover {
  background: #8598a9; }

a.button.admin, a.smallButton.admin {
  color: #F3F3F3;
  background: #ff3030; }

a.button.admin:hover, a.smallButton.admin:hover {
  background: #f5c8a5; }

a.button.disabled, a.button.disabled:active, a.smallButton.disabled, a.smallButton.disabled:active {
  color: #646464;
  text-shadow: none;
  border: 1px solid #c8c8c8;
  cursor: default;
  background: #bababa; }

a.button:active, a.smallButton:active {
  color: white;
  text-shadow: 1px 1px 0px #181818;
  background: #58a101;
  /* Old browsers */
  background: -moz-linear-gradient(top, #879aab 50%, #6f8599 50%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #879aab), color-stop(50%, #6f8599));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #879aab 50%, #6f8599 50%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #879aab 50%, #6f8599 50%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #879aab 50%, #6f8599 50%);
  /* IE10+ */
  background: linear-gradient(to bottom, #879aab 50%, #6f8599 50%);
  /* W3C */ }

a.button span {
  padding-left: 30px;
  vertical-align: middle;
  display: table-cell;
  height: 24px;
  font-size: 14px;
  font-weight: bold; }

a.button:after {
  width: 20px;
  height: 20px;
  top: calc(50% - 10px);
  left: 20px;
  background-size: 20px 20px;
  background-position: 0;
  background-attachment: scroll;
  background-color: transparent;
  background-repeat: no-repeat; }

a.smallButton span {
  padding-left: 20px;
  vertical-align: middle;
  display: table-cell;
  /*  height: 16px;*/
  font-size: 14px;
  font-weight: normal; }

a.smallButton:after {
  width: 14px;
  height: 14px;
  top: calc(50% - 7px);
  left: 10px;
  background-size: 14px 14px;
  background-position: 0;
  background-attachment: scroll;
  background-color: transparent;
  background-repeat: no-repeat; }

a.button.ball:after, a.smallButton.ball:after {
  background-image: url(../images/ball.png); }

a.button.save:after, a.smallButton.save:after {
  background-image: url(../images/save.png); }

a.button.delete:after, a.smallButton.delete:after {
  background-image: url(../images/delete3.png); }

a.button.mail:after, a.smallButton.mail:after {
  background-image: url(../images/mail.png); }

a.button.editmail:after, a.smallButton.editmail:after {
  background-image: url(../images/editMail.png); }

a.button.register:after, a.smallButton.register:after {
  background-image: url(../images/register.png); }

a.button.search:after, a.smallButton.search:after {
  background-image: url(../images/search.png); }

a.button.back:after, a.smallButton.back:after {
  background-image: url(../images/back.png); }

a.button.busy-rotate:after, a.smallButton.busy-rotate:after {
  animation: rotation 2s infinite linear; }

a.button.busy-flip:after, a.smallButton.busy-flip:after {
  animation: flipping 2s infinite linear; }

.mandatoryField {
  color: red; }

.profileImage {
  width: 220px; }

.mottoBig {
  font-size: 18px;
  font-weight: normal;
  padding-top: 10px;
  min-width: 200px;
  max-width: 400px;
  text-align: left;
  vertical-align: top; }

#betCommunityForm {
  width: 650px; }

#betCommunityForm th {
  white-space: nowrap;
  font-weight: normal;
  padding-left: 3px; }

#betCommunityForm input {
  width: 300px; }

#betCommunityForm textarea {
  width: 300px;
  height: 80px; }

#showBetCommunityForm th {
  width: 150px; }

#showUserForm {
  width: 650px; }

#showUserForm th {
  width: 150px; }

#editProfileForm input {
  width: 300px !important; }

div.borderedContentDiv {
  border: solid 1px #80c801;
  padding: 3px; }

div.widget {
  border: solid #1e8c00;
  border-width: 1px; }

div.widget div.title a {
  color: #FFF;
  text-decoration: none; }

div.widget div {
  padding: 7px; }

div.widget img {
  padding-bottom: 10px; }

div.widget div.title {
  padding: 7px;
  font-weight: bold; }

#menu ul {
  margin: 10px 0;
  padding: 0;
  border: solid #1e8c00;
  border-width: 1px 1px 0; }

#menu ul li {
  list-style-type: none;
  padding: 5px 5px;
  color: #FFF; }

#menu ul li a {
  color: #FFF;
  text-decoration: none;
  font-weight: normal; }

#menu ul.sub {
  border: none !important;
  margin: 0 !important;
  text-indent: 10px; }

#menu ul ul.sub li {
  padding: 5px 5px;
  color: black;
  border: solid #1e8c00;
  border-width: 0 0 1px 0;
  background: white;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
  /* IE6-8 */ }

#menu ul.sub li a {
  color: black !important;
  padding-left: 0px;
  text-decoration: none;
  display: block; }

#menu ul.sub li:hover {
  background: #dae8d0; }

#menu ul.sub li span {
  color: black !important;
  padding-left: 0px;
  font-weight: bold; }

#menu ul.sub li.admin {
  background: #fddbd9 !important; }

#menu ul.sub li.admin:hover {
  background: #fba9a7 !important; }

#tip {
  margin-top: 20px; }

#userTips {
  display: none; }

#preliminary, #finals {
  margin: 0 auto; }

span.penaltyHintEnabled {
  font-weight: bold;
  color: #000000;
  text-align: right !important; }

.winnerTournament td {
  background: #A7DE48;
  font-weight: bold; }

.favorit-tip-computer {
  display: none; }
  @media all and (min-width: 720px) {
    .favorit-tip-computer {
      display: inline-block; } }

th.favorit-tip-computer, td.favorit-tip-computer {
  display: none; }
  @media all and (min-width: 720px) {
    th.favorit-tip-computer, td.favorit-tip-computer {
      display: table-cell; } }

.favorit-tip-mobile {
  display: inline-block; }
  @media all and (min-width: 720px) {
    .favorit-tip-mobile {
      display: none; } }

th.favorit-tip-mobile, td.favorit-tip-mobile {
  display: table-cell; }
  @media all and (min-width: 720px) {
    th.favorit-tip-mobile, td.favorit-tip-mobile {
      display: none; } }

.doubleTableHeader {
  display: block;
  font-size: 11px; }

.tipsMatchResult {
  color: #444; }

/* die Linien werden durch die allgemeine Zebra-Definition sonst uebesteuert */
tr.tipTableNoBottomLine td {
  border-bottom: 0px !important; }

tr.totoBet td {
  border-top: 1px #c8c8c8 dotted !important; }

.totoBetText, .totoBetQuote, tr.totoBet label {
  font-size: 11px; }

.totoBetQuote {
  font-weight: bold;
  padding-right: 10px; }

.totoBetInputField, td.tip-value > .totoBetInputField.invalid {
  font-size: 14px;
  text-align: right;
  width: 65px;
  padding: 0px 3px; }

td.totoBetDelta {
  text-align: center; }

a.deleteBet {
  margin: 0px 0 0 0; }

img.link {
  cursor: pointer;
  cursor: hand; }

img.deleteBet, img.deleteInformation {
  cursor: pointer;
  cursor: hand;
  padding: 1px;
  border: 1px solid transparent; }

img.deleteBet {
  margin: 0 0 -2px 5px; }

img.deleteBet:hover, img.deleteBet:active, img.deleteInformation:hover, img.deleteInformation:active {
  border: 1px solid #828282;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

img.deleteBet:active, img.deleteInformation:active {
  background: whitesmoke; }

.playedMatches {
  color: #a0a0a0; }

td.groupname, td.matchStartDate {
  font-size: 11px;
  text-align: left;
  padding-left: 5px; }

.tournamentWinnerPredictionPercentValue {
  font-size: 11px;
  color: #000; }

table#teamRankingTableId th {
  font-size: 12px; }
  @media only screen and (min-width: 720px) {
    table#teamRankingTableId th {
      font-size: 14px; } }

table#teamRankingTableId td a.tipTeamName {
  font-size: 15px; }

div.match-table-legend {
  display: flex;
  flex-flow: row wrap; }

div.match-group-legend-title {
  padding: 10px 0 5px 0; }

div.matchGroupTableLegend {
  color: #646464;
  font-size: 75%;
  font-style: normal;
  margin: 0 5px;
  word-break: keep-all; }

div.tournamentWinnerBar, div.tournamentLoserBar {
  height: 18px;
  float: left;
  margin: 0px; }

div.tournamentWinnerBar, span.winnerBar {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2a6c00+0,31a500+35,39ad00+65,2a6c00+100 */
  background: #2a6c00;
  /* Old browsers */
  /*  background: -moz-linear-gradient(top,  rgba(42,108,0,1) 0%, rgba(49,165,0,1) 35%, rgba(57,173,0,1) 65%, rgba(42,108,0,1) 100%); /* FF3.6-15 */
  /*  background: -webkit-linear-gradient(top,  rgba(42,108,0,1) 0%,rgba(49,165,0,1) 35%,rgba(57,173,0,1) 65%,rgba(42,108,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
  /*  background: linear-gradient(to bottom,  rgba(42,108,0,1) 0%,rgba(49,165,0,1) 35%,rgba(57,173,0,1) 65%,rgba(42,108,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  /*  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a6c00', endColorstr='#2a6c00',GradientType=0 ); /* IE6-9 */ }

div.tournamentLoserBar, span.loserBar {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#646464+0,b4b4b4+35,b4b4b4+65,646464+100 */
  background: #969696;
  /* Old browsers */
  /*  background: -moz-linear-gradient(top,  rgba(100,100,100,1) 0%, rgba(180,180,180,1) 35%, rgba(180,180,180,1) 65%, rgba(100,100,100,1) 100%); /* FF3.6-15 */
  /*  background: -webkit-linear-gradient(top,  rgba(100,100,100,1) 0%,rgba(180,180,180,1) 35%,rgba(180,180,180,1) 65%,rgba(100,100,100,1) 100%); /* Chrome10-25,Safari5.1-6 */
  /*  background: linear-gradient(to bottom,  rgba(100,100,100,1) 0%,rgba(180,180,180,1) 35%,rgba(180,180,180,1) 65%,rgba(100,100,100,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  /*  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#646464', endColorstr='#646464',GradientType=0 ); /* IE6-9 */ }

.winnerBar, .loserBar {
  height: 8px;
  margin: 0px;
  padding: 0px;
  border: solid #444444;
  border-width: 1px;
  display: inline-block;
  position: relative; }

.winnerBar {
  background: #8cc469; }

.loserBar {
  background: #acacac; }

div.buttonPanel {
  width: 100%;
  text-align: right;
  padding-top: 15px; }

div.buttonPanel:after {
  content: '';
  display: block;
  clear: both; }

/* TFR loeschen */
#sky {
  position: absolute;
  right: 10px;
  top: 140px; }

div.portlet {
  width: 100%; }

.portlet li {
  list-style-type: none; }

.portlet table {
  width: 100%;
  margin-top: 15px; }

/* ENDE TFR loeschen */
#legal p {
  padding: 5px 0; }

#legal ul {
  padding: 5px 20px; }

#legal th {
  vertical-align: middle;
  padding-right: 5px; }

#imagePreview {
  border: solid 2px #efefef;
  width: 100px;
  height: 100px;
  position: absolute;
  text-align: center;
  vertical-align: middle;
  background: #FFF; }

#imagePreview img {
  margin: 0; }

.tournament {
  text-align: right;
  font-size: 9pt;
  color: #646464; }

div.matchStatistic {
  z-index: 100;
  width: 250px;
  display: none;
  position: absolute;
  text-align: left;
  margin: 10px 10px;
  padding: 10px;
  background-color: rgba(200, 200, 200, 0.7);
  border-radius: 10px;
  border: 1px solid #909090;
  -moz-box-shadow: 3px 5px 5px 6px #909090;
  -webkit-box-shadow: 3px 5px 5px 6px #909090;
  box-shadow: 3px 5px 5px 2px #909090; }

div#matchStatisticWorkspace {
  padding: 10px; }

.teamPerformanceDate {
  color: #808080; }

/* Da die font-size vererbt wird, wird die Schriftgroesse hier berechnet: vererbet Groesse * 0.75 */
p#motto {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px !important; }

img.onlineHelpImg {
  width: 16px;
  height: 16px;
  cursor: pointer;
  cursor: hand;
  float: right;
  z-index: 10; }

div.help-fix-position {
  right: 50px;
  display: flex;
  justify-content: flex-end; }

div.help-fix-position a {
  padding: 0 10px 0 25px;
  margin-left: 20px;
  background-image: url(../images/help.png);
  background-position: center left;
  background-repeat: no-repeat;
  background-size: 16px 16px; }

#countdownDivId {
  padding: 14px 10px 10px 10px;
  background: #EEE;
  border: 1px solid #CCC;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.preLoginUserEmail {
  font-size: 130%;
  font-weight: bold; }

#defaultEmailDiv, #alternativEmailDiv {
  padding: 10px; }

#alternativEmailDiv {
  line-height: 1.5; }

#alternativEmailDiv ul {
  margin-top: 5px; }

.edit-result-hint-text {
  color: Black;
  font-size: 11px;
  font-weight: normal;
  padding-top: 8px;
  padding-bottom: 7px;
  display: inline-block; }

/* ------------------------------------
 * ANFANG - Navigation der Suchergebnisse
 * ------------------------------------ */
.flex-fixed-size {
  flex: initial; }

.flex-flexible-size {
  flex: 1; }

div.pagination-flex-container {
  display: flex;
  flex-flow: row wrap; }

div.pagination-container {
  /*  position: relative;*/
  margin: 10px 0px 20px;
  /*  max-width: 700px;*/ }

#previousPaginationButton {
  margin-right: 10px; }

#nextPaginationButton {
  margin-left: 10px; }

#firstPaginationButton, #previousPaginationButton, #nextPaginationButton, #lastPaginationButton {
  font-size: 14px; }

.pagination {
  font-size: 14px; }

span.pagination {
  display: inline-block; }

.pagination a {
  display: block;
  float: left;
  margin: 2px;
  padding: 5px 10px;
  white-space: nowrap; }

.pagination.disabled a {
  background: -moz-linear-gradient(center top, #989898 0%, #989898 61%, #828282 63%, #909090 100%);
  /* For Mozilla/Gecko (Firefox etc) */
  background: -webkit-linear-gradient(top, #989898 0%, #989898 61%, #828282 63%, #909090 100%);
  /* For WebKit (Google Chrome) */
  background: -o-linear-gradient(top, #989898 0%, #989898 61%, #828282 63%, #909090 100%);
  /* For WebKit (Opera 11) */
  background: -ms-linear-gradient(top, #989898 0%, #989898 61%, #828282 63%, #909090 100%);
  background: linear-gradient(top, #989898 0%, #989898 61%, #828282 63%, #909090 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ABABAB', endColorstr = '#7D7D7D',GradientType = 0);
  /* For Internet Explorer 5.5 - 7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ABABAB, endColorstr=#7D7D7D)";
  /* For Internet Explorer 8 */
  color: #FFF; }

.pagination.enabled a {
  background: -moz-linear-gradient(center top, #E4E5E5 0%, #E4E5E5 61%, #DBDBDB 63%, #E5E5E5 100%);
  /* For Mozilla/Gecko (Firefox etc) */
  background: -webkit-linear-gradient(top, #E4E5E5 0%, #E4E5E5 61%, #DBDBDB 63%, #E5E5E5 100%);
  /* For WebKit (Google Chrome) */
  background: -o-linear-gradient(top, #E4E5E5 0%, #E4E5E5 61%, #DBDBDB 63%, #E5E5E5 100%);
  /* For WebKit (Opera 11) */
  background: -ms-linear-gradient(top, #E4E5E5 0%, #E4E5E5 61%, #DBDBDB 63%, #E5E5E5 100%);
  background: linear-gradient(top, #E4E5E5 0%, #E4E5E5 61%, #DBDBDB 63%, #E5E5E5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#E4E5E5', endColorstr = '#CCCCCC',GradientType = 0);
  /* For Internet Explorer 5.5 - 7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#E4E5E5, endColorstr=#CCCCCC)";
  /* For Internet Explorer 8 */
  color: #464646; }

.pagination.enabled a:hover {
  background: -moz-linear-gradient(center top, #C0C0C0 0%, #C0C0C0 61%, #AAAAAA 63%, #B2B2B2 100%);
  /* For Mozilla/Gecko (Firefox etc) */
  background: -webkit-linear-gradient(top, #C0C0C0 0%, #C0C0C0 61%, #AAAAAA 63%, #B2B2B2 100%);
  /* For WebKit (Google Chrome) */
  background: -o-linear-gradient(top, #C0C0C0 0%, #C0C0C0 61%, #AAAAAA 63%, #B2B2B2 100%);
  /* For WebKit (Opera 11) */
  background: -ms-linear-gradient(top, #C0C0C0 0%, #C0C0C0 61%, #AAAAAA 63%, #B2B2B2 100%);
  background: linear-gradient(top, #C0C0C0 0%, #C0C0C0 61%, #AAAAAA 63%, #B2B2B2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#C0C0C0', endColorstr = '#8E8E8E',GradientType = 0);
  /* For Internet Explorer 5.5 - 7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#C0C0C0, endColorstr=#8E8E8E)";
  /* For Internet Explorer 8 */
  color: #000; }

.pagination.current a, .pagination.enabled a:active {
  background: -moz-linear-gradient(center top, #A2E400 0px, #2B6D00 63%);
  /* For Mozilla/Gecko (Firefox etc) */
  background: -webkit-linear-gradient(top, #A2E400 0, #2B6D00 63%);
  /* For WebKit (Google Chrome) */
  background: -o-linear-gradient(top, #A2E400 0, #2B6D00 63%);
  /* For WebKit (Opera 11) */
  background: -ms-linear-gradient(top, #A2E400 0, #2B6D00 63%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#A2E400',endColorstr = '#2B6D00',GradientType = 0);
  /* For Internet Explorer 5.5 - 7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#A2E400, endColorstr=#2B6D00)";
  /* For Internet Explorer 8 */
  background: linear-gradient(top, #A2E400 0, #2B6D00 63%);
  color: #FFF;
  font-weight: normal; }

.pagination a, .pagination a:active, .pagination a:visited {
  text-decoration: none;
  outline: none; }

/* ------------------------------------
 * ENDE - Navigation der Suchergebnisse
 * ------------------------------------ */
@media only screen and (min-width: 720px) {
  #login-tournament-id > table {
    min-width: 275px; } }

#login-tournament-id {
  color: white;
  background-color: rgba(0, 0, 0, 0.83);
  text-shadow: 0px 0px 5px black;
  /*	
  	@media only screen and (min-width: $medium-screen) {
  	  background-position: top right;
  	  background-size: 100% 100%;
        text-shadow: none;
  	  background-size: 433px 100%;
     }
  	@media only screen and (min-width: $large-screen) {
  	  background-size: 578px 100%;
    }
  	@media only screen and (min-width: $x-large-screen) {
  	  background-image: none;
    }
  */ }

#login-tournament-title-id {
  font-size: 125%; }
  @media only screen and (min-width: 1000px) {
    #login-tournament-title-id {
      font-size: 150%; } }

#login-tournament-countries-id {
  font-size: 200%;
  padding: 20px 0; }

abbr {
  border-bottom: 1px dashed #999999 !important;
  cursor: help; }

div.errorpage {
  margin: 30px 50px 0px 50px; }

div.errorpage img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px; }

/* ------------------------------------
 * Overrule JQuery-UI
 * ------------------------------------ */
.ui-tabs .ui-tabs-panel {
  padding: 15px 5px 5px 5px !important; }

.ui-tabs .ui-tabs-nav {
  background: transparent; }

.ui-widget-content {
  border-width: 0px;
  background-color: transparent !important;
  background-image: none; }

.ui-widget-header {
  background: inherit;
  border-width: 0px;
  border-bottom: 1px solid #3b4b62; }

/* ------------------------------------
 * PlainTable nur zur Strukturierung ohne Formate
 * ------------------------------------ */
table.fullWidth {
  width: 100%; }

table.plainTable, table.plainTable tr, table.plainTable td {
  padding: 0px;
  margin: 0px;
  text-align: left; }

table.plainTable {
  border-spacing: 0;
  border-collapse: collapse; }

table.plainTable th {
  font-weight: normal; }

table.dataGridTable {
  margin: 0px;
  width: auto; }

table.dataGridTable td, table.dataGridTable th {
  border: 0px;
  vertical-align: left;
  /* TFR das ist sicher horizontal-align */
  padding: 0px; }

table.dataGridTable th {
  font-weight: normal; }

/* ------------------------------------
 * PlainTable nur zur Strukturierung ohne Formate
 * ------------------------------------ */
#informationDivs {
  margin: 10px 0 20px 0; }

#informationDivs div {
  border-radius: 7px;
  border: solid 1px #e6ac50;
  padding: 10px 5px;
  margin-bottom: 10px;
  background: #eaba59;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhYmE1OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iI2VkZTljMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2VkZTljMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWJhNTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #eaba59 0%, #ede9c2 10%, #ede9c2 90%, #eaba59 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eaba59), color-stop(10%, #ede9c2), color-stop(90%, #ede9c2), color-stop(100%, #eaba59));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #eaba59 0%, #ede9c2 10%, #ede9c2 90%, #eaba59 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #eaba59 0%, #ede9c2 10%, #ede9c2 90%, #eaba59 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #eaba59 0%, #ede9c2 10%, #ede9c2 90%, #eaba59 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #eaba59 0%, #ede9c2 10%, #ede9c2 90%, #eaba59 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaba59', endColorstr='#eaba59',GradientType=0 );
  /* IE6-8 */ }

#informationDivs ul, #informationDivs ol {
  padding-left: 13px;
  margin: 2px 0 5px 0; }

img.informationBetCommunityImage {
  border: 1px solid #969696; }

#dateTimeFormatExampleDivId, #numberFormatExampleDivId {
  font-weight: bold; }

.betCommunityMotto {
  display: block;
  font-style: italic;
  margin-top: 3px; }

.betCommunityActiveMembersAmount {
  font-size: 10px;
  color: #969696; }

/*
 * Spieltage auf index
 */
.dailyMatchesButtonToday {
  display: inline-block;
  vertical-align: top;
  font-size: 11px;
  padding: 0px 10px; }

.dailyMatchesButtonTodayEnabled {
  color: white;
  border: 1px solid #2a6c00;
  background: #2a6c00; }

.dailyMatchesButtonTodayEnabled:hover {
  background: #58a100; }

.dailyMatchesButtonTodayDisabled {
  color: #d2d2d2;
  border: 1px solid #787878;
  background: #787878; }

.dailyMatchesButton {
  cursor: pointer;
  cursor: hand; }

#dailyTipsId {
  overflow: hidden;
  margin: 0px;
  padding: 0xp; }

.dailyMatchesRotateDiv {
  border: 1px solid transparent;
  position: relative; }

span.dailyMatchesCurrentMatchDate {
  display: inline-block;
  font-size: 11px;
  color: #a0a0a0; }

.goblet-radio input, .match-toto input[type="radio"] {
  margin: 0;
  padding: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  visibility: hidden; }

.goblet-radio input:active + .goblet {
  opacity: .9; }

.goblet-radio input:checked + .goblet {
  -webkit-filter: none;
  -moz-filter: none;
  filter: none;
  background-size: 26px 26px;
  animation: rotation 3s infinite linear; }

.goblet-radio label {
  background-image: url(../images/ball.png);
  margin: 2px 0; }

.goblet-radio label:hover {
  cursor: pointer;
  cursor: hand;
  background-size: 26px 26px;
  -webkit-transition: all 100ms ease-in;
  -moz-transition: all 100ms ease-in;
  transition: all 100ms ease-in; }

.goblet, .match-toto input[type="radio"] + label {
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block; }

.match-toto input[type="radio"]:enabled + label {
  cursor: pointer; }

.goblet {
  display: block;
  width: 100%;
  height: 30px;
  background-size: 18px 18px;
  background-position: center center;
  -webkit-transition: all 100ms ease-in;
  -moz-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
  -webkit-filter: brightness(1.2) grayscale(1) opacity(0.6);
  -moz-filter: brightness(1.2) grayscale(1) opacity(0.6);
  filter: brightness(1.2) grayscale(1) opacity(0.6); }

.goblet:hover {
  -webkit-filter: brightness(1.2) grayscale(0.5) opacity(0.9);
  -moz-filter: brightness(1.2) grayscale(0.5) opacity(0.9);
  filter: brightness(1.2) grayscale(0.5) opacity(0.9); }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
  .goblet {
    opacity: .3; }

  .goblet:hover {
    opacity: .8; }

  .goblet-radio input:checked + .goblet {
    opacity: 1.0; } }
.match-toto input[type="radio"] + label {
  min-width: 19px;
  text-align: left;
  padding-left: 4px;
  padding-top: 20px;
  background-size: 19px 16px;
  background-position: left top;
  background-image: url(../images/unchecked_16.png); }

.match-toto input[type="radio"]:disabled + label {
  background-image: url(../images/unchecked_disabled_16.png); }

.match-toto input[type="radio"]:checked:disabled + label {
  background-image: url(../images/checked_disabled_16.png); }

.match-toto input[type="radio"]:checked + label {
  background-image: url(../images/checked_16.png); }

.match-toto input[type="radio"] + label.hide-tip, .match-toto input[type="radio"]:checked:disabled + label.hide-tip {
  background-image: url(../images/checked_hidden_16.png); }

.match-toto input[type="radio"] + label.error {
  background-image: url(../images/unchecked_error_16.png); }

/*
 * END: Spieltage auf index
 */
table.impressum th {
  vertical-align: top;
  padding: 3px; }

.ui-dialog {
  z-index: 1000 !important; }

.ui-front {
  z-index: 1000 !important; }

.hide-small {
  display: none; }
  @media only screen and (min-width: 720px) {
    .hide-small {
      display: block; } }

th.hide-small, td.hide-small {
  display: none; }
  @media only screen and (min-width: 720px) {
    th.hide-small, td.hide-small {
      display: table-cell; } }

.hide-medium {
  display: block; }
  @media only screen and (min-width: 720px) {
    .hide-medium {
      display: none; } }

.hide-large {
  display: block; }
  @media only screen and (min-width: 1200px) {
    .hide-large {
      display: none; } }

.no-wrap {
  white-space: nowrap; }

div#timezoneCitiesListDivId {
  float: left;
  margin: 5px 0px 0px 20px; }
  @media only screen and (min-width: 720px) {
    div#timezoneCitiesListDivId {
      margin: 20px 0px 0px 20px; } }

select#timezoneCitiesListId {
  width: 180px;
  height: auto;
  padding: 2px; }
  @media only screen and (min-width: 720px) {
    select#timezoneCitiesListId {
      height: 311px; } }

div#timezoneMapWrapperId {
  height: 200px;
  float: left;
  overflow: hidden;
  cursor: pointer;
  cursor: hand; }
  @media only screen and (min-width: 720px) {
    div#timezoneMapWrapperId {
      height: 400px; } }

img#timezoneMapImgId {
  width: 307px;
  height: 181px; }
  @media only screen and (min-width: 720px) {
    img#timezoneMapImgId {
      width: 614px;
      height: 362px; } }

/* ---------------------------------------*/
/* Tabelle - Ranking                      */
/* ---------------------------------------*/
table.ranking td {
  padding: 6px 4px 6px 2px;
  text-align: right; }
  @media only screen and (min-width: 1200px) {
    table.ranking td {
      padding: 8px 8px 8px 5px; } }

table.ranking td {
  min-height: 65px;
  text-align: right; }

table.ranking th.member {
  width: 100%; }
  @media only screen and (min-width: 1200px) {
    table.ranking th.member {
      width: 550px; } }

table.ranking td.ranking {
  padding-right: 30px; }

td.ranking-quote {
  width: 60px;
  font-size: 12px; }

td.ranking-barchart {
  width: 30px; }

table.ranking td.number {
  padding-right: 7px; }

p.help-title {
  margin-top: 5px;
  font-weight: bold;
  font-size: 16px; }

/* ---------------------------------------*/
/* Tabelle - Blitztabelle                 */
/* ---------------------------------------*/
table#teamRankingTableId th, table#teamRankingTableId td {
  padding-left: 5px;
  padding-right: 5px; }
  @media only screen and (min-width: 720px) {
    table#teamRankingTableId th, table#teamRankingTableId td {
      padding-left: 10px;
      padding-right: 10px; } }

/* ---------------------------------------*/
/* Tabelle - Teamperfomance               */
/* ---------------------------------------*/
table#tableTeamperformanceId tr {
  height: 30px; }

table#tableTeamperformanceId th.group {
  width: 90px; }
  @media only screen and (min-width: 720px) {
    table#tableTeamperformanceId th.group {
      width: 120px; } }

table#tableTeamperformanceId th.teamname {
  width: 120px; }

table#tableTeamperformanceId .kickoff {
  display: none; }
  @media only screen and (min-width: 720px) {
    table#tableTeamperformanceId .kickoff {
      display: table-cell; } }

/* ---------------------------------------*/
/* Tabelle - UserFormats und UserTimezone */
/* ---------------------------------------*/
table.userFormatsTable td.value {
  width: 200px; }

/* ---------------------------------------*/
/* Tabelle - UserFormats und UserTimezone */
/* ---------------------------------------*/
table#configTournamentTableId td.icon {
  width: 50px; }

/* ---------------------------------------*/
/* Tabelle - PopupPanel */
/* ---------------------------------------*/
div.popupPanel table td.icon {
  width: 50px; }

/* ---------------------------------------*/
/* Tabelle - Turniersieger                */
/* ---------------------------------------*/
table#tournamentWinnerTeamsTableId .flag {
  width: 20px; }
  @media only screen and (min-width: 1200px) {
    table#tournamentWinnerTeamsTableId .flag {
      width: 60px; } }

table#tournamentWinnerTeamsTableId .flag img {
  width: 24px;
  height: 24px;
  padding-right: 10px;
  padding-top: 7px; }
  @media only screen and (min-width: 1200px) {
    table#tournamentWinnerTeamsTableId .flag img {
      width: 30px;
      height: 30px; } }

table#tournamentWinnerTeamsTableId th.world-ranking, table#tournamentWinnerTeamsTableId th.prediction {
  white-space: pre-wrap;
  word-wrap: break-word; }

/*
table#tournamentWinnerTeamsTableId .show-prediction {
  display: none;
  
  @media only screen and (min-width: 600px) {
    display: table-cell;
  }
}
*/
table#tournamentWinnerTeamsTableId td#tournamentWinner_goblet_selected, table#tournamentWinnerTeamsTableId td#tournamentWinner_goblet_winner {
  width: 100px;
  max-width: 100px; }

table#tournamentWinnerTeamsTableId td#tournamentWinner_flag {
  width: 50px;
  max-width: 50px; }

table#tournamentWinnerTeamsTableId td#tournamentWinner_teamName {
  width: 180px;
  max-width: 180px; }

table#tournamentWinnerTeamsTableId td#tournamentWinner_worldRanking {
  width: 120px;
  max-width: 120px; }

table#tournamentWinnerTeamsTableId td#tournamentWinner_prediction_percentage {
  width: 70px;
  max-width: 70px; }

table#tournamentWinnerTeamsTableId td#tournamentWinner_prediction_value {
  width: 120px;
  max-width: 120px; }

/* ----------------------- */
/* ShowHidePanel           */
/* ----------------------- */
div.showHidePanel {
  margin-top: 40px; }

div.showHidePanel + div.showHidePanel {
  margin-top: 10px; }

div.showHidePanel.shown div.contentTitle, div.showHidePanel.shown div.contentWorkspace {
  color: black;
  border-color: black; }

div.showHidePanel.shown div.contentWorkspace {
  background-color: white; }

div.showHidePanel.hidden div.contentTitle, div.showHidePanel.hidden div.contentWorkspace {
  color: #969696;
  border-color: lightgray;
  background-color: #eeeeee; }

div.showHidePanel.content > div.contentTitle {
  font-size: 14px; }
  @media only screen and (min-width: 1200px) {
    div.showHidePanel.content > div.contentTitle {
      font-size: 16px; } }

div.showHidePanel > div.contentWorkspace {
  font-size: 12px;
  border-style: solid; }
  @media only screen and (min-width: 1200px) {
    div.showHidePanel > div.contentWorkspace {
      font-size: 14px; } }

div.showHidePanel > div.contentWorkspace {
  border-width: 1px 0 1px 0; }

div.showHidePanel > div.contentTitle + div.contentWorkspace {
  border-width: 0 0 1px 0; }

#editProfileForm div.mt-android input:where([type="checkbox"], [type="radio"]) {
  width: auto !important; }

.mt-android-standalone {
  display: block; }

.mt-android-13size label {
  background-image: linear-gradient(90deg, #848484 0, #848484 50%, #3b4b62 0, #3b4b62); }

.mt-android-wettem label {
  background-image: linear-gradient(90deg, #848484 0, #848484 50%, black 0, black); }

#editProfileForm label.profile-theme {
  margin: 10px 30px 10px 0;
  display: inline-block; }
  #editProfileForm label.profile-theme input[type=radio] {
    opacity: 0;
    width: 0 !important;
    height: 0; }
  #editProfileForm label.profile-theme input[type=radio] + img {
    cursor: pointer;
    border-radius: 10px;
    padding: 5px; }
  #editProfileForm label.profile-theme input[type=radio]:checked {
    border: none;
    border-radius: 2pt;
    outline: none;
    transition: .1s; }
  #editProfileForm label.profile-theme input[type=radio]:checked + img {
    box-shadow: 0 0 3pt 2pt #3b4b62; }

/* ======================================== */
/* Cookie banner                            */
/* ======================================== */
div#cookie-banner {
  display: none;
  position: fixed;
  padding: 0;
  left: 10px;
  right: 10px;
  bottom: 100px;
  background-color: #7c7c7c;
  -webkit-box-shadow: 0 0 20px 0px black;
  -moz-box-shadow: 0 0 20px 0px black;
  box-shadow: 0 0 20px 0px black;
  z-index: 999999;
  hyphens: none; }
  @media all and (min-width: 720px) {
    div#cookie-banner {
      max-width: 720px;
      margin: 0 auto;
      left: 50%;
      right: auto;
      margin-left: -360px;
      border-radius: 10px; } }
  div#cookie-banner .message p {
    hyphens: inherit; }
  div#cookie-banner .buttons {
    margin-top: 25px; }

/*# sourceMappingURL=black_style.css.map */