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

* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;
  -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important;
  outline: none !important;
}

html {
  display: block;
  width: 100%;
  height: 100%;
}

body {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 2200px;
  height: 100%;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 100%;
  color: #1d1d1b;
  background-color: #f8f8f8;
  font-size: 15px;
  line-height: 1.5;
  overflow-y: scroll;
  /* Show vertical scrollbar */
}
@media (max-width: 550px) {
  body {
    font-size: 14.5px;
  }
}

header, main, footer {
  flex-shrink: 0;
}

p, b, h1, h2, h3 {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
}

b {
  font-weight: 500;
}

h1 {
  font-size: 23px;
  font-weight: 500;
}

h2 {
  font-size: 20px;
  font-weight: 500;
}

h3 {
  font-size: 18px;
  font-weight: 400;
}

textarea {
  resize: none;
  border: none;
  background-color: #f8f8f8;
  -webkit-user-select: text;
          user-select: text;
  white-space: pre-wrap;
  word-break: break-word;
  padding: 10px;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
}

textarea::placeholder {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
}

span {
  vertical-align: middle;
  display: inline-block;
}
span.modeselektor {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 80px;
  height: 35px;
  padding: 4px;
  text-align: center;
  cursor: pointer;
  border-radius: 5px;
  background-color: white;
  border: 1px solid #0a6bac;
}
span.modeselektor svg {
  height: 16px;
  fill: #0a6bac;
  vertical-align: middle;
}
span.modeselektor svg.clear {
  fill: none;
}
@media (max-width: 550px) {
  span.modeselektor {
    width: 60px;
  }
}

div.tab-content {
  padding-bottom: 20px;
  z-index: 1;
  position: relative;
  min-height: 600px;
  max-width: 700px;
  margin: 0 auto;
}
div.tab-content .tab-pane {
  display: none;
}
div.tab-content .tab-pane.active {
  display: block;
}

div#qrcode {
  width: 200px;
  height: 200px;
  margin: 40px auto;
}

div#tutoslider {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  border-radius: 4px;
}
div#tutoslider h2 {
  margin-top: 20px;
}
div#tutoslider ul {
  position: relative;
  margin: 0;
  padding: 0;
  height: 200px;
  list-style: none;
}
div#tutoslider ul li {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 350px;
  height: 400px;
  text-align: center;
}
div#tutoslider ul li p {
  padding: 0 10px;
  margin-top: 20px;
}
div#tutoslider div.illu {
  margin: 20px auto 30px;
}
div#tutoslider div.illu img {
  width: 50px;
  margin: 0 5px;
}
div#tutoslider div.illu img.big {
  width: 65px;
}
div#tutoslider a {
  position: absolute;
  bottom: 30px;
  z-index: 999;
  display: block;
  width: 270px;
  background: #0a6bac;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 10px;
  height: 40px;
  line-height: 40px;
}
div#tutoslider a svg {
  fill: white;
  height: 100%;
}
div#tutoslider a.go {
  background: #0fa810;
}
div#tutoslider a.off {
  bottom: 90px;
}
div#tutoslider a:hover, div#tutoslider a:hover {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
}

svg.gold {
  fill: #FFD700;
  width: 12px;
  margin-right: 3px;
  vertical-align: middle;
}
svg.clear {
  fill: none;
}
svg.cert {
  fill: white;
  width: 16px;
  vertical-align: middle;
}
svg.pellet {
  width: 14px !important;
  vertical-align: initial;
  margin: 0 1px;
}
svg.pellet.nan {
  fill: #ddd;
}
svg.pellet.win {
  fill: #0fa810;
}
svg.pellet.lose {
  fill: #d11124;
}

.coin {
  position: absolute;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #FFD700;
  -webkit-animation: 1s animateOpacity;
  z-index: 99;
}

div.globme {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  margin: 0 auto;
  max-width: 600px;
}

div.pagelanding {
  margin: 0 auto;
  padding: 80px 20px;
  width: 100%;
  background-color: white;
  height: 90vh;
  max-width: 950px;
  text-align: center;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: white;
}
@media (max-width: 550px) {
  div.pagelanding {
    padding: 120px 20px;
  }
}
div.pagelanding div.mockup {
  margin: 20px auto;
  height: 300px;
  width: 100%;
  background-image: url("/img/teamparieur-mockups.png");
  background-position: top center;
  background-size: contain;
  background-repeat: no-repeat;
  max-width: 600px;
}
@media (max-width: 550px) {
  div.pagelanding div.mockup {
    margin-bottom: 0px;
  }
}
div.pagelanding div.intro {
  max-width: 700px;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 550px) {
  div.pagelanding div.intro {
    margin-top: -40px;
  }
}
div.pagelanding div.intro div.txtspd {
  height: 40px;
}
@media (max-width: 550px) {
  div.pagelanding div.intro div.txtspd {
    height: 80px;
  }
}
div.pagelanding h1 {
  font-size: 30px;
}
div.pagelanding h3 {
  color: #696969;
}
div.pagelanding span.sync {
  vertical-align: top;
}
div.pagelanding .typed-cursor {
  display: none;
}

div.bann div.ub {
  background-color: #147b45;
}
div.bann div.bc {
  background-color: #c2151d;
}
div.bann div.ps {
  background-color: #004e9b;
}
div.bann div.tp {
  background-color: #0fa810;
}
div.bann div.cc {
  background-color: #d11124;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' %3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='0' y1='0' y2='1'%3E%3Cstop offset='0' stop-color='%23D11124'/%3E%3Cstop offset='1' stop-color='%23D11124'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpattern id='b' width='24' height='24' patternUnits='userSpaceOnUse'%3E%3Ccircle fill='%23ffffff' cx='12' cy='12' r='12'/%3E%3C/pattern%3E%3Crect width='100%25' height='100%25' fill='url(%23a)'/%3E%3Crect width='100%25' height='100%25' fill='url(%23b)' fill-opacity='0.1'/%3E%3C/svg%3E");
  background-attachment: fixed;
}
div.bann div a {
  color: white;
  cursor: pointer;
}
div.bann div.tbann {
  display: block;
  height: 60px;
  padding: 10px 1px 10px 10px;
  position: relative;
  border-top: 1px solid rgba(255, 255, 255, 0.6);
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
  color: white;
}
div.bann div.tbann.match {
  margin: 60px auto -60px;
  border-top: none;
  height: 80px;
  max-width: 900px;
}
div.bann div.tbann div.bcont {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
div.bann div.tbann span {
  text-align: center;
}
div.bann div.tbann span.add {
  position: absolute;
  margin-top: 8px;
  left: 0;
  transform: rotate(-90deg);
}
div.bann div.tbann span.book {
  width: 20%;
}
div.bann div.tbann span.book img {
  max-height: 25px;
  max-width: 100%;
}
div.bann div.tbann span.bonus {
  width: 60%;
  padding: 0 10px;
  line-height: 1.2;
}
div.bann div.tbann span.bonus.mod {
  width: 100%;
  line-height: 1.5;
  font-size: 16px;
}
div.bann div.tbann span.cta {
  width: 20%;
  border-left: 1px solid white;
}
div.bann div.bannnote {
  text-align: center;
  background-color: #b2b2b1;
  font-size: 12px;
}

div.perfoChart {
  background-color: white;
  border-top: 1px solid #ddd;
}
div.perfoChart span.first {
  width: 40%;
  background-color: #eee;
}
div.perfoChart span.first div.graph {
  margin: 0 auto;
  width: 80%;
  max-width: 150px;
  height: 200px;
}
div.perfoChart span.second {
  width: 60%;
  padding: 20px;
}
div.perfoChart span.second p {
  font-size: 0.9em;
}
div.perfoChart span.second img {
  width: 60px;
  margin-bottom: 10px;
}
@media (max-width: 550px) {
  div.perfoChart span.second img {
    max-width: 50px;
  }
}
div.perfoChart span.full {
  padding: 0px 10px;
  width: 100%;
}

div.pageheaderbg {
  display: block;
  width: 100%;
  background-color: #072443;
  position: fixed;
  height: 60px;
  top: 0;
  left: 0;
  border-bottom: 1px solid white;
}

header {
  width: 250px;
  vertical-align: top;
  position: fixed;
  min-height: 100vh;
  padding-top: 240px;
  padding-left: 10px;
}
header.smak {
  display: none;
}
@media (min-width: 1700px) {
  header {
    margin-left: 10%;
  }
}
header h2 {
  padding: 10px;
}
@media (max-width: 1200px) {
  header h2 {
    display: none;
  }
}
@media (max-width: 1200px) {
  header {
    display: block;
    width: 100%;
    vertical-align: middle;
    position: fixed;
    min-height: 0;
    z-index: 997;
    bottom: 0;
    padding: 0;
    border-top: 1px solid #ddd;
    background-color: white;
  }
  header div.menubg {
    display: block;
    margin: 0 auto;
    max-width: 550px;
  }
}
header div.menu {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 400px;
  font-weight: 400;
}
@media (max-width: 1200px) {
  header div.menu {
    display: inline-block;
    width: 20%;
    margin: 0;
    padding: 15px 0;
  }
}
header div.menu a {
  display: block;
  margin: 0 auto;
  color: #1d1d1b;
  font-size: 18px;
  padding: 0 5px;
  border-radius: 20px;
}
header div.menu a span.icon {
  width: 20%;
  text-align: center;
}
header div.menu a span.content {
  width: 80%;
}
header div.menu a svg {
  fill: #c5c5c5;
  vertical-align: text-bottom;
  width: 20px;
}
header div.menu a:hover {
  cursor: pointer;
}
@media (max-width: 1200px) {
  header div.menu a {
    text-align: center;
  }
  header div.menu a span {
    width: 100% !important;
  }
}
header div.menu.active a {
  background-color: white;
  font-weight: 500;
  pointer-events: none;
  cursor: default;
}
header div.menu.active a svg {
  fill: #1d1d1b;
}
header div.menu img {
  width: 35px;
  border-radius: 50%;
}
header div.menu span {
  padding: 10px;
}
@media (max-width: 1200px) {
  header div.menu span {
    padding: 0;
  }
  header div.menu span.content {
    display: block;
    margin: 0 auto;
    font-size: 10px;
  }
}

main {
  flex-grow: 1;
  display: block;
  margin: 0 auto;
  min-height: 100vh;
  background-color: #f8f8f8;
  width: 100%;
  overflow-y: auto;
  padding-bottom: 40px;
  max-width: 1200px;
}
@media (max-width: 900px) {
  main {
    width: 100%;
    display: block;
    margin: 0 auto;
  }
}
main div.pageheader {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  z-index: 2;
  height: 60px;
  max-width: 1200px;
  background-color: #072443;
  border-bottom: 1px solid white;
}
main div.pageheader img.tag {
  width: 30px;
}
main div.pageheader img.tpicon {
  width: 40px;
  padding-right: 8px;
}
main div.pageheader a.backb {
  text-transform: uppercase;
  cursor: pointer;
  color: white;
}
main div.pageheader a.backb svg {
  width: 20px;
  fill: white;
}
main div.pageheader span.center {
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
main div.pageheader span.mid {
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}
main div.pageheader span.left {
  left: 0;
  padding-left: 15px;
  height: 100%;
  line-height: 60px;
}
main div.pageheader span.right {
  right: 0;
  padding-right: 15px;
}
main div.pageheader span h1 {
  color: white;
  display: inline-block;
  vertical-align: middle;
}
@media (max-width: 550px) {
  main div.pageheader span h1 {
    font-size: 18px;
  }
}
main div.pageheader span.getinfo {
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  padding-left: 55px;
}
main div.pageheader span.pagenotif {
  border-radius: 50%;
  font-size: 14px;
  color: #fff;
  height: 22px;
  width: 22px;
  text-align: center;
  margin-left: 10px;
  background-color: #d11124;
}
main div.pageheader span span.user {
  padding: 0 10px;
  text-align: right;
}
main div.pageheader span span.user span.dropdownnotif {
  padding-right: 10px;
}
main div.pageheader span span.user span.userpic img {
  width: 40px;
}
@media (max-width: 550px) {
  main div.pageheader span span.user span.userpic img {
    width: 30px;
  }
}
main div.pageheader span span.user span.username {
  margin-left: 10px;
  color: white;
  text-align: center;
  line-height: 1.1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100px;
  min-width: 60px;
}
main div.pageheader span span.user span.username span.counter {
  color: #FFD700;
}
main div.pageheader span span.level img {
  width: 30px;
  margin: 0 -15px 1px 10px;
}
main div.pageheader span span.notif {
  text-align: center;
  cursor: pointer;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  color: white;
  background-color: rgba(255, 255, 255, 0.1);
  position: relative;
}
main div.pageheader span span.notif svg {
  width: 15px;
  height: 100%;
}
main div.pageheader span span.notif:hover {
  background: rgba(255, 255, 255, 0.15);
}
@media (max-width: 550px) {
  main div.pageheader span span.notif {
    width: 35px;
    height: 35px;
  }
}
main div.pageheader span #toolbar-notifications {
  display: none;
}
main div.pageheader span .is-active #toolbar-notifications {
  display: block;
}
main div.pageheader span #toolbar-notifications, main div.pageheader span #toolbar-user-nav {
  position: absolute;
  z-index: 3;
  top: 70px;
  right: 20px;
  font-size: 13px;
  background: #fff;
  overflow: hidden;
  text-align: left;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  box-shadow: 0 12px 28px 0 rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}
main div.pageheader span #toolbar-notifications div.list, main div.pageheader span #toolbar-user-nav div.list {
  width: 360px;
}
main div.pageheader span #toolbar-notifications svg, main div.pageheader span #toolbar-user-nav svg {
  width: 12px;
  vertical-align: baseline;
}
@media (max-width: 550px) {
  main div.pageheader span #toolbar-notifications div.list, main div.pageheader span #toolbar-user-nav div.list {
    width: 300px;
  }
}
main div.pageheader span #toolbar-notifications p.notif, main div.pageheader span #toolbar-user-nav p.notif {
  padding: 15px;
  font-size: 1.5em;
  font-weight: 400;
  margin: 0;
}
main div.pageheader span #toolbar-notifications span.home, main div.pageheader span #toolbar-user-nav span.home {
  max-width: 40px;
  width: 100%;
  float: right;
}
main div.pageheader span #toolbar-notifications span.markasread, main div.pageheader span #toolbar-user-nav span.markasread {
  float: right;
  margin-top: 1em;
  margin-right: 1em;
}
main div.pageheader span #toolbar-notifications div.notification, main div.pageheader span #toolbar-user-nav div.notification {
  overflow: hidden;
  padding: 10px 0;
  background: #fff;
  text-decoration: none;
  cursor: pointer;
  outline: 0;
  -webkit-user-select: none;
          user-select: none;
  transition: background-color 0.3s ease;
  border-top: 1px solid #eee;
}
main div.pageheader span #toolbar-notifications div.menu, main div.pageheader span #toolbar-user-nav div.menu {
  overflow: hidden;
  padding: 5px 20px;
  background: #fff;
  text-decoration: none;
  border-top: 1px solid #eee;
  cursor: pointer;
  outline: 0;
  -webkit-user-select: none;
          user-select: none;
  transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
  position: relative;
}
main div.pageheader span #toolbar-notifications div.menu span.action, main div.pageheader span #toolbar-user-nav div.menu span.action {
  position: absolute;
  margin-left: 45px;
  left: 0;
  margin-top: 5px;
}
main div.pageheader span #toolbar-notifications div.menu svg.fa-spinner, main div.pageheader span #toolbar-user-nav div.menu svg.fa-spinner {
  margin: 10px;
  margin-left: 7px;
  width: 25px;
}
main div.pageheader span #toolbar-notifications div.avatar, main div.pageheader span #toolbar-user-nav div.avatar {
  display: inline-block;
  width: 20%;
  vertical-align: middle;
  position: relative;
  text-align: center;
  font-size: 30px;
}
main div.pageheader span #toolbar-notifications div.avatar img, main div.pageheader span #toolbar-user-nav div.avatar img {
  width: 40px;
  height: 40px;
  object-fit: cover;
}
main div.pageheader span #toolbar-notifications div.avatar img.tag, main div.pageheader span #toolbar-user-nav div.avatar img.tag {
  object-fit: inherit;
}
main div.pageheader span #toolbar-notifications div.avatar img.round, main div.pageheader span #toolbar-user-nav div.avatar img.round {
  border-radius: 50%;
}
main div.pageheader span #toolbar-notifications svg#bets, main div.pageheader span #toolbar-user-nav svg#bets {
  fill: #FFD700;
}
main div.pageheader span #toolbar-notifications svg#teams, main div.pageheader span #toolbar-user-nav svg#teams {
  fill: #0fa810;
}
main div.pageheader span #toolbar-notifications svg#ligue, main div.pageheader span #toolbar-user-nav svg#ligue {
  fill: #0a6bac;
}
main div.pageheader span #toolbar-notifications svg#settings, main div.pageheader span #toolbar-user-nav svg#settings {
  fill: #c5c5c5;
}
main div.pageheader span #toolbar-notifications div.content, main div.pageheader span #toolbar-user-nav div.content {
  display: inline-block;
  width: 80%;
  vertical-align: middle;
  padding-right: 10px;
  font-size: 14px;
}
main div.pageheader span #toolbar-notifications div.text, main div.pageheader span #toolbar-user-nav div.text {
  color: #1d1d1b;
}
main div.pageheader span #toolbar-notifications div.title, main div.pageheader span #toolbar-user-nav div.title {
  font-size: 1.2em;
  padding: 12px;
  color: #1d1d1b;
}
main div.pageheader span #toolbar-notifications div.meta, main div.pageheader span #toolbar-user-nav div.meta {
  margin-top: 2px;
  color: #696969;
  overflow: hidden;
  font-size: 0.9em;
}
main div.pageheader span #toolbar-notifications div.icon, main div.pageheader span #toolbar-user-nav div.icon {
  display: inline-block;
}
main div.pageheader span #toolbar-notifications div.icon svg, main div.pageheader span #toolbar-user-nav div.icon svg {
  vertical-align: middle;
}
main div.pageheader span #toolbar-notifications div.icon svg.green, main div.pageheader span #toolbar-user-nav div.icon svg.green {
  fill: #0fa810;
}
main div.pageheader span #toolbar-notifications div.icon svg.grey, main div.pageheader span #toolbar-user-nav div.icon svg.grey {
  fill: #c5c5c5;
}
main div.pageheader span #toolbar-notifications div.icon svg.blue, main div.pageheader span #toolbar-user-nav div.icon svg.blue {
  fill: #0a6bac;
}
main div.pageheader span #toolbar-notifications div.icon svg.dblue, main div.pageheader span #toolbar-user-nav div.icon svg.dblue {
  fill: #09315b;
}
main div.pageheader span #toolbar-notifications div.icon svg.dyel, main div.pageheader span #toolbar-user-nav div.icon svg.dyel {
  fill: #FFD700;
}
main div.pageheader span #toolbar-notifications div.date, main div.pageheader span #toolbar-user-nav div.date {
  display: inline-block;
  margin-left: 5px;
  font-size: 12px;
}
main div.pageheader span #toolbar-notifications a.voir_notif, main div.pageheader span #toolbar-user-nav a.voir_notif {
  cursor: pointer;
  display: block;
  text-align: center;
  padding: 10px;
  border-top: 1px solid #eaeaea;
}
main div.navbgd {
  display: block;
  max-width: 900px;
  margin: 0 auto 0;
  background: #7ac943;
  height: 50px;
  margin-top: 60px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
@media (max-width: 900px) {
  main div.navbgd {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}
main div.navbgd.clear {
  margin-top: 0px;
}

div.tptxt {
  padding: 0 30px;
}
div.tptxt.tight {
  margin: 0 auto;
  max-width: 500px;
}
div.tptxt.ctr {
  text-align: center;
}
div.tptxt.mart40 {
  margin-top: 40px;
}
div.tptxt p.mart40 {
  margin-top: 40px;
}
div.tptxt p.mart20 {
  margin-top: 20px;
}
div.tptxt p.marb40 {
  margin-bottom: 40px;
}
div.tptxt p.marb20 {
  margin-bottom: 20px;
}
div.tptxt p.hint {
  color: #909090;
  margin-bottom: 10px;
}
div.tptxt img.wd40 {
  width: 40px;
}
div.tptxt img.wd80 {
  width: 80px;
}
div.tptxt img.rd {
  border-radius: 50%;
}
div.tptxt h3.mart10 {
  margin-top: 10px;
}
div.tptxt p.liguestatus, div.tptxt p.tipstrstatus {
  width: 260px;
  border-radius: 10px;
  margin: auto;
  color: white;
  padding: 10px;
  margin: 20px auto;
}
div.tptxt p.liguestatus.selector, div.tptxt p.tipstrstatus.selector {
  background-color: #d11124;
}
div.tptxt p.liguestatus.selector.active, div.tptxt p.tipstrstatus.selector.active {
  background-color: #0fa810;
}
div.tptxt p.liguestatus.tipster, div.tptxt p.tipstrstatus.tipster {
  background-color: #09315b;
}
div.tptxt p.liguestatus.tipster.active, div.tptxt p.tipstrstatus.tipster.active {
  background-color: #0a6bac;
}
div.tptxt p.liguestatus.open, div.tptxt p.tipstrstatus.open {
  background-color: #0fa810;
}
div.tptxt p.liguestatus.close, div.tptxt p.tipstrstatus.close {
  background-color: #d11124;
}
div.tptxt.newligue {
  margin-top: 10px;
}
div.tptxt.newligue p.lft {
  text-align: left;
  padding: 10px;
}
div.tptxt.newligue div#logopreview, div.tptxt.newligue div.nlogopreview {
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
div.tptxt.newligue div#logopreview.active, div.tptxt.newligue div.nlogopreview.active {
  height: 100px;
  width: 100px;
  margin: 0 auto;
}
div.tptxt.newligue div#logopreview img, div.tptxt.newligue div.nlogopreview img {
  width: 100px;
  height: 100px;
}
div.tptxt.newligue div#logopreview img.nb, div.tptxt.newligue div.nlogopreview img.nb {
  padding: 10px;
}
div.tptxt.newligue div#logopreview img.import, div.tptxt.newligue div.nlogopreview img.import {
  object-fit: cover;
  border-radius: 50%;
}
div.tptxt.newligue textarea, div.tptxt.newligue input {
  border: 1px solid #ddd;
}
avatar-edit div.tptxt.newligue textarea.error, avatar-edit div.tptxt.newligue input.error {
  border: 1px solid #d11124;
}
div.tptxt.newligue textarea.uploadFile, div.tptxt.newligue input.uploadFile {
  background-color: #0a6bac;
  color: white;
  width: 220px;
  border: none;
  border-radius: 5px;
}
div.tptxt.newligue textarea {
  margin: 10px auto;
  width: 100%;
  max-width: 400px;
  box-sizing: border-box;
  font-size: 1em;
  padding: 10px;
  background: white;
  height: 80px;
}
div.tptxt.newligue a.validnligue {
  margin-top: 60px;
}

div.tponesp.tp50 {
  margin-top: 50px;
}
div.tponesp.bt50 {
  margin-bottom: 50px;
}
div.tponesp.tp20 {
  margin-top: 20px;
}
div.tponesp.bt20 {
  margin-bottom: 20px;
}

div.tponetblclss p {
  padding: 0;
  margin: 0;
}
div.tponetblclss.gguserstats ul.sonar {
  margin-bottom: 0;
}
div.tponetblclss.gguserstats a {
  cursor: pointer;
}
div.tponetblclss.gguserstats a.topmore {
  display: block;
  padding-top: 10px;
}
div.tponetblclss.gguserstats a.flopmore {
  display: block;
  padding-top: 10px;
}
div.tponetblclss.gguserstats svg {
  width: 20px;
  vertical-align: text-bottom;
}
div.tponetblclss.gguserstats svg.perf {
  width: 15px;
  vertical-align: middle;
  fill: #0a6bac;
}
div.tponetblclss.gguserstats svg.up {
  fill: #0fa810;
}
div.tponetblclss.gguserstats svg.dwn {
  fill: #d11124;
}
div.tponetblclss.gguserstats div.tponehdr:not(:first-child) {
  margin-top: 20px;
}
div.tponetblclss.gguserstats div.tponebdy {
  height: 50px;
}
div.tponetblclss.gguserstats div.tponebdy p {
  color: white;
  border-radius: 10px;
  padding: 2px;
  margin: 0 auto;
  max-width: 60px;
}
div.tponetblclss.gguserstats div.tponebdy p.pos {
  background-color: #0fa810;
}
div.tponetblclss.gguserstats div.tponebdy p.neg {
  background-color: #d11124;
}
@media (max-width: 550px) {
  div.tponetblclss.gguserstats span.tpone5 {
    display: none;
  }
}
div.tponetblclss.gguserstats div.teamname {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
div.tponetblclss.gguserstats span.forme {
  width: 20%;
}
@media (max-width: 550px) {
  div.tponetblclss.gguserstats span.forme {
    width: 35%;
  }
}
div.tponetblclss.gguserinfo div.tponehdr {
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
}
div.tponetblclss.gguserinfo div.tponehdr.nb {
  border: none;
}
div.tponetblclss.gguserinfo a.button.soc {
  margin: 0 20px;
}
div.tponetblclss.gguserinfo p.intro {
  margin: 20px auto;
}
div.tponetblclss.gguserinfo div.tab-content {
  min-height: 0;
}
div.tponetblclss.gguserinfo div.teamperf {
  margin-bottom: 10px;
}
div.tponetblclss.gguserinfo div.tponebdy {
  border: none;
  height: auto;
  margin-bottom: 20px;
  max-width: 500px;
  margin: 0 auto;
  background-color: transparent;
}
div.tponetblclss.gguserinfo div.tponebdy .tpone33 img {
  width: 90%;
  max-width: 60px;
  max-height: 60px;
}
div.tponetblclss.gguserinfo div.tponebdy .tpone33 img.lvl {
  max-width: 80px;
  max-height: 80px;
}
div.tponetblclss.gguserinfo div.tponebdy.pad {
  margin-bottom: 40px;
}
div.tponetblclss.gguserinfo div.tponebdy svg {
  width: 13px;
}
div.tponetblclss.gguserinfo div.tponebdy img {
  max-height: 80px;
  max-width: 80px;
  padding: 5px;
}
div.tponetblclss.gguserinfo div.tponebdy img.icon {
  max-width: 60px;
}
@media (max-width: 800px) {
  div.tponetblclss.gguserinfo div.tponebdy img {
    max-height: 60px;
    max-width: 60px;
  }
}
div.tponetblclss.gguserinfo div.tponebdy.nb img {
  width: 90%;
}
div.tponetblclss.gguserinfo div.tponebdy.top span.tpone33 {
  margin-top: -40px;
}
div.tponetblclss.gguserinfo div.tponebdy.top span.tpone33.low {
  margin-top: 40px;
}
div.tponetblclss.gguserinfo div.tponemtch {
  height: 200px;
}
div.tponetblclss.ggstat {
  min-height: 500px;
}
div.tponetblclss.ggstat p.hdttl img {
  height: 30px;
  margin-left: 10px;
}
div.tponetblclss.ggstat .compname {
  font-size: 0.8em;
}
div.tponetblclss.ggstat img.cflag {
  width: 14px;
}
div.tponetblclss.ggstat span.cmatch {
  padding-left: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}
div.tponetblclss.ggstat svg {
  margin: 0 auto;
  vertical-align: text-top;
}
div.tponetblclss.ggstat svg.clay {
  fill: #91311d;
}
div.tponetblclss.ggstat svg.grass {
  fill: #1b7700;
}
div.tponetblclss.ggstat svg.quick {
  fill: #006290;
}
div.tponetblclss.ggstat div.old {
  background-color: #eee;
  border-bottom: 1px solid #ddd;
}
div.tponetblclss.ggzoom div.perfoChart {
  padding: 40px 10px;
  border: none;
}
div.tponetblclss.ggzoom div.tponehdr {
  margin-top: 40px;
}
div.tponetblclss.ggzoom div.tponebdy {
  height: 110px;
}
div.tponetblclss.ggzoom p.fsma {
  margin-top: 5px;
}
@media (max-width: 800px) {
  div.tponetblclss.ggzoom p.fsma {
    font-size: 0.9em;
  }
}
div.tponetblclss.ggzoom span.pnum {
  width: 35px;
  height: 35px;
  font-size: 14px;
}
div.tponetblclss.ggzoom span.resstat {
  max-width: 60px;
}
div.tponetblclss.ggzoom span.tpone65 {
  padding: 0 20px 0 10px;
  text-align: left;
}
div.tponetblclss.userp h3 {
  margin: 30px auto;
}
div.tponetblclss.userp img.sport {
  width: 25px;
  margin: 0 10px;
}
div.tponetblclss.userp div.tponebdy {
  height: 130px;
  padding: 0 20px;
}
div.tponetblclss.userp div.loadhere {
  display: none;
}
div.tponetblclss.userp div.loadhere.active {
  display: block;
  margin-bottom: 40px;
}
div.tponetblclss.userp div.tponehdr.summary, div.tponetblclss.userp div.tponehdr.getlog {
  cursor: pointer;
  background-color: #eee;
  border-top: 1px solid #ddd;
}
div.tponetblclss.userp div.tponehdr.summary.active, div.tponetblclss.userp div.tponehdr.getlog.active {
  background-color: transparent;
  border-top: none;
  margin: 20px auto;
}
div.tponetblclss.userp div.tponepend {
  background-color: transparent;
  padding: 40px 0;
}
div.tponetblclss.userp div.tponemtch {
  padding: 0 20px;
}
div.tponetblclss.userp span.serie {
  border-radius: 50%;
  text-align: center;
  color: #0fa810;
  width: 28px;
  border: 1px solid #0fa810;
  height: 28px;
  line-height: 26px;
  background-color: white;
  margin-bottom: 5px;
}
div.tponetblclss.userp p.game {
  margin-bottom: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.tponetblclss.userp p.prono {
  padding-right: 10px;
}
div.tponetblclss.userp span.hidebet {
  display: inline-block;
  width: 80%;
  max-width: 300px;
  text-align: center;
  background-color: #cccbcb;
  color: white;
  border-radius: 10px;
}
div.tponetblclss.userp svg.perf {
  width: 13px;
}
div.tponetblclss.userp svg.pause {
  width: 15px;
  margin-left: 5px;
  vertical-align: text-top;
  margin-top: 2px;
}
div.tponetblclss.userp span.icon {
  display: block;
  margin: 0 auto;
}
div.tponetblclss.userp span.icon svg {
  max-height: 30px;
  vertical-align: bottom;
}
div.tponetblclss.userp span.icon svg.def path {
  fill: #ddd;
}
div.tponetblclss.userp span.icon svg.mod path {
  fill: #0a6bac;
}
div.tponetblclss.userp span.icon.cta {
  max-width: 140px;
}
div.tponetblclss.userp span.icon.cta svg {
  max-height: 25px;
}
div.tponetblclss.userp span.icon span.elm {
  width: 33%;
}
div.tponetblclss.userp span.pickshare, div.tponetblclss.userp span.pickmod {
  padding: 5px;
  cursor: pointer;
  fill: #0a6bac;
}
div.tponetblclss.betsel p.intro {
  display: block;
  margin: 0 auto;
  max-width: 400px;
  padding: 10px 20px 0;
  height: 90px;
}
div.tponetblclss.betsel div.tponehdr.mrt {
  margin-top: 40px;
}
div.tponetblclss.betsel div.tponebdy {
  height: 140px;
  position: relative;
}
div.tponetblclss.betsel div.tponebdy span.tpone20 {
  font-size: 12px;
}
div.tponetblclss.betsel div.tponebdy span.tpone60 p {
  padding: 0 15px;
}
div.tponetblclss.betsel div.tponebdy img {
  width: 50px;
  margin-bottom: 10px;
}
div.tponetblclss.betsel div.tponebdy a.odd {
  display: block;
  margin: 5px auto;
  width: 100%;
  max-width: 65px;
  background-color: #0a6bac;
  border-radius: 5px;
  color: white;
  text-decoration: none;
  padding: 8px 5px;
  cursor: pointer;
}
div.tponetblclss.betsel div.tponebdy a.odd.sma {
  background-color: white;
  color: #0a6bac;
  border: 1px solid #0a6bac;
}
div.tponetblclss.betsel div.tponebdy a.odd.run {
  background-color: #33a3ed;
}
div.tponetblclss.betsel div.tponebdy a.odd.big {
  background-color: #d11124;
}
div.tponetblclss.betsel div.tponebdy a.odd.mid {
  background-color: #024f82;
}
div.tponetblclss.betval div.tponehdr:not(:first-child) {
  margin-top: 40px;
}
div.tponetblclss.betval div.tponebdy {
  height: 160px;
  padding: 0;
  position: relative;
}
div.tponetblclss.betval div.tponebdy div.xpct img {
  border: 1px solid white;
  width: 85%;
  max-width: 70px;
}
div.tponetblclss.betval div.tponebdy div.xsts svg {
  width: 30px;
}
div.tponetblclss.betval div.tponebdy p.prono {
  display: block;
  margin: 0 auto;
  padding: 0 20px;
}
div.tponetblclss.betval div.tponebdy.active {
  background-color: #ffd70069;
}
div.tponetblclss.betval div.tponebdy.ina {
  background-color: #f2f2f2;
}
div.tponetblclss.betval div.tponebdy.clear {
  background-color: #f2f2f2;
}
div.tponetblclss.betval div.tponebdy.trend {
  height: 250px;
}
div.tponetblclss.betval div.tponebdy.trend span:first-child {
  border-right: 1px solid #ddd;
}
div.tponetblclss.betval div.tponebdy.trend p {
  padding: 0 10px;
}
div.tponetblclss.betval div.tponebdy.trend span.ttrend {
  vertical-align: top;
}
div.tponetblclss.betval div.tponebdy.betsel {
  height: 200px;
}
div.tponetblclss.betval div.tponebdy.betsel.me {
  height: 320px;
}
div.tponetblclss.betval div.tponebdy.betsel span.fcount {
  display: block;
  max-width: 70px;
  margin: 0px auto;
  background-color: #0070ba;
  border-radius: 10px;
  font-size: 12px;
  color: white;
  padding: 3px 0;
}
div.tponetblclss.betval div.tponebdy.betsel span.fcount svg {
  margin-bottom: 2px;
  width: 10px;
  fill: #fce300;
  width: 12px;
  margin-right: 3px;
  vertical-align: middle;
}
div.tponetblclss.betval div.tponebdy.betsel p.nan {
  color: #696969;
}
div.tponetblclss.betval div.tponebdy span div.graph {
  margin: 0 auto;
  width: 80%;
  height: 220px;
}
div.tponetblclss.betval div.tponebdy span canvas {
  margin: 0 auto;
  max-height: 180px;
  padding: 10px;
}
@media (max-width: 550px) {
  div.tponetblclss.betval div.tponebdy span canvas {
    max-height: 160px;
  }
}
div.tponetblclss.betval div.tponebdy span img.neg {
  filter: grayscale(100);
}
div.tponetblclss.betval div.tponebdy img {
  width: 60px;
  margin-bottom: 10px;
}
div.tponetblclss.betval div.tponebdy div.metrix {
  padding-top: 10px;
}
div.tponetblclss.betval div.tponebdy div.metrix span {
  width: 25%;
}
div.tponetblclss.betval div.tponebdy div.metrix span.pickdetail {
  cursor: pointer;
  color: #696969;
  padding: 5px;
}
div.tponetblclss.betval div.tponebdy div.metrix span.pickdetail i {
  font-size: 18px;
  padding: 5px;
  border-radius: 50%;
  border: 1px solid white;
}
div.tponetblclss.betval div.tponebdy div.metrix span.pickdetail svg {
  width: 25px;
  padding: 5px;
  border-radius: 50%;
  vertical-align: middle;
  background-color: #cccbcb;
}
div.tponetblclss.betval div.tponebdy div.metrix span.pickdetail:hover i {
  background-color: rgba(105, 105, 105, 0.1);
}
div.tponetblclss.betval div.tponebdy div.metrix span.data {
  display: inline-block;
  width: 60px;
  margin: 6px;
  border-radius: 4px;
  color: white;
  white-space: nowrap;
  padding: 2px;
}
div.tponetblclss.betval div.tponebdy div.metrix span.data svg {
  fill: white;
  vertical-align: middle;
  width: 50%;
}
div.tponetblclss.betval div.tponebdy div.metrix span.data.stake {
  color: #fce300;
  background-color: #072443;
}
div.tponetblclss.betval div.tponebdy div.metrix span.data.stake.settled {
  background-color: #f8f8f8;
  color: #696969;
}
div.tponetblclss.betval div.tponebdy div.metrix span.data.clear {
  background-color: #ddd;
}
div.tponetblclss.betval div.tponebdy div.metrix span.data.win {
  background-color: #0fa810;
}
div.tponetblclss.betval div.tponebdy div.metrix span.data.lose {
  background-color: #d11124;
}
div.tponetblclss.betval div.tponebdy div.metrix span.data.pend {
  background-color: #FFD700;
  color: #1d1d1b;
}
div.tponetblclss.betval div.tponebdy div.metrix span.data.pend.settled {
  background-color: #f8f8f8;
  color: #696969;
}
div.tponetblclss.betval div.tponebdy div.metrix span.data.void {
  background-color: #0a6bac;
}
div.tponetblclss.betval div.tponebdy div.metrix span.data.odd {
  background-color: #0a6bac;
}
div.tponetblclss.betval div.tponebdy div.metrix span.data.odd.settled {
  background-color: #f8f8f8;
  color: #696969;
}
div.tponetblclss.betval div.tponebdy div.metrix span.data.pos, div.tponetblclss.betval div.tponebdy div.metrix span.data.neg, div.tponetblclss.betval div.tponebdy div.metrix span.data.none {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  padding: 0;
}
div.tponetblclss.betval div.tponebdy div.metrix span.data.pos i, div.tponetblclss.betval div.tponebdy div.metrix span.data.neg i, div.tponetblclss.betval div.tponebdy div.metrix span.data.none i {
  font-size: 12px;
  line-height: 24px;
}
div.tponetblclss.betval div.tponebdy div.metrix span.data.pos {
  color: white;
  background-color: #0fa810;
}
div.tponetblclss.betval div.tponebdy div.metrix span.data.neg {
  color: white;
  background-color: #d11124;
}
div.tponetblclss.betval div.tponebdy div.metrix span.data.none {
  background-color: #f8f8f8;
  color: #ddd;
}
div.tponetblclss.ggagenda {
  display: none;
}
div.tponetblclss.ggagenda.active {
  display: block;
}
div.tponetblclss.ggagenda img.comp {
  width: 15px;
  margin: 0 5px 3px 5px;
}
div.tponetblclss.ggagenda img.team {
  width: 17px;
  display: block;
  margin: 10px auto;
}
div.tponetblclss.ggagenda div.fcount {
  display: block;
  max-width: 60px;
  margin: 0px auto;
  background-color: #0a6bac;
  border-radius: 10px;
  font-size: 12px;
  color: white;
  padding: 1px 0;
}
div.tponetblclss.ggagenda div.fcount svg {
  margin-bottom: 2px;
  width: 10px;
}
div.tponetblclss.ggagenda p.hdttl svg {
  width: 16px;
  vertical-align: middle;
  fill: #cccbcb;
}
div.tponetblclss.ggagenda p.score {
  color: #0a6bac;
  font-weight: 500;
}
div.tponetblclss.ggagenda svg.gstts {
  width: 16px;
  vertical-align: middle;
}
div.tponetblclss.ggagenda svg.gstts:not(.clear) {
  fill: #ddd;
}
div.tponetblclss.ggagenda div.tponehdr:not(:first-child) {
  margin-top: 25px;
}
div.tponetblclss.ggligue div.ligueinfo p.intro {
  padding: 0 10px;
}
div.tponetblclss.ggligue div.ligueinfo a {
  display: block;
  margin: 0 auto;
  cursor: pointer;
}
div.tponetblclss.ggligue div.ligueinfo a.exitligue {
  margin: 60px auto;
  color: #d11124;
}
div.tponetblclss.ggligue div.ligueinfo a.changeligue {
  margin: 20px auto;
}
div.tponetblclss.ggligue div.ligueinfo a.hint {
  margin: 20px auto;
}
div.tponetblclss.ggligue div.liguemember {
  margin: 0 auto;
  max-width: 500px;
}
div.tponetblclss.ggligue div.liguemember span {
  width: 80px;
  padding: 10px;
}
div.tponetblclss.ggligue div.liguemember span img {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 50px;
  border-radius: 50%;
}
div.tponetblclss.ggligue div.liguemember a {
  display: block;
  margin: 0 auto;
  cursor: pointer;
}
div.tponetblclss.ggligue div.liguemember a.viewallmembr {
  margin-top: 40px;
}
div.tponetblclss.ggligue div.rnkg img {
  width: 40px;
}
div.tponetblclss.ggligue div.rnkg a {
  padding-left: 10px;
}
div.tponetblclss.ggligue img.liguepic {
  width: 100%;
  max-width: 30px;
  border-radius: 50%;
}
div.tponetblclss.ggligue img.userprofile {
  width: 100%;
  max-width: 50px;
  border-radius: 50%;
}
div.tponetblclss.ggligue img.userprofile.nb {
  border-radius: 0;
}
div.tponetblclss.ggligue div.tponehdr img.userprofile {
  width: 100%;
  max-width: 30px;
  margin: 0 15px 4px 7px;
}
div.tponetblclss.ggligue div.ligueactu.active {
  background-color: #ffd70069;
}
div.tponetblclss.ggligue div.ligueactu.active div.tponebdy:not(.liguepicks) {
  background-color: transparent;
}
div.tponetblclss.ggligue img.bdg {
  width: 100%;
  max-width: 50px;
}
div.tponetblclss.ggligue img.sport {
  width: 30px;
}
div.tponetblclss.ggligue img.flagligue {
  width: 14px;
  vertical-align: middle;
  margin-bottom: 3px;
  margin-right: 3px;
}
div.tponetblclss.ggligue span.licon svg {
  fill: #0a6bac;
  width: 25px;
  vertical-align: middle;
  cursor: pointer;
}
div.tponetblclss.ggligue span.licon.active svg {
  fill: #b2b2b1;
}
div.tponetblclss.ggligue p.date {
  color: #b2b2b1;
}
div.tponetblclss.ggligue span.pick {
  text-align: justify;
  white-space: pre-wrap;
}
div.tponetblclss.ggligue span.pick a {
  display: block;
}
div.tponetblclss.ggligue span.pick div.l0 {
  color: #1d1d1b;
}
div.tponetblclss.ggligue span.pick div.l1 {
  color: #d11124;
}
div.tponetblclss.ggligue span.pick div.l2 {
  color: #0fa810;
}
div.tponetblclss.ggligue span.pick div.l3 {
  color: #0a6bac;
}
div.tponetblclss.ggligue span.pick div.l4 {
  color: #696969;
}
div.tponetblclss.ggrank.mod {
  margin-top: 0;
}
div.tponetblclss.ggrank a.mbtn {
  margin-top: 60px;
}
div.tponetblclss.ggrank div.ggcore, div.tponetblclss.ggrank div.ggcore2 {
  display: none;
}
div.tponetblclss.ggrank div.legend {
  margin: 0 auto;
  height: 100px;
  padding: 0 20px;
}
div.tponetblclss.ggrank div.legend.mod {
  height: 140px;
}
div.tponetblclss.ggrank span.tpone30 {
  padding: 10px;
}
div.tponetblclss.ggrank span.tpone10.one div.pos {
  background-color: #0fa810;
}
div.tponetblclss.ggrank span.tpone10.one svg {
  fill: #0fa810;
}
div.tponetblclss.ggrank span.tpone10.out div.pos {
  background-color: #093769;
}
div.tponetblclss.ggrank span.tpone10.out svg {
  fill: #093769;
}
div.tponetblclss.ggrank span.tpone10.fou div.pos {
  background-color: #7ac943;
}
div.tponetblclss.ggrank span.tpone10.fou svg {
  fill: #7ac943;
}
div.tponetblclss.ggrank span.tpone10.fiv div.pos {
  background-color: #179cde;
}
div.tponetblclss.ggrank span.tpone10.fiv svg {
  fill: #179cde;
}
div.tponetblclss.ggrank span.tpone10.six div.pos {
  background-color: #006290;
}
div.tponetblclss.ggrank span.tpone10.six svg {
  fill: #006290;
}
div.tponetblclss.ggrank span.tpone10.def div.pos {
  background-color: #c5c5c5;
}
div.tponetblclss.ggrank span.tpone10.def svg {
  fill: #c5c5c5;
}
div.tponetblclss.ggrank span.tpone10.lead div.pos {
  background-color: #FFD700;
}
div.tponetblclss.ggrank span.tpone10.lead svg {
  fill: #FFD700;
}
div.tponetblclss.ggrank div.terms {
  margin: 40px 0;
}
div.tponetblclss.ggrank div.terms h1, div.tponetblclss.ggrank div.terms h2 {
  margin: 30px auto 20px;
}
div.tponetblclss.ggrank div.tponehdr {
  color: #696969;
}
div.tponetblclss.ggrank div.tponehdr.mtp {
  margin-top: 20px;
}
div.tponetblclss.ggrank div.tponebdy.lead {
  background-color: #ffd70069;
}
div.tponetblclss.ggrank div.tponeppl {
  text-transform: uppercase;
}
div.tponetblclss.ggrank div.tponeppl div.ctrl {
  position: absolute;
  padding: 0 26px;
  cursor: pointer;
  top: 0;
  bottom: 0;
  margin: auto 0;
  text-align: center;
  height: 25px;
}
@media (max-width: 550px) {
  div.tponetblclss.ggrank div.tponeppl div.ctrl {
    padding: 0 10px;
  }
}
div.tponetblclss.ggrank div.tponeppl div.ctrl svg {
  fill: white;
  height: 100%;
}
div.tponetblclss.ggrank div.tponeppl div.ctrl.prev {
  left: 0;
}
div.tponetblclss.ggrank div.tponeppl div.ctrl.next {
  right: 0;
}
div.tponetblclss.ggrank div.pos {
  width: 100%;
  margin: auto;
  max-width: 40px;
  color: white;
  border-radius: 2px;
}
div.tponetblclss.ggrank div.pos svg {
  width: 20px;
  vertical-align: middle;
}
div.tponetblclss.ggrank div.up {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  top: -17px;
  color: #0fa810;
}
div.tponetblclss.ggrank div.up svg {
  fill: #0fa810;
  width: 20px;
  vertical-align: bottom;
}
div.tponetblclss.ggrank div.userdisplay {
  display: flex;
  /* Met les enfants en ligne */
  align-items: center;
  /* Centre verticalement l'image et le texte */
  overflow: hidden;
  padding-left: 10px;
}
div.tponetblclss.ggrank div.userdisplay.npd {
  padding: 0;
}
div.tponetblclss.ggrank div.userdisplay img.userprofile {
  width: 40px;
  border-radius: 50%;
  flex-shrink: 0;
  margin-right: 10px;
}
div.tponetblclss.ggrank div.userdisplay img.team {
  width: 30px;
  flex-shrink: 0;
  margin-right: 10px;
}
div.tponetblclss.ggrank div.userdisplay a.username {
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
  min-width: 0;
  vertical-align: middle;
}
div.tponetblclss.ggrank div.userdisplay img.teamfav {
  width: 18px;
  display: inline-block;
  margin-left: 3px;
  padding-bottom: 3px;
}
div.tponetblclss.ggrank div.serie {
  border-radius: 50%;
  text-align: center;
  color: #0fa810;
  background-color: white;
  padding-top: 5px;
  width: 35px;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #0fa810;
  height: 35px;
  font-size: 15px;
}
div.tponetblclss.ggrank div.gainmax {
  margin: auto;
  position: relative;
  border-radius: 10px;
  text-align: center;
  color: white;
  background-color: #0fa810;
  padding: 2px 10px;
  width: 90%;
  max-width: 80px;
}
div.tponetblclss.ggrank div.scoremax {
  margin: auto;
  position: relative;
  border-radius: 10px;
  text-align: center;
  color: white;
  background-color: #0a6bac;
  padding: 2px 10px;
  width: 90%;
  max-width: 80px;
}
div.tponetblclss.prime {
  margin-bottom: 20px;
}
div.tponetblclss.prime p.info {
  text-align: left;
  padding: 0 10px;
  color: #0a6bac;
  font-size: 15px;
  text-transform: uppercase;
}
div.tponetblclss.prime p.bonus {
  text-align: left;
  padding: 0 10px;
  font-size: 13px;
  color: #1d1d1b;
}
div.tponetblclss.prime p.bonus i {
  color: #0fa810;
}
div.tponetblclss.prime p.bonus span.gains {
  border-radius: 10px;
  text-align: center;
  color: white;
  background-color: #0fa810;
  padding: 4px 10px;
}
div.tponetblclss.prime p.bonus span.serie {
  border-radius: 50%;
  text-align: center;
  color: #0fa810;
  background-color: white;
  padding-top: 5px;
  width: 35px;
  display: inline-block;
  border: 1px solid #0fa810;
  height: 35px;
  font-size: 15px;
}
div.tponetblclss.prime img.protag {
  height: 40px;
}
div.tponetblclss.prime div.tprule, div.tponetblclss.prime div.gsonar {
  display: none;
}
div.tponetblclss.prime div.tprule.active, div.tponetblclss.prime div.gsonar.active {
  display: block;
}
div.tponetblclss.prime span.mdet {
  cursor: pointer;
  width: 100%;
}
div.tponetblclss.prime span.mdet svg {
  height: 40px;
  color: white;
  padding: 7px;
  border-radius: 50%;
}
div.tponetblclss.prime span.mdet.pending svg {
  background-color: #ddd;
}
div.tponetblclss.prime span.mdet.settled svg {
  background-color: #0fa810;
}
div.tponetblclss.prime span.mdet.remove svg {
  background-color: black;
}
div.tponetblclss svg.up {
  fill: #0fa810;
  width: 20px;
  vertical-align: middle;
}
div.tponetblclss svg.dwn {
  fill: #d11124;
  width: 20px;
  vertical-align: middle;
}
div.tponetblclss svg.plus {
  fill: #0a6bac;
  width: 25px;
}
div.tponetblclss svg.minus {
  fill: #ddd;
  width: 25px;
}
div.tponetblclss img.flagmap {
  width: 22px;
  display: block;
  margin: 0px auto;
  padding-top: 1px;
}
div.tponetblclss img.flagmap.choice {
  width: 30px;
}
div.tponetblclss img.flagmap.nul {
  width: 18px;
  padding-top: 3px;
}
div.tponetblclss img.flagmapcomp {
  width: 20px;
  margin: 0 10px;
}
div.tponetblclss img.toppick {
  width: 30px;
}
div.tponetblclss img.badge {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 60px;
}
@media (max-width: 550px) {
  div.tponetblclss img.badge {
    max-width: 56px;
  }
}
div.tponetblclss div.tponevrt {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
div.tponetblclss div.tponehdr {
  position: relative;
  display: block;
  width: 100%;
  background-color: transparent;
  padding: 0px 10px;
  height: 60px;
  text-transform: uppercase;
}
div.tponetblclss div.tponehdr img.protag {
  margin-left: 5px;
  height: 40px;
}
div.tponetblclss div.tponesubhdr {
  position: relative;
  display: block;
  width: 100%;
  background-color: #ddd;
  padding: 5px;
  min-height: 50px;
}
div.tponetblclss div.tponesub {
  display: block;
  width: 100%;
  background-color: #ddd;
  padding: 0px 10px;
  height: 40px;
}
div.tponetblclss div.tponetop {
  display: block;
  width: 100%;
  padding: 0px 10px;
  height: 240px;
  max-width: 500px;
  margin: 0 auto;
}
div.tponetblclss div.tponetop img {
  display: block;
  margin: 0px auto;
}
div.tponetblclss div.tponetop img.logo {
  height: 50px;
  cursor: pointer;
  margin: -50px auto 10px;
}
div.tponetblclss div.tponetop img.btm {
  margin: 50px auto 10px;
}
div.tponetblclss div.tponetop img.flagmapcomp {
  height: 15px;
  padding: 2px;
}
div.tponetblclss div.tponetop img.teamicon {
  height: 20px;
  padding: 2px;
  margin: 5px auto;
}
div.tponetblclss div.tponetop div {
  margin: 0 auto !important;
}
div.tponetblclss div.tponetop div.leg {
  font-size: 0.9em;
  color: #696969;
  margin-bottom: 5px !important;
}
div.tponetblclss div.tponeppl {
  display: block;
  color: white;
  width: 100%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  margin-top: 40px;
  padding: 0px 10px;
  height: 50px;
  background-color: #7ac943;
}
@media (max-width: 550px) {
  div.tponetblclss div.tponeppl {
    border-radius: 0;
  }
}
div.tponetblclss div.tponemtch {
  display: block;
  width: 100%;
  background-color: #eee;
  padding: 0px 10px;
  height: 50px;
  border-bottom: 1px solid #ddd;
}
div.tponetblclss div.tponemtch.rnkg {
  height: 30px;
}
div.tponetblclss div.tponemtch.clear {
  background-color: white;
}
div.tponetblclss div.tponemtch.lead {
  background-color: #ffd70069;
}
div.tponetblclss div.tponemtch.mtop {
  margin-top: 40px;
}
div.tponetblclss div.tponebdy {
  display: block;
  width: 100%;
  background-color: white;
  padding: 0px 10px;
  border-bottom: 1px solid #eee;
  height: 90px;
}
div.tponetblclss div.tponebdy.trs {
  background-color: transparent;
}
div.tponetblclss div.tponebdy.mark {
  background-color: #ffd70069;
  border: none;
}
div.tponetblclss div.tponebdy.map {
  height: 140px;
}
div.tponetblclss div.tponebdy.map.mark {
  height: 300px;
}
div.tponetblclss div.tponebdy.none {
  height: 400px;
}
div.tponetblclss div.tponebdy.mapsma {
  height: 100px;
}
div.tponetblclss div.tponebdy.mapmin, div.tponetblclss div.tponebdy.fix {
  height: 80px;
}
div.tponetblclss div.tponebdy.stat {
  height: 70px;
}
div.tponetblclss div.tponebdy.liguepicks {
  height: 110px;
  background-color: #f8f8f8;
}
div.tponetblclss div.tponebdy.rnkg {
  height: 60px;
}
div.tponetblclss div.tponebdy.rnkg img.sicon {
  width: 20px;
}
div.tponetblclss div.tponebdy.rnkg.active {
  background-color: #f2f2f2;
  border: none;
}
div.tponetblclss div.tponebdy.rnkg.userrank {
  background-color: #f2f2f2;
  border-bottom: 1px solid #ddd;
}
div.tponetblclss div.tponebdy.rnkg.userrank.lead {
  background-color: #FFD700;
}
div.tponetblclss div.tponebdy.rnkg.userrank.lead a {
  color: white;
}
div.tponetblclss div.tponebdy.rnkg.userrank.chal {
  background-color: #7ac943;
}
div.tponetblclss div.tponebdy.rnkg.userrank.chal a {
  color: white;
}
div.tponetblclss div.tponebdy .nomatch {
  padding-top: 60px;
  background-color: white;
}
div.tponetblclss div.tponebdy .nomatch img {
  width: 40px;
  margin: 10px;
}
div.tponetblclss div.tponebdy img.flag, div.tponetblclss div.tponehdr img.flag, div.tponetblclss div.tponesubhdr img.flag, div.tponetblclss div.tponesub img.flag, div.tponetblclss div.tponevrt img.flag {
  width: 10%;
}
div.tponetblclss div.tponebdy span.selectsport, div.tponetblclss div.tponehdr span.selectsport, div.tponetblclss div.tponesubhdr span.selectsport, div.tponetblclss div.tponesub span.selectsport, div.tponetblclss div.tponevrt span.selectsport {
  width: 25%;
  padding: 5px;
  border-radius: 5px;
}
div.tponetblclss div.tponebdy span.selectsport.active, div.tponetblclss div.tponehdr span.selectsport.active, div.tponetblclss div.tponesubhdr span.selectsport.active, div.tponetblclss div.tponesub span.selectsport.active, div.tponetblclss div.tponevrt span.selectsport.active {
  background-color: white;
}
div.tponetblclss div.tponebdy span.selectsport img, div.tponetblclss div.tponehdr span.selectsport img, div.tponetblclss div.tponesubhdr span.selectsport img, div.tponetblclss div.tponesub span.selectsport img, div.tponetblclss div.tponevrt span.selectsport img {
  width: 80%;
  max-width: 30px;
}
div.tponetblclss div.tponebdy span.ggtyfix, div.tponetblclss div.tponehdr span.ggtyfix, div.tponetblclss div.tponesubhdr span.ggtyfix, div.tponetblclss div.tponesub span.ggtyfix, div.tponetblclss div.tponevrt span.ggtyfix {
  vertical-align: baseline;
}
div.tponetblclss div.tponebdy span.selectligue, div.tponetblclss div.tponehdr span.selectligue, div.tponetblclss div.tponesubhdr span.selectligue, div.tponetblclss div.tponesub span.selectligue, div.tponetblclss div.tponevrt span.selectligue {
  width: 10%;
  max-width: 40px;
  padding: 5px;
  border-radius: 5px;
  text-align: center;
  margin: 4px;
  border: 1px solid #ddd;
}
div.tponetblclss div.tponebdy span.selectligue.active, div.tponetblclss div.tponehdr span.selectligue.active, div.tponetblclss div.tponesubhdr span.selectligue.active, div.tponetblclss div.tponesub span.selectligue.active, div.tponetblclss div.tponevrt span.selectligue.active {
  background-color: white;
}
div.tponetblclss div.tponebdy span.selectligue img, div.tponetblclss div.tponehdr span.selectligue img, div.tponetblclss div.tponesubhdr span.selectligue img, div.tponetblclss div.tponesub span.selectligue img, div.tponetblclss div.tponevrt span.selectligue img {
  width: 60%;
}
div.tponetblclss div.tponebdy span.rel60, div.tponetblclss div.tponehdr span.rel60, div.tponetblclss div.tponesubhdr span.rel60, div.tponetblclss div.tponesub span.rel60, div.tponetblclss div.tponevrt span.rel60 {
  position: relative;
  height: 60px;
}
div.tponetblclss div.tponebdy span.tpone5, div.tponetblclss div.tponehdr span.tpone5, div.tponetblclss div.tponesubhdr span.tpone5, div.tponetblclss div.tponesub span.tpone5, div.tponetblclss div.tponevrt span.tpone5 {
  width: 5%;
}
div.tponetblclss div.tponebdy span.tpone10, div.tponetblclss div.tponehdr span.tpone10, div.tponetblclss div.tponesubhdr span.tpone10, div.tponetblclss div.tponesub span.tpone10, div.tponetblclss div.tponevrt span.tpone10 {
  width: 10%;
}
div.tponetblclss div.tponebdy span.tpone12, div.tponetblclss div.tponehdr span.tpone12, div.tponetblclss div.tponesubhdr span.tpone12, div.tponetblclss div.tponesub span.tpone12, div.tponetblclss div.tponevrt span.tpone12 {
  width: 12%;
}
div.tponetblclss div.tponebdy span.tpone13, div.tponetblclss div.tponehdr span.tpone13, div.tponetblclss div.tponesubhdr span.tpone13, div.tponetblclss div.tponesub span.tpone13, div.tponetblclss div.tponevrt span.tpone13 {
  width: 13%;
}
div.tponetblclss div.tponebdy span.tpone15, div.tponetblclss div.tponehdr span.tpone15, div.tponetblclss div.tponesubhdr span.tpone15, div.tponetblclss div.tponesub span.tpone15, div.tponetblclss div.tponevrt span.tpone15 {
  width: 15%;
}
div.tponetblclss div.tponebdy span.tpone16, div.tponetblclss div.tponehdr span.tpone16, div.tponetblclss div.tponesubhdr span.tpone16, div.tponetblclss div.tponesub span.tpone16, div.tponetblclss div.tponevrt span.tpone16 {
  width: 16%;
}
div.tponetblclss div.tponebdy span.tpone17, div.tponetblclss div.tponehdr span.tpone17, div.tponetblclss div.tponesubhdr span.tpone17, div.tponetblclss div.tponesub span.tpone17, div.tponetblclss div.tponevrt span.tpone17 {
  width: 17%;
}
div.tponetblclss div.tponebdy span.tpone20, div.tponetblclss div.tponehdr span.tpone20, div.tponetblclss div.tponesubhdr span.tpone20, div.tponetblclss div.tponesub span.tpone20, div.tponetblclss div.tponevrt span.tpone20 {
  width: 20%;
}
div.tponetblclss div.tponebdy span.tpone21, div.tponetblclss div.tponehdr span.tpone21, div.tponetblclss div.tponesubhdr span.tpone21, div.tponetblclss div.tponesub span.tpone21, div.tponetblclss div.tponevrt span.tpone21 {
  width: 21%;
}
div.tponetblclss div.tponebdy span.tpone25, div.tponetblclss div.tponehdr span.tpone25, div.tponetblclss div.tponesubhdr span.tpone25, div.tponetblclss div.tponesub span.tpone25, div.tponetblclss div.tponevrt span.tpone25 {
  width: 25%;
}
div.tponetblclss div.tponebdy span.tpone30, div.tponetblclss div.tponehdr span.tpone30, div.tponetblclss div.tponesubhdr span.tpone30, div.tponetblclss div.tponesub span.tpone30, div.tponetblclss div.tponevrt span.tpone30 {
  width: 30%;
}
div.tponetblclss div.tponebdy span.tpone33, div.tponetblclss div.tponehdr span.tpone33, div.tponetblclss div.tponesubhdr span.tpone33, div.tponetblclss div.tponesub span.tpone33, div.tponetblclss div.tponevrt span.tpone33 {
  width: 33%;
}
div.tponetblclss div.tponebdy span.tpone35, div.tponetblclss div.tponehdr span.tpone35, div.tponetblclss div.tponesubhdr span.tpone35, div.tponetblclss div.tponesub span.tpone35, div.tponetblclss div.tponevrt span.tpone35 {
  width: 35%;
}
div.tponetblclss div.tponebdy span.tpone40, div.tponetblclss div.tponehdr span.tpone40, div.tponetblclss div.tponesubhdr span.tpone40, div.tponetblclss div.tponesub span.tpone40, div.tponetblclss div.tponevrt span.tpone40 {
  width: 40%;
}
div.tponetblclss div.tponebdy span.tpone45, div.tponetblclss div.tponehdr span.tpone45, div.tponetblclss div.tponesubhdr span.tpone45, div.tponetblclss div.tponesub span.tpone45, div.tponetblclss div.tponevrt span.tpone45 {
  width: 45%;
}
div.tponetblclss div.tponebdy span.tpone50, div.tponetblclss div.tponehdr span.tpone50, div.tponetblclss div.tponesubhdr span.tpone50, div.tponetblclss div.tponesub span.tpone50, div.tponetblclss div.tponevrt span.tpone50 {
  width: 50%;
}
div.tponetblclss div.tponebdy span.tpone55, div.tponetblclss div.tponehdr span.tpone55, div.tponetblclss div.tponesubhdr span.tpone55, div.tponetblclss div.tponesub span.tpone55, div.tponetblclss div.tponevrt span.tpone55 {
  width: 55%;
}
div.tponetblclss div.tponebdy span.tpone60, div.tponetblclss div.tponehdr span.tpone60, div.tponetblclss div.tponesubhdr span.tpone60, div.tponetblclss div.tponesub span.tpone60, div.tponetblclss div.tponevrt span.tpone60 {
  width: 60%;
}
div.tponetblclss div.tponebdy span.tpone65, div.tponetblclss div.tponehdr span.tpone65, div.tponetblclss div.tponesubhdr span.tpone65, div.tponetblclss div.tponesub span.tpone65, div.tponetblclss div.tponevrt span.tpone65 {
  width: 65%;
}
div.tponetblclss div.tponebdy span.tpone70, div.tponetblclss div.tponehdr span.tpone70, div.tponetblclss div.tponesubhdr span.tpone70, div.tponetblclss div.tponesub span.tpone70, div.tponetblclss div.tponevrt span.tpone70 {
  width: 70%;
}
div.tponetblclss div.tponebdy span.tpone75, div.tponetblclss div.tponehdr span.tpone75, div.tponetblclss div.tponesubhdr span.tpone75, div.tponetblclss div.tponesub span.tpone75, div.tponetblclss div.tponevrt span.tpone75 {
  width: 75%;
}
div.tponetblclss div.tponebdy span.tpone80, div.tponetblclss div.tponehdr span.tpone80, div.tponetblclss div.tponesubhdr span.tpone80, div.tponetblclss div.tponesub span.tpone80, div.tponetblclss div.tponevrt span.tpone80 {
  width: 80%;
}
div.tponetblclss div.tponebdy span.tpone85, div.tponetblclss div.tponehdr span.tpone85, div.tponetblclss div.tponesubhdr span.tpone85, div.tponetblclss div.tponesub span.tpone85, div.tponetblclss div.tponevrt span.tpone85 {
  width: 85%;
}
div.tponetblclss div.tponebdy span.tpone90, div.tponetblclss div.tponehdr span.tpone90, div.tponetblclss div.tponesubhdr span.tpone90, div.tponetblclss div.tponesub span.tpone90, div.tponetblclss div.tponevrt span.tpone90 {
  width: 90%;
}
div.tponetblclss div.tponebdy span.tpone100, div.tponetblclss div.tponehdr span.tpone100, div.tponetblclss div.tponesubhdr span.tpone100, div.tponetblclss div.tponesub span.tpone100, div.tponetblclss div.tponevrt span.tpone100 {
  width: 100%;
}
div.tponetblclss div.tponebdy span.lft, div.tponetblclss div.tponehdr span.lft, div.tponetblclss div.tponesubhdr span.lft, div.tponetblclss div.tponesub span.lft, div.tponetblclss div.tponevrt span.lft {
  text-align: left;
}
div.tponetblclss div.tponebdy span.rgt, div.tponetblclss div.tponehdr span.rgt, div.tponetblclss div.tponesubhdr span.rgt, div.tponetblclss div.tponesub span.rgt, div.tponetblclss div.tponevrt span.rgt {
  text-align: right;
}
div.tponetblclss div.tponebdy span.rel, div.tponetblclss div.tponehdr span.rel, div.tponetblclss div.tponesubhdr span.rel, div.tponetblclss div.tponesub span.rel, div.tponetblclss div.tponevrt span.rel {
  position: relative;
}
div.tponetblclss div.tponebdy span.padl, div.tponetblclss div.tponehdr span.padl, div.tponetblclss div.tponesubhdr span.padl, div.tponetblclss div.tponesub span.padl, div.tponetblclss div.tponevrt span.padl {
  padding-left: 20px;
}
div.tponetblclss div.tponebdy span.trunc, div.tponetblclss div.tponehdr span.trunc, div.tponetblclss div.tponesubhdr span.trunc, div.tponetblclss div.tponesub span.trunc, div.tponetblclss div.tponevrt span.trunc {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.tponetblclss div.tponebdy span.tstamp, div.tponetblclss div.tponehdr span.tstamp, div.tponetblclss div.tponesubhdr span.tstamp, div.tponetblclss div.tponesub span.tstamp, div.tponetblclss div.tponevrt span.tstamp {
  margin-left: 5px;
}
div.tponetblclss div.tponebdy span.smafont, div.tponetblclss div.tponehdr span.smafont, div.tponetblclss div.tponesubhdr span.smafont, div.tponetblclss div.tponesub span.smafont, div.tponetblclss div.tponevrt span.smafont {
  font-size: 13px;
}
div.tponetblclss div.tponebdy span.stakemap.val, div.tponetblclss div.tponehdr span.stakemap.val, div.tponetblclss div.tponesubhdr span.stakemap.val, div.tponetblclss div.tponesub span.stakemap.val, div.tponetblclss div.tponevrt span.stakemap.val {
  width: 80px;
  margin: 0px auto;
  background-color: #0a6bac;
  border-radius: 10px;
  font-size: 12px;
  color: white;
  padding: 1px 10px;
}
div.tponetblclss div.tponebdy span.stakemap svg, div.tponetblclss div.tponehdr span.stakemap svg, div.tponetblclss div.tponesubhdr span.stakemap svg, div.tponetblclss div.tponesub span.stakemap svg, div.tponetblclss div.tponevrt span.stakemap svg {
  margin-bottom: 2px;
}
div.tponetblclss div.tponebdy div.maphd, div.tponetblclss div.tponehdr div.maphd, div.tponetblclss div.tponesubhdr div.maphd, div.tponetblclss div.tponesub div.maphd, div.tponetblclss div.tponevrt div.maphd {
  padding-bottom: 10px;
}
div.tponetblclss div.tponebdy div.oddmap, div.tponetblclss div.tponehdr div.oddmap, div.tponetblclss div.tponesubhdr div.oddmap, div.tponetblclss div.tponesub div.oddmap, div.tponetblclss div.tponevrt div.oddmap {
  height: 28px;
  line-height: 28px;
  margin: 5px auto;
}
div.tponetblclss div.tponebdy div.oddmap.drop, div.tponetblclss div.tponehdr div.oddmap.drop, div.tponetblclss div.tponesubhdr div.oddmap.drop, div.tponetblclss div.tponesub div.oddmap.drop, div.tponetblclss div.tponevrt div.oddmap.drop {
  border-radius: 5px;
  border: none;
  background-color: #0a6bac;
  width: 65%;
  max-width: 80px;
  color: white;
}
div.tponetblclss div.tponebdy div.oddmap.drop svg, div.tponetblclss div.tponehdr div.oddmap.drop svg, div.tponetblclss div.tponesubhdr div.oddmap.drop svg, div.tponetblclss div.tponesub div.oddmap.drop svg, div.tponetblclss div.tponevrt div.oddmap.drop svg {
  fill: white;
}
div.tponetblclss div.tponebdy div.oddmap.gains, div.tponetblclss div.tponehdr div.oddmap.gains, div.tponetblclss div.tponesubhdr div.oddmap.gains, div.tponetblclss div.tponesub div.oddmap.gains, div.tponetblclss div.tponevrt div.oddmap.gains {
  border-radius: 10px;
  text-align: center;
  color: white;
  background-color: #0fa810;
  width: 90%;
  max-width: 80px;
}
div.tponetblclss div.tponebdy div.oddmap.sscore, div.tponetblclss div.tponehdr div.oddmap.sscore, div.tponetblclss div.tponesubhdr div.oddmap.sscore, div.tponetblclss div.tponesub div.oddmap.sscore, div.tponetblclss div.tponevrt div.oddmap.sscore {
  border-radius: 10px;
  text-align: center;
  color: white;
  background-color: #0a6bac;
  width: 90%;
  max-width: 80px;
}
div.tponetblclss div.tponebdy div.oddmap.odds, div.tponetblclss div.tponehdr div.oddmap.odds, div.tponetblclss div.tponesubhdr div.oddmap.odds, div.tponetblclss div.tponesub div.oddmap.odds, div.tponetblclss div.tponevrt div.oddmap.odds {
  max-width: 80px;
}
div.tponetblclss div.tponebdy div.oddmap.score, div.tponetblclss div.tponehdr div.oddmap.score, div.tponetblclss div.tponesubhdr div.oddmap.score, div.tponetblclss div.tponesub div.oddmap.score, div.tponetblclss div.tponevrt div.oddmap.score {
  color: #0a6bac;
}
div.tponetblclss div.tponebdy div.oddmap.choice, div.tponetblclss div.tponehdr div.oddmap.choice, div.tponetblclss div.tponesubhdr div.oddmap.choice, div.tponetblclss div.tponesub div.oddmap.choice, div.tponetblclss div.tponevrt div.oddmap.choice {
  height: 30px;
}
div.tponetblclss div.tponebdy div.oddmap.fav, div.tponetblclss div.tponehdr div.oddmap.fav, div.tponetblclss div.tponesubhdr div.oddmap.fav, div.tponetblclss div.tponesub div.oddmap.fav, div.tponetblclss div.tponevrt div.oddmap.fav {
  border: 1px solid #c5c5c5;
  border-radius: 10px;
}
div.tponetblclss div.tponebdy div.oddmap.lost, div.tponetblclss div.tponehdr div.oddmap.lost, div.tponetblclss div.tponesubhdr div.oddmap.lost, div.tponetblclss div.tponesub div.oddmap.lost, div.tponetblclss div.tponevrt div.oddmap.lost {
  border-radius: 10px;
  border: none;
  background-color: #cccbcb;
  color: white;
}
div.tponetblclss div.tponebdy div.oddmap.lost svg, div.tponetblclss div.tponehdr div.oddmap.lost svg, div.tponetblclss div.tponesubhdr div.oddmap.lost svg, div.tponetblclss div.tponesub div.oddmap.lost svg, div.tponetblclss div.tponevrt div.oddmap.lost svg {
  fill: white;
}
div.tponetblclss div.tponebdy div.oddmap.lost2, div.tponetblclss div.tponehdr div.oddmap.lost2, div.tponetblclss div.tponesubhdr div.oddmap.lost2, div.tponetblclss div.tponesub div.oddmap.lost2, div.tponetblclss div.tponevrt div.oddmap.lost2 {
  border-radius: 10px;
  border: none;
  background-color: #c5c5c5;
  color: white;
}
div.tponetblclss div.tponebdy div.oddmap.lost2 svg, div.tponetblclss div.tponehdr div.oddmap.lost2 svg, div.tponetblclss div.tponesubhdr div.oddmap.lost2 svg, div.tponetblclss div.tponesub div.oddmap.lost2 svg, div.tponetblclss div.tponevrt div.oddmap.lost2 svg {
  fill: white;
}
div.tponetblclss div.tponebdy div.oddmap.void, div.tponetblclss div.tponehdr div.oddmap.void, div.tponetblclss div.tponesubhdr div.oddmap.void, div.tponetblclss div.tponesub div.oddmap.void, div.tponetblclss div.tponevrt div.oddmap.void {
  border-radius: 10px;
  border: none;
  background-color: #0a6bac;
  color: white;
}
div.tponetblclss div.tponebdy div.oddmap.void svg, div.tponetblclss div.tponehdr div.oddmap.void svg, div.tponetblclss div.tponesubhdr div.oddmap.void svg, div.tponetblclss div.tponesub div.oddmap.void svg, div.tponetblclss div.tponevrt div.oddmap.void svg {
  fill: white;
}
div.tponetblclss div.tponebdy div.oddmap.win, div.tponetblclss div.tponehdr div.oddmap.win, div.tponetblclss div.tponesubhdr div.oddmap.win, div.tponetblclss div.tponesub div.oddmap.win, div.tponetblclss div.tponevrt div.oddmap.win {
  border-radius: 10px;
  border: none;
  background-color: #0fa810;
  color: white;
}
div.tponetblclss div.tponebdy div.oddmap.win svg, div.tponetblclss div.tponehdr div.oddmap.win svg, div.tponetblclss div.tponesubhdr div.oddmap.win svg, div.tponetblclss div.tponesub div.oddmap.win svg, div.tponetblclss div.tponevrt div.oddmap.win svg {
  fill: white;
}
div.tponetblclss div.tponebdy div.oddmap.bb, div.tponetblclss div.tponehdr div.oddmap.bb, div.tponetblclss div.tponesubhdr div.oddmap.bb, div.tponetblclss div.tponesub div.oddmap.bb, div.tponetblclss div.tponevrt div.oddmap.bb {
  border-bottom: 1px solid #eee;
}
div.tponetblclss div.tponebdy div.spread, div.tponetblclss div.tponehdr div.spread, div.tponetblclss div.tponesubhdr div.spread, div.tponetblclss div.tponesub div.spread, div.tponetblclss div.tponevrt div.spread {
  height: 20px;
  line-height: 20px;
  font-size: 12px;
}
div.tponetblclss div.tponebdy span.fgrey, div.tponetblclss div.tponehdr span.fgrey, div.tponetblclss div.tponesubhdr span.fgrey, div.tponetblclss div.tponesub span.fgrey, div.tponetblclss div.tponevrt span.fgrey {
  color: #696969;
}
div.tponetblclss div.tponebdy p.lft, div.tponetblclss div.tponehdr p.lft, div.tponetblclss div.tponesubhdr p.lft, div.tponetblclss div.tponesub p.lft, div.tponetblclss div.tponevrt p.lft {
  text-align: left;
}
div.tponetblclss div.tponebdy p.hdttl, div.tponetblclss div.tponehdr p.hdttl, div.tponetblclss div.tponesubhdr p.hdttl, div.tponetblclss div.tponesub p.hdttl, div.tponetblclss div.tponevrt p.hdttl {
  color: #696969;
  margin: 0;
  display: inline-block;
  font-size: 16px;
  margin-left: 10px;
}
div.tponetblclss div.tponebdy p.byinfo, div.tponetblclss div.tponehdr p.byinfo, div.tponetblclss div.tponesubhdr p.byinfo, div.tponetblclss div.tponesub p.byinfo, div.tponetblclss div.tponevrt p.byinfo {
  color: #0a6bac;
  text-transform: uppercase;
}
div.tponetblclss div.tponebdy p.ft13, div.tponetblclss div.tponehdr p.ft13, div.tponetblclss div.tponesubhdr p.ft13, div.tponetblclss div.tponesub p.ft13, div.tponetblclss div.tponevrt p.ft13 {
  font-size: 13px;
}
div.tponetblclss div.tponebdy a.lft, div.tponetblclss div.tponehdr a.lft, div.tponetblclss div.tponesubhdr a.lft, div.tponetblclss div.tponesub a.lft, div.tponetblclss div.tponevrt a.lft {
  text-align: left;
}

div.tponebgdcol {
  padding: 7px;
  border-radius: 50%;
  margin: 0 auto;
}
div.tponebgdcol.win {
  background-color: #0fa810;
}
div.tponebgdcol.hw40 {
  height: 40px;
  width: 40px;
}

img {
  vertical-align: middle;
}
img.rnd {
  border-radius: 50%;
}
img.bd2 {
  border: 1px solid white;
}
img.fw {
  width: 100%;
  height: 100%;
}
img.w40 {
  width: 40px;
}
img.w60 {
  width: 60px;
}

span.userpicture {
  position: relative;
  margin: 0 auto;
  width: 60px;
}
span.userpicture img.userprofile {
  width: 100%;
  object-fit: cover;
  border-radius: 50%;
}
span.userpicture img.userprofile.nb {
  border: none;
}
span.userpicture img.teamfav {
  width: 22px;
  height: 22px;
  position: absolute;
  left: 0;
  top: 0;
  margin-left: -10px;
}

span.topscore {
  display: block;
  margin: 0 auto;
  border-radius: 10px;
  text-align: center;
  color: white;
  padding: 2px 10px;
  background-color: #0fa810;
  width: 90%;
  max-width: 80px;
}
span.topscore.fail {
  background-color: #d11124;
}

div.note {
  display: block;
  margin: 0 auto;
  max-width: 400px;
}
div.note.mod {
  max-width: none;
}
div.note img {
  display: block;
  margin: 10px auto;
  width: 50px;
}
div.note span.emo {
  font-size: 30px;
  display: block;
}

div.tipster {
  display: inline-block;
  width: 60px;
}
div.tipster span.userpicture {
  width: 40px;
}
div.tipster span.userpicture.grey {
  filter: grayscale(100%);
}
div.tipster span.userpicture.sepia {
  filter: url(../img/mute.png);
}

div.userfound {
  display: block;
  width: 100%;
}
div.userfound span.uavatar {
  width: 40%;
  text-align: center;
  padding: 10px;
}
div.userfound span.uname {
  width: 40%;
  text-align: left;
}
div.userfound span.uname a {
  margin-bottom: 0 !important;
  font-weight: 500;
}
div.userfound span.uprof {
  width: 20%;
  text-align: middle;
}
div.userfound span.uprof a {
  margin-bottom: 0 !important;
  font-weight: 500;
}
div.userfound span.uprof i {
  font-size: 30px;
  display: block;
}

.resstat {
  display: block;
  margin: 0 auto;
  max-width: 50px;
  padding: 5px;
  border-radius: 5px;
  color: white;
}
.resstat.win {
  background-color: #0fa810;
}
.resstat.lose {
  background-color: #d11124;
}
.resstat.draw {
  background-color: #0a6bac;
}
.resstat.canc {
  background-color: #c5c5c5;
}

span.message {
  display: block;
  margin: 2px auto;
  background-color: #d11124;
  border-radius: 50%;
  width: 21px;
  height: 21px;
  color: white;
  font-size: 11px;
  font-weight: 600;
  border: 1px solid white;
  line-height: 1.8;
}
span.message.abs {
  position: absolute;
  top: -6px;
  right: -6px;
}
span.message.line {
  display: inline-block;
  text-align: center;
  position: absolute;
  top: 15px;
}
span.message.gre {
  background-color: #0fa810;
}

div.memberlogin {
  margin: 20px auto;
  max-width: 200px;
}
div.memberlogin div.tipster {
  width: 20%;
  margin: -5px;
}

.pnum {
  border: 1px solid #0a6bac;
  border-radius: 50%;
  display: block;
  margin: 2px auto;
  width: 40px;
  height: 40px;
  color: #0a6bac;
  font-size: 16px;
  line-height: 2.3;
}

div.teamperf {
  display: block;
  padding: 4px 6px;
  color: white;
  border-radius: 5px;
  width: 90px;
  margin: 0px auto;
  font-size: 0.9em;
}
div.teamperf.vview {
  cursor: pointer;
}
div.teamperf.win {
  background-color: #0fa810;
}
div.teamperf.lose {
  background-color: #d11124;
}
div.teamperf.nan {
  border: 1px solid rgba(255, 255, 255, 0.6);
}
div.teamperf svg {
  width: 14px;
  fill: white;
  vertical-align: middle;
  margin-right: 5px;
}
div.teamperf svg.vmore {
  margin-right: 0px;
  margin-left: 5px;
}

div.subhead {
  display: block;
  width: 100%;
  text-align: left;
  text-transform: uppercase;
  padding: 20px;
  background-color: #09315b;
  color: #FFF;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
@media (max-width: 550px) {
  div.subhead {
    border-radius: 0;
  }
}
div.subhead.martop {
  margin-top: 30px;
}
div.subhead img.infobadge {
  width: 30px;
}
div.subhead p {
  display: inline-block;
  color: white;
  text-align: left !important;
}
div.subhead span {
  padding: 0 10px;
  text-align: center;
}
div.subhead span i {
  padding: 8px;
  border-radius: 50%;
  background-color: #0fa810;
}

p.inerror {
  display: block;
  width: 100%;
  color: white;
  background-color: #d11124;
  padding: 10px !important;
  text-align: center !important;
}

p.insuccess {
  display: block;
  width: 100%;
  color: white;
  padding: 10px !important;
  background-color: #0fa810;
}
@media (max-width: 550px) {
  p.insuccess {
    text-align: center;
  }
}

section.pari-head {
  width: 100%;
  margin: 0 auto;
  max-width: 900px;
  background-color: #09315b;
  margin-top: 60px;
  height: 200px;
  background-size: cover;
  position: relative;
  background-position: center;
  background-color: #054c7b;
  background-attachment: scroll;
  background-repeat: no-repeat;
}
@media (max-width: 550px) {
  section.pari-head {
    background-position: bottom;
  }
}
section.pari-head.foot {
  background-image: linear-gradient(#072443, rgba(7, 36, 67, 0.2)), url("/img/football.png");
}
section.pari-head.tennis {
  background-image: linear-gradient(#072443, rgba(7, 36, 67, 0.2)), url("/img/tennis.png");
}
section.pari-head.basket {
  background-image: linear-gradient(#072443, rgba(7, 36, 67, 0.2)), url("/img/basket.png");
}
section.pari-head.rugby {
  background-image: linear-gradient(#072443, rgba(7, 36, 67, 0.2)), url("/img/rugby.png");
}
section.pari-head div.data {
  display: block;
  margin: 0 auto;
  max-width: 700px;
  text-align: center;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
section.pari-head div.data p {
  color: white;
}
section.pari-head div.data p.teamname {
  padding: 5px 0;
}
section.pari-head div.data p.matchdate {
  text-transform: uppercase;
  height: 50px;
}
section.pari-head div.data img.logo {
  max-width: 60px;
  width: 35%;
}
section.pari-head div.data img.flag {
  width: 22px;
  margin-bottom: 10px;
}
section.pari-head div.data img.sport {
  width: 30px;
  margin-bottom: 10px;
}
section.pari-head span.team {
  width: 35%;
}
section.pari-head span.team i {
  padding: 2px;
}
section.pari-head span.score {
  width: 30%;
}
section.pari-head span.score p.score {
  display: block;
  margin: 0px auto;
  font-size: 1.5em;
  max-width: 120px;
  padding: 3px 5px;
  border-radius: 10px;
  margin-bottom: 5px;
}
section.pari-head span.score span {
  margin: 2px;
}

div.betstat {
  min-height: 600px;
  margin-top: 20px;
}
div.betstat ul {
  list-style-type: none;
}
div.betstat div.restricted {
  display: block;
  width: 100%;
  padding: 50px 10px;
  text-align: center;
  background-color: white;
  color: #1d1d1b;
  min-height: 300px;
}
div.betstat div.restricted a {
  margin-top: 20px;
}
div.betstat div.restricted img {
  width: 40px;
}
div.betstat .container {
  width: 100%;
  padding: 0;
}
div.betstat div.head {
  background-color: #09315b;
  padding: 20px;
  color: #FFF;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  text-align: left;
}
@media (max-width: 550px) {
  div.betstat div.head {
    border-radius: 0;
  }
}
div.betstat div.head.top {
  margin-top: 50px;
}
div.betstat div.head p {
  margin: 0;
  text-transform: uppercase;
  display: inline-block;
}
div.betstat div.head img {
  width: 30px;
  display: inline-block;
}
div.betstat div.body {
  background-color: #FFF;
}
div.betstat div.body div.statdetail {
  width: 100%;
  position: relative;
  display: block;
  border-bottom: 1px solid #eee;
  padding: 10px 0;
}
div.betstat div.body div.statdetail.old {
  background-color: #eee;
  border-bottom: 1px solid #ddd;
}
div.betstat div.body span.date {
  width: 15%;
  text-align: center;
}
div.betstat div.body span.compname {
  display: block;
  font-size: 0.8em;
}
div.betstat div.body span.comp {
  width: 10%;
  text-align: center;
}
div.betstat div.body span.comp img.flag {
  margin-right: 0;
  width: 14px;
}
div.betstat div.body span.teams {
  width: 35%;
  text-align: left;
}
div.betstat div.body span.teams div.teams {
  text-align: left;
  max-width: 300px;
}
div.betstat div.body span.teams div.bld {
  font-weight: 500;
}
div.betstat div.body span.book {
  width: 10%;
  text-align: center;
  display: inline-block;
}
div.betstat div.body span.book div.bld {
  font-weight: 500;
}
div.betstat div.body span.score {
  width: 15%;
  text-align: center;
}
div.betstat div.body span.score div.bld {
  font-weight: 500;
}
div.betstat div.body span.result {
  width: 15%;
  text-align: center;
}
div.betstat img.tag {
  height: 25px;
  margin-top: -27px;
  margin-right: 10px;
  float: right;
}

div.betselection {
  margin-top: 40px;
}
div.betselection div.betintro {
  display: block;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  padding: 0 15px 30px;
}
div.betselection div.betintro img {
  display: inline-block;
  width: 20px;
}
div.betselection div.betbloc div.betbody {
  margin-bottom: 50px;
}
div.betselection div.betbloc div.betdet {
  display: block;
  width: 100%;
  border-bottom: 1px solid #eee;
  background-color: white;
  padding: 10px;
  text-align: center;
}
div.betselection div.betbloc div.betdet div.prono {
  display: block;
  width: 100%;
}
div.betselection div.betbloc div.betdet div.prono p:first-letter {
  text-transform: uppercase;
}
div.betselection div.betbloc div.betdet div.prono.half {
  width: 50%;
}
div.betselection div.betbloc div.betdet div.prono img.logo {
  display: block;
  Margin: 0 auto;
  width: 50px;
}
@media (max-width: 550px) {
  div.betselection div.betbloc div.betdet div.prono img.logo {
    width: 40px;
  }
}
div.betselection div.betbloc div.betdet div.prono a.odd {
  display: block;
  margin: 5px auto;
  width: 100%;
  max-width: 65px;
  background-color: #0a6bac;
  border-radius: 5px;
  color: white;
  text-decoration: none;
  padding: 8px 5px;
  cursor: pointer;
}
div.betselection div.betbloc div.betdet div.prono a.odd.sma {
  background-color: white;
  color: #0a6bac;
  border: 1px solid #0a6bac;
}
div.betselection div.betbloc div.betdet div.prono a.odd.run {
  background-color: #33a3ed;
}
div.betselection div.betbloc div.betdet div.prono a.odd.big {
  background-color: #d11124;
}
div.betselection div.betbloc div.betdet div.prono a.odd.mid {
  background-color: #024f82;
}
div.betselection div.betbloc div.betdet div.prono span.w80 {
  width: 80%;
}
div.betselection div.betbloc div.betdet div.prono span.w70 {
  width: 70%;
}
div.betselection div.betbloc div.betdet div.prono span.w15 {
  width: 15%;
}
div.betselection div.betbloc div.betdet div.prono span.w10 {
  width: 10%;
}
div.betselection div.betbloc div.betdet div.prono span.w20 {
  width: 20%;
  font-size: 12px;
}
div.betselection div.betbloc div.betdet div.prono span.w40 {
  width: 40%;
}
div.betselection div.betbloc div.betdet div.prono span.w45 {
  width: 45%;
}
div.betselection div.betbloc div.betdet div.prono span.w50 {
  width: 50%;
}
div.betselection div.betbloc div.betdet div.prono span.w60 {
  width: 60%;
}
div.betselection div.betbloc div.betdet div.prono span.w60 p {
  margin: 5px 10px;
}

svg.fa-spinner {
  width: 15px;
  height: 100%;
}

a {
  font-size: 15px;
  color: #0a6bac;
  text-decoration: none;
}
a:focus {
  outline: none;
}
a:hover {
  text-decoration: none;
}
a svg {
  vertical-align: middle;
}
a.auteur {
  display: block;
  text-decoration: none;
  font-weight: 700;
  margin-bottom: 10px;
}
a.auteur:hover {
  text-decoration: none;
}
a.auteur img.teamfav {
  width: 22px;
  display: inline-block;
  margin-left: 3px;
  padding-bottom: 3px;
}
a.clear:hover {
  text-decoration: none;
}
a.reply {
  cursor: pointer;
  color: #c5c5c5;
  text-transform: uppercase;
}
a.reply:hover {
  color: rgba(105, 105, 105, 0.8);
}
a.center {
  display: block;
  text-align: center;
}
a.group {
  color: #FFD700;
}
a.group:hover {
  color: #ffdf33;
}
a.top {
  margin-top: 2em;
}
a.float-right {
  float: right;
}
a.right {
  text-align: left;
}
a.underline {
  text-decoration: underline;
}
a.more {
  text-align: center;
  display: inline-block;
  width: 25px;
  height: 25px;
  border: 1px solid #FFF;
  border-radius: 50%;
}
a.more:hover {
  text-decoration: none;
  background-color: #FFD700;
}
a.button {
  display: block;
  margin: 0 auto;
  text-align: center;
  border: none;
  border-radius: 5px;
  padding: 7px;
  text-decoration: none;
}
a.button span.betn {
  margin-right: 2px;
}
a.button.compselector {
  display: inline-block;
  width: 40px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 5px;
  padding: 0;
  margin-right: 15px;
  height: 28px;
}
a.button.lowerfont {
  font-size: 13px;
}
a.button.banner {
  color: white;
  background-color: transparent;
  border: 1px solid white;
  text-transform: uppercase;
  width: 250px;
  margin-top: 10px;
}
a.button.soc {
  width: 25%;
  max-width: 45px;
  border-radius: 50%;
  background-color: #909090;
  color: white;
  display: inline-block;
  margin: 20px 10px;
}
a.button.soc.X {
  background-color: #000;
  color: white;
}
a.button.soc.FB {
  background-color: #385898;
  color: white;
}
a.button.soc.IG {
  background-color: #5B51D8;
  color: white;
}
a.button.soc.WA {
  background-color: #25d366;
  color: white;
}
a.button.soc.OK {
  background-color: #0a6bac;
  color: white;
}
a.button.soc.KO {
  background-color: #d11124;
  color: white;
}
a.button.soc svg:not(.clear) {
  fill: white;
}
a.button.split {
  width: 100%;
  margin: 20px auto;
  max-width: 320px;
  height: 40px;
  padding: 0;
  line-height: 37px;
}
a.button.split svg {
  fill: white;
  height: 100%;
}
a.button.split svg.clear {
  fill: none;
}
a.button.split.sma {
  max-width: 300px;
}
a.button.split .logo {
  display: inline-block;
  width: 25%;
  height: 100%;
  font-size: 20px;
  vertical-align: middle;
  background-color: rgba(0, 0, 0, 0.2);
  border-right: 1px solid white;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
a.button.split .logo i {
  line-height: 40px;
}
a.button.split .logo svg {
  height: 20px;
}
a.button.split .text {
  display: inline-block;
  width: 75%;
  vertical-align: middle;
  font-weight: 500;
}
a.button.split.DC {
  background-color: #7289da;
  color: white;
}
a.button.split.BK {
  background-color: #ddd;
  color: #696969;
}
a.button.split.TW {
  background-color: #393939;
  color: white;
}
a.button.split.FB {
  background-color: #385898;
  color: white;
}
a.button.split.IG {
  background-color: #5B51D8;
  color: white;
}
a.button.split.WA {
  background-color: #25d366;
  color: white;
}
a.button.split.ML {
  background-color: #0fa810;
  color: white;
}
a.button.split.CC {
  background-color: #d11124;
  color: white;
}
a.button.split.NML {
  background-color: #0a6bac;
  color: white;
}
a.button.split.LGO {
  background-color: #7ac943;
  color: white;
}
a.button.split.GY {
  background-color: #b2b2b1;
  color: white;
}
a.button.split.SK {
  background-color: #502455;
  color: white;
}
a.button.split.TG {
  background-color: #179cde;
  color: white;
}
a.button.split.SS {
  background-color: #FFFC00;
}
a.button.split.REG {
  background-color: #072443;
  color: white;
}
a.button.connexion {
  margin-right: 0;
  color: white;
  width: 120px;
  border: 1px solid white;
  height: 35px;
  padding-top: 5px;
}
a.button.connexion svg {
  height: 20px;
  fill: white;
}
a.button.tuto {
  background-color: #0a6bac;
  color: white;
  padding: 0.2em;
  border-radius: 2px;
}
a.button.loginfb, a.button.logintw, a.button.loginemail {
  color: #FFF;
  padding: 10px;
  border-radius: 5px;
  margin-top: 30px;
  width: 90%;
  text-align: left;
  padding-left: 20px;
}
a.button.loginfb i, a.button.logintw i, a.button.loginemail i {
  padding-right: 20px;
  font-size: 1.3em;
}
a.button.loginfb {
  background-color: #385898;
}
a.button.logintw {
  background-color: #393939;
}
a.button.loginemail {
  background-color: #696969;
}
a.button.follow {
  display: block;
  margin: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  padding: 0.5em;
}
a.button.follow i {
  font-size: 2em;
  margin-top: 0.25em;
}
a.button.follow.fb {
  background-color: #385898;
}
a.button.follow.tw {
  background-color: #393939;
}
a.button.follow.dc {
  background-color: #7289da;
}
a.button.follow svg {
  fill: white;
  height: 25px;
}
a.button.here {
  color: #FFF;
  background-color: #FFD700;
  display: inline;
}
a.button.here:hover {
  background: #ffdf33;
}
a.button:hover {
  text-decoration: none;
  cursor: pointer;
}
a.button.back {
  margin-bottom: 1em;
  background-color: #FFF;
}
a.button.join {
  color: #1d1d1b;
  background-color: #FFD700;
}
a.button.join:hover {
  background: #ffdf33;
}
a.button.ligue {
  min-width: 100px;
  max-width: 250px;
  color: #0a6bac;
  border: 1px solid #0a6bac;
  background-color: white;
}
a.button.ligue.mar {
  margin-top: 30px;
}
a.button.ligue.new {
  color: white;
  background-color: #0a6bac;
}
a.button.gplaystore {
  background-color: #0a6bac;
  color: white;
  max-width: 120px;
}
@media (max-width: 550px) {
  a.button.gplaystore {
    font-size: 12px;
  }
}
a.button.compte {
  min-width: 100px;
  max-width: 250px;
  color: white;
  background-color: #0fa810;
}
a.button.contact {
  min-width: 100px;
  max-width: 250px;
  color: #0a6bac;
  background-color: white;
  border: 1px solid #0a6bac;
}
a.button.float {
  float: right;
}
a.button.connect {
  color: #FFF;
}
a.button.connect:hover {
  color: #FFD700;
}
a.button.bet {
  color: #0a6bac;
  border: 1px solid #0a6bac;
  width: 80px;
  background-color: #FFF;
}
@media (max-width: 900px) {
  a.button.bet {
    width: 60px;
  }
}
a.button.bet svg {
  fill: #0a6bac;
  width: 15px;
}
a.button.free {
  color: white;
  max-width: 100px;
  background-color: #0fa810;
}
@media (max-width: 900px) {
  a.button.free {
    width: 60px;
  }
}
a.button.nobet {
  color: #cccbcb;
  border: 1px solid #cccbcb;
  width: 80px;
  background-color: #FFF;
}
@media (max-width: 900px) {
  a.button.nobet {
    width: 60px;
  }
}
a.button.nobet svg {
  fill: #cccbcb;
  height: 20px;
}
a.button.stat {
  color: #cccbcb;
  border: 1px solid #cccbcb;
  width: 80px;
  background-color: #FFF;
}
@media (max-width: 900px) {
  a.button.stat {
    width: 60px;
  }
}
a.button.stat svg {
  fill: #cccbcb;
  height: 14px;
}
a.button.valid {
  color: #1d1d1b;
  background-color: #FFD700;
  width: 80px;
  border: 1px solid #1d1d1b;
}
@media (max-width: 900px) {
  a.button.valid {
    width: 60px;
  }
  a.button.valid span.lgd {
    display: none;
  }
}
a.button.valid:hover {
  background: #ffdf33;
}
a.button.validbet {
  color: white;
  background-color: #0a6bac;
  width: 80px;
  border: 1px solid white;
}
a.button.validbet svg {
  fill: white;
  width: 16px;
  vertical-align: middle;
}
@media (max-width: 900px) {
  a.button.validbet {
    width: 60px;
  }
  a.button.validbet span.lgd {
    display: none;
  }
}
a.button.validbet:hover {
  background: #0d89dc;
}
a.button.member {
  color: white;
  background-color: #0fa810;
  max-width: 120px;
}
@media (max-width: 900px) {
  a.button.member {
    width: 60px;
  }
  a.button.member span.lgd {
    display: none;
  }
}
a.button.subscribe {
  color: white;
  background-color: #0fa810;
  width: 250px;
}
a.button.parrainer {
  color: white;
  background-color: #0fa810;
  max-width: 100px;
}
a.button.viewo, a.button.parrain {
  color: white;
  background-color: #0fa810;
  max-width: 100px;
}
a.button.viewo i, a.button.parrain i {
  color: white;
}
a.button.crediter, a.button.crediterb {
  color: white;
  background-color: #0a6bac;
  max-width: 100px;
  height: 55px;
}
a.button.certifier {
  color: white;
  background-color: #7ac943;
  max-width: 100px;
  height: 55px;
}
a.button.parto {
  color: white;
  background-color: #0fa810;
  max-width: 100px;
}
a.button.parto svg.fa-spinner {
  margin-top: 12px;
}
a.button.tpo {
  color: white;
  background-color: #093769;
  max-width: 100px;
}
a.button.tpo svg.fa-spinner {
  margin-top: 12px;
}
a.button.pending {
  color: white;
  background-color: #ddd;
  max-width: 100px;
  cursor: not-allowed;
}
a.button.pending i {
  color: white;
}
a.button.valider {
  color: white;
  background-color: #0fa810;
  max-width: 150px;
}
@media (max-width: 800px) {
  a.button.valider {
    width: 60px;
  }
}
a.button.valider:hover {
  background: #13d714;
}
a.button.decouvrir {
  color: white;
  background-color: #0fa810;
  max-width: 150px;
}
a.button.decouvrir:hover {
  background: #13d714;
}
a.button.cancel {
  background-color: #ddd;
  color: #1d1d1b;
}
a.button.cancel:hover {
  cursor: pointer;
}
a.button.disabled {
  color: #FFF;
  background-color: #b2b2b1;
}
a.button.disabled:hover {
  cursor: default;
}
a.button.logout {
  color: #FFF;
  background-color: #d11124;
  max-width: 150px;
}
a.button.logout:hover {
  background-color: #ed283b;
}
a.button.delete {
  color: #FFF;
  background-color: #1d1d1b;
  max-width: 150px;
}

/* 
*************TABS
*/
.nav > li > a {
  color: #b2b2b1;
}

@media (max-width: 45em) {
  .tabs .tab,
.tabs label {
    order: initial;
  }

  .tabs label {
    width: 100%;
    margin-right: 0;
    margin-top: 0.2rem;
  }
}
ul.navopenclose {
  display: block;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
ul.navopenclose.marbtm {
  margin-bottom: 20px;
}
ul.navopenclose img.sport {
  width: 40px;
}
ul.navopenclose li {
  text-decoration: none;
  display: inline-block;
  padding: 0.5em;
  margin: 0;
}
ul.navopenclose li a {
  font-size: 0.9em;
  text-transform: uppercase;
  text-decoration: none;
  color: #696969;
  border: 1px solid #696969;
  border-radius: 5px;
  padding: 5px;
  width: 120px;
  display: inline-block;
}
ul.navopenclose li a span {
  vertical-align: bottom;
}
ul.navopenclose li a.h2h {
  width: 60px;
}
@media (max-width: 550px) {
  ul.navopenclose li a.sport {
    width: 75px;
  }
}
ul.navopenclose li.active a {
  color: #1d1d1b;
  border: 1px solid #0a6bac;
  background-color: #0a6bac;
  color: white;
}

ul.sonar {
  display: block;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  height: 60px;
}
ul.sonar.info {
  margin: 10px;
}
ul.sonar li {
  text-decoration: none;
  display: inline-block;
  padding: 10px;
  margin: 0;
  width: 25%;
  max-width: 80px;
  height: 100%;
  padding: 10px;
}
ul.sonar li a {
  display: block;
  height: 100%;
  padding: 2px 10px;
  border-radius: 5px;
  border: 1px solid white;
}
ul.sonar li.active a {
  background-color: white;
  border: 1px solid #ddd;
}
ul.sonar img {
  width: 100%;
  height: 100%;
  padding: 3px;
}

div#bonustabs span.action, div#liguetabs span.action, div#usertabs span.action, div#navtabs span.action, div#sportstabs span.action {
  position: relative;
  right: -3px;
}
div#bonustabs ul.btab, div#liguetabs ul.btab, div#usertabs ul.btab, div#navtabs ul.btab, div#sportstabs ul.btab {
  display: block;
  margin: -55px auto 0;
  text-align: center;
  height: 60px;
  position: relative;
  max-width: 900px;
}
div#bonustabs ul.btab i, div#liguetabs ul.btab i, div#usertabs ul.btab i, div#navtabs ul.btab i, div#sportstabs ul.btab i {
  display: block;
  font-size: 20px;
  margin: 0px 10px 20px;
  color: white;
}
div#bonustabs ul.btab svg, div#liguetabs ul.btab svg, div#usertabs ul.btab svg, div#navtabs ul.btab svg, div#sportstabs ul.btab svg {
  display: block;
  height: 22px;
  margin: 0px auto 15px;
  fill: white;
}
div#bonustabs ul.btab img.icon, div#liguetabs ul.btab img.icon, div#usertabs ul.btab img.icon, div#navtabs ul.btab img.icon, div#sportstabs ul.btab img.icon {
  display: block;
  height: 20px;
  margin: 0px auto 20px;
}
div#bonustabs ul.btab li, div#liguetabs ul.btab li, div#usertabs ul.btab li, div#navtabs ul.btab li, div#sportstabs ul.btab li {
  display: inline-block;
  width: 25%;
  max-width: 110px;
  vertical-align: bottom;
  margin-top: 15px;
  padding: 0 5px;
}
div#bonustabs ul.btab li.sport img.sport, div#liguetabs ul.btab li.sport img.sport, div#usertabs ul.btab li.sport img.sport, div#navtabs ul.btab li.sport img.sport, div#sportstabs ul.btab li.sport img.sport {
  max-width: 25px;
  display: block;
  margin: -2px auto 15px;
}
div#bonustabs ul.btab li a, div#liguetabs ul.btab li a, div#usertabs ul.btab li a, div#navtabs ul.btab li a, div#sportstabs ul.btab li a {
  display: block;
  border: none;
  text-transform: uppercase;
  font-size: 0.8em;
  color: #696969;
  border-radius: 0;
  min-width: 80px;
  text-align: center;
  padding: 10px 5px;
  border-radius: 5px;
  background-color: #f8f8f842;
  height: 70px;
}
div#bonustabs ul.btab li.ui-tabs-active, div#bonustabs ul.btab li.active, div#liguetabs ul.btab li.ui-tabs-active, div#liguetabs ul.btab li.active, div#usertabs ul.btab li.ui-tabs-active, div#usertabs ul.btab li.active, div#navtabs ul.btab li.ui-tabs-active, div#navtabs ul.btab li.active, div#sportstabs ul.btab li.ui-tabs-active, div#sportstabs ul.btab li.active {
  border: none;
}
div#bonustabs ul.btab li.ui-tabs-active a, div#bonustabs ul.btab li.active a, div#liguetabs ul.btab li.ui-tabs-active a, div#liguetabs ul.btab li.active a, div#usertabs ul.btab li.ui-tabs-active a, div#usertabs ul.btab li.active a, div#navtabs ul.btab li.ui-tabs-active a, div#navtabs ul.btab li.active a, div#sportstabs ul.btab li.ui-tabs-active a, div#sportstabs ul.btab li.active a {
  display: block;
  border: none;
  color: #1d1d1b;
  background-color: #f8f8f8;
  text-decoration: none;
}
div#bonustabs ul.btab li.ui-tabs-active i, div#bonustabs ul.btab li.active i, div#liguetabs ul.btab li.ui-tabs-active i, div#liguetabs ul.btab li.active i, div#usertabs ul.btab li.ui-tabs-active i, div#usertabs ul.btab li.active i, div#navtabs ul.btab li.ui-tabs-active i, div#navtabs ul.btab li.active i, div#sportstabs ul.btab li.ui-tabs-active i, div#sportstabs ul.btab li.active i {
  color: #7ac943;
}
div#bonustabs ul.btab li.ui-tabs-active svg, div#bonustabs ul.btab li.active svg, div#liguetabs ul.btab li.ui-tabs-active svg, div#liguetabs ul.btab li.active svg, div#usertabs ul.btab li.ui-tabs-active svg, div#usertabs ul.btab li.active svg, div#navtabs ul.btab li.ui-tabs-active svg, div#navtabs ul.btab li.active svg, div#sportstabs ul.btab li.ui-tabs-active svg, div#sportstabs ul.btab li.active svg {
  fill: #7ac943;
}
div#bonustabs ul.btab li.ui-state-hover a, div#liguetabs ul.btab li.ui-state-hover a, div#usertabs ul.btab li.ui-state-hover a, div#navtabs ul.btab li.ui-state-hover a, div#sportstabs ul.btab li.ui-state-hover a {
  text-decoration: none;
}
div#bonustabs ul.btab li.ui-state-focus a, div#liguetabs ul.btab li.ui-state-focus a, div#usertabs ul.btab li.ui-state-focus a, div#navtabs ul.btab li.ui-state-focus a, div#sportstabs ul.btab li.ui-state-focus a {
  outline-color: transparent;
}

/* FOOTER.PHP */
/* FOOTER.PHP */
/* FOOTER.PHP */
footer {
  width: 100%;
  padding-bottom: 20px;
  text-align: center;
}
footer div.footer {
  display: block;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}
footer p {
  margin: 0;
  color: white;
}
footer p.about {
  text-align: justify;
  padding: 20px 0;
}
footer h3 {
  color: white;
}
footer h3:not(:first-child) {
  margin-bottom: 20px;
}
footer img.flag {
  width: 1.5em;
  margin-bottom: 0.2em;
}
footer img.google {
  width: 200px;
}
footer div.footright {
  width: 40%;
}
footer div.footright p {
  margin-top: 20px;
  padding: 0;
}
footer div.footleft {
  width: 60%;
}
footer div.footright, footer div.footleft {
  vertical-align: top;
  display: inline-block;
  padding: 30px 30px 0;
  text-align: left;
  margin: 0 auto;
}
@media (max-width: 550px) {
  footer div.footright, footer div.footleft {
    width: 100%;
    text-align: center;
  }
}
footer span.part {
  text-align: left;
  display: block;
  margin-top: 10px;
}
footer span.part a {
  display: inline-block;
  width: 33%;
  max-width: 150px;
}
footer span.part a img {
  display: block;
  height: 40px;
}
footer a {
  display: block;
  margin-top: 6px;
  color: white;
  text-decoration: none;
}
footer a:hover {
  color: #FFD700;
  text-decoration: none;
}
footer a.follow {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin: 10px;
  padding-top: 5px;
  text-align: center;
  font-size: 1.5em;
}
footer a.follow:hover {
  color: white;
  text-decoration: none;
}
footer a.tw {
  background-color: #393939;
}
footer a.fb {
  background-color: #385898;
}
footer a.dc {
  background-color: #7289da;
}
footer a.yt {
  background-color: #c4302b;
}

section.notifications {
  width: 100%;
  max-width: 700px;
  min-height: 600px;
  padding-bottom: 100px;
  display: block;
  margin: 0 auto;
  margin-top: 50px;
}
section.notifications div.notification {
  width: 100%;
  border: 1px solid #eee;
  cursor: pointer;
  background-color: white;
}
section.notifications span.notiftype {
  display: inline-block;
  width: 15%;
  text-align: center;
  padding: 5px;
}
section.notifications span.notiftype div.icon {
  border-radius: 5px;
  width: 40px;
  height: 25px;
  display: block;
  margin: 0 auto;
  margin-top: 3px;
}
section.notifications span.notiftype div.icon.up {
  background-color: #0fa810;
}
section.notifications span.notiftype div.icon.down {
  background-color: #696969;
}
section.notifications span.notiftype div.icon.gen {
  background-color: #072443;
}
section.notifications span.notiftype div.icon.team {
  background-color: #0a6bac;
}
section.notifications span.notiftype div.icon.bet {
  background-color: #0a6bac;
}
section.notifications span.notiftype div.icon i {
  font-size: 15px;
  color: white;
}
section.notifications span.notiftype div.icon svg {
  width: 13px;
  fill: white;
  vertical-align: middle;
}
section.notifications span.notiflogo {
  display: inline-block;
  padding: 10px 0;
  width: 15%;
  text-align: center;
}
section.notifications span.notiflogo div.logo {
  font-size: 40px;
}
section.notifications span.notiflogo div.logo img {
  max-width: 60px;
  max-height: 60px;
}
section.notifications span.notiflogo div.logo img.round {
  border-radius: 50%;
}
@media (max-width: 550px) {
  section.notifications span.notiflogo div.logo img {
    max-width: 50px;
    max-height: 50px;
  }
}
section.notifications span.notifdetail {
  display: inline-block;
  padding: 10px;
  width: 60%;
}
section.notifications span.notifdetail svg {
  width: 14px;
}
section.notifications div.date {
  font-size: 12px;
  font-weight: 300;
}
section.notifications span.more {
  display: inline-block;
  width: 10%;
  text-align: center;
}
section.notifications span.more svg {
  width: 25px;
}

section.terms div.head {
  width: 100%;
  background-color: #072443;
  padding: 20px 50px;
}
section.terms div.head span.data {
  position: relative;
  max-width: 700px;
  display: block;
  margin: 0 auto;
}
section.terms div.head a {
  position: absolute;
  left: 0;
  top: 0;
  color: white;
}
section.terms div.head img {
  display: block;
  margin: 0 auto;
  max-width: 50px;
}
section.terms div.head h1 {
  display: block;
  margin: 0 auto;
  color: white;
  text-align: center;
  padding-top: 20px;
}
section.terms div.body {
  width: 100%;
  max-width: 800px;
  padding-bottom: 100px;
  display: block;
  margin: 0 auto;
  margin-top: 30px;
  padding: 20px;
}
section.terms div.body h1.terms {
  display: block;
  padding: 30px 0;
}
section.terms div.body h2.terms {
  padding: 20px 0;
}
section.terms div.body h3.terms {
  padding: 10px 0;
}
section.terms div.body p.terms {
  text-align: justify;
}

div.zoom-head {
  position: relative;
  min-height: 100px;
  background-color: #093769;
  color: white;
  margin: 0 auto;
  width: 100%;
  max-width: 900px;
  text-align: center;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-top: 60px;
  padding: 20px;
}
@media (max-width: 550px) {
  div.zoom-head {
    border-radius: 0;
  }
}
div.zoom-head svg {
  width: 15px;
  vertical-align: inherit;
  fill: white;
}
div.zoom-head span {
  display: inline-block;
  width: 50%;
}
div.zoom-head span img {
  border: 1px solid #FFF;
  object-fit: cover;
  border-radius: 50%;
  width: 90px;
  height: 90px;
  margin-right: -10px;
}
@media (max-width: 550px) {
  div.zoom-head span img {
    width: 70px;
    height: 70px;
  }
}
div.zoom-head span.lleft {
  text-align: right;
}
div.zoom-head span.lright {
  text-align: left;
}
div.zoom-head span.lright img {
  margin-right: 0px;
  margin-left: -10px;
  padding: 8px;
  background-color: #ffffff4f;
}

div.footer-subscribe {
  position: fixed;
  display: block;
  width: 100%;
  min-height: 100px;
  left: 0;
  top: 0;
  z-index: 2;
  border-bottom: 1px solid white;
  background-color: #072443;
}
div.footer-subscribe a {
  margin-top: 28px;
}

section#load svg.fa-spin {
  display: block;
  margin: 0 auto;
}

section.user-profile {
  margin: 0 auto 0 0;
  width: 100%;
  max-width: 700px;
  padding-bottom: 100px;
  min-height: 500px;
}
section.user-profile h2 {
  margin: 30px 0;
  text-align: center;
}
section.user-profile div.annonce {
  color: #1d1d1b;
  font-size: 15px;
  text-align: center;
  margin-bottom: 20px;
}
section.user-profile div.annonce a {
  display: block;
  color: #0a6bac;
}
section.user-profile .footer-subscribe {
  position: fixed;
  display: block;
  width: 100%;
  min-height: 100px;
  left: 0;
  top: 0;
  z-index: 2;
  border-bottom: 1px solid white;
  background-color: #072443;
}
section.user-profile .footer-subscribe a {
  margin-top: 28px;
}

/* LOGIN/REGISTER */
/* LOGIN/REGISTER */
/* LOGIN/REGISTER */
/* LOGIN/REGISTER */
/* LOGIN/REGISTER */
/* LOGIN/REGISTER */
/* LOGIN/REGISTER */
input {
  display: block;
  margin: 10px auto;
  width: 100%;
  max-width: 400px;
  box-sizing: border-box;
  font-size: 1em;
  padding: 10px;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
}
input.error {
  border: 2px solid #d11124;
}
input:disabled {
  background-color: #ddd;
  border: 1px solid #909090;
}
input.hide {
  display: none;
}
input.upload {
  border: none;
}
input.grey {
  background-color: #d1d1d1 !important;
}
input.button {
  font-weight: 500;
  font-size: 1.3rem;
  letter-spacing: 0.02em;
  border: none;
  border-radius: 5px;
  padding: 0.8rem 1rem 0.9rem;
  background: #0fa810;
  width: 75px;
  color: #FFF;
  margin: 0 10px 0 auto;
  display: block;
}

/* FORM */
/* FORM */
/* FORM */
/* FORM */
/* FORM */
/* FORM */
/* FORM */
/* FORM */
/* FORM */
/* FORM */
/* FORM */
form {
  display: block;
  width: 100%;
  margin: 0 auto;
}
form.contact {
  max-width: 500px;
  padding: 20px;
}
form#imageul button {
  display: none;
}
form#imageul button.active {
  display: block;
  margin: 20px auto;
  width: 320px;
  padding: 12px;
  border-radius: 5px;
  color: white;
  border: none;
  font-size: 15px;
  font-weight: 500;
}
form#imageul button.active.saveimg {
  background-color: #0fa810;
}
form#imageul div.exitimg {
  display: none;
}
form#imageul div.exitimg.active {
  display: block;
  margin: 20px auto;
  width: 320px;
  padding: 10px;
  background-color: #d11124;
  border-radius: 5px;
  color: white;
  border: none;
  font-size: 15px;
  font-weight: 500;
}
form#imageul label {
  display: block;
}
form#imageul label.hide {
  display: none;
}
form textarea {
  display: block;
  resize: none;
  width: 100%;
  height: 80px;
  padding: 10px;
  margin-bottom: 10px;
  white-space: pre-wrap;
  text-align: justify;
  box-sizing: border-box;
  background-color: white;
  border: 1px solid;
  border-radius: 0;
}
form.btm {
  margin-bottom: 2em;
}
form.login, form.reset {
  max-width: 350px;
  width: 90%;
}
form.news {
  max-width: 600px;
  width: 90%;
}
form.search {
  max-width: 600px;
  width: 95%;
  text-align: center;
}
form.search input {
  width: 70%;
  max-width: 400px;
}
form.search button {
  display: inline-block;
}
form.header {
  display: inline-block;
  width: auto;
  margin: 0;
}
form label input {
  display: inline-block;
  width: auto;
}
form label.checkbox {
  display: inline-block;
  width: 70%;
  color: #1d1d1b;
}
form.cape {
  display: inline-block;
  width: auto;
}
form.sq {
  width: 100% !important;
  max-width: none;
}
form .flex {
  display: flex;
}
form input[type=checkbox] {
  width: 20%;
  vertical-align: middle;
}
form select {
  width: 100%;
  height: 3em;
  margin: 0.5em 0em;
  font-size: 1em;
  padding: 10px;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
}
form input[class=grey] {
  background-color: #d1d1d1;
}
form .text-center {
  text-align: center;
  margin-top: 2em;
}
form .g-recaptcha {
  display: inline-block;
}
form a {
  text-align: right;
}
form a.center {
  text-align: center;
}

div.betval div.ligue {
  margin: 20px 0 40px;
}
div.betval div.ligue p.prono {
  padding-top: 20px;
}
div.betval div.headval {
  display: block;
  text-align: left;
  width: 100%;
  padding: 20px;
  background-color: #09315b;
  color: #FFF;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  text-transform: uppercase;
}
@media (max-width: 550px) {
  div.betval div.headval {
    border-radius: 0;
  }
}
div.betval div.headval span.viewerl {
  display: inline-block;
  border: 1px solid white;
  border-radius: 5px;
  margin-left: 10px;
  padding: 5px;
  min-width: 100px;
  text-align: center;
}
div.betval div.headval span.viewerl.active {
  background-color: #054c7b;
}
div.betval div.tendance span {
  display: inline-block;
  width: 25%;
}
div.betval div.tendance span img {
  width: 50px;
}
div.betval div.note {
  background-color: white;
  padding: 50px 10px;
}
div.betval div.note i {
  font-size: 15px;
}
div.betval div.note p {
  font-size: 0.9em;
  max-width: 300px;
  margin: 10px auto;
}
div.betval div.notligue {
  display: block;
  margin: 50px auto 0px;
}
div.betval div.notligue img {
  width: 60px;
  margin-bottom: 10px;
}
div.betval p.prono {
  text-align: center;
}
div.betval p.prono span.icon.share {
  color: #0a6bac;
}
div.betval p.prono span.icon.perf {
  color: #d11124;
}
div.betval p.prono span.icon i {
  padding: 4px;
}
div.betval p.prono.ukn {
  padding: 80px 20px 120px;
  background-color: white;
}
div.betval div#pickcom {
  display: block;
  margin: 0 auto;
  background-color: #0a6bac;
  color: white;
  padding: 8px;
  width: 250px;
  text-align: center;
  border-radius: 10px;
  cursor: pointer;
  text-transform: uppercase;
  margin-top: 40px;
}
div.betval span#comval {
  width: 100%;
  display: block;
  max-width: 600px;
  padding: 10px;
  border-top: 1px solid #eee;
}
div.betval span#comval span.user {
  display: inline-block;
  width: 10%;
}
div.betval span#comval span.user img {
  border-radius: 50%;
  height: 40px;
}
div.betval span#comval span.msg {
  display: inline-block;
  width: 80%;
  text-align: left;
  padding: 5px;
}
div.betval span#comval span.msg textarea {
  resize: none;
  border-radius: 10px;
  border: none;
  background-color: #f8f8f8;
  width: 100%;
  -webkit-user-select: text;
          user-select: text;
  white-space: pre-wrap;
  word-break: break-word;
  padding: 10px;
  height: 40px;
}
div.betval h3 {
  text-align: center;
}
div.betval div.pickval div.pickinfo {
  position: relative;
  border-top: 1px solid #ddd;
  background-color: white;
}
@media (max-width: 550px) {
  div.betval div.pickval div.pickinfo {
    border-radius: 0px;
  }
}
div.betval div.pickval span.wleft {
  display: inline-block;
  width: 40%;
  background-color: #eee;
  text-align: center;
  color: #696969;
  padding: 30px 0;
}
div.betval div.pickval span.wright {
  display: inline-block;
  width: 60%;
  text-align: center;
}
div.betval div.pickval span.wright33 {
  display: inline-block;
  text-align: right;
}
div.betval div.pickval div.time {
  font-size: 12px;
  margin-top: -10px;
}
div.betval div.pickval div.pickrecap span.userpicture {
  display: block;
  position: relative;
  width: 80px;
  height: 80px;
  margin: 0 auto;
}
@media (max-width: 550px) {
  div.betval div.pickval div.pickrecap span.userpicture {
    width: 60px;
    height: 60px;
  }
}
div.betval div.pickval div.pickrecap span.userpicture img.userprofile {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
div.betval div.pickval div.pickrecap span.userpicture img.teamfav {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  margin-left: -10px;
}
div.betval div.pickval div.pickrecap div.pickicon {
  padding-top: 20px;
}
div.betval div.pickval div.pickrecap div.pickicon img {
  width: 60px;
}
@media (max-width: 550px) {
  div.betval div.pickval div.pickrecap div.pickicon img {
    width: 50px;
  }
}
div.betval div.pickval div.pickrecap div.picksummary p {
  padding: 5px 10px;
  font-size: 0.9em;
}
div.betval div.pickval div.pickrecap div.pickauteur a {
  display: inline-block;
}
div.betval div.pickval div.metrix {
  padding: 10px 0 20px;
}
div.betval div.pickval div.metrix span {
  width: 25%;
  max-width: 50px;
}
div.betval div.pickval div.metrix span.pickdetail {
  cursor: pointer;
  color: #696969;
  padding: 5px;
}
div.betval div.pickval div.metrix span.pickdetail i {
  font-size: 18px;
  padding: 5px;
  border-radius: 50%;
  border: 1px solid white;
}
div.betval div.pickval div.metrix span.pickdetail svg {
  width: 25px;
  padding: 5px;
  border-radius: 50%;
  vertical-align: middle;
  background-color: #cccbcb;
}
div.betval div.pickval div.metrix span.pickdetail:hover i {
  background-color: rgba(105, 105, 105, 0.1);
}
div.betval div.pickval div.metrix span.data {
  display: inline-block;
  width: 50px;
  margin: 6px;
  border-radius: 4px;
  color: white;
  white-space: nowrap;
  padding: 2px;
}
div.betval div.pickval div.metrix span.data svg {
  fill: white;
  vertical-align: middle;
  width: 50%;
}
div.betval div.pickval div.metrix span.data.stake {
  color: #fce300;
  background-color: #072443;
}
div.betval div.pickval div.metrix span.data.stake.settled {
  background-color: #f8f8f8;
  color: #696969;
}
div.betval div.pickval div.metrix span.data.win {
  background-color: #0fa810;
}
div.betval div.pickval div.metrix span.data.lose {
  background-color: #d11124;
}
div.betval div.pickval div.metrix span.data.pend {
  background-color: #FFD700;
  color: #1d1d1b;
}
div.betval div.pickval div.metrix span.data.pend.settled {
  background-color: #f8f8f8;
  color: #696969;
}
div.betval div.pickval div.metrix span.data.void {
  background-color: #0a6bac;
}
div.betval div.pickval div.metrix span.data.odd {
  background-color: #0a6bac;
}
div.betval div.pickval div.metrix span.data.odd.settled {
  background-color: #f8f8f8;
  color: #696969;
}
div.betval div.pickval div.metrix span.data.pos, div.betval div.pickval div.metrix span.data.neg, div.betval div.pickval div.metrix span.data.none {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  padding: 0;
}
div.betval div.pickval div.metrix span.data.pos i, div.betval div.pickval div.metrix span.data.neg i, div.betval div.pickval div.metrix span.data.none i {
  font-size: 12px;
  line-height: 24px;
}
div.betval div.pickval div.metrix span.data.pos {
  color: white;
  background-color: #0fa810;
}
div.betval div.pickval div.metrix span.data.neg {
  color: white;
  background-color: #d11124;
}
div.betval div.pickval div.metrix span.data.none {
  background-color: #f8f8f8;
  color: #ddd;
}
div.betval div.pickval div.pickcontrol {
  position: absolute;
  text-align: center;
  top: 0;
  right: 0;
}
div.betval div.pickval div.pickcontrol span {
  padding: 10px;
  cursor: pointer;
  color: #0a6bac;
  display: block;
}
div.betval div.pickval div.pickcontrol span i {
  font-size: 16px;
  padding: 10px;
  border-radius: 50%;
  border: 1px solid #eee;
}
div.betval div.pickval div.pickcontrol span svg {
  font-size: 16px;
  padding: 10px;
  border-radius: 50%;
}
div.betval div.pickval div.pickcontrol span.pickdetail:hover {
  color: #0fa810;
}
div.betval div.pickval div.pickcontrol span.pickdetail:hover i {
  background-color: rgba(15, 168, 16, 0.1);
}
div.betval div.pickval div.pickcontrol span.pickshare:hover {
  color: #0a6bac;
}
div.betval div.pickval div.pickcontrol span.pickshare:hover i {
  background-color: rgba(10, 107, 172, 0.1);
}
div.betval div.pickval div.pickcontrol p {
  display: inline-block;
  margin: 0;
}
div.betval div.pick {
  position: relative;
  background-color: white;
  overflow: hidden;
  border: 1px solid #eee;
  margin-bottom: 10px;
}
div.betval div.pick .userinfo {
  display: inline-block;
  width: 25%;
  padding: 10px 5px;
  text-align: center;
  vertical-align: middle;
  background-color: #eee;
}
@media (max-width: 550px) {
  div.betval div.pick .userinfo {
    width: 40%;
  }
}
div.betval div.pick .userinfo div.auteur {
  margin-top: 10px;
  position: relative;
}
@media (max-width: 550px) {
  div.betval div.pick .userinfo div.auteur {
    margin-top: 20px;
  }
}
div.betval div.pick .userinfo span.userpicture {
  display: block;
  position: relative;
  width: 80px;
  margin: 0 auto;
}
@media (max-width: 550px) {
  div.betval div.pick .userinfo span.userpicture {
    width: 60px;
  }
}
div.betval div.pick .userinfo span.userpicture img.userprofile {
  width: 100%;
  object-fit: cover;
  border-radius: 50%;
}
div.betval div.pick .userinfo span.userpicture img.teamfav {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  margin-left: -6px;
}
@media (max-width: 550px) {
  div.betval div.pick .userinfo span.userpicture img.teamfav {
    margin-left: -10px;
  }
}
div.betval div.pick .userinfo div.data {
  display: block;
  max-width: 130px;
  margin: 10px auto;
}
div.betval div.pick .userinfo div.data span.team {
  width: 50%;
  display: inline-block;
  padding: 2px;
}
div.betval div.pick .userinfo div.data span.team span {
  display: block;
  margin: 0 auto;
  border-radius: 5px;
  font-weight: 500;
  padding: 3px;
}
div.betval div.pick .userinfo div.data span.team span.pos {
  color: white;
  background-color: #0fa810;
}
div.betval div.pick .userinfo div.data span.team span.neg {
  color: white;
  background-color: #d11124;
}
div.betval div.pick .userinfo div.data span.team span.none {
  background-color: #f8f8f8;
  color: #ddd;
}
div.betval div.pick .userinfo div.data span.perf {
  display: block;
  margin: 0 auto;
  border-radius: 5px;
}
div.betval div.pick .userpick {
  display: inline-block;
  width: 75%;
  background-color: white;
  vertical-align: middle;
}
@media (max-width: 550px) {
  div.betval div.pick .userpick {
    width: 60%;
  }
}
div.betval div.pick .userpick div.pickinfo {
  margin-top: 10px;
  text-align: center;
}
@media (max-width: 550px) {
  div.betval div.pick .userpick div.pickinfo {
    padding: 12px 0px;
  }
}
div.betval div.pick .userpick div.pickinfo p.pickdate {
  padding-left: 20px;
  margin-top: -20px;
}
div.betval div.pick .userpick div.pickinfo img.teamselection {
  display: block;
  margin: 0 auto;
  margin-top: -28px;
  max-height: 81px;
  max-width: 81px;
}
@media (max-width: 550px) {
  div.betval div.pick .userpick div.pickinfo img.teamselection {
    max-height: 60px;
    max-width: 60px;
  }
}
div.betval div.pick .userpick div.pickinfo div.shareprono {
  float: right;
  margin-top: -60px;
}
div.betval div.pick .userpick div.pickinfo div.shareprono span.sharebtn {
  position: absolute;
  right: 0;
  margin-right: 20px;
  color: white;
  background-color: #385898;
  padding: 5px 10px;
  border-radius: 5px;
}
div.betval div.pick .userpick div.pickinfo div.shareprono span.sharebtn:hover {
  cursor: pointer;
}
@media (max-width: 550px) {
  div.betval div.pick .userpick div.pickinfo div.shareprono span.sharebtn {
    margin-right: 20px;
  }
  div.betval div.pick .userpick div.pickinfo div.shareprono span.sharebtn .txt {
    display: none;
  }
}
div.betval div.pick .userpick div.pickinfo div.pickselection {
  margin: 5px 20px;
  position: relative;
  z-index: 0;
  border-radius: 5px;
  color: #1d1d1b;
  background-color: #f8f8f8;
  min-height: 40px;
}
div.betval div.pick .userpick div.pickinfo div.pickselection:before {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-right-color: transparent;
  border-style: solid;
  top: 50%;
  left: 0;
  margin-top: -6px;
  margin-left: -9px;
  content: "";
  border-width: 6px 10px 6px 0;
}
div.betval div.pick .userpick div.pickinfo div.pickselection:before {
  border-right-color: #f8f8f8;
}
@media (max-width: 550px) {
  div.betval div.pick .userpick div.pickinfo div.pickselection {
    background-color: white;
    color: #1d1d1b;
    font-weight: 400;
  }
  div.betval div.pick .userpick div.pickinfo div.pickselection:before {
    display: none;
  }
}
div.betval div.pick .userpick div.pickdata {
  margin-top: 10px;
  padding-top: 5px;
  white-space: nowrap;
}
div.betval div.pick .userpick div.pickdata span {
  display: inline-block;
  margin: 0 5px;
  width: 50px;
  border-radius: 4px;
  padding: 0.2em;
  color: white;
  white-space: nowrap;
  min-height: 25px;
}
@media (max-width: 550px) {
  div.betval div.pick .userpick div.pickdata span {
    width: 40px;
  }
}
div.betval div.pick .userpick div.pickdata span.stake {
  color: #fce300;
  background-color: #072443;
}
div.betval div.pick .userpick div.pickdata span.stake.settled {
  background-color: #f8f8f8;
  color: #696969;
}
div.betval div.pick .userpick div.pickdata span.win {
  background-color: #0fa810;
}
div.betval div.pick .userpick div.pickdata span.lose {
  background-color: #d11124;
}
div.betval div.pick .userpick div.pickdata span.pend {
  background-color: #FFD700;
  color: #1d1d1b;
}
div.betval div.pick .userpick div.pickdata span.pend.settled {
  background-color: #f8f8f8;
  color: #696969;
}
div.betval div.pick .userpick div.pickdata span.void {
  background-color: #0a6bac;
}
div.betval div.pick .userpick div.pickdata span.odd {
  background-color: #0a6bac;
}
div.betval div.pick .userpick div.pickdata span.odd.settled {
  background-color: #f8f8f8;
  color: #696969;
}
div.betval div.pick .userpick div.pickdata span.xp {
  width: 87px;
}
div.betval div.pick .userpick div.pickdata span.xp img.tag {
  margin: 0;
  position: relative;
  float: none;
  height: auto;
  margin-top: -4px;
}
div.betval div.pick .userpick div.pickdata span.xp i.fa-edit {
  display: none;
  color: #d11124;
  padding-bottom: 3px;
}
@media (max-width: 550px) {
  div.betval div.pick .userpick div.pickdata span.xp {
    width: 35px;
    border: 1px solid #d11124;
    border-radius: 5px;
  }
  div.betval div.pick .userpick div.pickdata span.xp img.tag {
    display: none;
  }
  div.betval div.pick .userpick div.pickdata span.xp i.fa-edit {
    display: inherit;
  }
}

div#modalbet .mask, div.modalcom .mask, div.modalplay .mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 998;
  visibility: hidden;
  opacity: 0;
  transition: 0.7s;
}
div#modalbet .mask.active, div.modalcom .mask.active, div.modalplay .mask.active {
  visibility: visible;
  opacity: 1;
}
div#modalbet .modaldetail, div.modalcom .modaldetail, div.modalplay .modaldetail {
  width: 100%;
  max-width: 700px;
  display: none;
  z-index: 999;
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  text-align: center;
  background-color: white;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  max-height: 75%;
  overflow-y: auto;
}
div#modalbet div.header, div.modalcom div.header, div.modalplay div.header {
  position: relative;
  width: 100%;
  background-color: #093769;
  color: white;
  padding: 20px;
  text-transform: uppercase;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  font-size: 15px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1055;
  overflow-y: hidden;
}
div#modalbet div.header img.protag, div.modalcom div.header img.protag, div.modalplay div.header img.protag {
  height: 33px;
  margin-left: 5px;
}
div#modalbet div.header span.closemod, div.modalcom div.header span.closemod, div.modalplay div.header span.closemod {
  position: absolute;
  right: 20px;
  color: white;
  font-size: 20px;
  top: 15px;
  background-color: #d11124;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
div#modalbet div.header span.closemod i, div.modalcom div.header span.closemod i, div.modalplay div.header span.closemod i {
  line-height: 30px;
}
div#modalbet div.header img.teamfav, div.modalcom div.header img.teamfav, div.modalplay div.header img.teamfav {
  width: 22px;
  display: inline-block;
  margin-left: 3px;
  padding-bottom: 3px;
}
div#modalbet div.body, div.modalcom div.body, div.modalplay div.body {
  margin: 0 auto;
  max-width: 470px;
  padding-bottom: 10px;
}
div#modalbet div.body div.cominfo, div.modalcom div.body div.cominfo, div.modalplay div.body div.cominfo {
  padding: 0 10px 30px;
}
div#modalbet div.body div.teamstats, div.modalcom div.body div.teamstats, div.modalplay div.body div.teamstats {
  font-size: 0.9em;
}
div#modalbet div.body div.prime, div.modalcom div.body div.prime, div.modalplay div.body div.prime {
  padding: 0 20px;
  text-align: justify;
}
div#modalbet div.body div.prime h2, div.modalcom div.body div.prime h2, div.modalplay div.body div.prime h2 {
  text-align: center;
  margin: 20px;
}
div#modalbet div.body div.prime img.icon, div.modalcom div.body div.prime img.icon, div.modalplay div.body div.prime img.icon {
  display: block;
  height: 60px;
  margin: 20px auto;
}
div#modalbet div.body div.prime a, div.modalcom div.body div.prime a, div.modalplay div.body div.prime a {
  margin-top: 40px;
}
div#modalbet div.body div.preorder div.bprice, div.modalcom div.body div.preorder div.bprice, div.modalplay div.body div.preorder div.bprice {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin: 10px auto;
  background-color: #072443;
  width: 100px;
  border-radius: 20px;
  color: white;
  height: 25px;
}
div#modalbet div.body div.preorder div.bprice svg, div.modalcom div.body div.preorder div.bprice svg, div.modalplay div.body div.preorder div.bprice svg {
  height: 11px;
  fill: #FFD700;
}
div#modalbet div.body div.preorder span.bonus, div.modalcom div.body div.preorder span.bonus, div.modalplay div.body div.preorder span.bonus {
  display: block;
  margin: 0px auto 10px;
  background-color: #072443;
  padding: 5px 10px;
  max-width: 100px;
  border-radius: 10px;
  color: white;
}
div#modalbet div.body div.preorder span.bonus.spon, div.modalcom div.body div.preorder span.bonus.spon, div.modalplay div.body div.preorder span.bonus.spon {
  background-color: #0fa810;
}
div#modalbet div.body div.preorder div#paypal-button-container, div.modalcom div.body div.preorder div#paypal-button-container, div.modalplay div.body div.preorder div#paypal-button-container {
  max-width: 350px;
  margin: 20px auto;
}
div#modalbet div.body div.preorder span.nprice, div.modalcom div.body div.preorder span.nprice, div.modalplay div.body div.preorder span.nprice {
  vertical-align: baseline !important;
  color: #d11124;
}
div#modalbet div.body div.preorder span.oprice, div.modalcom div.body div.preorder span.oprice, div.modalplay div.body div.preorder span.oprice {
  vertical-align: baseline !important;
  color: #909090;
  text-decoration: line-through;
}
div#modalbet div.body div.preorder img.icon, div.modalcom div.body div.preorder img.icon, div.modalplay div.body div.preorder img.icon {
  height: 70px;
  margin: 20px 0 10px;
}
div#modalbet div.body div.preorder img.icon.pro, div.modalcom div.body div.preorder img.icon.pro, div.modalplay div.body div.preorder img.icon.pro {
  height: 50px;
}
div#modalbet div.body div.preorder img.icon.round, div.modalcom div.body div.preorder img.icon.round, div.modalplay div.body div.preorder img.icon.round {
  border-radius: 50%;
}
div#modalbet div.body div.preorder img.team, div.modalcom div.body div.preorder img.team, div.modalplay div.body div.preorder img.team {
  height: 60px;
  margin: 20px 0 10px;
  border-radius: 50%;
}
div#modalbet div.body div.preorder p, div.modalcom div.body div.preorder p, div.modalplay div.body div.preorder p {
  padding: 0 20px;
}
div#modalbet div.body div.preorder div.topteam span, div.modalcom div.body div.preorder div.topteam span, div.modalplay div.body div.preorder div.topteam span {
  display: inline-block;
  padding-top: 10px;
  width: 33%;
}
div#modalbet div.body div.preorder div.topteam span img, div.modalcom div.body div.preorder div.topteam span img, div.modalplay div.body div.preorder div.topteam span img {
  max-width: 70px;
  display: block;
  margin: 0 auto;
}
div#modalbet div.body div.preorder div.topteam span div.gain, div.modalcom div.body div.preorder div.topteam span div.gain, div.modalplay div.body div.preorder div.topteam span div.gain {
  display: block;
  margin: 10px auto;
  padding: 5px 10px;
  max-width: 90px;
  border-radius: 10px;
  color: white;
}
div#modalbet div.body div.preorder div.topteam span div.gain.pos, div.modalcom div.body div.preorder div.topteam span div.gain.pos, div.modalplay div.body div.preorder div.topteam span div.gain.pos {
  background-color: #0fa810;
}
div#modalbet div.body div.preorder div.topteam span div.gain.neg, div.modalcom div.body div.preorder div.topteam span div.gain.neg, div.modalplay div.body div.preorder div.topteam span div.gain.neg {
  background-color: #d11124;
}
div#modalbet div.body a, div.modalcom div.body a, div.modalplay div.body a {
  margin-bottom: 20px;
}
div#modalbet div.body .pickcomment, div.modalcom div.body .pickcomment, div.modalplay div.body .pickcomment {
  min-height: 200px;
  padding-top: 30px;
}
div#modalbet div.body .pickcomment span.omsg, div.modalcom div.body .pickcomment span.omsg, div.modalplay div.body .pickcomment span.omsg {
  background-color: #f8f8f8;
  width: 100%;
  display: block;
  text-align: left;
  padding: 10px;
  border-radius: 5px;
}
div#modalbet div.body .pickcomment p.nocom, div.modalcom div.body .pickcomment p.nocom, div.modalplay div.body .pickcomment p.nocom {
  margin: 10px auto 70px;
}
div#modalbet div.body #commentform, div.modalcom div.body #commentform, div.modalplay div.body #commentform {
  width: 100%;
  position: absolute;
  max-width: 600px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  padding: 10px;
  border-top: 1px solid #eee;
}
div#modalbet div.body #commentform span.user, div.modalcom div.body #commentform span.user, div.modalplay div.body #commentform span.user {
  display: inline-block;
  width: 10%;
}
div#modalbet div.body #commentform span.user img, div.modalcom div.body #commentform span.user img, div.modalplay div.body #commentform span.user img {
  border-radius: 50%;
  width: 100%;
  max-height: 40px;
  max-width: 40px;
}
div#modalbet div.body #commentform span.msg, div.modalcom div.body #commentform span.msg, div.modalplay div.body #commentform span.msg {
  display: inline-block;
  width: 80%;
  text-align: left;
  padding: 10px;
  margin-top: 5px;
}
div#modalbet div.body #commentform span.msg textarea, div.modalcom div.body #commentform span.msg textarea, div.modalplay div.body #commentform span.msg textarea {
  background-color: #f8f8f8;
  width: 100%;
  height: 40px;
}
div#modalbet div.body #commentform span.valcom, div.modalcom div.body #commentform span.valcom, div.modalplay div.body #commentform span.valcom {
  display: inline-block;
  width: 10%;
  text-align: center;
  cursor: pointer;
}
div#modalbet div.body #commentform span.valcom i, div.modalcom div.body #commentform span.valcom i, div.modalplay div.body #commentform span.valcom i {
  color: #0a6bac;
  padding: 10px;
  border: 1px solid #0a6bac;
  border-radius: 10px;
  font-size: 20px;
}
div#modalbet div.body #commentform span.valcom:hover i, div.modalcom div.body #commentform span.valcom:hover i, div.modalplay div.body #commentform span.valcom:hover i {
  color: white;
  background-color: #0a6bac;
}
div#modalbet div.body div.sportlist span, div.modalcom div.body div.sportlist span, div.modalplay div.body div.sportlist span {
  width: 25%;
  padding: 10px;
  cursor: pointer;
}
div#modalbet div.body div.sportlist span img, div.modalcom div.body div.sportlist span img, div.modalplay div.body div.sportlist span img {
  filter: grayscale(100);
}
div#modalbet div.body div.sportlist span.active img, div.modalcom div.body div.sportlist span.active img, div.modalplay div.body div.sportlist span.active img {
  filter: grayscale(0);
}
div#modalbet div.body span.teamselection, div.modalcom div.body span.teamselection, div.modalplay div.body span.teamselection {
  width: 25%;
  padding: 10px;
  cursor: pointer;
}
div#modalbet div.body span.teamselection img, div.modalcom div.body span.teamselection img, div.modalplay div.body span.teamselection img {
  width: 90%;
}
div#modalbet div.body div.teamstats div.line, div.modalcom div.body div.teamstats div.line, div.modalplay div.body div.teamstats div.line {
  padding: 20px 0;
  border-top: 1px solid #ddd;
}
div#modalbet div.body div.teamstats span.info, div.modalcom div.body div.teamstats span.info, div.modalplay div.body div.teamstats span.info {
  display: inline-block;
  width: 33%;
  text-transform: uppercase;
}
div#modalbet div.body div.teamstats span.info img.logo, div.modalcom div.body div.teamstats span.info img.logo, div.modalplay div.body div.teamstats span.info img.logo {
  width: 50px;
}
div#modalbet div.body div.teamstats span.info span.gains, div.modalcom div.body div.teamstats span.info span.gains, div.modalplay div.body div.teamstats span.info span.gains {
  display: block;
  margin: 0 auto;
  padding: 2px 10px;
  border-radius: 5px;
  max-width: 50px;
}
div#modalbet div.body div.teamstats span.info span.gains.pos, div.modalcom div.body div.teamstats span.info span.gains.pos, div.modalplay div.body div.teamstats span.info span.gains.pos {
  color: white;
  background-color: #0fa810;
}
div#modalbet div.body div.teamstats span.info span.gains.neg, div.modalcom div.body div.teamstats span.info span.gains.neg, div.modalplay div.body div.teamstats span.info span.gains.neg {
  color: white;
  background-color: #d11124;
}
div#modalbet div.body div.teamstats span.info span.gains.none, div.modalcom div.body div.teamstats span.info span.gains.none, div.modalplay div.body div.teamstats span.info span.gains.none {
  background-color: #f8f8f8;
  color: #ddd;
}
div#modalbet div.body div.teamstats span.info span.data, div.modalcom div.body div.teamstats span.info span.data, div.modalplay div.body div.teamstats span.info span.data {
  display: block;
  margin: 0 auto 10px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
}
div#modalbet div.body div.teamstats span.info span.data.pos, div.modalcom div.body div.teamstats span.info span.data.pos, div.modalplay div.body div.teamstats span.info span.data.pos {
  color: white;
  background-color: #0fa810;
}
div#modalbet div.body div.teamstats span.info span.data.neg, div.modalcom div.body div.teamstats span.info span.data.neg, div.modalplay div.body div.teamstats span.info span.data.neg {
  color: white;
  background-color: #d11124;
}
div#modalbet div.body div.teamstats span.info span.data.none, div.modalcom div.body div.teamstats span.info span.data.none, div.modalplay div.body div.teamstats span.info span.data.none {
  background-color: #f8f8f8;
  color: #ddd;
}
div#modalbet div.body div.popshare, div.modalcom div.body div.popshare, div.modalplay div.body div.popshare {
  display: block;
}
div#modalbet div.body div.popshare svg.pause, div.modalcom div.body div.popshare svg.pause, div.modalplay div.body div.popshare svg.pause {
  fill: none;
  width: 18px;
  vertical-align: text-bottom;
  margin-left: 5px;
}
div#modalbet div.body div.popshare svg.perf, div.modalcom div.body div.popshare svg.perf, div.modalplay div.body div.popshare svg.perf {
  width: 12px;
}
div#modalbet div.body div.popshare svg.stat, div.modalcom div.body div.popshare svg.stat, div.modalplay div.body div.popshare svg.stat {
  width: 100%;
  vertical-align: middle;
  max-height: 40px;
}
div#modalbet div.body div.popshare svg.clear, div.modalcom div.body div.popshare svg.clear, div.modalplay div.body div.popshare svg.clear {
  fill: none;
}
div#modalbet div.body div.popshare svg.pend, div.modalcom div.body div.popshare svg.pend, div.modalplay div.body div.popshare svg.pend {
  fill: #FFD700;
}
div#modalbet div.body div.popshare svg.void, div.modalcom div.body div.popshare svg.void, div.modalplay div.body div.popshare svg.void {
  fill: #0a6bac;
}
div#modalbet div.body div.popshare svg.lose, div.modalcom div.body div.popshare svg.lose, div.modalplay div.body div.popshare svg.lose {
  fill: #d11124;
}
div#modalbet div.body div.popshare svg.win, div.modalcom div.body div.popshare svg.win, div.modalplay div.body div.popshare svg.win {
  fill: #0fa810;
}
div#modalbet div.body div.popshare img.protag, div.modalcom div.body div.popshare img.protag, div.modalplay div.body div.popshare img.protag {
  width: 35px;
}
div#modalbet div.body div.popshare div.hide, div.modalcom div.body div.popshare div.hide, div.modalplay div.body div.popshare div.hide {
  display: none;
}
div#modalbet div.body div.popshare span.cmise, div.modalcom div.body div.popshare span.cmise, div.modalplay div.body div.popshare span.cmise {
  vertical-align: bottom;
}
div#modalbet div.body div.popshare div.icons, div.modalcom div.body div.popshare div.icons, div.modalplay div.body div.popshare div.icons {
  margin: 20px auto;
}
div#modalbet div.body div.popshare div.icons img, div.modalcom div.body div.popshare div.icons img, div.modalplay div.body div.popshare div.icons img {
  height: 60px;
}
div#modalbet div.body div.popshare span.img, div.modalcom div.body div.popshare span.img, div.modalplay div.body div.popshare span.img {
  display: inline-block;
  margin: 0;
}
div#modalbet div.body div.popshare span.img img, div.modalcom div.body div.popshare span.img img, div.modalplay div.body div.popshare span.img img {
  width: 80px;
  height: 80px;
}
@media (max-width: 550px) {
  div#modalbet div.body div.popshare span.img img, div.modalcom div.body div.popshare span.img img, div.modalplay div.body div.popshare span.img img {
    width: 60px;
    height: 60px;
  }
}
div#modalbet div.body div.popshare span.img:first-child, div.modalcom div.body div.popshare span.img:first-child, div.modalplay div.body div.popshare span.img:first-child {
  margin-right: 10px;
}
@media (max-width: 550px) {
  div#modalbet div.body div.popshare span.img:first-child, div.modalcom div.body div.popshare span.img:first-child, div.modalplay div.body div.popshare span.img:first-child {
    margin-right: 30px;
  }
}
div#modalbet div.body div.popshare span.img:last-child, div.modalcom div.body div.popshare span.img:last-child, div.modalplay div.body div.popshare span.img:last-child {
  margin-left: -30px;
}
@media (max-width: 550px) {
  div#modalbet div.body div.popshare span.img:last-child, div.modalcom div.body div.popshare span.img:last-child, div.modalplay div.body div.popshare span.img:last-child {
    margin-left: -50px;
  }
}
div#modalbet div.body div.popshare span.mise, div.modalcom div.body div.popshare span.mise, div.modalplay div.body div.popshare span.mise {
  display: inline-block;
  width: 60px;
  border-radius: 5px;
  background-color: #ddd;
  color: white;
  margin: 10px;
  padding: 5px;
  cursor: pointer;
}
div#modalbet div.body div.popshare span.mise.active, div.modalcom div.body div.popshare span.mise.active, div.modalplay div.body div.popshare span.mise.active {
  background-color: #0fa810;
}
div#modalbet div.body div.popshare div.metrix, div.modalcom div.body div.popshare div.metrix, div.modalplay div.body div.popshare div.metrix {
  text-align: center;
}
div#modalbet div.body div.popshare div.metrix span.data, div.modalcom div.body div.popshare div.metrix span.data, div.modalplay div.body div.popshare div.metrix span.data {
  display: inline-block;
  width: 50px;
  margin: 6px;
  border-radius: 4px;
  padding: 0.2em;
  color: white;
  white-space: nowrap;
  min-height: 25px;
}
div#modalbet div.body div.popshare div.metrix span.data.stake, div.modalcom div.body div.popshare div.metrix span.data.stake, div.modalplay div.body div.popshare div.metrix span.data.stake {
  color: #fce300;
  background-color: #072443;
}
div#modalbet div.body div.popshare div.metrix span.data.stake.settled, div.modalcom div.body div.popshare div.metrix span.data.stake.settled, div.modalplay div.body div.popshare div.metrix span.data.stake.settled {
  background-color: #f8f8f8;
  color: #696969;
}
div#modalbet div.body div.popshare div.metrix span.data.win, div.modalcom div.body div.popshare div.metrix span.data.win, div.modalplay div.body div.popshare div.metrix span.data.win {
  background-color: #0fa810;
}
div#modalbet div.body div.popshare div.metrix span.data.lose, div.modalcom div.body div.popshare div.metrix span.data.lose, div.modalplay div.body div.popshare div.metrix span.data.lose {
  background-color: #d11124;
}
div#modalbet div.body div.popshare div.metrix span.data.pend, div.modalcom div.body div.popshare div.metrix span.data.pend, div.modalplay div.body div.popshare div.metrix span.data.pend {
  background-color: #FFD700;
  color: #1d1d1b;
}
div#modalbet div.body div.popshare div.metrix span.data.pend.settled, div.modalcom div.body div.popshare div.metrix span.data.pend.settled, div.modalplay div.body div.popshare div.metrix span.data.pend.settled {
  background-color: #f8f8f8;
  color: #696969;
}
div#modalbet div.body div.popshare div.metrix span.data.void, div.modalcom div.body div.popshare div.metrix span.data.void, div.modalplay div.body div.popshare div.metrix span.data.void {
  background-color: #0a6bac;
}
div#modalbet div.body div.popshare div.metrix span.data.odd, div.modalcom div.body div.popshare div.metrix span.data.odd, div.modalplay div.body div.popshare div.metrix span.data.odd {
  background-color: #0a6bac;
}
div#modalbet div.body div.popshare div.metrix span.data.odd.settled, div.modalcom div.body div.popshare div.metrix span.data.odd.settled, div.modalplay div.body div.popshare div.metrix span.data.odd.settled {
  background-color: #f8f8f8;
  color: #696969;
}
div#modalbet div.body div.popshare div.metrix span.data.pos, div#modalbet div.body div.popshare div.metrix span.data.neg, div#modalbet div.body div.popshare div.metrix span.data.none, div.modalcom div.body div.popshare div.metrix span.data.pos, div.modalcom div.body div.popshare div.metrix span.data.neg, div.modalcom div.body div.popshare div.metrix span.data.none, div.modalplay div.body div.popshare div.metrix span.data.pos, div.modalplay div.body div.popshare div.metrix span.data.neg, div.modalplay div.body div.popshare div.metrix span.data.none {
  width: 25px;
  border-radius: 50%;
}
div#modalbet div.body div.popshare div.metrix span.data.pos, div.modalcom div.body div.popshare div.metrix span.data.pos, div.modalplay div.body div.popshare div.metrix span.data.pos {
  color: white;
  background-color: #0fa810;
}
div#modalbet div.body div.popshare div.metrix span.data.neg, div.modalcom div.body div.popshare div.metrix span.data.neg, div.modalplay div.body div.popshare div.metrix span.data.neg {
  color: white;
  background-color: #d11124;
}
div#modalbet div.body div.popshare div.metrix span.data.none, div.modalcom div.body div.popshare div.metrix span.data.none, div.modalplay div.body div.popshare div.metrix span.data.none {
  background-color: #f8f8f8;
  color: #ddd;
}

/* 404 */
/* 404 */
/* 404 */
/* 404 */
/* 404 */
/* 404 */
/* 404 */
/* 404 */
/* 404 */
/* 404 */
/* 404 */
/* 404 */
/* 404 */
section.error {
  height: 100vh;
  text-align: center;
  background: linear-gradient(90deg, #0B1422 0%, #042D56 100%);
  padding-top: 3em;
  padding-bottom: 3em;
}
section.error img.logo {
  width: 200px;
}
section.error p img.emoticon {
  width: 100px;
  display: block;
  margin: 0 auto;
  margin-top: 50px;
}
section.error a {
  width: 300px;
}

#animation-zone {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
  z-index: 9999;
  perspective: 1000px;
}
#animation-zone .animated-img {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 40px;
  transform: translateX(-50%) scale(1) rotateY(0deg);
  opacity: 1;
  will-change: transform, top, opacity;
}
#animation-zone .particle {
  position: absolute;
  background-size: cover;
  background-position: center;
  pointer-events: none;
  will-change: transform, opacity;
  opacity: 1;
  transform: translate(0, 0) scale(1);
  z-index: 10000;
  border-radius: 50%;
}

div.sectionbody {
  display: block;
  position: relative;
  margin: 40px auto 0;
  max-width: 700px;
  text-align: center;
  padding-bottom: 100px;
  min-height: 500px;
}
div.sectionbody p.tools {
  margin-bottom: 30px;
  padding: 0 20px;
}
div.sectionbody div.terms {
  padding: 0 20px;
}
div.sectionbody div.terms p {
  text-align: justify;
  margin: 10px auto;
}
div.sectionbody div.terms p.center {
  text-align: center;
}
div.sectionbody div.terms .lft {
  text-align: left;
}
div.sectionbody div.prointro {
  margin: 20px auto;
  padding: 0 20px;
  text-align: justify;
}
div.sectionbody div.prointro h3 {
  text-align: center;
  margin-bottom: 30px;
}
div.sectionbody div.prointro.first {
  margin-top: 0;
}
div.sectionbody div.promode {
  margin: 40px auto;
  padding: 0 20px;
  max-width: 500px;
}
div.sectionbody div.promode div.promo {
  display: block;
  margin: 10px auto;
}
div.sectionbody div.promode div.promo span {
  vertical-align: bottom;
}
div.sectionbody div.promode div.promo span.old {
  text-decoration: line-through;
  color: #696969;
  padding: 0 3px;
}
div.sectionbody div.promode div.promo span.new {
  color: #d11124;
}
div.sectionbody div.promode div.promo span.free {
  color: #0a6bac;
}
div.sectionbody div.promode div.promo span.exc {
  text-decoration: underline;
  font-style: italic;
  margin: 5px;
}
div.sectionbody div.promode div#paypal-button-container {
  margin: 40px auto;
  max-width: 400px;
}
div.sectionbody svg.sload {
  width: 25px;
}
div.sectionbody svg.leg {
  width: 18px;
  vertical-align: text-top;
  fill: #0a6bac;
}
@media (max-width: 1200px) {
  div.sectionbody.gstats, div.sectionbody.gbets {
    padding-bottom: 0px;
  }
}
div.sectionbody img.order {
  display: block;
  margin: 10px auto;
  width: 60px;
}
div.sectionbody div.teamshow span {
  width: 20%;
}
div.sectionbody div.teamshow span img {
  display: block;
  margin: 0 auto;
}
div.sectionbody h2.order {
  margin-bottom: 20px;
}
div.sectionbody h2.mtop {
  margin-top: 40px;
}
div.sectionbody h2.terms {
  margin: 20px;
}
div.sectionbody h3.terms {
  margin: 10px;
}
div.sectionbody a.follow {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin: 10px;
  text-align: center;
  font-size: 1.5em;
  background-color: #0a6bac;
  color: white;
}
div.sectionbody a.follow svg {
  fill: white;
  height: 25px;
}
div.sectionbody p.pad {
  padding: 0 20px;
  text-align: center;
}
div.sectionbody p.pad.left {
  text-align: left;
}
div.sectionbody div#tuto p {
  font-size: 1em !important;
}
div.sectionbody div#tuto div.topic div.head {
  display: block;
  margin: 20px 10px;
  border-radius: 10px;
  color: #0a6bac;
  border: 1px solid #0a6bac;
  padding: 10px;
  cursor: pointer;
}
div.sectionbody div#tuto div.topic div.sub {
  display: none;
}
div.sectionbody div#tuto div.topic div.sub p {
  text-align: left;
}
div.sectionbody div#tuto div.topic.active div.head {
  background-color: #0a6bac;
  color: white;
}
div.sectionbody div#tuto div.topic.active div.sub {
  display: block;
  text-align: justify;
  padding: 10px 20px;
}
div.sectionbody div#tuto h3:not(:first-child) {
  padding-top: 20px;
}
div.sectionbody div#coupon .maskc {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 11;
  visibility: hidden;
  opacity: 0;
  transition: 0.7s;
}
div.sectionbody div#coupon .maskc.active {
  visibility: visible;
  opacity: 1;
}
div.sectionbody div#coupon .coupondetail {
  display: none;
  z-index: 12;
  position: fixed;
  bottom: 0;
  width: 100%;
  max-width: 700px;
  max-height: 80%;
  overflow-y: auto;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
div.sectionbody div#coupon p {
  margin: 0;
}
div.sectionbody div#coupon p.error {
  padding: 0;
}
div.sectionbody div#coupon div.header {
  height: 60px;
  padding: 0.5em;
  border-radius: 0;
  color: #FFF;
  background-color: #072443;
}
div.sectionbody div#coupon div.header p {
  margin: 0;
  margin-top: 5px;
  float: left;
  padding: 0.5em;
}
div.sectionbody div#coupon div.header span.closemod {
  position: absolute;
  right: 20px;
  color: white;
  font-size: 20px;
  top: 15px;
  background-color: #d11124;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
div.sectionbody div#coupon div.header span.closemod i {
  line-height: 30px;
}
div.sectionbody div#coupon div.header button {
  margin-top: 10px;
  width: 60px;
  color: #FFF;
  opacity: 1;
  text-shadow: none;
}
div.sectionbody div#coupon div.pari {
  border-radius: 0;
  color: white;
  background-color: #0a6bac;
  border-bottom: 1px solid #FFF;
  text-align: center;
}
div.sectionbody div#coupon div.pari img {
  width: 60px;
  margin-bottom: 10px;
}
div.sectionbody div#coupon div.pari p.bet {
  padding: 20px;
}
div.sectionbody div#coupon div.valid {
  text-align: center;
  border-radius: 0;
  color: #FFF;
  background-color: #09315b;
}
div.sectionbody div#coupon div.valid div.recap {
  display: block;
}
div.sectionbody div#coupon div.valid div.recap p {
  padding: 20px;
}
div.sectionbody div#coupon div.valid div.recap a {
  margin: 0 auto;
}
div.sectionbody div#coupon div.valid img.bonus {
  display: block;
  margin: 0 auto;
  width: 50px;
  padding-top: 30px;
}
div.sectionbody div#coupon div.valid div.data {
  max-width: 400px;
  margin: 0 auto;
}
div.sectionbody div#coupon div.valid div.data.pad {
  padding-bottom: 20px;
}
div.sectionbody div#coupon div.valid div.data.min {
  max-width: 300px;
}
div.sectionbody div#coupon div.valid div.data span.opt {
  width: 33%;
}
div.sectionbody div#coupon div.valid div.data span.val {
  display: block;
  margin: 5px auto;
  width: 70px;
  border-radius: 4px;
  padding: 0.5em;
  color: white;
  white-space: nowrap;
}
div.sectionbody div#coupon div.valid div.data span.val.stake {
  background-color: #FFD700;
  color: #1d1d1b;
}
div.sectionbody div#coupon div.valid div.data span.val.pend {
  background-color: #0fa810;
  color: white;
}
div.sectionbody div#coupon div.valid div.data span.val.def {
  background-color: #c5c5c5;
  color: white;
}
div.sectionbody div#coupon div.valid div.data span.val.choosestake {
  color: white;
  background-color: #072443;
  cursor: pointer;
}
div.sectionbody div#coupon div.valid div.data span.val.choosestake.active {
  background-color: #FFD700;
  color: #1d1d1b;
}
div.sectionbody div#coupon div.valid div.data span.val.odd, div.sectionbody div#coupon div.valid div.data span.val.oddf {
  background-color: #0a6bac;
}
div.sectionbody div#coupon div.valid div.data span.val.odd.sma, div.sectionbody div#coupon div.valid div.data span.val.oddf.sma {
  background-color: white;
  color: #0a6bac;
  border: 1px solid #0a6bac;
}
div.sectionbody div#coupon div.valid div.data span.val.odd.run, div.sectionbody div#coupon div.valid div.data span.val.oddf.run {
  background-color: #33a3ed;
}
div.sectionbody div#coupon div.valid div.data span.val.odd.big, div.sectionbody div#coupon div.valid div.data span.val.oddf.big {
  background-color: #d11124;
}
div.sectionbody div#coupon div.valid div.data span.val.odd.mid, div.sectionbody div#coupon div.valid div.data span.val.oddf.mid {
  background-color: #024f82;
}
div.sectionbody div#coupon div.valid div.validbtn span.betval, div.sectionbody div#coupon div.valid div.validbtn span.popclose, div.sectionbody div#coupon div.valid div.validbtn span.nobank {
  display: inline-block;
  margin: 0;
  border-radius: 0;
  padding: 15px;
  height: 50px;
  vertical-align: middle;
}
div.sectionbody div#coupon div.valid div.validbtn span.betval {
  width: 35%;
  cursor: pointer;
  background-color: #0fa810;
}
div.sectionbody div#coupon div.valid div.validbtn span.popclose {
  width: 65%;
  cursor: pointer;
  background-color: #575756;
}
div.sectionbody div#coupon div.valid div.validbtn div.restricted {
  display: block;
  width: 100%;
  padding: 50px 10px;
  text-align: center;
  background-color: #072443;
  color: white;
}
div.sectionbody div#coupon div.valid div.validbtn div.restricted span.bank {
  color: #FFD700;
}
div.sectionbody div#coupon div.valid div.validbtn div.restricted a {
  margin-top: 20px;
}
div.sectionbody div#coupon div.valid div.validbtn div.restricted img {
  width: 40px;
}
div.sectionbody div.adminsport div.view {
  display: none;
}
div.sectionbody div.adminsport div.view.active {
  display: block;
}
div.sectionbody div.adminsport div.match {
  margin: 20px auto;
}
div.sectionbody div.adminsport div.grey {
  margin: 10px auto;
}
div.sectionbody div.adminsport div.grey a {
  margin: 10px auto;
}
div.sectionbody div.adminsport span.w10 {
  width: 10%;
  padding: 5px;
}
div.sectionbody div.adminsport span.w20 {
  width: 20%;
  padding: 5px;
}
div.sectionbody div.adminsport span.w30 {
  width: 30%;
  padding: 5px;
}
div.sectionbody div.adminsport span.w40 {
  width: 40%;
  padding: 5px;
}
div.sectionbody div.adminsport span.left {
  text-align: left;
  padding-left: 20px;
}
div.sectionbody div.adminsport a {
  margin: 10px;
}
div.sectionbody div.adminsport div.inputv {
  display: none;
  margin: 0 auto 20px;
  width: 95%;
}
div.sectionbody div.adminsport div.inputv input {
  display: inline-block;
  width: 70%;
}
div.sectionbody div.adminsport div.inputv span.valid {
  width: 20%;
  background-color: #0fa810;
  color: white;
  margin: 0 10px;
  border-radius: 5px;
}
div.sectionbody div.liguecomsec {
  position: fixed;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  bottom: 74px;
  background-color: white;
  max-width: 700px;
  z-index: 2;
}
@media (min-width: 1200px) {
  div.sectionbody div.liguecomsec {
    bottom: 0;
  }
}
div.sectionbody.mrg {
  margin-top: 100px;
}
div.sectionbody.load {
  min-height: 20000px;
}
div.sectionbody h3.ligue {
  margin-top: 40px;
}
div.sectionbody h3.cash {
  margin: 40px auto;
}
div.sectionbody .display_ligueranking {
  display: none;
}
div.sectionbody p.intro {
  display: block;
  margin: 40px auto 10px;
  max-width: 400px;
}
div.sectionbody p.nostat {
  background-color: white;
  padding: 50px 20px;
}
div.sectionbody p.notice {
  display: block;
  margin: 20px auto 0;
  max-width: 400px;
  padding: 0 10px;
}
div.sectionbody div.introbonus {
  text-align: center;
  display: block;
  margin-bottom: 20px;
}
div.sectionbody div.introbonus span {
  display: inline-block;
  vertical-align: baseline;
}
div.sectionbody div.introbonus img.tag {
  width: 40px;
  margin: 0 5px;
}

div.textbox {
  margin-top: 40px;
  padding: 0 10px;
}
div.textbox p {
  margin: 0;
  padding: 0;
}
div.textbox p.tight {
  display: block;
  margin: 0px auto 20px;
  max-width: 350px;
}
div.textbox h2 {
  margin: 20px auto;
}
div.textbox div#playerligue {
  font-size: 20px;
  display: block;
  color: #0a6bac;
}
div.textbox div.pickcom {
  display: block;
  margin: 50px auto;
  background-color: #0a6bac;
  color: white;
  padding: 10px 20px;
  max-width: 400px;
  text-align: center;
  border-radius: 10px;
  cursor: pointer;
}
div.textbox a.viewrules.active, div.textbox a.viewrules2.active {
  background-color: #ddd;
}
div.textbox a.viewrules.active span.logo, div.textbox a.viewrules2.active span.logo {
  background-color: transparent;
}
div.textbox div.classdetail {
  margin-top: 50px;
}
div.textbox div.classdetail p {
  text-align: justify;
}
div.textbox div.classdetail p.center {
  text-align: center;
}
div.textbox div.classdetail h2 {
  margin-bottom: 20px;
}
div.textbox h2.space {
  margin: 30px 0;
}
div.textbox div.defistatut {
  margin: 50px auto;
  max-width: 500px;
}
div.textbox div.defistatut p.statdef {
  padding: 20px 0;
}
div.textbox div.defistatut p.statdef.just {
  text-align: justify;
}
div.textbox div.defistatut p.insuccess {
  margin-top: 20px;
  padding: 10px;
}
div.textbox div.defistatut .defiselector {
  display: block;
  width: 100%;
  margin: 10px auto;
}
div.textbox div.defistatut .defiselector a {
  display: inline-block;
  margin: 10px;
  text-transform: uppercase;
  text-decoration: none;
  width: 150px;
  border-radius: 5px;
  color: #0a6bac;
  border: 1px solid #0a6bac;
}
div.textbox div.defistatut .defiselector a.active {
  background-color: #0a6bac;
  color: white;
}
div.textbox div.defistatut img {
  margin: 20px auto;
  width: 60px;
}
div.textbox div.defistatut img.dcimg {
  display: block;
  margin: 20px auto 0;
  width: 160px;
}
div.textbox div.defistatut div.statutcash {
  display: block;
  width: 95%;
  margin: 80px auto 0;
  background-color: #0a6bac;
  padding: 20px 20px 50px;
  border-radius: 10px;
  color: white;
}
div.textbox div.defistatut div.statutcash img.tag {
  margin-top: -50px;
  width: 80px;
}
div.textbox div.defistatut div.statutcash p {
  margin-top: 20px;
}
div.textbox div.defistatut div.statutcash i.title {
  margin-top: 30px;
  font-size: 30px;
  color: #FFD700;
}

div.nomatch {
  background-color: #f8f8f8;
  border-top: none;
  padding: 15px;
  min-height: 400px;
  text-align: center;
  border-radius: 5px;
}
@media (max-width: 550px) {
  div.nomatch {
    border-radius: 0;
  }
}
div.nomatch img {
  max-width: 50px;
  margin: 60px 0 10px;
}
div.nomatch p {
  max-width: 300px;
  display: block;
  margin: 0 auto;
}

div.agenda {
  margin: 0 auto;
  max-width: 700px;
  min-height: 600px;
  position: relative;
}
div.agenda.load {
  min-height: 20000px;
}
div.agenda .selector {
  position: absolute;
  right: 0;
  margin-top: -6px;
  width: 20%;
  text-align: center;
  margin-right: 1px;
  cursor: pointer;
}
div.agenda .selector i {
  font-size: 16px;
  background-color: rgba(255, 255, 255, 0.2);
  padding: 8px 23px;
  border-radius: 5px;
}
div.agenda .selector svg.fa-spinner {
  margin-top: 6px;
}
div.agenda .games {
  position: relative;
  display: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  max-width: 700px;
  margin-top: 50px;
}
@media (max-width: 900px) {
  div.agenda .games {
    width: 100%;
    padding-right: 0;
    margin: 50px auto;
  }
}
div.agenda .games.active {
  display: block;
}
div.agenda .games div.jour {
  position: relative;
  background-color: #093769;
  min-height: 50px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: #FFF;
  padding: 20px 0;
  padding-left: 20px;
  text-transform: uppercase;
}
@media (max-width: 700px) {
  div.agenda .games div.jour {
    border-radius: 0;
  }
}
div.agenda .games div.jour:not(:first-child) {
  margin-top: 60px;
}
div.agenda .games div.competition {
  background-color: #eee;
  border-top: none;
  padding: 15px;
  font-size: 0.9em;
}
div.agenda .games div.competition img {
  width: 15px;
  margin-right: 10px;
}
div.agenda .games div.match {
  text-align: center;
  padding: 10px 0;
  border: 1px solid #eee;
  border-top: none;
  background-color: white;
  min-height: 60px;
}
div.agenda .games div.match i {
  display: block;
  padding: 4px;
}
div.agenda .games div.match i.fa-circle {
  color: #0fa810;
}
div.agenda .games div.match i.fa-times-circle, div.agenda .games div.match i.fa-stop-circle {
  color: #d11124;
}
div.agenda .games div.match i.fa-pause-circle {
  color: #0a6bac;
}
div.agenda .games div.match i.fa-clock {
  color: #c5c5c5;
}
div.agenda .games div.match span.time {
  width: 12%;
  text-align: right;
  font-size: 0.9em;
}
div.agenda .games div.match span.logos {
  width: 13%;
}
div.agenda .games div.match span.logos img.flag {
  width: 16px;
}
div.agenda .games div.match span.teams {
  width: 35%;
  text-align: left;
}
div.agenda .games div.match span.teams i {
  display: inline-block;
  padding-left: 5px;
}
div.agenda .games div.match span.score {
  width: 20%;
}
div.agenda .games div.match span.score p {
  color: #0a6bac;
  font-weight: 500;
}
div.agenda .games div.match span.score .fcount {
  display: block;
  max-width: 60px;
  margin: 0px auto;
  background-color: #0a6bac;
  border-radius: 10px;
  font-size: 12px;
  color: #fff;
  padding: 1px 0;
}
div.agenda .games div.match span.score .fcount i {
  display: inline-block;
  padding-right: 0.5em;
  color: #FFD700;
}
div.agenda .games div.match span.score .fcount.friend {
  font-weight: 600;
  background-color: #d11124;
}
div.agenda .games div.match span.cta {
  width: 20%;
}
div.agenda .games div.match span.cta i {
  display: inline-block;
  padding: 0;
  vertical-align: middle;
}
div.agenda .games div.match span.spon {
  width: 55%;
  text-align: left;
}

div.userhead {
  background-color: #093769;
  color: white;
  margin: 0 auto 0;
  width: 100%;
  max-width: 900px;
  padding: 35px 10px 0;
  margin-top: 60px;
  height: 160px;
}
div.userhead h1 {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 3px;
}
div.userhead div.incognito {
  display: inline-block;
  width: 30px;
  background-color: gray;
  border-radius: 50%;
  height: 30px;
  padding: 5px;
  fill: white;
  vertical-align: bottom;
  margin-left: 7px;
}
div.userhead p {
  padding: 5px 0px;
}
div.userhead img.tag {
  width: 30px;
  margin-left: 5px;
  display: inline-block;
}
div.userhead img.tpro {
  width: 30px;
  display: inline-block;
  margin-left: 8px;
}
div.userhead img.icon {
  width: 35px;
  margin-left: 5px;
  margin-bottom: 10px;
}
div.userhead div.user-header {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}
div.userhead div.user-header div.head {
  position: relative;
  min-height: 100px;
}
div.userhead div.user-header div.head span.avatar {
  display: inline-block;
  width: 30%;
  position: relative;
}
div.userhead div.user-header div.head span.avatar div.userpicture {
  display: block;
  position: relative;
  width: 90px;
  height: 90px;
  margin: 0 auto;
}
@media (max-width: 550px) {
  div.userhead div.user-header div.head span.avatar div.userpicture {
    width: 70px;
    height: 70px;
  }
}
div.userhead div.user-header div.head span.avatar div.userpicture img.userprofile {
  width: 100%;
  height: 100%;
  border: 1px solid white;
  object-fit: cover;
  border-radius: 50%;
}
div.userhead div.user-header div.head span.avatar a {
  margin-top: 10px;
  color: white;
}
div.userhead div.user-header div.head span.avatar a.button.soc {
  position: absolute !important;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
  width: 22px;
  height: 22px;
  padding: 1px;
}
div.userhead div.user-header div.head span.maininfo {
  display: inline-block;
  width: 70%;
  text-align: left;
  line-height: 1;
}
div.userhead div.user-header div.head span.maininfo span.bank {
  color: #FFD700;
  padding-right: 4px;
}
div.userhead div.user-header div.head span.maininfo a.param {
  display: block;
  margin-top: 5px;
  color: white;
}
div.userhead div.user-header div.head span.maininfo a.param svg {
  width: 14px;
  fill: white;
  margin-right: 5px;
}
@media (max-width: 550px) {
  div.userhead div.user-header div.head span.maininfo {
    padding-left: 20px;
  }
}
div.userhead div.user-header div.body {
  margin-top: 25px;
}

div#login {
  text-align: center;
}
div#login span.userpicture {
  vertical-align: text-bottom;
}
div#login.padbtm {
  padding-top: 100px;
}
div#login div.core {
  margin: 0 auto;
  padding: 100px 20px;
  width: 100%;
  max-width: 720px;
  background-color: white;
  border-radius: 20px;
  min-height: 500px;
}
@media (max-width: 550px) {
  div#login div.core {
    border-radius: 0;
  }
}
div#login div.core div.greet img.ppic {
  border-radius: 50%;
  width: 80px;
}
div#login div.core div.greet img.pbdg {
  width: 40px;
}
div#login div.core div.greet .pbk {
  background-color: #072443;
  color: white;
  padding: 4px;
  width: 120px;
  margin: 20px auto 30px;
  border-radius: 10px;
}
div#login div.core div.checkm {
  margin-top: 20px;
}
div#login div.core img.user {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 5px;
  border-radius: 50%;
}
div#login div.core div.ligueimg {
  margin: 0 auto 20px;
}
div#login div.core div.ligueimg img {
  height: 80px;
  width: 80px;
}
div#login div.core div.ligueimg img.rd {
  border-radius: 50%;
}
div#login div.core div.ligueimg span.lleft {
  text-align: right;
}
div#login div.core div.ligueimg span.lleft img {
  margin-right: -10px;
  margin-left: 0px;
}
div#login div.core div.ligueimg span.lright {
  text-align: left;
}
div#login div.core div.ligueimg span.lright img {
  width: 40px;
  height: 40px;
  margin-right: 0px;
  margin-left: -10px;
}
div#login div.core svg.checkmail {
  fill: #7ac943;
  width: 25px;
}
div#login div.core div.selects, div#login div.core div.selectt {
  margin: 20px auto;
  max-width: 600px;
}
div#login div.core div.selects h3, div#login div.core div.selectt h3 {
  margin-bottom: 20px;
}
div#login div.core div.selects span, div#login div.core div.selectt span {
  width: 25%;
  padding: 5px;
  cursor: pointer;
  border-radius: 10px;
  border: 1px solid transparent;
  vertical-align: top;
  margin-top: 20px;
  max-width: 110px;
}
@media (max-width: 550px) {
  div#login div.core div.selects span.team, div#login div.core div.selectt span.team {
    width: 33%;
  }
}
div#login div.core div.selects span img, div#login div.core div.selectt span img {
  display: block;
  margin: 0 auto;
  margin-bottom: 10px;
  max-width: 60px;
}
@media (max-width: 1200px) {
  div#login div.core div.selects span img, div#login div.core div.selectt span img {
    max-width: 50px;
  }
}
div#login div.core div.selects span:hover, div#login div.core div.selectt span:hover {
  border: 1px solid white;
}
div#login div.core div.selects span.active, div#login div.core div.selectt span.active {
  border: 1px solid white;
}
div#login div.core div.selects a, div#login div.core div.selectt a {
  margin-top: 50px;
}
div#login div.core div.val {
  margin: 20px auto;
  max-width: 500px;
}
div#login div.core div.val h2 {
  margin-bottom: 20px;
}
div#login div.core div.val span {
  width: 100%;
  padding: 5px;
}
div#login div.core div.val span img {
  display: block;
  margin: 0 auto;
  max-width: 80px;
}
div#login div.core h1 {
  margin: 10px;
}
div#login div.core h3.mar {
  margin-bottom: 20px;
}
div#login div.core p {
  margin-bottom: 20px;
  padding: 0 20px;
}
div#login div.core p.tight {
  margin: 0px auto;
  max-width: 500px;
}
div#login div.core p.dwn {
  display: block;
  margin: 40px auto;
  max-width: 500px;
}
div#login div.core a {
  cursor: pointer;
}
div#login div.core a.newcert {
  color: #0a6bac;
}
div#login div.core a.ud {
  text-decoration: underline;
}
div#login div.mail {
  display: none;
}
div#login div.sharedprono {
  padding-bottom: 20px;
}
div#login div.sharedprono span {
  width: 80px;
  margin: 20px 0px 20px -10px;
}
div#login div.sharedprono span:first-child {
  margin: 20px -10px 20px 0;
}
div#login div.sharedprono img.spicon {
  width: 30px;
  display: block;
  margin: 0 auto;
  margin-top: 20px;
}
div#login div.sharedprono p.sbet {
  display: block;
  margin: 0 auto;
  padding: 5px;
  border-radius: 10px;
  color: white;
  width: 200px;
}
div#login div.sharedprono p.clear {
  margin: 0;
}
div#login div.sharedprono p.matchd:first-letter {
  text-transform: uppercase;
}
div#login div.sharedprono p.pend {
  background-color: white;
  border: 1px solid #0a6bac;
  color: #0a6bac;
}
div#login div.sharedprono p.win {
  background-color: #0fa810;
}
div#login div.sharedprono p.lost {
  background-color: #d11124;
}
div#login div.sharedprono p.void {
  background-color: #0a6bac;
}
div#login div.sharedprono span.resstat {
  max-width: 200px;
  margin-bottom: 20px;
}

div.userbets p {
  text-align: left;
}
div.userbets p.inerror {
  padding: 10px;
  text-align: center;
}
div.userbets p.center {
  text-align: center;
}
div.userbets svg.pause {
  fill: none;
  width: 18px;
  vertical-align: text-bottom;
  margin-left: 5px;
}
div.userbets svg.perf {
  width: 14px;
}
div.userbets svg.stat {
  width: 100%;
  vertical-align: middle;
}
div.userbets svg.clear {
  fill: none;
}
div.userbets svg.pend {
  fill: #FFD700;
}
div.userbets svg.void {
  fill: #0a6bac;
}
div.userbets svg.lose {
  fill: #d11124;
}
div.userbets svg.win {
  fill: #0fa810;
}
div.userbets h3 {
  padding-top: 20px;
}
div.userbets span.serie {
  border-radius: 50%;
  text-align: center;
  color: #0fa810;
  width: 28px;
  border: 1px solid #0fa810;
  height: 28px;
  line-height: 26px;
  background-color: white;
}
div.userbets img.sport {
  width: 25px;
  margin: 0 10px;
  display: inline-block;
}
div.userbets i.marker {
  margin-left: 5px;
  margin-bottom: 3px;
  color: #696969;
  font-size: 15px;
  vertical-align: middle;
}
div.userbets div.summary {
  display: block;
  margin: 15px 0 0;
  background-color: white;
  color: #696969;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 15px 20px;
  cursor: pointer;
  text-align: left;
}
div.userbets div.summary.active {
  color: white;
  background-color: #093769;
}
@media (max-width: 700px) {
  div.userbets div.summary {
    border-radius: 0;
  }
}
div.userbets div.summary span.month {
  display: inline-block;
  text-transform: uppercase;
  width: 40%;
}
div.userbets div.summary span.kpi {
  display: inline-block;
  text-transform: uppercase;
  width: 60%;
  text-align: right;
}
div.userbets div.summary span.kpi p {
  display: inline-block;
  vertical-align: middle;
}
div.userbets div.summary span.kpi img {
  width: 40px;
}
div.userbets div.result {
  margin: 0 auto;
  max-width: 700px;
}
div.userbets div.bet {
  display: block;
  margin: 0 auto;
  margin-bottom: 30px;
}
div.userbets div.bet div.header {
  position: relative;
  display: block;
  text-align: left;
  width: 100%;
  background-color: #eee;
  padding: 10px 20px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
@media (max-width: 550px) {
  div.userbets div.bet div.header {
    border-radius: 0;
  }
}
div.userbets div.bet div.body {
  display: block;
  width: 100%;
  background-color: white;
  padding: 10px;
  height: 120px;
}
div.userbets div.bet div.body p {
  font-size: 14px;
}
div.userbets div.bet div.body p.game {
  font-size: 15px;
  padding-bottom: 10px;
}
div.userbets div.bet div.body span.betsummary {
  display: inline-block;
  width: 70%;
  padding-left: 10px;
  text-align: left;
}
div.userbets div.bet div.body span.betsummary span.hidebet {
  display: inline-block;
  width: 80%;
  max-width: 300px;
  text-align: center;
  background-color: #cccbcb;
  color: white;
  border-radius: 10px;
}
div.userbets div.bet div.body span.betsummary span.cmise {
  vertical-align: bottom;
}
div.userbets div.bet div.body span.betcta {
  display: inline-block;
  width: 30%;
  text-align: center;
}
div.userbets div.bet div.body span.betcta span.icon {
  display: block;
  margin: 0 auto;
}
div.userbets div.bet div.body span.betcta span.icon svg {
  max-height: 30px;
  vertical-align: bottom;
}
div.userbets div.bet div.body span.betcta span.icon.cta {
  max-width: 140px;
}
div.userbets div.bet div.body span.betcta span.icon.cta svg {
  max-height: 25px;
}
div.userbets div.bet div.body span.betcta span.icon span.elm {
  width: 33%;
}
div.userbets div.bet div.body span.betcta span.icon i {
  font-size: 26px;
  vertical-align: middle;
}
div.userbets div.bet div.body span.betcta span.pickshare, div.userbets div.bet div.body span.betcta span.pickmod {
  padding: 5px;
  cursor: pointer;
  color: #0a6bac;
}
div.userbets div.bet div.body span.betcta span.pickshare i, div.userbets div.bet div.body span.betcta span.pickmod i {
  font-size: 12px;
  padding: 6px;
  border-radius: 50%;
  border: 1px solid #0a6bac;
}
div.userbets div.bet div.body span.betcta span.topscore {
  display: block;
  margin: 5px auto;
}
div.userbets div.bet div.body span.betcta .fa-clock {
  color: #FFD700;
}
div.userbets div.bet div.body span.betcta .fa-times-circle {
  color: #d11124;
}
div.userbets div.bet div.body span.betcta .fa-times-circle.def {
  color: #696969;
}
div.userbets div.bet div.body span.betcta .fa-check-circle {
  color: #0fa810;
}
div.userbets div.bet div.body span.betcta .fa-check-circle.def {
  color: #696969;
}
div.userbets div.bet div.body span.betcta .fa-ban {
  color: #0a6bac;
}
div.userbets div#loadhist {
  margin: 0 auto;
  max-width: 280px;
  background-color: white;
  color: #0a6bac;
  cursor: pointer;
  border: 1px solid #0a6bac;
  border-radius: 5px;
  padding: 8px;
}
div.userbets span.hidepari {
  width: 100%;
  display: block;
  padding: 0 10px;
  background-color: #909090;
  color: white;
  border-radius: 20px;
  text-align: center;
  max-width: 350px;
}

div.challengeunit {
  display: block;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 50px;
}
div.challengeunit div.bdet {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
div.challengeunit div.header {
  position: relative;
  display: block;
  width: 100%;
  background-color: #093769;
  padding: 0px 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  height: 60px;
}
@media (max-width: 700px) {
  div.challengeunit div.header {
    border-radius: 0;
  }
}
div.challengeunit div.header svg {
  fill: white;
  width: 40px;
  height: 100%;
  display: block;
  margin-left: 45px;
}
div.challengeunit div.header.feat p {
  color: white;
  font-weight: 500;
}
div.challengeunit div.header p {
  text-transform: uppercase;
  color: white;
  text-align: left;
  margin: 0;
}
div.challengeunit div.header span {
  margin-left: 10px;
  font-weight: 500;
  color: #0070ba;
  background-color: #fff;
  text-align: center;
  padding: 5px 10px;
  border-radius: 5px;
  margin-top: -5px;
}
div.challengeunit div.header span.was {
  text-decoration: line-through;
  color: #054c7b;
  background-color: #FFD700;
}
div.challengeunit div.header span.now {
  color: white;
  background-color: #0fa810;
  padding: 5px 15px;
}
div.challengeunit div.header span.prem {
  color: #054c7b;
  background-color: #FFD700;
}
div.challengeunit div.body {
  display: block;
  width: 100%;
  background-color: white;
  padding: 0px 10px;
  border-bottom: 1px solid #ddd;
  height: 90px;
}
div.challengeunit div.body.mark {
  background-color: #ffd70069;
}
div.challengeunit div.body span.challengeicon {
  width: 20%;
  text-align: center;
}
div.challengeunit div.body span.badgesummary {
  width: 60%;
}
div.challengeunit div.body span.icon {
  width: 20%;
}
div.challengeunit div.body span.icon i {
  font-size: 20px;
  color: white;
  background-color: #0fa810;
  padding: 10px;
  border-radius: 50%;
}
div.challengeunit div.body span.bonusicon {
  width: 20%;
  text-align: center;
}
div.challengeunit div.body span.bonussummary {
  width: 55%;
}
div.challengeunit div.body span.bonussummary i {
  vertical-align: middle;
}
div.challengeunit div.body span.bonussummary p.viewdet {
  cursor: pointer;
}
div.challengeunit div.body span.bonussummary.mod {
  width: 80%;
}
div.challengeunit div.body span.bonuscta {
  width: 25%;
}
div.challengeunit div.body span.bonuscta span.mdet {
  cursor: pointer;
}
div.challengeunit div.body span.bonuscta span.settled i {
  font-size: 20px;
  color: white;
  padding: 10px;
  border-radius: 50%;
}
div.challengeunit div.body span.bonuscta span.settled i.fa-check-circle {
  background-color: #0fa810;
}
div.challengeunit div.body span.bonuscta span.settled i.fa-circle-xmark {
  background-color: #2c2c2a;
}
div.challengeunit div.body span.bonuscta span.settled i.fa-circle-xmark {
  background-color: #2c2c2a;
}
div.challengeunit div.body span.bonuscta span.settled i.fa-clock {
  background-color: #eee;
}
div.challengeunit div.body span.bonuscta span.settled i.fa-circle-question {
  background-color: #0a6bac;
}
div.challengeunit div.body span.bonuscta span.pending i {
  font-size: 20px;
  color: white;
  padding: 10px;
  border-radius: 50%;
  background-color: #ddd;
}
div.challengeunit div.body img.icon {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 60px;
}
@media (max-width: 550px) {
  div.challengeunit div.body img.icon {
    max-width: 53px;
  }
}
div.challengeunit div.body p {
  text-align: left;
  margin: 0;
  padding: 0 10px;
  font-size: 13px;
}
div.challengeunit div.body p.info {
  color: #0a6bac;
  font-size: 15px;
  text-transform: uppercase;
}
div.challengeunit div.body p.bonus {
  color: #1d1d1b;
}
div.challengeunit div.body p.bonus i {
  color: #0fa810;
}
div.challengeunit div.body p.bonus span.gains {
  border-radius: 10px;
  text-align: center;
  color: white;
  background-color: #0fa810;
  padding: 4px 10px;
}
div.challengeunit div.body p.bonus span.serie {
  border-radius: 50%;
  text-align: center;
  color: #0fa810;
  background-color: white;
  padding-top: 5px;
  width: 35px;
  display: inline-block;
  border: 1px solid #0fa810;
  height: 35px;
  font-size: 15px;
}

div.userstats ul.navopenclose {
  max-width: 550px;
}
div.userstats ul.navopenclose li {
  padding: 0;
  width: 20%;
}
div.userstats ul.navopenclose li a {
  border: none;
  height: 40px;
  max-width: 100px;
}
div.userstats ul.navopenclose li img {
  height: 30px;
  -webkit-filter: grayscale(1);
}
div.userstats ul.navopenclose li.active a {
  border: 1px solid #ddd;
  height: 40px;
  background-color: white;
}
div.userstats ul.navopenclose li.active img {
  -webkit-filter: none;
}
div.userstats p {
  margin: 0;
  padding: 0;
}
div.userstats svg {
  width: 20px;
  vertical-align: text-bottom;
}
div.userstats svg.perf {
  width: 15px;
  vertical-align: middle;
  fill: #0a6bac;
}
div.userstats svg.up {
  fill: #0fa810;
}
div.userstats svg.dwn {
  fill: #d11124;
}
div.userstats a {
  cursor: pointer;
}
div.userstats a.topmore {
  display: block;
  padding: 10px;
  margin-bottom: 40px;
}
div.userstats a.flopmore {
  display: block;
  padding: 10px;
}
div.userstats div.topheader, div.userstats div.flopheader {
  display: block;
  width: 100%;
  background-color: #093769;
  padding: 15px 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: white;
  text-transform: uppercase;
}
@media (max-width: 700px) {
  div.userstats div.topheader, div.userstats div.flopheader {
    border-radius: 0;
  }
}
div.userstats div.topranking, div.userstats div.flopranking {
  display: block;
  width: 100%;
  background-color: white;
  text-align: center;
  margin-bottom: 50px;
}
div.userstats div.topranking .header, div.userstats div.flopranking .header {
  background-color: #eee;
  padding: 10px 0px;
}
div.userstats div.topranking .team, div.userstats div.flopranking .team {
  border-bottom: 1px solid #eee;
  padding: 10px 0px;
}
div.userstats div.topranking span.rank, div.userstats div.flopranking span.rank {
  width: 10%;
}
div.userstats div.topranking span.teamname, div.userstats div.flopranking span.teamname {
  width: 25%;
  text-align: left;
}
@media (max-width: 550px) {
  div.userstats div.topranking span.teamname, div.userstats div.flopranking span.teamname {
    width: 30%;
  }
}
div.userstats div.topranking span.var, div.userstats div.flopranking span.var {
  width: 10%;
}
div.userstats div.topranking span.gain, div.userstats div.flopranking span.gain {
  width: 15%;
}
div.userstats div.topranking span.gain p, div.userstats div.flopranking span.gain p {
  color: white;
  border-radius: 5px;
  padding: 5px;
  margin: 0 auto;
  max-width: 60px;
}
div.userstats div.topranking span.gain p.pos, div.userstats div.flopranking span.gain p.pos {
  background-color: #0fa810;
}
div.userstats div.topranking span.gain p.neg, div.userstats div.flopranking span.gain p.neg {
  background-color: #d11124;
}
div.userstats div.topranking span.play, div.userstats div.flopranking span.play {
  width: 5%;
}
@media (max-width: 550px) {
  div.userstats div.topranking span.play, div.userstats div.flopranking span.play {
    display: none;
  }
}
div.userstats div.topranking span.win, div.userstats div.flopranking span.win {
  width: 5%;
}
@media (max-width: 550px) {
  div.userstats div.topranking span.win, div.userstats div.flopranking span.win {
    display: none;
  }
}
div.userstats div.topranking span.lose, div.userstats div.flopranking span.lose {
  width: 5%;
}
@media (max-width: 550px) {
  div.userstats div.topranking span.lose, div.userstats div.flopranking span.lose {
    display: none;
  }
}
div.userstats div.topranking span.dyn, div.userstats div.flopranking span.dyn {
  width: 25%;
}
@media (max-width: 550px) {
  div.userstats div.topranking span.dyn, div.userstats div.flopranking span.dyn {
    width: 35%;
  }
}

div#userinfo p {
  padding: 0 10px;
}
div#userinfo h2 {
  margin-bottom: 20px;
}
div#userinfo div.tab-content {
  min-height: 0;
}
div#userinfo div.spec {
  margin: 20px auto;
}
div#userinfo div.spec.w3 {
  max-width: 450px;
}
div#userinfo div.spec.w3 span {
  width: 33%;
}
div#userinfo div.spec.w3 span.low {
  padding-top: 50px;
}
div#userinfo div.spec.w3 span.teamperf {
  width: 80%;
}
div#userinfo div.spec.w4 {
  max-width: 600px;
}
div#userinfo div.spec.w4 span {
  width: 25%;
}
div#userinfo div.spec img {
  padding: 10px 0;
  width: 60px;
}
div#userinfo div.spec img.icon {
  width: 50px;
}
div#userinfo div.spec img.team {
  width: 60px;
}
div#userinfo div.spec svg {
  width: 13px;
}
div#userinfo div.stats ul.navopenclose {
  margin-top: 40px;
  max-width: 550px;
}
div#userinfo div.stats ul.navopenclose li {
  padding: 0;
  width: 20%;
}
div#userinfo div.stats ul.navopenclose li a {
  border: none;
  height: 40px;
  max-width: 100px;
}
div#userinfo div.stats ul.navopenclose li img {
  height: 30px;
  -webkit-filter: grayscale(1);
}
div#userinfo div.stats ul.navopenclose li.active a {
  border: 1px solid #ddd;
  height: 40px;
  background-color: white;
}
div#userinfo div.stats ul.navopenclose li.active img {
  -webkit-filter: none;
}
div#userinfo div.stats div#topteam {
  text-align: left;
}
div#userinfo div.stats div#topteam span.team {
  width: 20%;
  text-align: center;
}
div#userinfo div.stats div#topteam span.team img {
  width: 100%;
  max-width: 40px;
}
div#userinfo div.stats div#topteam span.team p {
  font-size: 12px;
}
div#userinfo div.badges {
  display: block;
  width: 100%;
  text-align: center;
  max-width: 400px;
  margin: 0 auto;
}
div#userinfo div.badges span.bdg {
  display: inline-block;
  width: 20%;
  margin: 10px 0px;
}
div#userinfo div.badges span.bdg img.icon {
  max-width: 60px;
}

div#settings {
  display: block;
  margin: 0 auto;
  max-width: 450px;
}
div#settings p.lintro {
  word-wrap: break-word;
  white-space: pre-wrap;
  margin-top: 10px;
}
div#settings p.team {
  margin-top: 10px;
}
div#settings a.lurl {
  display: block;
  margin: 10px auto;
  text-transform: uppercase;
}
div#settings a.editligue {
  cursor: pointer;
  display: block;
  text-transform: uppercase;
  margin-top: 20px;
}
div#settings a.exitligue {
  color: #d11124;
  cursor: pointer;
  display: block;
  text-transform: uppercase;
  margin-top: 20px;
}
div#settings img.sport {
  width: 50px;
}
div#settings img.logo {
  width: 60px;
}
div#settings img.profile-user-img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border-radius: 50%;
  margin: 10px;
}
@media (max-width: 550px) {
  div#settings img.profile-user-img {
    margin: 0 auto;
  }
}
div#settings img.profile-user-img.sup {
  border-radius: 0;
}
div#settings div.ligue {
  padding: 0 20px;
}
div#settings div.param {
  padding: 10px;
  width: 100%;
}
div#settings div.param.hide {
  display: none;
}
div#settings div.param:not(:last-child) {
  border-bottom: 1px solid #ddd;
}
div#settings span.title {
  width: 100%;
  padding: 10px;
  text-transform: uppercase;
}
div#settings span.input {
  text-align: center;
  font-size: 16px;
  padding: 0 20px;
  width: 100%;
}
div#settings span.input p.insuccess, div#settings span.input p.inerror {
  max-width: 200px;
  margin: 10px auto 0;
  border-radius: 10px;
}
div#settings span.edit {
  text-align: center;
  font-size: 16px;
  color: #0a6bac;
  width: 100%;
  padding: 10px;
}
div#settings span.edit.click {
  cursor: pointer;
}
div#settings span.edit i {
  font-size: 20px;
  display: block;
}
div#settings span.edit button {
  display: none;
  border: none;
  margin: 0 auto;
  text-align: center;
  padding: 8px 25px;
  background-color: #0fa810;
  color: white;
  border-radius: 5px;
  font-size: 16px;
}
div#settings span.edit button:hover {
  cursor: pointer;
}
@media (max-width: 550px) {
  div#settings span.edit button {
    left: 0px;
    right: 0px;
    margin: 0 auto;
  }
}
div#settings span.edit .mlr-auto {
  display: inline-block;
  margin-right: auto;
  margin-left: auto;
}
div#settings span.edit .custom-checkbox-slider {
  position: relative;
  margin-right: 40px;
}
div#settings span.edit .custom-checkbox-slider:checked::before {
  transform: translateX(150%);
}
div#settings span.edit .custom-checkbox-slider:checked::after {
  background: #0fa810;
}
div#settings span.edit .custom-checkbox-slider::after, div#settings span.edit .custom-checkbox-slider::before {
  content: "";
  top: -2px;
  left: -2px;
  position: absolute;
  transition: all 0.3s ease-in-out;
}
div#settings span.edit .custom-checkbox-slider::after {
  background: #d11124;
  width: 50px;
  height: 20px;
  border-radius: 10px;
  outline: none;
}
div#settings span.edit .custom-checkbox-slider::before {
  width: 18px;
  height: 18px;
  left: 1px;
  top: -1px;
  border-radius: 50%;
  background: white;
  z-index: 1;
  outline: none;
}
div#settings div.modbio {
  color: #0a6bac;
  text-align: center;
  cursor: pointer;
}
div#settings div.modbio:hover {
  text-decoration: underline;
}
div#settings span.biocount {
  font-size: 0.85em;
  color: #696969;
}
div#settings div.controls {
  margin-bottom: 30px;
}
div#settings div.avatar-upload {
  position: relative;
  margin: 0px auto;
}
div#settings div.avatar-edit input {
  display: none;
}
div#settings div.avatar-edit input + label {
  cursor: pointer;
  color: #0a6bac;
}

div.comsection {
  width: 100%;
  margin-top: 30px;
  padding-bottom: 30px;
}
div.comsection div.msg {
  display: block;
  width: 100%;
  background-color: white;
  border-bottom: 1px solid #eee;
  min-height: 70px;
}
div.comsection div.msg.main {
  background-color: #093769;
  border-bottom: none;
  color: white;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  text-transform: uppercase;
  text-align: left;
}
@media (max-width: 700px) {
  div.comsection div.msg.main {
    border-radius: 0;
  }
}
div.comsection div.msg.main img {
  width: 35px;
  height: 35px;
}
div.comsection div.msg.main img.userprofile {
  border: 1px solid white;
}
div.comsection div.msg div.pick {
  background-color: #f8f8f8;
  border: 1px solid #eee;
  border-bottom: none;
}
div.comsection div.msg div.typereac.on {
  margin-bottom: 20px;
}
div.comsection div.msg div.typereac span.selsmi {
  cursor: pointer;
  width: 15%;
  max-width: 60px;
  font-size: 25px;
}
div.comsection span.user {
  width: 15%;
  text-align: center;
}
div.comsection span.user img {
  margin: 15px auto;
  border-radius: 50%;
  width: 100%;
  max-height: 50px;
  max-width: 50px;
}
div.comsection span.user img.nb {
  border-radius: 0;
}
@media (max-width: 700px) {
  div.comsection span.user img {
    max-height: 45px;
    max-width: 45px;
  }
}
div.comsection span.user img.sport {
  max-height: 30px;
  max-width: 30px;
}
div.comsection span.user.mod {
  vertical-align: top;
}
div.comsection span.user.mod img {
  margin-top: 15px;
}
div.comsection span.det {
  width: 85%;
  text-align: left;
  padding: 15px;
}
div.comsection span.det img.flag {
  width: 15px;
  margin-right: 5px;
}
div.comsection span.det textarea, div.comsection span.det span.txt {
  border-radius: 20px;
  background-color: #f8f8f8;
  width: 100%;
  height: 40px;
}
div.comsection span.det span.txt {
  cursor: pointer;
  display: block;
}
div.comsection span.det span.txt:hover {
  background-color: #ddd;
}
div.comsection span.det.mod {
  width: 65%;
}
div.comsection span.det p.date {
  text-align: left;
  color: #b2b2b1;
}
div.comsection span.det p.commentaire {
  margin: 0;
  text-align: justify;
  white-space: pre-wrap;
  max-width: 500px;
}
div.comsection span.det p.commentaire span {
  display: block;
}
div.comsection span.det p.commentaire span.lmt {
  margin-right: 40px;
}
div.comsection span.det p.commentaire span.l0 {
  color: #1d1d1b;
}
div.comsection span.det p.commentaire span.l1 {
  color: #d11124;
}
div.comsection span.det p.commentaire span.l2 {
  color: #0fa810;
}
div.comsection span.det p.commentaire span.l3 {
  color: #0a6bac;
}
div.comsection span.det p.commentaire span.l4 {
  color: #696969;
}
div.comsection span.det div.meta span.icon {
  width: 30px;
  height: 30px;
  text-align: center;
  font-size: 20px;
  line-height: 29px;
}
div.comsection span.det div.meta span.totv {
  padding-left: 10px;
}
div.comsection span.det div.meta span.react, div.comsection span.det div.meta span.reac1 {
  cursor: pointer;
  display: inline-block;
  width: 70%;
  color: #696969;
  vertical-align: middle;
}
div.comsection span.det div.meta span.react.active, div.comsection span.det div.meta span.reac1.active {
  color: #ddd;
}
div.comsection span.det div.meta span.viewreac {
  width: 30%;
  text-align: right;
  cursor: pointer;
}
div.comsection span.det div.meta span.viewreac span.icon {
  border: 1px solid #ddd;
  border-radius: 50%;
}
div.comsection span.det span.viewallmsg {
  color: #0a6bac;
  text-align: left;
  cursor: pointer;
  display: block;
  margin-top: 10px;
}
div.comsection span.detimg {
  display: inline-block;
  width: 20%;
  text-align: center;
  cursor: pointer;
  color: #0a6bac;
}
div.comsection span.detimg.val {
  color: #cccbcb;
}
div.comsection span.detimg.active {
  color: #ddd;
}
div.comsection span.detimg p {
  font-size: 12px;
  margin: 0;
}
div.comsection span.detimg img {
  max-width: 30px;
}
div.comsection span.detimg img.bdg {
  max-width: 50px;
}
div.comsection span.detimg img.rd {
  border-radius: 50%;
}
div.comsection span.detimg i {
  font-size: 25px;
}
div.comsection span.detimg i.fa-circle-info {
  color: #ddd;
}

div.liguesetting div.memberligue {
  margin-top: 30px;
  margin-bottom: 80px;
}
div.liguesetting div.headligue {
  background-color: #093769;
  color: white;
  padding: 15px 0;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
@media (max-width: 700px) {
  div.liguesetting div.headligue {
    border-radius: 0;
  }
}
div.liguesetting div.ligueuser {
  background-color: white;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  padding: 5px 0;
}
div.liguesetting div.ligueuser input {
  border: none;
  padding: 0;
  max-width: none;
}
div.liguesetting div.ligueuser.blank {
  background-color: #f8f8f8;
}
@media (max-width: 700px) {
  div.liguesetting div.ligueuser {
    border-left: none;
    border-right: none;
  }
}
div.liguesetting span.num {
  width: 10%;
}
div.liguesetting span.profile {
  width: 15%;
}
div.liguesetting span.user {
  width: 35%;
  text-align: left;
  padding-left: 10px;
}
div.liguesetting span.user.mod {
  width: 75%;
}
div.liguesetting span.user span.friend {
  background-color: #eee;
  padding: 1px 10px;
  border-radius: 5px;
  font-size: 12px;
  width: 70px;
  text-align: center;
}
div.liguesetting span.user img.teamfav {
  width: 22px;
  display: inline-block;
  margin-left: 3px;
  padding-bottom: 3px;
}
div.liguesetting span.spec {
  width: 20%;
}
div.liguesetting span.spec img {
  max-width: 35px;
}
@media (max-width: 550px) {
  div.liguesetting span.spec img {
    max-width: 30px;
  }
}
div.liguesetting span.spec img.sport {
  max-width: 25px;
}
div.liguesetting span.admin {
  width: 20%;
  text-align: center;
}
div.liguesetting span.admin span.cta1 {
  margin-right: 10px;
}
div.liguesetting span.admin span.cta, div.liguesetting span.admin span.cta1, div.liguesetting span.admin span.cta2 {
  cursor: pointer;
}
div.liguesetting span.admin span.cta i, div.liguesetting span.admin span.cta1 i, div.liguesetting span.admin span.cta2 i {
  font-size: 20px;
}
div.liguesetting span.admin span.cta.t1, div.liguesetting span.admin span.cta1.t1, div.liguesetting span.admin span.cta2.t1 {
  color: #d11124;
}
div.liguesetting span.admin span.cta.t2, div.liguesetting span.admin span.cta1.t2, div.liguesetting span.admin span.cta2.t2 {
  color: #0a6bac;
}
div.liguesetting span.admin span.cta.t3, div.liguesetting span.admin span.cta1.t3, div.liguesetting span.admin span.cta2.t3 {
  color: #ddd;
}
div.liguesetting span.admin span.cta.t4, div.liguesetting span.admin span.cta1.t4, div.liguesetting span.admin span.cta2.t4 {
  color: #0fa810;
}
div.liguesetting span.search {
  width: 80%;
  text-align: left;
  padding-left: 10px;
}
div.liguesetting span.register {
  width: 20%;
}
div.liguesetting span.info {
  width: 40%;
  text-align: left;
  padding: 10px 0 10px 10px;
}

div.rules, div.rules2 {
  display: none;
}
div.rules.active, div.rules2.active {
  display: block;
}
div.rules img, div.rules2 img {
  width: 100%;
  max-width: 400px;
}
div.rules p, div.rules2 p {
  padding: 10px;
  text-align: justify;
}
div.rules h3, div.rules2 h3 {
  padding-left: 10px;
}
div.rules a, div.rules2 a {
  display: block;
  margin: 20px auto;
  text-align: center;
}
div.rules a.inline, div.rules2 a.inline {
  display: inline-block;
  margin: 0;
}
div.rules div.pal, div.rules2 div.pal {
  display: block;
  margin: 20px auto;
}
div.rules div.pal span.icon, div.rules2 div.pal span.icon {
  width: 25%;
  text-align: center;
}
div.rules div.pal span.icon img, div.rules2 div.pal span.icon img {
  width: 100%;
  max-width: 50px;
}
div.rules div.pal span.icon p.num, div.rules2 div.pal span.icon p.num {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #0a6bac;
  color: white;
  text-align: center;
  margin: 0 auto;
  line-height: 30px;
  padding: 0;
}
div.rules div.pal span.txt, div.rules2 div.pal span.txt {
  width: 75%;
  text-align: left;
}

div.defi {
  display: block;
  margin: 0px auto 30px;
  width: 100%;
}
div.defi span {
  width: 100%;
}
div.defi span img {
  width: 15%;
  max-width: 50px;
}

div.defidet {
  display: block;
  width: 100%;
  background-color: white;
  padding: 20px 0px;
  margin: 20px auto;
}
div.defidet.nb {
  border-bottom: none;
  padding: 0px;
}
div.defidet span.us {
  width: 23%;
}
div.defidet span.us p {
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: #0a6bac;
}
div.defidet span.us span.userpicture {
  display: block;
  position: relative;
  width: 50px;
  margin: 0 auto;
}
div.defidet span.us span.userpicture img.userprofile {
  width: 100%;
  object-fit: cover;
  border-radius: 50%;
}
div.defidet span.us span.userpicture img.teamfav {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 0;
  left: 0;
  margin-left: -8px;
}
div.defidet span.level {
  width: 54%;
}
div.defidet span.level img {
  width: 40px;
}
div.defidet span.level img.dcimg {
  display: block;
  width: 60px;
  margin: 0 auto;
  margin-top: 5px;
}
div.defidet span.statut {
  width: 23%;
  cursor: pointer;
}
div.defidet span.statut i {
  font-size: 25px;
}
div.defidet span.statut i.fa-plus-circle {
  color: #0a6bac;
}
div.defidet span.statut i.fa-minus-circle {
  color: #ddd;
}
div.defidet span.statut svg {
  width: 25px;
}
div.defidet span.statut svg.plus {
  fill: #0a6bac;
}
div.defidet span.statut svg.minus {
  fill: #ddd;
}
div.defidet div.det {
  display: block;
  width: 100%;
  background-color: white;
  margin-top: 20px;
}
div.defidet div.det span.round {
  width: 23%;
}
div.defidet div.det span.round a {
  margin: 20px auto;
}
div.defidet div.det span.round img.round {
  max-width: 50px;
}
div.defidet div.det span.round img.book {
  width: 90%;
  max-width: 120px;
}
div.defidet div.det span.pari {
  width: 77%;
}
div.defidet div.det span.pari div.pickdet {
  display: block;
  width: 100%;
  text-align: center;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
div.defidet div.det span.pari div.pickdet:last-child {
  border-bottom: none;
}
div.defidet div.det span.pari div.pickdet span.lose, div.defidet div.det span.pari div.pickdet span.win, div.defidet div.det span.pari div.pickdet span.pend, div.defidet div.det span.pari div.pickdet span.void, div.defidet div.det span.pari div.pickdet span.hidebet {
  display: block;
  width: 100%;
  padding: 0;
}
div.defidet div.det span.pari div.pickdet span.lose {
  color: #d11124;
}
div.defidet div.det span.pari div.pickdet span.win {
  color: #0fa810;
}
div.defidet div.det span.pari div.pickdet span.void {
  color: #696969;
}
div.defidet div.det span.pari div.pickdet span.hidebet {
  color: #696969;
}
div.defidet div.det span.pari div.pickdet span.img {
  display: inline-block;
  width: 20%;
}
div.defidet div.det span.pari div.pickdet span.img img.sport {
  width: 30px;
}
div.defidet div.det span.pari div.pickdet span.game {
  width: 80%;
  text-align: left;
  padding: 10px;
}
div.defidet div.det span.pari div.pickdet span.game img.sport {
  width: 20px;
}
div.defidet div.det span.pari div.pickdet span.game span.perf {
  min-width: 50px;
  padding: 5px 10px;
  background-color: #ddd;
  border-radius: 5px;
  color: white;
}
div.defidet div.det span.pari div.pickdet span.game span.perf.pos {
  background-color: #0fa810;
}
div.defidet div.det span.pari div.pickdet span.game span.perf.neg {
  background-color: #d11124;
}

div.nodfpick {
  margin: 50px auto;
}
div.nodfpick img {
  width: 60px;
}
div.nodfpick p {
  margin-top: 20px;
}

div.formdash {
  display: block;
  margin: 20px auto;
  width: 100%;
  border: 1px solid;
  padding: 20px;
}
div.formdash input, div.formdash select {
  border: 1px solid #ddd;
}
div.formdash div.input {
  display: block;
  width: 100%;
  padding: 10px 0;
}
div.formdash span.title {
  width: 50%;
}
div.formdash span.input {
  width: 50%;
}
div.formdash button {
  width: 200px;
  margin: 20px auto;
  display: block;
}
div.formdash button.valdc {
  background-color: #0fa810;
}
div.formdash button.moddc {
  background-color: #0a6bac;
}
div.formdash button.cancdc {
  background-color: #d11124;
}

div.selpg {
  display: block;
  margin: 20px auto;
}
div.selpg .pariselect {
  display: block;
  width: 90%;
  margin: 0 auto;
  color: #0a6bac;
  background-color: white;
  border: 1px solid #0a6bac;
  border-radius: 10px;
  margin: 20px;
  padding: 10px 0;
  cursor: pointer;
}
div.selpg .pariselect span.game {
  width: 80%;
  text-align: left;
  border: none;
  color: #1d1d1b;
  padding: 0 10px;
}
div.selpg .pariselect span.game span.pend {
  display: block;
  color: #0a6bac;
}
div.selpg .pariselect span.img {
  display: inline-block;
  width: 20%;
}
div.selpg .pariselect span.pos, div.selpg .pariselect span.neg, div.selpg .pariselect span.neu {
  border-radius: 5px;
  margin: 0 3px;
  min-width: 60px;
  text-align: center;
  padding: 0 5px;
}
div.selpg .pariselect span.pos {
  background-color: #0fa810;
  color: white;
}
div.selpg .pariselect span.neg {
  background-color: #d11124;
  color: white;
}
div.selpg .pariselect span.neu {
  background-color: #ddd;
}
div.selpg .pariresume {
  display: none;
  width: 100%;
  margin: 0 auto;
  padding: 20px 0;
  max-width: 500px;
}
div.selpg .pariresume .resume {
  display: block;
  width: 100%;
}
div.selpg .pariresume .resume span#combodds {
  font-weight: 500;
  color: #0a6bac;
}
div.selpg .pariresume .resume span#comboerror {
  font-weight: 500;
  color: #d11124;
}
div.selpg .pariresume .resume span#combogains p {
  padding: 5px 20px;
  font-weight: 500;
  color: white;
  background-color: #0fa810;
  border-radius: 5px;
  display: inline-block;
}
div.selpg .pariresume .resume span.mise {
  width: 25%;
  padding: 5px;
  cursor: not-allowed;
}
div.selpg .pariresume .resume span.mise span.value {
  background-color: #ddd;
  color: white;
  border-radius: 5px;
  width: 100%;
  display: block;
  padding: 5px 0;
}
div.selpg .pariresume .resume span.mise.select {
  cursor: pointer;
}
div.selpg .pariresume .resume span.mise.select span.value {
  background-color: white;
  border: 1px solid #ddd;
  color: #1d1d1b;
}
div.selpg .pariresume .resume span.mise.select.active span.value {
  background-color: #072443;
  color: white;
}
div.selpg .pariresume .resume span.mise.select.active span.value.gain {
  background-color: #0fa810;
}

div.pggame {
  display: block;
  width: 100%;
  text-align: center;
  border-left: 1px solid #ddd;
}
div.pggame:first-child {
  border-bottom: 1px solid #ddd;
}
div.pggame span.lose, div.pggame span.win, div.pggame span.pend {
  background-color: transparent;
  font-weight: 400;
  margin: 5px 0;
  display: block;
  width: 100%;
}
div.pggame span.lose {
  color: #d11124;
}
div.pggame span.win {
  color: #0fa810;
}
div.pggame span.pend {
  color: #0a6bac;
  margin-left: 2px;
}
div.pggame span.game {
  width: 80%;
  text-align: left;
  padding: 10px;
}
div.pggame span.game img.sport {
  width: 20px;
}
div.pggame span.game span.perf {
  min-width: 50px;
  padding: 5px 10px;
  background-color: #ddd;
  border-radius: 5px;
  color: white;
}
div.pggame span.game span.perf.pos {
  background-color: #0fa810;
}
div.pggame span.game span.perf.neg {
  background-color: #d11124;
}
div.pggame span.img {
  width: 20%;
}
div.pggame span.img img {
  width: 90%;
  padding: 5px;
  max-width: 80px;
}

div.rankingselector {
  display: block;
  width: 100%;
  margin: 10px 0 20px;
  text-align: center;
}
div.rankingselector.classligue {
  margin: 0;
  padding: 20px;
  background-color: #cccbcb;
}
div.rankingselector a {
  display: inline-block;
  margin: 0 10px;
  font-size: 0.9em;
  text-transform: uppercase;
  text-decoration: none;
  width: 50px;
  border-radius: 5px;
  background-color: #eee;
  color: #696969;
}
div.rankingselector a img {
  width: 20px;
  filter: grayscale(100);
}
div.rankingselector a.active {
  background-color: white;
  color: #1d1d1b;
  border: 1px solid #0a6bac;
}
div.rankingselector a.active img {
  filter: none;
}

div.newligueselector {
  display: block;
  width: 100%;
  margin-top: 30px;
}
div.newligueselector a {
  display: inline-block;
  margin: 10px;
  font-size: 0.9em;
  text-transform: uppercase;
  text-decoration: none;
  width: 120px;
  background-color: white;
  color: #696969;
  border: 1px solid #696969;
}
div.newligueselector a.active {
  background-color: #0a6bac;
  color: white;
  border: 1px solid #0a6bac;
}

div.statsselector {
  display: block;
  width: 100%;
  margin: 0 auto 10px;
}
div.statsselector div.ctrler span {
  display: inline-block;
  cursor: pointer;
  margin: 0 10px;
  padding: 5px;
  border-radius: 5px;
  font-size: 0.9em;
  text-transform: uppercase;
  text-decoration: none;
  width: 120px;
  background-color: white;
  color: #696969;
  border: 1px solid #696969;
}
div.statsselector div.ctrler span.active {
  background-color: #0a6bac;
  color: white;
  border: 1px solid #0a6bac;
}
div.statsselector div.ctrler span.sma {
  width: 60px;
}
div.statsselector div.sctrler, div.statsselector div.xctrler {
  display: block;
  margin-top: 10px;
}
div.statsselector div.sctrler span.strl, div.statsselector div.xctrler span.strl {
  cursor: pointer;
  display: inline-block;
  background: #909090;
  padding: 2px;
  width: calc(100%/7 - 15px);
  max-width: 50px;
  color: white;
  text-align: center;
  margin: 0 6px;
  border-radius: 2px;
}
div.statsselector div.sctrler span.strl.active, div.statsselector div.xctrler span.strl.active {
  background: #09315b;
}
div.statsselector div.sctrler span.strl.pro, div.statsselector div.xctrler span.strl.pro {
  background: #d11124;
}
div.statsselector div.sctrler span.xdrp, div.statsselector div.sctrler span.xups, div.statsselector div.xctrler span.xdrp, div.statsselector div.xctrler span.xups {
  cursor: pointer;
  display: inline-block;
  background: #909090;
  padding: 2px;
  width: 90px;
  color: white;
  text-align: center;
  margin: 0 6px;
  border-radius: 2px;
}
div.statsselector div.sctrler span.xdrp.active, div.statsselector div.sctrler span.xups.active, div.statsselector div.xctrler span.xdrp.active, div.statsselector div.xctrler span.xups.active {
  background: #0fa810;
}
div.statsselector div.sctrler span.xdrp.pro, div.statsselector div.sctrler span.xups.pro, div.statsselector div.xctrler span.xdrp.pro, div.statsselector div.xctrler span.xups.pro {
  background: #d11124;
}
div.statsselector div.sctrler span.xtrl, div.statsselector div.xctrler span.xtrl {
  cursor: pointer;
  display: inline-block;
  background: #b2b2b1;
  padding: 2px;
  width: calc(100%/7 - 15px);
  max-width: 50px;
  color: white;
  text-align: center;
  margin: 0 6px;
  border-radius: 2px;
}
div.statsselector div.sctrler span.xtrl svg, div.statsselector div.xctrler span.xtrl svg {
  height: 15px;
  fill: white;
  vertical-align: middle;
  margin-bottom: 2px;
}
div.statsselector div.sctrler span.xtrl.active, div.statsselector div.xctrler span.xtrl.active {
  background: #0fa810;
}

div.membres {
  display: block;
  padding: 20px;
}

div.newranking {
  display: block;
  text-align: center;
  margin-bottom: 20px;
}
@media (max-width: 550px) {
  div.newranking {
    font-size: 0.9em;
  }
}
div.newranking img.level {
  width: 30px;
}
div.newranking p.ld {
  margin: 10px auto;
}
div.newranking div.topheader {
  display: block;
  position: relative;
  width: 100%;
  margin-top: 20px;
  background-color: #093769;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: white;
  border-bottom: 1px solid white;
  height: 70px;
}
@media (max-width: 700px) {
  div.newranking div.topheader {
    border-radius: 0;
  }
}
div.newranking div.topheader p.cap {
  font-size: 16px;
  padding-top: 20px;
  text-transform: uppercase;
}
div.newranking div.topheader span.secp {
  text-transform: uppercase;
  margin-top: -25px;
  color: #FFD700;
}
div.newranking div.topheader p.update {
  font-size: 14px;
}
div.newranking div.topheader span.icon {
  font-size: 20px;
  position: absolute;
  top: 0;
  padding: 18px 26px;
  cursor: pointer;
}
div.newranking div.topheader span.icon svg {
  fill: white;
  width: 30px;
}
div.newranking div.topheader span.icon.prev {
  left: 0;
}
div.newranking div.topheader span.icon.next {
  right: 0;
}
div.newranking div.topheader span.rankstatus {
  text-align: center;
  border-radius: 10px;
  text-transform: uppercase;
  padding: 4px;
  width: 140px;
  margin-bottom: 10px;
}
div.newranking div.topheader span.rankstatus.final {
  background-color: #d11124;
  color: white;
}
div.newranking div.topheader span.rankstatus.soon {
  background-color: #b2b2b1;
  color: white;
}
div.newranking div.topheader span.rankstatus.pending {
  background-color: #0fa810;
  color: white;
}
div.newranking div.userrank {
  border-top: 1px solid white;
}
div.newranking div.pricepool {
  background-color: #0fa810;
  color: white;
  text-transform: uppercase;
  padding: 20px 5px;
  height: 60px;
  cursor: pointer;
}
div.newranking div.pricepool svg {
  width: 15px;
  fill: white;
  vertical-align: middle;
  margin-left: 8px;
  margin-bottom: 4px;
}
div.newranking div.pricepool i {
  font-size: 17px;
  padding: 0 5px;
}
div.newranking div.pricepool.end {
  background-color: #d11124;
}
div.newranking div.pricepool.soon {
  background-color: #0a6bac;
}
div.newranking div.header {
  background-color: #eee;
  padding: 5px;
  border-bottom: 1px solid #ddd;
  color: #1d1d1b;
}
div.newranking div.header.ligue {
  background-color: #eee;
}
div.newranking div.body {
  padding: 10px 5px;
  color: #0a6bac;
  background-color: white;
  border-bottom: 1px solid #ddd;
}
div.newranking div.body:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
div.newranking div.body.ligue {
  background-color: white;
}
div.newranking div.body.active {
  background-color: #0a6bac;
  border-bottom: none;
}
div.newranking div.body.active a {
  color: white;
}
div.newranking div.body.active.cur {
  background-color: #ddd;
}
div.newranking div.body.active.cur a {
  color: #0a6bac;
}
div.newranking div.body.active span.odd, div.newranking div.body.active div.rank {
  color: #0a6bac;
}
div.newranking div.body.active span.up {
  color: white;
}
div.newranking div.body.active span.up svg {
  fill: white;
}
div.newranking div.body.active div.var, div.newranking div.body.active div.odd, div.newranking div.body.active div.reu {
  color: white;
}
div.newranking div.body.active div.var i.fa-caret-up, div.newranking div.body.active div.odd i.fa-caret-up, div.newranking div.body.active div.reu i.fa-caret-up {
  color: white;
}
div.newranking div.rank {
  display: inline-block;
  width: 10%;
  vertical-align: middle;
  position: relative;
}
div.newranking div.rank span.pos {
  width: 100%;
  max-width: 40px;
  color: white;
  border-radius: 2px;
}
div.newranking div.rank span.pos.one {
  background-color: #0fa810;
}
div.newranking div.rank span.pos.out {
  background-color: #093769;
}
div.newranking div.rank span.pos.fou {
  background-color: #0fa810;
}
div.newranking div.rank span.pos.fiv {
  background-color: #179cde;
}
div.newranking div.rank span.pos.six {
  background-color: #006290;
}
div.newranking div.rank span.pos.def {
  background-color: #c5c5c5;
}
div.newranking div.rank span.pos svg {
  width: 20px;
  vertical-align: middle;
}
div.newranking div.rank span.up {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  top: -17px;
  color: #0fa810;
}
div.newranking div.rank span.up svg {
  fill: #0fa810;
  width: 20px;
  vertical-align: bottom;
}
div.newranking div.rank span.up i.fa-caret-up {
  font-size: 15px;
}
div.newranking div.rank span.status {
  font-size: 25px;
}
div.newranking div.rank span.status svg {
  with: 20px;
  vertical-align: middle;
}
div.newranking div.rank span.status.pending {
  color: #0fa810;
  fill: #0fa810;
}
div.newranking div.rank span.status.final {
  color: #d11124;
  fill: #d11124;
}
div.newranking div.rank span.status.soon {
  color: #1d1d1b;
  fill: #1d1d1b;
}
div.newranking div.tipster {
  display: inline-block;
  width: 55%;
  vertical-align: middle;
  text-align: left;
  padding-left: 10px;
  position: relative;
}
div.newranking div.tipster a.auteur {
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  padding-left: 10px;
  font-weight: 400;
  margin: 0;
}
div.newranking div.tipster img.teamfav {
  width: 18px;
  display: inline-block;
  margin-left: 3px;
  padding-bottom: 3px;
}
div.newranking div.var {
  display: inline-block;
  vertical-align: middle;
  width: 10%;
  color: #1d1d1b;
  padding: 0;
}
div.newranking div.var p {
  padding: 0;
  font-size: 0.9em;
}
div.newranking div.var img {
  width: 30px;
}
div.newranking div.serie {
  display: inline-block;
  vertical-align: middle;
  width: 15%;
}
div.newranking div.serie span.serie {
  border-radius: 50%;
  text-align: center;
  color: #0fa810;
  background-color: white;
  padding-top: 5px;
  width: 35px;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #0fa810;
  height: 35px;
  font-size: 15px;
}
div.newranking div.serie span.serie.bot {
  color: #cccbcb;
  border: 1px solid #cccbcb;
}
div.newranking div.serie img.badge {
  width: 70%;
  max-width: 40px;
}
div.newranking div.serie span.statut {
  border-radius: 50%;
  text-align: center;
  color: #0a6bac;
  background-color: white;
  padding-top: 5px;
  width: 35px;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #0a6bac;
  height: 35px;
  font-size: 15px;
}
div.newranking div.team {
  display: inline-block;
  vertical-align: middle;
  width: 20%;
}
div.newranking div.team img {
  width: 40px;
}
div.newranking div.reu {
  display: inline-block;
  vertical-align: middle;
  width: 20%;
  color: #1d1d1b;
}
div.newranking div.reu span.reu {
  text-align: center;
  color: white;
}
div.newranking div.odd {
  display: inline-block;
  vertical-align: middle;
  width: 20%;
  color: #696969;
}
div.newranking div.odd span.odd {
  border-radius: 10px;
  text-align: center;
  color: white;
  background-color: #0a6bac;
  padding: 4px 10px;
}
div.newranking div.odd span.odd.bot {
  background-color: #cccbcb;
}
div.newranking div.gain {
  display: inline-block;
  vertical-align: middle;
  width: 20%;
}
div.newranking div.gain span.prof {
  border-radius: 10px;
  text-align: center;
  color: white;
  background-color: #0fa810;
  padding: 2px 10px;
  width: 90%;
  max-width: 80px;
}
div.newranking div.gain span.prof.bot {
  background-color: #cccbcb;
}
div.newranking div.gain span.prof.neg {
  background-color: #d11124;
}
div.newranking div.gain span.gain {
  border-radius: 10px;
  text-align: center;
  color: white;
  background-color: #072443;
  padding: 4px 10px;
}

div.newform p {
  margin: 0;
  margin-top: 10px;
}
div.newform p.tight {
  padding: 0 30px;
}
div.newform div.viewlogos {
  margin: 20px auto;
}
div.newform div.viewlogos span {
  width: 20%;
  margin: 10px auto;
  cursor: pointer;
}
div.newform div.viewlogos span img {
  width: 80%;
}
div.newform div.viewlogos span svg {
  width: 50px;
  fill: #0a6bac;
  vertical-align: middle;
}
div.newform img.round {
  display: block;
  margin: 20px auto -20px;
  border-radius: 50%;
  width: 60px;
}
div.newform .userprofile {
  background-color: #0a6bac;
}
div.newform div.icon {
  display: block;
  margin: 20px auto;
  text-align: center;
}
div.newform div.icon i {
  padding: 20px;
  font-size: 30px;
  color: white;
  border-radius: 50%;
  width: 80px;
  height: 80px;
}
div.newform div.icon i.fa-circle-plus {
  background-color: #0fa810;
}
div.newform div.icon i.fa-cloud-arrow-up {
  background-color: #0a6bac;
}
div.newform span.newmsg, div.newform span.joinmsg {
  display: block;
  margin: 20px auto;
  padding: 0 40px;
  text-align: center;
  max-width: 400px;
  text-transform: uppercase;
}
div.newform span.newmsg p.wrong, div.newform span.joinmsg p.wrong {
  color: #d11124;
}
div.newform span.newmsg p.confirm, div.newform span.joinmsg p.confirm {
  color: #0a6bac;
}
div.newform div.reaction {
  margin-top: 20px;
}
div.newform div.reaction span.var {
  width: 33%;
}
div.newform div.reaction span.var.vote {
  font-size: 25px;
}
div.newform a.sportselect {
  display: inline-block;
  cursor: pointer;
  padding: 10px 5px;
  width: 20%;
  text-align: center;
  max-width: 80px;
}
div.newform a.sportselect img {
  max-width: 40px;
  filter: grayscale(1);
}
div.newform a.sportselect:hover img {
  filter: grayscale(0);
}
div.newform a.sportselect.active {
  border: 1px solid #ddd;
  border-radius: 10px;
  background-color: white;
}
div.newform a.sportselect.active img {
  filter: grayscale(0);
}
div.newform a.setupselect {
  display: inline-block;
  cursor: pointer;
  padding: 10px 5px;
  width: 20%;
  text-align: center;
  max-width: 80px;
  border: 1px solid #0a6bac;
  border-radius: 5px;
  margin: 10px;
  text-decoration: none;
}
div.newform a.setupselect:hover {
  background-color: #0a6bac;
  color: white;
}
div.newform a.setupselect.active {
  background-color: #0a6bac;
  color: white;
}
div.newform div.param {
  margin: 30px auto;
  display: block;
}
div.newform div.param span.team {
  margin-right: 20px;
  color: #0a6bac;
  font-weight: 600;
  font-size: 16px;
}
div.newform div.param a.split {
  margin-top: 20px;
}
div.newform div.param a.split.logo {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
div.newform div.title {
  margin-bottom: 20px;
  padding: 10px;
}
div.newform div.title.upper {
  text-transform: uppercase;
}
div.newform div.title span.uc {
  text-transform: uppercase;
  color: #0a6bac;
}
div.newform textarea {
  width: 100%;
  margin-top: 20px;
}
div.newform input {
  max-width: 400px;
}
div.newform input.cap {
  text-transform: uppercase;
}
div.newform input.center {
  text-align: center;
}
div.newform input.type {
  color: #0a6bac;
  border: none;
  border-bottom: 1px solid #0a6bac;
}
div.newform input.short {
  max-width: 200px;
  text-align: center;
}
div.newform input.blue {
  color: #0a6bac;
}

div#actionconfirm, div.actionconfirm {
  display: none;
}
div#actionconfirm.fade-out, div.actionconfirm.fade-out {
  display: block;
}
div#actionconfirm.active, div.actionconfirm.active {
  display: block;
}
div#actionconfirm span, div.actionconfirm span {
  width: 90%;
  max-width: 400px;
  margin: 0 auto;
  color: white;
  text-align: center;
  padding: 12px;
  border-radius: 10px;
  font-size: 16px;
  position: fixed;
  bottom: 0;
  margin-bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 20;
}
@media (max-width: 1200px) {
  div#actionconfirm span, div.actionconfirm span {
    margin-bottom: 100px;
  }
}
div#actionconfirm span.green, div.actionconfirm span.green {
  background-color: #0fa810;
}
div#actionconfirm span.red, div.actionconfirm span.red {
  background-color: #d11124;
}

#modalshare .maskshare {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 50;
  visibility: hidden;
  opacity: 0;
  transition: 0.7s;
}
#modalshare .modal {
  position: fixed;
  top: 50%;
  left: 50%;
  padding: 10px 0;
  border-radius: 10px;
  width: 400px;
  margin-left: -200px;
  margin-top: -200px;
  background: #072443;
  z-index: 100;
  visibility: hidden;
  display: block;
  opacity: 0;
  transition: 0.5s ease-out;
  transform: translateY(45px);
  bottom: auto;
  overflow-y: initial;
}
@media (max-width: 550px) {
  #modalshare .modal {
    width: 350px;
    margin-left: -175px;
  }
}
#modalshare .modal div.header {
  width: 100%;
}
#modalshare .modal div.header.share {
  padding: 20px;
  color: white;
  text-align: center;
  margin-bottom: 20px;
}
#modalshare .modal div.header.share p {
  font-size: 17px;
}
#modalshare .modal div.header.share #pronouser {
  text-transform: uppercase;
}
#modalshare .modal div.header img.teamselection {
  width: 70px;
  display: block;
  margin: 10px auto;
}
#modalshare .modal div.body {
  width: 100%;
  display: block;
}
#modalshare .modal div.cta {
  width: 90%;
  margin: 0 auto;
  text-align: center;
}
#modalshare .modal span#button {
  display: block;
  width: 90%;
  margin: 0 auto;
}
#modalshare .active {
  visibility: visible;
  opacity: 1;
}
#modalshare .active + .modal {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}

#modalcheckout .close, #modalsuccess .close, #modalinvite .close, .modalinvite .close, #modalteam .close, #modalpg .close, #modalvote .close {
  position: absolute;
  top: 0;
  right: 0;
  width: 35px;
  height: 30px;
  background: #000;
  color: #fff;
  cursor: pointer;
  border: 0;
  margin: 5px;
  opacity: 0.7;
}
#modalcheckout .mask, #modalcheckout .masksuccess, #modalcheckout .maskpar, #modalcheckout .maskshare, #modalcheckout .maskpg, #modalcheckout .maskvote, #modalsuccess .mask, #modalsuccess .masksuccess, #modalsuccess .maskpar, #modalsuccess .maskshare, #modalsuccess .maskpg, #modalsuccess .maskvote, #modalinvite .mask, #modalinvite .masksuccess, #modalinvite .maskpar, #modalinvite .maskshare, #modalinvite .maskpg, #modalinvite .maskvote, .modalinvite .mask, .modalinvite .masksuccess, .modalinvite .maskpar, .modalinvite .maskshare, .modalinvite .maskpg, .modalinvite .maskvote, #modalteam .mask, #modalteam .masksuccess, #modalteam .maskpar, #modalteam .maskshare, #modalteam .maskpg, #modalteam .maskvote, #modalpg .mask, #modalpg .masksuccess, #modalpg .maskpar, #modalpg .maskshare, #modalpg .maskpg, #modalpg .maskvote, #modalvote .mask, #modalvote .masksuccess, #modalvote .maskpar, #modalvote .maskshare, #modalvote .maskpg, #modalvote .maskvote {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 50;
  visibility: hidden;
  opacity: 0;
  transition: 0.7s;
}
#modalcheckout .modal, #modalsuccess .modal, #modalinvite .modal, .modalinvite .modal, #modalteam .modal, #modalpg .modal, #modalvote .modal {
  position: fixed;
  top: 50%;
  left: 50%;
  padding: 50px 0;
  border-radius: 5px;
  width: 500px;
  margin-left: -250px;
  margin-top: -280px;
  background: white;
  z-index: 100;
  visibility: hidden;
  display: block;
  opacity: 0;
  transition: 0.5s ease-out;
  transform: translateY(45px);
  bottom: auto;
  overflow-y: auto;
}
@media (max-width: 550px) {
  #modalcheckout .modal, #modalsuccess .modal, #modalinvite .modal, .modalinvite .modal, #modalteam .modal, #modalpg .modal, #modalvote .modal {
    width: 90%;
    margin-left: -45%;
  }
}
#modalcheckout .modal.invite, #modalcheckout .modal.share, #modalcheckout .modal.pg, #modalsuccess .modal.invite, #modalsuccess .modal.share, #modalsuccess .modal.pg, #modalinvite .modal.invite, #modalinvite .modal.share, #modalinvite .modal.pg, .modalinvite .modal.invite, .modalinvite .modal.share, .modalinvite .modal.pg, #modalteam .modal.invite, #modalteam .modal.share, #modalteam .modal.pg, #modalpg .modal.invite, #modalpg .modal.share, #modalpg .modal.pg, #modalvote .modal.invite, #modalvote .modal.share, #modalvote .modal.pg {
  background: #072443;
}
#modalcheckout .modal div.header, #modalsuccess .modal div.header, #modalinvite .modal div.header, .modalinvite .modal div.header, #modalteam .modal div.header, #modalpg .modal div.header, #modalvote .modal div.header {
  margin-top: 5px;
  width: 100%;
  border-bottom: 2px solid #eee;
}
#modalcheckout .modal div.header img.userprofile, #modalsuccess .modal div.header img.userprofile, #modalinvite .modal div.header img.userprofile, .modalinvite .modal div.header img.userprofile, #modalteam .modal div.header img.userprofile, #modalpg .modal div.header img.userprofile, #modalvote .modal div.header img.userprofile {
  display: block;
  margin: 0 auto;
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 50%;
}
@media (max-width: 550px) {
  #modalcheckout .modal div.header img.userprofile, #modalsuccess .modal div.header img.userprofile, #modalinvite .modal div.header img.userprofile, .modalinvite .modal div.header img.userprofile, #modalteam .modal div.header img.userprofile, #modalpg .modal div.header img.userprofile, #modalvote .modal div.header img.userprofile {
    width: 40px;
    height: 40px;
  }
}
#modalcheckout .modal div.header.invite, #modalsuccess .modal div.header.invite, #modalinvite .modal div.header.invite, .modalinvite .modal div.header.invite, #modalteam .modal div.header.invite, #modalpg .modal div.header.invite, #modalvote .modal div.header.invite {
  border-bottom: none;
  text-align: center;
}
#modalcheckout .modal div.header.share, #modalsuccess .modal div.header.share, #modalinvite .modal div.header.share, .modalinvite .modal div.header.share, #modalteam .modal div.header.share, #modalpg .modal div.header.share, #modalvote .modal div.header.share {
  padding: 20px;
  color: white;
  font-size: 15px;
  text-align: center;
  border-bottom: none;
  margin-bottom: 50px !important;
}
#modalcheckout .modal div.header.share p, #modalsuccess .modal div.header.share p, #modalinvite .modal div.header.share p, .modalinvite .modal div.header.share p, #modalteam .modal div.header.share p, #modalpg .modal div.header.share p, #modalvote .modal div.header.share p {
  font-size: 15px;
}
#modalcheckout .modal div.header img.logo, #modalsuccess .modal div.header img.logo, #modalinvite .modal div.header img.logo, .modalinvite .modal div.header img.logo, #modalteam .modal div.header img.logo, #modalpg .modal div.header img.logo, #modalvote .modal div.header img.logo {
  width: 80px;
  display: block;
  margin: 0px auto;
}
#modalcheckout .modal div.header img.teamselection, #modalsuccess .modal div.header img.teamselection, #modalinvite .modal div.header img.teamselection, .modalinvite .modal div.header img.teamselection, #modalteam .modal div.header img.teamselection, #modalpg .modal div.header img.teamselection, #modalvote .modal div.header img.teamselection {
  width: 70px;
  display: block;
  margin: 10px auto;
}
#modalcheckout .modal div.header p, #modalsuccess .modal div.header p, #modalinvite .modal div.header p, .modalinvite .modal div.header p, #modalteam .modal div.header p, #modalpg .modal div.header p, #modalvote .modal div.header p {
  text-align: center;
  margin: 0;
  padding: 0;
}
#modalcheckout .modal div.header p.offre, #modalsuccess .modal div.header p.offre, #modalinvite .modal div.header p.offre, .modalinvite .modal div.header p.offre, #modalteam .modal div.header p.offre, #modalpg .modal div.header p.offre, #modalvote .modal div.header p.offre {
  padding: 10px;
  margin-bottom: 20px;
}
#modalcheckout .modal div.header p.intro, #modalsuccess .modal div.header p.intro, #modalinvite .modal div.header p.intro, .modalinvite .modal div.header p.intro, #modalteam .modal div.header p.intro, #modalpg .modal div.header p.intro, #modalvote .modal div.header p.intro {
  padding: 20px 30px;
  color: white;
}
#modalcheckout .modal div.body, #modalsuccess .modal div.body, #modalinvite .modal div.body, .modalinvite .modal div.body, #modalteam .modal div.body, #modalpg .modal div.body, #modalvote .modal div.body {
  width: 100%;
  display: block;
  padding: 0 30px;
}
#modalcheckout .modal div.body p.total, #modalsuccess .modal div.body p.total, #modalinvite .modal div.body p.total, .modalinvite .modal div.body p.total, #modalteam .modal div.body p.total, #modalpg .modal div.body p.total, #modalvote .modal div.body p.total {
  text-align: center;
  font-size: 1.1em;
  margin: 20px auto 50px;
  padding: 0 20px;
}
#modalcheckout .modal div.body span#icon, #modalsuccess .modal div.body span#icon, #modalinvite .modal div.body span#icon, .modalinvite .modal div.body span#icon, #modalteam .modal div.body span#icon, #modalpg .modal div.body span#icon, #modalvote .modal div.body span#icon {
  display: block;
  text-align: center;
  font-size: 25px;
  margin: 20px auto;
  padding: 0 20px;
}
#modalcheckout .modal div.body span#icon i.fa-times-circle, #modalsuccess .modal div.body span#icon i.fa-times-circle, #modalinvite .modal div.body span#icon i.fa-times-circle, .modalinvite .modal div.body span#icon i.fa-times-circle, #modalteam .modal div.body span#icon i.fa-times-circle, #modalpg .modal div.body span#icon i.fa-times-circle, #modalvote .modal div.body span#icon i.fa-times-circle {
  color: #d11124;
}
#modalcheckout .modal div.body span#icon i.fa-check-circle, #modalsuccess .modal div.body span#icon i.fa-check-circle, #modalinvite .modal div.body span#icon i.fa-check-circle, .modalinvite .modal div.body span#icon i.fa-check-circle, #modalteam .modal div.body span#icon i.fa-check-circle, #modalpg .modal div.body span#icon i.fa-check-circle, #modalvote .modal div.body span#icon i.fa-check-circle {
  color: #0fa810;
}
#modalcheckout .modal div.cta, #modalsuccess .modal div.cta, #modalinvite .modal div.cta, .modalinvite .modal div.cta, #modalteam .modal div.cta, #modalpg .modal div.cta, #modalvote .modal div.cta {
  width: 90%;
  margin: 0 auto;
  text-align: center;
}
#modalcheckout .modal div.cta.validrecave, #modalsuccess .modal div.cta.validrecave, #modalinvite .modal div.cta.validrecave, .modalinvite .modal div.cta.validrecave, #modalteam .modal div.cta.validrecave, #modalpg .modal div.cta.validrecave, #modalvote .modal div.cta.validrecave {
  color: white;
  background-color: #0fa810;
  border-radius: 23px;
  font-size: 16px;
  font-weight: 500;
  padding: 10px;
  cursor: pointer;
}
#modalcheckout .modal div.cta.retourrecave, #modalsuccess .modal div.cta.retourrecave, #modalinvite .modal div.cta.retourrecave, .modalinvite .modal div.cta.retourrecave, #modalteam .modal div.cta.retourrecave, #modalpg .modal div.cta.retourrecave, #modalvote .modal div.cta.retourrecave {
  color: white;
  background-color: #0a6bac;
  border-radius: 23px;
  font-size: 16px;
  font-weight: 500;
  padding: 10px;
  cursor: pointer;
}
#modalcheckout .modal span#button, #modalsuccess .modal span#button, #modalinvite .modal span#button, .modalinvite .modal span#button, #modalteam .modal span#button, #modalpg .modal span#button, #modalvote .modal span#button {
  display: block;
  width: 90%;
  margin: 0 auto;
}
#modalcheckout .active, #modalsuccess .active, #modalinvite .active, .modalinvite .active, #modalteam .active, #modalpg .active, #modalvote .active {
  visibility: visible;
  opacity: 1;
}
#modalcheckout .active + .modal, #modalsuccess .active + .modal, #modalinvite .active + .modal, .modalinvite .active + .modal, #modalteam .active + .modal, #modalpg .active + .modal, #modalvote .active + .modal {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}

#modalteam .modal {
  height: 400px;
}

#modalpg .modal {
  height: auto;
  margin-top: -300px;
}
#modalpg .modal div.header {
  border-bottom: none;
}
#modalpg .modal div.body p {
  color: white;
  padding: 10px 20px;
  text-align: justify;
}
#modalpg .modal div.body p span.num {
  background-color: #FFD700;
  border-radius: 50%;
  margin-right: 10px;
  width: 22px;
  display: inline-block;
  text-align: center;
  color: #072443;
}
#modalpg .modal div.body p.center {
  margin-top: 20px;
  text-align: center;
}

#modalvalidpg .maskc {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 998;
  visibility: hidden;
  opacity: 0;
  transition: 0.7s;
}
#modalvalidpg .maskc.active {
  visibility: visible;
  opacity: 1;
}
#modalvalidpg .coupondetail {
  display: none;
  z-index: 999;
  position: fixed;
  bottom: 0;
  width: 100%;
  max-width: 700px;
  max-height: 70%;
  overflow-y: auto;
}
#modalvalidpg div.header {
  padding: 20px;
  border-radius: 0;
  color: #FFF;
  background-color: #072443;
  font-weight: 500;
  font-size: 18px;
}
#modalvalidpg div.preppg {
  display: block;
  background-color: #eee;
  padding: 20px;
}
#modalvalidpg div.preppg span#select1, #modalvalidpg div.preppg span#select2 {
  display: block;
  width: 100%;
  margin: 0 auto;
}
#modalvalidpg div.preppg span#select1 a.error, #modalvalidpg div.preppg span#select2 a.error {
  padding: 0 20px 20px;
}
#modalvalidpg div.preppg span#select1 div.game, #modalvalidpg div.preppg span#select2 div.game {
  display: block;
  width: 100%;
  text-align: center;
  background-color: white;
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 10px 0;
}
#modalvalidpg div.preppg span#select1 div.game:first-child, #modalvalidpg div.preppg span#select2 div.game:first-child {
  border-bottom: 1px solid #ddd;
}
#modalvalidpg div.preppg span#select1 div.game span.pend, #modalvalidpg div.preppg span#select2 div.game span.pend {
  background-color: transparent;
  font-weight: 400;
  margin: 5px 0;
  display: block;
  width: 100%;
  color: #0a6bac;
}
#modalvalidpg div.preppg span#select1 div.game span.game, #modalvalidpg div.preppg span#select2 div.game span.game {
  width: 80%;
  text-align: left;
  padding: 10px;
}
#modalvalidpg div.preppg span#select1 div.game span.game img.sport, #modalvalidpg div.preppg span#select2 div.game span.game img.sport {
  width: 20px;
}
#modalvalidpg div.preppg span#select1 div.game span.game span.pos, #modalvalidpg div.preppg span#select1 div.game span.game span.neg, #modalvalidpg div.preppg span#select1 div.game span.game span.neu, #modalvalidpg div.preppg span#select2 div.game span.game span.pos, #modalvalidpg div.preppg span#select2 div.game span.game span.neg, #modalvalidpg div.preppg span#select2 div.game span.game span.neu {
  border-radius: 5px;
  margin: 0 3px;
  min-width: 60px;
  text-align: center;
  padding: 0 5px;
}
#modalvalidpg div.preppg span#select1 div.game span.game span.pos, #modalvalidpg div.preppg span#select2 div.game span.game span.pos {
  background-color: #0fa810;
  color: white;
}
#modalvalidpg div.preppg span#select1 div.game span.game span.neg, #modalvalidpg div.preppg span#select2 div.game span.game span.neg {
  background-color: #d11124;
  color: white;
}
#modalvalidpg div.preppg span#select1 div.game span.game span.neu, #modalvalidpg div.preppg span#select2 div.game span.game span.neu {
  background-color: #ddd;
}
#modalvalidpg div.preppg span#select1 div.game span.img, #modalvalidpg div.preppg span#select2 div.game span.img {
  width: 20%;
}
#modalvalidpg div.preppg span#select1 div.game span.img img, #modalvalidpg div.preppg span#select2 div.game span.img img {
  width: 90%;
  padding: 5px;
  max-width: 60px;
}
#modalvalidpg div.preppg span#select1 div.gamesel, #modalvalidpg div.preppg span#select2 div.gamesel {
  cursor: pointer;
  margin: 20px auto;
}
#modalvalidpg div.preppg p {
  text-align: center;
  margin: 0;
  padding: 0;
}
#modalvalidpg div.preppg p.feat {
  text-align: center;
  color: #0a6bac;
  margin-bottom: 20px;
  padding: 10px;
  text-transform: uppercase;
  font-weight: 500;
}
#modalvalidpg div.preppg p.feat:not(:first-child) {
  margin-top: 20px;
}
#modalvalidpg div.preppg p.def {
  text-align: center;
  color: #6f6f6f;
  max-width: 400px;
  margin: 20px auto;
  padding: 10px;
}
#modalvalidpg div.preppg .editform {
  display: block;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}
#modalvalidpg div.preppg .editform a.teamselection, #modalvalidpg div.preppg .editform a.sportselect {
  display: inline-block;
  cursor: pointer;
  padding: 10px 5px;
}
#modalvalidpg div.preppg .editform a.teamselection img, #modalvalidpg div.preppg .editform a.sportselect img {
  max-width: 40px;
  filter: grayscale(1);
}
#modalvalidpg div.preppg .editform a.teamselection:hover img, #modalvalidpg div.preppg .editform a.sportselect:hover img {
  filter: grayscale(0);
}
#modalvalidpg div.preppg .editform a.teamselection.active, #modalvalidpg div.preppg .editform a.sportselect.active {
  border: 1px solid #ddd;
  border-radius: 10px;
  background-color: white;
}
#modalvalidpg div.preppg .editform a.teamselection.active img, #modalvalidpg div.preppg .editform a.sportselect.active img {
  filter: grayscale(0);
}
#modalvalidpg div.preppg .editform a.sportselect {
  width: 20%;
}