.column {
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  padding: 8px;
}
.columns.is-mobile > .column.is-narrow {
  flex: none;
}
.columns.is-mobile > .column.is-full {
  flex: none;
  width: 100%;
}
.columns.is-mobile > .column.is-three-quarters {
  flex: none;
  width: 75%;
}
.columns.is-mobile > .column.is-two-thirds {
  flex: none;
  width: 66.6666%;
}
.columns.is-mobile > .column.is-half {
  flex: none;
  width: 50%;
}
.columns.is-mobile > .column.is-one-third {
  flex: none;
  width: 33.3333%;
}
.columns.is-mobile > .column.is-one-quarter {
  flex: none;
  width: 25%;
}
.columns.is-mobile > .column.is-one-fifth {
  flex: none;
  width: 20%;
}
.columns.is-mobile > .column.is-two-fifths {
  flex: none;
  width: 40%;
}
.columns.is-mobile > .column.is-three-fifths {
  flex: none;
  width: 60%;
}
.columns.is-mobile > .column.is-four-fifths {
  flex: none;
}
.columns.is-mobile > .column.is-offset-three-quarters {
  margin-left: 75%;
}
.columns.is-mobile > .column.is-offset-two-thirds {
  margin-left: 66.6666%;
}
.columns.is-mobile > .column.is-offset-half {
  margin-left: 50%;
}
.columns.is-mobile > .column.is-offset-one-third {
  margin-left: 33.3333%;
}
.columns.is-mobile > .column.is-offset-one-quarter {
  margin-left: 25%;
}
.columns.is-mobile > .column.is-offset-one-fifth {
  margin-left: 20%;
}
.columns.is-mobile > .column.is-offset-two-fifths {
  margin-left: 40%;
}
.columns.is-mobile > .column.is-offset-three-fifths {
  margin-left: 60%;
}
.columns.is-mobile > .column.is-offset-four-fifths {
  margin-left: 80%;
}
.columns.is-mobile > .column.is-1 {
  flex: none;
  width: 8.333333333333332%;
}
.columns.is-mobile > .column.is-offset-1 {
  margin-left: 8.333333333333332%;
}
.columns.is-mobile > .column.is-2 {
  flex: none;
  width: 16.666666666666664%;
}
.columns.is-mobile > .column.is-offset-2 {
  margin-left: 16.666666666666664%;
}
.columns.is-mobile > .column.is-3 {
  flex: none;
  width: 25%;
}
.columns.is-mobile > .column.is-offset-3 {
  margin-left: 25%;
}
.columns.is-mobile > .column.is-4 {
  flex: none;
  width: 33.33333333333333%;
}
.columns.is-mobile > .column.is-offset-4 {
  margin-left: 33.33333333333333%;
}
.columns.is-mobile > .column.is-5 {
  flex: none;
  width: 41.66666666666667%;
}
.columns.is-mobile > .column.is-offset-5 {
  margin-left: 41.66666666666667%;
}
.columns.is-mobile > .column.is-6 {
  flex: none;
  width: 50%;
}
.columns.is-mobile > .column.is-offset-6 {
  margin-left: 50%;
}
.columns.is-mobile > .column.is-7 {
  flex: none;
  width: 58.333333333333336%;
}
.columns.is-mobile > .column.is-offset-7 {
  margin-left: 58.333333333333336%;
}
.columns.is-mobile > .column.is-8 {
  flex: none;
  width: 66.66666666666666%;
}
.columns.is-mobile > .column.is-offset-8 {
  margin-left: 66.66666666666666%;
}
.columns.is-mobile > .column.is-9 {
  flex: none;
  width: 75%;
}
.columns.is-mobile > .column.is-offset-9 {
  margin-left: 75%;
}
.columns.is-mobile > .column.is-10 {
  flex: none;
  width: 83.33333333333334%;
}
.columns.is-mobile > .column.is-offset-10 {
  margin-left: 83.33333333333334%;
}
.columns.is-mobile > .column.is-11 {
  flex: none;
  width: 91.66666666666666%;
}
.columns.is-mobile > .column.is-offset-11 {
  margin-left: 91.66666666666666%;
}
.columns.is-mobile > .column.is-12 {
  flex: none;
  width: 100%;
}
.columns.is-mobile > .column.is-offset-12 {
  margin-left: 100%;
}
@media screen and (max-width: 768px) {
  .column.is-narrow-mobile {
    flex: none;
  }
  .column.is-full-mobile {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-mobile {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-mobile {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-mobile {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-mobile {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-mobile {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-mobile {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-mobile {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-mobile {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-mobile {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-mobile {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-mobile {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-mobile {
    margin-left: 50%;
  }
  .column.is-offset-one-third-mobile {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-mobile {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-mobile {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-mobile {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-mobile {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-mobile {
    margin-left: 80%;
  }
  .column.is-1-mobile {
    flex: none;
    width: 8.333333333333332%;
  }
  .column.is-offset-1-mobile {
    margin-left: 8.333333333333332%;
  }
  .column.is-2-mobile {
    flex: none;
    width: 16.666666666666664%;
  }
  .column.is-offset-2-mobile {
    margin-left: 16.666666666666664%;
  }
  .column.is-3-mobile {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-mobile {
    margin-left: 25%;
  }
  .column.is-4-mobile {
    flex: none;
    width: 33.33333333333333%;
  }
  .column.is-offset-4-mobile {
    margin-left: 33.33333333333333%;
  }
  .column.is-5-mobile {
    flex: none;
    width: 41.66666666666667%;
  }
  .column.is-offset-5-mobile {
    margin-left: 41.66666666666667%;
  }
  .column.is-6-mobile {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-mobile {
    margin-left: 50%;
  }
  .column.is-7-mobile {
    flex: none;
    width: 58.333333333333336%;
  }
  .column.is-offset-7-mobile {
    margin-left: 58.333333333333336%;
  }
  .column.is-8-mobile {
    flex: none;
    width: 66.66666666666666%;
  }
  .column.is-offset-8-mobile {
    margin-left: 66.66666666666666%;
  }
  .column.is-9-mobile {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-mobile {
    margin-left: 75%;
  }
  .column.is-10-mobile {
    flex: none;
    width: 83.33333333333334%;
  }
  .column.is-offset-10-mobile {
    margin-left: 83.33333333333334%;
  }
  .column.is-11-mobile {
    flex: none;
    width: 91.66666666666666%;
  }
  .column.is-offset-11-mobile {
    margin-left: 91.66666666666666%;
  }
  .column.is-12-mobile {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-mobile {
    margin-left: 100%;
  }
}
@media screen and (min-width: 769px), print {
  .column.is-narrow,
  .column.is-narrow-tablet {
    flex: none;
  }
  .column.is-full,
  .column.is-full-tablet {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters,
  .column.is-three-quarters-tablet {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds,
  .column.is-two-thirds-tablet {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half,
  .column.is-half-tablet {
    flex: none;
    width: 50%;
  }
  .column.is-one-third,
  .column.is-one-third-tablet {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter,
  .column.is-one-quarter-tablet {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth,
  .column.is-one-fifth-tablet {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths,
  .column.is-two-fifths-tablet {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths,
  .column.is-three-fifths-tablet {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths,
  .column.is-four-fifths-tablet {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters,
  .column.is-offset-three-quarters-tablet {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds,
  .column.is-offset-two-thirds-tablet {
    margin-left: 66.6666%;
  }
  .column.is-offset-half,
  .column.is-offset-half-tablet {
    margin-left: 50%;
  }
  .column.is-offset-one-third,
  .column.is-offset-one-third-tablet {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter,
  .column.is-offset-one-quarter-tablet {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth,
  .column.is-offset-one-fifth-tablet {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths,
  .column.is-offset-two-fifths-tablet {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths,
  .column.is-offset-three-fifths-tablet {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths,
  .column.is-offset-four-fifths-tablet {
    margin-left: 80%;
  }
  .column.is-1,
  .column.is-1-tablet {
    flex: none;
    width: 8.333333333333332%;
  }
  .column.is-offset-1,
  .column.is-offset-1-tablet {
    margin-left: 8.333333333333332%;
  }
  .column.is-2,
  .column.is-2-tablet {
    flex: none;
    width: 16.666666666666664%;
  }
  .column.is-offset-2,
  .column.is-offset-2-tablet {
    margin-left: 16.666666666666664%;
  }
  .column.is-3,
  .column.is-3-tablet {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3,
  .column.is-offset-3-tablet {
    margin-left: 25%;
  }
  .column.is-4,
  .column.is-4-tablet {
    flex: none;
    width: 33.33333333333333%;
  }
  .column.is-offset-4,
  .column.is-offset-4-tablet {
    margin-left: 33.33333333333333%;
  }
  .column.is-5,
  .column.is-5-tablet {
    flex: none;
    width: 41.66666666666667%;
  }
  .column.is-offset-5,
  .column.is-offset-5-tablet {
    margin-left: 41.66666666666667%;
  }
  .column.is-6,
  .column.is-6-tablet {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6,
  .column.is-offset-6-tablet {
    margin-left: 50%;
  }
  .column.is-7,
  .column.is-7-tablet {
    flex: none;
    width: 58.333333333333336%;
  }
  .column.is-offset-7,
  .column.is-offset-7-tablet {
    margin-left: 58.333333333333336%;
  }
  .column.is-8,
  .column.is-8-tablet {
    flex: none;
    width: 66.66666666666666%;
  }
  .column.is-offset-8,
  .column.is-offset-8-tablet {
    margin-left: 66.66666666666666%;
  }
  .column.is-9,
  .column.is-9-tablet {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9,
  .column.is-offset-9-tablet {
    margin-left: 75%;
  }
  .column.is-10,
  .column.is-10-tablet {
    flex: none;
    width: 83.33333333333334%;
  }
  .column.is-offset-10,
  .column.is-offset-10-tablet {
    margin-left: 83.33333333333334%;
  }
  .column.is-11,
  .column.is-11-tablet {
    flex: none;
    width: 91.66666666666666%;
  }
  .column.is-offset-11,
  .column.is-offset-11-tablet {
    margin-left: 91.66666666666666%;
  }
  .column.is-12,
  .column.is-12-tablet {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12,
  .column.is-offset-12-tablet {
    margin-left: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .column.is-narrow-touch {
    flex: none;
  }
  .column.is-full-touch {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-touch {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-touch {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-touch {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-touch {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-touch {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-touch {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-touch {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-touch {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-touch {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-touch {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-touch {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-touch {
    margin-left: 50%;
  }
  .column.is-offset-one-third-touch {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-touch {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-touch {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-touch {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-touch {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-touch {
    margin-left: 80%;
  }
  .column.is-1-touch {
    flex: none;
    width: 8.333333333333332%;
  }
  .column.is-offset-1-touch {
    margin-left: 8.333333333333332%;
  }
  .column.is-2-touch {
    flex: none;
    width: 16.666666666666664%;
  }
  .column.is-offset-2-touch {
    margin-left: 16.666666666666664%;
  }
  .column.is-3-touch {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-touch {
    margin-left: 25%;
  }
  .column.is-4-touch {
    flex: none;
    width: 33.33333333333333%;
  }
  .column.is-offset-4-touch {
    margin-left: 33.33333333333333%;
  }
  .column.is-5-touch {
    flex: none;
    width: 41.66666666666667%;
  }
  .column.is-offset-5-touch {
    margin-left: 41.66666666666667%;
  }
  .column.is-6-touch {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-touch {
    margin-left: 50%;
  }
  .column.is-7-touch {
    flex: none;
    width: 58.333333333333336%;
  }
  .column.is-offset-7-touch {
    margin-left: 58.333333333333336%;
  }
  .column.is-8-touch {
    flex: none;
    width: 66.66666666666666%;
  }
  .column.is-offset-8-touch {
    margin-left: 66.66666666666666%;
  }
  .column.is-9-touch {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-touch {
    margin-left: 75%;
  }
  .column.is-10-touch {
    flex: none;
    width: 83.33333333333334%;
  }
  .column.is-offset-10-touch {
    margin-left: 83.33333333333334%;
  }
  .column.is-11-touch {
    flex: none;
    width: 91.66666666666666%;
  }
  .column.is-offset-11-touch {
    margin-left: 91.66666666666666%;
  }
  .column.is-12-touch {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-touch {
    margin-left: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .column.is-narrow-desktop {
    flex: none;
  }
  .column.is-full-desktop {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-desktop {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-desktop {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-desktop {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-desktop {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-desktop {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-desktop {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-desktop {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-desktop {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-desktop {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-desktop {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-desktop {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-desktop {
    margin-left: 50%;
  }
  .column.is-offset-one-third-desktop {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-desktop {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-desktop {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-desktop {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-desktop {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-desktop {
    margin-left: 80%;
  }
  .column.is-1-desktop {
    flex: none;
    width: 8.333333333333332%;
  }
  .column.is-offset-1-desktop {
    margin-left: 8.333333333333332%;
  }
  .column.is-2-desktop {
    flex: none;
    width: 16.666666666666664%;
  }
  .column.is-offset-2-desktop {
    margin-left: 16.666666666666664%;
  }
  .column.is-3-desktop {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-desktop {
    margin-left: 25%;
  }
  .column.is-4-desktop {
    flex: none;
    width: 33.33333333333333%;
  }
  .column.is-offset-4-desktop {
    margin-left: 33.33333333333333%;
  }
  .column.is-5-desktop {
    flex: none;
    width: 41.66666666666667%;
  }
  .column.is-offset-5-desktop {
    margin-left: 41.66666666666667%;
  }
  .column.is-6-desktop {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-desktop {
    margin-left: 50%;
  }
  .column.is-7-desktop {
    flex: none;
    width: 58.333333333333336%;
  }
  .column.is-offset-7-desktop {
    margin-left: 58.333333333333336%;
  }
  .column.is-8-desktop {
    flex: none;
    width: 66.66666666666666%;
  }
  .column.is-offset-8-desktop {
    margin-left: 66.66666666666666%;
  }
  .column.is-9-desktop {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-desktop {
    margin-left: 75%;
  }
  .column.is-10-desktop {
    flex: none;
    width: 83.33333333333334%;
  }
  .column.is-offset-10-desktop {
    margin-left: 83.33333333333334%;
  }
  .column.is-11-desktop {
    flex: none;
    width: 91.66666666666666%;
  }
  .column.is-offset-11-desktop {
    margin-left: 91.66666666666666%;
  }
  .column.is-12-desktop {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-desktop {
    margin-left: 100%;
  }
}
@media screen and (min-width: $widescreen) {
  .column.is-narrow-widescreen {
    flex: none;
  }
  .column.is-full-widescreen {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-widescreen {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-widescreen {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-widescreen {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-widescreen {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-widescreen {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-widescreen {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-widescreen {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-widescreen {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-widescreen {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-widescreen {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-widescreen {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-widescreen {
    margin-left: 50%;
  }
  .column.is-offset-one-third-widescreen {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-widescreen {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-widescreen {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-widescreen {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-widescreen {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-widescreen {
    margin-left: 80%;
  }
  .column.is-1-widescreen {
    flex: none;
    width: 8.333333333333332%;
  }
  .column.is-offset-1-widescreen {
    margin-left: 8.333333333333332%;
  }
  .column.is-2-widescreen {
    flex: none;
    width: 16.666666666666664%;
  }
  .column.is-offset-2-widescreen {
    margin-left: 16.666666666666664%;
  }
  .column.is-3-widescreen {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-widescreen {
    margin-left: 25%;
  }
  .column.is-4-widescreen {
    flex: none;
    width: 33.33333333333333%;
  }
  .column.is-offset-4-widescreen {
    margin-left: 33.33333333333333%;
  }
  .column.is-5-widescreen {
    flex: none;
    width: 41.66666666666667%;
  }
  .column.is-offset-5-widescreen {
    margin-left: 41.66666666666667%;
  }
  .column.is-6-widescreen {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-widescreen {
    margin-left: 50%;
  }
  .column.is-7-widescreen {
    flex: none;
    width: 58.333333333333336%;
  }
  .column.is-offset-7-widescreen {
    margin-left: 58.333333333333336%;
  }
  .column.is-8-widescreen {
    flex: none;
    width: 66.66666666666666%;
  }
  .column.is-offset-8-widescreen {
    margin-left: 66.66666666666666%;
  }
  .column.is-9-widescreen {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-widescreen {
    margin-left: 75%;
  }
  .column.is-10-widescreen {
    flex: none;
    width: 83.33333333333334%;
  }
  .column.is-offset-10-widescreen {
    margin-left: 83.33333333333334%;
  }
  .column.is-11-widescreen {
    flex: none;
    width: 91.66666666666666%;
  }
  .column.is-offset-11-widescreen {
    margin-left: 91.66666666666666%;
  }
  .column.is-12-widescreen {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-widescreen {
    margin-left: 100%;
  }
}
@media screen and (min-width: $fullhd) {
  .column.is-narrow-fullhd {
    flex: none;
  }
  .column.is-full-fullhd {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-fullhd {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-fullhd {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-fullhd {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-fullhd {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-fullhd {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-fullhd {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-fullhd {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-fullhd {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-fullhd {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-fullhd {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-fullhd {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-fullhd {
    margin-left: 50%;
  }
  .column.is-offset-one-third-fullhd {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-fullhd {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-fullhd {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-fullhd {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-fullhd {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-fullhd {
    margin-left: 80%;
  }
  .column.is-1-fullhd {
    flex: none;
    width: 8.333333333333332%;
  }
  .column.is-offset-1-fullhd {
    margin-left: 8.333333333333332%;
  }
  .column.is-2-fullhd {
    flex: none;
    width: 16.666666666666664%;
  }
  .column.is-offset-2-fullhd {
    margin-left: 16.666666666666664%;
  }
  .column.is-3-fullhd {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-fullhd {
    margin-left: 25%;
  }
  .column.is-4-fullhd {
    flex: none;
    width: 33.33333333333333%;
  }
  .column.is-offset-4-fullhd {
    margin-left: 33.33333333333333%;
  }
  .column.is-5-fullhd {
    flex: none;
    width: 41.66666666666667%;
  }
  .column.is-offset-5-fullhd {
    margin-left: 41.66666666666667%;
  }
  .column.is-6-fullhd {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-fullhd {
    margin-left: 50%;
  }
  .column.is-7-fullhd {
    flex: none;
    width: 58.333333333333336%;
  }
  .column.is-offset-7-fullhd {
    margin-left: 58.333333333333336%;
  }
  .column.is-8-fullhd {
    flex: none;
    width: 66.66666666666666%;
  }
  .column.is-offset-8-fullhd {
    margin-left: 66.66666666666666%;
  }
  .column.is-9-fullhd {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-fullhd {
    margin-left: 75%;
  }
  .column.is-10-fullhd {
    flex: none;
    width: 83.33333333333334%;
  }
  .column.is-offset-10-fullhd {
    margin-left: 83.33333333333334%;
  }
  .column.is-11-fullhd {
    flex: none;
    width: 91.66666666666666%;
  }
  .column.is-offset-11-fullhd {
    margin-left: 91.66666666666666%;
  }
  .column.is-12-fullhd {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-fullhd {
    margin-left: 100%;
  }
}
.columns {
  margin-left: -8px;
  margin-right: -8px;
  margin-top: -8px;
}
.columns:last-child {
  margin-bottom: -8px;
}
.columns:not(:last-child) {
  margin-bottom: calc(1.5rem - 8px);
}
.columns.is-centered {
  justify-content: center;
}
.columns.is-gapless {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
.columns.is-gapless > .column {
  margin: 0;
  padding: 0 !important;
}
.columns.is-gapless:not(:last-child) {
  margin-bottom: 1.5rem;
}
.columns.is-gapless:last-child {
  margin-bottom: 0;
}
.columns.is-mobile {
  display: flex;
}
.columns.is-multiline {
  flex-wrap: wrap;
}
.columns.is-vcentered {
  align-items: center;
}
@media screen and (min-width: 769px), print {
  .columns:not(.is-desktop) {
    display: flex;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-desktop {
    display: flex;
  }
}
.columns.is-variable {
  --columnGap: 0.75rem;
  margin-left: calc(-1 * var(--columnGap));
  margin-right: calc(-1 * var(--columnGap));
}
.columns.is-variable .column {
  padding-left: var(--columnGap);
  padding-right: var(--columnGap);
}
.columns.is-variable.is-0 {
  --columnGap: 0rem;
}
.columns.is-variable.is-1 {
  --columnGap: 0.25rem;
}
.columns.is-variable.is-2 {
  --columnGap: 0.5rem;
}
.columns.is-variable.is-3 {
  --columnGap: 0.75rem;
}
.columns.is-variable.is-4 {
  --columnGap: 1rem;
}
.columns.is-variable.is-5 {
  --columnGap: 1.25rem;
}
.columns.is-variable.is-6 {
  --columnGap: 1.5rem;
}
.columns.is-variable.is-7 {
  --columnGap: 1.75rem;
}
.columns.is-variable.is-8 {
  --columnGap: 2rem;
}
table.account-history {
  width: 100%;
  font-size: 10px;
}

/* table.account-history td:first-child {
    padding-left: 12px
} */

table.account-history thead td {
  color: #233557;
  font-weight: 700;
  padding: 14px 12px 10px;
}

tr.lineaccounthistory {
  background-color: #fff;
  border: 1px solid #e9eef5;
}

table.account-history tbody td {
  color: #233557;
  text-align: left;
  padding: 16px 12px 18px 0;
}

table.account-history tbody td.date {
  color: #7c8699;
}

table.account-history tbody td.date .date {
  font-weight: 700;
}

table.account-history tbody td.date .kind > * {
  display: inline;
  white-space: nowrap;
}

table.account-history tbody td.match .teams {
  font-weight: 700;
}

table.account-history tbody td.match .teams > * {
  display: inline;
  white-space: nowrap;
}

table.account-history tbody td.cote {
  text-align: center;
}

table.account-history tbody td.result > * {
  color: #fff;
  text-align: center;
  padding: 3px;
}

table.account-history tbody td.result .won {
  background-color: #84ad08;
}

table.account-history tbody td.result .lost {
  background-color: #d61e00;
}

table.account-history tbody td.result .playing {
  background-color: #eb6f5b;
}

table.account-history tbody td.result .payback {
  background-color: #9ca7ba;
}

table.account-history tfoot td {
  text-align: center;
}

/* table.account-history tfoot .loading {
  padding: 21px 40px;
  font-size: 9px
} */

/* table.account-history tfoot .show-more {
    background-color: transparent;
    padding: 21px 40px;
    font-size: 9px;
    font-weight: 700;
    vertical-align: middle
} */

table.account-history tfoot .show-more .icon {
  display: inline-block;
  margin-left: 0.8em;
  font-size: 0.8em;
}

/* .account-navigation {
    width: 100%;
    background-color: #1a2740
} */

/* .account-navigation,
.account-navigation nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
} */

/* .account-navigation nav {
    margin: auto;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 10px;
    overflow-x: auto;
    overflow-y: hidden;
    max-width: 500px
} */

/* .account-navigation a {
    color: #fff;
    padding: 10px 10px 0;
    white-space: nowrap;
    border-color: #fff
}

.account-navigation a .label {
    padding-bottom: 4px
}

.account-navigation a.selected .label {
    padding-bottom: 8px;
    border-bottom: 3px solid #f5f6fa
}

.account-navigation a:hover {
    text-decoration: none
} */

.competition-title {
  white-space: nowrap;
  flex-align: middle;
  height: 30px;
  line-height: 30px;
  font-size: 10px;
  font-size: 14px;
}

.competition-title,
.competition-title .left {
  display: flex;
}

.competition-title .left {
  padding: 0;
  flex: 1;
  self-align: flex-start;
  align-content: center;
}

.competition-title .rating {
  padding: 0 12px;
  text-align: center;
  width: 160px;
}

.competition-title strong {
  margin: 0 0.3em;
}

.competition-title img {
  vertical-align: middle;
  margin: auto 0;
  width: 24px;
  height: auto;
}

[editable-field] input {
  display: none !important;
}

[editable-field] .icon-check,
[editable-field] .icon-spinner {
  display: none;
}

[editable-field].edit .text {
  display: none !important;
}

[editable-field].edit input {
  display: block !important;
}

[editable-field].edit .icon-check {
  display: block;
}

[editable-field].edit .icon-edit,
[editable-field].edit .icon-spinner {
  display: none;
}

[editable-field].loading .icon-spinner {
  display: block;
}

[editable-field].loading .icon-check,
[editable-field].loading .icon-edit {
  display: none;
}

.stars {
  white-space: nowrap;
}

.stars,
.stars .icon-star {
  display: inline-block;
}

/* .comments {
    display: none;
    padding: 12px 0;
    background-color: white;
} */

.comments.open {
  display: block;
}

/* .comments .comment {
    font-size: 12px;
    margin: 12px
} */

/* .comments .comment>a {
    float: left
} */

/* .comments .message {
    word-break: break-word;
    overflow-wrap: break-word;
    font-weight: bold;
    font-size: 11px;

} */

/* .comments .avatar {
    width: 30px;
    height: 30px;
    margin-right: 12px
} */

/* .comments .comment {
    line-height: 1.4em
} */

.comments .comment.await {
  opacity: 0.4;
}

/* .comments .comment .username {
    font-weight: 700
} */

/* .comments .comment .since {
    color: #9ca7ba;
    padding-left: 5px;
    font-size: 11px;
    margin-left: 28px;
} */

/* .comments .write-comment {
    position: relative;
    font-size: 12px;
    margin: 12px
} */

/* .comments .write-comment .avatar {
    position: absolute;
    top: 5px;
    left: 5px
} */

/* .comments .write-comment textarea {
    font-size: 12px;
    padding: 4px;
    height: 44px;
    transition: height .15s;
    margin-left: 45px;
    width: calc(100% - 47px - 50px)
} */

.comments .write-comment textarea:not(:focus) {
  color: #9ca7ba;
}

.comments .write-comment .action-button {
  width: 30px;
  height: 30px;
  vertical-align: top;
  margin-left: 3px;
  padding: 3px;
  display: block;
}

@media screen and (min-width: 992px) {
  /* #divmatchhasstarted {
        height: 45px;
        background-color: #EB5B5B;
        text-align: center;
        width: 100%;
        vertical-align: middle;
        /* height: inherit; */
  /* float: left;
        position: relative;
        margin-bottom: 10px;
    } */

  .notification .container {
    max-height: 500px;
  }

  .notification .container ul {
    height: inherit;
    overflow-y: auto;
  }

  .show-notification ul {
    max-height: 500px;
  }

  #msgnotiftoactivate {
    display: none;
    position: absolute;
    margin-top: 50px;
    background: white;
    margin-left: -75px;
    border-radius: 7px;
    padding: 5px;
    color: #1a2740;
    border: 1px solid white;
  }

  #explanationranktpmobile {
    display: none;
  }

  .comments {
    overflow: hidden;
  }

  .actioncartouche .shareaction:hover > img,
  .actioncartouche .shareaction:hover > span {
    display: none;
  }

  .actioncartouche .shareaction:hover > .tableshare,
  .actioncartouche .shareaction:hover > .tableshare .shareoffimg {
    display: block;
    visibility: visible;
    opacity: 1;
  }

  /* .comments .write-comment textarea {
        width: calc(100% - 47px);
    } */

  .comments .write-comment .action-button {
    display: none;
  }

  article.tip {
    border-radius: 0px;
  }

  /* .coupdugenie .pronostic,
    .coupdugenie .pronostic_summary {
        background: rgba(255, 255, 255, 0.2) !important;
        margin-left: 24px !important;
        margin-right: 24px !important;
    } */
}

[feed-component] .filters {
  margin: 12px;
}

[feed-component] .filters:after {
  content: '';
  clear: both;
  display: table;
}

[feed-component] .filters [tag-selector] {
  float: left;
}

[feed-component] .filters .order {
  float: right;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-weight: 700;
  flex: none;
  align-self: flex-end;
  font-size: 10px;
}

/* [feed-component] article.tip {
    border: 1px solid #e9eef5;
    background-color: #fff;
    font-size: 10px;
    margin-bottom: 10px;
} */

/* [feed-component] article.tip.followed [data-action=unfollow],
[feed-component] article.tip.unfollowed [data-action=follow] {
  display: block
}

[feed-component] article.tip.owner [report-abuse] {
  display: none
}

[feed-component] article.tip.liked nav>button.like {
  color: #233557
}

[feed-component] article.tip.liked nav>button.like>.like {
  display: inline
} */

/* article.liked nav button.like i,
article.liked nav button.like span,
article.liked nav button.like strong {} */

/* article.liked #likeoffimg {
  display: none;
}

article.liked #likeonimg {
  display: inline-block;
}

article #likeonimg {
  display: none;
} */

/* #likeonimg,
#likeoffimg,
#shareoffimg {
  cursor: pointer;
} */

/*
[feed-component] article.tip nav>button.like>.dislike {
    display: none
}
 */

/*
[feed-component] article.tip nav>button.like:hover>.like {
    display: inline
}
 */

/*
[feed-component] article.tip [data-action=follow],
[feed-component] article.tip [data-action=unfollow],
[feed-component] article.tip nav>button.like:hover>.dislike {
    display: none
}
 */

/* [feed-component] article.tip img.avatar {
  border: 0
}

[feed-component] article.tip img.illustration {
  border: 0;
  width: 100%;
  height: auto
} */

/* [feed-component] article.tip .col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 5px;
    margin-bottom: 5px;
} */

/* [feed-component] article.tip .data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 25px;
    margin-left: 0px;
} */

/* [feed-component] article.tip .pronostic,
[feed-component] article.tip .pronostic_summary,
[feed-component] article.tip .user,
[feed-component] article.tip nav.tip-tools {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
} */

/* [feed-component] article.tip .tip-content {
    margin: 12px
} */

/* [feed-component] article.tip .tip-content .identity {
    width: 100%
} */

/* [feed-component] article.tip .tip-content .identity .stars {
  color: #a99b77;
  font-size: 10px
} */

/* [feed-component] article.tip .tip-content .identity .time {
    color: #9ca7ba
} */

/* [feed-component] article.tip .tip-content .identity .name {
    font-size: 14px
} */

/* [feed-component] article.tip .tip-content .identity .avatar {
    width: 48px;
    height: 48px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 4px
} */

/* [feed-component] article.tip .tip-content .identity .sport {
    color: #9ca7ba;
    line-height: 1.2em
} */

/* [feed-component] article.tip .tip-content .identity .sport.icon {
    font-size: 17px
} */

/* [feed-component] article.tip .tip-content .identity .data {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
} */

/* [feed-component] article.tip .tip-content .identity .user {
    line-height: 1.2em;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
} */

/* [feed-component] article.tip .tip-content nav.toolnav {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  margin-left: 8px
}

[feed-component] article.tip .tip-content nav.toolnav button {
  line-height: 1.2em;
  z-index: 10;
  position: relative;
  background-color: transparent;
  top: -6px
}

[feed-component] article.tip .tip-content nav.toolnav ul {
  z-index: 9;
  background-color: #fff;
  padding: 10px;
  padding-right: 28px;
  display: none;
  position: absolute;
  top: -12px;
  right: 0;
  border: 1px solid #e9eef5
}

[feed-component] article.tip .tip-content nav.toolnav li {
  white-space: nowrap;
  line-height: 2em
}

[feed-component] article.tip .tip-content nav.toolnav:hover ul {
  display: block
} */

/* [feed-component] article.tip .tip-content .match {
    padding: 12px 0;
    border-bottom: 1px solid #e9eef5;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
} */

/* [feed-component] article.tip .tip-content .match .teama,
[feed-component] article.tip .tip-content .match .teamb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
} */

/* [feed-component] article.tip .tip-content .match .teama {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
} */

/* [feed-component] article.tip .tip-content .match .teamb {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
} */

/* [feed-component] article.tip .tip-content .match .teamb .label {
        text-align: right
} */

/* [feed-component] article.tip .tip-content .match .time {
    margin: 0 8px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    text-align: center;
    font-size: 14px
} */

/* [feed-component] article.tip .tip-content .tip-comment {
    color: #000;
    font-size: 12px;
    line-height: 1.5em;
    margin: 12px 0
} */

/* [feed-component] article.tip .pronostic_summary {
    background-color: #F4F6FA;
    color: #fff;
    padding: 4px 12px;
    font-size: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
} */

/* [feed-component] article.tip .pronostic:last-of-type,
[feed-component] article.tip .pronostic_summary:last-of-type {
    margin-bottom: 0
} */

/* [feed-component] article.tip .pronostic_summary .cote,
[feed-component] article.tip .pronostic_summary .label {
    line-height: 12px;
    color: #7c8699;
    padding: 3px;
} */

/* [feed-component] article.tip .pronostic_summary .label {
    color: #1b283f;
    padding: 3px;
} */

/* [feed-component] article.tip .pronostic .follow,
[feed-component] article.tip .pronostic_summary .follow {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    font-size: 12px
} */

/* [feed-component] article.tip .pronostic_summary .col {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
} */

/* [feed-component] article.tip .pronostics.hide .pronostic {
  display: none
}

[feed-component] article.tip .pronostics.show .pronostic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

[feed-component] article.tip .pronostics [load-less] {
  display: none
}

[feed-component] article.tip .pronostics.show .pronostic_summary,
[feed-component] article.tip .pronostics.show [load-more] {
  display: none
}

[feed-component] article.tip .pronostics.show [load-less] {
  display: block
} */

/* [feed-component] article.tip .pronostics>[load-more] button,
[feed-component] article.tip .pronostics>[load-less] button {
    color: #7c8699;
    padding: 8px 12px;
    width: 100%;
    background-color: #fff;
    font-size: 10px;
    font-weight: 700
} */

/* [feed-component] article.tip nav.tip-tools {
    padding: 12px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #9ca7ba;
    border-bottom: 1px solid #e9eef5;
    border-top: 1px solid #e9eef5
} */

/* [feed-component] article.tip nav.tip-tools .share,
[feed-component] article.tip nav.tip-tools button {
    width: 40%;
    color: #7C8699;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
} */

/* [feed-component] article.tip nav.tip-tools .share:first-child,
[feed-component] article.tip nav.tip-tools button:first-child {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
} */

/* [feed-component] article.tip nav.tip-tools .share:last-child,
[feed-component] article.tip nav.tip-tools button:last-child {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

[feed-component] article.tip nav.tip-tools .share:hover,
[feed-component] article.tip nav.tip-tools button:hover {
    color: #233557
}

[feed-component] article.tip nav.tip-tools .share:hover strong,
[feed-component] article.tip nav.tip-tools button:hover strong {
    text-decoration: underline
}

[feed-component] article.tip nav.tip-tools strong {
    margin-left: .3em
}

[feed-component] article.tip nav.tip-tools .share {
    overflow: hidden
}

[feed-component] article.tip nav.tip-tools .share>.icon {
    padding-right: .4em;
    display: block
}

[feed-component] article.tip nav.tip-tools .share .sharer {
    position: relative;
    left: -100%;
    opacity: 0
}

[feed-component] article.tip nav.tip-tools .share:hover strong {
    display: none
}

[feed-component] article.tip nav.tip-tools .share:hover .sharer {
    transition: left .3s linear .2s, opacity .3s .2s;
    left: 0;
    opacity: 1
}

[feed-component] article.tip nav.tip-tools .sharer .icon {
    cursor: pointer;
    margin: .4em .5em;
    font-size: 1.4em
}

[feed-component] article.tip nav.tip-tools .icon {
    margin-right: .3em
} */

[feed-component] > [load-more],
[feed-component] > [load-less] {
  margin: 12px;
  border: 1px solid #e9eef5;
}

[feed-component] > [load-more] button,
[feed-component] > [load-less] button {
  padding: 12px;
  width: 100%;
  background-color: #fff;
}

/* [follow-button] {
    border-radius: 3px;
    font-size: 9px;
    background-color: #d4dae6;
    overflow: hidden;
    padding: 0 12px;
    height: 2em;
    line-height: 2em;
    transition: background-color .3s
}

[follow-button] .follow {
    transition: margin-top .3s
}

[follow-button].active {
    background-color: #233557;
    color: #fff
}

[follow-button].active .follow {
    margin-top: -2em
}

[follow-button].active:not(:focus):hover {
    background-color: red
}

[follow-button].active:not(:focus):hover .follow {
    margin-top: -4em
} */

table[data-user-list] {
  width: 100%;
}

table[data-user-list] thead,
table[data-user-list] tr {
  font-size: 10px;
  font-weight: 700;
}

table[data-user-list] thead .user,
table[data-user-list] tr .user {
  width: 160px;
  text-align: left;
}

table[data-user-list] thead td {
  margin: 4px 0;
  vertical-align: middle;
  text-align: left;
}

table[data-user-list] thead td > * {
  vertical-align: top;
}

table[data-user-list] tbody {
  background-color: #fff;
  border: 1px solid #e9eef5;
}

table[data-user-list] tbody tr {
  border: 1px solid #e9eef5;
}

table[data-user-list] tbody td {
  margin: 12px 0;
  vertical-align: top;
}

table[data-user-list] tbody .gain,
table[data-user-list] tbody .success,
table[data-user-list] tbody .yield {
  text-align: left;
}

table[data-user-list] tfoot td {
  text-align: left;
}

table[data-user-list] tr {
  padding: 12px;
}

table[data-user-list] tr .selector {
  font-size: 1em;
  font-weight: 400;
  vertical-align: middle;
}

table[data-user-list] td {
  padding: 12px 0;
}

table[data-user-list] td:first-child {
  padding-left: 12px;
}

table[data-user-list] td:last-child {
  padding-right: 12px;
}

table[data-user-list] tbody .user-avatar {
  width: 36px;
}

table[data-user-list] tbody .avatar {
  width: 36px;
  height: 36px;
  margin-right: 18px;
}

table[data-user-list] tbody .user {
  width: auto;
}

table[data-user-list] tbody .user .action-button {
  margin-right: auto;
  margin-top: 8px;
  float: left;
  padding: 0 10px;
}

table[data-user-list] tbody .user .user-data {
  text-align: left;
}

table[data-user-list] tbody .user .name {
  font-size: 12px;
  font-weight: 700;
}

table[data-user-list] tbody .user .bet {
  font-size: 10px;
  font-weight: 400;
}

table[data-user-list] tbody .gain,
table[data-user-list] tbody .success,
table[data-user-list] tbody .yield {
  white-space: nowrap;
  padding: 12px 5px;
  font-weight: 400;
}

table[data-user-list] tbody .sorted {
  font-weight: 700;
}

.grid nav {
  display: flex;
  flex-direction: row;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}

.grid nav .action-button {
  margin: 10px 0 10px 10px;
}

.grid nav .action-button:last-child {
  margin-right: 10px;
}

.grid.no-result .results,
.grid.show-results .noresults {
  display: none;
}

[data-head-to-head] table {
  width: 100%;
}

[data-head-to-head] table td {
  vertical-align: middle;
}

[data-head-to-head] table thead {
  font-size: 9px;
  font-weight: 700;
  color: #596374;
}

[data-head-to-head] table thead td {
  padding: 7px 12px;
}

[data-head-to-head] table tbody {
  background-color: #fff;
  color: #596374;
  border: 1px solid #e9eef5;
}

[data-head-to-head] table tbody tr {
  border-bottom: 1px solid #e9eef5;
  height: 40px;
}

[data-head-to-head] table tbody td {
  padding: 11px 0;
}

[data-head-to-head] table tbody td.info {
  width: 10px;
  padding-left: 12px;
  padding-right: 12px;
}

[data-head-to-head] table tbody td.col-score {
  width: 40px;
  padding: 8px 0;
}

[data-head-to-head] table tbody td.col-result {
  text-align: center;
  padding: 8px;
  width: auto;
}

[data-head-to-head] table tbody td.sep {
  display: none;
}

[data-head-to-head] table tbody .info {
  font-size: 10px;
  white-space: nowrap;
  vertical-align: middle;
}

[data-head-to-head] table tbody .info .date,
[data-head-to-head] table tbody .info .ligue {
  font-size: 10px;
  vertical-align: middle;
}

/* [data-head-to-head] table tbody .info img {
    width: auto;
    height: 28px;
    vertical-align: middle
} */

[data-head-to-head] table tbody .teams,
[data-head-to-head] table tbody .teams .team-a,
[data-head-to-head] table tbody .teams .team-b {
  display: flex;
  align-items: center;
}

[data-head-to-head] table tbody .teams .team-a,
[data-head-to-head] table tbody .teams .team-b {
  width: 50%;
  font-size: 11px;
}

[data-head-to-head] table tbody .teams .label {
  flex: 1;
}

[data-head-to-head] table tbody .teams .team-a {
  flex-direction: row;
  justify-content: flex-end;
}

[data-head-to-head] table tbody .teams .team-a .label {
  text-align: right;
  color:#596374;
}

[data-head-to-head] table tbody .teams .team-a .label.winning,
[data-head-to-head] table tbody .teams .team-b .label.winning {
  font-weight: bold;
}

[data-head-to-head] table tbody .teams .team-b {
  flex-direction: row-reverse;
  justify-content: flex-end;
}

[data-head-to-head] table tbody .teams .team-b .label {
  text-align: left;
  color:#596374;
}

[data-head-to-head] table tbody .teams .sep {
  text-indent: -9999px;
  font-size: 2em;
  width: 8px;
  height: 1px;
  background-color: #596374;
  margin: 0 10px;
}

[data-head-to-head] table tbody .teams img {
  display: none;
}

[data-head-to-head] table tbody .result {
  font-size: 10px;
  line-height: 18px;
  background-color: gray;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
}

[data-head-to-head] table tbody .result.won {
  background-color: #84ad08;
}

[data-head-to-head] table tbody .result.nullity {
  background-color: #eb6f5b;
}

[data-head-to-head] table tbody .result.lost {
  background-color: #d61e00;
}

[data-head-to-head] table tfoot td {
  text-align: center;
}

[data-head-to-head] table tfoot .loading {
  padding: 21px 40px;
  font-size: 9px;
}

[data-head-to-head] table tfoot .show-more {
  background-color: transparent;
  padding: 21px 40px;
  font-size: 9px;
  font-weight: 700;
  vertical-align: middle;
}

[data-head-to-head] table tfoot .show-more .icon {
  display: inline-block;
  margin-left: 0.8em;
  font-size: 0.8em;
}

/* header.match {
    color: #fff
} */

/* header.match .constrained {
    padding: 0
} */

header.match .constrained .container {
  display: flex;
  flex: 1;
  position: relative;
  min-height: 130px;
  flex-direction: column;
  background-color: #233557;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  padding-bottom: 24px;
  justify-content: center;
}

/* header.match h4 {
    padding-top: 30px;
    text-align: center;
    font-size: 14px
} */

header.match .starttime {
  font-size: 32px;
  font-weight: 700;
}

/* header.match .main {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding-bottom: 10px
} */

/* header.match .details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
} */

/* header.match .details {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 15px
} */

/* header.match .details .final-score {
    width: 50%;
    font-size: 32px;
    font-weight: 700
} */

header.match .status {
  font-size: 8px;
}

header.match .sets {
  display: flex;
}

header.match .sets.bigger .score {
  font-size: 12px;
}

header.match .sets .score {
  font-size: 8px;
  font-weight: 400;
}

/* header.match .sets .name {
    display: none
} */

header.match .sets li {
  display: flex;
  flex-direction: column;
  align-items: center;
}

header.match .score-grid {
  margin: 20px auto;
}

header.match .score-grid .service {
  font-size: 12px;
}

header.match .score-grid .flag img {
  width: 24px;
  margin: 0 10px;
}

header.match .score-grid .name {
  font-weight: 600;
  font-size: 11px;
}

header.match .score-grid .jeu,
header.match .score-grid .match,
header.match .score-grid .set {
  width: 24px;
  height: 24px;
  font-size: 12px;
  padding: 5px;
}

header.match .score-grid .jeu {
  padding: 5px;
  text-align: right;
}

header.match .score-grid .set {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  background-color: #f5f6fa;
  color: #596374;
}

header.match .score-grid .set.win {
  background-color: #596374;
  color: #fff;
}

/* header.match .teams {
    width: 100%;
    padding: 18px 0 6px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
} */

header.match .team,
header.match .teams {
  display: flex;
}

header.match .team {
  max-width: 400px;
  width: 40%;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
}

header.match .team:first-child {
  padding-right: 25px;
}

header.match .team:last-child {
  padding-left: 25px;
}

/* header.match .team img {
    margin-bottom: 10px;
    width: 38px;
    height: 38px
} */

header.match .extra-data {
  display: none;
}

header.match .extra-data span {
  display: inline-block;
  min-width: 0.8em;
  margin: 0 0.4em;
}

header.user {
  background-color: #1a2740;
  color: #fff;
  display: flex;
  align-items: center;
}

header.user .edit {
  background-color: transparent;
  color: #9ca7ba;
  font-size: 0.7em;
}

header.user .info {
  display: flex;
  flex-direction: row;
}

header.user .avatar {
  width: 64px;
  height: 64px;
  margin: 10px 0 7px;
}

header.user .username {
  margin-left: 24px;
  display: flex;
  flex-direction: row;
}

header.user .username .text,
header.user .username input {
  font-size: 16px;
  font-weight: 700;
  border: 0;
  padding: 1px;
  padding-bottom: 2px;
  border-bottom: 1px solid transparent;
  margin-bottom: 3px;
  color: #fff;
  text-align: center;
}

header.user .username .text {
  display: inline-block;
}

header.user .username input {
  border-bottom: 1px solid #f5f6fa;
  outline: none;
  background: transparent;
}

header.user .followers,
header.user .subscriptions,
header.user .tips {
  font-size: 8px;
  color: #7c8699;
  font-weight: 300;
}

[load-more] button[disabled],
[load-less] button[disabled] {
  visibility: hidden;
}

[load-more] .show-more,
[load-less] .show-less {
  display: inline-block;
}

[load-more] .loader,
[load-more].loading .show-more,
[load-less] .loader,
[load-less].loading .show-less {
  display: none;
}

[load-more].loading .loader,
[load-less].loading .loader {
  display: inline-block;
  text-align: center;
}

/*[make-a-bet] {
    padding: 0 12px
}*/

[make-a-bet] h3 {
  font-size: 12px;
  font-weight: 700;
  margin: 7px 0;
}

[make-a-bet] .bookmaker {
  display: flex;
  font-size: 12px;
  line-height: 3em;
  vertical-align: middle;
  font-weight: 700;
  color: #7c8699;
  justify-content: flex-end;
}

[make-a-bet] .bookmaker [data-selector] {
  vertical-align: middle;
  font-weight: 400;
  line-height: 3em;
  height: 3em;
}

[make-a-bet] .show-more {
  margin: auto;
  background-color: transparent;
  padding: 21px 40px;
  font-size: 9px;
  font-weight: 700;
  vertical-align: middle;
  display: block;
  padding-top: 0;
}

[make-a-bet] .show-more .icon {
  display: inline-block;
  margin-left: 0.8em;
  font-size: 0.8em;
}

[make-a-bet] .bet {
  display: flex;
  flex-direction: column;
  margin: 21px 0;
}

[make-a-bet] .bet .title {
  width: 100%;
  padding: 9px 12px;
  background-color: #596374;
  color: #fff;
  font-size: 9px;
  line-height: 12px;
}

[make-a-bet] .bet .values {
  display: flex;
  flex-direction: row;
}

[make-a-bet] .bet .values > .value {
  flex: 1;
  flex-direction: row;
  position: relative;
  line-height: 29px;
}

[make-a-bet] .bet .values > .value,
[make-a-bet] .bet .values > .value .name {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

[make-a-bet] .bet .values > .value .name {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 30px;
  flex-direction: row;
  color: #d4dae6;
  font-size: 10px;
  font-weight: 700;
}

[make-a-bet] .bet .values > .value .value {
  color: #596374;
  border: 0;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
}

[make-a-bet] .bet .values > .value input:checked,
[make-a-bet] .bet .values > .value input:not(:checked) {
  position: absolute;
  left: -9999px;
}

[make-a-bet] .bet .values > .value input:checked + label,
[make-a-bet] .bet .values > .value input:not(:checked) + label {
  padding: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #d4dae6;
  border-top: 0;
  cursor: pointer;
}

[make-a-bet] .bet .values > .value input:checked + label {
  background-color: #7c8699;
  border-color: #7c8699;
}

[make-a-bet] .bet .values > .value input:checked + label .value {
  color: #fff;
}

[your-analyse] {
  background-color: #fff;
  position: relative;
  /* padding: 19px 24px */
}

[your-analyse] textarea {
  font-size: 13px;
  line-height: 16px;
  color: #2c323d;
  border: 0;
  padding: 0;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  [your-analyse] textarea {
    font-size: 14px;
    line-height: 20px;
  }
}

.share-links {
  margin: 8px 0 16px;
}

.share-links a:hover {
  text-decoration: none;
}

.share-links a:hover span {
  text-decoration: underline;
}

.share-links .share {
  color: #9ca7ba;
  vertical-align: middle;
}

.share-links .share .icon:before {
  text-decoration: none;
  margin-right: 8px;
  margin-left: 22px;
  vertical-align: bottom;
}

.share-links .share:not(:hover) .icon:before {
  color: #9ca7ba;
}

.share-links .share:hover .icon:before {
  text-decoration: none !important;
}

[match-composition-component] {
  display: flex;
  flex-direction: column;
  align-items: justify;
  border: 1px solid #e9eef5;
}

aside [match-composition-component] {
  background-color: #fff;
}

main [match-composition-component] button.toggle {
  display: none;
}

[match-composition-component] button.toggle {
  background-color: transparent;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
}

[match-composition-component] button.toggle > div {
  line-height: 30px;
  height: 30px;
  transition: top 0.3s;
  position: relative;
  left: 0;
  top: 0;
}

[match-composition-component] button.toggle .icon {
  font-size: 0.8em;
  margin-left: 0.3em;
}

[match-composition-component].close button.toggle .close,
[match-composition-component].close button.toggle .open {
  top: -30px;
}

[match-composition-component].close .togglable {
  height: 0;
  opacity: 0 !important;
}

[match-composition-component] .togglable {
  overflow: hidden;
  opacity: 1;
  transition: height 0.5s, opacity 0.5s;
}

[match-composition-component] .choose-team {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 12px;
  margin: 12px 0;
}

[match-composition-component] .choose-team button {
  min-width: 48%;
}

[match-composition-component] .title {
  padding: 18px 12px 10px;
  font-size: 14px;
  font-weight: 700;
  border-top: 1px solid #e9eef5;
}

[match-composition-component] .wrapper {
  width: 100%;
  overflow-x: hidden;
}

[match-composition-component] .wrapper .teams {
  white-space: nowrap;
  position: relative;
  left: 0;
  top: 0;
  transition: left 0.3s;
}

[match-composition-component] .wrapper .team {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

[match-composition-component] .wrapper .team ul {
  background-color: #fff;
}

[match-composition-component] .wrapper .team li {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 50px;
  border-top: 1px solid #e9eef5;
  font-size: 15px;
}

[match-composition-component] .wrapper .num {
  width: 40px;
  font-size: 14px;
  font-weight: 700;
  text-align: right;
  padding: 12px;
}

[match-composition-component] .wrapper .name {
  min-width: 40%;
}

[match-composition-component] .wrapper .event {
  font-size: 12px;
  padding: 12px;
}

[data-match-list] .title {
  background-color: #9ca7ba;
  color: #fff;
}

[data-match-agenda] .step,
[data-match-list] .step {
  margin: 24px 0;
}

[data-match-agenda] .date,
[data-match-agenda] .subtitle,
[data-match-agenda] .title,
[data-match-list] .date,
[data-match-list] .subtitle,
[data-match-list] .title {
  display: flex;
  text-align: left;
  white-space: nowrap;
  flex-align: middle;
}

[data-match-agenda] .title,
[data-match-list] .title {
  height: 30px;
  line-height: 30px;
  font-size: 10px;
}

[data-match-agenda] .title .left,
[data-match-list] .title .left {
  padding: 0 12px;
  flex: 1;
  display: flex;
  self-align: flex-start;
}

[data-match-agenda] .title .rating,
[data-match-list] .title .rating {
  padding: 0 12px;
  text-align: center;
  width: 160px;
}

[data-match-agenda] .title strong,
[data-match-list] .title strong {
  margin: 0 0.3em;
}

[data-match-agenda] .title img,
[data-match-list] .title img {
  vertical-align: middle;
  margin: auto 0;
  width: 20px;
  height: auto;
  align-self: center;
}

[data-match-agenda] .date,
[data-match-list] .date {
  line-height: 32px;
  height: 32px;
  font-size: 9px;
  color: #596374;
  padding: 0 12px;
}

[data-match-agenda] .subtitle,
[data-match-list] .subtitle {
  line-height: 32px;
  height: 32px;
  font-size: 14px;
  font-weight: 700;
}

[data-match-agenda] [match-list-row],
[data-match-list] [match-list-row] {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  padding: 8px 0;
  font-size: 11px;
  border-bottom: 1px solid #e9eef5;
}

[data-match-agenda] [match-list-row]:hover .teams .name,
[data-match-agenda] [match-list-row]:hover .teams .team-a,
[data-match-agenda] [match-list-row]:hover .teams .team-b,
[data-match-list] [match-list-row]:hover .teams .name,
[data-match-list] [match-list-row]:hover .teams .team-a,
[data-match-list] [match-list-row]:hover .teams .team-b {
  text-decoration: underline;
}

[data-match-agenda] [match-list-row] .rating,
[data-match-agenda] [match-list-row] .sep,
[data-match-agenda] [match-list-row] .teams,
[data-match-agenda] [match-list-row] .time,
[data-match-list] [match-list-row] .rating,
[data-match-list] [match-list-row] .sep,
[data-match-list] [match-list-row] .teams,
[data-match-list] [match-list-row] .time {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 32px;
}

[data-match-agenda] [match-list-row] .match-details,
[data-match-list] [match-list-row] .match-details {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

[data-match-agenda] [match-list-row] .sep,
[data-match-list] [match-list-row] .sep {
  flex: none;
}

[data-match-agenda] [match-list-row] .sep:before,
[data-match-list] [match-list-row] .sep:before {
  content: '';
  width: 1px;
  height: 23px;
  background-color: #9ca7ba;
}

[data-match-agenda] [match-list-row] .time,
[data-match-list] [match-list-row] .time {
  width: 100%;
  justify-content: center;
  align-items: flex-start;
  font-size: 10px;
  font-weight: 600;
}

[data-match-agenda] [match-list-row] .teams,
[data-match-list] [match-list-row] .teams {
  width: 100%;
  justify-content: space-between;
  padding: 0 12px;
}

[data-match-agenda] [match-list-row] .teams .winner,
[data-match-list] [match-list-row] .teams .winner {
  font-weight: 700;
}

[data-match-agenda] [match-list-row] .teams .team-a,
[data-match-agenda] [match-list-row] .teams .team-b,
[data-match-list] [match-list-row] .teams .team-a,
[data-match-list] [match-list-row] .teams .team-b {
  display: flex;
  justify-content: space-between;
  flex: 1;
  align-items: center;
}

[data-match-agenda] [match-list-row] .teams .team-a,
[data-match-list] [match-list-row] .teams .team-a {
  flex-direction: row;
}

[data-match-agenda] [match-list-row] .teams .team-b,
[data-match-list] [match-list-row] .teams .team-b {
  flex-direction: row-reverse;
}

[data-match-agenda] [match-list-row] .teams .team-b .label,
[data-match-list] [match-list-row] .teams .team-b .label {
  text-align: left;
  margin-left: 3px;
}

[data-match-agenda] [match-list-row] .teams [score-component],
[data-match-list] [match-list-row] .teams [score-component] {
  margin: 0 8px;
}

[data-match-agenda] [match-list-row] .teams img,
[data-match-list] [match-list-row] .teams img {
  height: 28px;
  width: auto;
}

[data-match-agenda] [match-list-row] .sets,
[data-match-list] [match-list-row] .sets {
  font-size: 14px;
  letter-spacing: -0.5px;
  margin-top: 5px;
}

[data-match-agenda] [match-list-row] .rating,
[data-match-list] [match-list-row] .rating {
  width: 100%;
  padding: 0 12px;
  font-size: 10px;
  justify-content: space-between;
  font-weight: 700;
}

[data-match-agenda] [match-list-row].finished .sets,
[data-match-list] [match-list-row].finished .sets {
  color: #9ca7ba;
}

[data-match-agenda] [match-list-row].finished .highlight,
[data-match-list] [match-list-row].finished .highlight {
  font-weight: 700;
  color: #000;
}

[data-match-agenda] [match-list-row].playing .sets,
[data-match-list] [match-list-row].playing .sets {
  color: #596374;
}

[data-match-agenda] [match-list-row].playing .time,
[data-match-list] [match-list-row].playing .time {
  color: #eb6f5b;
}

[data-match-agenda] [match-list-row].playing [score-component],
[data-match-list] [match-list-row].playing [score-component] {
  background-color: #596374;
  color: #fff;
}

[data-match-agenda] [match-list-row].income .sets,
[data-match-list] [match-list-row].income .sets {
  color: #e9eef5;
}

.tennis [data-match-list] [match-list-row],
.tennis [data-match-agenda] [match-list-row] {
  align-items: center;
}

.tennis [data-match-list] [match-list-row] .match-details,
.tennis [data-match-agenda] [match-list-row] .match-details {
  align-items: start;
  padding: 0 12px;
}

/* .match-navigation {
    width: 100%
} */

/* .match-navigation,
.match-navigation nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
} */

/* .match-navigation nav {
    margin: auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 10px;
    overflow-x: auto;
    overflow-y: hidden
} */

/* .match-navigation a {
    color: #fff;
    padding: 10px 10px 0;
    white-space: nowrap;
    border-color: #fff
} */

/* .match-navigation a .label {
    padding-bottom: 4px
} */

/* .match-navigation a.selected .label {
    padding-bottom: 3px;
    border-bottom: 3px solid #e9eef5
} */

.match-summary li.title {
  font-size: 10px;
  padding: 22px 12px 7px;
  color: #233557;
}

.match-summary li.team-a,
.match-summary li.team-b {
  display: flex;
  height: 40px;
  background-color: #fff;
  border: 1px solid #e9eef5;
  border-bottom: none;
  color: #1a2740;
  font-size: 11px;
}

.match-summary li.team-a {
  flex-direction: row;
}

.match-summary li.team-a .name {
  align-items: flex-start;
}

.match-summary li.team-a .time {
  border-right: 1px solid #e9eef5;
}

.match-summary li.team-b {
  flex-direction: row-reverse;
}

.match-summary li.team-b .name {
  align-items: flex-end;
}

.match-summary li.team-b .time {
  border-left: 1px solid #e9eef5;
}

.match-summary li .time {
  color: #7c8699;
}

.match-summary li .action-icon,
.match-summary li .time {
  width: 40px;
  height: 40px;
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
}

.match-summary li .action-icon {
  margin: 0;
  font-size: 14px;
}

.match-summary li .action-icon + .name {
  margin: 0;
}

.match-summary li .name {
  flex-direction: column;
  justify-content: center;
  flex: 1;
  margin: 0 12px;
}

.match-summary li .name,
.match-summary li .name .main,
.match-summary li .name .secondary {
  display: flex;
}

.match-summary li .name .main {
  font-weight: 700;
}

/* .match-list-nav[selector-navigation] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    padding: 10px;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    padding: 10px 0
}

.match-list-nav[selector-navigation] .action-button {
    margin-right: 10px
}

.match-list-nav[selector-navigation] .selector {
    font-size: 12px
}

.match-list-nav[selector-navigation] .selector li {
    padding: 0 16px
}

.match-list-nav[selector-navigation] .selector.stepable {
    height: 2em;
    font-size: 11px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 2;
    -ms-flex: 2 1 100%;
    flex: 2 1 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.match-list-nav[selector-navigation] .selector.stepable .icon {
    line-height: 2em;
    position: relative;
    color: #eb6f5b
}

.match-list-nav[selector-navigation] .selector.stepable .icon.prev {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.match-list-nav[selector-navigation] .selector.stepable .icon.next {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.match-list-nav[selector-navigation] .selector.stepable .selector.first~.prev,
.match-list-nav[selector-navigation] .selector.stepable .selector.last~.next {
    color: #d4dae6
}

.match-list-nav[selector-navigation] .selector.stepable .selector.date {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    text-align: center;
    font-weight: 700;
    color: #eb6f5b
}

.match-list-nav[selector-navigation] .selector.stepable .selector.date .container {
    margin: 0 auto
}

.match-list-nav[selector-navigation] .selector.stepable .selector.date span {
    display: block
}

.match-list-nav[selector-navigation] .selector.country {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    self-align: flex-end;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    font-weight: 400;
    font-size: 10px;
    color: #7c8699
}

.match-list-nav[selector-navigation] .selector.country .container {
    margin: 0 auto 0 0
}

.match-list-nav[selector-navigation] .selector.country span {
    display: block
}

.match-list-nav[selector-navigation] .selector.bookmaker {
    text-align: right;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    font-weight: 400;
    font-size: 10px;
    color: #7c8699
}

.match-list-nav[selector-navigation] .selector.bookmaker .container {
    margin: 0 0 0 auto
}

.match-list-nav[selector-navigation] .selector.bookmaker span {
    display: block
} */

/* [panel-component] .hidden {
    display: none
}

[panel-component].open .hidden,
[panel-component] .shown {
    display: block
}

[panel-component].open .shown {
    display: none
} */

.fb-button {
  color: #fff;
  background-color: #3b5998;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.2px;
  vertical-align: middle;
  padding: 9px 11px 6px;
  border-radius: 3px;
  outline: none;
  border: none;
  line-height: 24px;
}

.fb-button .icon-facebook {
  font-size: 22px;
  font-weight: 400;
  vertical-align: middle;
  padding: 0;
  padding-right: 7px;
}

.fb-button .icon-facebook:before {
  color: #fff;
}

/* p.separator {
    font-size: 12px;
    color: #7c8699;
    margin: 30px 0;
    text-align: center
} */

/* p.separator,
p.separator .center {
    background-color: inherit;
    position: relative
}

p.separator .center {
    display: inline-block;
    margin: grid-auto-columns value;
    padding: 0 10px
} */

/* p.separator:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #7c8699;
    position: absolute;
    top: 49%
} */

.register-steps-form .help {
  padding: 10px 0 20px;
  text-align: left;
  font-size: 14px;
  color: #1a2740;
}

.register-steps-form .sport-step {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.register-steps-form .sport-checkbox {
  width: 25%;
}

.register-steps-form .sport-checkbox [type='checkbox']:checked,
.register-steps-form .sport-checkbox [type='checkbox']:not(:checked) {
  position: absolute;
  left: -9999px;
}

.register-steps-form .sport-checkbox [type='checkbox']:checked + label {
  opacity: 1;
}

.register-steps-form .sport-checkbox label {
  transition: opacity 0.3s;
  opacity: 0.4;
  display: block;
  margin: 10px 0 20px;
  cursor: pointer;
}

.register-steps-form .sport-checkbox label .icon,
.register-steps-form .sport-checkbox label .label {
  text-align: center;
}

.register-steps-form .sport-checkbox label .icon {
  font-size: 45px;
}

.register-steps-form .sport-checkbox label .label {
  font-size: 14px;
}

.register-steps-form .link-button {
  background-color: transparent;
  vertical-align: middle;
}

.register-steps-form .link-button .icon-refresh {
  vertical-align: middle;
  padding-right: 0.3em;
}

.score-grid {
  border-collapse: separate;
  border-spacing: 2px;
}

.score-grid .service {
  font-size: 12px;
  color: #c1a430;
}

.score-grid .flag img {
  width: 24px;
  height: auto;
  margin: 0 10px;
}

.score-grid .name {
  font-weight: 400;
  font-size: 11px;
}

.score-grid .jeu,
.score-grid .match,
.score-grid .set {
  width: 24px;
  height: 24px;
  font-size: 12px;
  padding: 5px;
}

.score-grid td {
  vertical-align: middle;
}

.score-grid .jeu {
  padding: 5px;
  text-align: right;
}

.score-grid .jeu.win {
  font-weight: 700;
}

.score-grid .set {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  background-color: #f5f6fa;
  color: #596374;
}

.score-grid .set.win {
  background-color: #596374;
  color: #fff;
}

[data-match-list] .score-grid .service {
  width: 20px;
}

[data-match-list] .score-grid .name {
  width: 30vw;
}

[data-match-list] .score-grid .match {
  border: 0;
}

[data-match-list] .income .score-grid .name {
  width: auto;
}

[data-selector] {
  position: relative;
  display: inline-block;
  height: 2em;
  line-height: 2em;
  font-size: 1em;
}

[data-selector]:hover {
  z-index: 2201 !important;
}

[data-selector].ready.open {
  z-index: 2000;
}

[data-selector].ready.open .container {
  background-color: #fff;
  transition: top 0.15s linear 0.15s, height 0.15s linear 0.15s, width 0.15s linear;
}

[data-selector].ready.open ul {
  transition: top 0.15s linear 0.15s;
}

[data-selector].ready .container {
  transition: top 0.15s linear, height 0.15s linear, background-color 0.15s 0.15s, width 0.15s linear 0.15s;
}

[data-selector].ready ul {
  transition: top 0.15s linear;
}

[data-selector] .container,
[data-selector] ul {
  padding: 0;
  position: relative;
  left: 0;
  top: 0;
  height: 100%;
}

[data-selector] ul {
  position: absolute;
}

[data-selector] .container {
  overflow: hidden;
}

[data-selector] li.selected span:after {
  display: inline-block;
  margin-left: 0.3em;
  font-family: iconfont;
  content: '\f700';
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  line-height: 1em;
}

[data-selector].open li.selected span:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

[data-selector] [data-value] {
  display: block;
  padding: 0 0.6em;
  cursor: pointer;
  white-space: nowrap;
}

/* .stat {
    padding: 0px 24px;
    border: 1px solid #e9eef5;
    margin-top: -1px
}

.stat .title {
    font-size: 18px;
    line-height: 1em;
    font-weight: 700;
    margin: 0
}

.stat .key,
.stat .pts {
    font-size: 48px;
    margin: 0;
    font-weight: 700;
    line-height: .86;
    letter-spacing: -1.2px;
    color: #A99B77
}

.stat .unit,
.stat .nbbetsencours {
    font-size: 18px;
    line-height: .86em;
    letter-spacing: -.6px;
    font-weight: 300;
    color: #7c8699
}

.stat .val {
    display: block
}

.stat.prefered-sports .sports {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 12px;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.stat.prefered-sports .sports,
.stat.prefered-sports .sports .sport {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.stat.prefered-sports .sports .sport {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column
}

.stat.prefered-sports .sports .icon {
    font-size: 27px;
    color: #9ca7ba
}

.stat.prefered-sports .sports .icon:before {
    vertical-align: middle
}

.stat.prefered-sports .sports .name {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.17
}

.stat.prefered-sports .sports .unit {
    font-size: 10px
}

.stat.figures {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-top: 0;
    padding-bottom: 0
}

.stat.figures,
.stat.figures .figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.stat.figures .figure {
    padding-top: 12px;
    padding-bottom: 12px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    border-right: 1px solid #e9eef5
}

.stat.figures .figure:last-child {
    border-right: 0
}

.stat.linechart {
    padding-bottom: 36px
}

.stat.linechart .val {
    display: inline-block;
    padding: 0 12px
}

.stat.linechart .line-chart {
    margin-top: 17px;
    margin: 17px 0 0
} */

/* aside .stat.linechart {
    padding: 12px 0
}

aside .stat.linechart .title {
    font-size: 14px;
    margin: 0 12px
}

aside .stat.linechart .pts {
    padding: 0 12px;
    font-size: 28px
}

aside .stat.linechart .unit {
    font-size: 14px;
    color: inherit
}

aside .stat.linechart .line-chart {
    margin-top: 23px;
    width: auto
} */

/* .stat.piechart .chart {
    max-width: 76px;
    max-height: 76px;
    position: relative;
    margin: 12px auto
}

.stat.piechart .chart .pts {
    position: absolute;
    width: 100%;
    height: 100%;
    line-height: 76px;
    font-size: 24px;
    margin: 0
}

.stat.piechart .unit {
    width: 60%;
    margin: auto;
    line-height: 1.4em
} */

.t-a-g-selector .t-a-g {
  display: inline;
}

.t-a-g-selector .t-a-g label {
  font-weight: 300;
  color: #fff;
  transition: opacity 0.3s;
}

.t-a-g-selector .t-a-g input:checked,
.t-a-g-selector .t-a-g input:not(:checked) {
  display: none;
  padding: 0;
}

.t-a-g-selector .t-a-g input:not(:checked) + label {
  background-color: #9ca7ba !important;
}

[data-team-classement].grid,
[data-team-classement].grid table {
  width: 100%;
}

[data-team-classement].grid table td {
  vertical-align: middle;
  font-size: 11px;
  text-align: center;
}

[data-team-classement].grid table tr {
  height: 40px;
}

[data-team-classement].grid table thead td {
  color: #7c8699;
}

[data-team-classement].grid table tbody tr {
  background-color: #fff;
  border: 1px solid #e9eef5;
}

[data-team-classement].grid table .position {
  padding-left: 1em;
  padding-right: 1em;
  font-weight: 700;
  text-align: right;
  width: 20px;
}

[data-team-classement].grid table .logo {
  width: 10px;
}

[data-team-classement].grid table .logo img {
  width: auto;
  height: 28px;
}

[data-team-classement].grid table .values {
  width: 20px;
  padding: 0 2px;
}

[data-team-classement].grid table .values.sorted {
  font-weight: 700;
}

[data-team-classement].grid table .pts {
  width: 50px;
}

[data-team-classement].grid table .name {
  padding-left: 1em;
  font-weight: 700;
  text-align: left;
}

[data-team-classement].grid table .lastfive {
  padding: 0 1em;
  white-space: nowrap;
  width: 150px;
}

/* header.match.football .container {
    background-image: url(../images/theme/football/bg-match-navigation.jpg)
}

header.match.rugby .container {
    background-image: url(../images/theme/rugby/bg-match-navigation.jpg)
}

header.match.tennis .container {
    background-image: url(../images/theme/tennis/bg-match-navigation.jpg)
}

header.match.basket .container {
    background-image: url(../images/theme/basket/bg-match-navigation.jpg)
}

header.match.handball .container {
    background-image: url(../images/theme/handball/bg-match-navigation.jpg)
}

header.match.volley .container {
    background-image: url(../images/theme/volley/bg-match-navigation.jpg)
}

header.match.hockey .container {
    background-image: url(../images/theme/hockey/bg-match-navigation.jpg)
}

header.match.rugbyleague .container {
    background-image: url(../images/theme/rugbyleague/bg-match-navigation.jpg)
}

header.match.americanfootball .container {
    background-image: url(../images/theme/americanfootball/bg-match-navigation.jpg)
}

header.match.tennis.hard .container {
    background-image: url(../images/theme/tennis/bg-match-navigation-hard.jpg)
}

header.match.tennis.clay .container {
    background-image: url(../images/theme/tennis/bg-match-navigation-clay.jpg)
}

header.match.tennis.grass .container {
    background-image: url(../images/theme/tennis/bg-match-navigation-grass.jpg)
} */

/* .top-bettor-component {
    display: block;
    position: relative;
    width: 100%;
    height: 435px;
}

.top-bettor-component button.next,
.top-bettor-component button.prev {
    display: none;
    z-index: 200
}

.top-bettor-component button.prev {
    left: 0
}

.top-bettor-component button.next {
    right: 0
}

.top-bettor-component .container {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%
}

.top-bettor-component .items {
    white-space: nowrap;
    font-size: 0;
    height: 100%
}

.top-bettor-component[data-item-per-page="1"] {}

.top-bettor-component[data-item-per-page="1"] .top-bettor-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 15px;
}

.top-bettor-component[data-item-per-page="1"] .user-data {
    -webkit-box-align: left;
    -ms-flex-align: left;
    align-items: left;
    margin-left: 12px
}

.top-bettor-component[data-item-per-page="1"] .action-button {
    /*
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;

    margin-top: -20px;
    margin-left: 85px;
}

.top-bettor-component[data-item-per-page="1"] .avatar {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 56px;
    height: 56px
}

.top-bettor-component[data-item-per-page="1"] .name {
    padding-top: 0;
    margin: 0
}

.top-bettor-component[data-item-per-page="1"] button.next,
.top-bettor-component[data-item-per-page="1"] button.prev {
    height: 100%;
    width: 30px;
    font-size: 1.5em
} */

/* .top-bettor-item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.top-bettor-item,
.top-bettor-item .user-data {
    /*
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

.top-bettor-item .user-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.top-bettor-item .name {
    font-size: 11px;
    color: #1a2740;
    font-weight: 700;
    padding: 7px 0 1px
}

.top-bettor-item .results li {
    font-weight: 400;
    white-space: nowrap;
    font-size: 10px;
    color: #ff806b
}

.top-bettor-item .avatar {
    width: 48px;
    height: 48px
}

.top-bettor-item button.active {
    display: none;
}

.top-bettor-item .results {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.top-bettor-item .results>li {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding: 4px 8px
}

.top-bettor-item .results>li:first-child {
    padding-left: 0
}

.top-bettor-item .results>li:last-child {
    border-right: 0;
    padding-right: 0
} */

/* [pronostics-table] {
    width: 100%;
    margin-bottom: 20px;
}

[pronostics-table] thead tr {
    background: #596374;
    width: 100%;
}

[pronostics-table] thead tr th {
    font-size: 14px;
    color: white;
    font-weight: bold;
    padding: 18px 24px;
    text-align: left;
}

[pronostics-table] tbody tr td [pronostics-table-data] {
    width: 100%;
    table-layout: fixed
}

[pronostics-table] tbody tr td [pronostics-table-data] tbody tr td {
    border: solid 1px #d4dae6;
    border-top: none;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 11px 0;
    cursor: pointer;
}

#matchnotstarted [pronostics-table] tbody tr td [pronostics-table-data] tbody tr td[data-selected-prono="true"] {
    background: #7c8699;
    border-color: #7c8699;
}

[pronostics-table] tbody tr td [pronostics-table-data] tbody tr td input {
    display: none;
}

[pronostics-table] tbody tr td [pronostics-table-data] tbody tr td .result {
    color: #bac4d5;
    margin-right: 22px;
}

[pronostics-table] tbody tr td [pronostics-table-data] tbody tr td .rate {
    color: #434b5a;
}

[pronostics-table] tbody tr td [pronostics-table-data] tbody tr td[data-selected-prono="true"] .result {
    color: white;
}

[pronostics-table] tbody tr td [pronostics-table-data] tbody tr td[data-selected-prono="true"] .rate {
    color: white;
} */

.more-possibilities {
  display: none;
  margin-bottom: 20px;
  text-align: center;
}

.more-possibilities .more-possibilities-text {
  font-size: 14px;
  color: #434b5a;
  font-weight: bold;
  cursor: pointer;
}

.more-possibilities .more-possibilities-text .icon:before {
  margin-left: 10px;
  font-size: 10px;
}

.more-possibilities .more-possibilities-text.showed .icon:before {
  content: '\f714';
}

/* .hide-from-user {
    display: none;
} */

.public-comment-info {
  font-size: 12px;
  margin-top: 8px;
  color: #cd1f1f;
}

.public-comment-info.typing {
  color: #3ba530;
}

.pronostics-recap {
  background: #7c8699;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 999;
  max-width: 944px;
  padding: 27px 0;
  cursor: pointer;
}

.pronostics-recap-text {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: white;
}

.pronostics-recap-text .icon:before {
  font-size: 16px;
  margin-left: 10px;
}

.show-block {
  display: block !important;
}

/* #popin-unit-bet {
    background: rgba(31, 45, 73, .8);
    position: fixed;
    overflow: hidden;
    width: 100% !important;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    z-index: 1000;
} */

/* .bet-container {
    width: 465px;
    max-width: 100%;
    background: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

} */

/* .bet-content {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 30px 20px 40px;
} */

.bet-content__close,
.bet-content__close_likers {
  color: white;
  position: absolute;
  right: 0;
  top: -30px;
  cursor: pointer;
}

.bet-content__close .icon-close:before,
.bet-content__close_likers .icon-close:before {
  font-size: 19px;
  margin-left: 10px;
  vertical-align: -4px;
}

.bet-content__title {
  font-size: 18px;
  text-align: center;
  color: #7c8699;
  font-weight: bold;
  margin-bottom: 30px;
}

/* .match-bet {
    background: #7c8699;
    padding: 9px 24px;
    font-size: 11px;
    color: white;
    margin-bottom: 8px;
    position: relative;
} */

.match-bet[data-attached='true']:after {
  font-family: iconfont;
  content: '\f70d';
  position: absolute;
  font-size: 17px;
  right: 22px;
  top: 13px;
}

/* .match-bet__link {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 9;
} */

/* .match-bet__title {
    font-weight: bold;
    margin-bottom: 3px;
} */

/* .match-bet__bet__amount {
    font-weight: bold;
} */

/* .match-bet .icon-close:before {
    font-weight: bold;
    position: absolute;
    right: 24px;
    font-size: 15px;
    top: 14px;
    cursor: pointer;
    z-index: 19;
} */

/* .match-bet__total {
    color: #263752;
    font-weight: bold;
    margin: 7px 0;
    font-size: 14px;
} */

/* .match-bet__potential-gains {
    margin-top: 10px;
    text-align: center;
    font-size: 14px;
    color: #263752;
} */

/* .error {
    margin-top: 10px;
    text-align: center;
    font-size: 12px;
    color: #cd1f1f;
    text-align: center;
    display: block;
} */

/* .match-bet__units {
    text-align: center;
    width: 100%;
    padding: 18px 0;
    font-size: 16px;
    color: #263752;
}

.match-bet__units::-webkit-input-placeholder {
    color: #e9eef5;
}

.match-bet__units::-moz-placeholder {
    color: #e9eef5;
}

.match-bet__units::-ms-placeholder {
    color: #e9eef5;
}

.match-bet__units::placeholder {
    color: #e9eef5;
}

.match-bet__units::-webkit-outer-spin-button,
.match-bet__units::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
} */

/* .match-bet__validate, */
.match-bet__combine,
.combine {
  width: 100%;
  max-width: 250px;
  margin: 15px auto 0;
  display: block;
}

.combine {
  display: block !important;
}

[post-tip-popins] #post-confirm-popin {
  background: rgba(31, 45, 73, 0.8);
  position: fixed;
  overflow: hidden;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
  z-index: 1000;
}

[post-tip-popins] #post-confirm-popin .post-confirm-content {
  width: 585px;
  max-width: 100%;
  background: white;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

[post-tip-popins] #post-confirm-popin .icon-close:before {
  font-size: 24px;
  position: absolute;
  right: 14px;
  top: 10px;
  cursor: pointer;
}

[post-tip-popins] #post-confirm-popin .post-confirm-text {
  font-size: 18px;
  margin-top: 42px;
  text-align: center;
  font-weight: bold;
  color: #263752;
  padding: 0 10px;
}

[post-tip-popins] #post-confirm-popin button {
  margin: 20px auto;
  display: block;
  width: 120px;
}

[post-tip-popins] #post-attach-prono-popin {
  background: rgba(31, 45, 73, 0.8);
  position: fixed;
  overflow: hidden;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
  z-index: 1000;
}

[post-tip-popins] #post-attach-prono-popin .post-attach-content {
  width: 465px;
  max-width: 100%;
  background: white;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 14px 24px 30px;
}

[post-tip-popins] #post-attach-prono-popin .post-attach-content .icon-close:before {
  font-size: 23px;
  position: absolute;
  right: 24px;
  top: 10px;
  cursor: pointer;
}

[post-tip-popins] #post-attach-prono-popin .post-attach-content .post-attach-text {
  font-size: 18px;
  margin-bottom: 22px;
  font-weight: bold;
  color: #263752;
  padding-right: 30px;
}

[post-tip-popins] #post-attach-prono-popin .post-attach-content button.attach {
  margin: 30px auto 0;
  display: block;
}

[post-tip-popins] #post-attach-prono-popin .post-attach-content .match-bet {
  cursor: pointer;
}

[post-tip-popins] #post-attach-prono-popin .post-attach-content .post-attach-show-more {
  cursor: pointer;
  color: #263752;
  text-align: center;
  margin-top: 14px;
  font-size: 13px;
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* * {
    box-sizing: border-box
} */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

body,
button {
  letter-spacing: -0.3px;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquoteafter,
blockquotebefore,
qafter,
qbefore {
  content: '';
  content: none;
}

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

a {
  text-decoration: none;
  color: inherit;
}

a:hover {
  text-decoration: underline;
}

button {
  outline: none;
  border: none;
  background-color: transparent;
}

body,
button,
textarea {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
}

i.red-card,
i.yellow-card {
  padding: 0 0.15em;
  max-width: 1em;
}

i.red-card:before,
i.yellow-card:before {
  display: inline-block;
  content: '';
  width: 0.7em;
  height: 0.9em;
}

i.yellow-card:before {
  background-color: #ffe200;
}

i.red-card:before {
  background-color: #dc143c;
}

.action-icon {
  vertical-align: sub;
  margin: 0 0.4em;
}

/* .basket .icon-ball:before {
  font-family: iconfont;
  content: "\e851"
}

.football .icon-ball:before {
  font-family: iconfont;
  content: "\e85b"
}

.handball .icon-ball:before {
  font-family: iconfont;
  content: "\e864"
}

.hockey .icon-ball:before {
  font-family: iconfont;
  content: "\e867"
}

.rugby .icon-ball:before {
  font-family: iconfont;
  content: "\e87a"
}

.tennis .icon-ball:before {
  font-family: iconfont;
  content: "\e883"
}

.volley .icon-ball:before {
  font-family: iconfont;
  content: "\e88e"
}

.rugbyleague .icon-ball:before {
  font-family: iconfont;
  content: "\e87a"
}

.americanfootball .icon-ball:before {
  font-family: iconfont;
  content: "\e88b"
} */

.icon-subst {
  position: relative;
}

.icon-subst:before {
  font-family: iconfont;
  content: '\f708';
  color: #dc143c;
}

.icon-subst:after {
  font-family: iconfont;
  content: '\f709';
  color: #84ad08;
  position: absolute;
  top: 0;
  left: 0;
}

.icon-subst-out:before {
  font-family: iconfont;
  content: '\f70a';
  color: #dc143c;
}

.icon-subst-in:before {
  font-family: iconfont;
  content: '\f70b';
  color: #84ad08;
}

.ads {
  display: block;
  background-color: #ddd;
  border: 1px solid #aaa;
  margin: auto;
  margin-bottom: 20px;
}

/* footer {
    background-color: #1a2740;
    position: absolute;
    bottom: 0;
    height: 60px;
    z-index: 100;
    width: 100%;
} */

/* footer .main-footer {
    width: 100%;
    padding: 23px 0;
    font-size: 12px;
    color: #fff
} */

/* footer .main-footer .left {
    float: left
}

footer .main-footer .right {
    float: right
} */

footer .main-footer .sep {
  display: none;
}

/* footer .main-footer a {
    margin: 0 0 0 36px;
    font-weight: 700
} */

/* .main-header.header-inner .header {
    background-color: #1a2740
} */

.main-header.header-home {
  display: flex;
  flex-direction: column;
}

.main-header.header-home .header {
  background-color: #1a2740;
}

.main-header .logo-container {
  max-width: 590px;
  display: flex;
  flex-direction: column;
  margin: auto;
  align-items: center;
  justify-content: center;
  align-self: center;
}

.main-header .logo-container p {
  text-align: center;
}

.main-header a {
  text-decoration: none;
}

/* .main-header .hamburger-menu {
    padding: 0;
    margin: auto 0;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    width: 20px;
    height: 19px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
} */

/* .main-header .hamburger-menu span {
    width: 100%;
    height: 3px;
    background-color: #fff
} */

.main-header .stretch {
  flex: 1 1;
}

/* .main-header .logo,
.main-header .logo-home {
    text-indent: -9999px;
    background: url(/svg/logo.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
} */

.main-header .back {
  color: #fff;
  margin: auto;
  -ms-grid-row-align: center;
  align-self: center;
}

/* .main-header .search {
    color: #fff;
    font-size: 14px
}

.main-header .search .icon {
    margin: 8px;
    vertical-align: sub
} */

.main-header .user {
  margin: auto 0;
  -ms-flex-item-align: center;
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.main-header .user,
.main-header .user > * {
  align-self: center;
}

.main-header .user > * {
  margin: auto;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
}

.main-header .user .points {
  color: #7c8699;
  font-weight: 400;
  font-style: normal;
  letter-spacing: -0.6px;
  margin-right: 8px;
}

.main-header .user .points .highlight {
  color: #fff;
  font-weight: 700;
}

.main-header .user .avatar-notification,
.main-header .user .avatar-user {
  display: flex;
  height: 100%;
}

.main-header .user .avatar-notification .mask,
.main-header .user .avatar-user .mask {
  border: 1px solid #ff806b;
}

.main-header .user .icon-caret-down {
  color: #7c8698;
  margin: auto 10px;
  -ms-grid-row-align: center;
  align-self: center;
}

.main-header .user .notification {
  color: #7c8698;
  font-size: 20px;
  text-decoration: none;
}

.main-header .user .notification > span {
  position: relative;
  text-shadow: 1px -1px #1a2740;
}

.main-header .user .notification .count {
  display: inline-block;
  line-height: 16px;
  background-color: #d61e00;
  min-width: 16px;
  height: 16px;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  font-weight: 600;
  position: absolute;
  padding: 0 3px;
}

.main-header .small-button {
  margin: auto 0;
  -ms-grid-row-align: center;
  align-self: center;
}

.main-header.show-navmenu .menu {
  display: block !important;
}

.main-header nav.menu {
  pointer-events: auto;
  display: none;
  position: absolute;
  z-index: 11;
}

.main-header nav.menu .avatar {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

.main-header nav.menu li.account {
  line-height: 24px;
}

.main-header nav.menu ul {
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.102);
  flex-direction: column;
  width: 190px;
}

.main-header nav.menu li,
.main-header nav.menu ul {
  display: flex;
}

.main-header nav.menu li {
  color: #202020;
  border-bottom: 1px solid #d4dae6;
  background-color: #fff;
  flex: none;
}

.main-header nav.menu li span[class^='icon'] {
  flex: none;
  width: 20px;
  font-size: 14px;
}

.main-header nav.menu li .container,
.main-header nav.menu li a {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.main-header nav.menu li:last-child {
  border: 0;
  align-self: flex-end;
  height: 100%;
  vertical-align: bottom;
}

.main-header nav.menu li a {
  width: 100%;
  padding: 13px;
  vertical-align: middle;
  color: #000;
}

.main-header nav.menu li a:hover {
  text-decoration: none;
}

.main-header nav.menu li a:before {
  vertical-align: middle;
  width: 30px;
  display: inline-block;
  font-size: 14px;
}

.main-header nav.menu li a.highlight {
  font-weight: 600;
}

.main-header nav.menu li.legal {
  padding: 13px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  flex: 1;
}

.main-header nav.menu li.legal .disclaimer {
  display: inline-block;
  font-size: 10px;
}

.main-header nav.menu li.ads {
  height: 100px;
  width: 100%;
  margin: 0;
}

.notification .btn {
  position: relative;
  padding: 5px 0;
  color: #7c8698;
  font-size: 20px;
}

.notification .back {
  position: absolute;
  width: 100%;
  height: 40px;
  top: -40px;
  left: 0;
}

.notification .back + not-mobile {
  display: none;
}

.notification .back .icon {
  line-height: 40px;
  color: #fff;
  width: 46px;
  height: 40px;
  padding-left: 20px;
  font-size: 16px;
  background-color: #1a2740;
  display: block;
}

.notification .btn .icon:hover,
.notification.show-notification .btn .icon {
  color: #fff;
  cursor: pointer;
}

.notification .container {
  pointer-events: auto;
  display: none;
  z-index: 201;
}

.notification .title {
  font-size: 10px;
  line-height: 1.4;
  color: #434b5a;
  padding: 14px 12px 8px;
}

.notification ul {
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.102);
  flex-direction: column;
  width: 190px;
  padding: 0;
  width: 300px;
}

.notification .notif,
.notification ul {
  display: flex;
  background-color: #fff;
}

.notification .notif {
  color: #233557;
  border-bottom: 1px solid #d4dae6;
  flex: none;
  padding: 15px 12px;
  font-size: 12px;
}

.notification .notif .username {
  font-weight: 700;
}

.notification .notif .username:hover {
  text-decoration: underline;
}

.notification .notif.read {
  color: #9ca7ba;
}

.notification .notif .since {
  font-size: 10px;
  color: #9ca7ba;
  margin-top: 4px;
}

.notification .notif .avatar {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

.notification.show-notification .container {
  display: block;
}

#text-copy {
  position: absolute;
  top: 0;
  width: 1px;
  height: 1px;
  background-color: transparent;
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
}

[copy-link] {
  transition: color 0.4s;
}

[copy-link].copied {
  transition: none;
  color: #84ad08;
}

/* #popins {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(31, 45, 73, .8);
    min-width: 320px;
    z-index: 1000
}

#popins.show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#popins.show+#main {
    -webkit-filter: blur(4px);
    filter: blur(4px);
    pointer-events: none
}

#popins>div {
    display: none;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin: auto;
    width: calc(100% - 24px);
    position: relative;
    align-self: center;
}

#popins>div.show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#popins>div main {
    width: 100%
}

#popins>div header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    color: #1a2740;
    height: 48px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 24px
}

#popins>div header .title {
    font-weight: 700;
    font-size: 13px;
    text-align: center;
    margin: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

#popins>div header .close {
    background-color: transparent
}

#popins .popin {
    max-width: 384px;
    background-color: #fff;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#popins .popin main {
    background-color: #f5f6fa;
    min-height: 200px;
    padding: 12px
}

#popins #connection {
    font-size: 14px
}

#popins #connection .fb-button {
    width: 100%
}

#popins #connection .remember {
    margin: auto 0
}

#popins #connection .separator {
    margin: 19px 0
}

#popins #connection button[type=submit] {
    min-width: 0;
    margin: 0;
    margin-left: auto
}

#popins #connection a {
    line-height: 1.6em;
    color: #50a1cd
}*/

#popins #connection.forgot-password .login-only,
#popins #connection.login .forgot-only {
  display: none;
}

/*#popins #connection .message {
    text-align: center
}

#popins #connection .message>* {
    display: none;
    padding: 12px 8px;
    margin: 12px 0;
    background-color: #d4dae6
}

#popins #connection .message .error {
    color: #fff;
    background-color: #dc143c
} */

b,
strong {
  font-weight: 700;
}

em,
i {
  font-style: italic;
}

button {
  cursor: pointer;
}

/* .green {
    color: #84ad08 !important
} */

.red {
  color: #d61e00 !important;
}

.constrained {
  display: flex;
  flex-direction: row;
  max-width: 984px;
  min-width: 320px;
  width: 100%;
  margin: auto;
  height: 100%;
  padding: 0 20px;
}

/* #main,
.content {
    position: relative
}

#main {
    padding-bottom: 60px;
    min-height: 100vh
} */

/* main {
    -webkit-box-flex: 1;
    -ms-flex: 1 auto;
    flex: 1 auto
} */

/* main section {
    text-align: center;
    padding: 14px 12px 29px;
    background-color: #fff
} */

/* main section.transparent {
    background-color: transparent
}

main section.dark {
    background-color: #233557
} */

/* main section:first-child {
    padding-top: 18px
} */

/* main section:last-child {
    padding-bottom: 36px
}

main section.small {
    max-width: 624px;
    margin: auto
}

main section.full {
    padding: 0
}

main section h1,
main section h2 {
    text-align: left
}

main section h2 {
    font-weight: 700;
    font-size: 14px
}

main section h1,
main section h3 {
    font-weight: 700;
    font-size: 18px;
    color: #1a2740
} */

/* aside {
    display: none
} */

/* aside>:first-child {
    margin-top: 0 !important
} */

/* aside .footer {
    padding: 12px;
    color: #9ca7ba;
    font-size: 14px;
    line-height: 1.7em
} */

aside .ads {
  margin: 18px 0;
}

aside h1 {
  font-weight: 700;
  font-size: 12px;
  color: #1a2740;
  /*
    margin: 12px 0
 */
}

[data-action] *,
button * {
  pointer-events: none;
}

.action-button,
.big-button,
.small-button,
form.search .periode-radio label {
  display: inline-block;
  border-radius: 3px;
  background-color: #fff;
}

.action-button,
.small-button,
form.search .periode-radio label {
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
}

.big-button {
  padding: 15px 36px;
  font-size: 14px;
  font-weight: 700;
}

.action-button,
form.search .periode-radio label {
  letter-spacing: -0.3px;
  font-size: 9px;
  border-radius: 3px;
  background-color: #d4dae6;
  color: #233557;
  transition: background-color 0.3s, color 0.3s;
}

.action-button-follow {
  letter-spacing: -0.3px;
  font-size: 9px;
  border-radius: 3px;
  background-color: #ffffff;
  color: #1f2d49;
  transition: background-color 0.3s, color 0.3s;
  border: 1px solid #1f2d49;
}

.action-button-follow.active {
  background-color: #84ad08;
  color: white;
  border: none;
}

.action-button-follow.active:hover {
  background-color: red;
  color: white;
}

.action-button.active,
.action-button:hover,
form.search .periode-radio [type='radio']:checked + label,
form.search .periode-radio label.active,
form.search .periode-radio label:hover {
  background-color: #233557;
  color: #fff;
}

.todo {
  display: block;
  color: gray;
  font-size: 8px;
  margin: 3px auto;
}

.todo.floating {
  position: absolute;
}

.todo .content {
  display: inline-block;
  border-radius: 15px;
  background-color: #fff;
  border: 1px solid #d61e00;
}

.todo .t {
  font-weight: 700;
  display: inline-block;
  padding: 6px 12px;
  color: #fff;
  background-color: #d61e00;
  border-radius: 15px;
}

.todo span {
  padding: 8px 12px;
  font-size: 1.2em;
}

[class^='tag'] {
  padding: 6px 12px;
  font-size: 10px;
  border: 1px solid #fff;
  margin: 5px auto;
  display: inline-block;
  border-radius: 3px;
  color: #fff;
  background-color: #9ca7ba;
}

.tag1 {
  background-color: #eb6f5b;
}

.tag2 {
  background-color: #ebb35b;
}

.tag3 {
  background-color: #a1cd4f;
}

.tag4 {
  background-color: #5bebc7;
}

.tag5 {
  background-color: #4f5ccd;
}

.tag6 {
  background-color: #4fa1cd;
}

.avatar .mask {
  margin: auto;
  overflow: hidden;
  border-radius: 100%;
  background-color: #233557;
  position: relative;
}

.avatar .mask,
.avatar img {
  display: block;
  width: 100%;
  height: 100%;
}

/* [avatar-upload] {
    z-index: 10
} */

[avatar-upload] input {
  /* width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1 */
  display: none;
}

[avatar-upload] label {
  cursor: pointer;
  display: block;
  width: 100%;
  height: 100%;
}

[avatar-upload] input:focus + label .mask:before,
[avatar-upload] label:hover .mask:before {
  content: '';
  background-color: rgba(0, 0, 0, 0.4);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

[avatar-upload] input:focus + label .mask:after,
[avatar-upload] label:hover .mask:after {
  content: '\e853';
  font-family: iconfont;
  font-size: 20px;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  /* margin-top: -12px;
    margin-left: -12px */
}

.steps {
  display: flex;
  width: 60%;
  flex-direction: row;
  height: 4px;
  justify-content: space-between;
  margin: 15px auto 0;
}

.steps .step {
  width: 100%;
  height: 100%;
  flex: 1 1;
  margin: 10px 4px 10px 0;
  background-color: #d4dae6;
}

.steps .step.filled {
  background-color: #233557;
}

.square {
  display: inline-block;
  width: 18px;
  font-size: 10px;
  line-height: 18px;
  background-color: gray;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  margin: 1px;
}

.square.won {
  background-color: #84ad08;
}

.square.nullity {
  background-color: #f0851d;
}

.square.lost {
  background-color: #d61e00;
}

[score-component] {
  flex-direction: column;
}

[score-component],
[score-component] .extra,
[score-component] .score-data {
  display: flex;
  justify-content: center;
  align-items: center;
}

[score-component] .extra,
[score-component] .score-data {
  margin: auto;
}

[score-component].no-score {
  min-width: 40px;
  min-height: 24px;
  padding: 5px 0;
}

[score-component].no-score:before {
  content: '';
  display: block;
  background-color: #f5f6fa;
  width: 24px;
  height: 4px;
}

[score-component].inline {
  width: 100%;
}

[score-component].inline .a,
[score-component].inline .b {
  width: 70px;
  flex: none;
}

[score-component].inline .a {
  text-align: right;
}

[score-component].inline .b {
  text-align: left;
}

[score-component].inline .score-sep {
  text-align: center;
  flex: none;
}

[score-component].block {
  min-width: 40px;
  min-height: 24px;
  background-color: #f5f6fa;
  padding: 5px;
}

[score-component].block .score-data {
  font-weight: 600;
  font-size: 12px;
}

[score-component].block .extra {
  margin-top: 5px;
  font-size: 10px;
}

[score-component].block .score-sep {
  margin: 0 0.3em;
}

form .row {
  display: flex;
  flex-wrap: wrap;
}

form .form-input {
  height: 48px;
  position: relative;
  overflow: hidden;
  margin-bottom: 12px;
  background-color: #fff;
}

form .form-checkbox,
form .form-radio,
form .form-select {
  margin-bottom: 12px;
  display: flex;
  flex-direction: row;
}

form .form-checkbox.full,
form .form-input.full,
form .form-radio.full,
form .form-select.full {
  width: 100%;
}

form input,
form select,
form textarea {
  outline: 0;
  border: 1px solid #e9eef5;
}

form .error input,
form .error select,
form .error textarea {
  border: 1px solid #d61e00;
}

/* form input[type=mail],
form input[type=password],
form input[type=text] {
    width: 100%;
    height: 100%;
    background: none;
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
    padding: 10px;
    font-size: 14px
} */

form input[type='mail']:valid,
form input[type='password']:valid,
form input[type='text']:valid {
  background: #fff;
}

/* form input[type=mail]:focus,
form input[type=password]:focus,
form input[type=text]:focus {
    border-color: #1a2740;
    padding-top: 0;
    padding-bottom: 16px
} */

/* form input[type=mail]:focus+label,
form input[type=password]:focus+label,
form input[type=text]:focus+label {
    background-color: #1a2740;
    color: #fff;
    font-size: 70%;
    z-index: 2;
    top: 100%;
    margin-top: -16px;
    line-height: 16px
} */

/* form input[type=mail]+label,
form input[type=password]+label,
form input[type=text]+label {
    transition: background .2s, color .2s, top .2s, bottom .2s, right .2s, left .2s;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    line-height: 48px;
    color: #9ca7ba
} */

/* form label {
    color: #1a2740;
    text-align: left;
    font-size: 14px;
    padding-left: 10px
} */

form label a {
  text-decoration: underline;
  color: inherit;
}

/* form a.cancel,
form button.cancel,
form button[type=submit] {
    display: inline-block;
    min-width: 212px;
    font-size: 14px;
    font-weight: 700;
    padding: 12px 14px;
    border-radius: 3px
} */

/* form a.cancel.small,
form button.cancel.small,
form button[type=submit].small {
    min-width: 148px;
    padding: 8px 14px
} */

/* form button[type=submit] {
    color: #fff;
    background-color: #233557
} */

form a.cancel,
form button.cancel {
  background-color: #d4dae6;
  color: #233557;
  text-align: center;
}

.form-checkbox [type='checkbox']:checked,
.form-checkbox [type='checkbox']:not(:checked) {
  position: absolute;
  left: -9999px;
}

.form-checkbox [type='checkbox']:checked + label,
.form-checkbox [type='checkbox']:not(:checked) + label {
  position: relative;
  padding-left: 25px;
  font-size: 12px;
}

.form-checkbox [type='checkbox']:checked + label:before,
.form-checkbox [type='checkbox']:not(:checked) + label:before {
  content: '';
  position: absolute;
  display: block;
  width: 14px;
  height: 14px;
  border: 1px solid #1a2740;
  left: 0;
  top: -1px;
}

.form-checkbox [type='checkbox']:checked + label:after,
.form-checkbox [type='checkbox']:not(:checked) + label:after {
  color: #fff;
  position: absolute;
  font-family: iconfont;
  content: '\f70d';
  top: 0;
  left: 2px;
}

.form-checkbox [type='checkbox']:checked + label:before {
  background-color: #1a2740;
}

.form-radio [type='radio']:checked,
.form-radio [type='radio']:not(:checked) {
  position: absolute;
  left: -9999px;
}

.form-radio [type='radio']:checked + label,
.form-radio [type='radio']:not(:checked) + label {
  position: relative;
  padding-left: 25px;
  font-size: 12px;
}

.form-radio [type='radio']:checked + label:before,
.form-radio [type='radio']:not(:checked) + label:before {
  display: block;
  content: '';
  position: absolute;
  width: 1em;
  height: 1em;
  border: 1px solid #e9eef5;
  left: 0;
  border-radius: 50%;
  background-color: #fff;
}

.form-radio [type='radio']:checked + label:after,
.form-radio [type='radio']:not(:checked) + label:after {
  display: none;
  content: '';
  background-color: #1a2740;
  position: absolute;
  top: 0.3em;
  left: 0.3em;
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
}

.form-radio [type='radio']:checked + label:before {
  border: 1px solid #1a2740;
}

.form-radio [type='radio']:checked + label:after {
  display: block;
}

/* textarea {
    width: 100%;
    padding: 15px 12px;
    font-size: 14px;
    color: #1a2740;
    resize: vertical
} */

textarea::-webkit-input-placeholder {
  color: #9ca7ba;
}

textarea:-moz-placeholder,
textarea::-moz-placeholder {
  color: #9ca7ba;
}

textarea:-ms-input-placeholder {
  color: #9ca7ba;
}

input[type='text']::-webkit-input-placeholder {
  color: #9ca7ba;
}

input[type='text']:-moz-placeholder,
input[type='text']::-moz-placeholder {
  color: #9ca7ba;
}

input[type='text']:-ms-input-placeholder {
  color: #9ca7ba;
}

.form-select {
  position: relative;
  padding-right: 30px;
}

/* .form-select:after {
    position: absolute;
    font-family: iconfont;
    content: "\f700";
    top: 50%;
    right: 40px;
    margin-top: -.6em;
    z-index: 1
} */

.form-select select {
  width: 100%;
  height: 100%;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-overflow: '';
  border-radius: 0;
  z-index: 1;
  padding: 10px;
  font-size: 14px;
}

.form-select::-ms-expand {
  display: none;
}

.errors {
  color: #d61e00;
  text-align: left;
  margin: 12px 0;
}

.errors:empty {
  display: none;
}

.errors .error {
  min-width: 50%;
  display: inline-block;
  margin: 4px 0;
  font-size: 10px;
}

.error [type='checkbox'] + label,
.error [type='input'] + label,
.error [type='radio'] + label {
  color: #d61e00;
}

.error [type='checkbox'] + label:before,
.error [type='input'] + label:before,
.error [type='radio'] + label:before {
  border-color: #d61e00 !important;
}

.cookies-disclaimer {
  background-color: #e9eef5;
  position: fixed;
  bottom: -200px;
  left: 0;
  right: 0;
  transition: bottom 0.3s;
  z-index: 10001;
}

.cookies-disclaimer.show {
  bottom: 0;
}

.cookies-disclaimer a {
  text-decoration: underline;
  color: inherit;
}

.cookies-disclaimer p {
  margin: 28px auto 31px;
  color: #000;
  position: relative;
  text-align: justify;
  text-justify: inter-word;
}

.cookies-disclaimer button {
  position: absolute;
  bottom: 100%;
  right: 0;
  background: none;
}

[pagination-component] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

[pagination-component] a {
  vertical-align: middle;
  padding: 16px 19px 13px;
  font-size: 10px;
}

[pagination-component] .label {
  font-weight: 700;
  font-size: 11px;
  padding: 0;
}

/* section.setting {
    position: relative;
    padding: 8px 12px !important;
    border-bottom: 1px solid #e9eef5;
    text-align: left
}

section.setting h2 {
    font-size: 14px
}

section.setting .subtitle,
section.setting .value {
    font-size: 12px;
    margin: 3px 0
}

section.setting nav.tools {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 8px 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

section.setting nav.tools .close {
    font-size: 14px;
    margin-bottom: 20px
} */

.account-close-title {
  text-align: left;
  color: #1a2740;
  border-bottom: 1px solid #d4dae6;
}

.account-close-title p {
  margin-top: 11px;
  line-height: 1.33em;
  font-size: 14px;
}

.account-close-form {
  text-align: left;
}

.account-close-form h2 {
  margin-bottom: 18px;
}

.account-close-form p {
  margin-top: 11px;
  line-height: 1.33em;
  font-size: 14px;
}

.account-close-form textarea {
  margin-top: 9px;
  resize: vertical;
}

.account-close-form nav {
  width: 100%;
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

section.edito {
  text-align: left;
  padding: 18px;
}

section.edito h1 {
  font-size: 18px;
}

section.edito h1,
section.edito h2 {
  font-weight: 700;
  color: #1a2740;
  margin: 18px 0 12px;
}

section.edito h2 {
  font-size: 14px;
}

section.edito p {
  font-size: 11px;
  margin: 12px 0;
}

section.edito a {
  color: #ff806b;
}

form.search section {
  padding: 0;
}

form.search .form-field {
  position: relative;
  margin-bottom: 12px;
}

form.search .form-field input {
  padding: 14px 40px 12px 10px;
}

form.search .form-field .icon {
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  z-index: 1;
  padding: 14px 0 12px;
}

form.search button[type='submit'] {
  min-width: 22px;
  color: inherit;
  background-color: inherit;
}

form.search .filters {
  padding: 0;
}

form.search .filters h2 {
  font-size: 10px;
}

form.search .filters .sports {
  max-width: 630px;
  margin: 15px auto;
  height: 40px;
}

form.search .filters .periode,
form.search .filters .sports {
  display: flex;
  overflow-x: auto;
  overflow-y: visible;
  justify-content: space-between;
}

form.search .filters .periode {
  margin: 20px 0;
}

form.search .periode-radio,
form.search .sport-checkbox {
  display: inline-block;
}

form.search .periode-radio [type='radio']:checked,
form.search .periode-radio [type='radio']:not(:checked),
form.search .sport-checkbox [type='radio']:checked,
form.search .sport-checkbox [type='radio']:not(:checked) {
  position: absolute;
  left: -9999px;
}

form.search .sport-checkbox [type='radio']:checked + label {
  opacity: 1;
}

form.search .sport-checkbox label {
  padding: 0;
  transition: opacity 0.3s;
  opacity: 0.4;
  display: block;
  cursor: pointer;
}

form.search .sport-checkbox label .icon,
form.search .sport-checkbox label .label {
  text-align: center;
}

form.search .sport-checkbox label .icon {
  font-size: 23px;
}

form.search .sport-checkbox label .label {
  font-weight: 700;
  font-size: 10px;
  white-space: nowrap;
}

form.search .periode-radio {
  flex: 1;
  margin-right: 12px;
}

form.search .periode-radio:first-child {
  margin-left: 12px;
}

form.search .periode-radio label {
  width: 100%;
  text-align: center;
  background-color: #636e7d;
}

form.search .periode-radio label .label {
  display: inline-block;
  margin: auto;
  color: #fff;
  font-weight: 400;
}

form.search .results h2 {
  margin-bottom: 15px;
}

form.search .results .message {
  display: none;
  background-color: #fff;
  border: 1px solid #d4dae6;
  padding: 10px;
  margin: 12px 24px;
  border-radius: 0.5em;
}

form.search .results.no-users-result .users {
  display: none;
}

form.search .results.no-users-result .no-users {
  display: block;
}

form.search .results.no-events-result .events {
  display: none;
}

form.search .results.no-events-result .no-events {
  display: block;
}

form.search .results.no-users-result.no-events-result .no-events,
form.search .results.no-users-result.no-events-result .no-users {
  display: none;
}

form.search .results.no-users-result.no-events-result .no-results {
  display: block;
}

form.search .sep {
  margin: 24px 0 18px;
}

/* .icon-spinner:before {
    font-family: iconfont;
    content: "\f70e"
}

.icon-check:before {
    font-family: iconfont;
    content: "\f70d"
}

.icon-close:before {
    font-family: iconfont;
    content: "\f70f"
}

.icon-refresh:before {
    font-family: iconfont;
    content: "\f710"
}

.icon-caret-down:before {
    font-family: iconfont;
    content: "\f711"
}

.icon-chevron-right:before {
    font-family: iconfont;
    content: "\f712"
}

.icon-chevron-left:before {
    font-family: iconfont;
    content: "\f713"
}

.icon-chevron-down:before {
    font-family: iconfont;
    content: "\f700"
}

.icon-chevron-up:before {
    font-family: iconfont;
    content: "\f714"
}

.icon-facebook:before {
    font-family: iconfont;
    content: "\f715";
    color: #3b5998
}

.icon-twitter:before {
    font-family: iconfont;
    content: "\f716";
    color: #00aced
}

.icon-whatsapp:before {
    font-family: iconfont;
    content: "\f717";
    color: #00e676
}

.icon-share:before {
    font-family: iconfont;
    content: "\f718"
}

.icon-comment:before {
    font-family: iconfont;
    content: "\f719"
}

.icon-info:before {
    font-family: iconfont;
    content: "\f71a"
}

.icon-like:before {
    font-family: iconfont;
    content: "\f71b"
}

.icon-star:before {
    font-family: iconfont;
    content: "\f71c"
}

.icon-navigateright:before {
    font-family: iconfont;
    content: "\f71d"
}

.icon-logout:before {
    font-family: iconfont;
    content: "\f71e"
}

.icon-user:before {
    font-family: iconfont;
    content: "\f71f"
}

.icon-settings:before {
    font-family: iconfont;
    content: "\f720"
}

.icon-legal:before {
    font-family: iconfont;
    content: "\f721"
}

.icon-search:before {
    font-family: iconfont;
    content: "\f722"
}

.icon-notifications:before {
    font-family: iconfont;
    content: "\f723"
}

.icon-trophy:before {
    font-family: iconfont;
    content: "\f724"
}

.icon-home:before {
    font-family: iconfont;
    content: "\f725"
}

.icon-basket:before,
.icon-Basketball:Before {
    font-family: iconfont;
    content: "\f701"
}

.icon-football:before,
.icon-Soccer:before {
    font-family: iconfont;
    content: "\f702"
}

.icon-handball:before,
.icon-Handball:before {
    font-family: iconfont;
    content: "\f703"
}

.icon-hockey:before,
.icon-Hockey:before {
    font-family: iconfont;
    content: "\f704"
}

.icon-rugby:before,
.icon-Rugby:before {
    font-family: iconfont;
    content: "\f716"
}

.icon-tennis:before,
.icon-Tennis:before {
    font-family: iconfont;
    content: "\f727"
}

.icon-rugbyleague:before,
.icon-rugbyLeague:before {
    font-family: iconfont;
    content: "\f716"
}

.icon-americanfootball:before,
.icon-Americanfootball:before {
    font-family: iconfont;
    content: "\f705"
}

.icon-tennis-ball:before,
.icon-Tennis-ball:before {
    font-family: iconfont;
    content: "\f706"
}

.icon-volley:before,
.icon-Volley:before {
    font-family: iconfont;
    content: "\f707"
}

.icon-tennis:before {
    font-family: iconfont;
    content: "\f727"
}

.icon-rugbyleague:before {
    font-family: iconfont;
    content: "\f716"
}

.icon-americanfootball:before {
    font-family: iconfont;
    content: "\f705"
}

.icon-tennis-ball:before {
    font-family: iconfont;
    content: "\f706"
}

.icon-volley:before {
    font-family: iconfont;
    content: "\f707"
}

.icon-edit:before {
    font-family: iconfont;
    content: "\f728"
}

.icon-camera:before {
    font-family: iconfont;
    content: "\f70c"
}

i.icon:after,
i.icon:before {
    font-style: normal
}

.icon-pulse {
    -webkit-animation: c 1s infinite steps(8);
    animation: c 1s infinite steps(8);
    width: 1.28571429em;
    text-align: center;
    display: block;
    padding-top: .1em
} */

/* @font-face {
  font-family: 'Open Sans';
  src: local('OpenSans-Regular'), url(/fonts/OpenSans-Light.woff) format('woff'), url(/fonts/OpenSans-Light.ttf) format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  src: local('OpenSans-Regular'), url(/fonts/OpenSans-LightItalic.woff) format('woff'), url(/fonts/OpenSans-LightItalic.ttf) format('truetype');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Open Sans';
  src: local('OpenSans-Regular'), url(/fonts/OpenSans-Regular.woff) format('woff'), url(/fonts/OpenSans-Regular.ttf) format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  src: local('OpenSans-Regular'), url(/fonts/OpenSans-Italic.woff) format('woff'), url(/fonts/OpenSans-Italic.ttf) format('truetype');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Open Sans';
  src: local('OpenSans-Regular'), url(/fonts/OpenSans-Semibold.woff) format('woff'), url(/fonts/OpenSans-Semibold.ttf) format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  src: local('OpenSans-Regular'), url(/fonts/OpenSans-SemiboldItalic.woff) format('woff'), url(/fonts/OpenSans-SemiboldItalic.ttf) format('truetype');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Open Sans';
  src: local('OpenSans-Regular'), url(/fonts/OpenSans-Bold.woff) format('woff'), url(/fonts/OpenSans-Bold.ttf) format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  src: local('OpenSans-Regular'), url(/fonts/OpenSans-BoldItalic.woff) format('woff'), url(/fonts/OpenSans-BoldItalic.ttf) format('truetype');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'Open Sans';
  src: local('OpenSans-Regular'), url(/fonts/OpenSans-Extrabold.woff) format('woff'), url(/fonts/OpenSans-Extrabold.ttf) format('truetype');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  src: local('OpenSans-Regular'), url(/fonts/OpenSans-ExtraboldItalic.woff) format('woff'), url(/fonts/OpenSans-ExtraboldItalic.ttf) format('truetype');
  font-weight: 800;
  font-style: italic;
} */

/* @font-face {
    font-family: iconfont;
    src: url(/fonts/iconfont.eot);
    src: url(/fonts/iconfont.eot) format("embedded-opentype"), url(/fonts/iconfont.woff) format("woff"), url(/fonts/iconfont.ttf) format("truetype"), url(/fonts/iconfont.svg) format("svg");
    font-weight: 400;
    font-style: normal
} */

@media screen and (max-width: 569px) and (min-width: 993px) {
  header.match .sets {
    font-size: 14px;
  }
}

@media screen and (min-width: 570px) {
  .show-on-mobile {
    display: none !important;
  }

  table.account-history,
  table.account-history tfoot .show-more {
    font-size: 14px;
  }

  /* .account-navigation {
        -ms-flex-pack: distribute;
        justify-content: space-around;
        background-color: #fff;
        /*         border: 1px solid #e9eef5;
        margin-top: -1px
    } */

  /* .account-navigation a {
        font-weight: 700;
        padding: 23px 24px 14px;
        color: #1a2740;
        opacity: .6;
        transition: opacity .3s
    } */

  /* .account-navigation a.selected,
    .account-navigation a:hover {
        opacity: 1
    }

    .account-navigation a .label {
        border-color: #1a2740
    }

    .account-navigation a.selected .label {
        border-bottom: 4px solid
    } */

  .competition-title {
    text-align: left;
    margin-left: 0;
    margin-right: 0;
    font-size: 18px;
    margin: 0 0 12px;
  }

  /* .comments .comment {
        margin: 12px 24px
    } */

  /*.comments .comment .since {
        font-size: 10px
    } */

  /* .comments .write-comment {
        margin: 12px 19px
    } */

  /* [feed-component] .filters .order {
    font-size: 14px
  }

  [feed-component] article.tip {
    font-size: 14px;
    margin: 16px 0
  } */

  /* [feed-component] article.tip .tip-content {
        margin: 24px;
        margin-bottom: 0px;
    } */

  /* [feed-component] article.tip .tip-content .identity {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    } */

  /* [feed-component] article.tip .tip-content .identity .time {
    font-size: 12px
  } */

  /* [feed-component] article.tip .tip-content .identity .avatar {
        width: 48px;
        height: 48px;
        margin-right: 9px
    } */

  /* [feed-component] article.tip .tip-content .match .teama,
    [feed-component] article.tip .tip-content .match .teamb {
        font-size: 18px
    } */

  /* [feed-component] article.tip .tip-content .match .time {
        font-size: 14px
    } */

  /* [feed-component] article.tip .tip-content .match img {
        height: 45px
    } */

  /* [feed-component] article.tip .tip-content .tip-comment {
    font-size: 14px
  } */

  /* [feed-component] article.tip .pronostic,
    [feed-component] article.tip .pronostic_summary {
        font-size: 11px;
        padding: 8px 24px
    } */

  /* [feed-component] article.tip .pronostic .follow,
    [feed-component] article.tip .pronostic_summary .follow {
        font-size: 14px;
    } */

  /* [feed-component] article.tip .pronostics>[load-more] button,
    [feed-component] article.tip .pronostics>[load-less] button {
        font-size: 14px;
        padding: 12px 24px
    } */

  /* [feed-component] article.tip nav.tip-tools {
        padding: 12px 24px;
        font-size: 12px;
        border-bottom: 1px solid #e9eef5;
    } */

  [feed-component] > [load-more],
  [feed-component] > [load-less] {
    margin: 12px 0;
  }

  [feed-component] > [load-more] button,
  [feed-component] > [load-less] button {
    padding: 12px 24px;
  }

  /* [follow-button] {
        font-size: 14px;
        font-weight: 700;
        padding: 0 12px
    } */

  table[data-user-list] thead,
  table[data-user-list] tr {
    font-size: 14px;
  }

  table[data-user-list] tbody td {
    vertical-align: middle;
  }

  table[data-user-list] tbody .avatar {
    width: 64px;
    height: 64px;
    margin-right: 12px;
  }

  table[data-user-list] tbody .user .action-button {
    margin-top: 0;
    float: right;
  }

  table[data-user-list] tbody .user .user-data > * {
    display: inline-block;
  }

  table[data-user-list] tbody .user .name {
    font-size: 18px;
  }

  table[data-user-list] tbody .user .bet {
    font-size: 14px;
  }

  [data-head-to-head] table thead {
    font-size: 14px;
    font-weight: 400;
  }

  [data-head-to-head] table tbody tr {
    height: 54px;
  }

  /* [data-head-to-head] table tbody td {
        padding: 13px 0
    } */

  /* [data-head-to-head] table tbody td.info {
        width: 10px;
        padding-left: 24px;
        padding-right: 24px
    } */

  [data-head-to-head] table tbody td.col-teams {
    padding-left: 24px;
    padding-right: 24px;
  }

  [data-head-to-head] table tbody td.col-score {
    width: 84px;
  }

  [data-head-to-head] table tbody td.col-result {
    padding-left: 0;
    padding-right: 0;
  }

  [data-head-to-head] table tbody td.sep {
    display: table-cell;
    width: 1px;
  }

  [data-head-to-head] table tbody td.sep:before {
    content: '';
    display: block;
    background-color: #9ca7ba;
    width: 1px;
    height: 28px;
  }

  [data-head-to-head] table tbody .info .date {
    font-size: 12px;
  }

  [data-head-to-head] table tbody .info .ligue,
  [data-head-to-head] table tbody .teams .team-a,
  [data-head-to-head] table tbody .teams .team-b {
    font-size: 14px;
  }

  /* [data-head-to-head] table tbody .teams .team-a .label {
        text-align: right
    } */

  /* [data-head-to-head] table tbody .teams .team-b .label {
        text-align: left
    } */

  /* [data-head-to-head] table tbody .teams img {
        display: inline;
        width: auto;
        height: 28px
    } */

  [data-head-to-head] table tbody .result {
    line-height: 28px;
    font-size: 14px;
  }

  [data-head-to-head] table tfoot .loading,
  [data-head-to-head] table tfoot .show-more {
    font-size: 14px;
  }

  /* header.match {
        margin-top: 30px
    } */

  header.match .constrained .container {
    padding: 24px;
  }

  header.match .status {
    font-size: 14px;
  }

  header.match .sets .name {
    display: block;
    font-weight: 700;
    margin: 0.2em 0;
  }

  header.match .sets li {
    margin: 0 5px;
  }

  header.match .score-grid .service {
    font-size: 18px;
  }

  header.match .score-grid .flag img {
    width: 54px;
  }

  header.match .team {
    font-size: 24px;
  }

  header.match .team img {
    width: 72px;
    height: 72px;
  }

  header.match .team-name,
  header.match .team-shortname {
    width: 72%;
    word-break: break-word;
    overflow-wrap: break-word;
  }

  header.user {
    flex-direction: row;
    padding: 25px 40px;
    background-color: #fff;
    color: #1a2740;
    border: 1px solid #e9eef5;
  }

  header.user .info {
    margin-left: 19px;
  }

  header.user .avatar {
    width: 72px;
    height: 72px;
  }

  header.user .username .text,
  header.user .username input {
    font-size: 28px;
    color: #1a2740;
    text-align: left;
    height: 33px;
  }

  header.user .followers,
  header.user .subscriptions,
  header.user .tips {
    font-size: 14px;
    margin-right: 18px;
  }

  [make-a-bet] .bookmaker,
  [make-a-bet] .show-more,
  [make-a-bet] h3 {
    font-size: 14px;
  }

  [make-a-bet] .bet .title {
    font-size: 14px;
    padding: 17px 24px;
  }

  [make-a-bet] .bet .values > .value {
    line-height: 38px;
  }

  [make-a-bet] .bet .values > .value .name {
    left: 50%;
    margin-left: -60px;
    font-size: 16px;
  }

  [make-a-bet] .bet .values > .value .value {
    font-size: 16px;
  }

  [data-match-agenda] .step,
  [data-match-list] .step {
    margin: 48px 0;
  }

  [data-match-agenda] .title,
  [data-match-list] .title {
    font-size: 14px;
    height: 48px;
    line-height: 48px;
  }

  [data-match-agenda] .title img,
  [data-match-list] .title img {
    width: 24px;
  }

  [data-match-agenda] .date,
  [data-match-list] .date {
    font-size: 14px;
  }

  [data-match-agenda] [match-list-row],
  [data-match-list] [match-list-row] {
    flex-direction: row;
    padding: 13px 0;
    font-size: 14px;
  }

  [data-match-agenda] [match-list-row] .time,
  [data-match-list] [match-list-row] .time {
    flex: none;
    width: 70px;
    align-items: center;
    font-size: 12px;
  }

  [data-match-agenda] [match-list-row] .teams [score-component],
  [data-match-list] [match-list-row] .teams [score-component] {
    margin: 0 20px;
  }

  [data-match-agenda] [match-list-row] .rating,
  [data-match-list] [match-list-row] .rating {
    width: 160px;
    flex: none;
    justify-content: space-around;
    font-size: 12px;
    font-weight: 400;
  }

  [data-match-agenda] [match-list-row].finished .rating,
  [data-match-agenda] [match-list-row].finished .time,
  [data-match-agenda] [match-list-row].playing .rating,
  [data-match-list] [match-list-row].finished .rating,
  [data-match-list] [match-list-row].finished .time,
  [data-match-list] [match-list-row].playing .rating {
    color: #9ca7ba;
  }

  [data-match-agenda] [match-list-row].income .rating,
  [data-match-list] [match-list-row].income .rating {
    font-weight: 700;
  }

  .match-summary li.title {
    font-size: 14px;
    padding: 12px 0 7px;
  }

  .match-summary li.team-a,
  .match-summary li.team-b {
    font-size: 18px;
    height: 64px;
  }

  .match-summary li .action-icon,
  .match-summary li .time {
    width: 64px;
    height: 64px;
  }

  .match-summary li .action-icon {
    font-size: 24px;
  }

  .match-summary li .name {
    margin: 0 24px;
  }

  .match-summary li .name .secondary {
    font-size: 14px;
  }

  /* .match-list-nav[selector-navigation] {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        margin-bottom: 29px;
        background-color: #fff
    } */

  /* .match-list-nav[selector-navigation] .selector line-height 3em {
        line-height: 2em
    } */

  /* .match-list-nav[selector-navigation] .selector.stepable {
        font-size: 14px;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 33%;
        flex: 1 1 33%
    } */

  .match-list-nav[selector-navigation] .selector.country {
    font-size: 14px;
    flex: 1 1 33%;
    order: 1;
  }

  .match-list-nav[selector-navigation] .selector.bookmaker {
    flex: 1 1 33%;
    font-size: 14px;
  }

  .register-steps-form section.extra-padding {
    padding-left: 80px;
    padding-right: 80px;
  }

  [data-match-list] .score-grid .service {
    width: 12px;
  }

  [data-match-list] .score-grid .flag {
    width: 45px;
  }

  /* [data-match-list] .score-grid .flag img {
        height: 16px!important
    } */

  [data-match-list] .score-grid .jeu,
  [data-match-list] .score-grid .match,
  [data-match-list] .score-grid .set {
    width: 30px;
    height: 30px;
  }

  [data-match-list] .score-grid .match {
    padding: 5px;
  }

  /* .stat .title {
        margin: 0 0 6px
    }

    .stat .val .key,
    .stat .val .unit {
        display: inline
    }

    .stat.prefered-sports {
    }

    .stat.prefered-sports .title {
        text-align: left
    }

    .stat.prefered-sports .sports .sport {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        text-align: left;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    } */

  #statpage .sports > div:not(:first-child) {
    margin-left: 25px;
  }

  #statpage .sports {
    margin-top: 17px;
  }

  /* .stat.prefered-sports .sports .sport .labels {
        padding-left: 12px
    }

    .stat.prefered-sports .sports .icon {
        font-size: 48px
    }

    .stat.prefered-sports .sports .name {
        font-size: 16px
    }

    .stat.prefered-sports .sports .unit {
        font-size: 14px
    }

    .stat.figures .figure {
        padding-top: 14px;
        padding-bottom: 14px
    }

    .stat.piechart .chart {
        max-width: 136px;
        max-height: 136px;
        margin: 24px auto
    }

    .stat.piechart .chart .pts {
        line-height: 136px;
        font-size: 48px
    }

    .stat.piechart .unit {
        width: 45%;
        font-size: 14px
    } */

  [data-team-classement].grid table td {
    font-size: 14px;
  }

  [data-team-classement].grid table tr {
    height: 48px;
  }

  [data-team-classement].grid table .values {
    width: 30px;
  }

  .main-header.header-home {
    background-image: url(../images/header-bg.jpg);
    background-size: cover;
    background-position: 50%;
    position: relative;
  }

  .main-header.header-home .header {
    background-color: transparent;
  }

  .main-header.header-home .logo-home {
    width: 100%;
    height: 83px;
    display: inline-block;
  }

  .main-header.header-home .logo {
    display: none;
  }

  .main-header .logo-container {
    height: calc(50vh - 80px);
  }

  .main-header .logo-container p {
    color: #fff;
    font-size: 24px;
    margin: 6px 0 19px;
  }

  .main-header .back {
    display: none;
  }

  .notification .container {
    position: absolute;
    overflow: visible;
    top: 80px;
    right: 0;
    width: 300px;
  }

  .notification .title {
    display: none;
  }

  .notification ul {
    -webkit-animation-name: b;
    animation-name: b;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
  }

  .notification .notif {
    font-size: 14px;
  }

  .notification .notif .since {
    font-size: 12px;
    margin-top: 8px;
  }

  .notification .notif .avatar {
    width: 48px;
    height: 48px;
    margin-right: 12px;
  }

  /* .main-header .header {
        height: 80px
    } */

  /* .main-header .hamburger-menu {
        display: none
    } */

  /* .main-header .logo {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 144px;
        height: 100%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start
    } */

  /* .main-header .search {
        margin: auto 36px;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        -webkit-box-flex: 1;
        -ms-flex: 1 1;
        flex: 1 1
    } */

  .main-header .stretch {
    order: 3;
  }

  .main-header .user {
    position: relative;
    order: 4;
    align-self: flex-end;
  }

  .main-header .user .points {
    font-size: 14px;
  }

  .main-header .user .avatar-user {
    margin-right: 55px;
  }

  .main-header .user .avatar-user > * {
    pointer-events: none;
  }

  .main-header .user .avatar-user .mask {
    width: 48px;
    height: 48px;
  }

  .main-header .user .menu {
    top: 100%;
    left: 0;
  }

  .main-header .user .menu li {
    font-size: 14px;
  }

  .main-header .user .menu ul {
    -webkit-animation-name: b;
    animation-name: b;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
  }

  .main-header .user .notification {
    width: 30px;
  }

  .main-header .user .notification .count {
    font-size: 8px;
    top: calc(50% - 18px);
    left: 11px;
  }

  .main-header .user .notification .avatar-notification {
    display: none;
  }

  .main-header .small-button {
    order: 10;
  }

  /* #popins>div header .title {
        font-size: 18px;
        text-align: left
    }

    #popins>div header .close {
        font-size: 0
    }

    #popins>div header .close .icon {
        font-size: 18px;
        vertical-align: middle;
        margin: .3em
    }

    #popins .popin main {
        padding: 24px
    } */

  /* main section:first-child {
        padding-top: 25px
    } */

  /* main section h2 {
        font-size: 18px
    }

    main section h1,
    main section h3 {
        font-size: 28px
    }

    main section h3 {
        margin-bottom: 21px
    } */

  aside h1 {
    font-size: 18px;
  }

  .action-button,
  form.search .periode-radio label {
    font-size: 14px;
    font-weight: 700;
  }

  .square,
  [class^='tag'] {
    font-size: 14px;
  }

  .square {
    line-height: 28px;
    width: 28px;
  }

  [score-component].block,
  [score-component].no-score {
    min-width: 84px;
    min-height: 28px;
    box-sizing: border-box;
  }

  [score-component].block .score-data {
    font-size: 16px;
    font-weight: 700;
  }

  [score-component].block .extra {
    font-size: 12px;
  }

  form .form-checkbox.half,
  form .form-input.half,
  form .form-radio.half,
  form .form-select.half {
    width: calc(50% - 6px);
    margin-right: 12px;
  }

  form .form-checkbox.half:nth-of-type(2n),
  form .form-input.half:nth-of-type(2n),
  form .form-radio.half:nth-of-type(2n),
  form .form-select.half:nth-of-type(2n) {
    margin-right: 0;
  }

  .form-radio [type='radio']:checked + label,
  .form-radio [type='radio']:not(:checked) + label {
    font-size: 14px;
  }

  [pagination-component] a {
    padding: 16px 16px 13px;
  }

  [pagination-component] .label {
    font-size: 14px;
  }

  /* section.setting {
        border: 1px solid #e9eef5;
        border-bottom: 0
    }

    section.setting:last-of-type {
        border-bottom: 1px solid #e9eef5
    }

    section.setting h2 {
        font-size: 14px
    }

    section.setting .subtitle,
    section.setting .value {
        font-size: 14px;
        margin-top: 8px
    } */

  .account-close-title p {
    font-size: 18px;
  }

  .account-close-form h2 {
    margin-bottom: 36px;
  }

  .account-close-form p {
    font-size: 18px;
  }

  .account-close-form nav {
    flex-direction: row-reverse;
    justify-content: flex-end;
  }

  .account-close-form nav > * {
    flex: none;
    margin: 0;
    margin-right: 12px;
    line-height: 1.2em;
  }

  section.edito {
    background-color: transparent;
  }

  section.edito h1 {
    font-size: 24px;
  }

  section.edito h2 {
    font-size: 18px;
  }

  section.edito p {
    font-size: 14px;
  }

  form.search .form-field {
    margin: 10px 0;
  }

  form.search .filters h2 {
    font-size: 18px;
  }

  form.search .filters .sports {
    margin: 24px auto;
    height: 60px;
  }

  form.search .sport-checkbox label .icon {
    font-size: 29px;
    margin-bottom: 3px;
    padding: 5px;
  }

  form.search .sport-checkbox label .label {
    font-size: 14px;
  }

  form.search .sep {
    border-bottom: 1px solid #d4dae6;
  }
}

@media screen and (min-width: 570px) and (max-width: 992px) {
  /* .account-navigation a {
        font-size: 12px
    } */

  .competition-title {
    margin-left: 12px;
    margin-right: 12px;
  }

  [feed-component] .filters {
    margin: 16px 24px;
  }

  header.match .details {
    padding-bottom: 30px;
  }

  header.match .sets .name {
    font-size: 14px;
  }

  header.match .score-grid {
    border-spacing: 4px;
  }

  header.match .score-grid .name {
    font-size: 18px;
    min-width: 200px;
  }

  header.match .score-grid .jeu,
  header.match .score-grid .match,
  header.match .score-grid .set {
    width: 32px;
    height: 32px;
    font-size: 18px;
    padding: 5px 10px;
  }

  header.match .score-grid .set {
    font-size: 24px;
  }

  [data-match-list] .score-grid .name {
    width: 120px;
  }

  form.search .filters h2,
  form.search section h1 {
    margin-left: 12px;
  }

  #likerspopup .bet-container {
    height: 88%;
  }
}

/* @media screen and (max-width:992px) and (min-width:570px) {
    .match-navigation {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .match-navigation a {
        opacity: .6;
        transition: opacity .3s
    }

    .match-navigation a.selected,
    .match-navigation a:hover {
        opacity: 1
    }
} */

/* @media screen and (max-width:992px) and (min-width:570px) and (max-width:992px) {
    .match-navigation a {
        font-size: 12px
    }
} */

@media screen and (min-width: 993px) {
  /* .tip-comment .msgdisc img,
  .tip .msgdisc img {
    width: 500px;
  } */

  .nbpronosticsdesktop {
    text-align: center;
    background: none;
    color: #eb6f5b;
    font-weight: bold;
    font-size: 0.8em !important;
    text-align: center;
    width: -webkit-fill-available;
  }

  .tableshare {
    display: none;
    visibility: hidden;
    opacity: 0;
    margin-right: 50px;
  }

  /* .content {
        background-color: #F5F6FA;
        padding: 0;
    } */

  .hide-on-desktop {
    display: none !important;
  }

  /* .account-navigation a {
        font-size: 14px
    } */

  .grid nav,
  [feed-component] .filters {
    margin: 16px 0;
  }

  [data-head-to-head] table thead td {
    padding: 7px 0;
  }

  header.match .constrained {
    padding: 0 20px;
  }

  header.match h4 {
    font-size: 14px;
  }

  header.match .starttime {
    font-size: 64px;
  }

  header.match .details {
    padding-bottom: 0;
  }

  header.match .details .final-score {
    font-size: 64px;
  }

  header.match .sets .score {
    font-size: 14px;
  }

  header.match .sets .name {
    font-size: 18px;
  }

  header.match .score-grid {
    border-spacing: 7px;
    -ms-grid-row-align: center;
    align-self: center;
  }

  header.match .score-grid .name {
    font-size: 24px;
    min-width: 250px;
  }

  header.match .score-grid .jeu,
  header.match .score-grid .match,
  header.match .score-grid .set {
    width: 48px;
    height: 48px;
    font-size: 24px;
    padding: 5px 15px;
  }

  header.match .score-grid .set {
    font-size: 32px;
  }

  header.match .extra-data {
    display: inline-block;
    font-size: 14px;
    width: 100%;
    text-align: center;
  }

  header.match .extra-data .center {
    max-width: 540px;
    display: flex;
    margin: auto;
  }

  header.match .extra-data .center .teamA,
  header.match .extra-data .center .teamB {
    display: flex;
    flex-direction: column;
    flex: 1;
  }

  header.match .extra-data .center .teamA li,
  header.match .extra-data .center .teamB li {
    line-height: 1.3em;
    display: flex;
    flex-direction: row;
  }

  header.match .extra-data .center .teamA {
    align-items: flex-start;
  }

  header.match .extra-data .center .teamA li {
    flex-direction: row-reverse;
  }

  header.match .extra-data .center .teamB {
    align-items: flex-end;
  }

  header.match .extra-data .center .teamB li {
    flex-direction: row;
  }

  [data-match-agenda] .date,
  [data-match-list] .date {
    padding: 0;
  }

  /* .match-navigation {
        position: relative;
        margin-bottom: 16px;
        background-color: #fff;
        border: 1px solid #e9eef5
    } */

  /* .match-navigation nav {
        width: 100%;
        max-width: 550px;
        padding: 23px 24px 14px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    } */

  /* .match-navigation a {
        font-size: 14px;
        font-weight: 700;
        color: #1a2740;
        padding: 0
    }

    .match-navigation a:hover {
        text-decoration: none
    } */

  /* .match-navigation a .label {
        border-color: #1a2740
    } */

  /* .match-navigation a.selected .label {
        border-bottom: 4px solid
    } */

  /* .match-list-nav[selector-navigation] {
        padding: 16px 0
    } */

  [data-match-list] .score-grid .name {
    width: 180px;
    font-size: 14px;
  }

  /* .stat.linechart .line-chart {
        width: 578px
    } */

  /* .top-bettor-component button.next,
    .top-bettor-component button.prev {
        display: block;
        height: 100%;
        background: #fff;
        border: none;
        font-size: 1.8em;
        position: absolute;
        top: 0;
        bottom: 0
    }

    .top-bettor-component .container {
        overflow-x: hidden;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 0 15px
    } */

  /* .top-bettor-component .items {
        position: relative;
        left: 0;
        transition: left .5s
    } */

  /* .top-bettor-item .name {
        font-size: 14px;
        color: #596374;
    }

    .top-bettor-item .results li {
        font-size: 12px;
        color: #000
    }

    .top-bettor-item .results li b {
        display: block
    }

    .top-bettor-item .results>li {
        border-right: 1px solid #000
    } */

  .content .constrained {
    flex-direction: row;
  }

  .content .constrained aside,
  .content .constrained main {
    padding: 16px 0;
  }

  /* main {
        width: calc(100% - 316px)
    } */

  /* aside {
        display: block;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 300px;
    } */

  aside.small {
    width: 160px;
  }

  /* aside section {
        /* padding: 12px 0;
        background-color: #fff;
        border: 1px solid #e9eef5;
        margin: 12px 0
    }

    aside section>:last-child {
        margin-bottom: 0
    } */

  /* aside p {
        margin: 20px 12px;
        color: #9ca7ba;
        font-size: 14px
    } */

  aside p.right {
    text-align: right;
  }

  [score-component].inline .a,
  [score-component].inline .b {
    width: 120px;
  }

  section.edito {
    padding: 24px 0;
  }

  form.search section {
    padding-top: 0;
  }
}

@media screen and (max-width: 992px) {
  /* #divmatchhasstarted {
        height: 45px;
        background-color: #EB5B5B;
        text-align: center;
        width: 90%;
        vertical-align: middle;
        /* height: inherit;
        margin: auto 0;
        /* float: left;
        position: relative;
        margin: 0 auto;
    } */

  /* .tip-comment .msgdisc img,
  .tip .msgdisc img {
    width: 100%;
  } */

  #bottomresponsive {
    background-color: #e9eef5;
    position: fixed;
    bottom: -200px;
    left: 0;
    right: 0;
    transition: bottom 0.3s;
    z-index: 10001;
    bottom: 0;
    position: none;
  }

  #zoneforbar {
    display: none;
  }

  #profile-img-tag {
    display: block;
    text-align: center;
    /* float: left; */
    margin: auto;
  }

  .label-file {
    display: block !important;
    text-align: center;
  }
  /*.label-file{display: unset !important;}*/
  .msg_input{width: 184px !important;}

  #msgnotiftoactivate {
    display: none;
    position: absolute;
    margin-top: 35px;
    background: white;
    margin-right: 15px;
    border-radius: 7px;
    padding: 5px;
    width: auto;
    color: #1a2740;
    border: 1px solid white;
  }

  /* .notifications {
        margin-top: -12px;
    } */

  /* footer {
        display: none;
    } */

  .coupdugeniephrase {
    font-size: 14px;
  }

  .coupdugeniephrase div {
    padding-top: 5px;
  }

  .nbpronosticsdesktop {
    display: none;
  }

  .rocranktp {
    vertical-align: middle !important;
  }

  #ranktp h2 {
    margin-top: 10px;
    font-size: 13px;
  }

  #explanationranktpmobile {
    font-size: 10px;
    padding-left: 10px;
    padding-right: 14px;
    text-align: left;
    margin-top: 10px;
  }

  .search table.show-results {
    table-layout: auto;
    width: 100%;
  }

  .search table[data-user-list] tbody .gain,
  .search table[data-user-list] tbody .success,
  .search table[data-user-list] tbody .yield,
  table[data-user-list] td:first-child {
    padding: 0px !important;
  }

  .search table[data-user-list] tbody .gain,
  .search table[data-user-list] tbody .success,
  .search table[data-user-list] tbody .yield {
    white-space: inherit;
  }

  .search .gain,
  .search .success,
  .search .yield {
    vertical-align: middle;
  }

  .search #explanationsearch {
    margin: 5px 0px 0px 5px;
  }

  /* div.comments.open .avatar,
    div.tip-content .avatar {
        margin-left: 0px !important;
    } */

  /* article.tip {
    margin-top: 10px;
  } */

  #statpage .sports,
  #statpage .avatar {
    margin-left: 20px;
  }

  #statpage .info {
    margin-left: 20px;
  }

  #statpage .subscriptions {
    width: 101px;
  }

  #statpage .prefered-sports .title {
    text-align: left;
  }

  #statpage .prefered-sports .linetitlestat {
    margin-top: -8px;
    margin-left: 40%;
  }

  #statpage .linetitlestat {
    width: 54% !important;
  }

  #statpage .sports {
    float: left;
  }

  #statpage .sports > div:not(:first-child) {
    margin-left: 25px;
  }

  #statpage .unit {
    text-align: left;
  }

  #statpage .figures .unit {
    text-align: center;
  }

  #statpage .labels {
    margin-left: 10px;
    margin-top: 5px;
  }

  header.user {
    margin-top: 44px;
  }

  /* .coupdugenie .pronostic {
        background: rgba(255, 255, 255, 0.2) !important;
        margin-left: 12px !important;
        margin-right: 12px !important;
    } */

  .content {
    background-color: #f5f6fa;
    padding: 0;
  }

  /* nav.match-list-nav {
        background: white;
    } */

  .show-on-desktop {
    display: none !important;
  }

  aside [match-composition-component] {
    display: none;
  }

  /* .match-navigation {
        position: absolute;
        bottom: 100%
    } */

  /* .top-bettor-component .items {
        left: 0 !important
    } */

  /* .top-bettor-item {
        width: 120px !important;
        height: 120px;
        background-color: #fff;
        margin-right: 7px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    } */

  .ads {
    display: none;
  }

  .content .constrained {
    flex-direction: column;
    padding: 0;
  }

  /* main section.transparent.reversable {
        background-color: #fff
    }

    main section.reversable {
        background-color: transparent
    }

    main section.dark.reversable {
        background-color: #fff
    } */

  form.search .results h2 {
    margin-left: 12px;
  }
}

@media screen and (max-width: 569px) {
  #21395-2 {
    display: none;
  }

  .hide-on-mobile {
    display: none !important;
  }
}

@media screen and (max-width: 569px) {
  .competition-title {
    color: #fff;
    padding: 1em 12px;
    background-color: #1a2740;
    justify-content: center;
    align-content: center;
    text-align: center;
  }

  .competition-title .left {
    margin: auto;
    flex: none;
  }

  .competition-title .rating,
  .competition-title img {
    display: none;
  }

  /* [feed-component] article.tip nav.tip-tools .share .sharer {
        transition: left .3s linear .2s, opacity .1s .2s
    } */

  table[data-user-list] tbody .user .user-data,
  table[data-user-list] tbody .user > div {
    display: inline-block;
  }

  /* header.match .sets .name {
        display: none
    } */

  header.match .sets li:first-child .score:before {
    content: '';
  }

  header.match .sets li .score:before {
    display: inline-block;
    content: ';';
    content: attr(data-sep);
    margin: 0 0.2em;
  }

  /* header.user {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative
    } */

  /* header.user .info {
        position: absolute;
        top: 40%;
        left: 0;
        right: 0
    } */

  header.user .info > * {
    width: 50%;
    text-align: center;
  }

  header.user .followers,
  header.user .subscriptions,
  header.user .tips {
    text-transform: uppercase;
  }

  header.user .followers b,
  header.user .subscriptions b,
  header.user .tips b {
    color: #fff;
    font-size: 12px;
  }

  [data-match-agenda] .subtitle,
  [data-match-agenda] .title .rating,
  [data-match-agenda] [match-list-row].finished .rating,
  [data-match-agenda] [match-list-row].finished .time,
  [data-match-agenda] [match-list-row] .sep,
  [data-match-agenda] [match-list-row] .sets,
  [data-match-list] .subtitle,
  [data-match-list] .title .rating,
  [data-match-list] [match-list-row].finished .time,
  [data-match-list] [match-list-row] .sep,
  [data-match-list] [match-list-row] .sets,
  header.user .tips {
    display: none;
  }

  [data-match-list] [match-list-row].finished .rating {
    flex: none;
    justify-content: space-around;
    font-size: 12px;
    font-weight: 400;
  }

  [data-match-agenda] [match-list-row].playing .teams,
  [data-match-list] [match-list-row].playing .teams {
    order: 1;
  }

  [data-match-agenda] [match-list-row].playing .time,
  [data-match-list] [match-list-row].playing .time {
    order: 2;
    margin-top: 10px;
  }

  [data-match-agenda] [match-list-row].playing .rating,
  [data-match-list] [match-list-row].playing .rating {
    display: none;
  }

  [data-match-agenda] [match-list-row].income [score-component]:before,
  [data-match-list] [match-list-row].income [score-component]:before {
    background-color: transparent;
  }

  [data-match-agenda] [match-list-row].income .time,
  [data-match-list] [match-list-row].income .time {
    height: 0;
    line-height: 28px;
  }

  [data-match-agenda] [match-list-row].income .rating,
  [data-match-list] [match-list-row].income .rating {
    margin-top: 10px;
  }

  .register-steps-form section.extra-margin {
    margin-bottom: 20px;
  }

  .register-steps-form .question,
  [data-match-list] .score-grid .flag {
    display: none;
  }

  [data-match-list] .income .score-grid {
    margin-top: 16px;
  }

  /* .stat {
        padding: 12px 0
    }

    .stat .title {
        font-size: 10px;
        line-height: 1.4em;
        margin: 0 20px
    }

    .stat .pts {
        font-size: 28px
    }

    .stat .key {
        font-size: 36px;
        margin: 10px 12px
    }

    .stat .unit {
        font-size: 12px;
        color: #7c8699
    }

    .stat.linechart .line-chart {
        margin-top: 23px
    } */

  [data-team-classement].grid table .lastfive,
  footer .main-footer {
    display: none;
  }

  .main-header .logo-container p {
    color: #233557;
    font-size: 16px;
    font-weight: 400;
    margin: 18px 60px;
  }

  .main-header .logo-container a {
    background-color: #233557;
    color: #fff;
  }

  .main-header .user .points .highlight {
    display: block;
  }

  .main-header .user .notification .count {
    z-index: 1;
  }

  .notification .container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f5f6fa;
    margin-top: 40px;
  }

  .notification ul {
    -webkit-animation-name: a;
    animation-name: a;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    width: 100%;
  }

  /* .main-header .header {
        background-color: #1a2740;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        height: 45px
    } */

  .main-header .logo-container {
    order: 2;
  }

  /* .main-header .hamburger-menu,
    .main-header .main-nav {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    } */

  /* .main-header .hamburger-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    } */

  /* .main-header .search {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin: auto 0;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    } */

  /* .main-header .search .label {
        display: none
    } */

  /* .main-header .search .icon {
        font-size: 19px;
        margin: 14px
    } */

  /* .main-header .logo {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 81px;
    margin-left: -40px;
    position: absolute;
    top: 0;
    left: 50%;
    height: 40px
  } */

  .main-header .stretch {
    order: 4;
  }

  .main-header .user {
    order: 5;
    flex: none;
  }

  .main-header .user .points {
    font-size: 10px;
  }

  .main-header .user .avatar-user {
    display: none;
  }

  .main-header .user .avatar-notification .mask {
    width: 24px;
    height: 24px;
  }

  .main-header .user .avatar-notification .icon-caret-down {
    display: none;
  }

  .main-header .user .menu {
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-color: rgba(26, 39, 64, 0.6);
  }

  .main-header .user .menu,
  .main-header .user .menu ul {
    -webkit-animation-name: a;
    animation-name: a;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
  }

  .main-header .user .menu ul {
    height: 100vh;
    padding-top: 40px;
  }

  .main-header .user .menu li {
    font-size: 11px;
  }

  .main-header .user .notification {
    width: auto;
  }

  .main-header .user .notification .btn .icon {
    display: none;
  }

  .main-header .user .notification .count {
    font-size: 10px;
    top: 50%;
    right: -5px;
  }

  .main-header .small-button {
    order: 10;
    font-size: 9px;
    padding: 4px;
  }

  /* #popins>div header .close {
        position: absolute;
        top: -20px;
        right: 0;
        color: #fff;
        font-size: 10px;
        font-weight: 700
    }

    #popins>div header .close .icon {
        font-size: 12px;
        vertical-align: middle;
        margin: .3em
    } */

  /* main section.fixable {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #f5f6fa;
        box-shadow: 0 -1px 0 0 #e9eef5;
        padding: 14px 12px
    } */

  form .form-checkbox.half,
  form .form-input.half,
  form .form-radio.half,
  form .form-select.half {
    width: 100%;
  }

  section.setting nav.tools .close {
    display: none;
  }

  .account-close-form nav > * {
    width: 70%;
    display: block;
    margin-bottom: 8px;
    line-height: 2em;
  }

  form.search .search-field {
    padding: 0;
  }

  form.search .filters h2 {
    text-align: center;
  }

  form.search .sport-checkbox {
    width: 53px;
    flex: none;
    padding: 5px;
  }

  .pronostics-recap {
    padding: 12px 0;
  }

  .pronostics-recap-text {
    font-size: 13px;
  }

  /* [pronostics-table] thead tr th {
        font-size: 12px;
        padding: 13px 24px;
    } */

  /* [pronostics-table] tbody tr td [pronostics-table-data] tbody tr td {
        font-size: 13px;
        padding: 9px 0;
    } */

  .bet-content__close,
  .bet-content__close_likers {
    font-size: 13px;
    right: 10px;
  }

  .bet-content__title {
    font-size: 15px;
  }

  /* #searchuser {
        display: none;
    } */

  /* i.icon-search {
    float: left;
  } */

  /* #searchuser {
        margin-top: 13px;
    }

    div#main.search #searchuser {
        display: block !important;
        float: right;
    } */

  div#main.search .logo {
    display: none;
  }
}

@-webkit-keyframes a {
  0% {
    opacity: 0;
    margin-left: -30px;
  }

  to {
    opacity: 1;
    margin-left: 0;
  }
}

@keyframes a {
  0% {
    opacity: 0;
    margin-left: -30px;
  }

  to {
    opacity: 1;
    margin-left: 0;
  }
}

@-webkit-keyframes b {
  0% {
    opacity: 0;
    margin-top: -30px;
  }

  to {
    opacity: 1;
    margin-top: 0;
  }
}

@keyframes b {
  0% {
    opacity: 0;
    margin-top: -30px;
  }

  to {
    opacity: 1;
    margin-top: 0;
  }
}

@-webkit-keyframes c {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes c {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

[data-head-to-head] table tbody .info img {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-left: 5px;
  margin-right: 5px;
}

[data-head-to-head] table tbody .info .date {
  margin-right: 5px;
}

.match-list-nav[selector-navigation] .selector.country,
.match-list-nav[selector-navigation] .selector.bookmaker {
  visibility: hidden;
}

.time-inprogress {
  color: #ff0000;
}

[data-match-list] .step,
[data-match-agenda] .step {
  margin: 0 0 24px 0;
}

[data-match-list] [match-list-row] .teams .service,
[data-match-agenda] [match-list-row] .teams .service {
  position: relative;
  width: 0;
}

[data-match-list] [match-list-row] .teams .service:after,
[data-match-agenda] [match-list-row] .teams .service:after {
  position: absolute;
  display: block;
  content: '';
  left: -4px;
  top: -4px;
  width: 8px;
  height: 8px;
  background-color: #596374;
  border-radius: 50%;
}

.tennis [data-match-list] [match-list-row] .sets,
.tennis [data-match-agenda] [match-list-row] .sets {
  display: none;
}

/*.tennis [data-match-list] [match-list-row] .teams,.tennis [data-match-agenda] [match-list-row] .teams {
display: none;
}
.tennis [data-match-list] [match-list-row] .rating,.tennis [data-match-agenda] [match-list-row] .rating {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.tennis [data-match-list] [match-list-row] .rating>div,.tennis [data-match-agenda] [match-list-row] .rating>div {
line-height: 25px;
}
.tennis [data-match-list] [match-list-row] .teams,.tennis [data-match-agenda] [match-list-row] .teams {
    padding: 0;
  }
  .tennis [data-match-list] [match-list-row] .team-a img,.tennis [data-match-agenda] [match-list-row] .team-a img {
    margin-right: 12px;
  }
*/
@media screen and (max-width: 569px) {
  .tennis [data-match-list] [match-list-row] .teams,
  .tennis [data-match-agenda] [match-list-row] .teams {
    padding: 0;
  }

  .tennis [data-match-list] [match-list-row] .team-a,
  .tennis [data-match-agenda] [match-list-row] .team-a {
    flex-direction: row-reverse;
  }

  .tennis [data-match-list] [match-list-row] .team-a img,
  .tennis [data-match-agenda] [match-list-row] .team-a img {
    margin-right: 12px;
  }

  .tennis [data-match-list] [match-list-row] .team-b,
  .tennis [data-match-agenda] [match-list-row] .team-b {
    flex-direction: row;
  }

  .tennis [data-match-list] [match-list-row] .team-b img,
  .tennis [data-match-agenda] [match-list-row] .team-b img {
    margin-left: 12px;
  }

  .tennis [data-match-list] [match-list-row] .team-a,
  .tennis [data-match-agenda] [match-list-row] .team-a,
  .tennis [data-match-list] [match-list-row] .team-b,
  .tennis [data-match-agenda] [match-list-row] .team-b {
    justify-content: flex-end;
  }

  .tennis [data-match-list] [match-list-row] .team-a img,
  .tennis [data-match-agenda] [match-list-row] .team-a img,
  .tennis [data-match-list] [match-list-row] .team-b img,
  .tennis [data-match-agenda] [match-list-row] .team-b img {
    height: 16px;
  }

  .tennis [data-match-list] [match-list-row] .score-grid,
  .tennis [data-match-agenda] [match-list-row] .score-grid {
    display: none;
  }
}

@media screen and (min-width: 570px) {
  .tennis [data-match-list] [match-list-row] .teams,
  .tennis [data-match-agenda] [match-list-row] .teams {
    display: none;
  }

  .tennis [data-match-list] [match-list-row] .rating,
  .tennis [data-match-agenda] [match-list-row] .rating {
    flex-direction: column;
  }

  .tennis [data-match-list] [match-list-row] .rating > div,
  .tennis [data-match-agenda] [match-list-row] .rating > div {
    line-height: 25px;
  }
}

@media screen and (max-width: 570px) {
  [data-match-agenda] [match-list-row] .time,
  [data-match-list] [match-list-row] .time {
    height: 10px;
  }
}

body [score-component].block.pronostiquer {
  background: none;
  color: #eb6f5b;
  font-weight: bold;
  font-size: 0.8em !important;
}

/* .tip-content img.avatar,
.avatarfollowcartouche {
    margin: auto;
    overflow: hidden;
    border-radius: 100%;
    background-color: #233557;
    position: relative;
    margin-right: 9px;
} */

.avatarfollowcartouche {
  width: 60px;
  height: 60px;
}

/* .match-bet__validate {
    display: none;
} */

/* #popin-unit-bet .bet-content .match-bet__validate,
#popin-unit-bet .bet-content input[type="submit"].match-bet__validate {
    text-align: center;
    display: block;
    color: #fff !important;
    background-color: #233557 !important;
    -webkit-appearance: none;
} */

/*.action-button.active.match-bet__validate,.action-button.active.match-bet__combine{
    color: #596374;
    background-color: #d4dae6;
}*/

@media screen and (max-width: 570px) {
  [your-analyse],
  [pronostics-table],
  [make-a-bet] h3,
  .public-comment-info {
    width: 90%;
    margin: 0 auto;
  }

  /* .action-button.active.match-bet__validate {
        display: block;
    } */

  /* .action-button.active.match-bet__validate,
    .action-button.combine {
        font-size: 12px;
    } */
}

.action-button.attach {
  display: none;
}

.ios * {
  cursor: pointer;
}

.notification .notif a {
  cursor: pointer;
}

[data-selector] [data-value] > * {
  pointer-events: none;
}

/* @media screen and (max-width: 992px) {
    header.match {
        margin-top: 44px
    }

    .form-select {
        padding: 10px;
    }

    .home .content {
        background-color:#D4DAE6;
    }

    [feed-component] article.tip .tip-content .match img {
        width: 24px;
    }
} */

/*Modification Jordan */
.MatchProno .match {
  display: none !important;
}

.MatchProno article {
  border-radius: 10px;
}

/* .MatchProno div.pronostics {
    top: 0;
    position: absolute;
    width: 100%;
} */

.MatchProno div.pronostic {
  border-radius: 10px;
}

/* .MatchProno div.tip-content,
.MatchProno nav.tip-tools {
    display:none !important;
} */

.MatchProno .dislike,
.like .dislike {
  display: none;
}

.MatchProno article.tip.followed {
  position: relative;
}

.statusbetGagne,
.statusbetPerdu,
.statusbetEn,
.statusbetRembourse,
.statusbetlost {
  padding: 10px;
  border-radius: 4px;
  padding-left: 15px;
  padding-right: 15px;
}

.statusbetGagne {
  background: #84ad08;
}

/* .statusbetEn {
    background: #eb6f5b
} */

.statusbetPerdu,
.statusbetlost {
  background: #d61e00;
}

.statusbetRembourse {
  background: #9ca7ba;
}

/* .nboutcomematch {
  margin-right: 15px;
} */

/* .cotewin,
.cotelost,
.cote>.cote,
.cotepayback,
.coteen {
  border-radius: 3px;
  color: white;
} */

/* .cotelost {
  background: #d61e00;
}

.cotewin {
  background: #84ad08;
}

.cote>.cote,
.coteen {
  background: #eb6f5b;
}

.cotepayback {
  background: #9ca7ba;
} */

/* .tipscombine {
    border-top: none !important;
    border-bottom: none !important;
} */

.tipscombine td {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

tr.hideTitle {
  border: none;
}

span.hideTitle {
  display: none;
}

/* #searchuser {
    background: none;
    border: none;
    font-size: 12px;
    width: 150px;
    color: white;
} */

#msgsearch {
  font-size: 11px;
  color: red;
  display: none;
}

form.search section.search-field,
form.search .sep {
  display: none;
}

.count {
  text-decoration: underline;
}

/* .match .label {
    width: 100%;
    text-align: right;
    margin-right: 3px;
} */

/* .teamb .label {
    width: 100%;
    text-align: left;
    padding-left: 5px;
} */

.nboutcomematch {
  display: none;
}

/* .btnSendComment {
    height: 30px;
    vertical-align: top;
    margin-left: 3px;
    padding: 7px;
    border-radius: 5px;
    float: right;
    margin-top: 13px;
} */

/* .teama .label {
    padding-right: 5px;
} */

article.liked span.spanaime {
  display: inline-block;
  color: #183dac;
}

/* .spanaime,
.btncomment {
    cursor: pointer;
} */
/*
.spanaime {
    font-size: 10px;
    font-weight: bold;
    margin-left: 3px;
    margin-top: 3px;
    position: absolute;
} */

#sortfeed {
  width: 100%;
}

#namesortfeed {
  color: #7c8699;
}

.sizespan {
  font-size: 14px;
}

#typesortfeed {
  text-align: right;
  cursor: pointer;
}

/* .selected {
    font-size: 10px;
    /* color: #434B5A; */
/*
    font-weight: bold;
}*/

.unselected {
  font-size: 10px;
  /*
    color:  #434B5A;
 */
}

/* .form-select select {
    display: none;
} */

.separatecomment {
  width: 100%;
  height: 1px;
  background: #e9eef5;
  margin-top: 10px;
}

/* .actioncartouche span {
    color: #9CA7BA
} */

.actioncartouche img {
  margin-right: 5px;
}

/* .actioncartouche {
    border-bottom: 1px solid #e9eef5;
    padding-top: 7px;
} */

#typesortfeed span {
  margin-right: 22px;
  font-size: 12px;
}

#typesortfeed span.selected {
  color: #434b5a;
  font-weight: bold;
}

/* .match {
	font-size: 14px;
} */

.spanbold {
  font-weight: bold;
}

/* #commentcartouche {
    margin: 12px;
    font-size: 14px;
    border-bottom: 1px solid #e9eef5;
    padding-bottom: 10px;
} */

.coupdugenie .nameuser {
  color: white !important;
}

.userdate {
  margin-left: 3px;
}

.nameandrateuser {
  color: black;
  font-size: 17px;
  margin-bottom: 6px;
}

.percentfollowcartouche {
  float: right;
}

.percentagevaluefollowcartouche {
  color: #84ad08;
  font-size: 22px;
}

.nbtotalpronofollowcartouche {
  color: black;
  font-size: 13px;
  margin-top: 5px;
}

.textefollowcartouche {
  float: right;
  font-size: 12px;
  color: #7c8699;
}

.titlefollowcartouche {
  color: #d5d5d5;
  font-size: 10px;
  margin-top: 5px;
}

.titlefollowcartouche span {
  float: left;
}

.linefollowcartouche {
  width: 45%;
  height: 1.4px;
  background: #d5d5d5;
  float: right;
  margin-top: 6px;
}

.actionfollowcartouche {
  height: 30px;
  margin-left: 85px;
  margin-bottom: 10px;
  margin-top: 10px;
}

.followusercartouche {
  float: right;
  margin-right: 13px;
  margin-top: -5px;
}

.sportfollowcartouche i {
  color: #9ca7ba;
  margin-right: 10px;
}

.followcartouche {
  padding: 10px;
  border-bottom: 1px solid #e9eef5;
  font-size: 14px;
}

.nameuserwhofollow {
  color: #183dac;
  font-weight: bold;
}

.nameuserfollowed {
  color: #183dac;
  font-weight: bold;
}

.textfollowcartouche {
  color: #434b5a;
}

.actionfollowcartouche {
  margin-right: 15px;
  margin-top: -10px;
}

.btnfollowcartouche {
  float: right;
  margin: 0;
  margin-top: -5px;
}

.textfollowcartouche2 {
  float: right;
}

.userdata {
  width: 100%;

  margin-right: 10px;
}

.maindatafollowcartouche {
  padding: 15px;
}

/* .tip-comment-hide {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
} */

.tableshare {
  border: none;
  float: right;
  border-collapse: collapse;
}

.ismultitrue {
  display: none !important;
}

#titlewholikedpopup {
  width: 100%;
  text-align: center;
  font-size: 10px;
  color: #1f2d49;
  padding-bottom: 10px;
}

#linetablewholiked {
  height: 1px;
  background: #d4dae6;
}

.avatarcaselike {
  padding: 10px;
}

.avatarlikedpopup {
  width: 34px;
  height: 34px;
}

.userwholikedcase {
  vertical-align: middle;
}

.userwholikedcase span {
  color: #434b5a;
}

.btnuserwholiked {
  width: 100%;
}

.shareoffimg {
  cursor: pointer;
}

.notdisplaypercent {
  display: none;
}

/* .bubblemsg {
    background: #edf1fa;
    border-radius: 10px;
    position: relative;
    display: inline-grid;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    max-width: 77%;
} */

/* .header {
    position: fixed;
    top: 0;
    z-index: 1000;
    width: 100%;
} */

.btnSendComment {
  cursor: pointer;
}

div.hidetitlecartouche {
  display: none;
}

div.showtitlecartouche {
  margin: 0px !important;
  padding: 11px;
}

article.showtitlecartouche {
  margin-top: 5px !important;
}

.showtitlecartouche,
.hidetitlecartouche {
  margin-bottom: 0px !important;
  margin-top: -2px !important;
  background: white;
}

div.showtitlecartouche span {
  font-weight: bold;
}

article.showtitlecartouche,
article.hidetitlecartouche,
.topmatch .match {
  background: #f4f6fa !important;
}

article.showtitlecartouche div.actioncartouche,
article.hidetitlecartouche div.actioncartouche {
  background: white;
}

/* .tip-comment-no {
  display: none;
} */

article.showtitlecartouche,
article.hidetitlecartouche {
  border-radius: 0px;
}

.coupdugenie {
  background: #1a2740 !important;
}

.coupdugenie .label,
.coupdugenie .time {
  color: white !important;
}

.coupdugenie .actioncartouche {
  background-color: white !important;
}

.coupdugenie .icon,
.coupdugenie .name {
  display: none;
}

.vscoupdegenie {
  font-weight: bold;
  color: white;
  text-align: center;
  margin-left: 13px;
  margin-right: 13px;
}

.coupdugenie button.like,
.coupdugenie button.comment,
.coupdugenie .tip-comment {
  color: white !important;
}

/* [feed-component] article.coupdugenie .pronostic .cote,
[feed-component] article.coupdugenie .pronostic .label,
[feed-component] article.coupdugenie .pronostic_summary .cote,
[feed-component] article.coupdugenie .pronostic_summary .label {
    line-height: 12px;
    color: white;
    padding: 3px;
} */

.matchplusjoue .identity,
.matchplusjoue .tip-tools,
.matchplusjoue .actioncartouche,
.topmatch .identity,
.topmatch .pronostics,
.topmatch .tip-tools,
.topmatch .actioncartouche,
.topmatch .ismultifalse {
  display: none !important;
}

.matchplusjoue .pronostic {
  margin-top: 5px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
  margin-bottom: 0px !important;
}

.matchplusjoue .nboutcomematch {
  display: block !important;
  color: white !important;
}

.matchplusjoue .col {
  padding-right: 10px;
  flex-grow: 1;
  overflow: hidden;
}

.matchplusjoue .label {
  font-size: 14px;
}

div.matchplusjoue span {
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  display: block;
}

.matchplusjoue .nboutcomematch {
  text-align: center;
  color: white;
  background: #263752;
  border-radius: 3px;
  padding: 3px 0 6px;
  width: 90px;
  flex-shrink: 0;
}

.matchplusjoue .tip-content {
  margin-bottom: 10px !important;
}

article.topmatch {
  padding-bottom: 10px !important;
}

.colorpronosticstotal {
  color: #6480a8;
  font-size: 11px;
  padding-top: 10px;
  font-weight: bold;
  padding-bottom: 5px;
  border-bottom: 10px solid white;
}

.topmatch table td {
  vertical-align: middle;
}

.boldspan {
  font-weight: bold;
  color: #394b59;
}

.analysesanstip .pronostics {
  display: none !important;
}

.divtoptrois tr {
  background: #f4f6fa !important;
}

.divtoptrois tr img {
  height: 45px;
}

.pronosticsmatch .actioncartouche {
  display: none;
}

.pronosticsmatch .nboutcomematch {
  display: block !important;
  color: #233557;
  font-weight: bold;
}

.pronosticsmatch {
  margin: 0px !important;
  border: 1px solid white !important;
  border-radius: 0px !important;
}

.pronosticsmatch .tip-content,
.pronosticsmatch .tip-tools {
  display: none !important;
}

.pronosticsmatchposition1,
.pronosticsmatchposition2,
.pronosticsmatchposition3,
.pronosticsmatchposition4 {
  display: none;
}

/* .filters h2, .filters .sports {
	/* display:none !important;
} */

.fontpopin {
  font-family: 'Open Sans';
}

#statpage header,
#statpage .prefered-sports,
#statpage .account-navigation {
  background: #1f2d49;
}

#statpage .followers b,
#statpage .tips b,
#statpage .subscriptions b,
#statpage .username span,
#statpage .prefered-sports .unit,
#statpage .account-navigation .label {
  color: white;
}

#statpage section.prefered-sports .title {
  color: #d2d7df;
  font-size: 12px;
}

#statpage section.prefered-sports .name {
  color: #9ca7ba;
}

.linetitlestat {
  width: 75%;
  border-top: 1px solid rgb(233, 238, 245, 0.2);
  margin-top: -12px;
  margin-left: 25%;
}

.prefered-sports,
#statpage .user {
  border: none;
}

#statpage .username {
  margin-bottom: 10px;
}

.successstatpage,
.performancestatpage {
  width: 50%;
  padding: 10px;
  height: 100%;

  border-top: 1px solid #e9eef5;
  border-left: 1px solid #e9eef5;
  border-right: 0px solid #e9eef5;
  border-bottom: 0px solid #e9eef5;
  text-align: -webkit-match-parent;
}

#statpage .successstatpage {
  border: none;
}

.historypage .sports,
.historypage .linetitlestat,
.historypage .title {
  display: none !important;
}

.tableusers {
  font-family: 'Open Sans';
  display: block;
  height: 500px;
  overflow-y: scroll;
}

#titrelistabonnement {
  font-weight: bold;
  width: 100%;
  text-align: center;
  color: #1f2d49;
  padding-bottom: 10px;
  font-family: 'Open Sans';
}

#likerspopup {
  font-family: 'Open Sans';
}

/* #mainparameters .header {
    position: relative;
}

#mainparameters .action-button {
    padding: 10px;
}

#mainparameters section.setting nav.tools {
    padding: 0px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
}

#mainparameters .close {
    text-align: right;
}

#mainparameters section {
    z-index: 1;
} */

.notification .title {
  background-color: white;
}

.bordertipselected {
  border: 2px solid #84ad08 !important;
}

.nameandrateuser span {
  font-weight: bold;
}

.tableshare {
  position: relative;
  opacity: 0;
  transition: margin-right 0.6s cubic-bezier(0, 0, 0.2, 1) 0.2s;
}

.actioncartouche .shareaction:hover .tableshare {
  margin-right: 0%;
}

.mystats1 .action-button-follow {
  display: none;
}

.trshowTitle {
  border: none !important;
  background: white;
}

.trhideTitle {
  border-bottom: 1px solid #e9eef5;
  background: white;
}

.trhideTitle .cotecombine,
.trhideTitle .result > div {
  display: none;
}

.coupdugenie button.show-more,
.coupdugenie button.show-less {
  background: #1a2740 !important;
  border: 1px solid gray;
}

/* main#mainparameters section:last-child {
    display: none;
} */

/* .tip-comment {
    white-space: pre-wrap;
} */

.iconcolor-tennis {
  background: url('/images/logos/icn_tennis.png');
  width: 18px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
}

.iconcolor-basket {
  background: url('/images/logos/icn_basket.png');
  width: 18px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
}

.iconcolor-football {
  background: url('/images/logos/icn_football.png');
  width: 18px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
}

.iconcolor-handball {
  background: url('/images/logos/icn_handball.png');
  width: 18px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
}

.iconcolor-hockey {
  background: url('/images/logos/icn_hockey.png');
  width: 18px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
  margin-top: 3px;
}

.iconcolor-volley {
  background: url('/images/logos/icn_volley.png');
  width: 18px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
}

.iconcolor-rugbyleague {
  background: url('/images/logos/icn_rugby.png');
  width: 18px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
}

.iconcolor-rugby {
  background: url('/images/logos/icn_rugby.png');
  width: 18px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
}

.iconcolor-americanfootball {
  background: url('/images/logos/icn_footus.png');
  width: 18px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
}

/* .identity .toolnav{display:none;} */

.user-data {
  width: 100%;
}

.user-data div {
  flex: 1;
}

#titletable {
  font-weight: normal;
  font-size: 10px;
  text-align: left;
}

#ranktp {
  display: block;
}

#ranktppage #titletable,
#ranktppage .filtertable {
  display: none;
}

#ranktp #sport_ {
  display: none;
}

.pointreconstitue,
.betsencours {
  text-align: left !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

#user_suggestion_explained {
  font-size: 11px;
  text-align: center;
}

.nbtipstopbettor {
  font-size: 12px;
  margin-top: 10px;
}

.nbpointsencours {
  font-size: 10px;
  color: black;
}

#explanationsearch {
  text-align: left;
  font-size: 13px;
}

.search .show-results .yield {
  padding-left: 10px;
}

#ranktppage .titlegain,
#ranktppage .titlesuccess {
  display: none;
}

.rocranktp {
  font-weight: normal;
}

.msgyield,
.msgbest_tipster,
.msgroc {
  font-size: 12px;
}

#ranktppage .periode {
  overflow: hidden !important;
}

#ranktppage form.search .periode-radio [type='radio']:not(:checked) ~ span {
  display: none;
}

#ranktppage tbody.results tr:nth-child(2),
#ranktppage tbody.results tr:nth-child(1) {
  border: 1px solid green;
}

.icon-ranktp:before {
  font-family: iconfont;
  content: '\f724';
}

.search aside a[href='/ranktp'] img {
  margin-left: 30px;
}

.capitaldepart,
.capitaladate,
.roc,
.cell1,
.cell2,
.cell3 {
  display: none;
}

.ranktpform .cell1,
.ranktpform .cell2,
.ranktpform .cell3 {
  display: table-cell !important;
}

.ranktpform .capitaldepart,
.ranktpform .roc,
.ranktpform .capitaladate {
  display: table-cell;
}

.timer {
  font-weight: bold;
}

/*.timematchinfo {
    font-size: 10px;
    margin-right: 10px;
} */

.Hide {
  display: none;
}

.orangelabel {
  color: #eb6f5b;
}

.tip .match {
  font-size: 14px;
}

/* .showmoreanalysis {
    color: black;
} */

.coupdugenie .showmoreanalysis {
  color: white;
}

.teamuser {
  margin-left: 24px;
  color: white;
  font-size: 13px;
  margin-top: -10px;
  padding-top: 5px;
  padding-bottom: 10px;
}

.tenniscore td {
  padding: 5px;
}

.tip-content .data,
.userinclassement {
  display: grid;
}

.uniteencours,
.nbtipsencours {
  font-size: 10px;
}

.qc-cmp-button,
.qc-cmp-button.qc-cmp-secondary-button:hover {
  background-color: #000000 !important;
  border-color: #000000 !important;
}

.qc-cmp-button:hover,
.qc-cmp-button.qc-cmp-secondary-button {
  background-color: transparent !important;
  border-color: #000000 !important;
}

.qc-cmp-alt-action,
.qc-cmp-link {
  color: #000000 !important;
}

.qc-cmp-button,
.qc-cmp-button.qc-cmp-secondary-button:hover {
  color: #ffffff !important;
}

.qc-cmp-button:hover,
.qc-cmp-button.qc-cmp-secondary-button {
  color: #000000 !important;
}

.qc-cmp-small-toggle,
.qc-cmp-toggle {
  background-color: #000000 !important;
  border-color: #000000 !important;
}

.qc-cmp-main-messaging,
.qc-cmp-messaging,
.qc-cmp-sub-title,
.qc-cmp-privacy-settings-title,
.qc-cmp-purpose-list,
.qc-cmp-tab,
.qc-cmp-title,
.qc-cmp-vendor-list,
.qc-cmp-vendor-list-title,
.qc-cmp-enabled-cell,
.qc-cmp-toggle-status,
.qc-cmp-table,
.qc-cmp-table-header {
  color: #000000 !important;
}

.qc-cmp-ui {
  background-color: #ffffff !important;
}

.qc-cmp-table,
.qc-cmp-table-row {
  border: 1px solid !important;
  border-color: #000000 !important;
}

#qcCmpButtons a {
  text-decoration: none !important;
}

#qcCmpButtons button {
  margin-top: 65px;
}

@media screen and (min-width: 851px) {
  #qcCmpButtons a {
    position: absolute;
    bottom: 10%;
    left: 60px;
  }
}

.qc-cmp-qc-link-container {
  display: none;
}

.qc-cmp-persistent-link {
  display: none !important;
}

/* .notifications img {
    width: 20px;
    margin-top: 2px;
    text-align: c;
} */

button.action-button-follow.active + .notifications {
  display: block !important;
}

#logoandroid img {
  width: 30px;
}

.android,
.undefined {
  display: none !important;
}

#msgnotiftoactivate p {
  text-align: center;
}

#btnouinotif {
  background: #1a2740;
  color: white;
  padding-left: 20px;
  padding-right: 20px;
  margin-right: 10px;
}

#btnnonnotif {
  background: #e5e5e5;
  color: #1a2740;
  padding-left: 20px;
  padding-right: 20px;
}

#msgnotiftoactivate div {
  margin-top: 10px;
  text-align: center;
}

button.action-button-follow.active ~ #msgnotiftoactivate {
  display: block !important;
}

.MatchProno .filters {
  display: none;
}

#main #sortfeed {
  display: none;
}

.label-file {
  cursor: pointer;
  color: #233557;
  font-weight: bold;
}

.label-file:hover {
  color: #00b1ca;
}

.input-file {
  display: none !important;
}

.coupdugenie #commentcartouche {
  color: white;
}

/* #topoutcome5,
#topoutcome6,
#topoutcome7,
#topoutcome8,
#topoutcome9,
#topoutcome10 {
    display: none;
} */

[id^='reportfeed'] {
  cursor: pointer;
}

.listmatch {
  width: auto;
}

.zoneforbarsticky {
  position: fixed;
  top: 80px;
  background: inherit;
  width: 100%;
}

#zoneforbar {
  background: #f5f6fa;
}

.trhideTitle .gaincombinespan {
  display: none;
}

.search .filters {
  display: none;
}

#matchstarted .rate,
#matchstarted .result {
  color: #bac4d5 !important;
  font-weight: normal !important;
}

section {
  position: relative;
}
h1,
h2,
h3,
div,
a,
p,
span,
input,
button,
textarea {
  font-family: 'Open Sans';
}
.h2 {
  font-family: 'Open Sans';
  font-size: 0.75rem;
  font-weight: bold;
  color: #1a2740;
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .h2 {
    font-size: 1.125rem;
  }
}
.hamburger-button {
  font-size: 0.9375rem;
  color: #fff;
  padding: 12px;
  pointer-events: initial;
}
.messenger-button {
  font-size: 1rem;
  color: #fff;
  padding: 11px 6px;
  pointer-events: initial;
}
.notifications-button {
  font-size: 1.125rem;
  color: #fff;
  padding: 10px 6px;
  pointer-events: initial;
}
.search-button {
  font-size: 1rem;
  color: #fff;
  padding: 13px 6px;
  box-sizing: border-box;
  pointer-events: initial;
}
.submit-button {
  font-weight: bold;
  font-size: 0.875rem;
  color: #f4f6fa;
  background: #263752;
  padding: 8px 52px 10px;
  border-radius: 3px;
}
.outcomes-alert-button {
  font-size: 0.8125rem;
  background: #fff;
  border: solid 1px #9ca7ba;
  border-radius: 3px;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 95px;
  height: 32px;
}
.outcomes-alert-button.is-active {
  background: rgba(126, 211, 33, 0.1);
  border-color: #7ed321;
}
.outcomes-alert-button.is-active .line {
  background: #7ed321;
}
.outcomes-alert-button.is-active .icon-bell {
  color: #7ed321;
}
.outcomes-alert-button .line {
  background: #9ca7ba;
  display: block;
  width: 12px;
  height: 1px;
}
.outcomes-alert-button .icon-bell {
  font-size: 1rem;
  color: #9ca7ba;
  margin-top: 4px;
}
.outcome-comparator-button {
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 1rem;
  letter-spacing: -0.013125rem;
  text-align: left;
  color: #fff;
  background: url('../images/hp/outcomes-alert-bg-mobile.png') center center no-repeat;
  background-size: cover;
  border-radius: 3px;
  margin: 0 auto;
  padding: 12px;
  display: block;
  width: calc(100% - 24px);
}
.outcome-comparator-button .icon-export {
  font-size: 0.5625rem;
}
.outcome-comparator-button span {
  margin-left: 5px;
}
@media screen and (min-width: 1024px) {
  .outcome-comparator-button {
    font-size: 1.0625rem;
    letter-spacing: -0.019375rem;
    background: url('../images/hp/outcomes-alert-bg-desktop.png') center center no-repeat;
    background-size: cover;
    margin: 0;
    padding: 12px 12px 56px;
    width: 100%;
  }
  .outcome-comparator-button .icon-export {
    font-size: 0.6875rem;
  }
  .outcome-comparator-button span {
    margin-left: 8px;
  }
}
@font-face {
  font-family: 'iconfont';
  src: url('/fonts/iconfont.eot');
  src: url('/fonts/iconfont.eot') format('embedded-opentype'), url('/fonts/iconfont.woff2') format('woff2'), url('/fonts/iconfont.woff') format('woff'), url('/fonts/iconfont.ttf') format('truetype'), url('/fonts/iconfont.svg#iconfont') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^='icon-']:before,
[class*=' icon-']:before {
  font-family: 'iconfont';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-spinner:after {
  content: '';
  border: solid 2px #272727;
  border-top: solid 2px transparent;
  border-radius: 50%;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-animation: loading 1s linear infinite;
  animation: loading 1s linear infinite;
}
.icon-left-big:before {
  content: '\e800';
}
.icon-right-big:before {
  content: '\e801';
}
.icon-rank-up:before {
  content: '\e806';
}
.icon-rank-down:before {
  content: '\e807';
}
.icon-rank-left:before {
  content: '\e80f';
}
.icon-rank-right:before {
  content: '\e815';
}
.icon-export:before {
  content: '\e83c';
}
.icon-edit-thin:before {
  content: '\e83d';
}
.icon-delete:before {
  content: '\e83e';
}
.icon-unfav:before {
  content: '\e83f';
}
.icon-about:before {
  content: '\e84a';
}
.icon-add-friend:before {
  content: '\e84b';
}
.icon-agenda:before {
  content: '\e840';
}
.icon-eject:before {
  content: '\e841';
}
.icon-arrow-down:before {
  content: '\e84c';
}
.icon-arrow-left:before {
  content: '\e84d';
}
.icon-arrow-right:before {
  content: '\e84e';
}
.icon-arrow-up:before {
  content: '\e84f';
}
.icon-basket:before {
  content: '\e851';
}
.icon-bell:before {
  content: '\e852';
}
.icon-camera:before {
  content: '\e853';
}
.icon-chat:before {
  content: '\e854';
}
.icon-check:before {
  content: '\e855';
}
.icon-close-message:before {
  content: '\e856';
}
.icon-close:before {
  content: '\e857';
}
.icon-dots:before {
  content: '\e859';
}
.icon-edit:before {
  content: '\e85a';
}
.icon-facebook:before {
  content: '\e85b';
}
.icon-feed:before {
  content: '\e85c';
}
.icon-list:before {
  content: '\e85d';
}
.icon-football:before {
  content: '\e85f';
}
.icon-gif:before {
  content: '\e860';
}
.icon-group:before,
.icon-groups:before {
  content: '\e861';
}
.icon-hamburger:before {
  content: '\e862';
}
.icon-handball:before {
  content: '\e864';
}
.icon-help:before {
  content: '\e865';
}
.icon-hockey:before {
  content: '\e867';
}
.icon-home:before {
  content: '\e868';
}
.icon-info:before {
  content: '\e869';
}
.icon-instagram:before {
  content: '\e86a';
}
.icon-join:before {
  content: '\e86b';
}
.icon-like:before {
  content: '\e86c';
}
.icon-liked:before {
  content: '\e86d';
}
.icon-link:before {
  content: '\e86e';
}
.icon-message:before {
  content: '\e870';
}
.icon-ok:before {
  content: '\e871';
}
.icon-plus:before {
  content: '\e872';
}
.icon-popular:before {
  content: '\e873';
}
.icon-ranking:before {
  content: '\e874';
}
.icon-remove-friend:before {
  content: '\e875';
}
.icon-replacement:before {
  content: '\e876';
}
.icon-report:before {
  content: '\e877';
}
.icon-rugby:before,
.icon-rugbyleague:before {
  content: '\e87a';
}
.icon-search:before,
.icon-search-left:before {
  content: '\e87b';
}
.icon-search-right:before {
  content: '\e87c';
}
.icon-selector:before {
  content: '\e87d';
}
.icon-send:before {
  content: '\e87e';
}
.icon-settings:before {
  content: '\e87f';
}
.icon-share:before {
  content: '\e880';
}
.icon-star:before {
  content: '\e881';
}
.icon-subst-in:before {
  content: '\e876';
  color: #84ad08;
}
.icon-subst-out:before {
  content: '\e876';
  color: #dc143c;
}
.icon-tennis:before {
  content: '\e883';
}
.icon-trash:before {
  content: '\e886';
}
.icon-trophy:before {
  content: '\e887';
}
.icon-twitter:before {
  content: '\e888';
}
.icon-upload-image:before {
  content: '\e889';
}
.icon-us-football:before,
.icon-americanfootball:before {
  content: '\e88b';
}
.icon-user:before {
  content: '\e88c';
}
.icon-volley:before {
  content: '\e88e';
}
.icon-web:before {
  content: '\e88f';
}
.icon-whistle:before {
  content: '\e890';
}
.icon-yellow-card:before {
  content: '\e891';
}
.icon-lock:before {
  content: '\e892';
}
.icon-ball {
  font-family: 'iconfont';
}
.basket .icon-ball:before {
  content: '\e851';
}
.football .icon-ball:before {
  content: '\e85f';
}
.handball .icon-ball:before {
  content: '\e864';
}
.hockey .icon-ball:before {
  content: '\e867';
}
.rugby .icon-ball:before {
  content: '\e87a';
}
.tennis .icon-ball:before {
  content: '\e883';
}
.volley .icon-ball:before {
  content: '\e88e';
}
.rugbyleague .icon-ball:before {
  content: '\e87a';
}
.americanfootball .icon-ball:before {
  content: '\e88b';
}
@-webkit-keyframes loading {
  0% {
    -webkit-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(360deg);
    transform: translate(0, 0) rotate(360deg);
  }
}
@keyframes loading {
  0% {
    -webkit-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(360deg);
    transform: translate(0, 0) rotate(360deg);
  }
}
@media screen and (max-width: 1023px) {
  .is-desktop-only {
    display: none !important;
  }
}
.is-hidden {
  display: none !important;
}
@media screen and (min-width: 1024px) {
  .is-mobile-only {
    display: none !important;
  }
}
.no-scroll {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
[feed-component] .feed-item {
  background: #fff;
  margin-bottom: 16px;
}
[feed-component] .has-image-attached iframe,
[feed-component] .has-image-attached .feed-item-url-preview {
  display: none;
}
[feed-component] #commentcartouche {
  font-size: 0.6875rem;
  color: #5e6675;
  padding: 10px 12px;
}
[feed-component] .timematchinfo {
  font-size: 0.6875rem;
  color: #d61e00;
  padding: 10px 12px;
  display: flex;
}
[feed-component] .timematchinfo img {
  margin-right: 6px;
  display: block;
  width: 12px;
  height: 12px;
}
[feed-component] .nameuser {
  font-weight: bold;
  color: #183dac;
}
[feed-component] .feed-action-message {
  font-size: 0.75rem;
  font-weight: bold;
  letter-spacing: -0.07px;
  text-align: center;
  color: #fff;
  background: #eb6f5b;
  padding: 16px;
  display: block;
  box-sizing: border-box;
  width: 100%;
}
[feed-component] .feed-item-content {
  padding: 12px 12px 0;
  border-top: 1px solid #e9eef5;
  display: flex;
  flex-direction: column;
}
[feed-component] .identity {
  display: flex;
  margin-bottom: 5px;
}
[feed-component] .avatar {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}
[feed-component] .data {
  margin-left: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  flex-grow: 1;
}
[feed-component] .user {
  display: flex;
}
[feed-component] .name {
  font-size: 0.75rem;
  color: #434b5a;
}
[feed-component] .time {
  font-size: 0.625rem;
  color: #9ca7ba;
}
[feed-component] .sportname {
  font-size: 0.4375rem;
  font-weight: bold;
  color: #5e6675;
  text-transform: uppercase;
  margin: 5px 6px 0 0;
}
[feed-component] .sport.icon {
  width: 18px;
  height: 18px;
}
[feed-component] .match {
  padding: 8px 0;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e9eef5;
}
[feed-component] .match .label {
  font-size: 0.75rem;
  color: #171b22;
  flex-grow: 1;
}
[feed-component] .match .team-a .label {
  text-align: right;
  margin-right: 6px;
}
[feed-component] .match .team-b .label {
  margin-left: 6px;
}
[feed-component] .match .team-a,
[feed-component] .match .team-b {
  display: flex;
  align-items: center;
  flex: 1;
}
[feed-component] .match .team-b {
  flex-direction: row-reverse;
}
[feed-component] .match img {
  width: 32px;
  height: 32px;
}
[feed-component] .match .time {
  font-size: 0.9375rem;
  font-weight: 600;
  text-align: center;
  color: #171b22;
  margin: 0 6px;
}
[feed-component] .match + .feed-item-analysis-container {
  margin-top: 25px;
}
[feed-component] .feed-item-analysis-container {
  margin-bottom: 16px;
}
[feed-component] .feed-item-analysis {
  font-size: 0.8125rem;
  line-height: 1rem;
  color: #2c323d;
  white-space: pre-wrap;
}
[feed-component] .feed-item-analysis a {
  color: #a99b77;
}
[feed-component] .feed-item-analysis-hidden {
  overflow: hidden;
  display: -webkit-box;
  /* autoprefixer: ignore next */
  -webkit-line-clamp: 3;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
}
[feed-component] .feed-item-analysis-hidden ~ .show-more-analysis {
  visibility: visible;
}
[feed-component] .show-more-analysis {
  font-size: 0.6875rem;
  text-decoration: underline;
  color: #1a2740;
  margin-left: auto;
  padding: 0;
  display: block;
  visibility: hidden;
  opacity: 0.5;
}
[feed-component] .feed-item-attached-image-container {
  margin-bottom: 16px;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  width: 100%;
  max-height: 400px;
  overflow: hidden;
}
[feed-component] .feed-item-attached-image-container img {
  display: block;
  width: 100%;
  cursor: pointer;
}
[feed-component] .feed-item-url-preview,
[feed-component] iframe {
  margin-bottom: 16px;
}
[feed-component] .match + .pronostics,
[feed-component] .identity + .pronostics {
  margin-top: 12px;
}
[feed-component] .pronostics.hide .pronostic {
  display: none;
}
[feed-component] .pronostics.show .pronostic {
  display: flex;
}
[feed-component] .pronostics [load-less] {
  display: none;
}
[feed-component] .pronostics.show .pronostic_summary,
[feed-component] .pronostics.show [load-more] {
  display: none;
}
[feed-component] .pronostics.show [load-less] {
  display: block;
}
[feed-component] .pronostics {
  display: flex;
  flex-direction: column;
}
[feed-component] .pronostics.show .pronostic {
  display: flex;
}
[feed-component] .pronostics.show [load-more] {
  display: none;
}
[feed-component] .pronostics.show [load-less] {
  display: block;
}
[feed-component] .pronostics.hide .pronostic {
  display: none;
}
[feed-component] .pronostics [load-less] {
  display: none;
}
[feed-component] .pronostic {
  margin: 0 0 1px 0;
}
[feed-component] .pronostic,
[feed-component] .pronostic_summary {
  background: #f4f6fa;
  padding: 15px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
[feed-component] .pronostic .label,
[feed-component] .pronostic_summary .label {
  font-size: 0.625rem;
  line-height: 0.75rem;
  color: #1a2740;
  padding-right: 5px;
}
[feed-component] .pronostic .cote,
[feed-component] .pronostic_summary .cote {
  font-size: 0.625rem;
  color: #7c8699;
  margin-top: 5px;
}
[feed-component] .statusbetGagne,
[feed-component] .statusbetPerdu,
[feed-component] .statusbetEn,
[feed-component] .statusbetRembourse,
[feed-component] .statusbetlost {
  font-size: 0.625rem;
  font-weight: bold;
  color: #fff;
  flex-shrink: 0;
}
[feed-component] .statusbetEn {
  background: #f19133;
}
[feed-component] .pronostics > [load-more] button,
[feed-component] .pronostics > [load-less] button {
  font-size: 0.6875rem;
  font-weight: bold;
  color: #1f2d49;
  margin-top: 12px;
  padding: 8px 0;
  width: 100%;
  border: 1px solid #e9eef5;
  border-radius: 3px;
}
[feed-component] .pronostics ~ .tip-tools {
  margin-top: 5px;
}
[feed-component] .preview-url-mask {
  display: flex;
  justify-content: center;
  align-items: center;
  max-height: 350px;
  overflow: hidden;
}
[feed-component] .tip-tools {
  display: flex;
  justify-content: space-between;
}
[feed-component] .tip-tools button {
  font-size: 0.75rem;
  font-weight: bold;
  color: #7c8699;
  padding: 8px 12px;
}
[feed-component] .tip-tools button:first-child {
  margin-left: -12px;
}
[feed-component] .tip-tools button:last-child {
  margin-right: -12px;
}
[feed-component] .feed-item-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #e9eef5;
  border-bottom: 1px solid #e9eef5;
  position: relative;
}
[feed-component] .button-comment,
[feed-component] .button-like {
  font-size: 0.875rem;
  font-weight: bold;
  color: #9ca7ba;
  padding: 15px;
  display: flex;
  align-items: center;
}
[feed-component] .button-comment img,
[feed-component] .button-like img {
  width: 15px;
  height: 15px;
  margin-right: 10px;
}
[feed-component] .feed-item #likeonimg {
  display: none;
}
[feed-component] .feed-item.feed-item-liked #likeoffimg {
  display: none;
}
[feed-component] .feed-item.feed-item-liked #likeonimg {
  display: inline-block;
}
[feed-component] .button-like img {
  width: 20px;
}
[feed-component] .button-more {
  padding: 14px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  position: absolute;
  top: 0;
  right: 0;
}
[feed-component] .button-more:hover + .overlay {
  display: block;
}
[feed-component] .oval {
  background: #9ca7ba;
  width: 4px;
  height: 4px;
  border-radius: 4px;
}
[feed-component] .overlay {
  background: #fff;
  border: solid 1px #e9eef5;
  display: none;
  position: absolute;
  right: 0;
  top: 100%;
}
[feed-component] .overlay:hover {
  display: block;
}
[feed-component] .overlay a {
  padding: 15px;
  display: block;
  cursor: pointer;
}
[feed-component] .feed-item-comments {
  display: none;
}
[feed-component] .feed-item-comments .comment {
  padding: 0 12px 12px;
}
[feed-component] .feed-item-comments .comment:first-child {
  padding-top: 12px;
}
[feed-component] .feed-item-comments .userlink {
  display: flex;
}
[feed-component] .feed-item-comments .userinfo {
  margin-left: 10px;
}
[feed-component] .feed-item-comments .username {
  font-size: 0.75rem;
  font-weight: bold;
  color: #434b5a;
  margin: 3px 0;
}
[feed-component] .feed-item-comments .since {
  font-size: 0.625rem;
  color: #9ca7ba;
}
[feed-component] .comments-container {
  background: #f5f6fa;
}
[feed-component] .bubblemsg {
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 42px;
}
[feed-component] .bubblemsg p {
  font-size: 0.75rem;
  line-height: 1rem;
  color: #2c323d;
  white-space: pre-wrap;
}
[feed-component] .write-comment {
  margin-top: -1px;
  padding: 12px;
  display: flex;
  align-items: center;
  border-top: solid 1px #e9eef5;
}
[feed-component] .write-comment textarea {
  font-size: 0.75rem;
  padding: 7px;
  border: none;
  width: 100%;
  resize: none;
}
[feed-component] .write-comment .add-image {
  font-size: 1rem;
  color: #1f2d49;
  margin-left: 10px;
}
[feed-component] .write-comment .btnSendComment {
  font-size: 0.75rem;
  font-weight: bold;
  color: #fff;
  background: #233557;
  margin-left: 10px;
  padding: 10px;
}
[feed-component] .image-preview {
  position: relative;
}
[feed-component] .image-preview img {
  display: block;
  width: 100%;
}
[feed-component] .close-button {
  font-size: 0.6875rem;
  color: #fff;
  cursor: pointer;
  padding: 10px;
  box-sizing: initial;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-filter: drop-shadow(0px 0px 1.5px rgba(0, 1, 0, 0.9));
  filter: drop-shadow(0px 0px 1.5px rgba(0, 1, 0, 0.9));
}
[feed-component] .feed-coup-de-genie .coup-de-genie-image {
  display: block;
  width: 100%;
}
[feed-component] .feed-coup-de-genie .feed-item-content {
  background: #1a2740;
  border-top: none;
}
[feed-component] .feed-coup-de-genie .coup-de-genie-phrase {
  font-size: 0.875rem;
  line-height: 1rem;
  color: #fff;
  margin-right: 10px;
}
[feed-component] .feed-coup-de-genie .coup-de-genie-name {
  font-weight: bold;
}
[feed-component] .feed-coup-de-genie .coup-de-genie-cote {
  font-weight: bold;
  color: #a99b77;
}
[feed-component] .feed-coup-de-genie .emojis {
  min-width: 72px;
}
[feed-component] .feed-coup-de-genie .emojis img {
  display: inline-block;
  width: 34px;
  height: 34px;
}
[feed-component] .feed-coup-de-genie .match,
[feed-component] .feed-coup-de-genie .tip-tools {
  border-color: #7c8699;
}
[feed-component] .feed-coup-de-genie .match .label {
  color: #fff;
}
[feed-component] .feed-coup-de-genie .match .time {
  color: #fff;
}
[feed-component] .feed-coup-de-genie .tip-comment {
  color: #fff;
}
[feed-component] .feed-coup-de-genie .pronostic {
  background: #495264;
}
[feed-component] .feed-coup-de-genie .pronostic .label {
  font-size: 0.75rem;
  color: #fff;
}
[feed-component] .feed-coup-de-genie .pronostic .cote {
  color: #fff;
}
[feed-component] .feed-coup-de-genie .feed-item-analysis-container {
  margin: 0;
}
[feed-component] .feed-coup-de-genie .feed-item-analysis {
  color: #fff;
  padding: 16px 0;
}
[feed-component] .feed-coup-de-genie .show-more {
  font-size: 0.6875rem;
  font-weight: bold;
  color: #fff;
  margin: 12px 0;
  padding: 8px 0;
  width: 100%;
  border: 1px solid #586b86;
  border-radius: 3px;
}
[feed-component] .feed-coup-de-genie .pronostics > [load-more] button,
[feed-component] .feed-coup-de-genie .pronostics > [load-less] button {
  color: #fff;
}
[feed-component] .feed-coup-de-genie .like,
[feed-component] .feed-coup-de-genie .comment {
  color: #fff !important;
}
@media screen and (min-width: 1024px) {
  [feed-component] .feed-item {
    border: solid 1px #e9eef5;
  }
  [feed-component] .feed-item-content {
    padding: 25px 25px 0;
  }
  [feed-component] .avatar {
    width: 52px;
    height: 52px;
  }
  [feed-component] .data {
    margin: 5px 0 5px 10px;
  }
  [feed-component] .name {
    font-size: 0.875rem;
  }
  [feed-component] .time {
    font-size: 0.75rem;
  }
  [feed-component] .sportname {
    font-size: 0.5625rem;
  }
  [feed-component] .sport.icon {
    width: 20px;
    height: 20px;
  }
  [feed-component] .match .label {
    font-size: 1.125rem;
  }
  [feed-component] .match img {
    width: 45px;
    height: 45px;
  }
  [feed-component] .match .time {
    font-size: 1.1875rem;
    margin: 0 10px;
  }
  [feed-component] .feed-item-analysis {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  [feed-component] .preview-url-mask {
    max-height: 500px;
  }
  [feed-component] .feed-item-actions {
    padding-left: 10px;
    justify-content: flex-start;
  }
  [feed-component] .feed-item-comments .comment {
    padding: 0 25px 25px;
  }
  [feed-component] .feed-item-comments .comment:first-child {
    padding-top: 25px;
  }
  [feed-component] .feed-item-comments .avatar {
    width: 35px;
    height: 35px;
  }
  [feed-component] .feed-item-comments .username {
    font-size: 0.875rem;
  }
  [feed-component] .feed-item-comments .since {
    font-size: 0.75rem;
  }
  [feed-component] .bubblemsg {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 0;
  }
  [feed-component] .bubblemsg p {
    font-size: 0.875rem;
    line-height: 1.1875rem;
  }
  [feed-component] .write-comment {
    padding: 10px;
  }
  [feed-component] .write-comment textarea {
    padding: 15px;
  }
}
.home .signup-link,
.feed .signup-link {
  background: #fff;
  border: solid 1px #e9eef5;
  margin: 16px 0;
  padding: 25px;
  display: flex;
  align-items: center;
}
.home .signup-link .avatar,
.feed .signup-link .avatar {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
}
.home .signup-link p,
.feed .signup-link p {
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: bold;
  color: #434b5a;
  margin-left: 14px;
}
.home .signup-link button,
.feed .signup-link button {
  font-size: 0.875rem;
  font-weight: bold;
  text-decoration: underline;
  color: #a99b77;
  padding: 0;
}
.home .heading,
.feed .heading {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.home .icon-ranking,
.feed .icon-ranking,
.home .icon-popular,
.feed .icon-popular,
.home .icon-groups,
.feed .icon-groups {
  color: #1a2740;
  margin-right: 5px;
}
.home .icon-ranking,
.feed .icon-ranking {
  font-size: 0.6875rem;
}
.home .icon-popular,
.feed .icon-popular {
  font-size: 0.9375rem;
}
.home .icon-groups,
.feed .icon-groups {
  font-size: 0.8125rem;
}
.home h2,
.feed h2 {
  color: #1a2740;
}
@media screen and (min-width: 1024px) {
  .home .signup-link,
  .feed .signup-link {
    margin: 0 0 16px;
  }
}
header.league {
  margin-top: 45px;
}
header.league.football .container {
  background-image: url('../images/theme/football/bg-match-navigation.jpg');
}
header.league.rugby .container {
  background-image: url('../images/theme/rugby/bg-match-navigation.jpg');
}
header.league.tennis .container {
  background-image: url('../images/theme/tennis/bg-match-navigation.jpg');
}
header.league.basket .container {
  background-image: url('../images/theme/basket/bg-match-navigation.jpg');
}
header.league.handball .container {
  background-image: url('../images/theme/handball/bg-match-navigation.jpg');
}
header.league.volley .container {
  background-image: url('../images/theme/volley/bg-match-navigation.jpg');
}
header.league.hockey .container {
  background-image: url('../images/theme/hockey/bg-match-navigation.jpg');
}
header.league.rugbyleague .container {
  background-image: url('../images/theme/rugbyleague/bg-match-navigation.jpg');
}
header.league.americanfootball .container {
  background-image: url('../images/theme/americanfootball/bg-match-navigation.jpg');
}
header.league.tennis.hard .container {
  background-image: url('../images/theme/tennis/bg-match-navigation-hard.jpg');
}
header.league.tennis.clay .container {
  background-image: url('../images/theme/tennis/bg-match-navigation-clay.jpg');
}
header.league.tennis.grass .container {
  background-image: url('../images/theme/tennis/bg-match-navigation-grass.jpg');
}
header.league .container {
  text-align: center;
  color: #fff;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 30px 0 40px;
  min-height: 155px;
  position: relative;
  box-sizing: border-box;
}
header.league .outcomes-alert-button {
  background: #35425b;
  border: solid 1px #fff;
  border-radius: 8px;
  box-sizing: border-box;
  padding: 6px 12px;
  width: auto;
  height: auto;
}
header.league .outcomes-alert-button span {
  font-size: 0.6875rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  margin-right: 10px;
}
header.league .outcomes-alert-button .icon-bell {
  font-size: 0.875rem;
  color: #fff;
}
header.league .league-name {
  margin-top: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
header.league .league-name img {
  display: block;
  width: 34px;
  height: 34px;
}
header.league .league-name h2 {
  font-size: 2.625rem;
  font-weight: bold;
  letter-spacing: -0.04125rem;
  margin-left: 12px;
}
header.league .country {
  font-size: 1.125rem;
  letter-spacing: -0.020625rem;
  color: #f5f6fa;
  margin-top: 24px;
}
@media screen and (min-width: 1024px) {
  header.league {
    margin-top: 35px;
  }
  header.league .container {
    padding: 30px 0;
    min-height: 210px;
  }
}
.league-agenda-page {
  background: #fff;
}
.league-agenda-page .container {
  padding: 0 12px 30px;
}
.league-agenda-page .loading {
  margin: 0 auto;
  width: 30px;
  height: 30px;
}
.league-agenda-page .league-day-header {
  border-bottom: solid 1px #e9eef5;
  margin-bottom: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.league-agenda-page h3.league-day-title {
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 1.5rem;
  letter-spacing: -0.010625rem;
  text-transform: capitalize;
  color: #171b22;
}
.league-agenda-page .league-day-number {
  font-size: 0.75rem;
  line-height: 1.5rem;
  text-transform: uppercase;
  color: #393f4c;
  opacity: 0.5;
}
.league-agenda-page .league-match-list {
  margin-bottom: 12px;
}
.league-agenda-page .league-match-item {
  margin: 10px 0;
}
.league-agenda-page .league-match-item .match-link {
  text-decoration: none;
  background: #f4f6fa;
  border-radius: 3px;
  display: flex;
  width: 100%;
  /*height: 72px;*/
}
.league-agenda-page .league-match-item .start-date {
  font-size: 0.625rem;
  font-weight: 600;
  letter-spacing: -0.01125rem;
  color: #434b5a;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  flex-shrink: 0;
  position: relative;
}
.league-agenda-page .league-match-item .start-date:after {
  content: '';
  background: #9ca7ba;
  width: 1px;
  height: 32px;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.league-agenda-page .league-match-item .teams {
  padding-left: 12px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  flex-grow: 1;
  max-width: calc(100% - 117px);
}
.league-agenda-page .league-match-item .team {
  margin: 4px 0;
  display: flex;
  align-items: center;
  width: 100%;
}
.league-agenda-page .league-match-item .team-logo {
  display: block;
  width: 22px;
  height: 22px;
}
.league-agenda-page .league-match-item .team-name {
  font-size: 0.75rem;
  line-height: 1.25rem;
  letter-spacing: -0.01375rem;
  color: #171b22;
  margin-left: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0;
}
.league-agenda-page .league-match-item .cotes {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 55px;
  flex-shrink: 0;
  position: relative;
}
.league-agenda-page .league-match-item .cotes:after {
  content: '';
  background: #9ca7ba;
  width: 1px;
  height: 32px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.league-agenda-page .league-match-item .cote,
.league-agenda-page .league-match-item .separator {
  font-size: 0.625rem;
  font-weight: bold;
  line-height: 1rem;
  letter-spacing: -0.01125rem;
  color: #434b5a;
}
.league-agenda-page .league-match-item .separator {
  margin: 0 5px;
}
.league-agenda-page .league-match-item .outcomes-alert-button {
  background: none;
  margin: 0;
  padding: 0;
  justify-content: center;
  width: 40px;
  height: 58px;
  opacity: 0.5;
}
.league-agenda-page .league-match-item .outcomes-alert-button .icon-bell {
  margin-left: 3px;
}
.league-agenda-page .league-match-item .outcomes-alert-button.is-active {
  background: rgba(125, 211, 33, 0.1);
  border-color: #7ed321;
}
.league-agenda-page .league-match-item .outcomes-alert-button.is-active .icon-bell {
  color: #7ed321;
}
@media screen and (min-width: 1024px) {
  .league-agenda-page {
    background: none;
  }
  .league-agenda-page .container {
    background: #fff;
    margin-top: 16px;
    padding: 0;
  }
  .league-agenda-page .loading {
    /*padding: 30px 0;*/
    margin-top: 1px;
  }
  .league-agenda-page .league-day-header {
    margin: 0;
    padding: 12px;
  }
  .league-agenda-page .league-match-list {
    margin: 0;
  }
  .league-agenda-page .league-match-item {
    margin: 0;
  }
  .league-agenda-page .league-match-item .match-link {
    background: none;
    border-bottom: solid 1px #e9eef5;
    border-radius: 0;
    height: 55px;
  }
  .league-agenda-page .league-match-item .start-date {
    font-size: 0.75rem;
    font-weight: bold;
    width: 55px;
  }
  .league-agenda-page .league-match-item .start-date:after {
    height: 23px;
  }
  .league-agenda-page .league-match-item .teams {
    padding: 0;
    flex-direction: row;
    max-width: calc(100% - 185px);
  }
  .league-agenda-page .league-match-item .team {
    margin-left: 30px;
    width: calc(50% - 30px);
  }
  .league-agenda-page .league-match-item .team:first-child {
    margin-left: 0;
    margin-right: 30px;
    flex-direction: row-reverse;
  }
  .league-agenda-page .league-match-item .team:first-child .team-name {
    margin-left: 0;
    margin-right: 10px;
  }
  .league-agenda-page .league-match-item .team-logo {
    width: 24px;
    height: 24px;
  }
  .league-agenda-page .league-match-item .team-name {
    font-size: 0.875rem;
    letter-spacing: -0.015625rem;
    margin-left: 10px;
	margin-bottom:0;
  }
  .league-agenda-page .league-match-item .cotes {
    flex-direction: row;
    width: 130px;
  }
  .league-agenda-page .league-match-item .cote,
  .league-agenda-page .league-match-item .separator {
    font-size: 0.75rem;
  }
  .league-agenda-page .league-match-item .outcomes-alert-button {
    padding: 0 12px;
    justify-content: space-between;
    width: 100px;
    height: 32px;
  }
}
.league-ranking-page {
  background: #fff;
}
.league-ranking-page .loading {
  margin: 0 auto;
  /*padding: 30px 0;*/
  width: 30px;
  height: 30px;
}
.league-ranking-page .filter-container {
  padding: 0 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 48px;
}
.league-ranking-page .filter-container p {
  font-size: 0.75rem;
  font-weight: bold;
  color: #7c8699;
}
.league-ranking-page .filter-container .filter {
  position: relative;
}
.league-ranking-page .filter-container .filter:after {
  content: '';
  background: url('/images/logos/filtre.svg') no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 16px;
  width: 6px;
  height: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.league-ranking-page .filter-container .ranking-filter {
  font-family: 'Open Sans';
  font-size: 0.75rem;
  font-weight: bold;
  color: #434b5a;
  background: none;
  padding: 8px 30px 8px 20px;
  border: solid 1px #434b5a;
  border-radius: 18px;
  text-align: center;
  text-align-last: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
}
.league-ranking-page .filter-container option {
  text-align: left;
}
.league-ranking-page .league-ranking-list-header {
  padding: 12px 4px;
  display: flex;
  align-items: center;
}
.league-ranking-page .league-ranking-header-team-name {
  flex-grow: 1;
}
.league-ranking-page .league-ranking-header-points,
.league-ranking-page .league-ranking-header-day,
.league-ranking-page .league-ranking-header-won,
.league-ranking-page .league-ranking-header-nullity,
.league-ranking-page .league-ranking-header-defeat,
.league-ranking-page .league-ranking-header-score {
  font-size: 0.6875rem;
  font-weight: bold;
  letter-spacing: -0.0125rem;
  text-align: center;
  color: #7c8699;
  width: 26px;
  flex-shrink: 0;
}
.league-ranking-page .league-ranking-item {
  background: #fff;
  border-bottom: solid 0.8px #e9eef5;
  padding: 12px 0;
  display: flex;
  align-items: center;
  transition: background 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.league-ranking-page .league-ranking-item:hover {
  background: #e9eef5;
}
.league-ranking-page .league-ranking-item-rank {
  font-size: 0.6875rem;
  font-weight: bold;
  text-align: center;
  color: #a99b77;
  margin-left: 6px;
  width: 20px;
  flex-shrink: 0;
}
.league-ranking-page .league-ranking-item-team-name {
  display: flex;
  align-items: center;
  flex-grow: 1;
  max-width: calc(100% - 20px - 6px - 26px * 5 - 30px);
}
.league-ranking-page .team-logo {
  display: block;
  width: 20px;
  height: 20px;
}
.league-ranking-page .team-name {
  font-size: 0.6875rem;
  font-weight: bold;
  line-height: 1.25rem;
  letter-spacing: -0.0125rem;
  color: #171b22;
  margin-left: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.league-ranking-page .league-ranking-item-points {
  font-size: 0.6875rem;
  font-weight: bold;
  text-align: center;
  color: #171b22;
}
.league-ranking-page .league-ranking-item-day,
.league-ranking-page .league-ranking-item-won,
.league-ranking-page .league-ranking-item-nullity,
.league-ranking-page .league-ranking-item-defeat,
.league-ranking-page .league-ranking-item-score {
  font-size: 0.6875rem;
  letter-spacing: -0.0125rem;
  text-align: center;
  color: #171b22;
}
.league-ranking-page .league-ranking-item-points,
.league-ranking-page .league-ranking-item-day,
.league-ranking-page .league-ranking-item-won,
.league-ranking-page .league-ranking-item-nullity,
.league-ranking-page .league-ranking-item-defeat,
.league-ranking-page .league-ranking-item-score {
  width: 26px;
  flex-shrink: 0;
}
.league-ranking-page .league-ranking-item-score {
  padding-right: 4px;
}
@media screen and (min-width: 1024px) {
  .league-ranking-page {
    background: none;
  }
  .league-ranking-page [league-ranking] {
    margin-top: 16px;
  }
  .league-ranking-page .league-ranking-header-points,
  .league-ranking-page .league-ranking-header-day,
  .league-ranking-page .league-ranking-header-won,
  .league-ranking-page .league-ranking-header-nullity,
  .league-ranking-page .league-ranking-header-defeat,
  .league-ranking-page .league-ranking-header-score {
    font-size: 0.75rem;
    width: 30px;
  }
  .league-ranking-page .league-ranking-item-rank,
  .league-ranking-page .league-ranking-item-points,
  .league-ranking-page .league-ranking-item-day,
  .league-ranking-page .league-ranking-item-won,
  .league-ranking-page .league-ranking-item-nullity,
  .league-ranking-page .league-ranking-item-defeat,
  .league-ranking-page .league-ranking-item-score {
    font-size: 0.75rem;
    width: 30px;
  }
  .league-ranking-page .league-ranking-item-team-name {
    max-width: calc(100% - 30px - 6px - 30px * 5 - 34px);
  }
  .league-ranking-page .team-name {
    font-size: 0.75rem;
	margin-bottom:0;
  }
}
[data-sport='football'] .listing-match,
[data-sport='rugby'] .listing-match,
[data-sport='tennis'] .listing-match,
[data-sport='basket'] .listing-match,
[data-sport='handball'] .listing-match,
[data-sport='volley'] .listing-match,
[data-sport='hockey'] .listing-match,
[data-sport='rugbyleague'] .listing-match,
[data-sport='americanfootball'] .listing-match {
  background: #fff;
}
[data-sport='football'] .listing-match .loading,
[data-sport='rugby'] .listing-match .loading,
[data-sport='tennis'] .listing-match .loading,
[data-sport='basket'] .listing-match .loading,
[data-sport='handball'] .listing-match .loading,
[data-sport='volley'] .listing-match .loading,
[data-sport='hockey'] .listing-match .loading,
[data-sport='rugbyleague'] .listing-match .loading,
[data-sport='americanfootball'] .listing-match .loading {
  width: 30px;
  height: 30px;
  margin-left: 45%;
}
[data-sport='football'] .listing-match .no-match,
[data-sport='rugby'] .listing-match .no-match,
[data-sport='tennis'] .listing-match .no-match,
[data-sport='basket'] .listing-match .no-match,
[data-sport='handball'] .listing-match .no-match,
[data-sport='volley'] .listing-match .no-match,
[data-sport='hockey'] .listing-match .no-match,
[data-sport='rugbyleague'] .listing-match .no-match,
[data-sport='americanfootball'] .listing-match .no-match {
  text-align: center;
  margin-top: 50px;
}
[data-sport='football'] .listing-match .no-match img,
[data-sport='rugby'] .listing-match .no-match img,
[data-sport='tennis'] .listing-match .no-match img,
[data-sport='basket'] .listing-match .no-match img,
[data-sport='handball'] .listing-match .no-match img,
[data-sport='volley'] .listing-match .no-match img,
[data-sport='hockey'] .listing-match .no-match img,
[data-sport='rugbyleague'] .listing-match .no-match img,
[data-sport='americanfootball'] .listing-match .no-match img {
  margin: 0 auto;
  display: block;
  width: 75px;
  height: 75px;
}
[data-sport='football'] .listing-match .no-match h2,
[data-sport='rugby'] .listing-match .no-match h2,
[data-sport='tennis'] .listing-match .no-match h2,
[data-sport='basket'] .listing-match .no-match h2,
[data-sport='handball'] .listing-match .no-match h2,
[data-sport='volley'] .listing-match .no-match h2,
[data-sport='hockey'] .listing-match .no-match h2,
[data-sport='rugbyleague'] .listing-match .no-match h2,
[data-sport='americanfootball'] .listing-match .no-match h2 {
  font-family: 'Open Sans';
  font-size: 0.9375rem;
  font-weight: bold;
  color: #434b5a;
  margin: 15px 0 0;
}
[data-sport='football'] .listing-match .no-match p,
[data-sport='rugby'] .listing-match .no-match p,
[data-sport='tennis'] .listing-match .no-match p,
[data-sport='basket'] .listing-match .no-match p,
[data-sport='handball'] .listing-match .no-match p,
[data-sport='volley'] .listing-match .no-match p,
[data-sport='hockey'] .listing-match .no-match p,
[data-sport='rugbyleague'] .listing-match .no-match p,
[data-sport='americanfootball'] .listing-match .no-match p {
  font-size: 0.9375rem;
  color: #434b5a;
  margin-top: 5px;
}
[data-sport='football'] .listing-match .heading,
[data-sport='rugby'] .listing-match .heading,
[data-sport='tennis'] .listing-match .heading,
[data-sport='basket'] .listing-match .heading,
[data-sport='handball'] .listing-match .heading,
[data-sport='volley'] .listing-match .heading,
[data-sport='hockey'] .listing-match .heading,
[data-sport='rugbyleague'] .listing-match .heading,
[data-sport='americanfootball'] .listing-match .heading {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
[data-sport='football'] .listing-match .heading .icon,
[data-sport='rugby'] .listing-match .heading .icon,
[data-sport='tennis'] .listing-match .heading .icon,
[data-sport='basket'] .listing-match .heading .icon,
[data-sport='handball'] .listing-match .heading .icon,
[data-sport='volley'] .listing-match .heading .icon,
[data-sport='hockey'] .listing-match .heading .icon,
[data-sport='rugbyleague'] .listing-match .heading .icon,
[data-sport='americanfootball'] .listing-match .heading .icon {
  margin-right: 5px;
}
[data-sport='football'] .listing-match .heading h2,
[data-sport='rugby'] .listing-match .heading h2,
[data-sport='tennis'] .listing-match .heading h2,
[data-sport='basket'] .listing-match .heading h2,
[data-sport='handball'] .listing-match .heading h2,
[data-sport='volley'] .listing-match .heading h2,
[data-sport='hockey'] .listing-match .heading h2,
[data-sport='rugbyleague'] .listing-match .heading h2,
[data-sport='americanfootball'] .listing-match .heading h2 {
  color: #1a2740;
}
[data-sport='football'] .listing-match .icon-popular,
[data-sport='rugby'] .listing-match .icon-popular,
[data-sport='tennis'] .listing-match .icon-popular,
[data-sport='basket'] .listing-match .icon-popular,
[data-sport='handball'] .listing-match .icon-popular,
[data-sport='volley'] .listing-match .icon-popular,
[data-sport='hockey'] .listing-match .icon-popular,
[data-sport='rugbyleague'] .listing-match .icon-popular,
[data-sport='americanfootball'] .listing-match .icon-popular {
  color: #1a2740;
}
[data-sport='football'] .listing-match .icon-popular,
[data-sport='rugby'] .listing-match .icon-popular,
[data-sport='tennis'] .listing-match .icon-popular,
[data-sport='basket'] .listing-match .icon-popular,
[data-sport='handball'] .listing-match .icon-popular,
[data-sport='volley'] .listing-match .icon-popular,
[data-sport='hockey'] .listing-match .icon-popular,
[data-sport='rugbyleague'] .listing-match .icon-popular,
[data-sport='americanfootball'] .listing-match .icon-popular {
  font-size: 0.9375rem;
}
[data-sport='football'] .listing-match .container,
[data-sport='rugby'] .listing-match .container,
[data-sport='tennis'] .listing-match .container,
[data-sport='basket'] .listing-match .container,
[data-sport='handball'] .listing-match .container,
[data-sport='volley'] .listing-match .container,
[data-sport='hockey'] .listing-match .container,
[data-sport='rugbyleague'] .listing-match .container,
[data-sport='americanfootball'] .listing-match .container {
  padding: 14px 14px 50px;
}
[data-sport='football'] .listing-match .scrollview,
[data-sport='rugby'] .listing-match .scrollview,
[data-sport='tennis'] .listing-match .scrollview,
[data-sport='basket'] .listing-match .scrollview,
[data-sport='handball'] .listing-match .scrollview,
[data-sport='volley'] .listing-match .scrollview,
[data-sport='hockey'] .listing-match .scrollview,
[data-sport='rugbyleague'] .listing-match .scrollview,
[data-sport='americanfootball'] .listing-match .scrollview {
  background: #fff;
  padding: 0;
  border-radius: 3px 0 0 3px;
  display: flex;
  justify-content: flex-start;
  flex-grow: 1;
  overflow-x: auto;
  overflow-y: hidden;
}
[data-sport='football'] .listing-match .grid,
[data-sport='rugby'] .listing-match .grid,
[data-sport='tennis'] .listing-match .grid,
[data-sport='basket'] .listing-match .grid,
[data-sport='handball'] .listing-match .grid,
[data-sport='volley'] .listing-match .grid,
[data-sport='hockey'] .listing-match .grid,
[data-sport='rugbyleague'] .listing-match .grid,
[data-sport='americanfootball'] .listing-match .grid {
  padding-top: 10px;
  padding-right: 10px;
  padding-left: 10px;
}
[data-sport='football'] .listing-match .league-header,
[data-sport='rugby'] .listing-match .league-header,
[data-sport='tennis'] .listing-match .league-header,
[data-sport='basket'] .listing-match .league-header,
[data-sport='handball'] .listing-match .league-header,
[data-sport='volley'] .listing-match .league-header,
[data-sport='hockey'] .listing-match .league-header,
[data-sport='rugbyleague'] .listing-match .league-header,
[data-sport='americanfootball'] .listing-match .league-header {
  background: #fff;
  border-top: solid 1px #e9eef5;
  padding: 8px 0;
  display: flex;
  align-items: center;
}
[data-sport='football'] .listing-match .league-header .flag,
[data-sport='rugby'] .listing-match .league-header .flag,
[data-sport='tennis'] .listing-match .league-header .flag,
[data-sport='basket'] .listing-match .league-header .flag,
[data-sport='handball'] .listing-match .league-header .flag,
[data-sport='volley'] .listing-match .league-header .flag,
[data-sport='hockey'] .listing-match .league-header .flag,
[data-sport='rugbyleague'] .listing-match .league-header .flag,
[data-sport='americanfootball'] .listing-match .league-header .flag {
  display: block;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 50px;
}
[data-sport='football'] .listing-match .league-header a,
[data-sport='rugby'] .listing-match .league-header a,
[data-sport='tennis'] .listing-match .league-header a,
[data-sport='basket'] .listing-match .league-header a,
[data-sport='handball'] .listing-match .league-header a,
[data-sport='volley'] .listing-match .league-header a,
[data-sport='hockey'] .listing-match .league-header a,
[data-sport='rugbyleague'] .listing-match .league-header a,
[data-sport='americanfootball'] .listing-match .league-header a,
[data-sport='football'] .listing-match .league-header p,
[data-sport='rugby'] .listing-match .league-header p,
[data-sport='tennis'] .listing-match .league-header p,
[data-sport='basket'] .listing-match .league-header p,
[data-sport='handball'] .listing-match .league-header p,
[data-sport='volley'] .listing-match .league-header p,
[data-sport='hockey'] .listing-match .league-header p,
[data-sport='rugbyleague'] .listing-match .league-header p,
[data-sport='americanfootball'] .listing-match .league-header p {
  font-size: 0.75rem;
  color: #171b22;
  margin: 0;
  margin-left: 7px;
}
[data-sport='football'] .listing-match button[data-action='collapse'],
[data-sport='rugby'] .listing-match button[data-action='collapse'],
[data-sport='tennis'] .listing-match button[data-action='collapse'],
[data-sport='basket'] .listing-match button[data-action='collapse'],
[data-sport='handball'] .listing-match button[data-action='collapse'],
[data-sport='volley'] .listing-match button[data-action='collapse'],
[data-sport='hockey'] .listing-match button[data-action='collapse'],
[data-sport='rugbyleague'] .listing-match button[data-action='collapse'],
[data-sport='americanfootball'] .listing-match button[data-action='collapse'] {
  margin-left: auto;
  padding: 5px 0 5px 5px;
  display: flex;
  align-items: center;
}
[data-sport='football'] .listing-match button[data-action='collapse'] .icon,
[data-sport='rugby'] .listing-match button[data-action='collapse'] .icon,
[data-sport='tennis'] .listing-match button[data-action='collapse'] .icon,
[data-sport='basket'] .listing-match button[data-action='collapse'] .icon,
[data-sport='handball'] .listing-match button[data-action='collapse'] .icon,
[data-sport='volley'] .listing-match button[data-action='collapse'] .icon,
[data-sport='hockey'] .listing-match button[data-action='collapse'] .icon,
[data-sport='rugbyleague'] .listing-match button[data-action='collapse'] .icon,
[data-sport='americanfootball'] .listing-match button[data-action='collapse'] .icon {
  font-size: 0.375rem;
  margin-left: auto;
}
[data-sport='football'] .listing-match .matchs,
[data-sport='rugby'] .listing-match .matchs,
[data-sport='tennis'] .listing-match .matchs,
[data-sport='basket'] .listing-match .matchs,
[data-sport='handball'] .listing-match .matchs,
[data-sport='volley'] .listing-match .matchs,
[data-sport='hockey'] .listing-match .matchs,
[data-sport='rugbyleague'] .listing-match .matchs,
[data-sport='americanfootball'] .listing-match .matchs,
[data-sport='football'] .listing-match .matchs-list,
[data-sport='rugby'] .listing-match .matchs-list,
[data-sport='tennis'] .listing-match .matchs-list,
[data-sport='basket'] .listing-match .matchs-list,
[data-sport='handball'] .listing-match .matchs-list,
[data-sport='volley'] .listing-match .matchs-list,
[data-sport='hockey'] .listing-match .matchs-list,
[data-sport='rugbyleague'] .listing-match .matchs-list,
[data-sport='americanfootball'] .listing-match .matchs-list {
  display: flex;
  flex-direction: column;
  overflow: hidden;

/*  margin-top: 8px;*/
/*margin-bottom: 8px;*/
}
[data-sport='football'] .listing-match .match,
[data-sport='rugby'] .listing-match .match,
[data-sport='tennis'] .listing-match .match,
[data-sport='basket'] .listing-match .match,
[data-sport='handball'] .listing-match .match,
[data-sport='volley'] .listing-match .match,
[data-sport='hockey'] .listing-match .match,
[data-sport='rugbyleague'] .listing-match .match,
[data-sport='americanfootball'] .listing-match .match {
  background: #f4f6fa;
  margin-bottom: 4px;
  border-radius: 3px;
}
[data-sport='football'] .listing-match .match.is-not-started .score,
[data-sport='rugby'] .listing-match .match.is-not-started .score,
[data-sport='tennis'] .listing-match .match.is-not-started .score,
[data-sport='basket'] .listing-match .match.is-not-started .score,
[data-sport='handball'] .listing-match .match.is-not-started .score,
[data-sport='volley'] .listing-match .match.is-not-started .score,
[data-sport='hockey'] .listing-match .match.is-not-started .score,
[data-sport='rugbyleague'] .listing-match .match.is-not-started .score,
[data-sport='americanfootball'] .listing-match .match.is-not-started .score,
[data-sport='football'] .listing-match .match.is-not-started .sets,
[data-sport='rugby'] .listing-match .match.is-not-started .sets,
[data-sport='tennis'] .listing-match .match.is-not-started .sets,
[data-sport='basket'] .listing-match .match.is-not-started .sets,
[data-sport='handball'] .listing-match .match.is-not-started .sets,
[data-sport='volley'] .listing-match .match.is-not-started .sets,
[data-sport='hockey'] .listing-match .match.is-not-started .sets,
[data-sport='rugbyleague'] .listing-match .match.is-not-started .sets,
[data-sport='americanfootball'] .listing-match .match.is-not-started .sets {
  display: none;
}
[data-sport='football'] .listing-match .match.is-ongoing .state,
[data-sport='rugby'] .listing-match .match.is-ongoing .state,
[data-sport='tennis'] .listing-match .match.is-ongoing .state,
[data-sport='basket'] .listing-match .match.is-ongoing .state,
[data-sport='handball'] .listing-match .match.is-ongoing .state,
[data-sport='volley'] .listing-match .match.is-ongoing .state,
[data-sport='hockey'] .listing-match .match.is-ongoing .state,
[data-sport='rugbyleague'] .listing-match .match.is-ongoing .state,
[data-sport='americanfootball'] .listing-match .match.is-ongoing .state,
[data-sport='football'] .listing-match .match.is-ongoing .score,
[data-sport='rugby'] .listing-match .match.is-ongoing .score,
[data-sport='tennis'] .listing-match .match.is-ongoing .score,
[data-sport='basket'] .listing-match .match.is-ongoing .score,
[data-sport='handball'] .listing-match .match.is-ongoing .score,
[data-sport='volley'] .listing-match .match.is-ongoing .score,
[data-sport='hockey'] .listing-match .match.is-ongoing .score,
[data-sport='rugbyleague'] .listing-match .match.is-ongoing .score,
[data-sport='americanfootball'] .listing-match .match.is-ongoing .score {
  color: #d61e00;
}
[data-sport='football'] .listing-match .match.is-ongoing .time,
[data-sport='rugby'] .listing-match .match.is-ongoing .time,
[data-sport='tennis'] .listing-match .match.is-ongoing .time,
[data-sport='basket'] .listing-match .match.is-ongoing .time,
[data-sport='handball'] .listing-match .match.is-ongoing .time,
[data-sport='volley'] .listing-match .match.is-ongoing .time,
[data-sport='hockey'] .listing-match .match.is-ongoing .time,
[data-sport='rugbyleague'] .listing-match .match.is-ongoing .time,
[data-sport='americanfootball'] .listing-match .match.is-ongoing .time,
[data-sport='football'] .listing-match .match.is-ongoing .teams .predictions,
[data-sport='rugby'] .listing-match .match.is-ongoing .teams .predictions,
[data-sport='tennis'] .listing-match .match.is-ongoing .teams .predictions,
[data-sport='basket'] .listing-match .match.is-ongoing .teams .predictions,
[data-sport='handball'] .listing-match .match.is-ongoing .teams .predictions,
[data-sport='volley'] .listing-match .match.is-ongoing .teams .predictions,
[data-sport='hockey'] .listing-match .match.is-ongoing .teams .predictions,
[data-sport='rugbyleague'] .listing-match .match.is-ongoing .teams .predictions,
[data-sport='americanfootball'] .listing-match .match.is-ongoing .teams .predictions {
  display: none;
}
[data-sport='football'] .listing-match .match.is-ended .state,
[data-sport='rugby'] .listing-match .match.is-ended .state,
[data-sport='tennis'] .listing-match .match.is-ended .state,
[data-sport='basket'] .listing-match .match.is-ended .state,
[data-sport='handball'] .listing-match .match.is-ended .state,
[data-sport='volley'] .listing-match .match.is-ended .state,
[data-sport='hockey'] .listing-match .match.is-ended .state,
[data-sport='rugbyleague'] .listing-match .match.is-ended .state,
[data-sport='americanfootball'] .listing-match .match.is-ended .state {
  font-weight: normal;
  color: #9ca7ba;
}
[data-sport='football'] .listing-match .match.is-ended .score,
[data-sport='rugby'] .listing-match .match.is-ended .score,
[data-sport='tennis'] .listing-match .match.is-ended .score,
[data-sport='basket'] .listing-match .match.is-ended .score,
[data-sport='handball'] .listing-match .match.is-ended .score,
[data-sport='volley'] .listing-match .match.is-ended .score,
[data-sport='hockey'] .listing-match .match.is-ended .score,
[data-sport='rugbyleague'] .listing-match .match.is-ended .score,
[data-sport='americanfootball'] .listing-match .match.is-ended .score {
  font-weight: bold;
}
[data-sport='football'] .listing-match .match.is-ended .time,
[data-sport='rugby'] .listing-match .match.is-ended .time,
[data-sport='tennis'] .listing-match .match.is-ended .time,
[data-sport='basket'] .listing-match .match.is-ended .time,
[data-sport='handball'] .listing-match .match.is-ended .time,
[data-sport='volley'] .listing-match .match.is-ended .time,
[data-sport='hockey'] .listing-match .match.is-ended .time,
[data-sport='rugbyleague'] .listing-match .match.is-ended .time,
[data-sport='americanfootball'] .listing-match .match.is-ended .time,
[data-sport='football'] .listing-match .match.is-ended .teams .predictions,
[data-sport='rugby'] .listing-match .match.is-ended .teams .predictions,
[data-sport='tennis'] .listing-match .match.is-ended .teams .predictions,
[data-sport='basket'] .listing-match .match.is-ended .teams .predictions,
[data-sport='handball'] .listing-match .match.is-ended .teams .predictions,
[data-sport='volley'] .listing-match .match.is-ended .teams .predictions,
[data-sport='hockey'] .listing-match .match.is-ended .teams .predictions,
[data-sport='rugbyleague'] .listing-match .match.is-ended .teams .predictions,
[data-sport='americanfootball'] .listing-match .match.is-ended .teams .predictions {
  display: none;
}
[data-sport='football'] .listing-match .match.is-ended .cotes,
[data-sport='rugby'] .listing-match .match.is-ended .cotes,
[data-sport='tennis'] .listing-match .match.is-ended .cotes,
[data-sport='basket'] .listing-match .match.is-ended .cotes,
[data-sport='handball'] .listing-match .match.is-ended .cotes,
[data-sport='volley'] .listing-match .match.is-ended .cotes,
[data-sport='hockey'] .listing-match .match.is-ended .cotes,
[data-sport='rugbyleague'] .listing-match .match.is-ended .cotes,
[data-sport='americanfootball'] .listing-match .match.is-ended .cotes {
  display: none;
}
[data-sport='football'] .listing-match .match.no-prediction .predictions,
[data-sport='rugby'] .listing-match .match.no-prediction .predictions,
[data-sport='tennis'] .listing-match .match.no-prediction .predictions,
[data-sport='basket'] .listing-match .match.no-prediction .predictions,
[data-sport='handball'] .listing-match .match.no-prediction .predictions,
[data-sport='volley'] .listing-match .match.no-prediction .predictions,
[data-sport='hockey'] .listing-match .match.no-prediction .predictions,
[data-sport='rugbyleague'] .listing-match .match.no-prediction .predictions,
[data-sport='americanfootball'] .listing-match .match.no-prediction .predictions {
  color: #d61e00;
}
[data-sport='football'] .listing-match .match.is-ended.no-prediction .predictions,
[data-sport='rugby'] .listing-match .match.is-ended.no-prediction .predictions,
[data-sport='tennis'] .listing-match .match.is-ended.no-prediction .predictions,
[data-sport='basket'] .listing-match .match.is-ended.no-prediction .predictions,
[data-sport='handball'] .listing-match .match.is-ended.no-prediction .predictions,
[data-sport='volley'] .listing-match .match.is-ended.no-prediction .predictions,
[data-sport='hockey'] .listing-match .match.is-ended.no-prediction .predictions,
[data-sport='rugbyleague'] .listing-match .match.is-ended.no-prediction .predictions,
[data-sport='americanfootball'] .listing-match .match.is-ended.no-prediction .predictions {
  visibility: hidden;
}
[data-sport='football'] .listing-match .match a,
[data-sport='rugby'] .listing-match .match a,
[data-sport='tennis'] .listing-match .match a,
[data-sport='basket'] .listing-match .match a,
[data-sport='handball'] .listing-match .match a,
[data-sport='volley'] .listing-match .match a,
[data-sport='hockey'] .listing-match .match a,
[data-sport='rugbyleague'] .listing-match .match a,
[data-sport='americanfootball'] .listing-match .match a {
  text-decoration: none;
  padding: 10px;
  display: flex;
  flex-direction: column;
}
[data-sport='football'] .listing-match .match-header,
[data-sport='rugby'] .listing-match .match-header,
[data-sport='tennis'] .listing-match .match-header,
[data-sport='basket'] .listing-match .match-header,
[data-sport='handball'] .listing-match .match-header,
[data-sport='volley'] .listing-match .match-header,
[data-sport='hockey'] .listing-match .match-header,
[data-sport='rugbyleague'] .listing-match .match-header,
[data-sport='americanfootball'] .listing-match .match-header {
  display: flex;
  justify-content: space-between;
}
[data-sport='football'] .listing-match .state,
[data-sport='rugby'] .listing-match .state,
[data-sport='tennis'] .listing-match .state,
[data-sport='basket'] .listing-match .state,
[data-sport='handball'] .listing-match .state,
[data-sport='volley'] .listing-match .state,
[data-sport='hockey'] .listing-match .state,
[data-sport='rugbyleague'] .listing-match .state,
[data-sport='americanfootball'] .listing-match .state {
  font-size: 0.625rem;
  font-weight: 600;
  color: #434b5a;
}
[data-sport='football'] .listing-match .predictions,
[data-sport='rugby'] .listing-match .predictions,
[data-sport='tennis'] .listing-match .predictions,
[data-sport='basket'] .listing-match .predictions,
[data-sport='handball'] .listing-match .predictions,
[data-sport='volley'] .listing-match .predictions,
[data-sport='hockey'] .listing-match .predictions,
[data-sport='rugbyleague'] .listing-match .predictions,
[data-sport='americanfootball'] .listing-match .predictions {
  font-size: 0.625rem;
  font-weight: 600;
  color: #a99b77;
}
[data-sport='football'] .listing-match .teams,
[data-sport='rugby'] .listing-match .teams,
[data-sport='tennis'] .listing-match .teams,
[data-sport='basket'] .listing-match .teams,
[data-sport='handball'] .listing-match .teams,
[data-sport='volley'] .listing-match .teams,
[data-sport='hockey'] .listing-match .teams,
[data-sport='rugbyleague'] .listing-match .teams,
[data-sport='americanfootball'] .listing-match .teams {
  margin: 5px 0;
  display: flex;
  align-items: center;
}
[data-sport='football'] .listing-match .teams img,
[data-sport='rugby'] .listing-match .teams img,
[data-sport='tennis'] .listing-match .teams img,
[data-sport='basket'] .listing-match .teams img,
[data-sport='handball'] .listing-match .teams img,
[data-sport='volley'] .listing-match .teams img,
[data-sport='hockey'] .listing-match .teams img,
[data-sport='rugbyleague'] .listing-match .teams img,
[data-sport='americanfootball'] .listing-match .teams img {
  width: 32px;
  height: 32px;
}
[data-sport='football'] .listing-match .label,
[data-sport='rugby'] .listing-match .label,
[data-sport='tennis'] .listing-match .label,
[data-sport='basket'] .listing-match .label,
[data-sport='handball'] .listing-match .label,
[data-sport='volley'] .listing-match .label,
[data-sport='hockey'] .listing-match .label,
[data-sport='rugbyleague'] .listing-match .label,
[data-sport='americanfootball'] .listing-match .label {
  font-size: 0.75rem;
  color: #171b22;
  flex-grow: 1;
  font-weight: normal !important;
}
[data-sport='football'] .listing-match .team-a .label,
[data-sport='rugby'] .listing-match .team-a .label,
[data-sport='tennis'] .listing-match .team-a .label,
[data-sport='basket'] .listing-match .team-a .label,
[data-sport='handball'] .listing-match .team-a .label,
[data-sport='volley'] .listing-match .team-a .label,
[data-sport='hockey'] .listing-match .team-a .label,
[data-sport='rugbyleague'] .listing-match .team-a .label,
[data-sport='americanfootball'] .listing-match .team-a .label {
  text-align: right;
  margin-right: 6px;
}
[data-sport='football'] .listing-match .team-b .label,
[data-sport='rugby'] .listing-match .team-b .label,
[data-sport='tennis'] .listing-match .team-b .label,
[data-sport='basket'] .listing-match .team-b .label,
[data-sport='handball'] .listing-match .team-b .label,
[data-sport='volley'] .listing-match .team-b .label,
[data-sport='hockey'] .listing-match .team-b .label,
[data-sport='rugbyleague'] .listing-match .team-b .label,
[data-sport='americanfootball'] .listing-match .team-b .label {
  margin-left: 6px;
}
[data-sport='football'] .listing-match .team-a,
[data-sport='rugby'] .listing-match .team-a,
[data-sport='tennis'] .listing-match .team-a,
[data-sport='basket'] .listing-match .team-a,
[data-sport='handball'] .listing-match .team-a,
[data-sport='volley'] .listing-match .team-a,
[data-sport='hockey'] .listing-match .team-a,
[data-sport='rugbyleague'] .listing-match .team-a,
[data-sport='americanfootball'] .listing-match .team-a,
[data-sport='football'] .listing-match .team-b,
[data-sport='rugby'] .listing-match .team-b,
[data-sport='tennis'] .listing-match .team-b,
[data-sport='basket'] .listing-match .team-b,
[data-sport='handball'] .listing-match .team-b,
[data-sport='volley'] .listing-match .team-b,
[data-sport='hockey'] .listing-match .team-b,
[data-sport='rugbyleague'] .listing-match .team-b,
[data-sport='americanfootball'] .listing-match .team-b {
  display: flex;
  align-items: center;
  flex: 1;
}
[data-sport='football'] .listing-match .team-b,
[data-sport='rugby'] .listing-match .team-b,
[data-sport='tennis'] .listing-match .team-b,
[data-sport='basket'] .listing-match .team-b,
[data-sport='handball'] .listing-match .team-b,
[data-sport='volley'] .listing-match .team-b,
[data-sport='hockey'] .listing-match .team-b,
[data-sport='rugbyleague'] .listing-match .team-b,
[data-sport='americanfootball'] .listing-match .team-b {
  flex-direction: row-reverse;
}
[data-sport='football'] .listing-match .winners .label,
[data-sport='rugby'] .listing-match .winners .label,
[data-sport='tennis'] .listing-match .winners .label,
[data-sport='basket'] .listing-match .winners .label,
[data-sport='handball'] .listing-match .winners .label,
[data-sport='volley'] .listing-match .winners .label,
[data-sport='hockey'] .listing-match .winners .label,
[data-sport='rugbyleague'] .listing-match .winners .label,
[data-sport='americanfootball'] .listing-match .winners .label {
  font-weight: bold;
}
[data-sport='football'] .listing-match .score,
[data-sport='rugby'] .listing-match .score,
[data-sport='tennis'] .listing-match .score,
[data-sport='basket'] .listing-match .score,
[data-sport='handball'] .listing-match .score,
[data-sport='volley'] .listing-match .score,
[data-sport='hockey'] .listing-match .score,
[data-sport='rugbyleague'] .listing-match .score,
[data-sport='americanfootball'] .listing-match .score,
[data-sport='football'] .listing-match .time,
[data-sport='rugby'] .listing-match .time,
[data-sport='tennis'] .listing-match .time,
[data-sport='basket'] .listing-match .time,
[data-sport='handball'] .listing-match .time,
[data-sport='volley'] .listing-match .time,
[data-sport='hockey'] .listing-match .time,
[data-sport='rugbyleague'] .listing-match .time,
[data-sport='americanfootball'] .listing-match .time,
[data-sport='football'] .listing-match .teams .predictions,
[data-sport='rugby'] .listing-match .teams .predictions,
[data-sport='tennis'] .listing-match .teams .predictions,
[data-sport='basket'] .listing-match .teams .predictions,
[data-sport='handball'] .listing-match .teams .predictions,
[data-sport='volley'] .listing-match .teams .predictions,
[data-sport='hockey'] .listing-match .teams .predictions,
[data-sport='rugbyleague'] .listing-match .teams .predictions,
[data-sport='americanfootball'] .listing-match .teams .predictions {
  font-size: 0.9375rem;
  font-weight: 600;
  text-align: center;
  color: #171b22;
  width: 50px;
}
[data-sport='football'] .listing-match .sets,
[data-sport='rugby'] .listing-match .sets,
[data-sport='tennis'] .listing-match .sets,
[data-sport='basket'] .listing-match .sets,
[data-sport='handball'] .listing-match .sets,
[data-sport='volley'] .listing-match .sets,
[data-sport='hockey'] .listing-match .sets,
[data-sport='rugbyleague'] .listing-match .sets,
[data-sport='americanfootball'] .listing-match .sets {
  display: flex;
  flex-direction: column;
  /*justify-content: space-between;*/
  align-items: flex-start;
  flex-shrink: 0;
  width: 125px;
}
[data-sport='football'] .listing-match .home-sets,
[data-sport='rugby'] .listing-match .home-sets,
[data-sport='tennis'] .listing-match .home-sets,
[data-sport='basket'] .listing-match .home-sets,
[data-sport='handball'] .listing-match .home-sets,
[data-sport='volley'] .listing-match .home-sets,
[data-sport='hockey'] .listing-match .home-sets,
[data-sport='rugbyleague'] .listing-match .home-sets,
[data-sport='americanfootball'] .listing-match .home-sets,
[data-sport='football'] .listing-match .away-sets,
[data-sport='rugby'] .listing-match .away-sets,
[data-sport='tennis'] .listing-match .away-sets,
[data-sport='basket'] .listing-match .away-sets,
[data-sport='handball'] .listing-match .away-sets,
[data-sport='volley'] .listing-match .away-sets,
[data-sport='hockey'] .listing-match .away-sets,
[data-sport='rugbyleague'] .listing-match .away-sets,
[data-sport='americanfootball'] .listing-match .away-sets {
  display: flex;
}
[data-sport='football'] .listing-match .set,
[data-sport='rugby'] .listing-match .set,
[data-sport='tennis'] .listing-match .set,
[data-sport='basket'] .listing-match .set,
[data-sport='handball'] .listing-match .set,
[data-sport='volley'] .listing-match .set,
[data-sport='hockey'] .listing-match .set,
[data-sport='rugbyleague'] .listing-match .set,
[data-sport='americanfootball'] .listing-match .set {
  font-size: 0.8125rem;
  font-weight: normal;
  text-align: center;
  color: #7c8699;
  margin-right: 20px;
  position: relative;
}
[data-sport='football'] .listing-match .set span,
[data-sport='rugby'] .listing-match .set span,
[data-sport='tennis'] .listing-match .set span,
[data-sport='basket'] .listing-match .set span,
[data-sport='handball'] .listing-match .set span,
[data-sport='volley'] .listing-match .set span,
[data-sport='hockey'] .listing-match .set span,
[data-sport='rugbyleague'] .listing-match .set span,
[data-sport='americanfootball'] .listing-match .set span {
  font-size: 0.6875rem;
  color: #7c8699;
  margin-left: 2px;
  position: absolute;
  top: -5px;
  left: 8px;
}
[data-sport='football'] .listing-match .cotes,
[data-sport='rugby'] .listing-match .cotes,
[data-sport='tennis'] .listing-match .cotes,
[data-sport='basket'] .listing-match .cotes,
[data-sport='handball'] .listing-match .cotes,
[data-sport='volley'] .listing-match .cotes,
[data-sport='hockey'] .listing-match .cotes,
[data-sport='rugbyleague'] .listing-match .cotes,
[data-sport='americanfootball'] .listing-match .cotes {
  font-size: 0.625rem;
  color: #434b5a;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
[data-sport='football'] .listing-match .cotes .winners,
[data-sport='rugby'] .listing-match .cotes .winners,
[data-sport='tennis'] .listing-match .cotes .winners,
[data-sport='basket'] .listing-match .cotes .winners,
[data-sport='handball'] .listing-match .cotes .winners,
[data-sport='volley'] .listing-match .cotes .winners,
[data-sport='hockey'] .listing-match .cotes .winners,
[data-sport='rugbyleague'] .listing-match .cotes .winners,
[data-sport='americanfootball'] .listing-match .cotes .winners {
  font-weight: bold;
  color: #171b22;
}
[data-sport='football'] .listing-match .separator,
[data-sport='rugby'] .listing-match .separator,
[data-sport='tennis'] .listing-match .separator,
[data-sport='basket'] .listing-match .separator,
[data-sport='handball'] .listing-match .separator,
[data-sport='volley'] .listing-match .separator,
[data-sport='hockey'] .listing-match .separator,
[data-sport='rugbyleague'] .listing-match .separator,
[data-sport='americanfootball'] .listing-match .separator {
  margin: 0 5px;
}
[data-sport='tennis'] .listing-match .match .outcomes-alert-button {
  padding: 0 4px;
  width: 24px;
}
[data-sport='tennis'] .listing-match .match.is-not-started .status {
  display: none;
}
[data-sport='tennis'] .listing-match .match.is-ended .start-time,
[data-sport='tennis'] .listing-match .match.is-ongoing .start-time {
  display: none;
}
[data-sport='tennis'] .listing-match .match.is-ended .match-header .predictions,
[data-sport='tennis'] .listing-match .match.is-ongoing .match-header .predictions {
  display: block;
}
[data-sport='tennis'] .listing-match .match.is-ended .content .predictions,
[data-sport='tennis'] .listing-match .match.is-ongoing .content .predictions {
  display: none;
}
[data-sport='tennis'] .listing-match .match.is-ended .cotes,
[data-sport='tennis'] .listing-match .match.is-ongoing .cotes {
  color: #9ca7ba;
  display: flex;
}
[data-sport='tennis'] .listing-match .match.is-ended.no-prediction .match-header .predictions,
[data-sport='tennis'] .listing-match .match.is-ongoing.no-prediction .match-header .predictions {
  display: none;
}
[data-sport='tennis'] .listing-match .match-header .predictions {
  display: none;
}
[data-sport='tennis'] .listing-match .content {
  background: none;
 /*margin: 12px 0 0;*/
  display: flex;
  /*height: 36px;*/
}
[data-sport='tennis'] .listing-match .content .predictions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-grow: 1;
}
[data-sport='tennis'] .listing-match .cotes,
[data-sport='tennis'] .listing-match .teams {
  font-size: 0.75rem;
  color: #171b22;
  margin: 0 10px 0 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 120px;
}
[data-sport='tennis'] .listing-match .cotes {
  width: auto;
}
[data-sport='tennis'] .listing-match .cotes p {
  line-height: 1rem;
}
[data-sport='tennis'] .listing-match .team-a,
[data-sport='tennis'] .listing-match .team-b {
  line-height: 1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  flex: unset;
  width: 100%;
  overflow: hidden;
}
[data-sport='tennis'] .listing-match .score {
  font-size: 0.8125rem;
  font-weight: normal;
  color: #171b22;
  margin-right: 30px;
  display: flex !important;
  flex-direction: column;
  /*justify-content: space-between;*/
  width: auto;
}
[data-sport='tennis'] .listing-match .winners {
  font-weight: bold;
}
@media screen and (min-width: 1024px) {
  [data-sport='football'] .listing-match,
  [data-sport='rugby'] .listing-match,
  [data-sport='tennis'] .listing-match,
  [data-sport='basket'] .listing-match,
  [data-sport='handball'] .listing-match,
  [data-sport='volley'] .listing-match,
  [data-sport='hockey'] .listing-match,
  [data-sport='rugbyleague'] .listing-match,
  [data-sport='americanfootball'] .listing-match {
    background: none;
  }
  [data-sport='football'] .listing-match .container,
  [data-sport='rugby'] .listing-match .container,
  [data-sport='tennis'] .listing-match .container,
  [data-sport='basket'] .listing-match .container,
  [data-sport='handball'] .listing-match .container,
  [data-sport='volley'] .listing-match .container,
  [data-sport='hockey'] .listing-match .container,
  [data-sport='rugbyleague'] .listing-match .container,
  [data-sport='americanfootball'] .listing-match .container {
    padding: 0 0 60px;
  }
  [data-sport='football'] .listing-match .no-match,
  [data-sport='rugby'] .listing-match .no-match,
  [data-sport='tennis'] .listing-match .no-match,
  [data-sport='basket'] .listing-match .no-match,
  [data-sport='handball'] .listing-match .no-match,
  [data-sport='volley'] .listing-match .no-match,
  [data-sport='hockey'] .listing-match .no-match,
  [data-sport='rugbyleague'] .listing-match .no-match,
  [data-sport='americanfootball'] .listing-match .no-match {
    margin-top: 30px;
  }
  [data-sport='football'] .listing-match .no-match h2,
  [data-sport='rugby'] .listing-match .no-match h2,
  [data-sport='tennis'] .listing-match .no-match h2,
  [data-sport='basket'] .listing-match .no-match h2,
  [data-sport='handball'] .listing-match .no-match h2,
  [data-sport='volley'] .listing-match .no-match h2,
  [data-sport='hockey'] .listing-match .no-match h2,
  [data-sport='rugbyleague'] .listing-match .no-match h2,
  [data-sport='americanfootball'] .listing-match .no-match h2 {
    font-size: 1rem;
  }
  [data-sport='football'] .listing-match .no-match p,
  [data-sport='rugby'] .listing-match .no-match p,
  [data-sport='tennis'] .listing-match .no-match p,
  [data-sport='basket'] .listing-match .no-match p,
  [data-sport='handball'] .listing-match .no-match p,
  [data-sport='volley'] .listing-match .no-match p,
  [data-sport='hockey'] .listing-match .no-match p,
  [data-sport='rugbyleague'] .listing-match .no-match p,
  [data-sport='americanfootball'] .listing-match .no-match p {
    font-size: 1rem;
  }
  [data-sport='football'] .listing-match .scrollview,
  [data-sport='rugby'] .listing-match .scrollview,
  [data-sport='tennis'] .listing-match .scrollview,
  [data-sport='basket'] .listing-match .scrollview,
  [data-sport='handball'] .listing-match .scrollview,
  [data-sport='volley'] .listing-match .scrollview,
  [data-sport='hockey'] .listing-match .scrollview,
  [data-sport='rugbyleague'] .listing-match .scrollview,
  [data-sport='americanfootball'] .listing-match .scrollview {
    border-radius: 0;
  }
  [data-sport='football'] .listing-match .grid,
  [data-sport='rugby'] .listing-match .grid,
  [data-sport='tennis'] .listing-match .grid,
  [data-sport='basket'] .listing-match .grid,
  [data-sport='handball'] .listing-match .grid,
  [data-sport='volley'] .listing-match .grid,
  [data-sport='hockey'] .listing-match .grid,
  [data-sport='rugbyleague'] .listing-match .grid,
  [data-sport='americanfootball'] .listing-match .grid {
    padding-top: 0;
  }
  [data-sport='football'] .listing-match .league,
  [data-sport='rugby'] .listing-match .league,
  [data-sport='tennis'] .listing-match .league,
  [data-sport='basket'] .listing-match .league,
  [data-sport='handball'] .listing-match .league,
  [data-sport='volley'] .listing-match .league,
  [data-sport='hockey'] .listing-match .league,
  [data-sport='rugbyleague'] .listing-match .league,
  [data-sport='americanfootball'] .listing-match .league {
    margin-top: 0;
    margin-bottom: 0;
  }
  [data-sport='football'] .listing-match .league-header,
  [data-sport='rugby'] .listing-match .league-header,
  [data-sport='tennis'] .listing-match .league-header,
  [data-sport='basket'] .listing-match .league-header,
  [data-sport='handball'] .listing-match .league-header,
  [data-sport='volley'] .listing-match .league-header,
  [data-sport='hockey'] .listing-match .league-header,
  [data-sport='rugbyleague'] .listing-match .league-header,
  [data-sport='americanfootball'] .listing-match .league-header {
    padding: 10px;
    border: solid 1px #e9eef5;
    border-bottom: none;
    border-radius: 3px 3px 0 0;
  }
  [data-sport='football'] .listing-match .league-header .flag,
  [data-sport='rugby'] .listing-match .league-header .flag,
  [data-sport='tennis'] .listing-match .league-header .flag,
  [data-sport='basket'] .listing-match .league-header .flag,
  [data-sport='handball'] .listing-match .league-header .flag,
  [data-sport='volley'] .listing-match .league-header .flag,
  [data-sport='hockey'] .listing-match .league-header .flag,
  [data-sport='rugbyleague'] .listing-match .league-header .flag,
  [data-sport='americanfootball'] .listing-match .league-header .flag {
    width: 22px;
    height: 22px;
  }
  [data-sport='football'] .listing-match .league-header a,
  [data-sport='rugby'] .listing-match .league-header a,
  [data-sport='tennis'] .listing-match .league-header a,
  [data-sport='basket'] .listing-match .league-header a,
  [data-sport='handball'] .listing-match .league-header a,
  [data-sport='volley'] .listing-match .league-header a,
  [data-sport='hockey'] .listing-match .league-header a,
  [data-sport='rugbyleague'] .listing-match .league-header a,
  [data-sport='americanfootball'] .listing-match .league-header a,
  [data-sport='football'] .listing-match .league-header p,
  [data-sport='rugby'] .listing-match .league-header p,
  [data-sport='tennis'] .listing-match .league-header p,
  [data-sport='basket'] .listing-match .league-header p,
  [data-sport='handball'] .listing-match .league-header p,
  [data-sport='volley'] .listing-match .league-header p,
  [data-sport='hockey'] .listing-match .league-header p,
  [data-sport='rugbyleague'] .listing-match .league-header p,
  [data-sport='americanfootball'] .listing-match .league-header p {
    font-size: 1rem;
  }
  [data-sport='football'] .listing-match .league-header a,
  [data-sport='rugby'] .listing-match .league-header a,
  [data-sport='tennis'] .listing-match .league-header a,
  [data-sport='basket'] .listing-match .league-header a,
  [data-sport='handball'] .listing-match .league-header a,
  [data-sport='volley'] .listing-match .league-header a,
  [data-sport='hockey'] .listing-match .league-header a,
  [data-sport='rugbyleague'] .listing-match .league-header a,
  [data-sport='americanfootball'] .listing-match .league-header a {
    cursor: pointer;
  }
  [data-sport='football'] .listing-match button[data-action='collapse'] .icon,
  [data-sport='rugby'] .listing-match button[data-action='collapse'] .icon,
  [data-sport='tennis'] .listing-match button[data-action='collapse'] .icon,
  [data-sport='basket'] .listing-match button[data-action='collapse'] .icon,
  [data-sport='handball'] .listing-match button[data-action='collapse'] .icon,
  [data-sport='volley'] .listing-match button[data-action='collapse'] .icon,
  [data-sport='hockey'] .listing-match button[data-action='collapse'] .icon,
  [data-sport='rugbyleague'] .listing-match button[data-action='collapse'] .icon,
  [data-sport='americanfootball'] .listing-match button[data-action='collapse'] .icon {
    font-size: 0.4375rem;
  }
  [data-sport='football'] .listing-match .match,
  [data-sport='rugby'] .listing-match .match,
  [data-sport='tennis'] .listing-match .match,
  [data-sport='basket'] .listing-match .match,
  [data-sport='handball'] .listing-match .match,
  [data-sport='volley'] .listing-match .match,
  [data-sport='hockey'] .listing-match .match,
  [data-sport='rugbyleague'] .listing-match .match,
  [data-sport='americanfootball'] .listing-match .match {
    background: #fff;
    margin-bottom: 0;
    border: solid 1px #e9eef5;
    border-bottom: none;
    border-radius: 0;
  }
  [data-sport='football'] .listing-match .match:last-child,
  [data-sport='rugby'] .listing-match .match:last-child,
  [data-sport='tennis'] .listing-match .match:last-child,
  [data-sport='basket'] .listing-match .match:last-child,
  [data-sport='handball'] .listing-match .match:last-child,
  [data-sport='volley'] .listing-match .match:last-child,
  [data-sport='hockey'] .listing-match .match:last-child,
  [data-sport='rugbyleague'] .listing-match .match:last-child,
  [data-sport='americanfootball'] .listing-match .match:last-child {
    border-radius: 0 0 3px 3px;
  }
  [data-sport='football'] .listing-match .match.is-not-started .status,
  [data-sport='rugby'] .listing-match .match.is-not-started .status,
  [data-sport='tennis'] .listing-match .match.is-not-started .status,
  [data-sport='basket'] .listing-match .match.is-not-started .status,
  [data-sport='handball'] .listing-match .match.is-not-started .status,
  [data-sport='volley'] .listing-match .match.is-not-started .status,
  [data-sport='hockey'] .listing-match .match.is-not-started .status,
  [data-sport='rugbyleague'] .listing-match .match.is-not-started .status,
  [data-sport='americanfootball'] .listing-match .match.is-not-started .status {
    display: none;
  }
  [data-sport='football'] .listing-match .match.is-ongoing .status,
  [data-sport='rugby'] .listing-match .match.is-ongoing .status,
  [data-sport='tennis'] .listing-match .match.is-ongoing .status,
  [data-sport='basket'] .listing-match .match.is-ongoing .status,
  [data-sport='handball'] .listing-match .match.is-ongoing .status,
  [data-sport='volley'] .listing-match .match.is-ongoing .status,
  [data-sport='hockey'] .listing-match .match.is-ongoing .status,
  [data-sport='rugbyleague'] .listing-match .match.is-ongoing .status,
  [data-sport='americanfootball'] .listing-match .match.is-ongoing .status {
    display: block;
    position: relative;
  }
  [data-sport='football'] .listing-match .match.is-ongoing .status:after,
  [data-sport='rugby'] .listing-match .match.is-ongoing .status:after,
  [data-sport='tennis'] .listing-match .match.is-ongoing .status:after,
  [data-sport='basket'] .listing-match .match.is-ongoing .status:after,
  [data-sport='handball'] .listing-match .match.is-ongoing .status:after,
  [data-sport='volley'] .listing-match .match.is-ongoing .status:after,
  [data-sport='hockey'] .listing-match .match.is-ongoing .status:after,
  [data-sport='rugbyleague'] .listing-match .match.is-ongoing .status:after,
  [data-sport='americanfootball'] .listing-match .match.is-ongoing .status:after {
    content: '';
    background: currentColor;
    display: block;
    width: 20px;
    height: 1px;
    position: absolute;
    bottom: -5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-animation: yoyo 0.8s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation: yoyo 0.8s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
  [data-sport='football'] .listing-match .match.is-ongoing .start-time,
  [data-sport='rugby'] .listing-match .match.is-ongoing .start-time,
  [data-sport='tennis'] .listing-match .match.is-ongoing .start-time,
  [data-sport='basket'] .listing-match .match.is-ongoing .start-time,
  [data-sport='handball'] .listing-match .match.is-ongoing .start-time,
  [data-sport='volley'] .listing-match .match.is-ongoing .start-time,
  [data-sport='hockey'] .listing-match .match.is-ongoing .start-time,
  [data-sport='rugbyleague'] .listing-match .match.is-ongoing .start-time,
  [data-sport='americanfootball'] .listing-match .match.is-ongoing .start-time {
    display: none;
  }
  [data-sport='football'] .listing-match .match.is-ongoing .cotes,
  [data-sport='rugby'] .listing-match .match.is-ongoing .cotes,
  [data-sport='tennis'] .listing-match .match.is-ongoing .cotes,
  [data-sport='basket'] .listing-match .match.is-ongoing .cotes,
  [data-sport='handball'] .listing-match .match.is-ongoing .cotes,
  [data-sport='volley'] .listing-match .match.is-ongoing .cotes,
  [data-sport='hockey'] .listing-match .match.is-ongoing .cotes,
  [data-sport='rugbyleague'] .listing-match .match.is-ongoing .cotes,
  [data-sport='americanfootball'] .listing-match .match.is-ongoing .cotes {
    color: #9ca7ba;
  }
  [data-sport='football'] .listing-match .match.is-ended .start-time,
  [data-sport='rugby'] .listing-match .match.is-ended .start-time,
  [data-sport='tennis'] .listing-match .match.is-ended .start-time,
  [data-sport='basket'] .listing-match .match.is-ended .start-time,
  [data-sport='handball'] .listing-match .match.is-ended .start-time,
  [data-sport='volley'] .listing-match .match.is-ended .start-time,
  [data-sport='hockey'] .listing-match .match.is-ended .start-time,
  [data-sport='rugbyleague'] .listing-match .match.is-ended .start-time,
  [data-sport='americanfootball'] .listing-match .match.is-ended .start-time {
    display: none;
  }
  [data-sport='football'] .listing-match .match.is-ended .cotes,
  [data-sport='rugby'] .listing-match .match.is-ended .cotes,
  [data-sport='tennis'] .listing-match .match.is-ended .cotes,
  [data-sport='basket'] .listing-match .match.is-ended .cotes,
  [data-sport='handball'] .listing-match .match.is-ended .cotes,
  [data-sport='volley'] .listing-match .match.is-ended .cotes,
  [data-sport='hockey'] .listing-match .match.is-ended .cotes,
  [data-sport='rugbyleague'] .listing-match .match.is-ended .cotes,
  [data-sport='americanfootball'] .listing-match .match.is-ended .cotes {
    color: #9ca7ba;
    display: flex;
  }
  [data-sport='football'] .listing-match .match a,
  [data-sport='rugby'] .listing-match .match a,
  [data-sport='tennis'] .listing-match .match a,
  [data-sport='basket'] .listing-match .match a,
  [data-sport='handball'] .listing-match .match a,
  [data-sport='volley'] .listing-match .match a,
  [data-sport='hockey'] .listing-match .match a,
  [data-sport='rugbyleague'] .listing-match .match a,
  [data-sport='americanfootball'] .listing-match .match a {
    padding: 10px 0;
    flex-direction: row;
    align-items: center;
    transition: background 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
  [data-sport='football'] .listing-match .match a:hover,
  [data-sport='rugby'] .listing-match .match a:hover,
  [data-sport='tennis'] .listing-match .match a:hover,
  [data-sport='basket'] .listing-match .match a:hover,
  [data-sport='handball'] .listing-match .match a:hover,
  [data-sport='volley'] .listing-match .match a:hover,
  [data-sport='hockey'] .listing-match .match a:hover,
  [data-sport='rugbyleague'] .listing-match .match a:hover,
  [data-sport='americanfootball'] .listing-match .match a:hover {
    background: #f4f6fa;
  }
  [data-sport='football'] .listing-match .match-header,
  [data-sport='rugby'] .listing-match .match-header,
  [data-sport='tennis'] .listing-match .match-header,
  [data-sport='basket'] .listing-match .match-header,
  [data-sport='handball'] .listing-match .match-header,
  [data-sport='volley'] .listing-match .match-header,
  [data-sport='hockey'] .listing-match .match-header,
  [data-sport='rugbyleague'] .listing-match .match-header,
  [data-sport='americanfootball'] .listing-match .match-header {
    text-align: center;
    width: 55px;
    flex-shrink: 0;
    position: relative;
  }
  [data-sport='football'] .listing-match .match-header:after,
  [data-sport='rugby'] .listing-match .match-header:after,
  [data-sport='tennis'] .listing-match .match-header:after,
  [data-sport='basket'] .listing-match .match-header:after,
  [data-sport='handball'] .listing-match .match-header:after,
  [data-sport='volley'] .listing-match .match-header:after,
  [data-sport='hockey'] .listing-match .match-header:after,
  [data-sport='rugbyleague'] .listing-match .match-header:after,
  [data-sport='americanfootball'] .listing-match .match-header:after {
    content: '';
    background: #9ca7ba;
    width: 1px;
    height: 22px;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  [data-sport='football'] .listing-match .state,
  [data-sport='rugby'] .listing-match .state,
  [data-sport='tennis'] .listing-match .state,
  [data-sport='basket'] .listing-match .state,
  [data-sport='handball'] .listing-match .state,
  [data-sport='volley'] .listing-match .state,
  [data-sport='hockey'] .listing-match .state,
  [data-sport='rugbyleague'] .listing-match .state,
  [data-sport='americanfootball'] .listing-match .state {
    font-size: 0.75rem;
    width: 100%;
  }
  [data-sport='football'] .listing-match .teams,
  [data-sport='rugby'] .listing-match .teams,
  [data-sport='tennis'] .listing-match .teams,
  [data-sport='basket'] .listing-match .teams,
  [data-sport='handball'] .listing-match .teams,
  [data-sport='volley'] .listing-match .teams,
  [data-sport='hockey'] .listing-match .teams,
  [data-sport='rugbyleague'] .listing-match .teams,
  [data-sport='americanfootball'] .listing-match .teams {
    flex-grow: 1;
  }
  [data-sport='football'] .listing-match .label,
  [data-sport='rugby'] .listing-match .label,
  [data-sport='tennis'] .listing-match .label,
  [data-sport='basket'] .listing-match .label,
  [data-sport='handball'] .listing-match .label,
  [data-sport='volley'] .listing-match .label,
  [data-sport='hockey'] .listing-match .label,
  [data-sport='rugbyleague'] .listing-match .label,
  [data-sport='americanfootball'] .listing-match .label {
    font-size: 0.875rem;
  }
  [data-sport='football'] .listing-match .team-a .label,
  [data-sport='rugby'] .listing-match .team-a .label,
  [data-sport='tennis'] .listing-match .team-a .label,
  [data-sport='basket'] .listing-match .team-a .label,
  [data-sport='handball'] .listing-match .team-a .label,
  [data-sport='volley'] .listing-match .team-a .label,
  [data-sport='hockey'] .listing-match .team-a .label,
  [data-sport='rugbyleague'] .listing-match .team-a .label,
  [data-sport='americanfootball'] .listing-match .team-a .label {
    margin-right: 18px;
	  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width:1px;
  }
  [data-sport='football'] .listing-match .team-b .label,
  [data-sport='rugby'] .listing-match .team-b .label,
  [data-sport='tennis'] .listing-match .team-b .label,
  [data-sport='basket'] .listing-match .team-b .label,
  [data-sport='handball'] .listing-match .team-b .label,
  [data-sport='volley'] .listing-match .team-b .label,
  [data-sport='hockey'] .listing-match .team-b .label,
  [data-sport='rugbyleague'] .listing-match .team-b .label,
  [data-sport='americanfootball'] .listing-match .team-b .label {
    /* margin-left: 18px;*/
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 50px;
  }
  [data-sport='football'] .listing-match .score,
  [data-sport='rugby'] .listing-match .score,
  [data-sport='tennis'] .listing-match .score,
  [data-sport='basket'] .listing-match .score,
  [data-sport='handball'] .listing-match .score,
  [data-sport='volley'] .listing-match .score,
  [data-sport='hockey'] .listing-match .score,
  [data-sport='rugbyleague'] .listing-match .score,
  [data-sport='americanfootball'] .listing-match .score,
  [data-sport='football'] .listing-match .time,
  [data-sport='rugby'] .listing-match .time,
  [data-sport='tennis'] .listing-match .time,
  [data-sport='basket'] .listing-match .time,
  [data-sport='handball'] .listing-match .time,
  [data-sport='volley'] .listing-match .time,
  [data-sport='hockey'] .listing-match .time,
  [data-sport='rugbyleague'] .listing-match .time,
  [data-sport='americanfootball'] .listing-match .time,
  [data-sport='football'] .listing-match .teams .predictions,
  [data-sport='rugby'] .listing-match .teams .predictions,
  [data-sport='tennis'] .listing-match .teams .predictions,
  [data-sport='basket'] .listing-match .teams .predictions,
  [data-sport='handball'] .listing-match .teams .predictions,
  [data-sport='volley'] .listing-match .teams .predictions,
  [data-sport='hockey'] .listing-match .teams .predictions,
  [data-sport='rugbyleague'] .listing-match .teams .predictions,
  [data-sport='americanfootball'] .listing-match .teams .predictions {
    font-size: 1rem;
    text-align: center;
    margin: 0 20px;
    padding: 7px 0;
    width: 85px;
  }
  [data-sport='football'] .listing-match .teams .predictions,
  [data-sport='rugby'] .listing-match .teams .predictions,
  [data-sport='tennis'] .listing-match .teams .predictions,
  [data-sport='basket'] .listing-match .teams .predictions,
  [data-sport='handball'] .listing-match .teams .predictions,
  [data-sport='volley'] .listing-match .teams .predictions,
  [data-sport='hockey'] .listing-match .teams .predictions,
  [data-sport='rugbyleague'] .listing-match .teams .predictions,
  [data-sport='americanfootball'] .listing-match .teams .predictions {
    font-size: 0.8125rem;
    background: none;
    color: #a99b77;
  }
  [data-sport='football'] .listing-match .set,
  [data-sport='rugby'] .listing-match .set,
  [data-sport='tennis'] .listing-match .set,
  [data-sport='basket'] .listing-match .set,
  [data-sport='handball'] .listing-match .set,
  [data-sport='volley'] .listing-match .set,
  [data-sport='hockey'] .listing-match .set,
  [data-sport='rugbyleague'] .listing-match .set,
  [data-sport='americanfootball'] .listing-match .set {
    margin-right: 25px;
  }
  [data-sport='football'] .listing-match .cotes,
  [data-sport='rugby'] .listing-match .cotes,
  [data-sport='tennis'] .listing-match .cotes,
  [data-sport='basket'] .listing-match .cotes,
  [data-sport='handball'] .listing-match .cotes,
  [data-sport='volley'] .listing-match .cotes,
  [data-sport='hockey'] .listing-match .cotes,
  [data-sport='rugbyleague'] .listing-match .cotes,
  [data-sport='americanfootball'] .listing-match .cotes {
    font-size: 0.75rem;
    justify-content: center;
    width: 125px;
    position: relative;
  }
  [data-sport='football'] .listing-match .cotes:after,
  [data-sport='rugby'] .listing-match .cotes:after,
  [data-sport='tennis'] .listing-match .cotes:after,
  [data-sport='basket'] .listing-match .cotes:after,
  [data-sport='handball'] .listing-match .cotes:after,
  [data-sport='volley'] .listing-match .cotes:after,
  [data-sport='hockey'] .listing-match .cotes:after,
  [data-sport='rugbyleague'] .listing-match .cotes:after,
  [data-sport='americanfootball'] .listing-match .cotes:after {
    content: '';
    background: #9ca7ba;
    width: 1px;
    height: 22px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  [data-sport='tennis'] .listing-match .league-header {
    border-radius: 0;
    border-bottom: none;
  }
  [data-sport='tennis'] .listing-match .match {
    border-bottom: none;
  }
  [data-sport='tennis'] .listing-match .match .outcomes-alert-button {
    padding: 0 8px;
    width: 70px;
  }
  [data-sport='tennis'] .listing-match .match:last-child {
    border-radius: 0;
  }
  [data-sport='tennis'] .listing-match .match.is-not-started .sets {
    display: block;
  }
  [data-sport='tennis'] .listing-match .match.is-ended .content .predictions,
  [data-sport='tennis'] .listing-match .match.is-ongoing .content .predictions {
    display: none;
  }
  [data-sport='tennis'] .listing-match .match.is-ended.no-prediction .content .predictions,
  [data-sport='tennis'] .listing-match .match.is-ongoing.no-prediction .content .predictions {
    display: none;
  }
  [data-sport='tennis'] .listing-match .content {
    margin: 12px 0;
    flex-grow: 1;
  }
  [data-sport='tennis'] .listing-match .teams {
    font-size: 0.8125rem;
    margin: 0 10px 0 20px;
    flex-direction: column;
    flex-grow: unset;
    width: 300px;
  }
  [data-sport='tennis'] .listing-match .team-a,
  [data-sport='tennis'] .listing-match .team-b {
    flex-direction: unset;
  }
  [data-sport='tennis'] .listing-match .score {
    font-size: 1rem;
    background: none;
    padding: 0;
    margin: 0 35px 0 0;
    width: auto;
  }
  [data-sport='tennis'] .listing-match .sets {
    width: auto;
  }
  [data-sport='tennis'] .listing-match .set {
    font-size: 1rem;
  }
  [data-sport='tennis'] .listing-match .set span {
    font-size: 0.75rem;
  }
  [data-sport='tennis'] .listing-match .predictions {
    font-size: 0.8125rem;
    margin-right: 25px;
    flex-grow: unset;
  }
  [data-sport='tennis'] .listing-match .cotes {
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    min-width: 100px;
    max-width: 100px;
    height: 36px;
  }
  [data-sport='tennis'] .listing-match .separator {
    display: none;
  }
}
@-webkit-keyframes yoyo {
  0% {
    -webkit-clip-path: polygon(0 0, 5% 0, 5% 100%, 0 100%);
    clip-path: polygon(0 0, 5% 0, 5% 100%, 0 100%);
  }
  50% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
  100% {
    -webkit-clip-path: polygon(95% 0, 100% 0, 100% 100%, 95% 100%);
    clip-path: polygon(95% 0, 100% 0, 100% 100%, 95% 100%);
  }
}
@keyframes yoyo {
  0% {
    -webkit-clip-path: polygon(0 0, 5% 0, 5% 100%, 0 100%);
    clip-path: polygon(0 0, 5% 0, 5% 100%, 0 100%);
  }
  50% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
  100% {
    -webkit-clip-path: polygon(95% 0, 100% 0, 100% 100%, 95% 100%);
    clip-path: polygon(95% 0, 100% 0, 100% 100%, 95% 100%);
  }
}
header.match {
  margin-top: 45px;
}
header.match.football .container {
  background-image: url('../images/theme/football/bg-match-navigation.jpg');
}
header.match.rugby .container {
  background-image: url('../images/theme/rugby/bg-match-navigation.jpg');
}
header.match.tennis .container {
  background-image: url('../images/theme/tennis/bg-match-navigation.jpg');
}
header.match.basket .container {
  background-image: url('../images/theme/basket/bg-match-navigation.jpg');
}
header.match.handball .container {
  background-image: url('../images/theme/handball/bg-match-navigation.jpg');
}
header.match.volley .container {
  background-image: url('../images/theme/volley/bg-match-navigation.jpg');
}
header.match.hockey .container {
  background-image: url('../images/theme/hockey/bg-match-navigation.jpg');
}
header.match.rugbyleague .container {
  background-image: url('../images/theme/rugbyleague/bg-match-navigation.jpg');
}
header.match.americanfootball .container {
  background-image: url('../images/theme/americanfootball/bg-match-navigation.jpg');
}
header.match.tennis.hard .container {
  background-image: url('../images/theme/tennis/bg-match-navigation-hard.jpg');
}
header.match.tennis.clay .container {
  background-image: url('../images/theme/tennis/bg-match-navigation-clay.jpg');
}
header.match.tennis.grass .container {
  background-image: url('../images/theme/tennis/bg-match-navigation-grass.jpg');
}
header.match .container {
  color: #fff;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 30px 0 40px;
  min-height: 155px;
  position: relative;
  box-sizing: border-box;
}
header.match .outcomes-alert-button {
  background: #35425b;
  border: solid 1px #fff;
  border-radius: 8px;
  box-sizing: border-box;
  margin-top: 10px;
  padding: 6px 12px;
  width: auto;
  height: auto;
}
header.match .outcomes-alert-button span {
  font-size: 0.6875rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  margin-right: 10px;
  display: none;
}
header.match .outcomes-alert-button .icon-bell {
  font-size: 0.875rem;
  color: #fff;
}
header.match .competition {
  font-size: 0.875rem;
  text-align: center;
}
header.match .details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: absolute;
  top: 27%;
  left: 0;
}
header.match .final-score {
  font-size: 1.375rem;
  font-weight: bold;
  width: 50%;
}
header.match .status {
  font-size: 0.9375rem;
  font-weight: bold;
  margin-top: 10px;
}
header.match .sets {
  margin-top: 3px;
}
header.match .sets .name {
  font-size: 0.6875rem;
}
header.match .teams {
  width: 100%;
  padding-bottom: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
}
header.match .team img {
  margin-bottom: 10px;
  width: 50px;
  height: 50px;
}
header.match .team-name {
  font-size: 0.8125rem;
  font-weight: 600;
}
.iframe-container {
  width: 100%;
  height: auto;
  position: relative;
}
.iframe-container .pro-link {
  font-family: 'Open Sans';
  font-size: 0.9375rem;
  font-weight: 600;
  letter-spacing: -0.016875rem;
  text-decoration: none;
  white-space: nowrap;
  color: #fff;
  background: #3971e3;
  border-radius: 3px;
  box-shadow: 0 0 50px 0 rgba(255, 255, 255, 0.5);
  padding: 0 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 44px;
  position: absolute;
  top: 60px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  cursor: pointer;
}
.iframe-container iframe {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  header.match {
    margin-top: 35px;
  }
  header.match .container {
    padding: 30px 0;
    min-height: 210px;
  }
  header.match .outcomes-alert-button span {
    display: block;
  }
  header.match .details {
    top: 35%;
  }
  header.match .teams {
    padding: 30px 0 6px;
  }
  .iframe-container {
    margin-top: 0;
  }
}
[data-page='Résumé du match'] [post-tip] {
  margin-top: -28px;
  margin-bottom: 16px;
}
[data-page='Résumé du match'] .pronosticsmatchposition {
  background: #1f2d49;
  padding: 15px;
}
[data-page='Résumé du match'] .pronosticsmatchposition header {
  display: flex;
  align-items: center;
}
[data-page='Résumé du match'] .pronosticsmatchposition .icon {
  width: 17px;
  height: 17px;
}
[data-page='Résumé du match'] .pronosticsmatchposition h2 {
  font-size: 0.875rem;
  font-weight: bold;
  color: #fff;
  margin-left: 5px;
}
[data-page='Résumé du match'] .pronosticsmatchposition ul {
  margin-top: 10px;
}
[data-page='Résumé du match'] .pronosticsmatchposition li:not(:last-child) {
  margin-bottom: 2px;
}
[data-page='Résumé du match'] .pronosticsmatchposition .topoutcome {
  background: #f4f6fa;
  padding: 10px;
  border-radius: 3px;
  display: flex;
  align-items: center;
}
[data-page='Résumé du match'] .pronosticsmatchposition .outcome .label {
  font-size: 0.75rem;
  font-weight: bold;
  color: #1a2740;
}
[data-page='Résumé du match'] .pronosticsmatchposition .outcome .cote {
  font-size: 0.75rem;
  color: #7c8699;
  margin-top: 3px;
}
[data-page='Résumé du match'] .pronosticsmatchposition .followers-list {
  margin-top: 0;
  margin-left: auto;
  display: flex;
}
[data-page='Résumé du match'] .pronosticsmatchposition .followers-list li {
  margin: 0;
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  border: solid 2px #f4f6fa;
  border-radius: 50%;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}
[data-page='Résumé du match'] .pronosticsmatchposition .followers-list li:not(:first-child) {
  margin-left: -10px;
}
[data-page='Résumé du match'] .pronosticsmatchposition .followers-list .avatar {
  width: 100%;
  height: 100%;
}
[data-page='Résumé du match'] .pronosticsmatchposition .followers-list .circle {
  background: #263752;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
[data-page='Résumé du match'] .pronosticsmatchposition .followers-list .circle p {
  font-size: 0.625rem;
  font-weight: bold;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  [data-page='Résumé du match'] [post-tip],
  [data-page='A toi de jouer'] [post-tip],
  [data-page='Tête à tête'] [post-tip] {
    margin-top: 0;
  }
}
[match-composition-component] .wrapper .teams {
  white-space: nowrap;
  display: flex;
  position: relative;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
[match-composition-component] .wrapper .team {
  flex-shrink: 0;
}
aside.match .bet-button,
aside.match .add-to-bk-button {
  font-family: 'Open Sans';
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.25rem;
  letter-spacing: -0.01875rem;
  text-decoration: none;
  color: #fff;
  background: #4187ff;
  border-radius: 8px;
  margin-bottom: 16px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
}
aside.match .add-to-bk-button {
  background: none;
  color: #35425b;
  border: solid 2px #79879e;
  margin-bottom: 14px;
}
aside.match .outcomes-comparator {
  background: #fff;
  border: solid 1px #e9eef5;
  box-sizing: border-box;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 270px;
}
aside.match .outcomes-comparator .outcomes-alert-button {
  font-size: 0.6875rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  background: #35425b;
  border: none;
  border-radius: 8px;
  width: 115px;
}
aside.match .outcomes-comparator .outcomes-alert-button .icon-bell {
  color: #fff;
}
.account-alerts-section .content {
  background: #fff;
  margin-top: 45px;
}
.account-alerts-section .loading {
  margin: 0 auto;
  padding: 30px 0;
  width: 30px;
  height: 30px;
}
.account-alerts-section .heading {
  background: #e1e5eb;
  padding: 12px;
  display: flex;
  align-items: center;
}
.account-alerts-section .heading h2 {
  font-size: 0.75rem;
  font-weight: bold;
  letter-spacing: -0.013125rem;
  color: #171b22;
}
.account-alerts-section .heading .icon {
  display: none;
}
.account-alerts-section .alerts-list-header {
  display: flex;
  align-items: center;
  width: 100%;
  height: 32px;
}
.account-alerts-section .alerts-list-header p {
  font-size: 0.75rem;
  line-height: 1.875rem;
  letter-spacing: -0.01375rem;
  color: #171b22;
  box-sizing: border-box;
  padding: 0 10px;
  opacity: 0.5;
}
.account-alerts-section .alerts-list-header .alerts-list-header-state {
  width: 40px;
  flex-shrink: 0;
}
.account-alerts-section .alerts-list-header .alerts-list-header-sport {
  width: 50px;
  flex-shrink: 0;
}
.account-alerts-section .alerts-list-header .alerts-list-header-alert {
  flex-grow: 1;
}
.account-alerts-section .alerts-list-header .alerts-list-header-description {
  flex-grow: 1;
}
.account-alerts-section .alerts-list-item {
  margin: 1px 0;
  width: 100%;
}
.account-alerts-section .alerts-list-item a {
  background: #f4f6fa;
  display: flex;
  width: 100%;
  padding: 10px 0;
}
.account-alerts-section .alerts-list-item .state-container {
  box-sizing: border-box;
  padding: 0 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  flex-shrink: 0;
}
.account-alerts-section .alerts-list-item .state {
  background: #ff836f;
  border-radius: 10px;
  display: block;
  width: 10px;
  height: 10px;
}
.account-alerts-section .alerts-list-item .state.is-active {
  background: #37d8a9;
}
.account-alerts-section .alerts-list-item .sport-container {
  box-sizing: border-box;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  flex-shrink: 0;
}
.account-alerts-section .alerts-list-item .sport-container i.icon {
  font-size: 1.375rem;
  color: #a2afc2;
  display: none;
}
.account-alerts-section .alerts-list-item .sport-container.football i.icon-football {
  display: block;
}
.account-alerts-section .alerts-list-item .sport-container.rugby i.icon-rugby {
  display: block;
}
.account-alerts-section .alerts-list-item .sport-container.tennis i.icon-tennis {
  display: block;
}
.account-alerts-section .alerts-list-item .sport-container.basket i.icon-basket {
  display: block;
}
.account-alerts-section .alerts-list-item .sport-container.handball i.icon-handball {
  display: block;
}
.account-alerts-section .alerts-list-item .sport-container.volley i.icon-volley {
  display: block;
}
.account-alerts-section .alerts-list-item .sport-container.hockey i.icon-hockey {
  font-size: 0.9375rem;
  display: block;
}
.account-alerts-section .alerts-list-item .sport-container.rugbyleague i.icon-rugbyleague {
  display: block;
}
.account-alerts-section .alerts-list-item .sport-container.americanfootball i.icon-americanfootball {
  display: block;
}
.account-alerts-section .alerts-list-item .match-container {
  box-sizing: border-box;
  padding: 0 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
  overflow: hidden;
}
.account-alerts-section .alerts-list-item .match-title {
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 0.9375rem;
  letter-spacing: -0.013125rem;
  color: #171b22;
}
.account-alerts-section .alerts-list-item .match-bookmakers {
  font-size: 0.625rem;
  line-height: 0.875rem;
  letter-spacing: -0.01125rem;
  text-transform: uppercase;
  color: #434b5a;
}
.account-alerts-section .alerts-list-item .match-title,
.account-alerts-section .alerts-list-item .match-bookmakers {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.account-alerts-section .alerts-list-item .description-container {
  box-sizing: border-box;
  padding: 0 10px;
  display: flex;
  align-items: center;
  flex-grow: 1;
  overflow: hidden;
}
.account-alerts-section .alerts-list-item .description {
  font-size: 0.75rem;
  line-height: 2.5rem;
  letter-spacing: -0.01375rem;
  color: #171b22;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-grow: 1;
}
.account-alerts-section .alerts-list-item .actions-container {
  padding: 0 10px;
  display: flex;
  justify-content: space-between;
  width: 70px;
  flex-shrink: 0;
}
.account-alerts-section .alerts-list-item button {
  background: none;
  border: solid 1px #9ca7ba;
  border-radius: 3px;
  padding-top: 5px;
  width: 32px;
  height: 32px;
}
.account-alerts-section .alerts-list-item .icon-edit-thin,
.account-alerts-section .alerts-list-item .icon-delete {
  font-size: 1rem;
  color: #9ca7ba;
}
@media screen and (min-width: 1024px) {
  .account-alerts-section {
    margin-top: 0;
  }
  .account-alerts-section .content {
    background: none;
    margin: 0;
  }
  .account-alerts-section .heading {
    background: none;
    padding: 16px 0;
  }
  .account-alerts-section .heading h2 {
    font-size: 1.125rem;
    font-weight: bold;
    letter-spacing: -0.020625rem;
    color: #1a2740;
  }
  .account-alerts-section .heading .icon {
    font-size: 0.875rem;
    color: #1a2740;
    margin-top: 2px;
    margin-right: 5px;
    display: block;
  }
  .account-alerts-section .leagues-alerts-list,
  .account-alerts-section .matchs-alerts-list {
    background: #fff;
  }
  .account-alerts-section .alerts-list-header {
    background: #fff;
  }
  .account-alerts-section .alerts-list-header .alerts-list-header-alert {
    max-width: 245px;
  }
  .account-alerts-section .alerts-list-item a {
    padding: 12px 0;
  }
  .account-alerts-section .alerts-list-item .match-container {
    max-width: 245px;
    flex-shrink: 0;
  }
  .account-alerts-section .bookmakers-list-section {
    background: #fff;
  }
  .account-alerts-section .bookmakers-list-item {
    border-top: solid 1px #e9eef5;
    box-sizing: border-box;
    padding: 0 14px;
    display: flex;
    align-items: center;
    width: 100%;
    height: 44px;
    overflow: hidden;
  }
  .account-alerts-section .bookmakers-list-item .bookmaker-logo {
    border-radius: 7px;
    display: block;
    width: 72px;
    height: 24px;
    flex-shrink: 0;
  }
  .account-alerts-section .bookmakers-list-item .bookmaker-name {
    font-size: 0.875rem;
    font-weight: 600;
    color: #35425b;
    margin-left: 8px;
    flex-grow: 1;
  }
}
.account-close {
  margin-top: 45px;
}
.account-close h2 {
  font-size: 1.125rem;
  font-weight: bold;
  color: #233557;
}
.account-close h3 {
  font-size: 0.875rem;
  font-weight: bold;
  color: #000;
}
.account-close h3:not(:first-of-type) {
  margin-top: 40px;
}
.account-close header,
.account-close section {
  padding: 12px;
}
.account-close .form-radio {
  margin: 12px 0;
}
.account-close textarea {
  font-size: 0.875rem;
  color: #1a2740;
  padding: 12px;
  width: 100%;
  resize: vertical;
}
.account-close .submit,
.account-close .cancel {
  font-size: 0.875rem;
  font-weight: 700;
  color: #fff;
  background-color: #233557;
  border-radius: 3px;
  box-sizing: border-box;
  padding: 12px 14px;
  display: inline-block;
  min-width: 212px;
  width: 70%;
}
.account-close .cancel {
  background-color: #d4dae6;
  color: #233557;
}
@media screen and (min-width: 1024px) {
  .account-close {
    margin-top: 0;
  }
  .account-close h2 {
    font-size: 1.75rem;
  }
  .account-close h3 {
    font-size: 1.125rem;
  }
  .account-close header {
    padding: 0;
    padding-bottom: 25px;
  }
  .account-close section {
    padding: 25px 0;
  }
  .account-close .submit,
  .account-close .cancel {
    margin-right: 12px;
    width: auto;
  }
}
.account {
  width: 100%;
  border: 0;
  display: block;
}
.account .container {
  color: #fff;
  background: #1f2d49;
  padding: 30px;
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
  box-sizing: border-box;
}
.account .container:before {
  content: '';
  background: linear-gradient(to right, #fff, transparent);
  display: block;
  width: 100%;
  height: 26vh;
  opacity: 0.2;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-clip-path: polygon(0 0%, 100% 0, 100% 50%, 0% 100%);
  clip-path: polygon(0 0%, 100% 0, 100% 50%, 0% 100%);
}
.account .gold-corner {
  background: #a79b7b;
  width: 100%;
  height: 13vh;
  position: absolute;
  top: -5vh;
  left: 0;
  -webkit-clip-path: polygon(0 0%, 100% 0, 100% 0%, 0% 100%);
  clip-path: polygon(0 0%, 100% 0, 100% 0%, 0% 100%);
}
.account header {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  z-index: 1;
}
.account .user-info,
.account .description,
.account .stats,
.account .favorite-sports-list {
  display: flex;
}
.account .user-info {
  align-items: flex-end;
}
.account .user-info .edit-button {
  font-size: 0.875rem;
  color: #fff;
  padding: 0;
  width: 30px;
}
.account .user-info .icon-spinner {
  margin: 0 auto;
  width: 10px;
  height: 10px;
}
.account .user-info .icon-spinner:after {
  border-color: #fff;
  border-top-color: transparent;
}
.account .user-info .avatar {
  width: 60px;
  height: 60px;
  flex-shrink: 0;
}
.account .description {
  margin-left: 20px;
  flex-direction: column;
  flex-grow: 1;
}
.account .user-name {
  display: flex;
  align-items: baseline;
}
.account .user-name.is-loading {
  align-items: center;
}
.account .user-name span,
.account .user-name input.edit-user-name {
  font-family: 'Open Sans';
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.4375rem;
  color: #fff;
  letter-spacing: -0.031875rem;
  border: none;
  border-bottom: solid 1px transparent;
  background: none;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
}
.account .user-name input.edit-user-name {
  border-color: #e9eef5;
  width: 100%;
  max-width: 255px;
}
.account .social {
  margin: 10px 0 5px;
  display: flex;
}
.account .followers,
.account .followings {
  padding: 0;
}
.account .followers span,
.account .followings span,
.account .tips span {
  font-size: 0.625rem;
  color: #7c8699;
  text-transform: uppercase;
}
.account .followers,
.account .tips {
  margin-right: 20px;
}
.account .tips {
  display: none;
}
.account span.numbers {
  font-size: 0.75rem;
  font-weight: bold;
  color: #fff;
  margin-right: 2px;
}
.account .account-section-header {
  margin-top: 15px;
}
.account .account-section-header:last-child {
  margin-bottom: 25px;
}
.account .account-section-header-title {
  display: flex;
  align-items: center;
}
.account .account-section-header-title .edit-button {
  font-size: 0.875rem;
  color: #fff;
  margin-left: 10px;
  padding: 0;
}
.account .account-section-header-title p {
  font-size: 0.625rem;
  font-weight: bold;
  color: #eceff4;
}
.account .account-section-header-line {
  background: #fff;
  margin-left: 15px;
  flex-grow: 1;
  height: 1px;
  opacity: 0.2;
}
.account .favorite-sports-list {
  justify-content: space-around;
  margin-top: 15px;
}
.account .favorite-sports-list li {
  text-align: center;
}
.account .no-tips .favorite-sport-tips {
  color: #d61e00;
}
.account .favorite-sport-image {
  margin: 0 auto;
  width: 28px;
  height: 28px;
  display: block;
}
.account .favorite-sport-name {
  font-size: 0.75rem;
  font-weight: bold;
  color: #9ca7ba;
  margin-top: 10px;
}
.account .favorite-sport-tips {
  font-size: 0.625rem;
  color: #fff;
}
.account .account-user-bio {
  white-space: pre-wrap;
}
.account .account-user-bio,
.account textarea.edit-user-bio {
  font-family: 'Open Sans';
  font-size: 0.8125rem;
  line-height: 1rem;
  letter-spacing: -0.01875rem;
  text-align: justify;
  color: #fff;
  background: none;
  margin-top: 15px;
  padding: 0;
  border: none;
  box-sizing: border-box;
  width: 100%;
  resize: none;
  outline: none;
}
.account .account-user-bio.collapsed,
.account textarea.edit-user-bio.collapsed {
  text-overflow: ellipsis;
  line-height: 1rem;
  display: -webkit-box;
  max-height: 48px;
  overflow: hidden;
  -webkit-line-clamp: 3;
}
.account .account-section-header .show-more {
  font-size: 0.6875rem;
  font-weight: bold;
  text-align: right;
  color: #fff;
  margin: 5px 0 5px auto;
  padding: 0;
  display: block;
}
.account .account-links-list {
  margin-top: 15px;
}
.account .account-links-list .edit-button {
  margin-left: 10px;
  padding: 0;
}
.account .account-links-list .icon-edit,
.account .account-links-list .icon-check {
  font-size: 1rem;
  color: #fff;
}
.account .account-links-list .icon-spinner {
  color: #fff;
  width: 16px;
  height: 16px;
}
.account .account-links-list li {
  margin: 10px 0;
  display: flex;
  align-items: center;
}
.account .account-links-list li .icon-web {
  font-size: 1.25rem;
  margin-right: 10px;
}
.account .account-links-link {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.account .account-links-link,
.account .edit-website {
  font-size: 0.8125rem;
  font-weight: bold;
  letter-spacing: -0.01875rem;
  line-height: 1rem;
  color: #fff;
  background: none;
  outline: none;
  border: none;
  padding: 0;
  flex-grow: 1;
}
.account .account-groups-links {
  font-size: 0.9375rem;
  font-weight: bold;
  line-height: 1.25rem;
  margin-top: 15px;
}
.account .account-groups-links a {
  line-height: 1.5rem;
  display: inline-block;
}
.account .account-groups-links a:not(:last-child) {
  margin-right: 4px;
}
.account .content {
  display: flex;
  width: 300%;
  transition: -webkit-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.account .content.show-stats {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}
.account .content.show-activity {
  -webkit-transform: translateX(calc(-100% / 3));
  transform: translateX(calc(-100% / 3));
}
.account .content.show-history {
  -webkit-transform: translateX(calc(-100% / 3 * 2));
  transform: translateX(calc(-100% / 3 * 2));
}
.account .content article {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .account .container {
    color: #1a2740;
    background: #fff;
    border: solid 1px #e9eef5;
  }
  .account .container:before {
    display: none;
  }
  .account .gold-corner,
  .account .nav {
    display: none;
  }
  .account header {
    margin-top: 0;
    z-index: unset;
  }
  .account .user-info {
    align-items: flex-start;
  }
  .account .user-info .edit-button {
    font-size: 1.125rem;
    color: #9ca7ba;
    width: 40px;
  }
  .account .user-info .icon-spinner {
    width: 20px;
    height: 20px;
  }
  .account .user-info .icon-spinner:after {
    border-color: #9ca7ba;
    border-top-color: transparent;
  }
  .account .user-info .avatar {
    width: 72px;
    height: 72px;
  }
  .account .user-name span,
  .account .user-name input.edit-user-name {
    font-size: 1.75rem;
    line-height: 2.375rem;
    color: #1f2d49;
  }
  .account .social {
    margin: 5px 0;
  }
  .account .followers span,
  .account .followings span,
  .account .tips span {
    font-size: 0.875rem;
    text-transform: capitalize;
  }
  .account .tips {
    display: block;
  }
  .account .member-since {
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.0625rem;
    color: #7c8699;
  }
  .account span.numbers {
    font-size: 0.875rem;
    color: #7c8699;
  }
  .account .actions {
    display: flex;
    height: 30px;
    flex-shrink: 0;
  }
  .account .actions .message-button {
    font-size: 1.125rem;
    color: #fff;
    background: #1f2d49;
    border-radius: 3px;
    padding: 4px 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 42px;
    height: 100%;
  }
  .account .actions .follow-button,
  .account .actions .unfollow-button {
    font-size: 0.875rem;
    font-weight: bold;
    color: #596374;
    background: #e9eef5;
    border-radius: 3px;
    margin-left: 10px;
    padding: 0 10px;
    height: 100%;
  }
  .account .actions .follow-button span,
  .account .actions .unfollow-button span {
    text-transform: initial;
  }
  .account .actions .unfollow-button {
    color: #fff;
    background: #1f2d49;
    display: none;
  }
  .account .actions .icon-add-friend,
  .account .actions .icon-remove-friend,
  .account .actions .icon-spinner {
    margin-right: 5px;
  }
  .account .follow-actions .unfollow-button .icon-remove-friend,
  .account .follow-actions .unfollow-button .icon-spinner {
    margin: 0;
  }
  .account .account-navigation {
    border-top: none;
  }
  .account [data-nav='show-stats'] {
    text-align: right;
  }
  .account [data-nav='show-history'] {
    text-align: left;
  }
  .account .content {
    margin-top: 50px;
    display: block;
    width: 100%;
    -webkit-transform: none;
    transform: none;
    transition: none;
  }
  .account .content .account-stats-section,
  .account .content .account-activity-section,
  .account .content .account-history-section {
    display: none;
  }
  .account .content.show-stats {
    -webkit-transform: none;
    transform: none;
  }
  .account .content.show-stats .account-stats-section {
    display: block;
  }
  .account .content.show-activity {
    -webkit-transform: none;
    transform: none;
  }
  .account .content.show-activity .account-activity-section {
    display: block;
  }
  .account .content.show-history {
    -webkit-transform: none;
    transform: none;
  }
  .account .content.show-history .account-history-section {
    display: block;
  }
  aside.account .heading {
    margin-bottom: 12px;
    display: flex;
    align-items: center;
  }
  aside.account .heading .edit-button {
    font-size: 1rem;
    color: #1a2740;
    margin-left: 10px;
    padding: 0;
  }
  aside.account .heading .icon-spinner {
    width: 22px;
    height: 22px;
  }
  aside.account .about-me,
  aside.account .favorite-sports,
  aside.account .groups {
    background: #fff;
    border: solid 1px #e9eef5;
    margin-bottom: 20px;
  }
  aside.account .account-user-bio,
  aside.account textarea.edit-user-bio {
    font-size: 0.875rem;
    line-height: 1.1875rem;
    color: #434b5a;
    margin: 0;
    padding: 10px;
    resize: vertical;
  }
  aside.account .account-links-list {
    border-top: solid 1px #e9eef5;
    margin-top: 5px;
  }
  aside.account .account-links-list .edit-button {
    padding: 0;
  }
  aside.account .account-links-list .icon-edit,
  aside.account .account-links-list .icon-check {
    font-size: 1rem;
    color: #233354;
  }
  aside.account .account-links-list .icon-spinner {
    color: #233354;
    width: 16px;
    height: 16px;
  }
  aside.account .account-links-list li {
    margin: 0;
    padding: 12px 10px;
  }
  aside.account .account-links-link,
  aside.account .edit-website {
    font-size: 0.875rem;
    color: #233354;
  }
  aside.account .favorite-sports-list {
    flex-direction: column;
    margin: 0;
  }
  aside.account .favorite-sports-list li {
    text-align: left;
    padding: 15px 20px;
    display: flex;
    align-items: center;
  }
  aside.account .favorite-sport-image {
    margin: 0;
    width: 38px;
    height: 38px;
  }
  aside.account .favorite-sport-details {
    margin-left: 20px;
  }
  aside.account .favorite-sport-name {
    font-size: 1rem;
    font-weight: bold;
    color: #263752;
    margin: 0;
  }
  aside.account .favorite-sport-tips {
    font-size: 0.875rem;
    line-height: 1.1875rem;
    color: #263752;
  }
  aside.account .groups-list {
    list-style: none;
  }
  aside.account .group {
    padding: 20px 15px;
    display: flex;
    align-items: center;
  }
  aside.account .group-content {
    display: flex;
    flex-direction: column;
  }
  aside.account .group .avatar {
    width: 50px;
    height: 50px;
  }
  aside.account .group-title-name {
    font-size: 0.9375rem;
    font-weight: bold;
    color: #434b5a;
  }
  aside.account .group-title-members {
    font-size: 0.75rem;
    font-weight: normal;
    color: #000;
    margin-top: 5px;
  }
  aside.account .group-description {
    font-size: 0.75rem;
    line-height: 1rem;
    color: #7c8699;
    margin-left: 15px;
    margin-top: 4px;
  }
}
.account-history-section {
  background: #fff;
  margin-top: -29px;
}
.account-history-section .filter-container {
  padding: 0 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 48px;
}
.account-history-section .filter-container p {
  font-size: 0.75rem;
  font-weight: bold;
  color: #7c8699;
}
.account-history-section .filter-container .filter {
  position: relative;
}
.account-history-section .filter-container .filter:after {
  content: '';
  background: url('/images/logos/filtre.svg') no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 16px;
  width: 6px;
  height: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.account-history-section .filter-container .bets-filter {
  font-family: 'Open Sans';
  font-size: 0.75rem;
  font-weight: bold;
  color: #434b5a;
  background: none;
  padding: 8px 30px 8px 20px;
  border: solid 1px #434b5a;
  border-radius: 18px;
  text-align: center;
  text-align-last: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
}
.account-history-section .filter-container option {
  text-align: left;
}
.account-history-section table.account-history {
  border-collapse: separate;
  border-spacing: 0 5px;
}
.account-history-section table.account-history tbody td {
  padding: 0;
  vertical-align: middle;
}
.account-history-section table.account-history td.date {
  padding: 12px;
}
.account-history-section table.account-history .date {
  font-size: 0.625rem;
  font-weight: normal !important;
  color: #9ca7ba;
}
.account-history-section table.account-history .sport {
  font-size: 0.4375rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #8793a7;
}
.account-history-section table.account-history .match .result {
  font-size: 0.625rem;
  font-weight: normal;
  line-height: 0.75rem;
  color: #434b5a;
  padding: 0;
  width: auto;
  height: auto;
}
.account-history-section table.account-history .match .result .payback .bet {
  color: #7c8699;
}
.account-history-section table.account-history .match .result div {
  color: #7c8699;
  margin-top: 3px;
}
.account-history-section table.account-history .match .bet {
  font-weight: bold;
  color: #a99b77;
}
.account-history-section table.account-history .match .winnings {
  font-weight: bold;
  color: #7bd21e;
}
.account-history-section table.account-history .teams {
  font-size: 0.75rem;
  font-weight: 600;
  color: #171b22;
}
.account-history-section table.account-history .cote {
  font-size: 0.6875rem;
  font-weight: bold;
  color: #1a2740;
  padding: 0 8px;
}
.account-history-section table.account-history td.result {
  padding: 0 12px 0 0;
  width: 23px;
}
.account-history-section table.account-history td.result .lost,
.account-history-section table.account-history td.result .won,
.account-history-section table.account-history td.result .playing,
.account-history-section table.account-history td.result .payback {
  font-size: 0.625rem;
  font-weight: bold;
  color: #fff;
  margin: 0;
  padding: 0;
  border-radius: 3px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 23px;
}
.account-history-section table.account-history td.result .playing {
  padding-bottom: 5px;
}
.account-history-section table.account-history td.result .lost {
  background: #eb6f5b;
}
.account-history-section table.account-history td.result .won {
  background: #84ad08;
}
.account-history-section table.account-history td.result .playing {
  background: #f19133;
}
.account-history-section table.account-history td.result .payback {
  background: #a4aebf;
}
.account-history-section .lineaccounthistory,
.account-history-section .combine-header {
  background: #f5f6fa;
  height: 70px;
}
.account-history-section .lineaccounthistory i.icon.icon-arrow-up,
.account-history-section .tipscombine i.icon.icon-arrow-up {
  display: none;
}
.account-history-section .combine-summary {
  font-size: 0.75rem;
  font-weight: 700;
  color: #171b22;
  margin-bottom: 5px;
}
.account-history-section .gaincombinespan {
  font-size: 0.625rem;
  color: #7c8699;
  margin-top: 3px;
}
.account-history-section .combine-header {
  cursor: pointer;
}
.account-history-section .combine-header .is-combine {
  font-size: 0.4375rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #8793a7;
}
.account-history-section .combine-header td.date {
  position: relative;
}
.account-history-section .combine-header td.date:after {
  content: '';
  border-right: 8px solid transparent;
  border-top: 8px solid #f4f6fa;
  border-left: 8px solid transparent;
  height: 0;
  width: 0;
  position: absolute;
  bottom: -8px;
  left: 45%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.account-history-section .combine-header i.icon.icon-arrow-up {
  font-size: 0.375rem;
  position: absolute;
  display: block;
  bottom: 5px;
  left: 45%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.account-history-section .combine-header.is-collapsed td.date:after {
  content: unset;
}
.account-history-section .combine-header.is-collapsed i.icon.icon-arrow-up {
  -webkit-transform: translateX(-50%) rotate(180deg);
  transform: translateX(-50%) rotate(180deg);
}
.account-history-section .combine-header .sport {
  display: none !important;
}
.account-history-section .tipscombine td {
  border-bottom: solid 1px #e9eef5;
}
.account-history-section .tipscombine:not(.combine-header) {
  height: 50px;
}
.account-history-section .tipscombine:not(.combine-header) div.date,
.account-history-section .tipscombine:not(.combine-header) .is-combine,
.account-history-section .tipscombine:not(.combine-header) .combine-summary,
.account-history-section .tipscombine:not(.combine-header) .gaincombinep,
.account-history-section .tipscombine:not(.combine-header) .cotecombine {
  display: none;
}
.account-history-section .tipscombine .cotelost,
.account-history-section .tipscombine .cotewin,
.account-history-section .tipscombine .coteen,
.account-history-section .tipscombine .cotepayback {
  font-size: 0.6875rem;
  font-weight: bold;
  color: #1a2740;
  background: none;
  padding: 0;
}
.account-history-section tfoot {
  padding: 0;
}
.account-history-section tfoot [load-more] {
  margin-top: 16px;
}
.account-history-section tfoot [load-more] .icon-spinner {
  padding: 8px 0;
  display: block;
  width: 22px;
  height: 22px;
}
.account-history-section tfoot .more-history {
  font-size: 0.875rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #434b5a;
  padding: 0;
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.account-history-section tfoot .more-history .label {
  padding: 0 10px;
}
.account-history-section tfoot .more-history .icon {
  font-size: 0.5rem;
}
@media screen and (min-width: 1024px) {
  .account-history-section {
    margin-top: 0;
  }
  .account-history-section .filter-container {
    padding: 30px 12px 0;
  }
  .account-history-section table.account-history td.date {
    box-sizing: border-box;
    width: 100px;
  }
  .account-history-section table.account-history td.date:after {
    left: 35%;
  }
  .account-history-section table.account-history i.icon.icon-arrow-up {
    left: 35%;
  }
  .account-history-section table.account-history .cote {
    box-sizing: border-box;
    width: 80px;
  }
  .account-history-section table.account-history td.result {
    width: 60px;
    height: 25px;
  }
  .account-history-section table.account-history td.result .playing {
    padding-bottom: 0;
  }
}
.account-settings {
  margin-top: 45px;
}
.account-settings h2 {
  font-size: 1.125rem;
  font-weight: bold;
  color: #233557;
  padding: 16px 12px;
}
.account-settings h2.red {
  color: #d61e00;
}
.account-settings article.setting {
  text-align: left;
  background: #fff;
  border: 1px solid #e9eef5;
  padding: 8px 12px;
  position: relative;
}
.account-settings article.setting:not(:last-of-type) {
  border-bottom: none;
}
.account-settings .header h3 {
  font-size: 0.875rem;
  font-weight: bold;
  color: #000;
}
.account-settings .header .subtitle,
.account-settings .header .value {
  font-size: 0.75rem;
  margin: 3px 0;
}
.account-settings nav.tools {
  padding: 8px 12px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
.account-settings nav.tools .action-button {
  padding: 10px;
}
.account-settings nav.tools .close {
  font-size: 0.875rem;
  text-align: right;
  margin-bottom: 20px;
}
.account-settings [panel-component] .hidden {
  display: none;
}
.account-settings [panel-component].open .hidden,
.account-settings [panel-component] .shown {
  display: block !important;
}
.account-settings [panel-component].open .shown {
  display: none !important;
}
.account-settings [panel-component].open .header {
  height: 75px;
}
.account-settings form input[type='mail'],
.account-settings form input[type='password'],
.account-settings form input[type='text'] {
  font-size: 0.875rem;
  background: none;
  padding: 10px;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
}
.account-settings form input[type='mail']:valid,
.account-settings form input[type='password']:valid,
.account-settings form input[type='text']:valid {
  background: #fff;
}
.account-settings form label {
  display: none;
}
.account-settings form label a {
  text-decoration: underline;
  color: inherit;
}
.account-settings form a.cancel,
.account-settings form button.cancel,
.account-settings form button[type='submit'] {
  display: inline-block;
  min-width: 212px;
  font-size: 0.875rem;
  font-weight: 700;
  padding: 12px 14px;
  border-radius: 3px;
}
.account-settings form a.cancel.small,
.account-settings form button.cancel.small,
.account-settings form button[type='submit'].small {
  min-width: 148px;
  padding: 8px 14px;
}
.account-settings form button[type='submit'] {
  color: #fff;
  background-color: #233557;
}
.account-settings form a.cancel,
.account-settings form button.cancel {
  background-color: #d4dae6;
  color: #233557;
  text-align: center;
}
.account-settings .form-checkbox [type='checkbox']:checked,
.account-settings .form-checkbox [type='checkbox']:not(:checked) {
  position: absolute;
  left: -9999px;
}
.account-settings .form-checkbox [type='checkbox']:checked + label,
.account-settings .form-checkbox [type='checkbox']:not(:checked) + label {
  position: relative;
  padding-left: 25px;
  font-size: 0.75rem;
}
.account-settings .form-checkbox [type='checkbox']:checked + label:before,
.account-settings .form-checkbox [type='checkbox']:not(:checked) + label:before {
  content: '';
  position: absolute;
  display: block;
  width: 14px;
  height: 14px;
  border: 1px solid #1a2740;
  left: 0;
  top: -1px;
}
.account-settings .form-checkbox [type='checkbox']:checked + label:after,
.account-settings .form-checkbox [type='checkbox']:not(:checked) + label:after {
  color: #fff;
  position: absolute;
  font-family: iconfont;
  content: '\f70d';
  top: 0;
  left: 2px;
}
.account-settings .form-checkbox [type='checkbox']:checked + label:before {
  background-color: #1a2740;
}
.account-settings .form-radio [type='radio']:checked,
.account-settings .form-radio [type='radio']:not(:checked) {
  position: absolute;
  left: -9999px;
}
.account-settings .form-radio [type='radio']:checked + label,
.account-settings .form-radio [type='radio']:not(:checked) + label {
  position: relative;
  padding-left: 25px;
  font-size: 0.75rem;
}
.account-settings .form-radio [type='radio']:checked + label:before,
.account-settings .form-radio [type='radio']:not(:checked) + label:before {
  display: block;
  content: '';
  position: absolute;
  width: 1em;
  height: 1em;
  border: 1px solid #e9eef5;
  left: 0;
  border-radius: 50%;
  background-color: #fff;
}
.account-settings .form-radio [type='radio']:checked + label:after,
.account-settings .form-radio [type='radio']:not(:checked) + label:after {
  display: none;
  content: '';
  background-color: #1a2740;
  position: absolute;
  top: 0.3em;
  left: 0.3em;
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
}
.account-settings .form-radio [type='radio']:checked + label:before {
  border: 1px solid #1a2740;
}
.account-settings .form-radio [type='radio']:checked + label:after {
  display: block;
}
.account-settings article.tipstop-pro-billing {
  background: rgba(126, 211, 33, 0.2);
  border-radius: 5px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  height: 60px;
}
.account-settings article.tipstop-pro-billing .next-billing {
  display: none;
}
.account-settings article.tipstop-pro-billing.has-paid .next-billing {
  display: block;
}
.account-settings article.tipstop-pro-billing.has-paid .no-subscription {
  display: none;
}
.account-settings article.tipstop-pro-billing .icon-info {
  font-size: 1.25rem;
  color: #7ed321;
  margin-right: 12px;
}
.account-settings article.tipstop-pro-billing .tipstop-pro-wrapper p,
.account-settings article.tipstop-pro-billing .tipstop-pro-wrapper a {
  font-size: 0.75rem;
  line-height: 0.875rem;
  color: #171b22;
}
.account-settings article.tipstop-pro-billing .tipstop-pro-wrapper a {
  cursor: pointer;
}
.account-settings article.tipstop-pro-billing .tipstop-pro-wrapper .title {
  font-weight: bold;
  text-transform: uppercase;
}
.account-settings article.cancel-tipstop-pro {
  background: #fff;
  border-radius: 5px;
}
.account-settings article.cancel-tipstop-pro a {
  text-decoration: none;
  padding: 0 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 60px;
  cursor: pointer;
}
.account-settings article.cancel-tipstop-pro p {
  font-size: 0.8125rem;
  letter-spacing: -0.004375rem;
  line-height: 0.9375rem;
  color: #596374;
}
.account-settings article.cancel-tipstop-pro .title {
  font-size: 0.9375rem;
  font-weight: bold;
  letter-spacing: -0.005rem;
  line-height: 1.25rem;
  color: #171b22;
}
@media screen and (min-width: 1024px) {
  .account-settings {
    margin-top: 0;
  }
  .account-settings h2 {
    font-size: 1.75rem;
    padding: 0 0 32px;
  }
  .account-settings h2:not(:first-of-type) {
    padding: 32px 0;
  }
  .account-settings article.setting .subtitle,
  .account-settings article.setting .value {
    font-size: 0.875rem;
    margin-top: 8px;
  }
}
.account-stats-section {
  margin-top: -25px;
  display: block;
}
.account-stats-section .account-section-header {
  margin-bottom: 20px;
  padding: 0 30px;
}
.account-stats-section .account-section-header-title p,
.account-stats-section .favorite-sport-name,
.account-stats-section .favorite-sport-tips {
  font-size: 0.75rem;
  color: #434b5a;
}
.account-stats-section .account-section-header-line {
  background: #434b5a;
}
.account-stats-section .no-tips .favorite-sport-tips {
  color: #d61e00;
}
.account-stats-section .row {
  border-top: solid 1px #e9eef5;
  display: flex;
  width: 100%;
  height: 80px;
}
.account-stats-section .row:last-child {
  border-bottom: solid 1px #e9eef5;
}
.account-stats-section .stat {
  font-size: 2.1875rem;
  font-weight: bold;
  color: #a99b77;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  flex: 1 1 0;
}
.account-stats-section .stat:not(:last-child) {
  border-right: solid 1px #e9eef5;
}
.account-stats-section .title {
  font-size: 0.75rem;
  font-weight: bold;
  color: #434b5a;
}
.account-stats-section .units {
  font-size: 0.875rem;
  font-weight: normal;
  color: #7c8699;
  margin-left: 2px;
}
.account-stats-section .stat.empty,
.account-stats-section .yield-piechart.empty {
  color: #7c8699;
}
.account-stats-section .stat.empty img,
.account-stats-section .yield-piechart.empty img {
  -webkit-filter: grayscale();
  filter: grayscale();
}
.account-stats-section .stat.empty .title,
.account-stats-section .yield-piechart.empty .title,
.account-stats-section .stat.empty p,
.account-stats-section .yield-piechart.empty p {
  color: #7c8699;
  opacity: 0.5;
}
.account-stats-section .yield-container {
  border-top: 1px solid #e9eef5;
  padding: 20px 0;
}
.account-stats-section .yield-title {
  font-size: 0.75rem;
  font-weight: bold;
  text-align: center;
  color: #434b5a;
}
.account-stats-section .yield-piechart {
  margin: 10px auto;
  position: relative;
  width: 90px;
  height: 90px;
}
.account-stats-section .yield-piechart img {
  display: block;
  width: 100%;
  height: 100%;
}
.account-stats-section .yield-percent {
  font-size: 1.75rem;
  font-weight: bold;
  text-align: center;
  color: #84ad08;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.account-stats-section .yield-summary {
  font-size: 0.75rem;
  text-align: center;
  color: #434b5a;
  margin: 0 auto;
  width: 200px;
}
.account-stats-section .share-container {
  margin: 30px 0;
  display: flex;
  justify-content: center;
}
.account-stats-section button[data-action='share'] {
  font-size: 0.875rem;
  font-weight: bold;
  color: #fff;
  background: #1f2d49;
  border-radius: 3px;
  width: 300px;
  height: 50px;
}
@media screen and (min-width: 1024px) {
  .account-stats-section {
    background: #fff;
    border: solid 1px #e9eef5;
    border-top: none;
    margin-top: 0;
  }
  .account-stats-section .row {
    height: 105px;
  }
  .account-stats-section .stat {
    font-size: 3rem;
  }
  .account-stats-section .title {
    font-size: 1.125rem;
  }
  .account-stats-section .units {
    font-size: 1.125rem;
    margin-left: 2px;
  }
  .account-stats-section .performance {
    padding-left: 24px;
    align-items: flex-start;
  }
  .account-stats-section .yield-title {
    font-size: 1.125rem;
  }
  .account-stats-section .yield-piechart {
    margin: 20px auto 12px;
    width: 135px;
    height: 135px;
  }
  .account-stats-section .yield-summary {
    font-size: 0.875rem;
    line-height: 1.125rem;
    opacity: 0.8;
  }
}
[add-analysis] {
  width: 100vw;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
}
[add-analysis]:before {
  content: '';
  background: #1f2d49;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.8;
}
[add-analysis] .container {
  background: #fff;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  overflow: hidden;
}
[add-analysis] nav {
  display: flex;
  background: #1f2d49;
  position: relative;
}
[add-analysis] .back-button {
  font-size: 1rem;
  color: #fff;
  padding: 10px 18px 10px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
[add-analysis] .title {
  font-family: 'Open Sans';
  font-size: 1.25rem;
  color: #fff;
  text-align: center;
  margin: 11px 0;
  opacity: 0.5;
  flex-grow: 1;
}
[add-analysis] header {
  padding: 10px;
  position: relative;
}
[add-analysis] .match-selector {
  font-size: 0.75rem;
  font-weight: bold;
  text-align: center;
  text-align-last: center;
  color: #434b5a;
  background: none;
  margin: 0 auto;
  padding: 8px;
  border: solid 1px #434b5a;
  border-radius: 16px;
  display: block;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
}
[add-analysis] .match-selector option {
  text-align: left;
}
[add-analysis] button[data-action='close'] {
  font-size: 1rem;
  font-weight: bold;
  color: #1a2740;
  position: absolute;
  top: 15px;
  right: 10px;
}
[add-analysis] .content {
  background: #fff;
  margin-bottom: -44px;
  padding: 10px;
  flex-grow: 1;
  overflow-y: scroll;
}
[add-analysis] textarea {
  font-size: 1.0625rem;
  padding: 0;
  border: none;
  box-sizing: border-box;
  width: 100%;
  resize: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
}
[add-analysis] .image-preview {
  position: relative;
  margin-top: 10px;
}
[add-analysis] .image-preview img {
  display: block;
  width: 100%;
}
[add-analysis] .close-button {
  font-size: 0.6875rem;
  color: #fff;
  cursor: pointer;
  padding: 10px;
  box-sizing: initial;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-filter: drop-shadow(0px 0px 1.5px rgba(0, 1, 0, 0.9));
  filter: drop-shadow(0px 0px 1.5px rgba(0, 1, 0, 0.9));
}
[add-analysis] .error.max-size {
  font-size: 0.75rem;
  font-weight: bold;
  letter-spacing: -0.07px;
  text-align: center;
  color: #fff;
  background: #eb6f5b;
  padding: 16px;
  display: block;
  box-sizing: border-box;
  width: 100%;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  transition: -webkit-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[add-analysis] .error.max-size.show {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
[add-analysis] footer {
  background: #f4f6fa;
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
[add-analysis] .letters-counter {
  font-size: 0.8125rem;
  font-weight: bold;
  letter-spacing: -0.11px;
  color: #272727;
  opacity: 0.7;
  order: 2;
}
[add-analysis] .icon-text {
  background: #272727;
  border-radius: 2px;
  margin-left: 5px;
  display: inline-block;
  width: 14px;
  height: 2px;
  position: relative;
}
[add-analysis] .icon-text:before,
[add-analysis] .icon-text:after {
  content: '';
  background: #272727;
  border-radius: 2px;
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: -8px;
}
[add-analysis] .icon-text:after {
  width: 75%;
  top: -4px;
}
[add-analysis] .label-file {
  font-size: 1.625rem;
  color: #1f2d49;
  display: flex;
  align-items: center;
  order: 1;
}
[add-analysis] .label-file span {
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
  margin-left: 5px;
  display: block;
  width: 20px;
}
[add-analysis] .label-file.disabled {
  cursor: not-allowed;
  color: #9ca7ba;
}
[add-analysis] button[data-action='submit'] {
  font-size: 0.875rem;
  font-weight: 600;
  text-align: center;
  color: #fff;
  background: #263752;
  padding: 12px;
  width: 100%;
  order: 3;
}
@media screen and (min-width: 1024px) {
  [add-analysis] .container {
    border-radius: 3px;
    width: 564px;
    height: auto;
    max-height: 70vh;
  }
  [add-analysis] .match-selector {
    width: 350px;
  }
  [add-analysis] footer {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  [add-analysis] .letters-counter {
    margin-right: 15px;
    flex-grow: 1;
  }
  [add-analysis] .label-file {
    margin-left: auto;
    margin-right: 15px;
  }
  [add-analysis] button[data-action='submit'] {
    margin-top: 0;
    padding: 8px;
    border-radius: 3px;
    width: 200px;
  }
  [add-analysis] .label-file,
  [add-analysis] .letters-counter,
  [add-analysis] button[data-action='submit'] {
    order: 0;
  }
}
.ads-component {
  margin-bottom: 16px;
  display: block;
  width: 100%;
}
.ads-component img {
  display: block;
  width: 100%;
}
#popin-unit-bet {
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 1;
}
#popin-unit-bet .error {
  font-size: 0.75rem;
  font-weight: bold;
  letter-spacing: -0.07px;
  text-align: center;
  color: #fff;
  background: #eb6f5b;
  padding: 16px;
  display: block;
  box-sizing: border-box;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  transition: -webkit-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#popin-unit-bet .error.show {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
#popin-unit-bet .container {
  background: #233557;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  max-width: 960px;
  position: relative;
}
#popin-unit-bet header {
  background: #233557;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
#popin-unit-bet button[data-action='toggle'] {
  color: #fff;
  padding: 0 12px;
  display: flex;
  align-items: center;
  width: 100%;
  height: 45px;
}
#popin-unit-bet button[data-action='toggle'] .bets-count {
  font-size: 0.875rem;
  background: #9ca7ba;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  border-radius: 50%;
}
#popin-unit-bet .title {
  font-size: 0.875rem;
  font-weight: bold;
  text-align: left;
  flex-grow: 1;
  margin-left: 10px;
}
#popin-unit-bet .icon-arrow-down {
  font-size: 0.5rem;
}
#popin-unit-bet .bet-container {
  overflow: hidden;
}
#popin-unit-bet .match-bet {
  height: 55px;
  position: relative;
  overflow: hidden;
}
#popin-unit-bet .match-bet:not(:last-child) {
  margin-bottom: 1px;
}
#popin-unit-bet .match-bet.is-started {
  border: solid 1px #d61e00;
  box-sizing: border-box;
  margin-top: -1px;
  margin-bottom: 0;
}
#popin-unit-bet .above {
  color: #1a2740;
  background: #f4f6fa;
  padding: 0 12px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  position: absolute;
  box-shadow: rgba(0, 0, 0, 0.9) 0px 0px 10px 0px;
}
#popin-unit-bet .actions {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
}
#popin-unit-bet .match-bet__link {
  display: block;
  width: 100%;
  height: 100%;
}
#popin-unit-bet .match-bet__link:hover {
  text-decoration: none;
}
#popin-unit-bet .sport {
  margin-right: 16px;
  width: 58px;
  position: relative;
}
#popin-unit-bet .sport:after {
  content: '';
  background: #9ca7ba;
  width: 1px;
  height: 24px;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
#popin-unit-bet .sport .icon {
  margin-left: 20px;
  display: block;
  width: 20px;
  height: 20px;
}
#popin-unit-bet .match-bet__data {
  margin-right: 16px;
  flex-grow: 1;
}
#popin-unit-bet .match-bet__title {
  font-size: 0.75rem;
  color: #1a2740;
}
#popin-unit-bet .outcome {
  font-size: 0.75rem;
  font-weight: 600;
  color: #1a2740;
}
#popin-unit-bet .match-bet__bet__amount {
  font-size: 0.75rem;
  font-weight: bold;
  color: #434b5a;
}
#popin-unit-bet button[data-action='add-analysis'] {
  background: #fff;
  margin-right: 35px;
  padding: 10px;
  border-radius: 3px;
  height: 44px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 350px;
}
#popin-unit-bet button[data-action='add-analysis'].is-empty .icon.icon-plus {
  display: flex;
}
#popin-unit-bet button[data-action='add-analysis'].is-empty .icon.icon-check {
  display: none;
}
#popin-unit-bet .icon.icon-message {
  font-size: 1.125rem;
  color: #a2afc2;
  margin-right: 8px;
}
#popin-unit-bet input {
  font-family: 'Open Sans';
  font-size: 0.75rem;
  color: #1a2844;
  background: none;
  border: none;
  margin-right: 8px;
  flex-grow: 1;
  text-overflow: ellipsis;
}
#popin-unit-bet input::-webkit-input-placeholder {
  color: #9ca7ba;
}
#popin-unit-bet input:-ms-input-placeholder {
  color: #9ca7ba;
}
#popin-unit-bet input::-ms-input-placeholder {
  color: #9ca7ba;
}
#popin-unit-bet input::placeholder {
  color: #9ca7ba;
}
#popin-unit-bet .icon.icon-plus,
#popin-unit-bet .icon.icon-check {
  font-size: 0.75rem;
  color: #fff;
  background: #393f4c;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#popin-unit-bet .icon.icon-plus {
  display: none;
}
#popin-unit-bet .icon.icon-check {
  font-size: 0.625rem;
  background: #33b68d;
}
#popin-unit-bet button[data-action='delete-bet'] {
  font-weight: bold;
  color: #1a2740;
  border: solid 1px #434b5a;
  border-radius: 50%;
  margin-right: 10px;
  width: 35px;
  height: 35px;
  opacity: 0.5;
}
#popin-unit-bet button.delete-button-mobile {
  background: #eb6f5b;
  color: #fff;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  width: 55px;
  height: 100%;
  opacity: 1;
}
#popin-unit-bet button.delete-button-mobile .icon-close {
  font-size: 0.75rem;
}
#popin-unit-bet footer {
  padding: 12px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
}
#popin-unit-bet .matchs-count {
  font-size: 0.75rem;
  color: #fff;
  margin-bottom: 14px;
  width: 50%;
  order: 1;
}
#popin-unit-bet .matchs-count .bets-count {
  margin-right: 3px;
}
#popin-unit-bet .bet-input__container {
  background: #fff;
  margin-bottom: 14px;
  padding: 0 14px;
  border: solid 2px transparent;
  border-radius: 3px;
  display: flex;
  align-items: center;
  width: 90px;
  height: 44px;
  box-sizing: border-box;
  order: 3;
}
#popin-unit-bet .bet-input__container.bet-error {
  border-color: #eb6f5b;
}
#popin-unit-bet .bet-input__container .units {
  font-size: 0.9375rem;
  font-weight: bold;
  text-align: center;
  color: #a79b7b;
}
#popin-unit-bet .bet-input__text {
  font-size: 0.875rem;
  color: #233557;
  flex-shrink: 0;
}
#popin-unit-bet .match-bet__units {
  font-size: 0.9375rem;
  font-weight: bold;
  text-align: center;
  color: #a79b7b;
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  width: 100%;
  flex-grow: 1;
  -webkit-appearance: none;
  outline: none;
}
#popin-unit-bet .bet-input__user-units {
  font-size: 1.125rem;
  font-weight: bold;
  text-align: right;
  color: #a99b77;
  padding-left: 10px;
  flex-shrink: 0;
  position: relative;
}
#popin-unit-bet .bet-input__user-units:before {
  content: '';
  background: #a99b77;
  width: 2px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
#popin-unit-bet .match-bet__total {
  font-size: 0.75rem;
  color: #fff;
  margin-bottom: 14px;
  width: 50%;
  display: flex;
  justify-content: flex-end;
  position: relative;
  order: 2;
}
#popin-unit-bet .odds {
  font-weight: bold;
  margin-left: 16px;
}
#popin-unit-bet .match-bet__potential-gains {
  font-size: 0.875rem;
  color: #fff;
  border: solid 1px #e9eef5;
  border-radius: 3px;
  margin-bottom: 14px;
  padding: 0 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 65%;
  height: 44px;
  box-sizing: border-box;
  order: 4;
}
#popin-unit-bet .match-bet__potential-gains .potential,
#popin-unit-bet .match-bet__potential-gains .units {
  font-family: 'Open Sans';
  font-size: 0.9375rem;
  font-weight: 800;
  color: #c5ea54;
}
#popin-unit-bet .match-bet__potential-gains .potential {
  margin-left: auto;
}
#popin-unit-bet .match-bet__potential-gains .units {
  margin-left: 5px;
}
#popin-unit-bet footer button[data-action='add-analysis'] {
  margin-right: 0;
  width: 100%;
  order: 5;
}
#popin-unit-bet .match-bet__delete {
  color: #fff;
  background: #9ca7ba;
  margin-right: 14px;
  width: 50px;
  height: 100%;
}
#popin-unit-bet .match-bet__validate {
  font-size: 0.9375rem;
  font-weight: bold;
  color: #f4f6fa;
  background: #33b68d;
  border-radius: 0;
  width: 100%;
  height: 44px;
  transition: background 0.3 cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#popin-unit-bet .match-bet__validate:disabled {
  background: #9ca7ba;
}
@media screen and (min-width: 1024px) {
  #popin-unit-bet .above {
    padding: 0;
    height: 55px;
    box-shadow: none;
  }
  #popin-unit-bet .match-bet__bet {
    margin-right: 24px;
    position: relative;
  }
  #popin-unit-bet .match-bet__bet:after {
    content: '';
    background: #9ca7ba;
    width: 1px;
    height: 24px;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  #popin-unit-bet button[data-action='toggle'] {
    padding: 0 16px;
    height: 53px;
  }
  #popin-unit-bet .bets-count {
    font-size: 1.125rem;
    width: 35px;
    height: 35px;
  }
  #popin-unit-bet .title {
    font-size: 1.125rem;
    margin-left: 16px;
  }
  #popin-unit-bet .icon-arrow-down {
    font-size: 0.625rem;
  }
  #popin-unit-bet .match-bet__bet__amount {
    margin-right: 16px;
  }
  #popin-unit-bet .match-bet__title {
    font-size: 0.875rem;
    font-weight: 600;
  }
  #popin-unit-bet .outcome {
    font-weight: normal;
  }
  #popin-unit-bet footer {
    padding: 14px;
    height: 75px;
    flex-wrap: nowrap;
    justify-content: unset;
  }
  #popin-unit-bet .matchs-count {
    order: unset;
  }
  #popin-unit-bet .bet-input__container {
    margin-right: auto;
    margin-bottom: 0;
    padding: 0 14px;
    width: 214px;
    height: 100%;
    order: unset;
  }
  #popin-unit-bet .bet-input__container .units {
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-left: 3px;
  }
  #popin-unit-bet .match-bet__bet__amount {
    font-size: 1rem;
  }
  #popin-unit-bet .match-bet__units {
    font-size: 1.125rem;
    text-align: right;
  }
  #popin-unit-bet .match-bet__total {
    font-size: 1.125rem;
    margin-right: 24px;
    margin-bottom: 0;
    width: 220px;
    order: unset;
  }
  #popin-unit-bet .match-bet__total:after {
    content: '';
    background: #9ca7ba;
    width: 1px;
    height: 24px;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  #popin-unit-bet .odds {
    margin-right: 16px;
  }
  #popin-unit-bet .match-bet__potential-gains {
    margin-right: 14px;
    margin-bottom: 0;
    width: 214px;
    height: 100%;
    order: unset;
  }
  #popin-unit-bet .match-bet__validate {
    border-radius: 3px;
    width: 124px;
    min-width: 124px;
    height: 100%;
  }
}
[bet-share-modal] {
  border-radius: 5px;
  box-shadow: #a99b77 0 3px 0 0;
  width: 90%;
  max-width: 600px;
  height: 50px;
  position: fixed;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
  transition: -webkit-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  z-index: 99999999;
  overflow: hidden;
}
[bet-share-modal].show {
  -webkit-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
}
[bet-share-modal] button.close {
  font-size: 0;
  color: #fff;
  padding: 5px;
  -webkit-filter: drop-shadow(0px 0px 1.5px rgba(0, 1, 0, 0.9));
  filter: drop-shadow(0px 0px 1.5px rgba(0, 1, 0, 0.9));
}
[bet-share-modal] button.close .icon-close {
  font-size: 0.875rem;
}
[bet-share-modal] .content {
  background: #2d425b;
  padding: 12px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}
[bet-share-modal] .message {
  flex-grow: 1;
}
[bet-share-modal] p {
  font-size: 0.75rem;
  line-height: 1rem;
  color: #fff;
}
[bet-share-modal] button.share {
  font-size: 0.75rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #b6da4b;
  border: none;
  background: none;
  outline: none;
  margin-right: 15px;
  padding: 10px;
}
[bet-share-modal] .actions {
  background: #2d425b;
  border-radius: 5px;
  width: 100%;
  height: 50px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  overflow: hidden;
  transition: -webkit-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[bet-share-modal] .actions.show {
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}
[bet-share-modal] .actions button {
  font-size: 0.9375rem;
  color: #fff;
  background: none;
  border: none;
  outline: none;
  margin: 0;
  padding: 0;
  flex: 1 0 0;
}
[bet-share-modal] .actions .facebook-share-button {
  font-size: 1.0625rem;
  background: #3c5a9a;
}
[bet-share-modal] .actions .twitter-share-button {
  font-size: 1rem;
  background: #1da1f2;
}
@media screen and (min-width: 1024px) {
  [bet-share-modal] p {
    font-size: 0.875rem;
    line-height: 1.125rem;
  }
}
[cote-variations] {
  margin-bottom: 16px;
  position: relative;
}
[cote-variations] .loading {
  background: #fff;
  border: solid 1px #e9eef5;
  width: 100%;
  min-height: 100px;
  position: relative;
}
[cote-variations] .loading .icon-spinner {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
[cote-variations] .content {
  background: none;
  padding: 0 8px;
  display: flex;
  flex-direction: column;
  height: auto !important;
}
[cote-variations] .header {
  padding: 0 6px;
  display: flex;
  align-items: center;
}
[cote-variations] .header .title {
  font-size: 0.875rem;
  font-weight: 600;
  color: #35425b;
  padding: 10px 0;
}
[cote-variations] [tooltip] button:hover + .info-container,
[cote-variations] [tooltip] button:focus + .info-container {
  -webkit-transform: translate(-60%, -100%) translateY(-10px);
  transform: translate(-60%, -100%) translateY(-10px);
}
[cote-variations] [tooltip] .info-container {
  -webkit-transform: translate(-60%, -100%) translateY(-5px);
  transform: translate(-60%, -100%) translateY(-5px);
}
[cote-variations] [tooltip] .info-container:after {
  left: 60%;
}
[cote-variations] .no-results-container {
  background: #fff;
  border: solid 1px #e9eef5;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
}
[cote-variations] .variations-curve {
  width: 100%;
}
[cote-variations] .bookmaker-container,
[cote-variations] .outcome-container,
[cote-variations] .pourcent-container,
[cote-variations] .cote-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
[cote-variations] .bookmaker-container {
  width: 110px;
  flex-shrink: 0;
}
[cote-variations] .outcome-container {
  width: calc(100% - 110px - 58px - 58px);
}
[cote-variations] .pourcent-container,
[cote-variations] .cote-container {
  width: 58px;
  flex-shrink: 0;
}
[cote-variations] .grid-header {
  background: #fff;
  border-top: solid 1px #596374;
  display: flex;
  align-items: center;
  height: 36px;
}
[cote-variations] .grid-header-bookmaker-container p,
[cote-variations] .grid-header-outcome-container p,
[cote-variations] .grid-header-pourcent-container p,
[cote-variations] .grid-header-cote-container p {
  font-size: 0.75rem;
  font-weight: 600;
  color: #35425b;
}
[cote-variations] .grid-header-outcome-container {
  justify-content: flex-start;
}
[cote-variations] .variations-list-item {
  background: #fff;
  border-top: solid 1px #e9eef5;
  display: flex;
  align-items: center;
  height: 70px;
}
[cote-variations] .variations-list-item-bookmaker-container img {
  border-radius: 7px;
  display: block;
  width: 80px;
  height: 27px;
  overflow: hidden;
}
[cote-variations] .variations-list-item-outcome-container {
  padding: 5px 5px 5px 0;
  flex-direction: column;
  align-items: flex-start;
}
[cote-variations] .variations-list-item-outcome-container p {
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.0625rem;
  color: #35425b;
}
[cote-variations] .variations-list-item-outcome-container .time {
  font-size: 0.6875rem;
  font-weight: bold;
  line-height: 0.75rem;
  letter-spacing: -0.0125rem;
  color: #434b5a;
}
[cote-variations] .variations-list-item-pourcent-container {
  background: #c4e596;
}
[cote-variations] .variations-list-item-pourcent-container.negative {
  background: #ecbab0;
}
[cote-variations] .variations-list-item-pourcent-container p {
  font-size: 0.875rem;
  font-weight: bold;
  color: #343349;
}
[cote-variations] .variations-list-item-cote-container.negative .icon-rank-up {
  color: #eb6f5b;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
[cote-variations] .variations-list-item-cote-container .icon-rank-up {
  font-size: 0.75rem;
  color: #7bd21e;
  margin-right: 3px;
}
[cote-variations] .variations-list-item-cote-container p {
  font-size: 0.875rem;
  font-weight: bold;
  color: #1a2740;
}
[cote-variations] .cote-variations-footer {
  background: #fff;
  border-top: solid 1px #e9eef5;
  padding: 0 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 50px;
}
[cote-variations] .cote-variations-footer img {
  display: block;
  width: 100px;
  height: 30px;
}
[cote-variations] .cote-variations-footer p {
  font-size: 0.75rem;
  letter-spacing: -0.015rem;
  color: #1a2740;
  border: solid 1px currentColor;
  border-radius: 20px;
  padding: 10px;
  cursor: pointer;
}
[cote-variations] .cote-variations-footer .icon-eject {
  font-size: 0.625rem;
  color: #1a2740;
  margin-left: 5px;
}
@media screen and (min-width: 1024px) {
  [cote-variations] .content {
    padding: 0;
  }
  [cote-variations] .header {
    padding: 0;
  }
  [cote-variations] .header .title {
    font-size: 1.125rem;
  }
  [cote-variations] .bookmaker-container {
    width: 160px;
  }
  [cote-variations] .pourcent-container,
  [cote-variations] .cote-container {
    width: 104px;
  }
  [cote-variations] .grid-header-bookmaker-container p,
  [cote-variations] .grid-header-outcome-container p,
  [cote-variations] .grid-header-pourcent-container p,
  [cote-variations] .grid-header-cote-container p {
    font-size: 0.875rem;
  }
  [cote-variations] .variations-list-item-bookmaker-container img {
    width: 100px;
    height: 36px;
  }
  [cote-variations] .variations-list-item-outcome-container p {
    font-size: 0.875rem;
    line-height: 1.1875rem;
  }
  [cote-variations] .variations-list-item-outcome-container .time {
    font-size: 0.8125rem;
    line-height: 1.0625rem;
    letter-spacing: -0.015rem;
  }
  [cote-variations] .variations-list-item-pourcent-container p {
    font-size: 1.0625rem;
  }
  [cote-variations] .variations-list-item-cote-container .icon-rank-up {
    font-size: 1rem;
  }
  [cote-variations] .variations-list-item-cote-container p {
    font-size: 1.0625rem;
  }
  [cote-variations].is-mini .grid-header {
    border-top: none;
  }
  [cote-variations].is-mini .bookmaker-container {
    width: 110px;
  }
  [cote-variations].is-mini .pourcent-container,
  [cote-variations].is-mini .cote-container {
    width: 55px;
  }
  [cote-variations].is-mini .grid-header-bookmaker-container p,
  [cote-variations].is-mini .grid-header-outcome-container p,
  [cote-variations].is-mini .grid-header-pourcent-container p,
  [cote-variations].is-mini .grid-header-cote-container p {
    font-size: 0.75rem;
  }
  [cote-variations].is-mini .variations-list-item {
    height: 50px;
  }
  [cote-variations].is-mini .variations-list-item-bookmaker-container img {
    width: 85px;
    height: 27px;
  }
  [cote-variations].is-mini .variations-list-item-outcome-container p {
    font-size: 0.6875rem;
    line-height: 0.875rem;
  }
  [cote-variations].is-mini .variations-list-item-pourcent-container p,
  [cote-variations].is-mini .variations-list-item-cote-container p {
    font-size: 0.875rem;
  }
  [cote-variations].is-mini .variations-list-item-pourcent-container .icon-rank-up,
  [cote-variations].is-mini .variations-list-item-cote-container .icon-rank-up {
    font-size: 0.8125rem;
  }
}
.countries {
  background: #fff;
  border: solid 1px #e9eef5;
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
}
.countries ul.countries-component {
  margin: 0;
  padding: 0;
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
}
.countries .go-to-countries {
  font-size: 0.875rem;
  font-weight: bold;
  color: #9ca7ba;
  text-align: right;
  padding: 14px 10px;
  display: block;
}
.create-group {
  background: #fff;
  padding-bottom: 0;
}
.create-group.create-group-modal {
  background: none;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  transition: -webkit-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.create-group.create-group-modal.show {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}
.create-group.create-group-modal .container {
  background: #fff;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  overflow-y: scroll;
}
.create-group .add-image-container {
  background: #596374;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 140px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.create-group .add-image-container .icon-upload-image {
  font-size: 2.1875rem;
}
.create-group .add-image-container .image-preview {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.create-group .add-image-container .image-preview .preview {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.create-group .add-image-container .image-preview img {
  display: block;
  width: 100%;
}
.create-group .add-image-container .close-button {
  font-size: 0.6875rem;
  color: #fff;
  cursor: pointer;
  padding: 10px;
  box-sizing: initial;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-filter: drop-shadow(0px 0px 1.5px rgba(0, 1, 0, 0.9));
  filter: drop-shadow(0px 0px 1.5px rgba(0, 1, 0, 0.9));
}
.create-group .add-image-container label {
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.create-group .add-name-container {
  margin-top: -40px;
  padding: 0 12px;
  display: flex;
  align-items: flex-end;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  flex-shrink: 0;
}
.create-group .add-name-container .add-profile-image {
  flex-shrink: 0;
  width: 90px;
  height: 90px;
  position: relative;
  cursor: pointer;
}
.create-group .add-name-container .add-profile-image label {
  font-size: 1.625rem;
  font-weight: normal;
  color: #fff;
  background: #1a2844;
  border: solid 2px #fff;
  border-radius: 14px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.create-group .add-name-container .add-profile-image .image-preview {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.create-group .add-name-container .add-profile-image .preview {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.create-group .add-name-container .add-profile-image img {
  display: block;
  height: 100%;
}
.create-group .add-name-container .add-title {
  margin-left: 20px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.create-group .add-name-container .add-title label,
.create-group .add-name-container .add-title input {
  width: 100%;
}
.create-group .add-name-container .add-title input {
  font-size: 1.0625rem;
  font-weight: bold;
  color: #1f2d49;
  background: none;
  margin: 5px 0 0;
  padding: 0 0 2px 0;
  border: none;
  border-bottom: solid 1px #e9eef5;
  outline: none;
  flex-grow: 1;
}
.create-group .privacy-container {
  margin-top: 40px;
  padding: 0 12px;
  flex-shrink: 0;
}
.create-group .privacy-container .who-can-join,
.create-group .privacy-container .who-can-post {
  display: flex;
  flex-direction: column;
}
.create-group .privacy-container .who-can-post {
  margin-top: 10px;
}
.create-group .privacy-container .selector {
  padding: 0 0 2px 0;
  border-bottom: solid 1px #e9eef5;
  display: flex;
  align-items: center;
}
.create-group .privacy-container select {
  font-size: 0.9375rem;
  color: #1f2d49;
  background: none;
  margin-top: 5px;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  flex-grow: 1;
}
.create-group .privacy-container .icon-arrow-down {
  font-size: 0.375rem;
  color: #a2afc2;
}
.create-group .admins-container {
  margin-top: 20px;
  padding: 0 12px;
  flex-shrink: 0;
}
.create-group .admins-container .admins-list {
  list-style: none;
  padding: 0;
}
.create-group .admins-container .admin {
  margin: 10px 0;
  display: flex;
  align-items: center;
}
.create-group .admins-container .admin .avatar {
  flex-shrink: 0;
  width: 42px;
  height: 42px;
}
.create-group .admins-container .admin .name {
  font-size: 0.9375rem;
  font-weight: bold;
  color: #434b5a;
  margin-left: 14px;
}
.create-group .admins-container .admin .status {
  font-size: 0.6875rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #171b22;
  margin-left: auto;
}
.create-group .admins-container .admin .close-button {
  font-size: 0.4375rem;
  background: #e9eef5;
  padding: 0;
  border-radius: 9px;
  width: 18px;
  height: 18px;
}
.create-group .add-admin-container {
  display: flex;
  justify-content: flex-end;
  flex-shrink: 0;
}
.create-group .add-admin-container button {
  font-size: 0.6875rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #171b22;
  background: #e9eef5;
  border-radius: 3px;
  width: 77px;
  height: 30px;
}
.create-group .description-container {
  margin-top: 20px;
  padding: 0 12px;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
.create-group .description-container textarea {
  font-size: 0.8125rem;
  color: #1f2d49;
  margin-top: 5px;
  padding: 0;
  border: none;
  min-width: 100%;
  resize: none;
  outline: none;
}
.create-group .links-container {
  margin-top: 20px;
  padding: 0 12px;
  flex-grow: 1;
  flex-shrink: 0;
}
.create-group .links-container li {
  display: flex;
  align-items: flex-end;
}
.create-group .links-container .icon {
  font-size: 1.25rem;
  color: #1a2740;
}
.create-group .links-container input {
  font-size: 0.8125rem;
  color: #1f2d49;
  background: none;
  margin: 10px 0 0 5px;
  padding: 0 0 2px 0;
  border: none;
  border-bottom: solid 1px #e9eef5;
  outline: none;
  flex-grow: 1;
}
.create-group .actions-container {
  margin-top: 50px;
  display: flex;
  height: 44px;
  flex-shrink: 0;
}
.create-group .actions-container button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
}
.create-group .actions-container button .icon {
  font-size: 0.875rem;
  color: #fff;
}
.create-group .actions-container button[data-action='back'] {
  background: #79879e;
}
.create-group .actions-container button[data-action='validate'] {
  background: #1a2844;
}
.create-group label,
.create-group .title {
  font-size: 0.75rem;
  font-weight: bold;
  color: #a99b77;
}
.create-group label {
  cursor: pointer;
}
@media screen and (min-width: 1024px) {
  .create-group {
    padding: 8px;
  }
  .create-group.create-group-modal {
    padding: 0;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transform: none;
    transform: none;
  }
  .create-group.create-group-modal.show {
    visibility: visible;
    opacity: 1;
  }
  .create-group.create-group-modal .container {
    width: 500px;
    max-height: 60vh;
  }
}
[selector-navigation] [date-selector] {
  display: flex;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
  /*margin-top: -20px;*/
  padding-top: 10px;
}
[selector-navigation] button.prev,
[selector-navigation] button.next {
  background: #fff;
}
[selector-navigation] button.prev {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
[selector-navigation] button.next {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
[selector-navigation] ul {
  display: flex;
  width: 100%;
}
[selector-navigation] li {
  background: #f4f6fa;
  width: calc(100% / 7);
  height: 42px;
  flex-shrink: 0;
}
[selector-navigation] li.is-today {
  width: auto;
}
[selector-navigation] li.is-today button {
  padding: 0 5px;
}
[selector-navigation] li button {
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transition: background 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[selector-navigation] li button.is-active {
  background: #434b5a;
  /*height: 54px;*/
}
[selector-navigation] li button.is-active .day-number,
[selector-navigation] li button.is-active .day-label {
  color: #fff;
}
[selector-navigation] .day-number,
[selector-navigation] .day-label {
  color: #434b5a;
  transition: color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[selector-navigation] .day-number {
  font-size: 0.875rem;
  font-weight: bold;
}
[selector-navigation] .day-label {
  font-size: 0.625rem;
  text-transform: uppercase;
}
[selector-navigation] .open-calendar-button {
  background: #f4f6fa;
  border-radius: 0 3px 3px 0;
  margin-left: 1px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 42px;
}
[selector-navigation] .open-calendar-button .icon-agenda {
  font-size: 1.5rem;
  color: #434b5a;
  margin-top: 6px;
}
@media screen and (min-width: 1024px) {
  [selector-navigation] ::-webkit-scrollbar {
    display: none;
  }
  [selector-navigation] li {
    height: 60px;
  }
  [selector-navigation] li.is-today {
    width: calc(100% / 7);
    padding: 0;
  }
  [selector-navigation] li.is-today .day-label {
    margin-top: 0;
  }
  [selector-navigation] li.is-today button {
    padding: 0;
  }
  [selector-navigation] .day-number {
    font-size: 1.125rem;
  }
  [selector-navigation] .day-label {
    font-size: 0.75rem;
    margin-top: 2px;
  }
}
[editable-input] .editable-input {
  display: none;
}
[editable-input].is-editing .editable-value,
[editable-input].is-loading .editable-value {
  display: none;
}
[editable-input].is-editing .editable-input,
[editable-input].is-loading .editable-input {
  display: block;
}
[editable-button] {
  position: relative;
}
[editable-button] .icon-check,
[editable-button] .icon-spinner {
  display: none;
}
[editable-button].is-editing .icon-check {
  display: block;
}
[editable-button].is-editing .icon-edit {
  display: none;
}
[editable-button].is-loading .icon-check,
[editable-button].is-loading .icon-edit {
  display: none;
}
[editable-button].is-loading .icon-spinner {
  display: block;
}
.favorite-leagues {
  background: #fff;
  border: solid 1px #e9eef5;
  margin-bottom: 16px;
  position: relative;
}
.favorite-leagues .loading {
  background: #fff;
  width: 100%;
  min-height: 100px;
  position: relative;
}
.favorite-leagues .loading .icon-spinner {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.favorite-leagues .content {
  padding: 20px 12px;
  display: flex;
  flex-direction: column;
  height: auto !important;
}
.favorite-leagues .search-bar {
  width: 100%;
  height: 28px;
  position: relative;
}
.favorite-leagues .search-bar:before {
  content: '';
  background: #59679a;
  border-radius: 15px;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.1;
}
.favorite-leagues .search-bar .icon-search {
  font-size: 12px;
  color: #a2afc2;
  position: absolute;
  top: 8px;
  left: 12px;
}
.favorite-leagues .search-input {
  font-size: 0.8125rem;
  letter-spacing: -0.006875rem;
  color: #171b22;
  background: none;
  border: none;
  outline: none;
  box-sizing: border-box;
  padding: 0 30px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.favorite-leagues .search-input::-webkit-input-placeholder {
  color: #a2afc2;
}
.favorite-leagues .search-input:-ms-input-placeholder {
  color: #a2afc2;
}
.favorite-leagues .search-input::-ms-input-placeholder {
  color: #a2afc2;
}
.favorite-leagues .search-input::placeholder {
  color: #a2afc2;
}
.favorite-leagues .my-leagues {
  margin-bottom: 4px;
}
.favorite-leagues .my-leagues header {
  position: relative;
}
.favorite-leagues .my-leagues header:before {
  content: '';
  background: #eeeff4;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 4px;
  left: 0;
}
.favorite-leagues .my-leagues .leagues-list {
  background: none;
  padding: 4px 0;
  display: block;
}
.favorite-leagues h3 {
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: -0.015625rem;
  color: #171b22;
  background: #fff;
  padding-right: 5px;
  display: inline-block;
  position: relative;
}
.favorite-leagues .results-container {
  border-top: solid 1px #eeeff4;
  margin-top: 12px;
  padding: 4px 0;
}
.favorite-leagues .country-button {
  font-size: 0.875rem;
  font-weight: 600;
  text-align: left;
  color: #434b5a;
  background: #fff;
  border-radius: 3px 3px 0 0;
  padding: 0;
  display: flex;
  align-items: center;
  width: 100%;
  height: 35px;
  transition: background 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.favorite-leagues .country-button:hover,
.favorite-leagues .country-button.is-active {
  background: #eeeff4;
}
.favorite-leagues .country-button.is-active + .leagues-list {
  display: block;
}
.favorite-leagues .country-flag {
  display: flex;
  width: 22px;
  height: 22px;
}
.favorite-leagues .country-name {
  margin-left: 9px;
}
.favorite-leagues .leagues-list {
  background: #f7f8fa;
  padding: 8px;
  display: none;
}
.favorite-leagues .leagues-list-item {
  display: flex;
  align-items: center;
}
.favorite-leagues .league-link {
  font-size: 0.8125rem;
  line-height: 1.5rem;
  color: #434b5a;
  padding: 0;
  flex-grow: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.favorite-leagues .outcomes-alert-button {
  background: none;
  border: none;
  padding: 0 0 0 10px;
  width: auto;
}
.favorite-leagues .outcomes-alert-button.is-active .icon-bell {
  color: #7ed321;
}
.favorite-leagues .outcomes-alert-button .icon-bell {
  font-size: 0.875rem;
  color: #9ca7ba;
}
[followers-followings-modal] {
  background: #fff;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  max-height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  -webkit-transform: translate(100%, 0%);
  transform: translate(100%, 0%);
  transition: -webkit-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  z-index: 99999999;
}
[followers-followings-modal].show {
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
}
[followers-followings-modal] button.close {
  font-size: 0;
  color: #fff;
  padding: 5px;
  position: absolute;
  top: -35px;
  right: -5px;
  -webkit-filter: drop-shadow(0px 0px 1.5px rgba(0, 1, 0, 0.9));
  filter: drop-shadow(0px 0px 1.5px rgba(0, 1, 0, 0.9));
}
[followers-followings-modal] button.close .icon-close {
  font-size: 0.875rem;
}
[followers-followings-modal] header {
  background: #1f2d49;
  display: flex;
  position: relative;
  flex-shrink: 0;
}
[followers-followings-modal] header .back-button {
  font-size: 1rem;
  color: #fff;
  padding: 10px 18px 10px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
[followers-followings-modal] header .title {
  font-family: 'Open Sans';
  font-size: 1.25rem;
  color: #fff;
  text-align: center;
  margin: 11px 0;
  opacity: 0.5;
  flex-grow: 1;
}
[followers-followings-modal] .tab-nav {
  background: #bac4d5;
  height: 48px;
  display: flex;
  flex-shrink: 0;
}
[followers-followings-modal] .tab-nav button {
  font-size: 0.625rem;
  text-transform: uppercase;
  color: #212f4a;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1 1 0;
  position: relative;
}
[followers-followings-modal] .tab-nav button.selected:after {
  content: '';
  background: #fff;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
}
[followers-followings-modal] .tab-nav .number {
  font-size: 0.75rem;
  font-weight: bold;
}
[followers-followings-modal] .container {
  width: 100%;
  overflow: hidden;
}
[followers-followings-modal] .content {
  background: #fff;
  padding: 0;
  display: flex;
  width: 200%;
  transition: -webkit-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[followers-followings-modal] .content.show-followers {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}
[followers-followings-modal] .content.show-followings {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
[followers-followings-modal] article {
  padding: 8px 0;
  width: 100%;
  height: calc(100vh - 48px - 42px - 16px);
  overflow-y: scroll;
}
@media screen and (min-width: 1024px) {
  [followers-followings-modal] {
    border-radius: 3px;
    width: 430px;
    height: auto;
    max-height: 500px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -47%);
    transform: translate(-50%, -47%);
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
  [followers-followings-modal].show {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  [followers-followings-modal] .tab-nav {
    border-radius: 3px 3px 0 0;
    overflow: hidden;
  }
  [followers-followings-modal] .tab-nav button {
    color: #fff;
    background: #393f4c;
    flex-direction: row;
  }
  [followers-followings-modal] .tab-nav button.selected {
    color: #1f2d49;
    background: #f5f6fa;
  }
  [followers-followings-modal] .tab-nav button.selected:after {
    display: none;
  }
  [followers-followings-modal] .tab-nav .number {
    margin-right: 5px;
  }
  [followers-followings-modal] .container {
    border-radius: 0 0 3px 3px;
  }
  [followers-followings-modal] article {
    height: auto;
    max-height: calc(500px - 48px - 8px);
  }
}
.footer {
  background: #1a2740;
}
.main-footer {
  font-size: 0.875rem;
  color: #fff;
  margin: 0 auto;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 960px;
  height: 60px;
}
.main-footer .left {
  flex-grow: 1;
}
.main-footer a {
  font-weight: bold;
}
.main-footer a:not(:first-child) {
  margin-left: 36px;
}
.aside-footer {
  background: #fff;
  border: solid 1px #e9eef5;
  padding: 10px;
}
.aside-footer p {
  font-size: 0.875rem;
  color: #9ca7ba;
}
.aside-footer .social {
  margin-top: 10px;
  display: flex;
}
.aside-footer .social a {
  font-size: 1.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  position: relative;
  z-index: 0;
}
.aside-footer .social a:before {
  content: '';
  background: #8ea3bb;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.3;
  z-index: -1;
}
.aside-footer .social a.twitter-link {
  font-size: 1rem;
}
.aside-footer .social a:not(:first-child) {
  margin-left: 14px;
}
.aside-footer .social a .icon-instagram,
.aside-footer .social a .icon-facebook,
.aside-footer .social a .icon-twitter {
  color: #1a2740;
}
.aside-footer .social a .icon-instagram,
.aside-footer .social a .icon-facebook {
  margin-top: 4px;
}
.aside-footer .social a .icon-twitter {
  margin-top: 3px;
}
.aside-footer .apps {
  margin-top: 10px;
  display: flex;
  align-items: center;
}
.aside-footer .appstore-link,
.aside-footer .googleplay-link {
  display: block;
  margin-right: 10px;
  width: 124px;
}
.aside-footer .appstore-link img,
.aside-footer .googleplay-link img {
  display: block;
  width: 100%;
}
.aside-footer .links {
  font-size: 0.875rem;
  color: #9ca7ba;
  margin-top: 10px;
  display: flex;
}
.aside-footer .sep {
  white-space: pre;
}
[good-run] {
  margin-bottom: 16px;
  position: relative;
}
[good-run] .loading {
  background: #fff;
  border: solid 1px #e9eef5;
  width: 100%;
  min-height: 100px;
  position: relative;
}
[good-run] .loading .icon-spinner {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
[good-run] .content {
  background: none;
  padding: 0 8px;
  display: flex;
  flex-direction: column;
  height: auto !important;
}
[good-run] .actions {
  padding: 0 6px;
  display: flex;
  align-items: center;
}
[good-run] .actions .title {
  font-size: 0.875rem;
  font-weight: 600;
  color: #35425b;
  margin-right: 6px;
}
[good-run] .actions .action,
[good-run] .actions .separator {
  font-size: 0.875rem;
  font-weight: 600;
  color: #35425b;
}
[good-run] .actions .action {
  padding: 10px 0;
  position: relative;
}
[good-run] .actions .action:after {
  content: '';
  background: currentColor;
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 10px;
  left: 0;
  -webkit-transform: scaleX(0.001);
  transform: scaleX(0.001);
  -webkit-transform-origin: left center;
  transform-origin: left center;
  transition: -webkit-transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[good-run] .actions .action.is-active:after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
[good-run] .actions .separator {
  margin: 0 6px;
  opacity: 0.4;
}
[good-run] .no-results-container {
  background: #fff;
  border: solid 1px #e9eef5;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
}
[good-run] .users-list {
  padding: 0;
}
[good-run] .users-list-item {
  background: #fff;
  margin-bottom: 4px;
  padding: 0 16px;
  border-radius: 5px 5px 0 0;
  display: flex;
  align-items: center;
  height: 53px;
}
[good-run] .header {
  display: flex;
  align-items: center;
  flex-grow: 1;
  overflow: hidden;
}
[good-run] .avatar {
  display: block;
  width: 30px;
  height: 30px;
  flex-shrink: 0;
}
[good-run] .user-name {
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.875rem;
  letter-spacing: -0.015625rem;
  color: #434b5a;
  margin-left: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[good-run] .stats-container {
  display: flex;
  flex-shrink: 0;
}
[good-run] .stats {
  margin-left: 10px;
}
[good-run] .stats p {
  font-size: 0.625rem;
  font-weight: bold;
  line-height: 0.875rem;
  text-align: right;
  color: #434b5a;
}
[good-run] .stats .figure {
  font-size: 1.25rem;
  text-align: right;
  color: #a99b77;
}
@media screen and (min-width: 1024px) {
  [good-run] .content {
    padding: 0;
  }
  [good-run] .actions {
    padding: 0;
  }
  [good-run] .actions .title {
    font-size: 1.125rem;
  }
  [good-run] .actions .action {
    font-size: 1.125rem;
    margin: 0;
    padding: 10px 0;
  }
  [good-run] .actions .separator {
    font-size: 1rem;
  }
  [good-run] .users-list-item {
    padding: 12px;
    box-sizing: border-box;
    height: 96px;
    flex-wrap: wrap;
  }
  [good-run] .avatar {
    width: 38px;
    height: 38px;
  }
  [good-run] .user-name {
    font-size: 1.0625rem;
    letter-spacing: -0.019375rem;
    line-height: 1.5rem;
    margin-left: 10px;
  }
  [good-run] .stats {
    margin-left: 20px;
  }
  [good-run] .stats p {
    font-size: 0.75rem;
  }
  [good-run] .success {
    padding-left: 20px;
    position: relative;
  }
  [good-run] .success:before {
    content: '';
    background: #979797;
    display: block;
    width: 1px;
    height: 27px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0.3;
  }
  [good-run] .header,
  [good-run] .stats-container {
    width: 100%;
  }
  [good-run] .stats-container {
    justify-content: flex-end;
  }
}
.group-page .join-container,
.group-feed-section .join-container,
.group-about-section .join-container,
.group-members-section .join-container {
  background: #2c323d;
  margin-top: -29px;
  padding: 8px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 48px;
}
.group-page [data-action='join'],
.group-feed-section [data-action='join'],
.group-about-section [data-action='join'],
.group-members-section [data-action='join'] {
  font-size: 0.6875rem;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  color: #171b22;
  background: #e9eef5;
  border-radius: 3px;
  width: 95px;
  height: 30px;
}
.group-page .members-count,
.group-feed-section .members-count,
.group-about-section .members-count,
.group-members-section .members-count {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #fff;
  display: flex;
  align-items: center;
}
.group-page .members-count .icon-groups,
.group-feed-section .members-count .icon-groups,
.group-about-section .members-count .icon-groups,
.group-members-section .members-count .icon-groups {
  font-size: 1.4375rem;
  margin-left: 10px;
}
.group-page .description-container,
.group-feed-section .description-container,
.group-about-section .description-container,
.group-members-section .description-container {
  margin-top: 20px;
  padding: 0 12px;
}
.group-page .description,
.group-feed-section .description,
.group-about-section .description,
.group-members-section .description {
  font-size: 0.8125rem;
  line-height: 1rem;
  color: #2c323d;
}
.group-page .links-container,
.group-feed-section .links-container,
.group-about-section .links-container,
.group-members-section .links-container {
  list-style: none;
  margin-top: 35px;
  padding: 0 12px;
}
.group-page .link,
.group-feed-section .link,
.group-about-section .link,
.group-members-section .link {
  background: #e9eef5;
  margin-bottom: 1px;
  padding: 0 9px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  height: 42px;
}
.group-page .link .icon,
.group-feed-section .link .icon,
.group-about-section .link .icon,
.group-members-section .link .icon {
  font-size: 1.25rem;
  color: #1a2740;
}
.group-page .link a,
.group-feed-section .link a,
.group-about-section .link a,
.group-members-section .link a {
  font-size: 0.875rem;
  font-weight: 600;
  color: #1f2d49;
  margin-left: 12px;
  flex-grow: 1;
}
.group-page .link a:hover,
.group-feed-section .link a:hover,
.group-about-section .link a:hover,
.group-members-section .link a:hover {
  text-decoration: none;
}
aside.group-page .join-container {
  margin: 0 0 16px;
  padding: 10px 28px;
  height: 60px;
  flex-direction: row-reverse;
}
aside.group-page [data-action='join'] {
  font-size: 0.875rem;
  width: 150px;
}
aside.group-page .heading {
  margin-bottom: 16px;
}
aside.group-page .links-container {
  border: solid 1px #e9eef5;
  margin: 0 0 16px;
  padding: 0;
}
aside.group-page .link {
  background: #fff;
  border-radius: 0;
  height: 44px;
}
aside.group-page .link:not(:last-child) {
  margin-bottom: 2px;
}
@media screen and (min-width: 1024px) {
  .group-about-section .description-container {
    margin-top: 0;
  }
}
.group-members {
  position: relative;
}
.groups,
.popular-groups {
  background: #fff;
  border: solid 1px #e9eef5;
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
}
.groups ul.groups-component,
.popular-groups ul.groups-component {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.groups li.groups-item,
.popular-groups li.groups-item {
  list-style-type: none;
  border-bottom: solid 1px #e9eef5;
}
.groups a,
.popular-groups a {
  padding: 12px;
  display: flex;
}
.groups a:hover,
.popular-groups a:hover {
  text-decoration: none;
}
.groups .avatar,
.popular-groups .avatar {
  width: 50px;
  height: 50px;
  flex-shrink: 0;
}
.groups .data,
.popular-groups .data {
  margin-left: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.groups p.title,
.popular-groups p.title {
  font-size: 0.9375rem;
  font-weight: bold;
  color: #434b5a;
  margin: 0;
}
.groups .updates,
.popular-groups .updates {
  display: flex;
}
.groups p.update,
.popular-groups p.update {
  font-size: 0.75rem;
  color: #000;
  background: #e9eef5;
  margin: 10px 5px 0 0;
  padding: 5px 8px;
  border-radius: 12px;
}
.groups .go-to-groups,
.popular-groups .go-to-groups {
  font-size: 0.875rem;
  font-weight: bold;
  color: #9ca7ba;
  text-align: right;
  padding: 14px 10px;
  display: block;
}
.popular-groups .data {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-grow: 1;
}
.group-page .content {
  display: flex;
  width: 300%;
  transition: -webkit-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.group-page .content.show-feed {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}
.group-page .content.show-about {
  -webkit-transform: translateX(calc(-100% / 3));
  transform: translateX(calc(-100% / 3));
}
.group-page .content.show-members {
  -webkit-transform: translateX(calc(-100% / 3 * 2));
  transform: translateX(calc(-100% / 3 * 2));
}
.group-page .content article {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .group-page {
    overflow: hidden;
  }
}
.match-top-actions {
  box-sizing: border-box;
  margin-top: 45px;
  padding: 0 15px;
  display: flex;
  align-items: center;
  width: 100%;
  height: 35px;
  position: relative;
  z-index: 1;
}
.match-top-actions .back-link {
  font-family: 'Open Sans';
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.8125rem;
  color: #fff;
  display: flex;
  align-items: center;
}
.match-top-actions .back-link .custom-icon-arrow {
  border-top: solid 2px #fff;
  border-left: solid 2px #fff;
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.match-top-actions .back-link p {
  margin-left: 6px;
  opacity: 0.5;
}
.match-top-actions .outcomes-alert-button {
  font-family: 'Open Sans';
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.1875rem;
  color: #fff;
  background: none;
  border: none;
  margin: 0;
  margin-left: auto;
  padding: 0;
  justify-content: flex-start;
  width: auto;
  height: auto;
}
.match-top-actions .outcomes-alert-button span {
  margin-right: 7px;
}
.match-top-actions .outcomes-alert-button .iconbell {
  background: url('/images/svg/add-bell.svg') no-repeat center center;
  background-size: contain;
  margin-right: 0;
  width: 22px;
  height: 18px;
  -webkit-filter: invert(1);
  filter: invert(1);
}
.match-top-actions .outcomes-alert-button.is-active .iconbell {
  background: url('/images/svg/active-bell.svg') no-repeat center center;
  background-size: contain;
  -webkit-filter: none;
  filter: none;
}
.match-breadcrumb {
  font-family: 'Open Sans';
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.0625rem;
  color: #2c323d;
  display: flex;
  align-items: center;
}
.match-breadcrumb .breadcrumb-sport:hover,
.match-breadcrumb .breadcrumb-league:hover {
  text-decoration: underline;
}
.match-breadcrumb .breadcrumb-separator {
  background: #979797;
  margin: 0 12px;
  width: 1px;
  height: 15px;
  opacity: 0.3;
}
.header-match-desktop {
  background: radial-gradient(circle at right, #5166b2 0%, #132953 100%);
  margin-top: -35px;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.header-match-desktop .teams-logos {
  box-sizing: border-box;
  padding-top: 50px;
  display: flex;
  justify-content: space-between;
  width: calc(100% + 46px);
  height: 100%;
  -webkit-transform: translateX(-23px);
  transform: translateX(-23px);
  position: absolute;
  top: 0;
  left: 0;
}
.header-match-desktop .team-logo {
  height: 125px;
  opacity: 0.4;
}
.header-match-desktop .team-logo img {
  display: block;
  height: 100%;
}
.header-match-desktop .floating-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
}
.header-match-desktop .match-league {
  font-family: 'Open Sans';
  font-size: 0.8125rem;
  line-height: 1.0625rem;
  letter-spacing: -0.0125rem;
  text-align: center;
  text-decoration: none;
  color: #f4f6fa;
  margin: 40px auto 0;
  display: inline-block;
}
.header-match-desktop .match-date,
.header-match-desktop .match-status {
  font-family: 'Open Sans';
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.125rem;
  text-align: center;
  color: #f4f6fa;
  margin-top: 21px;
  opacity: 0.5;
}
.header-match-desktop .match-data-container {
  display: flex;
}
.header-match-desktop .team-a-data,
.header-match-desktop .team-b-data {
  flex: 1 1 0;
}
.header-match-desktop .team-name {
  font-family: 'Open Sans';
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.125rem;
  text-align: center;
  color: #fff;
}
.header-match-desktop .start-time,
.header-match-desktop .score {
  font-family: 'Open Sans';
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2.0625rem;
  color: #fff;
  margin: 0 15px;
  display: flex;
  width: auto;
  flex-shrink: 0;
}
.header-match-desktop .team-separator {
  font-size: 1.25rem;
  line-height: 1.6875rem;
  margin: 0 20px;
  flex-shrink: 0;
}
.header-match-desktop .team-a-score {
  text-align: right;
}
.header-match-desktop .team-a-score,
.header-match-desktop .team-b-score {
  flex: 1 1 0;
  width: calc(50% - 96px);
}
.header-match-desktop .match-time {
  font-family: 'Open Sans';
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.125rem;
  text-align: center;
  color: #fff;
}
.header-match-desktop .match-time .time-sup {
  color: #75d600;
}
.header-match-desktop .bet-button {
  font-family: 'Open Sans';
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.25rem;
  letter-spacing: -0.01875rem;
  text-decoration: none;
  color: #ffffff !important;
  background: #4187ff;
  border-radius: 8px;
  margin: 20px auto 0;
  padding: 10px 25px 12px;
  display: inline-block;
}
.header-match-desktop .scroller {
  margin-top: 20px;
  width: 100%;
  height: 32px;
  overflow: scroll;
}
.header-match-desktop .match-navigation-desktop {
  padding: 0 30px;
  box-sizing: border-box;
  display: flex;
  width: auto;
  height: 100%;
}
.header-match-desktop .match-navigation-desktop a {
  font-family: 'Open Sans';
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1rem;
  text-transform: uppercase;
  white-space: pre;
  color: #fff;
  display: flex;
  margin-right: 40px;
  height: 100%;
  position: relative;
  opacity: 0.5;
  transition: opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.header-match-desktop .match-navigation-desktop a:last-child() {
  margin-right: 0;
}
.header-match-desktop .match-navigation-desktop a::before {
  content: '';
  background: #fff;
  width: 100%;
  height: 4px;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: top left;
  transform-origin: top left;
  transition: -webkit-transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.header-match-desktop .match-navigation-desktop a:hover,
.header-match-desktop .match-navigation-desktop a.selected {
  opacity: 1;
}
.header-match-desktop .match-navigation-desktop a:hover::before,
.header-match-desktop .match-navigation-desktop a.selected::before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.header-match-desktop .match-navigation-desktop .icon-lock {
  font-size: 0.75rem;
  margin-top: 2px;
  margin-right: 4px;
}
@media screen and (min-width: 1024px) {
  .match-top-actions {
    background: none;
    margin-top: 25px;
    padding: 0;
    height: auto;
    z-index: 0;
  }
  .match-top-actions .outcomes-alert-button {
    font-size: 0.9375rem;
    line-height: 1.25rem;
    color: #2c323d;
    margin: 0;
    margin-left: auto;
    padding: 0;
    justify-content: flex-start;
    width: auto;
    height: auto;
  }
  .match-top-actions .outcomes-alert-button span {
    margin-right: 2px;
  }
  .match-top-actions .outcomes-alert-button .iconbell {
    -webkit-filter: none;
    filter: none;
  }
  .match-top-actions .outcomes-alert-button.is-active .iconbell {
    -webkit-filter: drop-shadow(0px 0px 1px #000100);
    filter: drop-shadow(0px 0px 1px #000100);
  }
  .header-match-desktop {
    border-radius: 5px 5px 0 0;
    margin-top: 22px;
  }
  .header-match-desktop .teams-logos {
    padding-top: 0;
    align-items: center;
    width: calc(100% + 60px);
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  .header-match-desktop .team-logo {
    height: 150px;
  }
  .header-match-desktop .match-league {
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 0.875rem;
    letter-spacing: -0.015625rem;
    margin: 27px auto 0;
  }
  .header-match-desktop .match-date,
  .header-match-desktop .match-status {
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.1875rem;
    letter-spacing: -0.01625rem;
    margin-top: 15px;
  }
  .header-match-desktop .match-data-container {
    margin-top: 5px;
  }
  .header-match-desktop .team-name {
    font-size: 1.375rem;
    line-height: 0.8125rem;
    letter-spacing: -0.024375rem;
    text-align: left;
  }
  .header-match-desktop .team-a-data .team-name {
    text-align: right;
  }
  .header-match-desktop .start-time,
  .header-match-desktop .score {
    font-size: 2.875rem;
    line-height: 1.8125rem;
    letter-spacing: -0.045rem;
    margin: 0 55px;
  }
  .header-match-desktop .team-separator {
    font-size: 3.625rem;
    line-height: 1.3125rem;
    margin: 0 30px;
  }
  .header-match-desktop .match-time {
    font-size: 0.9rem;
    line-height: 1.1875rem;
    letter-spacing: -0.01625rem;
    margin-top: 8px;
  }
  .header-match-desktop .scroller {
    overflow: hidden;
  }
  .header-match-desktop .match-navigation-desktop {
    padding: 0 40px;
    justify-content: space-between;
    width: 100%;
    overflow: hidden;
  }
  .header-match-desktop .match-navigation-desktop a {
    font-size: 0.875rem;
    letter-spacing: -0.015625rem;
  }
}
.top-header {
  background: #1a2740;
  width: 100%;
  height: 45px;
  position: fixed;
  top: 0;
  z-index: 1;
}
.top-header.with-mega-header {
  background: none;
}
.top-header.account-page-header {
  background: none;
  position: absolute;
}
.top-header.account-page-header .container {
  display: flex;
  align-items: center;
}
.top-header.account-page-header .hamburger-button {
  margin-right: auto;
}
.top-header.account-page-header .follow-button,
.top-header.account-page-header .unfollow-button,
.top-header.account-page-header .edit-button,
.top-header.account-page-header .message-button {
  font-size: 1.125rem;
  color: #fff;
  background: none;
  padding: 10px 6px;
  margin: 0 5px;
  pointer-events: initial;
}
.top-header.account-page-header .follow-button i,
.top-header.account-page-header .unfollow-button i,
.top-header.account-page-header .edit-button i,
.top-header.account-page-header .message-button i {
  margin: 0;
}
.top-header.account-page-header .follow-actions {
  height: 100%;
}
.top-header.account-page-header .follow-actions .icon-spinner:after {
  border-color: #fff;
  border-top-color: transparent;
}
.top-header.account-page-header .follow-actions.already-following .follow-button {
  display: none;
}
.top-header.account-page-header .follow-actions.already-following .unfollow-button {
  display: block;
}
.top-header.account-page-header .follow-actions .unfollow-button {
  display: none;
}
.top-header.account-page-header .separator {
  background: #47546b;
  width: 1px;
  height: 17px;
  margin: 0 5px;
}
.top-header.account-page-header .notifications-action {
  margin-left: 5px;
  margin-right: 10px;
}
.top-header.search-page-header .container {
  display: flex;
  align-items: center;
}
.top-header.search-page-header .notifications-action {
  margin-right: 10px;
}
.top-header .container {
  position: relative;
  height: 100%;
}
.top-header .search-container {
  margin-left: 45px;
  position: relative;
  flex-grow: 1;
}
.top-header .search-container:after {
  content: '\e87b';
  font-family: 'iconfont';
  font-size: 0.6875rem;
  color: #a2afc2;
  position: absolute;
  top: 9px;
  left: 11px;
}
.top-header .menu-button {
  cursor: pointer;
  /*margin-left: auto;*/
  padding: 0px 14px 0 0;
  height: 34px;
  border: solid 2px #263752;
  border-radius: 18px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.top-header .menu-button:hover {
  background: #4c5a75;
  border-color: #4c5a75;
}
.top-header .menu-button.is-pro .pro {
  display: block;
}
.top-header .menu-button .avatar {
  width: 32px;
  height: 32px;
  margin-left: -1px;
}
.top-header .menu-button .username {
  font-family: 'Open Sans';
  font-weight: bold;
  font-size: 0.875rem;
  letter-spacing: -0.03875rem;
  color: #e9eef5;
  margin-left: 8px;
  margin-bottom: 0px;
}
.top-header .menu-button .pro {
  margin-bottom: 0px;
  font-family: 'PT Sans Caption';
  font-size: 0.625rem;
  font-weight: bold;
  line-height: 0.875rem;
  letter-spacing: -0.01125rem;
  color: #fff;
  background: #ffb65f;
  border-radius: 7px;
  padding: 1px 6px 0;
  margin-left: 5px;
  display: none;
}
.top-header .menu {
  background: #fff;
  min-width: 220px;
  visibility: hidden;
  position: fixed;
  top: 50px;
  left: 0;
  border-radius: 3px;
  box-shadow: 0 2px 4px 0 rgba(44, 50, 61, 0.24);
}
.top-header .menu:before {
  content: '';
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  border-left: 10px solid transparent;
  height: 0;
  width: 0;
  position: absolute;
  top: -9px;
  left: 45px;
}
.top-header .menu.show {
  visibility: visible;
}
.top-header .menu li {
  padding: 13px 26px;
}
.top-header .menu li:last-child {
  background: #f4f6fa;
  margin-top: 10px;
  padding: 16px 26px;
  border-radius: 0 0 3px 3px;
}
.top-header .menu li.tipstop-pro-item {
  background: #1a2740;
  box-sizing: border-box;
  margin-bottom: -10px;
  padding: 0 26px;
}
.top-header .menu li.tipstop-pro-item a {
  box-sizing: border-box;
  padding: 8px 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.top-header .menu li.tipstop-pro-item p {
  font-size: 0.6875rem;
  color: #fff;
  margin: 0;
  opacity: 0.5;
}
.top-header .menu li.tipstop-pro-item img {
  display: block;
  width: 144px;
  height: 30px;
}
.top-header .menu a {
  font-size: 1rem;
  font-weight: 600;
  color: #1a2740;
  display: flex;
  align-items: center;
}
.top-header .menu .icon {
  color: #7c8699;
  width: 16px;
}
.top-header .menu .icon-ranking {
  font-size: 0.625rem;
}
.top-header .menu p {
  margin-left: 8px;
}
.top-header .page-title {
  font-size: 1.25rem;
  color: #fff;
  text-align: center;
  padding: 0px 0 10px;
  height: 24px;
  margin-top:10px;
}
.top-header .logo {
  background: url('/images/svg/logo.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  color: transparent;
  margin: 0 auto;
  display: block;
  width: 100px;
  /* height: 100%; */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.top-header .unauth .logo {
  margin-left: 10px;
}
.top-header .search-input-container {
  background: #fff;
  margin-right: 10px;
  padding: 0;
  border-radius: 3px;
  flex-grow: 1;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.top-header .search-input-container i.icon-search {
  font-size: 1rem;
  color: #9ca7ba;
  position: absolute;
  top: 50%;
  left: 8px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.top-header .search-input-container input {
  font-size: 0.9375rem;
  margin: 0;
  padding: 4px 0 4px 30px;
  box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  outline: none;
}
.top-header .search-results {
  display: none;
}
.top-header .sign-up-button,
.top-header .log-in-button {
  font-size: 0.75rem;
  font-weight: 600;
  color: #e9eef5;
  background: #a99b77;
  margin: 0 5px;
  padding: 5px 10px;
  border-radius: 14px;
  pointer-events: initial;
}
.top-header .sign-up-button {
  margin-left: auto;
}
.top-header .log-in-button {
  background: #263752;
  margin-right: 10px;
}
.top-header .main-actions {
  width: 100%;
  height: 45px;
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.top-header .messenger-button {
  margin-left: auto;
  margin-right: 6px;
  position: relative;
}
.top-header .notifications-action {
  margin-right: 6px;
  position: relative;
}
.top-header .notifications-action.has-notification::before {
  content: '';
  background: #d61e00;
  border-radius: 8px;
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 12px;
  left: 16px;
}
.top-header .notifications-count {
  font-size: 0.5rem;
  font-weight: bold;
  color: #e9eef5;
  background: #eb6f5b;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 10px;
  right: -2px;
}
.top-header .notifications-count span {
  margin-bottom: 1px;
}
.top-header .search-button {
  margin-right: 6px;
  height: 100%;
}
@media screen and (min-width: 1024px) {
  .top-header {
    height: 62px;
  }
  .top-header.with-mega-header {
    background: #1a2740;
  }
  .top-header.account-page-header {
    background: #1a2740;
    position: fixed;
  }
  .top-header.account-page-header .notifications-action {
    margin: 0 0 0 21px;
  }
  .top-header [header-navigation] {
    height: 100%;
  }
  .top-header .container {
    display: flex;
    align-items: center;
  }
  .top-header .logo {
    width: 123px;
    margin: 0;
    height: 100%;
  }
  .top-header .unauth .logo {
    background-position: 50%;
    margin: 0;
  }
  .top-header .search-container {
    margin-left: 56px;
    max-width: 370px;
    height: 28px;
  }
  .top-header .search-input,
  .top-header .autocomplete {
    font-family: 'Open Sans';
    font-size: 0.8125rem;
    color: #fff;
    background: #233557;
    margin: 0;
    padding: 0 30px;
    border-radius: 14px;
    border: none;
    outline: none;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .top-header .search-input::-webkit-input-placeholder,
  .top-header .autocomplete::-webkit-input-placeholder {
    color: #a2afc2;
  }
  .top-header .search-input:-ms-input-placeholder,
  .top-header .autocomplete:-ms-input-placeholder {
    color: #a2afc2;
  }
  .top-header .search-input::-ms-input-placeholder,
  .top-header .autocomplete::-ms-input-placeholder {
    color: #a2afc2;
  }
  .top-header .search-input::placeholder,
  .top-header .autocomplete::placeholder {
    color: #a2afc2;
  }
  .top-header .search-input.with-autocomplete {
    color: transparent;
    caret-color: #fff;
  }
  .top-header .autocomplete {
    background: none;
    display: flex;
    align-items: center;
    pointer-events: none;
  }
  .top-header .search-results {
    background: #fff;
    border: solid 1px #e9eef5;
    border-radius: 3px;
    box-shadow: 0 2px 4px 0 #7c8699;
    box-sizing: border-box;
    margin-top: 5px;
    display: flex;
    flex-direction: column;
    width: 100%;
    position: absolute;
    top: 28px;
    visibility: hidden;
  }
  .top-header .search-results.show {
    visibility: visible;
  }
  .top-header .results-list {
    padding: 10px 0;
    max-height: 300px;
    overflow-y: scroll;
	    width: 363px;
  }
  .top-header .results-item.selected {
    background: #e9eef5;
  }
  .top-header .results-item a {
    padding: 3px 10px;
    display: flex;
    align-items: center;
  }
  .top-header .results-item .avatar {
    width: 24px;
    height: 24px;
    margin: 0;
  }
  .top-header .results-item p {
    font-size: 0.875rem;
    font-weight: bold;
    color: #434b5a;
    margin-left: 10px;
  }
  .top-header .search-page-link {
    font-size: 0.75rem;
    font-weight: bold;
    letter-spacing: -0.1px;
    text-align: right;
    text-decoration: underline;
    color: #7c8699;
    padding: 0 10px 10px;
  }
  .top-header .sign-up-button,
  .top-header .log-in-button {
    font-size: 0.8125rem;
    margin-left: auto;
    padding: 5px 20px;
  }
  .top-header .log-in-button {
    margin-left: 15px;
  }
  .top-header .notifications-action {
    margin: 0 0 0 21px;
  }
  .top-header .notifications-action.has-notification::before {
    top: 3px;
    left: 12px;
  }
  .top-header .notifications-button {
    margin: -10px;
    padding: 10px;
  }
  .top-header .notifications-count {
    top: 0;
    right: -8px;
  }
}
.hero-no-auth {
  text-align: center;
  background: url('../images/hp/not-logged-bg-mobile.jpg') center center no-repeat;
  background-size: cover;
  margin-top: 45px;
  margin-bottom: -45px;
  padding: 12px;
  box-sizing: border-box;
  width: 100%;
  height: 105px;
}
.hero-no-auth .catchphrase {
  font-size: 0.75rem;
  line-height: 0.9375rem;
  font-weight: bold;
  letter-spacing: -0.00625rem;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.hero-no-auth .number {
  font-size: 1.875rem;
  font-weight: bold;
  letter-spacing: -0.028125rem;
  text-align: right;
  color: #a99b77;
  display: inline-block;
  width: 100px;
  flex-shrink: 0;
}
.hero-no-auth .text {
  text-align: left;
  margin-left: 10px;
}
.hero-no-auth strong {
  font-weight: 900;
}
.hero-no-auth .gold {
  color: #a99b77;
}
.hero-no-auth .arrow-svg {
  background: url('../images/svg/arrow.svg') no-repeat center center;
  width: 23px;
  height: 32px;
  position: absolute;
  top: -50px;
  right: 130px;
}
.hero-no-auth .sign-up-button {
  font-size: 0.65625rem;
  font-weight: 600;
  color: #e9eef5;
  background: #a99b77;
  margin: 10px auto 0;
  padding: 5px 10px;
  border-radius: 14px;
}
.hero-no-auth .top-matchs-shortcut {
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  color: #35425b;
  background: #fff;
  border: none;
  border-radius: 3px;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 12px 45px 12px 30px;
  position: relative;
  box-shadow: 0 0 10px 0 rgba(30, 37, 50, 0.78);
}
.hero-no-auth .top-matchs-shortcut:after {
  content: '';
  background: url('/images/icons/arrow-down.svg') no-repeat center center;
  background-size: contain;
  margin-top: 2px;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 14px;
  height: 14px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0.5;
}
@media screen and (min-width: 1024px) {
  .hero-no-auth {
    background: url('../images/hp/not-logged-bg-desktop.jpg') center center no-repeat;
    background-size: cover;
    margin-top: 62px;
    margin-bottom: -80px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 140px;
  }
  .hero-no-auth .catchphrase {
    font-size: 1.25rem;
    flex-wrap: wrap;
    justify-content: unset;
    white-space: pre-wrap;
  }
  .hero-no-auth .number {
    font-size: 3.375rem;
    width: 160px;
  }
}
[homepage-history] {
  margin-bottom: 16px;
  position: relative;
}
[homepage-history] .loading {
  background: #fff;
  border: solid 1px #e9eef5;
  width: 100%;
  min-height: 100px;
  position: relative;
}
[homepage-history] .loading .icon-spinner {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
[homepage-history] .content {
  background: none;
  padding: 0 8px;
  display: flex;
  flex-direction: column;
  height: auto !important;
}
[homepage-history] .header {
  padding: 0 6px;
  display: flex;
  align-items: center;
}
[homepage-history] .header .title {
  font-size: 0.875rem;
  font-weight: 600;
  color: #35425b;
  padding: 10px 0;
}
[homepage-history] .no-results-container {
  background: #fff;
  border: solid 1px #e9eef5;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
}
[homepage-history] .history-wrapper {
  background: #fff;
  padding: 5px;
}
[homepage-history] .history-list-item {
  background: #f4f6fa;
  border-radius: 3px 3px 0 0;
  padding: 0 12px;
  display: flex;
  align-items: center;
  height: 70px;
}
[homepage-history] .history-list-item.is-combined {
  background: #f4f6fa;
  transition: -webkit-transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[homepage-history] .history-list-item.is-combined .date-container-sport {
  display: none;
}
[homepage-history] .history-list-item.is-combined .date-container-combined {
  display: block;
}
[homepage-history] .history-list-item.is-combined .date-icon-arrow-down {
  display: block;
}
[homepage-history] .history-list-item.is-combined .match-container-match,
[homepage-history] .history-list-item.is-combined .match-container-outcome {
  display: none;
}
[homepage-history] .history-list-item.is-combined .is-combined-match-number {
  display: block;
}
[homepage-history] .history-list-item.is-combined-details {
  display: none;
}
[homepage-history] .history-list-item.is-active .icon-arrow-down {
  -webkit-transform: translateX(-50%) rotate(180deg);
  transform: translateX(-50%) rotate(180deg);
}
[homepage-history] .history-list-item.expand {
  display: flex;
}
[homepage-history] .history-list-item:not(:last-child) {
  margin-bottom: 4px;
}
[homepage-history] .date-container {
  width: 40px;
  flex-shrink: 0;
  position: relative;
}
[homepage-history] .date-container-date {
  font-size: 0.8125rem;
  line-height: 1.125rem;
  color: #9ca7ba;
}
[homepage-history] .date-container-sport,
[homepage-history] .date-container-combined {
  font-size: 0.4375rem;
  font-weight: bold;
  line-height: 0.875rem;
  letter-spacing: -0.008125rem;
  text-transform: uppercase;
  color: #9ca7ba;
}
[homepage-history] .date-container-combined {
  display: none;
}
[homepage-history] .date-icon-arrow-down {
  font-size: 0.375rem;
  color: #9ca7ba;
  display: none;
  position: absolute;
  bottom: -12px;
  left: 40%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  transition: -webkit-transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[homepage-history] .match-container {
  margin-left: 15px;
  flex-grow: 1;
  overflow: hidden;
}
[homepage-history] .match-container-match,
[homepage-history] .is-combined-match-number {
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: -0.013125rem;
  line-height: 0.9375rem;
  color: #171b22;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[homepage-history] .is-combined-match-number {
  display: none;
}
[homepage-history] .match-container-outcome {
  font-size: 0.625rem;
  letter-spacing: -0.01125rem;
  line-height: 0.8125rem;
  color: #434b5a;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[homepage-history] .match-container-bet {
  font-size: 0.625rem;
  letter-spacing: -0.0125rem;
  line-height: 0.875rem;
  color: #7c8699;
}
[homepage-history] .match-container-bet-value,
[homepage-history] .match-container-bet-winnings {
  font-size: 0.6875rem;
  font-weight: bold;
  letter-spacing: -0.0125rem;
  line-height: 0.875rem;
  color: #a99b77;
}
[homepage-history] .match-container-bet-winnings {
  color: #7ed321;
}
[homepage-history] .match-container-bet-separator {
  font-size: 0.625rem;
  font-weight: bold;
  letter-spacing: -0.01125rem;
  color: #7c8699;
  opacity: 0.4;
}
[homepage-history] .outcome-container {
  font-size: 0.6875rem;
  font-weight: bold;
  letter-spacing: -0.01375rem;
  text-align: center;
  color: #1a2740;
  margin-left: 8px;
  width: 30px;
  flex-shrink: 0;
}
[homepage-history] .results-container {
  margin-left: 8px;
  flex-shrink: 0;
}
[homepage-history] .results-container-result {
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 23px;
  height: 23px;
}
[homepage-history] .results-container-result.won {
  background: #84ad08;
}
[homepage-history] .results-container-result.lost {
  background: #eb6f5b;
}
[homepage-history] .results-container-result.playing {
  background: #f19133;
}
[homepage-history] .results-container-result.playing .results-container-letter {
  margin-bottom: 4px;
}
[homepage-history] .results-container-result.payback {
  background: #a4aebf;
}
[homepage-history] .results-container-letter {
  font-size: 0.625rem;
  font-weight: bold;
  color: #fff;
}
[homepage-history] .account-history-link {
  font-size: 0.6875rem;
  font-weight: bold;
  letter-spacing: -0.005625rem;
  text-transform: uppercase;
  color: #586b86;
  border: solid 1px currentcolor;
  border-radius: 3px;
  margin-top: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 36px;
}
@media screen and (min-width: 1024px) {
  [homepage-history] .content {
    padding: 0;
  }
  [homepage-history] .header {
    padding: 0;
  }
  [homepage-history] .header .title {
    font-size: 1.125rem;
  }
  [homepage-history] .history-wrapper {
    background: none;
    padding: 0;
  }
  [homepage-history] .history-list-item,
  [homepage-history] .history-list-item:not(:last-child) {
    background: #fff;
    border: solid 1px #e9eef5;
    margin-bottom: 0;
  }
  [homepage-history] .history-list-item.is-combined,
  [homepage-history] .history-list-item:not(:last-child).is-combined {
    background: #f4f6fa;
  }
  [homepage-history] .date-container-date {
    font-size: 0.625rem;
    line-height: 0.875rem;
  }
  [homepage-history] .match-container {
    margin-left: 32px;
  }
  [homepage-history] .outcome-container {
    margin-left: 24px;
  }
  [homepage-history] .results-container {
    margin-left: 24px;
  }
  [homepage-history] .results-container-result {
    width: 60px;
    height: 25px;
  }
  [homepage-history] .results-container-result.playing .results-container-letter {
    margin-bottom: 0;
  }
}
[hot-matchs] {
  margin-bottom: 16px;
  position: relative;
}
[hot-matchs] .loading {
  background: #fff;
  border: solid 1px #e9eef5;
  width: 100%;
  min-height: 100px;
  position: relative;
}
[hot-matchs] .loading .icon-spinner {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
[hot-matchs] .content {
  background: none;
  padding: 0 8px;
  display: flex;
  flex-direction: column;
  height: auto !important;
}
[hot-matchs] .header {
  padding: 0 6px;
  display: flex;
  align-items: center;
}
[hot-matchs] .header .title {
  font-size: 0.875rem;
  font-weight: 600;
  color: #35425b;
  padding: 10px 0;
}
[hot-matchs] .no-results-container {
  background: #fff;
  border: solid 1px #e9eef5;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
}
[hot-matchs] .leagues-list-item {
  background: #fff;
  border-radius: 5px 5px 0 0;
  margin-bottom: 5px;
  padding: 5px;
}
[hot-matchs] .leagues-list-item-header {
  padding: 5px;
  display: flex;
  align-items: center;
}
[hot-matchs] .country-logo {
  display: block;
  width: 12px;
  height: 12px;
}
[hot-matchs] .league-name {
  font-size: 0.875rem;
  color: #2c323d;
  margin-left: 5px;
}
[hot-matchs] .sport {
  font-size: 0.5625rem;
  font-weight: bold;
  letter-spacing: -0.009375rem;
  text-transform: uppercase;
  color: #8793a7;
  margin-left: auto;
}
[hot-matchs] .league-match-item {
  margin-top: 5px;
}
[hot-matchs] .league-match-item .match-link {
  text-decoration: none;
  background: #f4f6fa;
  border-radius: 3px 3px 0 0;
  display: flex;
  width: 100%;
  /*height: 70px;*/
}
[hot-matchs] .league-match-item .start-date {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 50px;
  flex-shrink: 0;
  position: relative;
}
[hot-matchs] .league-match-item .start-date:after {
  content: '';
  background: #9ca7ba;
  width: 1px;
  height: 32px;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
[hot-matchs] .league-match-item .start-date-day,
[hot-matchs] .league-match-item .start-date-hour {
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.125rem;
  color: #263752;
}
[hot-matchs] .league-match-item .start-date-hour {
  font-weight: normal;
  color: #9ca7ba;
}
[hot-matchs] .league-match-item .teams {
  padding-left: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
  max-width: calc(100% - 117px);
  margin-top:23px;
}
[hot-matchs] .league-match-item .team {
  margin: 3px 0;
  display: flex;
  align-items: center;
  width: 100%;
}
[hot-matchs] .league-match-item .team-logo {
  display: block;
  width: 22px;
  height: 22px;
  flex-shrink: 0;
}
[hot-matchs] .league-match-item .team-name {
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: -0.01375rem;
  color: #171b22;
  margin-left: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0;
}
[hot-matchs] .league-match-item .cotes {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 55px;
  flex-shrink: 0;
  position: relative;
}
[hot-matchs] .league-match-item .cotes:after {
  content: '';
  background: #9ca7ba;
  width: 1px;
  height: 32px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
[hot-matchs] .league-match-item .cote,
[hot-matchs] .league-match-item .separator {
  font-size: 0.625rem;
  font-weight: bold;
  line-height: 1rem;
  letter-spacing: -0.01125rem;
  color: #434b5a;
}
[hot-matchs] .league-match-item .separator {
  margin: 0 5px;
}
[hot-matchs] .league-match-item .outcomes-alert-button {
  background: none;
  margin: 0;
  padding: 0;
  justify-content: center;
  width: 40px;
  height: 58px;
  opacity: 0.5;
}
[hot-matchs] .league-match-item .outcomes-alert-button .icon-bell {
  margin-left: 3px;
}
[hot-matchs] .league-match-item .outcomes-alert-button.is-active {
  background: rgba(125, 211, 33, 0.1);
  border-color: #7ed321;
}
[hot-matchs] .league-match-item .outcomes-alert-button.is-active .icon-bell {
  color: #7ed321;
}
@media screen and (min-width: 1024px) {
  [hot-matchs] .content {
    padding: 0;
  }
  [hot-matchs] .header {
    padding: 0;
  }
  [hot-matchs] .header .title {
    font-size: 1.125rem;
  }
  [hot-matchs] .leagues-list-item {
    padding: 0;
  }
  [hot-matchs] .leagues-list-item-header {
    padding: 10px;
  }
  [hot-matchs] .country-logo {
    width: 22px;
    height: 22px;
  }
  [hot-matchs] .league-name {
    margin-left: 10px;
  }
  [hot-matchs] .league-match-item {
    background: #fff;
    border-top: solid 1px #e9eef5;
    margin: 0;
  }
  [hot-matchs] .league-match-item .match-link {
    background: none;
    border-bottom: solid 1px #e9eef5;
    border-radius: 0;
    height: 55px;
  }
  [hot-matchs] .league-match-item .start-date {
    font-size: 0.75rem;
    font-weight: bold;
    width: 55px;
  }
  [hot-matchs] .league-match-item .start-date:after {
    height: 23px;
  }
  [hot-matchs] .league-match-item .teams {
    padding: 0;
    flex-direction: row;
    align-items: center;
    max-width: calc(100% - 185px);
	margin-top:0;
  }
  [hot-matchs] .league-match-item .team {
    margin-left: 10px;
    margin-right: 5px;
    width: calc(50% - 60px);
  }
  [hot-matchs] .league-match-item .team:first-child {
    margin-left: 5px;
    margin-right: 10px;
    flex-direction: row-reverse;
  }
  [hot-matchs] .league-match-item .team:first-child .team-name {
    margin-left: 0;
    margin-right: 10px;
  }
  [hot-matchs] .league-match-item .team-logo {
    width: 24px;
    height: 24px;
  }
  [hot-matchs] .league-match-item .team-name {
    font-size: 0.875rem;
    letter-spacing: -0.015625rem;
    margin-left: 10px;
  }
  [hot-matchs] .league-match-item .pronostics {
    font-size: 0.8125rem;
    font-weight: 600;
    text-align: center;
    color: #a99b77;
    width: 90px;
    flex-shrink: 0;
  }
  [hot-matchs] .league-match-item .no-pronostic {
    color: #eb6f5b;
  }
  [hot-matchs] .league-match-item .cotes {
    flex-direction: row;
    width: 130px;
  }
  [hot-matchs] .league-match-item .cote,
  [hot-matchs] .league-match-item .separator {
    font-size: 0.75rem;
  }
  [hot-matchs] .league-match-item .outcomes-alert-button {
    padding: 0 12px;
    justify-content: space-between;
    width: 100px;
    height: 32px;
  }
}
[indicators] {
  margin-bottom: 16px;
  position: relative;
}
[indicators] .loading {
  background: #fff;
  border: solid 1px #e9eef5;
  width: 100%;
  min-height: 100px;
  position: relative;
}
[indicators] .loading .icon-spinner {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
[indicators] .content {
  background: none;
  padding: 0 8px;
  display: flex;
  flex-direction: column;
  height: auto !important;
}
[indicators] .header {
  padding: 0 6px;
  display: flex;
  align-items: center;
}
[indicators] .header .title {
  font-size: 0.875rem;
  font-weight: 600;
  color: #35425b;
  padding: 10px 0;
}
[indicators] [tooltip] button:hover + .info-container,
[indicators] [tooltip] button:focus + .info-container {
  -webkit-transform: translate(-30%, -100%) translateY(-10px);
  transform: translate(-30%, -100%) translateY(-10px);
}
[indicators] [tooltip] .info-container {
  -webkit-transform: translate(-30%, -100%) translateY(-5px);
  transform: translate(-30%, -100%) translateY(-5px);
}
[indicators] [tooltip] .info-container:after {
  left: 30%;
}
[indicators] .no-results-container {
  background: #fff;
  border: solid 1px #e9eef5;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
}
[indicators] .indicators-list {
  border-top: solid 1px #e9eef5;
  border-right: solid 1px #e9eef5;
}
[indicators] .indicators-list-item {
  background: #fff;
  border-bottom: solid 1px #e9eef5;
  display: flex;
  height: 55px;
}
[indicators] .team,
[indicators] .indicator {
  border-left: solid 1px #e9eef5;
  display: flex;
  justify-content: center;
  align-items: center;
}
[indicators] .team {
  flex-direction: column;
  flex-shrink: 0;
  width: 50px;
}
[indicators] .indicator {
  flex-grow: 1;
}
[indicators] .figures {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.1875rem;
  color: #1f2d49;
}
[indicators] .more {
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  color: #35425b;
  opacity: 0.5;
}
[indicators] .indicator-label {
  font-size: 0.75rem;
  font-weight: 600;
  text-decoration: underline;
  color: #35425b;
}
[indicators] .cote-variations-footer {
  background: #fff;
  border-top: solid 1px #e9eef5;
  padding: 0 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 50px;
}
[indicators] .cote-variations-footer img {
  display: block;
  width: 100px;
  height: 30px;
}
[indicators] .cote-variations-footer p {
  font-size: 0.75rem;
  letter-spacing: -0.015rem;
  color: #1a2740;
  border: solid 1px currentColor;
  border-radius: 20px;
  padding: 10px;
  cursor: pointer;
}
[indicators] .cote-variations-footer .icon-eject {
  font-size: 0.625rem;
  color: #1a2740;
  margin-left: 5px;
}
@media screen and (min-width: 1024px) {
  [indicators] .content {
    padding: 0;
  }
  [indicators] .header {
    padding: 0;
  }
  [indicators] .header .title {
    font-size: 1.125rem;
  }
  [indicators] .indicators-list-item {
    height: 65px;
  }
  [indicators] .team {
    width: 70px;
  }
  [indicators] .figures {
    font-size: 1.0625rem;
    line-height: 1.4375rem;
  }
  [indicators] .more {
    font-size: 0.8125rem;
    line-height: 1.125rem;
  }
  [indicators] .indicator-label {
    font-size: 0.875rem;
  }
}
[likes-modal] {
  background: #fff;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  max-height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  -webkit-transform: translate(100%, 0%);
  transform: translate(100%, 0%);
  transition: -webkit-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  z-index: 99999999;
}
[likes-modal].show {
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
}
[likes-modal] button.close {
  font-size: 0;
  color: #fff;
  padding: 5px;
  position: absolute;
  top: -35px;
  right: -5px;
  -webkit-filter: drop-shadow(0px 0px 1.5px rgba(0, 1, 0, 0.9));
  filter: drop-shadow(0px 0px 1.5px rgba(0, 1, 0, 0.9));
}
[likes-modal] button.close .icon-close {
  font-size: 0.875rem;
}
[likes-modal] header {
  text-align: center;
  padding: 15px 0;
  position: relative;
  flex-shrink: 0;
}
[likes-modal] header .back-button {
  font-size: 1rem;
  color: #393f4c;
  padding: 14px 18px 10px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
[likes-modal] header .title {
  font-size: 1rem;
  font-weight: bold;
  color: #393f4c;
}
[likes-modal] .content {
  background: #fff;
  padding: 0 12px;
  overflow-x: hidden;
}
[likes-modal] .loading {
  background: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
[likes-modal] .icon-spinner {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 1024px) {
  [likes-modal] {
    border-radius: 3px;
    width: 430px;
    height: auto;
    max-height: 500px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -47%);
    transform: translate(-50%, -47%);
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
  [likes-modal].show {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  [likes-modal] .loading {
    height: 100px;
    z-index: 1;
  }
  [likes-modal] .icon-spinner {
    width: 50px;
    height: 50px;
  }
  [likes-modal] .content {
    padding: 0;
  }
}
[login-modal],
[signup-modal] {
  background: #fff;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  box-shadow: 0 2px 4px 0 rgba(44, 50, 61, 0.24);
  -webkit-transform: translate(100%, 0%);
  transform: translate(100%, 0%);
  transition: -webkit-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  z-index: 99999999;
}
[login-modal].show,
[signup-modal].show {
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
}
[login-modal] .forgot-password form,
[signup-modal] .forgot-password form {
  margin-top: 0;
}
[login-modal] button.close,
[signup-modal] button.close {
  font-size: 0;
  color: #fff;
  padding: 5px;
  position: absolute;
  top: -35px;
  right: -5px;
  -webkit-filter: drop-shadow(0px 0px 1.5px rgba(0, 1, 0, 0.9));
  filter: drop-shadow(0px 0px 1.5px rgba(0, 1, 0, 0.9));
}
[login-modal] button.close .icon-close,
[signup-modal] button.close .icon-close {
  font-size: 0.875rem;
}
[login-modal] header,
[signup-modal] header {
  text-align: center;
  margin-bottom: 40px;
  padding: 12px 0;
}
[login-modal] header .back-button,
[signup-modal] header .back-button {
  font-size: 1rem;
  color: #393f4c;
  padding: 14px 18px 10px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
[login-modal] header .title,
[signup-modal] header .title {
  font-size: 1.5rem;
  font-weight: bold;
  color: #393f4c;
}
[login-modal] header .title-gold,
[signup-modal] header .title-gold {
  color: #a99b77;
}
[login-modal] .content,
[signup-modal] .content {
  background: #fff;
  padding: 0 20px;
  border-radius: 0 0 3px 3px;
}
[login-modal] .fb-button,
[signup-modal] .fb-button {
  text-align: left;
  padding: 10px 30px;
  width: 100%;
}
[login-modal] .separator,
[signup-modal] .separator {
  font-size: 1rem;
  text-align: center;
  color: #393f4c;
  margin-top: 22px;
  position: relative;
}
[login-modal] .separator:after,
[signup-modal] .separator:after {
  content: '';
  background: #bac4d5;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 0;
}
[login-modal] .separator span,
[signup-modal] .separator span {
  background: #fff;
  padding: 0 20px;
  position: relative;
  z-index: 1;
}
[login-modal] form,
[signup-modal] form {
  margin-top: 22px;
}
[login-modal] .message,
[signup-modal] .message {
  text-align: center;
}
[login-modal] .message .generic-error,
[signup-modal] .message .generic-error,
[login-modal] .message .reset_message_ko,
[signup-modal] .message .reset_message_ko,
[login-modal] .message .reset_message_ok,
[signup-modal] .message .reset_message_ok {
  font-size: 0.6875rem;
  font-weight: bold;
  color: #000;
  background: #d4dae6;
  padding: 12px 8px;
  margin: 12px 0;
  display: none;
}
[login-modal] .message .error,
[signup-modal] .message .error {
  color: #fff;
  background-color: #eb6f5b;
}
[login-modal] .inputs,
[signup-modal] .inputs {
  width: 100%;
}
[login-modal] .inputs input,
[signup-modal] .inputs input {
  box-sizing: border-box;
  width: 100%;
}
[login-modal] input,
[signup-modal] input {
  font-size: 0.75rem;
  border: solid 1px #e9eef5;
  border-radius: 3px;
  padding: 14px;
}
[login-modal] input::-webkit-input-placeholder,
[signup-modal] input::-webkit-input-placeholder {
  color: #9ca7ba;
}
[login-modal] input:-ms-input-placeholder,
[signup-modal] input:-ms-input-placeholder {
  color: #9ca7ba;
}
[login-modal] input::-ms-input-placeholder,
[signup-modal] input::-ms-input-placeholder {
  color: #9ca7ba;
}
[login-modal] input::placeholder,
[signup-modal] input::placeholder {
  color: #9ca7ba;
}
[login-modal] input:not(:first-child),
[signup-modal] input:not(:first-child) {
  margin-top: 10px;
}
[login-modal] .checkboxes,
[signup-modal] .checkboxes {
  margin-top: 25px;
}
[login-modal] .custom-checkbox,
[signup-modal] .custom-checkbox {
  margin: 0;
  display: block;
  width: 14px;
  height: 14px;
  opacity: 0;
  float: left;
}
[login-modal] .custom-checkbox:checked + .custom-checkbox-label:after,
[signup-modal] .custom-checkbox:checked + .custom-checkbox-label:after {
  content: '\e855';
  font-family: 'iconfont';
  font-size: 0.5rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background: #1f2d49;
  display: block;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 0;
  left: 0;
}
[login-modal] .custom-checkbox-label,
[signup-modal] .custom-checkbox-label {
  font-size: 0.6875rem;
  line-height: 0.875rem;
  color: #171b22;
  margin-top: 10px;
  padding: 0 20px;
  display: block;
  position: relative;
}
[login-modal] .custom-checkbox-label:before,
[signup-modal] .custom-checkbox-label:before {
  content: '';
  background: #fff;
  border: solid 1px #171b22;
  box-sizing: border-box;
  display: block;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 0;
  left: 0;
}
[login-modal] .submit-button,
[signup-modal] .submit-button {
  font-size: 0.875rem;
  font-weight: bold;
  color: #fff;
  background: #84ad08;
  border-radius: 3px;
  box-sizing: border-box;
  margin: 30px auto 0;
  padding: 15px;
  display: block;
  width: 210px;
}
[login-modal] .actions,
[signup-modal] .actions {
  margin-top: 25px;
}
[login-modal] .password-forgotten,
[signup-modal] .password-forgotten,
[login-modal] .go-login,
[signup-modal] .go-login {
  font-size: 0.75rem;
  font-weight: bold;
  text-align: right;
  color: #eb6f5b;
}
[login-modal] .go-login,
[signup-modal] .go-login {
  color: #a99b77;
}
[login-modal] .no-account,
[signup-modal] .no-account {
  font-size: 0.75rem;
  text-align: right;
  margin-top: 10px;
}
[login-modal] .no-account button,
[signup-modal] .no-account button {
  font-weight: bold;
  color: #a99b77;
  padding: 0;
}
[signup-modal] form {
  margin-top: 0;
}
@media screen and (min-width: 1024px) {
  [login-modal],
  [signup-modal] {
    border-radius: 3px;
    width: 430px;
    height: auto;
    max-height: 500px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -47%);
    transform: translate(-50%, -47%);
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
  [login-modal].show,
  [signup-modal].show {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  [login-modal] header,
  [signup-modal] header {
    margin-bottom: 0;
    padding: 45px 0;
  }
  [login-modal] .content,
  [signup-modal] .content {
    padding: 0 65px 45px;
  }
}
.match-composition {
  margin: 12px 0 16px;
}
.matchlist-calendar {
  background: #fff;
  border: solid 1px #e9eef5;
  margin-bottom: 16px;
  padding: 12px 6px;
  position: relative;
}
.matchlist-calendar .loading {
  background: #fff;
  width: 100%;
  min-height: 100px;
  position: relative;
}
.matchlist-calendar .loading .icon-spinner {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.matchlist-calendar .content {
  padding: 20px 12px;
  display: flex;
  flex-direction: column;
}
.matchlist-calendar .ui-datepicker-header{
	 position: relative;
 
}
.matchlist-mobile-calendar .ui-datepicker-header {
  margin-bottom: 16px;
  position: relative;
}
.matchlist-calendar .ui-datepicker-title,
.matchlist-mobile-calendar .ui-datepicker-title {
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.25rem;
  text-align: center;
  text-transform: capitalize;
  color: #434b5a;
}
.matchlist-calendar .ui-datepicker-prev,
.matchlist-mobile-calendar .ui-datepicker-prev,
.matchlist-calendar .ui-datepicker-next,
.matchlist-mobile-calendar .ui-datepicker-next {
  font-size: 0;
  text-decoration: none;
  padding: 4px 8px;
  cursor: pointer;
  position: absolute;
}
.matchlist-calendar .ui-datepicker-prev:after,
.matchlist-mobile-calendar .ui-datepicker-prev:after,
.matchlist-calendar .ui-datepicker-next:after,
.matchlist-mobile-calendar .ui-datepicker-next:after {
  content: '\e84d';
  font-family: 'iconfont';
  font-size: 0.875rem;
}
.matchlist-calendar .ui-datepicker-next,
.matchlist-mobile-calendar .ui-datepicker-next {
  right: 0;
}
.matchlist-calendar .ui-datepicker-next:after,
.matchlist-mobile-calendar .ui-datepicker-next:after {
  content: '\e84e';
}
.matchlist-calendar .ui-datepicker-calendar,
.matchlist-mobile-calendar .ui-datepicker-calendar {
  width: 100%;
}
.matchlist-calendar .ui-datepicker-calendar thead span,
.matchlist-mobile-calendar .ui-datepicker-calendar thead span {
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 1.875rem;
  color: #9ca7ba;
}
.matchlist-calendar .ui-datepicker-calendar tbody td,
.matchlist-mobile-calendar .ui-datepicker-calendar tbody td {
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 1.875rem;
  text-align: center;
  color: #434b5a !important;
  border-radius: 50%;
  transition: background 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.matchlist-calendar .ui-datepicker-calendar tbody td:hover,
.matchlist-mobile-calendar .ui-datepicker-calendar tbody td:hover {
  background: #e9eef5;
}
.matchlist-calendar .ui-datepicker-calendar tbody td.ui-datepicker-other-month,
.matchlist-mobile-calendar .ui-datepicker-calendar tbody td.ui-datepicker-other-month {
  font-weight: normal;
  color: #9ca7ba;
}
.matchlist-calendar .ui-datepicker-calendar tbody td.ui-datepicker-today,
.matchlist-mobile-calendar .ui-datepicker-calendar tbody td.ui-datepicker-today {
  color: #d61e00;
  font-weight: bold;
}
.matchlist-calendar .ui-datepicker-calendar tbody td.ui-datepicker-current-day,
.matchlist-mobile-calendar .ui-datepicker-calendar tbody td.ui-datepicker-current-day {
  color: #fff;
  background: #233557;
}

.matchlist-calendar .ui-datepicker-calendar tbody td a,
.matchlist-mobile-calendar .ui-datepicker-calendar tbody td a {
  text-decoration: none;
  color: #434b5a;
}

.matchlist-calendar .ui-datepicker-calendar tbody td a.ui-state-active,
.matchlist-mobile-calendar .ui-datepicker-calendar tbody td a.ui-state-active {
  text-decoration: none;
  color: #fff !important;
}
.matchlist-mobile-calendar {
  width: 80vw;
  height: auto;
  background: #fff;
  border: 0;
  border-radius: 3px;
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 9999;
  -webkit-transform: translate(-50%, -45%);
  transform: translate(-50%, -45%);
  transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  visibility: hidden;
  opacity: 0;
  overflow: hidden;
}
.matchlist-mobile-calendar.show {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  visibility: visible;
  opacity: 1;
}
.matchlist-mobile-calendar .content {
  background: #fff;
}
.matchlist-mobile-calendar header {
  background: #1b2741;
  padding: 16px;
}
.matchlist-mobile-calendar .selected-year {
  font-size: 1.125rem;
  font-weight: bold;
  color: #fff;
  opacity: 0.7;
}
.matchlist-mobile-calendar .selected-date {
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  margin-top: 5px;
}
.matchlist-mobile-calendar .selected-date:first-letter {
  text-transform: capitalize;
}
.matchlist-mobile-calendar .calendar {
  margin: 12px auto 40px;
  padding: 0 16px;
  width: 216px;
}
.matchlist-mobile-calendar footer {
  padding: 16px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.matchlist-mobile-calendar .cancel-calendar-button,
.matchlist-mobile-calendar .submit-calendar-button {
  font-size: 0.875rem;
  font-weight: bold;
  color: #1a273a;
  margin-left: 10px;
  padding: 5px 10px;
}
.mega-header {
  width: 100%;
  height: 375px;
  background-size: cover;
  background-position: center center;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mega-header:before {
  content: '';
  background: #1f2d49;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.6;
}
.mega-header h2 {
  font-size: 2.5rem;
  font-weight: bold;
  color: #fff;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
@media screen and (min-width: 1024px) {
  .mega-header {
    margin-top: 32px;
    height: 340px;
  }
}
.moreconv {
  display: none !important;
}
.mobile-menu {
  color: #fff;
  background: #1f2d49;
  width: 100%;
  max-width: 320px;
  height: 100%;
  border: 0;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.mobile-menu .scroll {
  width: 100%;
  height: auto;
  overflow-x: hidden;
  overflow-y: scroll;
  z-index: 1;
}
.mobile-menu .container {
  padding: 30px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-height: 100vh;
  position: relative;
  box-sizing: border-box;
}
.mobile-menu .container:before,
.mobile-menu .container:after {
  content: '';
  background: linear-gradient(to right, #fff, transparent);
  display: block;
  width: 100%;
  height: 40vh;
  opacity: 0.2;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-clip-path: polygon(0 0%, 100% 0, 100% 60%, 0% 100%);
  clip-path: polygon(0 0%, 100% 0, 100% 60%, 0% 100%);
  z-index: -1;
}
.mobile-menu .container:after {
  top: unset;
  bottom: 0;
  left: 0;
  -webkit-clip-path: polygon(0 50%, 100% 0, 100% 100%, 0% 100%);
  clip-path: polygon(0 50%, 100% 0, 100% 100%, 0% 100%);
}
.mobile-menu .gold-corner {
  background: #a79b7b;
  width: 100%;
  height: 15vh;
  position: absolute;
  top: -3vh;
  left: 0;
  -webkit-clip-path: polygon(0 0%, 100% 0, 100% 0%, 0% 100%);
  clip-path: polygon(0 0%, 100% 0, 100% 0%, 0% 100%);
  z-index: -1;
}
.mobile-menu .close-button {
  font-size: 1.0625rem;
  color: #fff;
  padding: 10px;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 35px;
  right: 20px;
  box-sizing: content-box;
}
.mobile-menu header {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
}
.mobile-menu .user-info,
.mobile-menu .description,
.mobile-menu .stats,
.mobile-menu .favorite-sports-list {
  display: flex;
}
.mobile-menu .user-info {
  align-items: flex-end;
}
.mobile-menu .avatar {
  width: 60px;
  height: 60px;
}
.mobile-menu .description {
  margin-left: 20px;
  flex-direction: column;
  flex-grow: 1;
}
.mobile-menu .user-name {
  font-size: 1rem;
  font-weight: bold;
}
.mobile-menu .stats {
  margin: 10px 0 5px;
  justify-content: space-between;
}
.mobile-menu .followers span,
.mobile-menu .followings span {
  font-size: 0.625rem;
  color: #7c8699;
  text-transform: uppercase;
}
.mobile-menu span.numbers {
  font-size: 0.75rem;
  font-weight: bold;
  color: #fff;
}
.mobile-menu .favorite-sports {
  margin-top: 15px;
}
.mobile-menu .favorite-sports-title {
  display: flex;
  align-items: center;
}
.mobile-menu .favorite-sports-title p {
  font-size: 0.625rem;
  font-weight: bold;
  color: #eceff4;
}
.mobile-menu .favorite-sports-line {
  background: #fff;
  margin-left: 15px;
  flex-grow: 1;
  height: 1px;
  opacity: 0.2;
}
.mobile-menu .favorite-sports-list {
  justify-content: space-around;
  margin-top: 15px;
}
.mobile-menu .favorite-sports-list li {
  text-align: center;
}
.mobile-menu .favorite-sport-image {
  margin: 0 auto;
  width: 28px;
  height: 28px;
  display: block;
}
.mobile-menu .favorite-sport-name {
  font-size: 0.75rem;
  font-weight: bold;
  color: #9ca7ba;
  margin-top: 10px;
}
.mobile-menu .favorite-sport-tips {
  font-size: 0.625rem;
  color: #fff;
}
.mobile-menu .profil-link {
  background: #fff;
  margin-top: 20px;
  height: 44px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  border-radius: 3px;
}
.mobile-menu .profil-link-units span:first-child {
  font-size: 1rem;
  font-weight: bold;
  color: #a79b7b;
}
.mobile-menu .profil-link-units span:last-child {
  font-size: 0.8125rem;
  color: #1f2d49;
  margin-left: 5px;
}
.mobile-menu .profil-link-cta {
  font-size: 0.875rem;
  font-weight: bold;
  color: #1f2d49;
}
.mobile-menu .tipstop-pro-link {
  border: solid 2px #a99b77;
  border-radius: 3px;
  margin-top: 20px;
  padding: 0 22px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 44px;
}
.mobile-menu .tipstop-pro-link p {
  font-size: 0.875rem;
  color: #fff;
}
.mobile-menu .tipstop-pro-link img {
  margin: 0 24px 0 6px;
  display: block;
  width: 102px;
  height: 20px;
}
.mobile-menu .tipstop-pro-link .icon-eject {
  font-size: 0.625rem;
  color: #fff;
}
.mobile-menu .menu {
  margin-top: 40px;
}
.mobile-menu .menu-item {
  font-size: 1.3125rem;
  width: 100%;
  height: 44px;
  position: relative;
  display: flex;
  align-items: center;
  opacity: 0.5;
}
.mobile-menu .menu-item.is-active {
  opacity: 1;
}
.mobile-menu .menu-item.is-active > :before {
  content: '';
  background: #fff;
  width: 4px;
  height: 24px;
  position: absolute;
  left: -30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.mobile-menu .menu-item .item-ranking a {
  align-items: baseline;
}
.mobile-menu .menu-item a,
.mobile-menu .menu-item button.subscriptions-button {
  display: flex;
  align-items: center;
  width: 100%;
}
.mobile-menu .menu-item a:hover,
.mobile-menu .menu-item button.subscriptions-button:hover {
  text-decoration: none;
}
.mobile-menu .menu-item a:focus,
.mobile-menu .menu-item button.subscriptions-button:focus {
  outline: none;
}
.mobile-menu .menu-item button.subscriptions-button {
  font-size: inherit;
  color: inherit;
  padding: 0;
}
.mobile-menu .menu-item .icon-whistle {
  font-size: 0.98125rem;
}
.mobile-menu .menu-item p {
  margin-left: 15px;
}
.mobile-menu .menu-item .icon-ranking {
  font-size: 0.85rem;
}
.mobile-menu .menu-item .icon-trophy {
  font-size: 1.1875rem;
}
.mobile-menu .menu-item .icon-lock {
  font-size: 1.375rem;
  padding: 0 2px;
}
.mobile-menu footer {
  margin-bottom: 100px;
}
.mobile-menu .catchphrase {
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 45px;
  display: flex;
  align-items: flex-start;
}
.mobile-menu .catchphrase img {
  display: block;
  width: 32px;
  height: 32px;
}
.mobile-menu .catchphrase p {
  font-size: 0.8125rem;
  line-height: 0.9375rem;
  margin-left: 10px;
}
.mobile-menu .social-media {
  font-size: 1.125rem;
  margin-top: 30px;
  display: flex;
  align-items: center;
}
.mobile-menu .social-media .links {
  margin-left: 8px;
  display: flex;
  justify-content: space-around;
  flex-grow: 1;
}
.mobile-menu .social-media a {
  font-size: 1.25rem;
  margin: 0 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  position: relative;
}
.mobile-menu .social-media a:before {
  content: '';
  background: #fff;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.3;
}
.mobile-menu .social-media a.twitter-link {
  font-size: 1rem;
}
.mobile-menu .social-media a .icon-instagram,
.mobile-menu .social-media a .icon-facebook,
.mobile-menu .social-media a .icon-twitter {
  color: #fff;
  z-index: 1;
}
[most-played-outcomes] {
  margin-bottom: 16px;
  position: relative;
}
[most-played-outcomes] .loading {
  background: #fff;
  border: solid 1px #e9eef5;
  width: 100%;
  min-height: 100px;
  position: relative;
}
[most-played-outcomes] .loading .icon-spinner {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
[most-played-outcomes] .content {
  background: none;
  padding: 0 8px;
  display: flex;
  flex-direction: column;
  height: auto !important;
}
[most-played-outcomes] .header {
  padding: 0 6px;
  display: flex;
  align-items: center;
}
[most-played-outcomes] .header .title {
  font-size: 0.875rem;
  font-weight: 600;
  color: #35425b;
  padding: 10px 0;
}
[most-played-outcomes] .no-results-container {
  background: #fff;
  border: solid 1px #e9eef5;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
}
[most-played-outcomes] .outcomes-list-item {
  background: #fff;
  border-bottom: solid 1px #e9eef5;
  border-radius: 5px 5px 0 0;
  box-sizing: border-box;
  margin-bottom: 4px;
  padding: 10px;
  display: flex;
  align-items: center;
  min-height: 55px;
}
[most-played-outcomes] .outcome-container {
  flex-grow: 1;
}
[most-played-outcomes] .outcome {
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 0.875rem;
  letter-spacing: -0.013125rem;
  color: #1a2740;
}
[most-played-outcomes] .cote {
  font-size: 0.75rem;
  line-height: 0.875rem;
  letter-spacing: -0.013125rem;
  color: #7c8699;
}
[most-played-outcomes] .users-container {
  margin-left: 10px;
  display: flex;
  flex-shrink: 0;
}
[most-played-outcomes] .users-container li {
  margin: 0;
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  border: solid 2px #f4f6fa;
  border-radius: 50%;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}
[most-played-outcomes] .users-container li:not(:first-child) {
  margin-left: -10px;
}
[most-played-outcomes] .users-container .avatar {
  width: 100%;
  height: 100%;
}
[most-played-outcomes] .users-container .circle {
  background: #263752;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
[most-played-outcomes] .users-container .circle p {
  font-size: 0.625rem;
  font-weight: bold;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  [most-played-outcomes] .content {
    padding: 0;
  }
  [most-played-outcomes] .header {
    padding: 0;
  }
  [most-played-outcomes] .header .title {
    font-size: 1.125rem;
  }
  [most-played-outcomes] .outcomes-list-item {
    padding: 12px 10px;
    flex-direction: column;
    align-items: flex-start;
    min-height: unset;
  }
  [most-played-outcomes] .outcome-container {
    flex-grow: unset;
    width: 100%;
  }
  [most-played-outcomes] .users-container {
    margin-top: 6px;
    margin-left: auto;
  }
}
.my-groups .link-container {
  margin: 10px 0;
  padding: 0 12px;
  box-sizing: border-box;
  width: 100%;
  height: 38px;
  display: flex;
  justify-content: flex-end;
}
.my-groups button[data-action] {
  font-size: 0.875rem;
  font-weight: bold;
  text-align: right;
  color: #fff;
  background: #33b68d;
  padding: 0 12px;
  border-radius: 19px;
  display: inline-block;
  height: 100%;
}
.my-groups button[data-action]:hover {
  text-decoration: none;
}
.my-groups .h2 {
  font-size: 0.875rem;
  padding: 12px;
}
.my-groups .groups-list {
  list-style: none;
  margin: 0;
  padding: 0 12px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
.my-groups .group-item {
  background: #fff;
  border-radius: 5px;
  margin: 0;
  margin-bottom: 16px;
  width: 100%;
  overflow: hidden;
}
.my-groups .group-item a {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.my-groups .group-item a:hover {
  text-decoration: none;
}
.my-groups .background-picture {
  background-size: cover;
  background-position: center center;
  padding: 5px;
  box-sizing: border-box;
  width: 100%;
  height: 120px;
}
.my-groups .content {
  background: none;
  margin-top: -52px;
  padding: 12px;
  flex-grow: 1;
  position: relative;
}
.my-groups .profile-picture {
  background-size: cover;
  background-position: center center;
  border: solid 1px #fff;
  border-radius: 50%;
  margin: 0 auto;
  width: 80px;
  height: 80px;
  overflow: hidden;
  position: relative;
}
.my-groups .title {
  font-size: 0.9375rem;
  font-weight: bold;
  margin-top: 10px;
}
.my-groups .members,
.my-groups .description {
  font-size: 0.75rem;
  margin-top: 5px;
}
.my-groups .description {
  font-style: italic;
}
.my-groups .actions {
  background: #33b68d;
  width: 100%;
  height: 40px;
}
.my-groups .actions button {
  font-size: 0.875rem;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  background: none;
  border: none;
  width: 100%;
  height: 100%;
}
.side-groups .heading {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.side-groups .icon-popular,
.side-groups .icon-groups {
  color: #1a2740;
  margin-right: 5px;
}
.side-groups .icon-popular {
  font-size: 0.9375rem;
}
.side-groups .icon-groups {
  font-size: 0.8125rem;
}
.side-groups .followers-list {
  margin-top: 0;
  margin-left: auto;
  display: flex;
}
.side-groups .followers-list li {
  margin: 0;
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  border: solid 2px #f4f6fa;
  border-radius: 50%;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}
.side-groups .followers-list li:not(:first-child) {
  margin-left: -10px;
}
.side-groups .followers-list .avatar {
  width: 100%;
  height: 100%;
}
.side-groups .followers-list .circle {
  background: #263752;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.side-groups .followers-list .circle p {
  font-size: 0.625rem;
  font-weight: bold;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .my-groups .link-container {
    margin: 0 0 16px;
    padding: 0;
  }
  .my-groups .h2 {
    font-size: 1.125rem;
    margin-bottom: 16px;
    padding: 0;
  }
  .my-groups .groups-list {
    padding: 0;
  }
  .my-groups .group-item {
    width: calc(100% / 2 - 8px);
  }
  .my-groups .group-item:nth-child(odd) {
    margin-right: 16px;
  }
  .my-groups .title {
    font-size: 1.125rem;
  }
  .my-groups .members,
  .my-groups .description {
    font-size: 0.875rem;
  }
}
nav.nav-bar {
  margin-top: 45px;
  height: 70px;
}
@media screen and (min-width: 1024px) {
  nav.nav-bar {
    margin-top: 62px;
    height: 56px;
  }
}
.main-nav-desktop {
  background-color: #233557;
  margin-top: 62px;
  display: flex;
  height: 56px;
}
.main-nav-desktop .scrollview {
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
.main-nav-desktop .nav-item {
  margin-right: 1px;
  padding: 0;
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: 100%;
  transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.main-nav-desktop .nav-item:hover,
.main-nav-desktop .selected {
  background-color: #233557;
  border-radius: 0px;
}

.screener {
  cursor: pointer;
}

.is-desktop-only .newmenu {
  position: absolute;
  margin-top: 25px;
  color: #ffb65f;
  width: 91px;
  text-align: center;
}

.is-desktop-only .newmenu .labelnewmenu {
  font-size: 10px;
  font-weight: bold !important;
}
.main-nav-desktop .nav-item:hover .label,
.main-nav-desktop .selected .label {
  opacity: 1;
}
.main-nav-desktop .label {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 0.875rem;
  letter-spacing: -0.020625rem;
  color: #f4f6fa;
  margin: 0;
  opacity: 0.5;
}
.main-nav-desktop a.pro {
  border: none;
  background: #4187ff;
  border-radius: 7px;
  display: flex;
  align-items: center;
  padding: 8px 12px;
  height: 29px;
  margin-left: auto;
  cursor: pointer;
  box-sizing: border-box;
}
.main-nav-desktop a.pro .icon-arrow-right {
  font-size: 0.6875rem;
  color: #fff;
}
.main-nav-desktop a.pro p {
  font-family: 'Open Sans';
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 0.875rem;
  letter-spacing: -0.0075rem;
  color: #fff;
  margin-left: 8px;
  margin-bottom: 0px;
}
.main-nav-desktop .navigation-popin {
  box-shadow: 0 2px 4px 0 #7c8699;
  width: 194px;
  position: absolute;
  top: 50px;
  z-index: 999;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  opacity: 0;
  transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  pointer-events: none;
}
.main-nav-desktop .navigation-popin::before {
  content: '';
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  border-left: 10px solid transparent;
  height: 0;
  width: 0;
  position: absolute;
  top: -6px;
  left: 28px;
}
.main-nav-desktop .navigation-popin.show,
.main-nav-desktop .navigation-popin:hover {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}
.main-nav-desktop .bankroll-popin {
  left: 610px;
}
.main-nav-desktop .bankroll-popin p {
  font-family: 'Open Sans';
  font-weight: 600;
  font-size: 0.9375rem;
  letter-spacing: -0.016875rem;
  color: #1a2740;
  background: #fff;
  box-sizing: border-box;
  padding: 0 20px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  overflow: hidden;
  width: 100%;
  height: 44px;
}
.main-nav-desktop .sports-menu {
  left: 90px;
}
.main-nav-desktop .sports-menu ul {
  border-radius: 3px;
  overflow: hidden;
}
.main-nav-desktop .sports-menu a {
  background: #fff;
  box-sizing: border-box;
  padding: 0 20px;
  display: flex;
  align-items: center;
  width: 100%;
  height: 44px;
  transition: background 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.main-nav-desktop .sports-menu a:hover,
.main-nav-desktop .sports-menu a.selected {
  background: #f4f6fa;
}
.main-nav-desktop .sports-menu .icon {
  font-size: 1.4375rem;
  color: #7c8699;
  color: #a2afc2;
  margin-top: 2px;
}
.main-nav-desktop .sports-menu .icon-football {
  font-size: 1.375rem;
}
.main-nav-desktop .sports-menu .icon-rugby {
  font-size: 1.5rem;
}
.main-nav-desktop .sports-menu .icon-hockey {
  font-size: 0.89375rem;
}
.main-nav-desktop .sports-menu .label {
  font-family: 'Open Sans';
  font-size: 0.9375rem;
  font-weight: 600;
  letter-spacing: -0.016875rem;
  color: #1a2740;
  margin-left: 9px;
  opacity: 1;
}
.main-nav-mobile {
  color: #f4f6fa;
  background-color: #233557;
}
.main-nav-mobile ::-webkit-scrollbar {
  display: none;
}
.main-nav-mobile .scrollview {
  padding: 0;
  height: 70px;
  display: flex;
  justify-content: flex-start;
  overflow-x: auto;
  overflow-y: hidden;
}
.main-nav-mobile .nav-item {
  text-align: center;
  width: 70px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  flex-shrink: 0;
  opacity: 0.5;
}
.main-nav-mobile .more {
  position: relative;
  cursor: pointer;
}
.main-nav-mobile .more:hover + .items {
  display: block;
}
.main-nav-mobile .more > .label {
  margin: 0 10px 0 0;
}
.main-nav-mobile .more .icon-arrow-right {
  font-size: 0.6875rem;
}
.main-nav-mobile .items {
  background-color: #233557;
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1;
}
.main-nav-mobile .items:hover {
  display: block;
}
.main-nav-mobile .items .item {
  height: 44px;
}
.main-nav-mobile .items .nav-item {
  padding: 0 20px;
  box-sizing: border-box;
  width: 100%;
  justify-content: flex-start;
}
.main-nav-mobile .nav-item:hover,
.main-nav-mobile .selected {
  color: #233557;
  background: #eceff4;
  border-radius: 3px 3px 0 0;
  opacity: 1;
}
.main-nav-mobile .nav-item:hover .icon.feed,
.main-nav-mobile .selected .icon.feed,
.main-nav-mobile .nav-item:hover .icon.home,
.main-nav-mobile .selected .icon.home,
.main-nav-mobile .nav-item:hover .icon.more,
.main-nav-mobile .selected .icon.more {
  display: block !important;
}
.main-nav-mobile .nav-item:hover i.icon,
.main-nav-mobile .selected i.icon {
  display: none;
}
.main-nav-mobile .nav-item:hover svg,
.main-nav-mobile .selected svg {
  display: block;
}
.main-nav-mobile .icon {
  font-size: 2rem;
  pointer-events: none;
}
.main-nav-mobile .icon-hockey {
  font-size: 1.4375rem;
  margin-bottom: 5px;
}
.main-nav-mobile svg {
  display: none;
  width: 32px;
  margin: 8px auto 0;
}
.main-nav-mobile .label {
  font-size: 0.75rem;
  font-weight: 600;
  margin: 5px auto;
  pointer-events: none;
  color: inherit;
}
.notifications {
  width: 100%;
  height: 100%;
  background: #fff;
  border: 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  transition: -webkit-transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  overflow: hidden;
}
.notifications.show {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}
.notifications header {
  background: #fff;
  border-bottom: solid 1px #f4f6fa;
  padding: 0 26px;
  display: flex;
  align-items: center;
  height: 80px;
  position: relative;
}
.notifications header .title {
  font-family: 'Open Sans';
  font-weight: 600;
  font-size: 1rem;
  color: #1a2740;
  opacity: 0.5;
  flex-grow: 1;
}
.notifications header .back-button {
  font-size: 1.25rem;
  color: #434b5a;
  padding: 0;
  display: flex;
  align-items: center;
}
.notifications nav {
  border-bottom: solid 1px #f4f6fa;
  padding: 0 12px;
  display: flex;
  align-items: center;
  height: 45px;
}
.notifications nav button {
  font-family: 'Open Sans';
  font-weight: bold;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #1a2740;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  position: relative;
  flex: 1 1 0;
  opacity: 0.5;
  transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.notifications nav button::after {
  content: '';
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 1px;
  left: 0;
  -webkit-transform: scaleX(0.001);
  transform: scaleX(0.001);
  -webkit-transform-origin: top center;
  transform-origin: top center;
  transition: -webkit-transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.notifications nav button.is-active {
  color: #3971e3;
  opacity: 1;
}
.notifications nav button.is-active::after {
  background: #3971e3;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.notifications nav button.is-active .number {
  color: #3971e3;
  background: #ecf0fb;
}
.notifications nav .number {
  font-family: 'Open Sans';
  font-weight: bold;
  font-size: 0.75rem;
  line-height: 1.0625rem;
  letter-spacing: -0.033125rem;
  color: #666e7f;
  background: #e8eaec;
  border-radius: 9px;
  padding: 0 10px 1px;
  margin-left: 10px;
  transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.notifications .panels {
  display: flex;
  height: calc(100% - 81px - 46px);
  --panel: 0;
}
.notifications .panel {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  -webkit-transform: translateX(calc(-100% * var(--panel)));
  transform: translateX(calc(-100% * var(--panel)));
  transition: -webkit-transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.notifications .scroll {
  overflow-y: overlay;
}
.notifications .scroll::-webkit-scrollbar {
  width: 5px;
}
.notifications .scroll::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}
.notifications .scroll::-webkit-scrollbar-thumb {
  background-color: #393f4c;
  border-radius: 5px;
}
[social-panel] li.follow .icons {
  background: #eb6f5b;
}
[social-panel] li.follow .icon-groups,
[social-panel] li.follow .icon-liked,
[social-panel] li.follow .icon-message,
[social-panel] li.follow .icon-whistle {
  display: none;
}
[social-panel] li.comment .icons {
  background: #02acac;
}
[social-panel] li.comment .icon-groups,
[social-panel] li.comment .icon-liked,
[social-panel] li.comment .icon-bell,
[social-panel] li.comment .icon-whistle {
  display: none;
}
[social-panel] li.like .icons {
  background: #84ad08;
}
[social-panel] li.like .icon-groups,
[social-panel] li.like .icon-bell,
[social-panel] li.like .icon-message,
[social-panel] li.like .icon-whistle {
  display: none;
}
[social-panel] li.feed .icons {
  background: #02acac;
}
[social-panel] li.feed .icon-groups,
[social-panel] li.feed .icon-liked,
[social-panel] li.feed .icon-bell,
[social-panel] li.feed .icon-whistle {
  display: none;
}
[social-panel] li.subscription .icons {
  background: #02acac;
}
[social-panel] li.subscription .icon-groups,
[social-panel] li.subscription .icon-liked,
[social-panel] li.subscription .icon-message,
[social-panel] li.subscription .icon-whistle {
  display: none;
}
[social-panel] li.group .icons {
  background: #a99b77;
}
[social-panel] li.group .icon-liked,
[social-panel] li.group .icon-bell,
[social-panel] li.group .icon-message,
[social-panel] li.group .icon-whistle {
  display: none;
}
[social-panel] a {
  padding: 6px 14px;
  display: flex;
  align-items: center;
}
[social-panel] a:hover {
  text-decoration: none;
  background: #f4f6fa;
}
[social-panel] a:focus {
  outline: none;
}
[social-panel] .avatar {
  width: 50px;
  height: 50px;
  position: relative;
  flex-shrink: 0;
}
[social-panel] .icons {
  font-size: 0.6875rem;
  color: #fff;
  background: #1a2740;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  right: 0;
}
[social-panel] .description {
  font-size: 0.6875rem;
  line-height: 1rem;
  color: #434b5a;
  margin-left: 10px;
  flex-grow: 1;
}
[social-panel] .date {
  font-size: 0.625rem;
  text-align: right;
  color: #9ca7ba;
  margin-left: 10px;
  width: 40px;
  flex-shrink: 0;
}
[alerts-panel] .alerts-illustration {
  display: block;
  width: 100%;
}
[alerts-panel] .alerts-wrapper {
  box-sizing: border-box;
  padding: 0 25px;
  width: 100%;
}
[alerts-panel] .alerts-title {
  font-family: 'Open Sans';
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 2rem;
  letter-spacing: -0.029375rem;
  color: #7c8699;
  margin-top: 32px;
}
[alerts-panel] .alerts-logo {
  margin-top: 3px;
  display: block;
  width: 203px;
  height: 40px;
}
[alerts-panel] .alerts-text {
  font-family: 'Open Sans';
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.25rem;
  color: #393f4c;
  margin-top: 20px;
}
[alerts-panel] .alerts-cta {
  font-family: 'Open Sans';
  font-weight: 600;
  font-size: 0.9375rem;
  line-height: 0.75rem;
  letter-spacing: -0.016875rem;
  text-decoration: none;
  color: #fff;
  background: #1a2844;
  border-radius: 3px;
  margin-top: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 44px;
  cursor: pointer;
}
[alerts-panel] .no-alerts {
  font-family: 'Open Sans';
  font-size: 0.875rem;
  line-height: 0.875rem;
  letter-spacing: -0.018125rem;
  color: #171b22;
  padding: 10px 16px;
}
[alerts-panel] .no-alerts .big {
  font-weight: bold;
  font-size: 1rem;
  line-height: 1rem;
  color: #3c4a67;
  margin-bottom: 8px;
}
[alerts-panel] .title {
  font-family: 'Open Sans';
  font-weight: bold;
  font-size: 1rem;
  line-height: 1rem;
  letter-spacing: -0.018125rem;
  color: #3c4a67;
  padding: 10px 16px;
}
[alerts-panel] .header {
  padding: 0 16px;
  display: flex;
  align-items: center;
  height: 25px;
}
[alerts-panel] .header .alert,
[alerts-panel] .header .time {
  font-family: 'Open Sans';
  font-size: 0.875rem;
  line-height: 1.3125rem;
  letter-spacing: -0.015625rem;
  color: #afb8cb;
}
[alerts-panel] .header .alert {
  flex-grow: 1;
}
[alerts-panel] .header .time {
  width: 125px;
  flex-shrink: 0;
}
[alerts-panel] .scroll {
  height: calc(100% - 25px - 36px);
}
[alerts-panel] .alert-item a {
  text-decoration: none;
  border-bottom: solid 1px #f4f6fa;
  padding: 12px 16px 13px;
  display: flex;
  align-items: center;
  transition: background 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[alerts-panel] .alert-item a:hover {
  background: #f4f6fa;
}
[alerts-panel] .alert-item a .alert-summary {
  flex-grow: 1;
}
[alerts-panel] .alert-item a .teams {
  font-family: 'Open Sans';
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1.125rem;
  letter-spacing: -0.013125rem;
  color: #171b22;
}
[alerts-panel] .alert-item a .bookmaker {
  font-family: 'Open Sans';
  font-size: 0.75rem;
  line-height: 0.6875rem;
  letter-spacing: -0.01375rem;
  text-transform: uppercase;
  color: #434b5a;
}
[alerts-panel] .alert-item a .alert-time {
  width: 125px;
  flex-shrink: 0;
}
[alerts-panel] .alert-item a .time {
  font-family: 'Open Sans';
  font-size: 0.75rem;
  line-height: 1.0625rem;
  text-align: right;
  color: #434b5a;
}
@media screen and (min-width: 1024px) {
  .notifications {
    width: 405px;
    height: 100vh;
    left: unset;
    right: 0;
  }
  .notifications.show {
    box-shadow: 0 2px 20px 0 rgba(31, 45, 73, 0.37);
  }
}
[outcomes-alert-modal] {
  background: #fff;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  max-height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  -webkit-transform: translate(0%, 100%);
  transform: translate(0%, 100%);
  transition: -webkit-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  z-index: 99999999;
}
[outcomes-alert-modal].show {
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
}
[outcomes-alert-modal].show-settings .show-parameters-button {
  display: none;
}
[outcomes-alert-modal].show-settings .parameters {
  display: block;
}
[outcomes-alert-modal] header {
  background: #f4f6fa;
  padding: 20px 16px;
  position: relative;
  flex-shrink: 0;
}
[outcomes-alert-modal] header .back-button {
  font-size: 0.8125rem;
  color: #393f4c;
  padding: 20px 16px 18px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
[outcomes-alert-modal] header .title {
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 1rem;
  letter-spacing: -0.013125rem;
  color: #7c8699;
}
[outcomes-alert-modal] .loading {
  background: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
[outcomes-alert-modal] .icon-spinner {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
[outcomes-alert-modal] .content {
  background: #e1e5eb;
  padding: 0 12px 51px;
  flex-grow: 1;
  overflow-x: hidden;
}
[outcomes-alert-modal] .show-parameters-button {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.1875rem;
  text-align: left;
  color: #35425b;
  background: #fff;
  border-radius: 3px;
  margin: 18px 0;
  padding: 10px;
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
}
[outcomes-alert-modal] .show-parameters-button:after {
  content: '\e84e';
  font-family: 'iconfont';
  font-size: 0.625rem;
  color: #7c8699;
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
[outcomes-alert-modal] .parameters {
  display: none;
  position: relative;
}
[outcomes-alert-modal] h3 {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.1875rem;
  color: #35425b;
  margin: 5px 0;
}
[outcomes-alert-modal] .select {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.5rem;
  text-align: left;
  color: #35425b;
  background: #fff;
  border-radius: 3px;
  margin: 18px 0;
  padding: 10px;
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
}
[outcomes-alert-modal] .select:after {
  content: '\e84c';
  font-family: 'iconfont';
  font-size: 0.375rem;
  color: #7c8699;
  position: absolute;
  top: 50%;
  right: 18px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
[outcomes-alert-modal] .select.is-active:after {
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
[outcomes-alert-modal] .bookmaker-count {
  text-align: center;
  color: #fff;
  background: #a99b77;
  border-radius: 12px;
  margin-left: 5px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
}
[outcomes-alert-modal] .bookmakers-list {
  width: 100%;
  height: 240px;
  position: absolute;
  top: 44px;
  overflow: scroll;
  z-index: 1;
}
[outcomes-alert-modal] .bookmakers-list,
[outcomes-alert-modal] .bookmaker-item:hover {
  background: #f0f3f8;
}
[outcomes-alert-modal] .bookmaker-item {
  background: #fff;
  margin-bottom: 2px;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
[outcomes-alert-modal] .bookmaker-item.is-selected {
  background: #f0f3f8;
}
[outcomes-alert-modal] .bookmaker-item.is-selected .bookmaker-selection {
  background: #d61e00;
}
[outcomes-alert-modal] .bookmaker-item.is-selected .bookmaker-selection:after {
  display: none;
}
[outcomes-alert-modal] .bookmaker-item:hover {
  background: #233557;
}
[outcomes-alert-modal] .bookmaker-item:hover .bookmaker-name {
  color: #fff;
}
[outcomes-alert-modal] .bookmaker-item:hover .bookmaker-selection {
  background: #fff;
}
[outcomes-alert-modal] .bookmaker-item:hover .bookmaker-selection:before,
[outcomes-alert-modal] .bookmaker-item:hover .bookmaker-selection:after {
  background: #233557;
}
[outcomes-alert-modal] .bookmaker-logo {
  border-radius: 7px;
  display: block;
  width: 72px;
  height: 24px;
}
[outcomes-alert-modal] .bookmaker-name {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.1875rem;
  color: #35425b;
  margin-left: 10px;
  flex-grow: 1;
}
[outcomes-alert-modal] .bookmaker-selection {
  background: #233557;
  border-radius: 9px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  position: relative;
}
[outcomes-alert-modal] .bookmaker-selection:before,
[outcomes-alert-modal] .bookmaker-selection:after {
  content: '';
  background: #fff;
  border-radius: 2px;
  display: block;
  width: 10px;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
[outcomes-alert-modal] .bookmaker-selection:after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
}
[outcomes-alert-modal] input[type='checkbox']:checked + label:after {
  content: '\e855';
  font-family: 'iconfont';
  font-size: 0.5rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background: #1a2740;
  border-radius: 3px;
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0;
  left: 0;
}
[outcomes-alert-modal] label {
  font-size: 0.875rem;
  letter-spacing: -0.0075rem;
  line-height: 1rem;
  color: #171b22;
  margin: 10px 0;
  padding-left: 24px;
  display: block;
  position: relative;
  text-align: left !important;
  width: 100% !important;
  font-weight: normal;
}
[outcomes-alert-modal] label:before {
  content: '';
  border: solid 1px #2c323d;
  border-radius: 3px;
  display: block;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 0;
  left: 0;
}
[outcomes-alert-modal] textarea {
  font-size: 0.875rem;
  line-height: 1rem;
  letter-spacing: -0.0075rem;
  color: #171b22;
  background: #fff;
  border: none;
  resize: none;
  outline: none;
  margin: 5px 0;
  padding: 8px;
  border-radius: 4px;
  box-sizing: border-box;
  width: 100%;
}
[outcomes-alert-modal] footer {
  background: #e1e5eb;
  padding: 6px 14px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
}
[outcomes-alert-modal] .footer-button {
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: -0.015625rem;
  color: #263752;
  background: none;
  border: solid 1px #263752;
  border-radius: 3px;
  padding: 9px 30px;
}
[outcomes-alert-modal] .footer-button.contrasted {
  color: #fff;
  background: #263752;
}
[outcomes-alert-modal] .footer-button:disabled {
  background: #7c8699;
  border-color: #7c8699;
  cursor: not-allowed;
}
@media screen and (min-width: 1024px) {
  [outcomes-alert-modal] {
    border-radius: 3px;
    max-width: 375px;
    height: auto;
    max-height: 460px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -47%);
    transform: translate(-50%, -47%);
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    overflow: hidden;
  }
  [outcomes-alert-modal].show {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  [outcomes-alert-modal] .loading {
    height: 100px;
    z-index: 1;
  }
  [outcomes-alert-modal] .icon-spinner {
    width: 50px;
    height: 50px;
  }
  [outcomes-alert-modal] .content {
    padding: 0 14px 65px;
  }
}
[post-tip] {
  background-color: #fff;
  border: 1px solid #e9eef5;
  margin-bottom: 16px;
}
[post-tip] .comment {
  position: relative;
}
[post-tip] form {
  min-height: 52px;
  display: flex;
  flex-direction: column;
}
[post-tip] .comment-row,
[post-tip] .comment-row-mobile {
  display: flex;
  align-items: center;
}
[post-tip] .avatar {
  width: 28px;
  height: 28px;
  margin-left: 22px;
  flex-shrink: 0;
}
[post-tip] .publish-tip {
  font-size: 0.875rem;
  text-align: left;
  color: #9ca7ba;
  padding: 0 0 0 13px;
  border: 0;
  outline: 0;
  height: 52px;
  flex-grow: 1;
}
[post-tip] textarea {
  font-size: 0.875rem;
  line-height: 1.125rem;
  margin: 16px 0 0 13px;
  padding: 0;
  border: 0;
  outline: 0;
  width: 100%;
  height: auto;
  resize: none;
}
[post-tip] [tag-selector] {
  margin: 12px;
  margin-top: 0;
}
[post-tip] .image-preview,
[post-tip] .link-preview {
  padding: 0 22px;
  max-height: 650px;
  position: relative;
  overflow-y: scroll;
}
[post-tip] .image-preview img,
[post-tip] .link-preview img {
  display: block;
  width: 100%;
}
[post-tip] .preview .title {
  font-size: 0.9375rem;
  font-weight: bold;
  margin: 10px 0 10px 5px;
}
[post-tip] .preview .link {
  font-size: 0.75rem;
  margin: 10px 0 10px 5px;
}
[post-tip] .close-button {
  font-size: 0.6875rem;
  color: #fff;
  cursor: pointer;
  padding: 10px;
  box-sizing: initial;
  position: absolute;
  top: 0;
  right: 22px;
  -webkit-filter: drop-shadow(0px 0px 1.5px rgba(0, 1, 0, 0.9));
  filter: drop-shadow(0px 0px 1.5px rgba(0, 1, 0, 0.9));
}
[post-tip] .controls-row {
  text-align: right;
  padding: 13px 25px;
  position: relative;
}
[post-tip] .controls-row::before {
  content: '';
  background: #e9eef5;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
}
[post-tip] .label-file.disabled {
  cursor: not-allowed;
  color: #9ca7ba;
}
[post-tip] .submit-button {
  margin-left: 13px;
}
@media screen and (min-width: 1024px) {
  [post-tip] .comment-row {
    align-items: flex-start;
    padding: 22px;
  }
  [post-tip] .avatar {
    width: 52px;
    height: 52px;
    margin: 0;
  }
}
[post-tip-modal] {
  width: 100%;
  height: 100%;
  background: #fff;
  border: 0;
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  transition: -webkit-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[post-tip-modal].show {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}
[post-tip-modal] nav {
  display: flex;
  background: #1f2d49;
  position: relative;
}
[post-tip-modal] .back-button {
  font-size: 1rem;
  color: #fff;
  padding: 10px 18px 10px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
[post-tip-modal] .title {
  font-family: 'Open Sans';
  font-size: 1.25rem;
  color: #fff;
  text-align: center;
  margin: 11px 0;
  opacity: 0.5;
  flex-grow: 1;
}
[post-tip-modal] .selector {
  display: flex;
  align-items: center;
  position: relative;
}
[post-tip-modal] .icon-feed {
  font-size: 1.5rem;
  color: #636463;
}
[post-tip-modal] select {
  font-size: 0.8125rem;
  font-weight: bold;
  color: #272727;
  margin: 15px 0 15px 10px;
  flex-grow: 1;
  border: none;
  outline: none;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
[post-tip-modal] .icon-arrow-down {
  font-size: 0.4375rem;
  color: #1f2d49;
  opacity: 0.3;
}
[post-tip-modal] form {
  margin-top: 15px;
  flex-grow: 1;
  overflow-y: scroll;
}
[post-tip-modal] .comment-row {
  padding: 0 20px 42px;
  height: calc(100% - 15px);
  box-sizing: border-box;
}
[post-tip-modal] textarea {
  font-size: 1.0625rem;
  line-height: 18px;
  margin-top: 6px;
  padding: 0;
  width: 100%;
  border: none;
  resize: none;
  outline: none;
}
[post-tip-modal] .image-preview,
[post-tip-modal] .link-preview {
  position: relative;
  margin-top: 15px;
}
[post-tip-modal] .image-preview img,
[post-tip-modal] .link-preview img {
  display: block;
  width: 100%;
}
[post-tip-modal] .close-button {
  font-size: 0.6875rem;
  color: #fff;
  cursor: pointer;
  padding: 10px;
  box-sizing: initial;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-filter: drop-shadow(0px 0px 1.5px rgba(0, 1, 0, 0.9));
  filter: drop-shadow(0px 0px 1.5px rgba(0, 1, 0, 0.9));
}
[post-tip-modal] .controls-row {
  background: #fafafa;
  padding: 0 18px;
  width: 100%;
  height: 42px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  bottom: 0;
  box-sizing: border-box;
}
[post-tip-modal] .label-file,
[post-tip-modal] .publish-post {
  font-size: 1.625rem;
  color: #1f2d49;
}
[post-tip-modal] .label-file {
  padding: 0;
}
[post-tip-modal] .label-file.disabled {
  color: #9ca7ba;
}
[post-tip-modal] .publish-post {
  padding: 0;
}
[make-a-bet] {
  margin-top: -12px;
  margin-bottom: 50px;
}
[make-a-bet] .filter-container {
  margin-bottom: 16px;
  padding: 0 12px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
[make-a-bet] .filter-container p {
  font-size: 0.75rem;
  font-weight: bold;
  color: #7c8699;
}
[make-a-bet] .filter-container .bets-filter {
  font-size: 0.75rem;
  font-weight: bold;
  color: #434b5a;
  background: none;
  padding: 9px 20px;
  border: solid 1px #434b5a;
  border-radius: 18px;
  text-align: center;
  text-align-last: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
[make-a-bet] .filter-container option {
  text-align: left;
}
[make-a-bet] .no-outcomes-message {
  text-align: center;
  background: #eb5b5b;
  border-radius: 0 0 3px 3px;
  box-sizing: border-box;
  margin-top: -24px;
  padding: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
[make-a-bet] .no-outcomes-message span {
  font-size: 0.75rem;
  font-weight: bold;
  letter-spacing: -0.004375rem;
  color: #fff;
}
[make-a-bet] .no-outcomes-message .outcomes-alert-button {
  background: transparent;
  border-color: #fff;
  margin: 0;
  margin-left: 10px;
  width: auto;
}
[make-a-bet] .no-outcomes-message i.icon-bell {
  font-size: 0.75rem;
  color: #fff;
  margin-left: 8px;
}
[make-a-bet] .fake-outcomes-container {
  background: #fff;
  margin-top: 16px;
}
[make-a-bet] .fake-outcomes-entry:not(:last-child) {
  margin-bottom: 16px;
}
[make-a-bet] .fake-outcomes-entry-header {
  background: #434b5a;
  height: 29px;
}
[make-a-bet] .fake-outcomes-entry-row {
  border-bottom: solid 2px #f5f6fa;
  display: flex;
  height: 45px;
}
[make-a-bet] .fake-outcomes-entry-item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1 1 0;
  position: relative;
}
[make-a-bet] .fake-outcomes-entry-item:not(:last-child) {
  border-right: solid 2px #f5f6fa;
}
[make-a-bet] .fake-outcomes-entry-item span {
  font-size: 1rem;
  font-weight: bold;
  color: #35425b;
  opacity: 0.65;
}
[make-a-bet] .fake-outcomes-entry-item .value {
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #7c8699;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 20px;
  opacity: 0.5;
}
[make-a-bet] .fake-outcomes-entry-x {
  font-size: 1rem;
  font-weight: bold;
  color: #35425b;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.65;
}
[make-a-bet] #matchnotstarted,
[make-a-bet] #matchstarted {
  background: #fff;
  padding: 0 12px;
}
[make-a-bet] #matchnotstarted [data-selected-prono='true'] {
  background: #35425b;
}
[make-a-bet] #divmatchhasstarted {
  background-color: #eb6f5b;
  text-align: center;
  margin-bottom: 16px;
  padding: 16px;
}
[make-a-bet] #spanmatchhasstarted {
  font-size: 0.75rem;
  font-weight: bold;
  letter-spacing: -0.07px;
  color: #fff;
}
[make-a-bet] [pronostics-table] {
  background: #fff;
  width: 100%;
  margin: 0 0 16px;
}
[make-a-bet] thead tr {
  width: 100%;
}
[make-a-bet] thead tr th {
  font-size: 0.6875rem;
  background: #434b5a;
  color: #fff;
  font-weight: bold;
  padding: 7px;
  text-align: left;
  border-radius: 3px;
}
[make-a-bet] tbody tr td [pronostics-table-data] {
  width: 100%;
  table-layout: fixed;
  border-spacing: 1px;
  border-collapse: separate;
}
[make-a-bet] tbody tr td [pronostics-table-data] tbody tr td {
  font-size: 0.875rem;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  color: #35425b;
  background: #fff;
  padding: 10px;
  border-top: solid 1px transparent;
  border-radius: 3px;
  cursor: pointer;
  position: relative;
}
[make-a-bet] tbody tr td [pronostics-table-data] tbody tr td.pronostics-item {
  background: #f4f6fa;
}
[make-a-bet] tbody tr td [pronostics-table-data] tbody tr td input {
  display: none;
}
[make-a-bet] tbody tr td [pronostics-table-data] tbody tr td .result {
  font-size: 0.75rem;
  color: #7c8699;
  position: absolute;
  top: 50%;
  left: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
[make-a-bet] tbody tr td [pronostics-table-data] tbody tr td .rate {
  color: #35425b;
}
[make-a-bet] tbody tr td [pronostics-table-data] tbody tr td[data-selected-prono='true'] .result {
  color: #fff;
}
[make-a-bet] tbody tr td [pronostics-table-data] tbody tr td[data-selected-prono='true'] .rate {
  color: #fff;
}
[make-a-bet] tbody tr td [pronostics-table-data] tbody tr[data='gs'] .pronostics-item,
[make-a-bet] tbody tr td [pronostics-table-data] tbody tr[data='ah'] .pronostics-item,
[make-a-bet] tbody tr td [pronostics-table-data] tbody tr[data='smg'] .pronostics-item,
[make-a-bet] tbody tr td [pronostics-table-data] tbody tr[data='g_ah'] .pronostics-item,
[make-a-bet] tbody tr td [pronostics-table-data] tbody tr[data='s_ah'] .pronostics-item {
  padding-bottom: 30px;
}
[make-a-bet] tbody tr td [pronostics-table-data] tbody tr[data='gs'] .result,
[make-a-bet] tbody tr td [pronostics-table-data] tbody tr[data='ah'] .result,
[make-a-bet] tbody tr td [pronostics-table-data] tbody tr[data='smg'] .result,
[make-a-bet] tbody tr td [pronostics-table-data] tbody tr[data='g_ah'] .result,
[make-a-bet] tbody tr td [pronostics-table-data] tbody tr[data='s_ah'] .result {
  display: block;
  position: relative;
  top: unset;
  left: unset;
  -webkit-transform: none;
  transform: none;
}
[make-a-bet] tbody tr td [pronostics-table-data] tbody tr[data='gs'] .rate,
[make-a-bet] tbody tr td [pronostics-table-data] tbody tr[data='ah'] .rate,
[make-a-bet] tbody tr td [pronostics-table-data] tbody tr[data='smg'] .rate,
[make-a-bet] tbody tr td [pronostics-table-data] tbody tr[data='g_ah'] .rate,
[make-a-bet] tbody tr td [pronostics-table-data] tbody tr[data='s_ah'] .rate {
  position: absolute;
  bottom: 10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
[make-a-bet] .more-bets {
  font-size: 0.875rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #434b5a;
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
[make-a-bet] .more-bets .label {
  margin: 0 10px;
}
[make-a-bet] .more-bets .icon {
  font-size: 0.5rem;
}
[make-a-bet] .collapse-table {
  overflow: hidden;
}
[make-a-bet] .collapse-table.is-collapsed {
  height: 138px;
}
nav.action {
  display: none;
  justify-content: space-between;
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
}
nav.action a {
  width: 48%;
  text-align: center;
}
nav.action .action-button.combine {
  margin: 0;
  border-radius: 0;
  width: 100%;
  max-width: none;
}
@media screen and (min-width: 1024px) {
  [make-a-bet] {
    margin-top: 0;
    margin-bottom: 60px;
  }
  [make-a-bet] .no-outcomes-message {
    margin-top: -16px;
  }
  [make-a-bet] .filter-container {
    padding: 0;
  }
  [make-a-bet] #matchnotstarted,
  [make-a-bet] #matchstarted {
    padding: 0;
  }
  [make-a-bet] thead tr th {
    font-size: 0.875rem;
    padding: 10px;
  }
  [make-a-bet] [pronostics-table] tbody tr td [pronostics-table-data] tbody tr td {
    padding: 16px;
  }
  [make-a-bet] [pronostics-table] tbody tr td [pronostics-table-data] tbody tr td.pronostics-item {
    padding: 10px;
  }
  [make-a-bet] [pronostics-table] tbody tr td [pronostics-table-data] .rate {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 24px;
  }
  [make-a-bet] [pronostics-table] tbody tr td [pronostics-table-data] tbody tr[data='gs'] .pronostics-item,
  [make-a-bet] [pronostics-table] tbody tr td [pronostics-table-data] tbody tr[data='ah'] .pronostics-item,
  [make-a-bet] [pronostics-table] tbody tr td [pronostics-table-data] tbody tr[data='smg'] .pronostics-item,
  [make-a-bet] [pronostics-table] tbody tr td [pronostics-table-data] tbody tr[data='g_ah'] .pronostics-item,
  [make-a-bet] [pronostics-table] tbody tr td [pronostics-table-data] tbody tr[data='s_ah'] .pronostics-item {
    padding: 0;
    height: 44px;
  }
  [make-a-bet] [pronostics-table] tbody tr td [pronostics-table-data] tbody tr[data='gs'] .result,
  [make-a-bet] [pronostics-table] tbody tr td [pronostics-table-data] tbody tr[data='ah'] .result,
  [make-a-bet] [pronostics-table] tbody tr td [pronostics-table-data] tbody tr[data='smg'] .result,
  [make-a-bet] [pronostics-table] tbody tr td [pronostics-table-data] tbody tr[data='g_ah'] .result,
  [make-a-bet] [pronostics-table] tbody tr td [pronostics-table-data] tbody tr[data='s_ah'] .result {
    position: absolute;
    top: 50%;
    left: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  [make-a-bet] [pronostics-table] tbody tr td [pronostics-table-data] tbody tr[data='gs'] .rate,
  [make-a-bet] [pronostics-table] tbody tr td [pronostics-table-data] tbody tr[data='ah'] .rate,
  [make-a-bet] [pronostics-table] tbody tr td [pronostics-table-data] tbody tr[data='smg'] .rate,
  [make-a-bet] [pronostics-table] tbody tr td [pronostics-table-data] tbody tr[data='g_ah'] .rate,
  [make-a-bet] [pronostics-table] tbody tr td [pronostics-table-data] tbody tr[data='s_ah'] .rate {
    position: absolute;
    top: 50%;
    bottom: unset;
    left: unset;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  [make-a-bet] nav.action {
    max-width: 960px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.ranking {
  background: #fff;
  border: solid 1px #e9eef5;
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.ranking .loading {
  background: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.ranking .icon-spinner {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ranking .content {
  min-height: 180px;
}
.ranking ol.ranking-list {
  margin: 0;
  padding: 0;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  overflow-y: scroll;
}
.ranking li.ranking-item {
  list-style-type: none;
  position: relative;
}
.ranking li.ranking-item:not(:last-child) {
  margin-bottom: 2px;
}
.ranking li.ranking-item:after {
  content: '';
  width: 205px;
  height: 1px;
  background: #e9eef5;
  position: absolute;
  bottom: 0;
  right: 10px;
}
.ranking a {
  padding: 5px 10px;
  display: flex;
  align-items: center;
}
.ranking a:hover {
  text-decoration: none;
}
.ranking .position {
  font-size: 0.9375rem;
  font-weight: bold;
  color: #a79b7b;
  text-align: center;
  width: 15px;
}
.ranking .avatar {
  width: 34px;
  height: 34px;
  margin-left: 8px;
  flex-shrink: 0;
}
.ranking .name {
  margin-left: 18px;
  max-width: 140px;
}
.ranking .name p {
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 2.125rem;
  color: #434b5a;
  text-transform: capitalize;
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ranking .units {
  font-size: 0.8125rem;
  font-weight: bold;
  color: #a79b7b;
  margin-left: auto;
}
.ranking .go-to-ranking {
  font-size: 0.875rem;
  font-weight: bold;
  color: #9ca7ba;
  text-align: right;
  padding: 14px 10px;
  display: block;
}
.ranking .green {
  font-size: 0.9375rem;
  color: #7bd21e;
}
.search-page {
  min-height: calc(100vh - 45px);
}
.search-page.no-results .no-results-section {
  display: flex;
}
.search-page.no-results .search-navigation {
  display: none;
}
.search-page.no-results .users-section,
.search-page.no-results .posts-section,
.search-page.no-results .groups-section {
  display: none;
}
.search-page .no-results-section {
  font-size: 0.9375rem;
  line-height: 1.5rem;
  text-align: center;
  color: #fff;
  background: #1a2740;
  width: 100%;
  height: calc(100vh - 45px);
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.search-page .no-results-section i.icon-search {
  font-size: 2.25rem;
  color: #fff;
  margin-bottom: 10px;
  opacity: 0.2;
}
.search-page .content {
  display: flex;
  width: 300%;
  transition: -webkit-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.search-page .content.show-users {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}
.search-page .content.show-posts {
  -webkit-transform: translateX(calc(-100% / 3));
  transform: translateX(calc(-100% / 3));
}
.search-page .content.show-groups {
  -webkit-transform: translateX(calc(-100% / 3 * 2));
  transform: translateX(calc(-100% / 3 * 2));
}
.search-page .users-section,
.search-page .posts-section,
.search-page .groups-section {
  width: 100%;
}
.search-page .users-section {
  background: #fff;
}
.search-page .users-section .users-list {
  padding: 5px 12px;
}
.search-page .groups {
  border: none;
}
.search-page .groups h2 {
  font-size: 0.75rem;
  font-weight: bold;
  padding: 5px 13px;
}
.search-page .groups li {
  background: #fff;
  margin-bottom: 1px;
  padding: 14px;
  display: flex;
}
.search-page .groups .avatar {
  width: 50px;
  height: 50px;
  flex-shrink: 0;
}
.search-page .groups .content {
  background: #fff;
  margin-left: 8px;
  display: block;
  width: auto;
  flex-grow: 1;
}
.search-page .groups .data {
  margin: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.search-page .groups .title {
  height: 35px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.search-page .groups .name {
  font-size: 0.9375rem;
  font-weight: bold;
  color: #434b5a;
}
.search-page .groups .members {
  font-size: 0.75rem;
}
.search-page .groups button {
  font-size: 0.6875rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #171b22;
  background: #e9eef5;
  padding: 0;
  border-radius: 3px;
  width: 75px;
  height: 100%;
}
.search-page .groups .description {
  font-size: 0.75rem;
  line-height: 1rem;
  color: #7c8699;
  margin-top: 2px;
}
.search-page-aside .heading {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.search-page-aside .icon-ranking,
.search-page-aside .icon-popular,
.search-page-aside .icon-groups {
  color: #1a2740;
  margin-right: 5px;
}
.search-page-aside .icon-ranking {
  font-size: 0.6875rem;
}
.search-page-aside .icon-popular {
  font-size: 0.9375rem;
}
.search-page-aside .icon-groups {
  font-size: 0.8125rem;
}
.search-page-aside h2 {
  color: #1a2740;
}
@media screen and (min-width: 1024px) {
  .search-page {
    min-height: unset;
  }
  .search-page .no-results-section {
    color: #1a2740;
    background: #fff;
    height: 300px;
  }
  .search-page .no-results-section i.icon-search {
    color: #1a2740;
    opacity: 0.2;
  }
  .search-page .content {
    width: 100%;
    flex-direction: column;
    transition: none;
  }
  .search-page .content.show-all .users-section li {
    display: none;
  }
  .search-page .content.show-all .users-section li:nth-child(-n + 3) {
    display: flex;
  }
  .search-page .content.show-all .posts-section li {
    display: none;
  }
  .search-page .content.show-all .posts-section li:nth-child(-n + 3) {
    display: flex;
  }
  .search-page .content.show-all .groups-section li {
    display: none;
  }
  .search-page .content.show-all .groups-section li:nth-child(-n + 3) {
    display: flex;
  }
  .search-page .content.show-all .show-users,
  .search-page .content.show-all .show-posts,
  .search-page .content.show-all .show-groups {
    display: block;
  }
  .search-page .content.show-users {
    display: block;
    -webkit-transform: none;
    transform: none;
  }
  .search-page .content.show-users .posts-section,
  .search-page .content.show-users .groups-section {
    display: none;
  }
  .search-page .content.show-posts {
    display: block;
    -webkit-transform: none;
    transform: none;
  }
  .search-page .content.show-posts .users-section,
  .search-page .content.show-posts .groups-section {
    display: none;
  }
  .search-page .content.show-groups {
    display: block;
    -webkit-transform: none;
    transform: none;
  }
  .search-page .content.show-groups .users-section,
  .search-page .content.show-groups .posts-section {
    display: none;
  }
  .search-page .content.show-users .users-section header,
  .search-page .content.show-posts .users-section header,
  .search-page .content.show-groups .users-section header,
  .search-page .content.show-users .posts-section header,
  .search-page .content.show-posts .posts-section header,
  .search-page .content.show-groups .posts-section header,
  .search-page .content.show-users .groups-section header,
  .search-page .content.show-posts .groups-section header,
  .search-page .content.show-groups .groups-section header {
    display: none;
  }
  .search-page .users-section,
  .search-page .posts-section,
  .search-page .groups-section {
    background: #fff;
    margin-bottom: 16px;
    padding: 16px 0;
    border: solid 1px #e9eef5;
    box-sizing: border-box;
  }
  .search-page .users-section header,
  .search-page .posts-section header,
  .search-page .groups-section header {
    padding: 12px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 30px;
  }
  .search-page .users-section header h3,
  .search-page .posts-section header h3,
  .search-page .groups-section header h3 {
    font-size: 1rem;
    font-weight: bold;
    color: #171b22;
  }
  .search-page .users-section header button,
  .search-page .posts-section header button,
  .search-page .groups-section header button {
    font-size: 0.875rem;
    font-weight: bold;
    color: #9ca7ba;
  }
  .search-page .users-section header button:hover,
  .search-page .posts-section header button:hover,
  .search-page .groups-section header button:hover {
    text-decoration: none;
  }
  .search-page .users-section .users-list {
    padding: 0px 24px;
  }
  .search-page .posts-section {
    background: none;
    padding-bottom: 0;
    border: none;
  }
  .search-page .posts-section header {
    background: #fff;
    border: solid 1px #e9eef5;
  }
  .search-page .groups-section .groups {
    margin-bottom: 0;
    padding: 0 24px 16px;
  }
  .search-page .groups-section .group {
    padding: 14px 0;
  }
  .search-page .groups-section .group:not(:last-child) {
    border-bottom: solid 1px #e9eef5;
  }
}
.sub-nav,
.match-navigation,
.league-navigation {
  background: none;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  display: flex;
  align-items: flex-start;
}
.sub-nav.search-navigation,
.match-navigation.search-navigation,
.league-navigation.search-navigation {
  background: #1a2740;
  -webkit-transform: none;
  transform: none;
}
.sub-nav.search-navigation button,
.match-navigation.search-navigation button,
.league-navigation.search-navigation button {
  font-size: 1.5rem;
}
.sub-nav.search-navigation .label,
.match-navigation.search-navigation .label,
.league-navigation.search-navigation .label {
  display: block;
}
.sub-nav button,
.match-navigation button,
.league-navigation button,
.sub-nav a,
.match-navigation a,
.league-navigation a {
  font-size: 0.75rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  padding: 0;
  padding-top: 4px;
  height: 100%;
  flex: 1;
  opacity: 0.5;
}
.sub-nav a,
.match-navigation a,
.league-navigation a {
  text-align: center;
}
.sub-nav .label,
.match-navigation .label,
.league-navigation .label {
  padding-bottom: 4px;
  display: inline-block;
}
.sub-nav .selected,
.match-navigation .selected,
.league-navigation .selected {
  opacity: 1;
}
.sub-nav .selected .label,
.match-navigation .selected .label,
.league-navigation .selected .label {
  border-bottom: solid 4px #fff;
}
@media screen and (min-width: 1024px) {
  .sub-nav,
  .match-navigation,
  .league-navigation {
    background: #fff;
    border: solid 1px #e9eef5;
    height: 60px;
    -webkit-transform: none;
    transform: none;
  }
  .sub-nav.search-navigation,
  .match-navigation.search-navigation,
  .league-navigation.search-navigation {
    background: #fff;
  }
  .sub-nav.search-navigation button,
  .match-navigation.search-navigation button,
  .league-navigation.search-navigation button {
    font-size: 1rem;
  }
  .sub-nav.search-navigation .label,
  .match-navigation.search-navigation .label,
  .league-navigation.search-navigation .label {
    display: inline;
  }
  .sub-nav button,
  .match-navigation button,
  .league-navigation button,
  .sub-nav a,
  .match-navigation a,
  .league-navigation a {
    font-size: 1rem;
    font-weight: bold;
    color: #1a2740;
    padding: 0;
  }
  .sub-nav a,
  .match-navigation a,
  .league-navigation a {
    padding-top: 4px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .sub-nav .label,
  .match-navigation .label,
  .league-navigation .label {
    display: inline;
  }
  .sub-nav .selected .label,
  .match-navigation .selected .label {
    border-bottom: solid 4px #1a2740;
  }
  .league-navigation .selected .label {
    border-bottom: solid 4px #1a2740;
    color: #1a2740;
  }
  .league-navigation .label {
    display: inline; color: #1a2740;
  }
}
.mini-nav {
  background: #7c8699;
  display: flex;
  -webkit-transform: translateY(-24px);
  transform: translateY(-24px);
}
.mini-nav a {
  font-size: 0.875rem;
  color: #fff;
  display: none;
  justify-content: center;
  align-items: center;
  height: 40px;
  position: relative;
  flex: 1;
}
.mini-nav a.selected {
  display: flex;
}
.mini-nav a.is-active {
  font-weight: bold;
}
.mini-nav a.is-active:after {
  content: '';
  border-right: 7px solid transparent;
  border-bottom: 7px solid #fff;
  border-left: 7px solid transparent;
  display: inline-block;
  height: 0;
  width: 0;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (min-width: 1024px) {
  .mini-nav {
    margin-top: -1px;
    margin-bottom: 16px;
    justify-content: center;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  .mini-nav a {
    width: 160px;
    flex: unset;
  }
  .mini-nav a.is-active:after {
    top: 0;
    bottom: unset;
    -webkit-transform: translateX(-50%) rotate(180deg);
    transform: translateX(-50%) rotate(180deg);
  }
}
[subscriptions-modal] {
  background: #fff;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  max-height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  -webkit-transform: translate(100%, 0%);
  transform: translate(100%, 0%);
  transition: -webkit-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  z-index: 99999999;
}
[subscriptions-modal].show {
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
}
[subscriptions-modal] .loading {
  background: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
[subscriptions-modal] .icon-spinner {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
[subscriptions-modal] button.close {
  font-size: 0;
  color: #fff;
  padding: 5px;
  position: absolute;
  top: -35px;
  right: -5px;
  -webkit-filter: drop-shadow(0px 0px 1.5px rgba(0, 1, 0, 0.9));
  filter: drop-shadow(0px 0px 1.5px rgba(0, 1, 0, 0.9));
}
[subscriptions-modal] button.close .icon-close {
  font-size: 0.875rem;
}
[subscriptions-modal] header {
  text-align: center;
  background: #1f2d49;
  padding: 15px 0;
  position: relative;
  flex-shrink: 0;
}
[subscriptions-modal] header .back-button {
  font-size: 1rem;
  color: #fff;
  padding: 14px 18px 10px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
[subscriptions-modal] header .title {
  font-size: 1rem;
  font-weight: bold;
  text-transform: capitalize;
  color: #fff;
  opacity: 0.5;
}
[subscriptions-modal] .no-subscriptions {
  text-align: center;
  padding: 10px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 180px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
[subscriptions-modal] .no-subscriptions .avatar-container {
  position: relative;
  margin-bottom: 15px;
}
[subscriptions-modal] .no-subscriptions .avatar {
  width: 58px;
  height: 58px;
}
[subscriptions-modal] .no-subscriptions .icon-join {
  font-size: 1.125rem;
  color: #233354;
  background: #fff;
  border-radius: 50%;
  padding: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: -10px;
  right: -3px;
}
[subscriptions-modal] .no-subscriptions p {
  font-size: 0.9375rem;
  line-height: 1rem;
  color: #434b5a;
  margin: 2px 0;
}
[subscriptions-modal] .no-subscriptions a {
  font-size: 0.6875rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #171b22;
  background: #e9eef5;
  border-radius: 3px;
  margin-top: 24px;
  padding: 12px;
  width: 160px;
}
[subscriptions-modal] .content {
  background: #fff;
  padding: 0;
  overflow-x: hidden;
}
[subscriptions-modal] .filter-container {
  padding: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
[subscriptions-modal] .filter-container p {
  font-size: 0.75rem;
  font-weight: bold;
  color: #7c8699;
}
[subscriptions-modal] .filter-container .filter {
  position: relative;
}
[subscriptions-modal] .filter-container .filter:after {
  content: '';
  background: url('/images/logos/filtre.svg') no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 16px;
  width: 6px;
  height: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
[subscriptions-modal] .filter-container .sport-filter {
  font-family: 'Open Sans';
  font-size: 0.75rem;
  font-weight: bold;
  color: #434b5a;
  background: none;
  padding: 8px 30px 8px 20px;
  border: solid 1px #434b5a;
  border-radius: 18px;
  text-align: center;
  text-align-last: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
}
[subscriptions-modal] .filter-container option {
  text-align: left;
}
[subscriptions-modal] ul.subscriptions-list {
  margin: 0;
  padding: 0;
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
}
[subscriptions-modal] li.subscriptions-item {
  list-style-type: none;
  width: 50%;
  height: 140px;
  border-bottom: solid 0.8px #e9eef5;
  box-sizing: border-box;
}
[subscriptions-modal] li.subscriptions-item:nth-child(odd) {
  border-right: solid 1px #e9eef5;
}
[subscriptions-modal] a {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
[subscriptions-modal] a:hover {
  text-decoration: none;
}
[subscriptions-modal] .avatar {
  width: 52px;
  height: 52px;
}
[subscriptions-modal] .name {
  font-size: 0.875rem;
  font-weight: bold;
  color: #434b5a;
  text-align: center;
  text-transform: capitalize;
  box-sizing: border-box;
  margin: 10px 0 0;
  padding: 0 10px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
[subscriptions-modal] .bets {
  font-size: 0.75rem;
  font-weight: bold;
  color: #7c8699;
  text-decoration: underline;
  margin: 10px 0 0;
}
@media screen and (min-width: 1024px) {
  [subscriptions-modal] {
    border-radius: 3px;
    width: 375px;
    height: auto;
    max-height: 500px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -47%);
    transform: translate(-50%, -47%);
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
  [subscriptions-modal].show {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  [subscriptions-modal] .loading {
    height: 100px;
    z-index: 1;
  }
  [subscriptions-modal] .icon-spinner {
    width: 50px;
    height: 50px;
  }
  [subscriptions-modal] header {
    padding: 0;
  }
  [subscriptions-modal] header .title {
    display: none;
  }
  [subscriptions-modal] .content {
    border-radius: 0 0 3px 3px;
    padding: 0;
  }
}
.subscriptions {
  background: #fff;
  border: solid 1px #e9eef5;
  margin-bottom: 16px;
  position: relative;
}
.subscriptions .loading {
  background: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.subscriptions .icon-spinner {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.subscriptions .no-subscriptions,
.subscriptions .content {
  display: flex;
  flex-direction: column;
  min-height: 180px;
}
.subscriptions .no-subscriptions {
  text-align: center;
  padding: 10px;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
}
.subscriptions .no-subscriptions .avatar-container {
  position: relative;
  margin-bottom: 15px;
}
.subscriptions .no-subscriptions .avatar {
  width: 58px;
  height: 58px;
}
.subscriptions .no-subscriptions .icon-join {
  font-size: 1.125rem;
  color: #233354;
  background: #fff;
  border-radius: 50%;
  padding: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: -10px;
  right: -3px;
}
.subscriptions .no-subscriptions p {
  font-size: 0.9375rem;
  line-height: 1rem;
  color: #434b5a;
  margin: 2px 0;
}
.subscriptions .no-subscriptions a {
  font-size: 0.6875rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #171b22;
  background: #e9eef5;
  border-radius: 3px;
  margin-top: 24px;
  padding: 12px;
  width: 160px;
}
.subscriptions ul.subscriptions-list {
  margin: 0;
  padding: 0;
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
}
.subscriptions li.subscriptions-item {
  list-style-type: none;
  width: 50%;
  height: 140px;
  border-bottom: solid 0.8px #e9eef5;
  box-sizing: border-box;
  display: none;
}
.subscriptions li.subscriptions-item:nth-child(-n + 6) {
  display: block;
}
.subscriptions li.subscriptions-item:nth-child(odd) {
  border-right: solid 1px #e9eef5;
}
.subscriptions a {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.subscriptions a:hover {
  text-decoration: none;
}
.subscriptions .avatar {
  width: 52px;
  height: 52px;
}
.subscriptions .name {
  font-size: 0.875rem;
  font-weight: bold;
  color: #434b5a;
  text-align: center;
  text-transform: capitalize;
  box-sizing: border-box;
  margin: 10px 0 0;
  padding: 0 10px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.subscriptions .bets {
  font-size: 0.75rem;
  font-weight: bold;
  color: #7c8699;
  text-decoration: underline;
  margin: 10px 0 0;
}
.subscriptions .open-subscriptions {
  font-size: 0.875rem;
  font-weight: bold;
  text-align: right;
  color: #9ca7ba;
  background: none;
  border: none;
  outline: none;
  padding: 14px 10px;
  display: block;
}
.tipstop-pro {
  margin-bottom: 16px;
  padding: 0 8px;
  cursor: pointer;
}
.tipstop-pro a {
  display: block;
}
.tipstop-pro img {
  display: block;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .tipstop-pro {
    padding: 0;
  }
}
[tooltip] {
  position: relative;
}
[tooltip] button {
  margin: 5px 0 0 8px;
  padding: 0;
}
[tooltip] button .icon-info {
  font-size: 0.9375rem;
  color: #a2afc2;
}
[tooltip] button:hover + .info-container,
[tooltip] button:focus + .info-container {
  -webkit-transform: translate(-65%, -100%) translateY(-10px);
  transform: translate(-65%, -100%) translateY(-10px);
  opacity: 1;
}
[tooltip] .info-container {
  text-align: center;
  background: #2c323d;
  border-radius: 5px;
  padding: 15px;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-65%, -100%) translateY(-5px);
  transform: translate(-65%, -100%) translateY(-5px);
  opacity: 0;
  transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  pointer-events: none;
  z-index: 1;
}
[tooltip] .info-container:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #2c323d transparent transparent transparent;
  position: absolute;
  bottom: -10px;
  left: 65%;
  -webkit-transform: translateX(-6px);
  transform: translateX(-6px);
}
[tooltip] .info {
  font-size: 0.875rem;
  line-height: 1.1875rem;
  color: #fff;
  white-space: pre;
  opacity: 1;
}
[top-btts] {
  margin-bottom: 16px;
  position: relative;
}
[top-btts] .loading {
  background: #fff;
  border: solid 1px #e9eef5;
  width: 100%;
  min-height: 100px;
  position: relative;
}
[top-btts] .loading .icon-spinner {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
[top-btts] .content {
  background: none;
  padding: 0 8px;
  display: flex;
  flex-direction: column;
  height: auto !important;
}
[top-btts] .actions {
  padding: 0 6px;
  display: flex;
  align-items: center;
}
[top-btts] .actions .action,
[top-btts] .actions .separator {
  font-size: 0.875rem;
  font-weight: 600;
  color: #35425b;
}
[top-btts] .actions .action {
  padding: 10px 0;
  position: relative;
}
[top-btts] .actions .action:after {
  content: '';
  background: currentColor;
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 10px;
  left: 0;
  -webkit-transform: scaleX(0.001);
  transform: scaleX(0.001);
  -webkit-transform-origin: left center;
  transform-origin: left center;
  transition: -webkit-transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[top-btts] .actions .action.is-active:after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
[top-btts] .actions .separator {
  margin: 0 6px;
  opacity: 0.4;
}
[top-btts] .no-results-container {
  background: #fff;
  border: solid 1px #e9eef5;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
}
[top-btts] a.match {
  text-decoration: none;
  background: #fff;
  margin-bottom: 4px;
  border-radius: 5px 5px 0 0;
  display: block;
  overflow: hidden;
}
[top-btts] .header {
  height: 53px;
  display: flex;
  align-items: center;
}
[top-btts] .team {
  display: flex;
  align-items: center;
  flex: 1 1 0;
  overflow: hidden;
}
[top-btts] .team.home-team {
  flex-direction: row-reverse;
}
[top-btts] .team.home-team .team-name {
  padding-left: 0;
  padding-right: 6px;
}
[top-btts] .team-logo {
  display: block;
  width: 21px;
  height: 21px;
}
[top-btts] .team-name {
  font-size: 0.875rem;
  color: #434b5a;
  padding-left: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[top-btts] .date {
  margin: 0 10px;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
[top-btts] .day {
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1rem;
  color: #263752;
}
[top-btts] .hour {
  font-size: 0.8125rem;
  line-height: 1rem;
  color: #9ca7ba;
}
[top-btts] .pourcents-container {
  background: #d4dae6;
  display: flex;
  height: 17px;
}
[top-btts] .home-team-gauge,
[top-btts] .away-team-gauge {
  position: relative;
  flex: 1 1 0;
}
[top-btts] .home-team-gauge {
  text-align: right;
}
[top-btts] .pourcents-value {
  font-size: 0.6875rem;
  font-weight: bold;
  line-height: 1.0625rem;
  letter-spacing: -0.0125rem;
  color: #fff;
  position: absolute;
  top: 0;
  left: 8px;
}
[top-btts] .home-team-gauge .pourcents-value {
  right: 8px;
  left: unset;
}
[top-btts] .pourcents-gauge {
  background: #596374;
  display: inline-block;
  height: 100%;
}
[top-btts] .away-team-gauge .pourcents-gauge {
  background: #7ed321;
}
@media screen and (min-width: 1024px) {
  [top-btts] .content {
    padding: 0;
  }
  [top-btts] .actions {
    padding: 0;
  }
  [top-btts] .actions .action,
  [top-btts] .actions .separator {
    font-size: 1.125rem;
  }
  [top-btts] .actions .action {
    font-weight: bold;
    margin: 0;
    padding: 10px 0;
  }
  [top-btts] .actions .separator {
    font-size: 1rem;
  }
  [top-btts] .team-logo {
    width: 28px;
    height: 28px;
  }
  [top-btts] .team-name {
    letter-spacing: -0.015625rem;
    color: #171b22;
  }
  [top-btts] .day {
    font-size: 0.875rem;
    font-weight: bold;
    color: #171b22;
  }
  [top-btts] .hour {
    font-size: 0.875rem;
  }
  [top-btts] .pourcents-container {
    background: #d4dae6;
  }
  [top-btts] .pourcents-gauge {
    background: #596374;
  }
}
[top-expert-bets] {
  margin-bottom: 16px;
  position: relative;
}
[top-expert-bets] .loading {
  background: #fff;
  border: solid 1px #e9eef5;
  width: 100%;
  min-height: 100px;
  position: relative;
}
[top-expert-bets] .loading .icon-spinner {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
[top-expert-bets] .content {
  background: none;
  padding: 0 8px;
  display: flex;
  flex-direction: column;
  height: auto !important;
}
[top-expert-bets] .header {
  padding: 0 6px;
  display: flex;
  align-items: center;
}
[top-expert-bets] .header .title {
  font-size: 0.875rem;
  font-weight: 600;
  color: #35425b;
  padding: 10px 0;
}
[top-expert-bets] [tooltip] button:hover + .info-container,
[top-expert-bets] [tooltip] button:focus + .info-container {
  -webkit-transform: translate(-50%, -100%) translateY(-10px);
  transform: translate(-50%, -100%) translateY(-10px);
}
[top-expert-bets] [tooltip] .info-container {
  -webkit-transform: translate(-50%, -100%) translateY(-5px);
  transform: translate(-50%, -100%) translateY(-5px);
}
[top-expert-bets] [tooltip] .info-container:after {
  left: 50%;
}
[top-expert-bets] .no-results-container {
  background: #fff;
  border: solid 1px #e9eef5;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
}
[top-expert-bets] .bets-list-item {
  background: #fff;
  margin-bottom: 4px;
  border-radius: 5px 5px 0 0;
}
[top-expert-bets] .bets-list-header {
  padding: 6px 12px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  min-height: 50px;
}
[top-expert-bets] .outcome-container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
[top-expert-bets] .outcome {
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 0.875rem;
  letter-spacing: 0.013125rem;
  color: #1a2740;
}
[top-expert-bets] .cote {
  font-size: 0.75rem;
  line-height: 0.875rem;
  letter-spacing: -0.013125rem;
  color: #7c8699;
}
[top-expert-bets] .results-container {
  margin-left: 8px;
  flex-shrink: 0;
}
[top-expert-bets] .results-container-result {
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 23px;
  height: 23px;
}
[top-expert-bets] .results-container-result.won {
  background: #84ad08;
}
[top-expert-bets] .results-container-result.lost {
  background: #eb6f5b;
}
[top-expert-bets] .results-container-result.playing {
  background: #f19133;
}
[top-expert-bets] .results-container-result.playing .results-container-letter {
  margin-bottom: 4px;
}
[top-expert-bets] .results-container-result.payback {
  background: #a4aebf;
}
[top-expert-bets] .results-container-letter {
  font-size: 0.625rem;
  font-weight: bold;
  color: #fff;
}
[top-expert-bets] .bets-list-user-data {
  padding: 0 12px;
  display: flex;
  align-items: center;
  height: 50px;
  position: relative;
}
[top-expert-bets] .bets-list-user-data:after {
  content: '';
  background: #e9eef5;
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
}
[top-expert-bets] .avatar {
  display: block;
  width: 30px;
  height: 30px;
  flex-shrink: 0;
}
[top-expert-bets] .user-name-container {
  margin-left: 10px;
  flex-grow: 1;
  overflow: hidden;
}
[top-expert-bets] .user-name {
  font-size: 0.8125rem;
  font-weight: bold;
  line-height: 1.125rem;
  letter-spacing: -0.015625rem;
  color: #434b5a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[top-expert-bets] .stats-container {
  display: flex;
  flex-shrink: 0;
}
[top-expert-bets] .stats {
  font-size: 0.625rem;
  font-weight: bold;
  line-height: 0.875rem;
  text-align: right;
  color: #434b5a;
  margin-left: 10px;
}
[top-expert-bets] .figure {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 0.875rem;
  color: #a99b77;
}
@media screen and (min-width: 1024px) {
  [top-expert-bets] .content {
    padding: 0;
  }
  [top-expert-bets] .header {
    padding: 0;
  }
  [top-expert-bets] .header .title {
    font-size: 1.125rem;
  }
  [top-expert-bets] .results-container {
    margin-left: 24px;
  }
  [top-expert-bets] .results-container-result {
    width: 60px;
    height: 25px;
  }
  [top-expert-bets] .results-container-result.playing .results-container-letter {
    margin-bottom: 0;
  }
  [top-expert-bets] .user-name {
    font-size: 0.875rem;
  }
}
[top-favorite] {
  margin-bottom: 16px;
  position: relative;
}
[top-favorite] .loading {
  background: #fff;
  border: solid 1px #e9eef5;
  width: 100%;
  min-height: 100px;
  position: relative;
}
[top-favorite] .loading .icon-spinner {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
[top-favorite] .content {
  background: none;
  padding: 0 8px;
  display: flex;
  flex-direction: column;
  height: auto !important;
}
[top-favorite] .actions {
  padding: 0 6px;
  display: flex;
  align-items: center;
}
[top-favorite] .actions .action,
[top-favorite] .actions .separator {
  font-size: 0.875rem;
  font-weight: 600;
  color: #35425b;
}
[top-favorite] .actions .action {
  padding: 10px 0;
  position: relative;
}
[top-favorite] .actions .action:after {
  content: '';
  background: currentColor;
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 10px;
  left: 0;
  -webkit-transform: scaleX(0.001);
  transform: scaleX(0.001);
  -webkit-transform-origin: left center;
  transform-origin: left center;
  transition: -webkit-transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[top-favorite] .actions .action.is-active:after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
[top-favorite] .actions .separator {
  margin: 0 6px;
  opacity: 0.4;
}
[top-favorite] .no-results-container {
  background: #fff;
  border: solid 1px #e9eef5;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
}
[top-favorite] .favorite-list-item {
  background: #fff;
  border-radius: 5px 5px 0 0;
  box-sizing: border-box;
  margin-bottom: 4px;
  padding: 5px;
}
[top-favorite] .header {
  padding: 5px 10px;
}
[top-favorite] .header-team {
  display: flex;
  align-items: center;
}
[top-favorite] .header-team-logo {
  display: block;
  width: 38px;
  height: 38px;
}
[top-favorite] .header-team-name {
  font-size: 0.75rem;
  font-weight: bold;
  letter-spacing: -0.01375rem;
  color: #171b22;
  margin-left: 10px;
  flex-grow: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[top-favorite] .header-success {
  font-size: 0.625rem;
  font-weight: bold;
  text-align: right;
  color: #434b5a;
  margin-left: 10px;
}
[top-favorite] .header-figures {
  font-size: 1.25rem;
  font-weight: bold;
  color: #a99b77;
}
[top-favorite] .next-match-container {
  margin-top: 10px;
  display: flex;
  align-items: center;
  position: relative;
}
[top-favorite] .next-match-container:before {
  content: '';
  background: #7c8699;
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
}
[top-favorite] .next-match {
  font-size: 0.625rem;
  font-weight: bold;
  letter-spacing: -0.005rem;
  color: #596374;
  background: #fff;
  padding-right: 10px;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
[top-favorite] .league-match-item {
  margin-top: 10px;
}
[top-favorite] .league-match-item .match-link {
  text-decoration: none;
  background: #f4f6fa;
  border-radius: 3px 3px 0 0;
  display: flex;
  width: 100%;
 /* height: 70px;*/
}
[top-favorite] .league-match-item .start-date {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 50px;
  flex-shrink: 0;
  position: relative;
}
[top-favorite] .league-match-item .start-date:after {
  content: '';
  background: #9ca7ba;
  width: 1px;
  height: 32px;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
[top-favorite] .league-match-item .start-date-day,
[top-favorite] .league-match-item .start-date-hour {
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.125rem;
  color: #263752;
}
[top-favorite] .league-match-item .start-date-hour {
  font-weight: normal;
  color: #9ca7ba;
}
[top-favorite] .league-match-item .teams {
  padding-left: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
  max-width: calc(100% - 117px);
  margin-top: 23px;
}
[top-favorite] .league-match-item .team {
  margin: 3px 0;
  display: flex;
  align-items: center;
  width: 100%;
}
[top-favorite] .league-match-item .team-logo {
  display: block;
  width: 22px;
  height: 22px;
}
[top-favorite] .league-match-item .team-name {
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: -0.01375rem;
  color: #171b22;
  margin-left: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

}
[top-favorite] .league-match-item .cotes {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 55px;
  flex-shrink: 0;
  position: relative;
}
[top-favorite] .league-match-item .cotes:after {
  content: '';
  background: #9ca7ba;
  width: 1px;
  height: 32px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
[top-favorite] .league-match-item .cote,
[top-favorite] .league-match-item .separator {
  font-size: 0.625rem;
  font-weight: bold;
  line-height: 1rem;
  letter-spacing: -0.01125rem;
  color: #434b5a;
}
[top-favorite] .league-match-item .separator {
  margin: 0 5px;
}
@media screen and (min-width: 1024px) {
  [top-favorite] .content {
    padding: 0;
  }
  [top-favorite] .actions {
    padding: 0;
  }
  [top-favorite] .actions .action,
  [top-favorite] .actions .separator {
    font-size: 1.125rem;
  }
  [top-favorite] .actions .action {
    font-weight: bold;
    margin: 0;
    padding: 10px 0;
  }
  [top-favorite] .actions .separator {
    font-size: 1rem;
  }
  [top-favorite] .favorite-list-item {
    background: none;
    padding: 0;
  }
  [top-favorite] .header {
    background: #f4f6fa;
    padding: 10px;
  }
  [top-favorite] .header-team-name {
    font-size: 1.125rem;
    letter-spacing: -0.020625rem;
  }
  [top-favorite] .header-success {
    font-size: 0.75rem;
  }
  [top-favorite] .league-match-item {
    background: #fff;
    border: solid 1px #e9eef5;
    margin: 0;
  }
  [top-favorite] .league-match-item .match-link {
    background: none;
    border-bottom: solid 1px #e9eef5;
    border-radius: 0;
    height: 55px;
  }
  [top-favorite] .league-match-item .start-date {
    font-size: 0.75rem;
    font-weight: bold;
    width: 55px;
  }
  [top-favorite] .league-match-item .start-date:after {
    height: 23px;
  }
  [top-favorite] .league-match-item .teams {
    padding: 0;
    flex-direction: row;
    align-items: center;
    max-width: calc(100% - 185px);
	margin-top:0;
  }
  [top-favorite] .league-match-item .team {
    margin-left: 10px;
    width: calc(50% - 30px);
  }
  [top-favorite] .league-match-item .team:first-child {
    margin-left: 0;
    margin-right: 10px;
    flex-direction: row-reverse;
  }
  [top-favorite] .league-match-item .team:first-child .team-name {
    margin-left: 0;
    margin-right: 10px;
  }
  [top-favorite] .league-match-item .team-logo {
    width: 24px;
    height: 24px;
  }
  [top-favorite] .league-match-item .team-name {
    font-size: 0.875rem;
    letter-spacing: -0.015625rem;
    margin-left: 10px;
	margin-bottom:0;
  }
  [top-favorite] .league-match-item .pronostics {
    font-size: 0.8125rem;
    font-weight: 600;
    text-align: center;
    color: #a99b77;
    width: 90px;
    flex-shrink: 0;
  }
  [top-favorite] .league-match-item .no-pronostic {
    color: #eb6f5b;
  }
  [top-favorite] .league-match-item .cotes {
    flex-direction: row;
    width: 130px;
  }
  [top-favorite] .league-match-item .cote,
  [top-favorite] .league-match-item .separator {
    font-size: 0.75rem;
	margin-bottom:10px;
  }
}
.top-leagues {
  background: #fff;
  border: solid 1px #e9eef5;
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
}
.top-leagues ul.top-leagues-component {
  margin: 0;
  padding: 0;
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
}
.top-leagues .go-to-top-leagues {
  font-size: 0.875rem;
  font-weight: bold;
  color: #9ca7ba;
  text-align: right;
  padding: 14px 10px;
  display: block;
}
[top-matchs-modal] {
  background: #fff;
  border-radius: 3px;
  width: 100%;
  max-width: 430px;
  position: absolute;
  top: 160px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  z-index: 99999999;
  box-shadow: 0 2px 4px 0 rgba(44, 50, 61, 0.24);
}
[top-matchs-modal].show {
  visibility: visible;
  opacity: 1;
}
[top-matchs-modal] button.close {
  font-size: 0;
  color: #fff;
  padding: 5px;
  position: absolute;
  top: -35px;
  right: -5px;
  -webkit-filter: drop-shadow(0px 0px 1.5px rgba(0, 1, 0, 0.9));
  filter: drop-shadow(0px 0px 1.5px rgba(0, 1, 0, 0.9));
}
[top-matchs-modal] button.close .icon-close {
  font-size: 0.875rem;
}
[top-matchs-modal] header {
  text-align: center;
  background: #f4f6fa;
  border-radius: 3px 3px 0 0;
  padding: 16px 0;
}
[top-matchs-modal] header .top-matchs-title {
  font-size: 1rem;
  font-weight: bold;
  color: #35425b;
}
[top-matchs-modal] .top-matchs-item {
  padding: 10px 12px;
}
[top-matchs-modal] .top-matchs-item:not(:last-child) {
  border-bottom: solid 1px #e9eef5;
}
[top-matchs-modal] .top-matchs-item:hover {
  background: #f4f6fa;
  cursor: pointer;
}
[top-matchs-modal] .top-matchs-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
[top-matchs-modal] .top-matchs-league {
  display: flex;
  align-items: center;
}
[top-matchs-modal] .top-matchs-league img {
  display: block;
  width: 16px;
  height: 16px;
}
[top-matchs-modal] .top-matchs-league p {
  font-size: 0.875rem;
  color: #2c323d;
  margin-left: 8px;
}
[top-matchs-modal] .top-matchs-pronostics {
  font-size: 0.6875rem;
  font-weight: bold;
  color: #a99b77;
}
[top-matchs-modal] .top-matchs-sport {
  display: flex;
  align-items: center;
}
[top-matchs-modal] .top-matchs-sport p {
  font-size: 0.525rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #8793a7;
  margin-right: 8px;
}
[top-matchs-modal] .top-matchs-sport img {
  display: block;
  width: 16px;
  height: 16px;
}
[top-matchs-modal] .top-matchs-data {
  margin-top: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
[top-matchs-modal] .top-matchs-team-a,
[top-matchs-modal] .top-matchs-team-b {
  display: flex;
  align-items: center;
}
[top-matchs-modal] .top-matchs-team-a p,
[top-matchs-modal] .top-matchs-team-b p {
  font-size: 0.875rem;
  font-weight: 600;
  color: #35425b;
}
[top-matchs-modal] .top-matchs-team-a img,
[top-matchs-modal] .top-matchs-team-b img {
  margin: 0 10px;
  display: block;
  width: 24px;
  height: 24px;
}
[top-matchs-modal] .top-matchs-score {
  display: flex;
  flex-direction: column;
}
[top-matchs-modal] .top-matchs-score .date,
[top-matchs-modal] .top-matchs-score .time {
  font-size: 0.8125rem;
  font-weight: bold;
  line-height: 1.125rem;
  color: #263752;
}
[top-matchs-modal] .top-matchs-score .time {
  color: #9ca7ba;
}
.users-list {
  list-style: none;
  margin: 0;
  padding: 0 12px;
}
.users-list .member {
  display: flex;
  align-items: center;
  padding: 5px 0;
}
.users-list .member .avatar {
  width: 42px;
  height: 42px;
  flex-shrink: 0;
}
.users-list .member .user-link {
  margin-left: 15px;
  flex-grow: 1;
}
.users-list .member .name-container {
  display: flex;
  flex-direction: column;
}
.users-list .member .name {
  font-size: 0.9375rem;
  font-weight: bold;
  color: #434b5a;
}
.users-list .member .role {
  font-size: 0.8125rem;
  color: #1f2d49;
  margin-top: 2px;
}
.follow-actions.already-following .follow-button {
  display: none;
}
.follow-actions.already-following .unfollow-button {
  display: flex;
}
.follow-actions.is-loading .follow-button,
.follow-actions.is-loading .unfollow-button {
  pointer-events: none;
}
.follow-actions.is-loading .icon-add-friend,
.follow-actions.is-loading .icon-remove-friend {
  display: none;
}
.follow-actions.is-loading .icon-spinner {
  display: inline-block;
}
.follow-actions .follow-button,
.follow-actions .unfollow-button {
  font-size: 0.6875rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #171b22;
  background: #e9eef5;
  border-radius: 3px;
  display: flex;
  align-items: center;
  height: 30px;
}
.follow-actions .unfollow-button {
  color: #fff;
  background: #393f4c;
  display: none;
}
.follow-actions .icon-add-friend,
.follow-actions .icon-remove-friend {
  margin-right: 5px;
}
.follow-actions .icon-spinner {
  margin-right: 5px;
  display: none;
  height: 15px;
  width: 15px;
  position: relative;
  top: unset;
  left: unset;
  -webkit-transform: unset;
  transform: unset;
}
.follow-actions .icon-spinner:after {
  border-color: #171b22;
  border-top-color: transparent;
}
.follow-actions .unfollow-button .icon-spinner:after {
  border-color: #fff;
  border-top-color: transparent;
}
[zoom-modal] {
  background: #fff;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  max-height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  -webkit-transform: translate(100%, 0%);
  transform: translate(100%, 0%);
  transition: -webkit-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  z-index: 99999999;
}
[zoom-modal].show {
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
}
[zoom-modal] button.close {
  font-size: 0;
  color: #fff;
  padding: 5px;
  position: absolute;
  top: -35px;
  right: -5px;
  -webkit-filter: drop-shadow(0px 0px 1.5px rgba(0, 1, 0, 0.9));
  filter: drop-shadow(0px 0px 1.5px rgba(0, 1, 0, 0.9));
}
[zoom-modal] button.close .icon-close {
  font-size: 0.875rem;
}
[zoom-modal] header {
  text-align: center;
  padding: 15px 0;
  position: relative;
  flex-shrink: 0;
}
[zoom-modal] header .back-button {
  font-size: 1rem;
  color: #fff;
  padding: 14px 18px 10px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-filter: drop-shadow(0px 0px 1.5px rgba(0, 1, 0, 0.9));
  filter: drop-shadow(0px 0px 1.5px rgba(0, 1, 0, 0.9));
}
[zoom-modal] .content {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow-x: hidden;
}
[zoom-modal] .content img {
  margin: 0 auto;
  display: block;
  max-width: 100%;
  height: auto;
}
[zoom-modal] .loading {
  background: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
[zoom-modal] .icon-spinner {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 1024px) {
  [zoom-modal] {
    border-radius: 3px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 80vw;
    height: auto;
    max-height: 80vh;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -47%);
    transform: translate(-50%, -47%);
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
  [zoom-modal].show {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  [zoom-modal] .loading {
    height: 100px;
    z-index: 1;
  }
  [zoom-modal] .icon-spinner {
    width: 50px;
    height: 50px;
  }
  [zoom-modal] header {
    display: none;
  }
  [zoom-modal] .content {
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: unset;
    left: unset;
    -webkit-transform: none;
    transform: none;
  }
}
body,
html {
  min-height: 100%;
}
body {
  font-family: 'Open Sans';
  min-width: 320px;
  background: #eceff4;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.constrained {
  width: unset !important;
  max-width: unset !important;
  min-width: unset !important;
}
.wrap,
main {
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
  padding-top: 0;
}
.grid-container {
  width: 100%;
  padding: 0 8px;
  box-sizing: border-box;
}
.wrap {
  height: 100%;
}
.column {
  box-sizing: border-box;
}
.modal-background {
  background: #1f2d49;
  visibility: hidden;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9998;
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.modal-is-shown .modal-background {
  visibility: visible;
  opacity: 0.8;
}
.ph-item {
  margin: 16px 0 !important;
}
input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type='number'] {
  -moz-appearance: textfield;
}
@media screen and (max-width: 1023px) {
  .columns.is-gapless-mobile-only {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
  }
  .columns.is-gapless-mobile-only:not(:last-child) {
    margin-bottom: 0.5rem;
  }
  .columns.is-gapless-mobile-only:last-child {
    margin-bottom: 0;
  }
  .columns.is-gapless-mobile-only > .column {
    margin: 0;
    padding: 0 !important;
  }
  .columns.is-gapless-mobile-only > .column:not(:last-child) {
    margin-bottom: 0.5rem;
  }
  .columns.is-gapless-mobile-only > .column:last-child {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .wrap,
  main {
    max-width: 960px;
  }
  main {
    padding: 32px 0;
    min-height: calc(100vh - 80px - 44px - 60px);
    box-sizing: border-box;
    /*margin-top: 55px;*/
  }
}

.newmobile {
  font-size: 10px;
  color: #ffb65f;
  font-weight: bold;
  margin-top: 3px;
}

/* //////////////////////SEARCH TAB/////// */

.header-search-desktop .scroller {
  background: #f5f6fa !important;
  margin-top: 0px !important;
}

.header-search-desktop .scroller ul {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.header-search-desktop .scroller li {
  width: 33% !important;
  text-align: center !important;
  cursor: pointer;
}
.header-search-desktop .scroller p {
  width: 100% !important;
  padding: 10px;
}

.header-search-desktop .scroller .selected p {
  color: #4573dc !important;
}

.header-search-desktop .scroller a {
  color: #51545c !important;
  width: 100% !important;
}

.header-search-desktop .search-navigation-desktop {
  padding: 0 30px;
  box-sizing: border-box;
  display: flex;
  width: auto;
  height: 100%;
}
.header-search-desktop .search-navigation-desktop a {
  font-family: 'Open Sans';
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1rem;
  text-transform: uppercase;
  white-space: pre;
  color: #fff;
  display: flex;
  margin-right: 40px;
  height: 100%;
  position: relative;
  opacity: 0.5;
  transition: opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.header-search-desktop .search-navigation-desktop a:last-child() {
  margin-right: 0;
}
.header-search-desktop .search-navigation-desktop a::before {
  content: '';
  background: #4573dc;
  width: 100%;
  height: 4px;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: top left;
  transform-origin: top left;
  transition: -webkit-transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.header-search-desktop .search-navigation-desktop a:hover,
.header-search-desktop .search-navigation-desktop a.selected {
  opacity: 1;
}
.header-search-desktop .search-navigation-desktop a:hover::before,
.header-search-desktop .search-navigation-desktop a.selected::before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.header-search-desktop .search-navigation-desktop .icon-lock {
  font-size: 0.75rem;
  margin-top: 2px;
  margin-right: 4px;
}

.searchmatchresult {
  padding: 10px;
  cursor: pointer;
}

.searchmatchresult:hover {
  background: #eaeef5;
}

.matchresultsearch {
  font-family: 'Open Sans';
  font-weight: 600;
  font-size: 13px;
}

.datesearchmatchresult {
  float: right;
  font-size: 11px;
  color: #787c86;
  margin-top: 5px;
  font-weight: 600;
}

.zonesearchbuttonmatch {
  height: 40px;
  width: 50%;
  float: left;
  cursor: pointer;
}

.btnmatchfilter {
  margin: 0;
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  cursor: pointer;
}

.valuefiltersearchmsg {
  text-align: center;
  padding: 5px 20px 5px 20px;
  border-radius: 3px;
  font-size: 11px;
  font-weight: 600;
  color: #575e71;
  cursor: pointer;
}

.valuefiltersearchmsgselected {
  background: #eaeef5;
  cursor: pointer;
}

.valuefiltersearchmsg:hover,
.searchleagueresult:hover {
  background: #eaeef5;
  cursor: pointer;
}

.searchleagueresult {
  display: flex;
  align-items: center;
  padding: 7px;
}

.searchleagueresult img {
  display: flex;
  align-items: center;
  padding: 5px;
}

.datesearchligueresult {
  font-size: 13px;
  margin-left: 5px;
}

.iconleaguesearch {
  color: #a2afc2;
  font-size: 11px;
  margin-left: auto;
  padding: 5px 0px 5px 5px;
  display: flex;
  align-items: center;
  margin-right: 10px;
}

.leagueresultsearch {
  margin-left: 5px;
}

#txtbtnaddbankrollbet {
  text-align: center;
  text-align: center;
  line-height: 20px;
  height: 35px;
  width: 97%;
  font-size: 12px;
  color: #1f2d49;
  font-weight: bold;
}

#btnaddbetbankroll {
  margin-left: 10px;
  margin-right: 10px;
  width: 165px;
  height: 28px;
  padding: 2px;
}

.hide {display:none;}
#myModalChoixOutcome{display:none;}
#myModalAjouterPari{display:none;}
#myModalModifierStatut{display:none;}
#myModalBetSlip{display:none;}
#myModalChercherPariMobile{display:none;}
#myModalEditerPari{display:none;}
#btnSupprimerEditPariconfirm{display:none;}
#deletebetsconfirm{display:none;}
#myModalajoutbankroll{display:none;}
#myModalsuivrebankroll{display:none;}
.post-tip-popins{display:none;}
@media (min-width: 1200px){ div.container { width: 100%; } }
@media (max-width: 1200px) {
  [data-sport='football'] .listing-match .loading,
  [data-sport='rugby'] .listing-match .loading,
  [data-sport='tennis'] .listing-match .loading,
  [data-sport='basket'] .listing-match .loading,
  [data-sport='handball'] .listing-match .loading,
  [data-sport='volley'] .listing-match .loading,
  [data-sport='hockey'] .listing-match .loading,
  [data-sport='rugbyleague'] .listing-match .loading,
  [data-sport='americanfootball'] .listing-match .loading {
    width: 30px;
    height: 30px;
    position: absolute;
    margin-top: 60px;
    margin-left: 45%;
  }
}
table.ui-datepicker-calendar th{text-align: center;}
.add-bankroll-button{
  font-size: 0.8125rem;
  border: solid 1px #9ca7ba;
  border-radius: 3px;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 40px;
  height: 32px;
}

.AddToBKFromSiteContainer{
    padding-right: 10px;
	cursor:pointer;
}
.AddToBKFromSiteContainer:before{ 
	content: ' ';
    display: inline-block;
    vertical-align: middle;  
	height: 100%;
}
.AddToBKFromSite{
 
	border-radius: 3px;
    padding-top: 7px;
    text-align: center;
    height: 32px;
    width: 32px;
    border-radius: 4px;
    border: 1px solid #bac4d5;
	display: inline-block;
    vertical-align: middle;
}
.AddToBKFromSite:hover{background-color:#f4f6fa;}
.AddToBKFromSite i.fas.fa-plus{
	color:#A2AFC2;
}
.labelEllipsed{
	width: 40px; 
	white-space: nowrap; 
	overflow: hidden;  
	text-overflow: ellipsis;
}
.ellipsedMatch{font-size:14px !important;}
@media screen and (min-width: 1024px) {
  .puber{margin-left:-258px;float:left;width:250px;padding-top:0px;height:600px; }
}
@media screen and (max-width: 1023px) {
  .puber{display: none;}
}