.containerQuadros{
    width: 940px;
    padding: 10px;
    min-height: 415px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    background-color:#0F1923;
    text-align: center;
   }

   .numero {
    float: left;
    width:120px!important;
    height:120px!important;
    color:#ffffff;
    font-size:20px;
    font-weight:bold;
    border-radius:4px;
    margin:5px;
    text-align: center;
    padding: 40px;
    padding-top: 42px!important;
    }

   .numero:hover{ cursor: pointer;}

   .P{
    background-image: url('../imagens/black-0.svg');
   }
   .V{
    background-image: url('../imagens/red-0.svg');
  }
  .B{
    background-image: url('../imagens/white.svg');
    margin-left: 400px;
  }
  .rodadas{
    padding: 10px!important;
  }

  .divData, .divDataHorario{
    background-color: #153380;
    color:#fff;
    padding: 5px;
    border-radius: 5px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    margin:15px 0;    
  }
  .divDataHorario{
	  background-color:  rgb(160, 165, 167)!important;
	  width: 20%;
    border: 3px solid #fff;
    display: flex;
    justify-content: center;
  }

  .containerQuadrosRodadas{
    width: 920px;
    padding: 10px;
    min-height: 415px;
    flex-direction: row;
    justify-content: center; 
    /*align-items: center;*/
    position: relative;
    margin-left: auto;
    margin-right: auto;
    background-color:#757373!important;
    text-align: center;
   }

   .numeroRodadas {
      min-width:50px;
      max-width:52px;
      height:80px;
      color:#fff;
      text-align: center;
      background-position: 0 0;
      background-repeat: no-repeat;
      background-size: 100%; 
      margin: 0 2px;
   }
    .numeroRodadas span.num{
      float: left;
      width:50px;
      height: 10px;
      font-weight:bold;
      font-size:14px;
      margin-top: 15px;
      margin-bottom: 20px;
      position: relative;
      left: -11px;

    }
    .numeroRodadas span.time{
      margin-top:25px!important;
      color:#000!important;
      font-size:10px!important;
      position: relative!important;
      left: -6px!important;
    }

    .numeroRodadasCrash {
      width:56px!important;
      height:30px!important;
      color:#fff;
      margin: 14px 2px!important;
      text-align: center!important;
      max-width: 100%;
      background-position: 0 0;
      background-repeat: no-repeat;
      background-size: 100%;
      border-radius: 5px;
    }
    .listagemRodadas{
      padding:10px 5px 10px 20px!important;
    }

    .numeroRodadasCrash span{
      width:56px;
      margin:3px!important;
      text-align: center;
      position:relative!important;
      top:5px!important;
    }
    .numeroRodadasCrash span.vela{
      float: left!important;
      width:52px!important;
      text-align: center!important;
      font-weight:bold!important;
      font-size:11px!important;
      position:relative!important;
      top:2px!important;
      left:-15px!important;
    }
    .numeroRodadasCrash span.time{
      margin-top:7px!important;
      color:#000!important;
      position:relative!important;
      left: -9px!important;
      top:1px!important;
      font-size: 11px!important;
    }

    #sectionBoot{
      background-color: #0F1923;
    }

    #sectionBoot .section-title{
      color:#ccc;
    }


  .Prodada{
    background-image: url('../imagens/black-0.svg');
    }
  .Vrodada{
    background-image: url('../imagens/red-0.svg');
  }
  .Brodada{
    background-image: url('../imagens/white-0.svg');
  }
  .Nrodada{
    background-image: url('../imagens/cinza-0.svg');
    }


  span.bordaSinal{
    border-radius:5px;
    border-color: #fff;
    border-style:solid;
    padding:2px;
    background:#fff;
    color:#353333
   }

   .numeroRodadasMini {
    width:30px!important;
    height:30px!important;
    color:#fff;
    font-size:10px;
    font-weight:bold;
    margin:9px 3px;
    text-align: center!important;
    max-width: 100%;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .numeroRodadasMini p{
    width:30px;
    margin:2px;
    text-align: center;
    position:relative!important;
    left:-2px!important;
    top:6px!important;
  }
  .resultMini{
    float:left;
    width:70px;
    text-align:center;
    font-size:9px
  }
  #relogio {
    font-size: 30px;
    color:#fff;
    font-weight: bold;
    margin-left: 50px;
  }

  #bk-cadastro{
    background-position: bottom -1px right 1px;
    color: #fff!important;
  }

  #bk-crash{
    background-position: bottom -1px right -40px;
    color: #fff;
  }

  #bk-double{
    background-position: top -90px left -10px;
    color: #fff;
  }

  #bk-servicos{
    background-position: bottom  -15px left -10px;
    color: #fff;
  }

  #bk-cadastro{
    background-image: url('../imagens/cadastro-banner.png');
  }

  #bk-crash{
    background-image: url('../imagens/crash-banner.png');
  }

  #bk-servicos{
    background-image: url('../imagens/servicos-banner.png');
  }

  #bk-double{
    background-image: url('../imagens/double-banner.png');
  }

  #bk-cadastro:hover{ cursor:pointer}
  #bk-double:hover{ cursor:pointer}
  #bk-crash:hover{ cursor:pointer}

  #bk-servicos ul li{
    font-size: 11px!important;
    text-align: left;
    list-style-type:disc
  }

  .quadro1{
    background-color: #32CD32!important;
    color: #1c1c1c!important;
  }
  .quadro2{
    background-color: #1c1c1c!important;
    color: #ccc!important;
  }

  .btnExportar {
    background: #2f77d6;
    border: 0;
    padding: 10px 30px;
    color: #fff;
    transition: 0.4s;
    border-radius: 3px;
  }
  .btnExportar:hover {
    background: #153380;
  }

  #tabs{
    /*margin-top: 10px;*/
    padding:0px!important;
    border:0px!important;
  }
  .ui-tabs .ui-tabs-panel{
    min-height: 550px!important;
    border:0px!important;
  }
  #tabs .ui-tabs-nav {
    margin:0px!important;
    padding: 0px!important;
    border:0px!important;
    background-color: none!important;
  }


  #tabs .ui-tabs-nav{
    background: #0f1923;
    font-weight: bold;
  }

  .ui-tabs .ui-tabs-panel {
    padding-left:40px!important;
  }
  .section-internas{
    margin-top: 112px!important;
  }

  .iconAcoes{
    cursor:pointer;
  }

  .totalHistorico{
    width: 100%;
    padding:10px;
    background: #0f1923;
    margin:0!important;
  }

  .rsHistorico{
    height: 48px;
    width: 100%;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px;
    font-weight: bold;
  }

  .rsHistoricoPreto {
    background-color: #343b4a;
    color:#fff;
  }

  .rsHistoricoVermelho {
    background-color: #f12c4c;
    color:#fff;
  }

  .rsHistoricoPreto {
    background-color: #343b4a;
    color:#fff;
  }

  .rsHistoricoBranco {
    background-color: #fff;
    color:#000;
  }

  .rsHistoricoVerde {
    background-color: #32CD32;
    color:#000;
  }

  /*******BOOT**********/
  .corpo{
    padding: 0 20px!important;
    color: #cccccc;
  }
  .corpo .row{
    padding-left: 0px!important;
    padding-right: 0px!important;
    margin-left: 0px!important;
    margin-right: 0px!important;
  }
  .corpo h3{
     text-align: center;
     margin-top: 30px;
     margin-bottom: 15px;
     padding: 0px;
  }
  .numeroRodadasBoot{
    height: 70px;
    font-weight:bold;
    font-size:24px;
    margin: 2px;
    color: #fff;
    border-radius: 3px;
  }

  .numeroRodadasBoot span.num{
    float: left;
    width: 100%;
    margin-top: 13px;
    text-align: center;
  }

  .PbootSinal{
    background-color: #343B4A;
   }
   .VbootSinal{
     background-color: #F12C4C;
   }
   .BbootSinal{
     background-color: #fff;
   }

   button.btnBoot{
    width: 100%;
    margin-top: 15px;
   }

   #sectionBoot img.icon-boot{
    width:30%!important;
   }


  #qb{
    color:#b63c3c;
  }

  .loader {
    position: relative;
    left:40%;
    width: 30px!important;
    height:30px!important;
    border: 4px solid rgb(253, 252, 255);
    border-left-color: rgb(88, 84, 84);
    border-radius: 100%;
    animation: loader 1s linear infinite;
  }

  @keyframes loader {
    to {
      transform: rotate(360deg);
    }
  }

  @media (max-width: 540px) {
    .loader{
      left:30%;
    }
    #sectionBoot img.icon-boot{
        width:90%!important;
       }
    #listDoubleIndex{
      width: 98%!important;
      position: relative;
      left: -5px;
    }
    .ui-tabs .ui-tabs-panel {
        position: relative;
        left: -45px;
    }
    .rodadas{
        max-width: 430px;
    }


  }
  @media (max-width: 720px) {
    .loader{
      left:30%;
    }
    #sectionBoot img.icon-boot{
        width:50%!important;
       }
    #listDoubleIndex{
      width: 98%!important;
      position: relative;
      left: -5px;
    }
    .rodadas{
        max-width: 430px;
    }


  }


  #puxaBrancoDoDia, #repetidosPosBranco{
    text-align: center;
    margin-top: 17px;
  }

  .numPuxaBrancoBoot{
    border-radius: 3px;
    text-align: center;
    margin:auto;
    margin: 0 2px;
    color: #fff;
    padding: 5px 0;
    font-weight: bold;
  }

  .vermelho{
    background-color: #F12C4C!important;
  }
  .preto{
    background-color: #343B4A!important;
  }
  .branco{
    background-color: #ffffff!important;
  }
  select#horas{
    padding:3px;
    border-radius: 5px;
    font-size: 14px!important;
    position:relative;
    top: -3px;
  }

  .linhaTabela{
    background-color: #152535;
    border-radius: 3px;
    color:#ccc;
    padding:5px 0;
    /*width: 98%;*/
      
    margin-bottom: 5px!important;
  }

/* Estilo iOS */
.switch__container {
  margin: 10px auto;
  width: 60px;
}

.switch {
  visibility: hidden;
  position: absolute;
  margin-left: -9999px;
}

.switch + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  user-select: none;
}

.switch--shadow + label {
  padding: 2px;
  width: 60px;
  height: 30px;
  background-color: #dddddd;
  border-radius: 60px;
}
.switch--shadow + label:before,
.switch--shadow + label:after {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  content: "";
}
.switch--shadow + label:before {
  right: 1px;
  background-color: #f1f1f1;
  border-radius: 60px;
  transition: background 0.4s;
}
.switch--shadow + label:after {
  width: 32px;
  background-color: #fff;
  border-radius: 100%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  transition: all 0.4s;
}
.switch--shadow:checked + label:before {
  background-color: #8ce196;
}
.switch--shadow:checked + label:after {
  transform: translateX(28px);
}

/* Estilo Flat */
.switch--flat + label {
  padding: 2px;
  width: 60px;
  height: 30px;
  background-color: #dddddd;
  border-radius: 60px;
  transition: background 0.4s;
}
.switch--flat + label:before,
.switch--flat + label:after {
  display: block;
  position: absolute;
  content: "";
}
.switch--flat + label:before {
  top: 2px;
  left: 2px;
  bottom: 2px;
  right: 2px;
  background-color: #fff;
  border-radius: 60px;
  transition: background 0.4s;
}
.switch--flat + label:after {
  top: 4px;
  left: 4px;
  bottom: 4px;
  width: 56px;
  background-color: #dddddd;
  border-radius: 52px;
  transition: margin 0.4s, background 0.4s;
}
.switch--flat:checked + label {
  background-color: #8ce196;
}
.switch--flat:checked + label:after {
  margin-left: 60px;
  background-color: #8ce196;
}

/********* index ***********************************************/
#listDouble, #listCrash{
    -webkit-flex-direction: row-reverse!important;
    flex-direction: row-reverse!important;
    max-width: 1120px;
}

/********* index2 ***********************************************/

.numeroRodadas{
    float: left;
}
.minuto {
    min-width:50px;
    max-width:52px;
    min-height:50px;
    max-height:52px!;
}
.resultIndex{
    width: 100vw;
    /*height: 100vh;*/
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.circuloNumeral{
    background-color: #eeeaea;
    padding: 5px;
}


/******************************* Tela de jogador ********************************/

#listDoubleIndex, #listDoubleIndexDiv{
  -webkit-flex-direction: row-reverse!important;
  flex-direction: row-reverse!important;
  width: 1140px; 
}

.telaJogador{
    justify-content: center;
    text-align: center;
}

#tjAnalise{
    background-color: #1A242D!important;
    margin: 0 10px;
}
 #rodada{
    color: #ccc;
}
#tjAnalise h3{
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 20px 1px 20px 1px!important;
    color: #fff;
 }
 .tjListDouble{
    
    margin-bottom: 20px;
    padding: 10px;
    overflow-x: auto;
    margin: 10px;
 }
 #headerListDoubleIndex{
    float: left;
    width:904px!important;
    background-color:#000000!important;
    margin: 0px!important;
    padding: 0px!important;
 }
 .tjListDouble span.time{
    color: #6f6d6d!important;
 }
 #listRodadas{
    width:1170px;
 }
 #listRodadas td{
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
 }
 .circulo {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #2d2d2d;
  vertical-align: 20%;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  padding-top: 20;
  }
  
  .containerQdRelatorio  {
    width: 100vw;
    /*height: 100vh;*/
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
}
  .qdRelatorio{
    margin: 5px;
    border: 1px solid #757373;
    width:98%!important;
    padding: 20px 0;
    background-color: #000;
  }
  .qdRelatorio h4{
    font-size: 20px;
    font-weight: bold;
    color:#fff;
    text-align: center;
    margin: 10px 0 15px 0;
   
  }
  .qdRelatorio H3{
    font-size: 17px;
    color:#152535;
    font-weight: bold;
  }

 .colMinuto{
  margin-top: 20px;
  background-color: #000;
  font-size: 12px;
  font-weight: bold;
  color: #fff;  
  opacity: 50%;
 }

 .progress{
  margin: 2px 0;
  border-radius: 0;
  padding: 0;
 }
 .progress-win-loss {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  transition: width .6s ease;
  font-size: 10px;
}

 .win{
  background-color: #084ef1;
 }
 .loss{
  background-color: #980909;
 }

 .linhaParagrafo{
  width:100%; 
  border: 1px solid #152535; 
  padding:3px; 
  border-radius: 5px;
  margin: 0px;
 }

 #algoritmoRodada{
  margin-top:20px;
 }

 .captcha-container {
    display: flex;
    align-items: center;
}
.captcha-container img {
    margin-right: 10px;
    cursor: pointer;
    border: 1px solid #ccc;
}
.reload-btn {
    padding: 5px 10px;
    background-color: #3490dc;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
.reload-btn:hover {
    background-color: #2779bd;
}