/*@font-face {
    font-family: 'Ubuntu';
    src: url('../fonts/Ubuntu-Light.eot');
    src: url('../fonts/Ubuntu-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Ubuntu-Light.woff2') format('woff2'),
        url('../fonts/Ubuntu-Light.woff') format('woff'),
        url('../fonts/Ubuntu-Light.ttf') format('truetype'),
        url('../fonts/Ubuntu-Light.svg#Ubuntu-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('../fonts/Ubuntu-Medium.eot');
    src: url('../fonts/Ubuntu-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Ubuntu-Medium.woff2') format('woff2'),
        url('../fonts/Ubuntu-Medium.woff') format('woff'),
        url('../fonts/Ubuntu-Medium.ttf') format('truetype'),
        url('../fonts/Ubuntu-Medium.svg#Ubuntu-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
*/

.help-block {
  color: #f44336;
  text-align: center;
  width: 100%;
  display: block;
  font-size: 11px;
  font-weight: 300;
  left: 0;
}
.page-competitions .competitions .competition .name{
  color: #fff;
}
.page-inner{
  z-index: 99999;
}
.formrow {
    padding: 15px 3px;
}
.formrow a {
    margin-left: 4px;
    margin-top: -6px;
}
#qr-reader #qr-reader__dashboard_section_csr{
  display: block !important;
}
.comeptition-field{
  width: 100%;
}
.alert.alert-success {
    color: #45dc45;
    margin-top: 12px;
}
.coming_match .line .middle{
  border-left: 0px solid !important;
  border-right: 0px solid !important;
}
.page-competition .card--matchs .coming_match  .line{
  display: block !important;
}

.page-competition .card--matchs .line .middle {
    flex-wrap: wrap;
}
.game-info {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex: 1;
}
.page-competition .card--matchs .line .date {
    width: 100%;
    text-align: center;
    font-size: .875rem;
    color: hsla(0,0%,100%,.6);
}
.restriction-wrap,.restriction-distance {
  position: fixed;
  height: 100%;
  width: 100%;
  left: 0;
  background: #ccc;
  background-color: #00141f;
  padding: 8rem 3.75rem 1.875rem;
  text-align: center;
}
.ranking-table thead th .col-container button{
  cursor: pointer;
}
.ranking-table-container:after {
    content: "";
    position: absolute;
    z-index: 99999999999;
    top: 50%;
    left: 50%;
    width: 3.75rem;
    height: 3.75rem;
    border: 0.3125rem solid #00bbf2;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spin .5s linear infinite;
     opacity: 0;
     visibility: hidden;
    transition: all .3s;
}
.ranking-table-container.loading:after {
  opacity: 1;
  visibility: visible;
}
.card--competitors .card-title {
    font-size: 1.625rem;
    font-weight: 500;
    text-align: center;
    padding: 1.5rem 3.75rem;
    border-bottom: 1px solid hsla(0,0%,100%,.2);
    margin-bottom: 14px;
}
.table-competitors td:not(:last-child) {
    border-right: 1px solid hsla(0,0%,100%,.2);
    border-left: 1px solid hsla(0,0%,100%,.2);
}
table.table-competitors {
    font-size: 1.25rem;
    white-space: nowrap;
    border-collapse: collapse;
}
.card--competitors table th {
    font-size: .875rem;
    font-weight: 400;
    padding: 0 1.25rem 0.625rem;
}
.card--competitors table td {
    padding: 0 1.25rem;
}
.card.card--competitors table {
    text-align: center;
    width: 100%;
}
.card.card--competitors {
    margin-top: 25px;
}
.new-competition{
  position: relative;
}

.new-competition span {
    text-align: center;
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 15px;
    font-size: 11px;
    color: #5bd2f7;
    font-weight: 600;
    letter-spacing: 0.7px;
}
#main-nav .scan-btn span{
  text-align: center;
  width: 66px;
  margin-top: 46px;
  font-size: 12px;
  color: #ffcd23;
  font-weight: 500;
}
.ranking-table thead th .col-container a{
  cursor: pointer;
}

.table-competitors .delete {
    color: #ff8c75;
    font-size: 9px;
    border: 1px solid;
    border-radius: 100%;
    width: 12px;
    height: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.2;
}
.ranking-table:not(.score-table) {
    flex: 1;
}

table.ranking-table.score-table {
    margin-left: -1px;
}

.ranking-table thead th .score-container {
    padding: 5px;
}
#send_pronostic{
  padding: 1.5rem 1.875rem;
  background: #ffc500;
  color: #000;
  font-size: 1.45rem;
}
.ranking-table.score-table tbody td {text-align: center;}

.page-concurrents .ranking-table.score-table tbody td:last-child {
    text-align: left;
}

.page-concurrents .ranking-table.score-table tbody {
    border-left: 1px solid hsla(0,0%,100%,.2);
}
.score-table thead th[colspan] {
    height: auto !important;
}
.page-competition .card--matchs .line .middle .country{
  min-width: 70px;
}
.line:not(.first-line) .middle {
    border-left: 0px !important;
}
body .page-competition .card--matchs .line.coming .middle,
body .page-competition .card--matchs .line.current .middle {
    border: none;
    justify-content: center;
    margin-left: 0;
    font-size: .875rem;
    text-transform: none;
    flex: 1;
    display: flex;
    font-size: 1.625rem;
    font-weight: 500;
    padding-right: 40px;
}
.line.coming {
    margin-top: 45px;
}
.coming_match {
    max-height: 395px;
    overflow: scroll;
}

.tns-liveregion.tns-visually-hidden{
  display: none;
}
.page-competition .card--matchs .line .middle {
    border-left: 0px solid #000 !important;
}
.flex-display{
  display: flex;
  align-items: center;
}
.final_stage{
  font-size: 1.1rem !important;
}
.ranking-table-container::-webkit-scrollbar {
    width: 0px;
}
#bottom-bar.bar-competition{
  padding: 0 1.25rem;
}
.player-username {
    font-size: 1.2rem;
}
@media (max-width: 370px) {
  .player-username {
    font-size: 1.1rem;
  }
}
span.md-check {
    background-repeat: no-repeat;
    display: block;
    width: 12px;
    height: 12px;
    background-image: url(../images/check.png);
    background-size: cover;
    margin: 0 auto;
}
.supper_final_wrapper img {
    max-width: 30px;
}
.supper_final_wrapper {
    text-align: center;
    color: #f5ca4c;
}
.superfina_img img {
    width: 100%;
}
.superfina_img {
    padding-top: 2rem;
}
.superfina_img .card-title {
    font-size: 1.95rem;
    margin-bottom: 1rem;
    color: #10b4ff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.superfina_img .infos-btn {
  display: inline-block;
  margin-left: 5px;
}

.superfinal-score {
    display: flex;
    align-items: center;
    padding: 0.2rem;
    justify-content: center;
}
.superfinal-score .country {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.superfinal-score .country img {
    width: 1.875rem;
    height: 1.25rem;
}
.superfinal-score .country .name {
    font-size: 0.875rem;
    line-height: 1;
    text-transform: uppercase;
    margin-top: 0.25rem;
}
.superfinal-score .score {
    font-size: 1.125rem;
    font-weight: 500;
    margin: 0 0.375rem;
}
.mt--1{
  margin-top: -15px;
}
.provisional_points {
  font-size: 1.65rem;
  text-align: center;
  color: red;
  padding: 1rem;
}

.page-competition .card--matchs.sport_2 .line .middle .country img {
    height: 2.7rem;
}

.competitions-tab .competitions:not(.active){
  display: none !important;
}
div#tns1-item0  .subtitle {
    font-size: 1.5rem !important;
}
.tutorial-page #topbar {
    background: transparent;
    top: 10px;
}
.tutorial-page #topbar .btn-back img {
    width: 2.5rem;
}
span.position_num {
    width: 11px;
    display: inline-block;
    text-align: center;
  }
  @media (max-width: 230px) {
    .score-box{
      margin: 0 !important;
    }
    .score-box__score {
      font-size: 2rem;
    }
    .tuto-slider .slide-inner {
      padding-left: 1rem;
      padding-right: 1rem;
    }
  }