@charset "UTF-8";
/* Fonts */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;700&display=swap");
/* mixins */
/* Fonts variant */
/* Flexbox */
/* Aspect ratio */
/* dynamic colors */
/* reset fonts */
html, body, div, span, applet, object, iframe,
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:not(.fas):not(.fab):not(.far), center,
dl, dt, dd, ol, ul, li,
fieldset, form, 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, .select, #error_explanation {
  font-family: "Poppins", sans-serif !important;
  font-weight: 300 !important;
  color: #38448C; }

body[data-embedded="1"] {
  min-height: inherit; }

html, body {
  margin: 0;
  padding: 0; }

a {
  font-weight: 700 !important; }
  a:visited {
    color: #38448C; }

.flex-body {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between; }

.flex-header {
  height: 150px; }
  @media screen and (min-width: 576px) {
    .flex-header {
      height: 180px; } }
  @media screen and (min-width: 768px) {
    .flex-header {
      height: 220px; } }
  @media screen and (min-width: 992px) and (min-height: 1024px) {
    .flex-header {
      height: 280px; } }
  @media screen and (min-width: 1280px) {
    .flex-header {
      height: 300px; } }
  @media screen and (min-width: 1400px) {
    .flex-header {
      height: 398px; } }
  .flex-header header {
    height: 100%; }
    .flex-header header .wrapper {
      height: 100%; }

.flex-content {
  -webkit-box: 1;
  -moz-box: 1;
  -webkit-flex: 1 1 auto;
  -ms-flexbox: 1 1 auto;
  flex: 1 1 auto; }

.flex-footer {
  -webkit-box: 0;
  -moz-box: 0;
  -webkit-flex: 0 1 auto;
  -ms-flexbox: 0 1 auto;
  flex: 0 1 auto; }

.wizard .content {
  max-width: 810px;
  margin: 0 auto !important; }

.wrapper:not(.fluid-container) {
  padding: 0 15px; }

html, body {
  font-size: 16px; }
  @media screen and (min-width: 768px) {
    html, body {
      font-size: 20px; } }

h1, h2, h3, h4,
.latest-participations-list li,
.m_popup_header {
  font-family: "Poppins", sans-serif !important;
  font-weight: 700 !important; }

h2, h3, h4 {
  margin-bottom: 1.5rem !important; }

h1 {
  font-size: 42px !important; }
  @media screen and (min-width: 576px) {
    h1 {
      font-size: 52px !important; } }
  @media screen and (min-width: 768px) {
    h1 {
      font-size: 62px !important; } }
  @media screen and (min-width: 992px) {
    h1 {
      font-size: 80px !important; } }

form.js_participation_form_wizard .header_step .quizz_question,
h2 {
  font-size: 32px !important; }
  @media screen and (min-width: 576px) {
    form.js_participation_form_wizard .header_step .quizz_question,
    h2 {
      font-size: 42px !important; } }
  @media screen and (min-width: 768px) {
    form.js_participation_form_wizard .header_step .quizz_question,
    h2 {
      font-size: 52px !important; } }
  @media screen and (min-width: 992px) {
    form.js_participation_form_wizard .header_step .quizz_question,
    h2 {
      font-size: 62px !important; } }

h3, .latest-participations-list li {
  font-size: 16px; }

form.js_participation_form_wizard .header_step .quizz_question {
  font-family: "Poppins", sans-serif !important;
  font-weight: 700 !important; }

.m_btn,
.m_btn span,
.link_btn:not(.show_legal):not(#legal_provider_link),
.m_btn:not(.show_legal):not(#legal_provider_link):not(.open-popup-link),
.form_fields .form_input .upload-btn-text input,
.btn, .btn > span,
.js_auth_button span,
.klaro .cookie-modal .cm-btn,
.klaro .cookie-modal .cm-btn.cm-btn-info,
.klaro .cookie-modal .cm-btn.cm-btn-success {
  font-family: "Poppins", sans-serif !important;
  font-weight: 700 !important;
  font-size: 20px !important;
  text-transform: uppercase;
  color: #38448C !important;
  background-color: transparent !important;
  border-color: #38448C !important;
  border-width: 2px; }
  .m_btn:hover,
  .m_btn span:hover,
  .link_btn:not(.show_legal):not(#legal_provider_link):hover,
  .m_btn:not(.show_legal):not(#legal_provider_link):not(.open-popup-link):hover,
  .form_fields .form_input .upload-btn-text input:hover,
  .btn:hover, .btn > span:hover,
  .js_auth_button span:hover,
  .klaro .cookie-modal .cm-btn:hover,
  .klaro .cookie-modal .cm-btn.cm-btn-info:hover,
  .klaro .cookie-modal .cm-btn.cm-btn-success:hover {
    color: #FFFFFF !important;
    background-color: #E0323B !important;
    border-color: #E0323B !important; }
  @media screen and (min-width: 768px) {
    .m_btn,
    .m_btn span,
    .link_btn:not(.show_legal):not(#legal_provider_link),
    .m_btn:not(.show_legal):not(#legal_provider_link):not(.open-popup-link),
    .form_fields .form_input .upload-btn-text input,
    .btn, .btn > span,
    .js_auth_button span,
    .klaro .cookie-modal .cm-btn,
    .klaro .cookie-modal .cm-btn.cm-btn-info,
    .klaro .cookie-modal .cm-btn.cm-btn-success {
      font-size: 28px !important;
      min-width: 280px; } }

.js_auth_button span {
  min-width: auto; }

a.btn-default:hover span {
  color: #FFFFFF !important;
  border-color: #E0323B !important; }

.upload-contender .upload_image_btn .btn-stock .upload-btn-text svg {
  margin-left: 0; }

.m_actions_viewport .m_action:nth-child(2) {
  display: none; }

.wrapper {
  background-color: transparent; }

.header_section header {
  background-color: #E0323B;
  background-position: center bottom;
  background-size: contain;
  background-repeat: no-repeat;
  max-height: 398px; }
  .header_section header h1 {
    color: #FFFFFF; }

footer {
  background-color: #16181F; }
  footer .navbar-nav {
    color: #FFFFFF; }
  footer .nav-link, footer a {
    font-family: "Poppins", sans-serif !important;
    font-weight: 500 !important;
    font-size: 10px;
    color: #FFFFFF;
    line-height: 1.8; }
    footer .nav-link:hover, footer .nav-link:focus, footer a:hover, footer a:focus {
      color: #FFFFFF;
      text-decoration: underline; }

body.part_list .header_section {
  padding-top: 1rem; }

body.part_mine .entry_layout .notice {
  display: none; }

.latest-participations-list .m_tab_nav_item_active {
  color: #38448C !important; }

#js_share_modal,
.m_popup.fan_us {
  padding: 0;
  background-color: #FFFFFF !important;
  color: #38448C;
  position: relative;
  width: calc(100% - 30px);
  max-width: 582px;
  margin: 0 auto; }
  #js_share_modal .mfp-close, #js_share_modal .mfp-close:hover, #js_share_modal.m_popup.fan_us .m_url_content, #js_share_modal.m_popup.fan_us .share-btn a, #js_share_modal.m_popup.fan_us .share-btn a:hover,
  .m_popup.fan_us .mfp-close,
  .m_popup.fan_us .mfp-close:hover,
  .m_popup.fan_us.m_popup.fan_us .m_url_content,
  .m_popup.fan_us.m_popup.fan_us .share-btn a,
  .m_popup.fan_us.m_popup.fan_us .share-btn a:hover {
    color: #38448C !important;
    opacity: 1 !important; }
  #js_share_modal.m_popup.fan_us .share-btn a,
  .m_popup.fan_us.m_popup.fan_us .share-btn a {
    font-size: 2.5rem !important;
    padding: .5rem; }
  #js_share_modal .m_header,
  .m_popup.fan_us .m_header {
    border-color: #E0323B;
    background-color: #E0323B;
    border-radius: 0;
    padding-top: 15px;
    padding-bottom: 15px; }
    #js_share_modal .m_header::after,
    .m_popup.fan_us .m_header::after {
      font-family: "Poppins", sans-serif !important;
      font-weight: 700 !important;
      content: "Compartir";
      font-size: 32px;
      color: #FFFFFF;
      display: inline-block;
      width: 100%;
      text-align: center; }
    #js_share_modal .m_header h1,
    .m_popup.fan_us .m_header h1 {
      font-size: 0 !important; }
  #js_share_modal .m_popup_content,
  .m_popup.fan_us .m_popup_content {
    padding-bottom: 50px;
    margin: 0 auto; }
    #js_share_modal .m_popup_content .share-btn,
    .m_popup.fan_us .m_popup_content .share-btn {
      padding: 0 15px; }
      #js_share_modal .m_popup_content .share-btn .btn,
      .m_popup.fan_us .m_popup_content .share-btn .btn {
        background-color: rgba(56, 68, 140, 0.15) !important;
        margin: 15px;
        min-width: auto;
        width: 66px; }
        #js_share_modal .m_popup_content .share-btn .btn::before,
        .m_popup.fan_us .m_popup_content .share-btn .btn::before {
          color: #FFFFFF;
          font-size: 32px; }
        #js_share_modal .m_popup_content .share-btn .btn:hover,
        .m_popup.fan_us .m_popup_content .share-btn .btn:hover {
          background-color: #e0323b !important; }
    #js_share_modal .m_popup_content .m_url_content,
    .m_popup.fan_us .m_popup_content .m_url_content {
      display: none; }
    #js_share_modal .m_popup_content .m_url_btn,
    .m_popup.fan_us .m_popup_content .m_url_btn {
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: start;
      -moz-box-align: start;
      -ms-flex-align: start;
      -webkit-align-items: flex-start;
      align-items: flex-start;
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -moz-box-direction: normal;
      -moz-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      max-width: 436px;
      margin: 0 auto; }
      #js_share_modal .m_popup_content .m_url_btn .url_share_link,
      .m_popup.fan_us .m_popup_content .m_url_btn .url_share_link {
        text-align: left;
        border: 1px solid #38448C;
        width: 100%;
        padding: 5px;
        text-decoration: none; }
  #js_share_modal .mfp-close,
  .m_popup.fan_us .mfp-close {
    font-size: 0;
    top: 0;
    right: 0;
    position: absolute;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    padding: 0.5rem;
    opacity: 1;
    background-color: #38448C;
    width: 50px;
    height: 50px; }
    #js_share_modal .mfp-close::before, #js_share_modal .mfp-close::after,
    .m_popup.fan_us .mfp-close::before,
    .m_popup.fan_us .mfp-close::after {
      position: absolute;
      left: 23px;
      content: ' ';
      height: 43px;
      width: 4px;
      background-color: #FFFFFF;
      top: 3px; }
    #js_share_modal .mfp-close::before,
    .m_popup.fan_us .mfp-close::before {
      transform: rotate(45deg); }
    #js_share_modal .mfp-close::after,
    .m_popup.fan_us .mfp-close::after {
      transform: rotate(-45deg); }
    #js_share_modal .mfp-close:hover,
    .m_popup.fan_us .mfp-close:hover {
      opacity: 1;
      background-color: #38448C; }
  #js_share_modal .mfp-close::before,
  .m_popup.fan_us .mfp-close::before {
    background-color: #FFFFFF; }
  #js_share_modal .mfp-close::after,
  .m_popup.fan_us .mfp-close::after {
    background-color: #FFFFFF; }

.m_popup.fan_us .m_url_btn .url_share_link, .m_popup.fan_us .m_url_btn .url_share_link:hover {
  opacity: 1 !important;
  color: #38448C;
  text-decoration: underline; }

#js_share_modal.m_popup.fan_us .m_url_btn .m_btn:not(.show_legal):not(#legal_provider_link):not(.open-popup-link).tooltipster,
.m_popup.fan_us.m_popup.fan_us .m_url_btn .m_btn:not(.show_legal):not(#legal_provider_link):not(.open-popup-link).tooltipster {
  order: -1;
  margin: 0;
  background-color: transparent !important;
  color: #38448C !important;
  border: none;
  text-align: left; }

#auth_popup .m_popup_header,
#my_part_auth_popup .m_popup_header {
  font-size: 0; }
  #auth_popup .m_popup_header::after,
  #my_part_auth_popup .m_popup_header::after {
    content: "Conecta con tu cuenta";
    font-size: 32px;
    display: inline-block;
    width: 100%;
    text-align: center; }
#auth_popup .m_popup_text,
#my_part_auth_popup .m_popup_text {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap; }
  #auth_popup .m_popup_text .common-btn,
  #my_part_auth_popup .m_popup_text .common-btn {
    -webkit-box: 1;
    -moz-box: 1;
    -webkit-flex: 1 0 auto;
    -ms-flexbox: 1 0 auto;
    flex: 1 0 auto;
    margin: 0 0 1rem 0;
    max-width: 300px; }
    #auth_popup .m_popup_text .common-btn .common-bg,
    #my_part_auth_popup .m_popup_text .common-btn .common-bg {
      -webkit-box-pack: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center; }
      #auth_popup .m_popup_text .common-btn .common-bg i,
      #my_part_auth_popup .m_popup_text .common-btn .common-bg i {
        font-size: 32px; }
      #auth_popup .m_popup_text .common-btn .common-bg a,
      #my_part_auth_popup .m_popup_text .common-btn .common-bg a {
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        text-align: center;
        width: auto !important; }
        #auth_popup .m_popup_text .common-btn .common-bg a span,
        #my_part_auth_popup .m_popup_text .common-btn .common-bg a span {
          text-transform: lowercase;
          color: #FFFFFF !important;
          line-height: 2; }
        #auth_popup .m_popup_text .common-btn .common-bg a:hover span,
        #my_part_auth_popup .m_popup_text .common-btn .common-bg a:hover span {
          background-color: transparent !important; }

.form_fields .form_input label.step_error, label.step_error {
  color: #E0323B !important;
  background-color: transparent; }

a span {
  color: #00aa3e !important; }

.klaro .cookie-modal .cm-modal {
  border-radius: 0 !important; }

.cm-powered-by {
  display: none !important; }

.klaro .cookie-modal .cm-modal {
  background-color: #FFFFFF !important; }
  .klaro .cookie-modal .cm-modal h1, .klaro .cookie-modal .cm-modal p, .klaro .cookie-modal .cm-modal a, .klaro .cookie-modal .cm-modal a span {
    color: #38448C !important; }
  .klaro .cookie-modal .cm-modal h1, .klaro .cookie-modal .cm-modal p {
    text-align: center; }

.klaro .cookie-modal .cm-btn {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  border-radius: 0 !important; }

.cm-modal .cm-body ul.cm-purposes span, .cm-modal .cm-body ul.cm-purposes a, .cm-modal .cm-body ul.cm-purposes p {
  font-family: "droid_sans", sans-serif !important;
  text-align: left !important; }

.klaro .cookie-modal .cm-btn,
.klaro .cookie-modal .cm-btn.cm-btn-info,
.klaro .cookie-modal .cm-btn.cm-btn-success,
.klaro .cookie-modal .cm-list-input + .cm-list-label .slider {
  background-color: #E0323B !important; }

.klaro .cookie-modal .cm-list-input.required:checked + .cm-list-label .slider,
.klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider {
  background-color: green !important; }

.klaro .cookie-modal .cm-list-input.half-checked:checked + .cm-list-label .slider {
  background-color: gray !important; }

.wizard .actions ul li a {
  border: 2px solid #E0323B;
  font-family: "Poppins", sans-serif !important;
  font-weight: 700 !important;
  min-width: 100%;
  width: auto;
  text-transform: uppercase;
  font-size: 21px; }
  @media screen and (min-width: 768px) {
    .wizard .actions ul li a {
      font-size: 28px; } }
  .wizard .actions ul li a:focus, .wizard .actions ul li a:hover, .wizard .actions ul li a:visited {
    border: 2px solid #E0323B; }
  .wizard .actions ul li a::before {
    opacity: 1;
    line-height: 1.7;
    padding: 0; }
    .wizard .actions ul li a::before:focus, .wizard .actions ul li a::before:hover, .wizard .actions ul li a::before:visited {
      opacity: 1; }
  .wizard .actions ul li a[href="#next"], .wizard .actions ul li a[href="#finish"] {
    padding: 2px 35px 2px 10px; }
    .wizard .actions ul li a[href="#next"]::before, .wizard .actions ul li a[href="#finish"]::before {
      right: 10px;
      content: "\f105"; }
      .wizard .actions ul li a[href="#next"]::before:focus, .wizard .actions ul li a[href="#next"]::before:hover, .wizard .actions ul li a[href="#next"]::before:visited, .wizard .actions ul li a[href="#finish"]::before:focus, .wizard .actions ul li a[href="#finish"]::before:hover, .wizard .actions ul li a[href="#finish"]::before:visited {
        right: 10px; }
  .wizard .actions ul li a[href="#previous"] {
    padding: 2px 10px 2px 35px; }
    .wizard .actions ul li a[href="#previous"]::before {
      content: "\f104";
      left: 10px; }
      .wizard .actions ul li a[href="#previous"]::before:focus, .wizard .actions ul li a[href="#previous"]::before:hover, .wizard .actions ul li a[href="#previous"]::before:visited {
        left: 10px; }

.wizard > .steps {
  padding: .5rem 0;
  margin: 0;
  width: 100% !important;
  background-color: #292B36; }
  .wizard > .steps::before {
    content: none; }
  .wizard > .steps ul {
    padding: 0 1rem;
    margin: 0;
    min-height: auto;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .wizard > .steps ul li {
      color: #FFFFFF;
      padding: 0;
      margin: 0 .5rem; }
      .wizard > .steps ul li::after {
        content: none; }
      .wizard > .steps ul li a {
        line-height: 1;
        background-color: #16181F;
        border: 1px solid #FFFFFF; }
        .wizard > .steps ul li a .number {
          color: #FFFFFF !important; }
      .wizard > .steps ul li.current a, .wizard > .steps ul li.done a {
        background-color: #FFFFFF !important; }
        .wizard > .steps ul li.current a span, .wizard > .steps ul li.done a span {
          color: #16181F !important; }

section.type_sport_game_forecast .question-description time {
  font-weight: 700 !important;
  display: block;
  margin: 0 auto; }
section.type_sport_game_forecast .form_fields {
  max-width: 100% !important; }
  section.type_sport_game_forecast .form_fields .form_input .forecast.odd {
    padding-right: 15px; }
    @media screen and (min-width: 768px) {
      section.type_sport_game_forecast .form_fields .form_input .forecast.odd {
        padding-right: 35px; } }
    section.type_sport_game_forecast .form_fields .form_input .forecast.odd .m_option {
      position: relative; }
      section.type_sport_game_forecast .form_fields .form_input .forecast.odd .m_option::after {
        content: "";
        display: block;
        position: absolute;
        width: 16px;
        height: 4px;
        right: -22px;
        background-color: #38448C !important;
        font-weight: 700 !important;
        top: 63%; }
        @media screen and (min-width: 768px) {
          section.type_sport_game_forecast .form_fields .form_input .forecast.odd .m_option::after {
            width: 46px;
            height: 6px;
            right: -58px;
            top: 54%; } }
      section.type_sport_game_forecast .form_fields .form_input .forecast.odd .m_option .m_option_label {
        text-align: center;
        padding: 0 40px 0 0 0; }
        @media screen and (min-width: 768px) {
          section.type_sport_game_forecast .form_fields .form_input .forecast.odd .m_option .m_option_label {
            padding: 0 110px 0 0; } }
  section.type_sport_game_forecast .form_fields .form_input .forecast.even {
    padding-left: 15px; }
    @media screen and (min-width: 768px) {
      section.type_sport_game_forecast .form_fields .form_input .forecast.even {
        padding-left: 35px; } }
    section.type_sport_game_forecast .form_fields .form_input .forecast.even .m_option .m_option_label {
      text-align: center;
      padding: 0 0 0 40px; }
      @media screen and (min-width: 768px) {
        section.type_sport_game_forecast .form_fields .form_input .forecast.even .m_option .m_option_label {
          padding: 0 0 0 110px; } }
  section.type_sport_game_forecast .form_fields .form_input .forecast .m_option .m_option_label {
    font-family: "Poppins", sans-serif !important;
    font-weight: 700 !important;
    font-size: 12px;
    min-height: 30px !important;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center; }
    @media screen and (min-width: 768px) {
      section.type_sport_game_forecast .form_fields .form_input .forecast .m_option .m_option_label {
        min-height: auto !important;
        font-size: 15px; } }
  section.type_sport_game_forecast .form_fields .form_input .forecast .m_options_list_figure {
    -webkit-box: 0;
    -moz-box: 0;
    -webkit-flex: 0 1 auto;
    -ms-flexbox: 0 1 auto;
    flex: 0 1 auto; }
    section.type_sport_game_forecast .form_fields .form_input .forecast .m_options_list_figure .m_figure .m_figure_viewport .m_figure_content {
      max-width: 80px;
      max-height: 80px; }
      section.type_sport_game_forecast .form_fields .form_input .forecast .m_options_list_figure .m_figure .m_figure_viewport .m_figure_content .m_figure_img {
        max-width: 80px;
        max-height: 80px; }
      @media screen and (min-width: 768px) {
        section.type_sport_game_forecast .form_fields .form_input .forecast .m_options_list_figure .m_figure .m_figure_viewport .m_figure_content {
          max-width: 200px;
          max-height: 200px; }
          section.type_sport_game_forecast .form_fields .form_input .forecast .m_options_list_figure .m_figure .m_figure_viewport .m_figure_content .m_figure_img {
            max-width: 200px;
            max-height: 200px; } }
  section.type_sport_game_forecast .form_fields .form_input .forecast .m_option input {
    background-color: #FFFFFF !important;
    border: 4px solid #16181F !important;
    border-radius: 0 !important;
    color: #16181F !important;
    font-size: 24px;
    font-family: "Poppins", sans-serif !important;
    font-weight: 700 !important;
    line-height: 1;
    padding: 5px 0 0 0;
    width: 2.5rem; }
    @media screen and (min-width: 768px) {
      section.type_sport_game_forecast .form_fields .form_input .forecast .m_option input {
        font-size: 80px;
        width: 5.5rem; } }
    section.type_sport_game_forecast .form_fields .form_input .forecast .m_option input:focus, section.type_sport_game_forecast .form_fields .form_input .forecast .m_option input.valid {
      border: 4px solid #16181F !important;
      background-color: #16181F !important;
      color: #FFFFFF !important; }
  section.type_sport_game_forecast .form_fields .form_input .forecast.odd .m_option input {
    border-right-width: 4px !important; }
  section.type_sport_game_forecast .form_fields .form_input .forecast.even .m_option input {
    border-left-width: 4px !important; }

.li_wrapper .m_options_list_input .m_option label {
  padding: 10px 5px !important;
  text-align: center;
  font-size: 21px;
  font-family: "Poppins", sans-serif !important;
  background-color: #FFFFFF !important;
  color: #38448C !important;
  border-color: #38448C !important;
  font-weight: 700 !important; }
  @media screen and (min-width: 768px) {
    .li_wrapper .m_options_list_input .m_option label {
      font-size: 32px; } }
.li_wrapper .m_options_list_input .control-point {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
  left: -99999; }

.form_fields_contender ::-webkit-input-placeholder {
  /* Edge */
  color: #38448C !important; }
.form_fields_contender :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #38448C !important; }
.form_fields_contender ::placeholder {
  color: #38448C !important; }
.form_fields_contender .form_fields .form_input input,
.form_fields_contender .form_input label,
.form_fields_contender .select2 span,
.form_fields_contender .select2-results__options li,
.form_fields_contender #ui-datepicker-div span,
.form_fields_contender #ui-datepicker-div a {
  font-family: "Poppins", sans-serif !important;
  font-weight: 300 !important;
  color: #38448C !important;
  font-size: 28px !important; }
.form_fields_contender .form_fields .form_input input {
  border-color: #38448C !important;
  background-color: #FFFFFF !important;
  padding: 5px 5px 5px 40px; }
.form_fields_contender .form_fields .form_input input,
.form_fields_contender .form_input label,
.form_fields_contender .select2 span,
.form_fields_contender .select2 .select2-selection--single .select2-selection__rendered,
.form_fields_contender .select2-results__options li,
.form_fields_contender #ui-datepicker-div span,
.form_fields_contender #ui-datepicker-div a {
  color: #38448C !important; }
.form_fields_contender a.control-checks-link, .form_fields_contender a.control-checks-link:visited {
  color: #38448C !important; }
.form_fields_contender .form_select .select2-container .select2-selection {
  height: auto !important;
  padding: 10px 5px 10px 40px !important;
  background-color: #FFFFFF !important;
  border-color: #38448C !important; }
.form_fields_contender .form_select .select2-container--default .select2-selection--single .select2-selection__arrow {
  background-color: #38448C !important;
  color: #FFFFFF !important;
  width: 36px !important;
  height: 36px !important;
  top: 10px !important;
  right: 5px !important;
  padding: 0 !important;
  line-height: 1.2;
  text-align: center; }
  .form_fields_contender .form_select .select2-container--default .select2-selection--single .select2-selection__arrow::before {
    content: '\f107'; }
.form_fields_contender .form_fields .form_select .select2-container--default .select2-selection--single .select2-selection__rendered[title=Provincia], .form_fields_contender .form_fields .form_select .select2-container--default .select2-selection--single .select2-selection__rendered[title=Region], .form_fields_contender .form_fields .form_select .select2-container--default .select2-selection--single .select2-selection__rendered[title=Distrito], .form_fields_contender .form_fields .form_select .select2-container--default .select2-selection--single .select2-selection__rendered[title=Província], .form_fields_contender .form_fields .form_select .select2-container--default .select2-selection--single .select2-selection__rendered[title=Province], .form_fields_contender .form_fields .form_select .select2-container--default .select2-selection--single .select2-selection__rendered[title=Regione], .form_fields_contender .form_fields .form_select .select2-container--default .select2-selection--single .select2-selection__rendered[title=Land], .form_fields_contender .form_fields .form_select .select2-container--default .select2-selection--single .select2-selection__rendered[title=Περιοχή], .form_fields_contender .form_fields .form_select .select2-container--default .select2-selection--single .select2-selection__rendered[title=Regija], .form_fields_contender .form_fields .form_select .select2-container--default .select2-selection--single .select2-selection__rendered[title=Regio], .form_fields_contender .form_fields .form_select .select2-container--default .select2-selection--single .select2-selection__rendered[title=Regiune], .form_fields_contender .form_fields .form_select .select2-container--default .select2-selection--single .select2-selection__rendered[title=Регион], .form_fields_contender .form_fields .form_select .select2-container--default .select2-selection--single .select2-selection__rendered[title=区域], .form_fields_contender .form_fields .form_select .select2-container--default .select2-selection--single .select2-selection__rendered[title=지역], .form_fields_contender .form_fields .form_select .select2-container--default .select2-selection--single .select2-selection__rendered[title="المحافظة"] {
  color: #38448C !important; }
.form_fields_contender .form_fields .form_select .select2-container--default .select2-selection--single .select2-selection__rendered[title=País], .form_fields_contender .form_fields .form_select .select2-container--default .select2-selection--single .select2-selection__rendered[title=Country], .form_fields_contender .form_fields .form_select .select2-container--default .select2-selection--single .select2-selection__rendered[title=Ţară], .form_fields_contender .form_fields .form_select .select2-container--default .select2-selection--single .select2-selection__rendered[title=Kraj], .form_fields_contender .form_fields .form_select .select2-container--default .select2-selection--single .select2-selection__rendered[title=국가], .form_fields_contender .form_fields .form_select .select2-container--default .select2-selection--single .select2-selection__rendered[title=国], .form_fields_contender .form_fields .form_select .select2-container--default .select2-selection--single .select2-selection__rendered[title=Paese], .form_fields_contender .form_fields .form_select .select2-container--default .select2-selection--single .select2-selection__rendered[title=Država], .form_fields_contender .form_fields .form_select .select2-container--default .select2-selection--single .select2-selection__rendered[title=Pays], .form_fields_contender .form_fields .form_select .select2-container--default .select2-selection--single .select2-selection__rendered[title=Χώρα], .form_fields_contender .form_fields .form_select .select2-container--default .select2-selection--single .select2-selection__rendered[title=Land], .form_fields_contender .form_fields .form_select .select2-container--default .select2-selection--single .select2-selection__rendered[title=Země], .form_fields_contender .form_fields .form_select .select2-container--default .select2-selection--single .select2-selection__rendered[title=البلد], .form_fields_contender .form_fields .form_select .select2-container--default .select2-selection--single .select2-selection__rendered[title=Страна] {
  color: #38448C !important; }
.form_fields_contender .form_fields .form_select.form_select_with_autocomplete {
  order: 1; }
.form_fields_contender .form_checkbox a {
  text-decoration: underline; }
.form_fields_contender .aggregated-checkboxes-contender .form_fields > .js_error_placement {
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: start;
  justify-content: start; }
.form_fields_contender .modal .modal-content {
  background-color: #FFFFFF; }
  .form_fields_contender .modal .modal-content .modal-header {
    background-color: #E0323B;
    border-radius: 0;
    padding-top: 15px;
    padding-bottom: 15px; }
    .form_fields_contender .modal .modal-content .modal-header .modal-title::after {
      font-family: "Poppins", sans-serif !important;
      font-weight: 700 !important;
      content: "Bases legales";
      font-size: 32px;
      color: #FFFFFF;
      display: inline-block;
      width: 100%;
      text-align: center; }
    .form_fields_contender .modal .modal-content .modal-header .close:not(button) {
      top: 20px;
      right: 20px;
      position: absolute;
      background-color: transparent;
      border: 0;
      -webkit-appearance: none;
      padding: 0.5rem;
      opacity: 1;
      background-color: #38448C;
      width: 50px;
      height: 50px; }
      .form_fields_contender .modal .modal-content .modal-header .close:not(button)::before, .form_fields_contender .modal .modal-content .modal-header .close:not(button)::after {
        position: absolute;
        left: 23px;
        content: ' ';
        height: 43px;
        width: 4px;
        background-color: #FFFFFF;
        top: 3px; }
      .form_fields_contender .modal .modal-content .modal-header .close:not(button)::before {
        transform: rotate(45deg); }
      .form_fields_contender .modal .modal-content .modal-header .close:not(button)::after {
        transform: rotate(-45deg); }
      .form_fields_contender .modal .modal-content .modal-header .close:not(button):hover {
        opacity: 1;
        background-color: #38448C; }
    .form_fields_contender .modal .modal-content .modal-header .close::before {
      background-color: #FFFFFF; }
    .form_fields_contender .modal .modal-content .modal-header .close::after {
      background-color: #FFFFFF; }

.points-after-participate {
  background-color: rgba(56, 68, 140, 0.05);
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 15px; }
  @media screen and (min-width: 768px) {
    .points-after-participate {
      padding-top: 50px;
      padding-bottom: 50px;
      margin-bottom: 50px; } }
  .points-after-participate span {
    font-family: "Poppins", sans-serif !important;
    font-weight: 700 !important;
    font-size: 28px; }
    @media screen and (min-width: 768px) {
      .points-after-participate span {
        font-size: 48px; } }
    .points-after-participate span.red {
      color: #E0323B; }

.paginator {
  margin-bottom: 30px; }
  .paginator .pagination {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center; }
    .paginator .pagination .previous_page,
    .paginator .pagination .next_page {
      display: none; }
    .paginator .pagination em {
      border: 2px solid #38448C;
      background-color: #38448C;
      color: #FFFFFF;
      font-style: normal;
      font-family: "Poppins", sans-serif !important;
      font-weight: 500 !important;
      margin: 0 5px;
      padding: 5px 10px;
      min-width: 40px;
      text-align: center; }
    .paginator .pagination a {
      border: 2px solid #38448C;
      background-color: transparent;
      color: #38448C;
      font-family: "Poppins", sans-serif !important;
      font-weight: 500 !important;
      margin: 0 5px;
      padding: 5px 10px;
      min-width: 40px;
      text-align: center; }

ol.participations {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  max-width: 585px; }
  ol.participations li {
    background-color: rgba(56, 68, 140, 0.05);
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: stretch;
    -moz-box-pack: stretch;
    -ms-flex-pack: stretch;
    -webkit-justify-content: stretch;
    justify-content: stretch;
    margin-bottom: 15px; }
    ol.participations li .avatar {
      background-color: #38448C;
      padding: 5px 12px;
      vertical-align: middle; }
      @media screen and (min-width: 768px) {
        ol.participations li .avatar {
          padding: 10px 22px; } }
      ol.participations li .avatar img {
        padding-top: 12px;
        max-width: 100%;
        width: 25px; }
        @media screen and (min-width: 768px) {
          ol.participations li .avatar img {
            padding-top: 6px;
            width: auto; } }
    ol.participations li .info {
      margin-left: 15px;
      padding-top: 15px;
      margin-bottom: 10px;
      -webkit-box: 1;
      -moz-box: 1;
      -webkit-flex: 1 0 auto;
      -ms-flexbox: 1 0 auto;
      flex: 1 0 auto; }
      @media screen and (min-width: 768px) {
        ol.participations li .info {
          margin-left: 30px;
          padding-top: 20px;
          margin-bottom: 15px; } }
      ol.participations li .info .name {
        font-size: 16px;
        font-family: "Poppins", sans-serif !important;
        font-weight: 700 !important;
        display: block;
        line-height: 0.6;
        margin-bottom: 3px; }
        @media screen and (min-width: 768px) {
          ol.participations li .info .name {
            font-size: 30px; } }
      ol.participations li .info .points {
        font-family: "Poppins", sans-serif !important;
        font-weight: 500 !important;
        font-size: 14px; }
        ol.participations li .info .points .red {
          color: #E0323B; }
    ol.participations li .date {
      color: #38448C;
      font-family: "Poppins", sans-serif !important;
      font-weight: 300 !important;
      font-size: 12px;
      padding-top: 15px;
      padding-right: 15px;
      text-align: right;
      line-height: 1;
      margin-left: 10px; }
      @media screen and (min-width: 768px) {
        ol.participations li .date {
          padding-top: 20px;
          padding-right: 20px; } }

#error_explanation {
  background-color: rgba(224, 50, 59, 0.6); }
  #error_explanation ul li {
    color: #FFFFFF; }

.quizz_question.step_error {
  background-color: rgba(224, 50, 59, 0.6); }

#auth_popup .m_popup_text .common-btn:nth-child(5) {
  order: -1; }
#auth_popup .m_popup_text .common-btn:nth-child(1), #auth_popup .m_popup_text .common-btn:nth-child(4) {
  order: 1; }