body{
   background: #f1f7f1
}
.whatsapp {
   position: fixed;
   bottom: 10px;
   right: 10px;
   padding: 10px;
   z-index: 10000000;
   text-align: center;
   -webkit-text-stroke-width: 1px; /* largura da borda */
    -webkit-text-stroke-color: #000; /* cor da borda */
   color:#FFF;
   font-weight: bold;
}
.navbar{
   border-bottom: 1px solid #ccc;
}
a.nav-link{
   color: #008135 !important;
   font-style: oblique;
   padding-right: 15px !important;
}
a.nav-link:hover{
   color: #FF6600 !important;
}

.font13{
   font-size: 13px;
}

.espaco{
   height: 70px;
}
.categorias{
   display: flex;
   flex-flow: row wrap;
   justify-content: space-around;
   position: relative;
   margin-top: 40px;
}
.categorias  > div {
   width: 100px;
   height: 100px;
   border-radius: 50%;
   display: flex; 
   background-size: cover;
   margin-bottom: 10px;
}
.categorias  > div > .descreve_itens a{
   opacity: 0;
   width: 100px;
   height: 100px;
   background: #008e00;
   color: #FFF;
   position: absolute;
   align-items: center;
   border-radius: 50%;
   justify-content: center;
   display: flex;
   background-color: rgba(0, 124, 62, 0.7);
   background: rgba(0, 124, 62, 0.7);
   font-weight: bold;
   transition: opacity 1s;
   text-decoration: none;
}
.categorias  > div > .descreve_itens a:hover{
   opacity: 1;
   cursor: pointer;
}
.sublinhado{
   display:inline-block;
   border-bottom:2px solid #008e00;
   color:#008e00;
   font-size:20px;
   font-weight:600;
}
.sublinhado_breve{
   display:inline-block;
   border-bottom:2px solid #E65A1D;
   color:#E65A1D;
   font-size:20px;
   font-weight:600;
}
.sublinhado_encerrado{
   display:inline-block;
   border-bottom:2px solid #C82333;
   color:#C82333;
   font-size:20px;
   font-weight:600;
}
a.links:link,a.links:active, a.links:visited{
   color: #008135;
   text-decoration: none;
}
a.links:hover{
   color:#FF6600;
}
a.links_breve:link,a.links_breve:active, a.links_breve:visited{
   color: #E65A1D;
   text-decoration: none;
}
a.links_breve:hover{
   color:#ff9900;
}
a.links_encerrado:link,a.links_encerrado:active, a.links_encerrado:visited{
   color: #C82333;
   text-decoration: none;
}
a.links_encerrado:hover{
   color:#fc5b5b;
}
.linha{
   width:100%;
   height:3px;
   background-color: rgba(0, 0 , 255, .1);
   margin-top:-2px;
}
.eventos{
   margin-top: 30px;
}
.btn{
   border-radius: 0 !important;
}
.card-img-top{
   max-height: 143px;
}
.card-title{
   min-height: 50px;
   font-size: 15px !important;
}
.zoom {
   overflow: hidden;
}

.zoom img {
   max-width: 100%;
   -moz-transition: all 0.3s;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.zoom:hover img {
   -moz-transform: scale(1.1);
   -webkit-transform: scale(1.1);
   transform: scale(1.1);
}
.form-control{
   border-radius: 0 !important;
   box-shadow: 0 0 0 0 !important;
}
.form-control:focus{
   border-color: #008135 !important;

}
.busca{
   width: 100%;
   padding: 13px 10px 0 10px;
   background: #f0f0f0;
   margin-top: 30px;
   border-radius: 10px;
   border: 1px solid #e9e9e9;
}

#rodape{width:100%; background:#333; padding:15px; position:relative; bottom:0; }

#centro-rodape{width:75%; margin:0 auto; padding:20px 50px 0 0; }
a.rodape:link, a.rodape:active, a.rodape:visited{color:#CCC; text-decoration:none;}
a.rodape:hover{color:#ff6600;}
#rodape hr{margin:3px 0; border:1px solid #666; border-top:0;}
#rodape h4{color:#CCC; font-weight:bold; margin-bottom:20px;}

.cinzza{
   color: #ccc;
}
.card-title{
   min-height: 65px;
}


a.linkgeral:link, a.linkgeral:active, a.linkgeral:visited{
   color: #008e00;
   text-decoration: none;
}
a.linkgeral:hover{
   color: #FF6600;
}

.pace {
   -webkit-pointer-events: none;
   pointer-events: none;

   -webkit-user-select: none;
   -moz-user-select: none;
   user-select: none;
}

.pace-inactive {
   display: none;
}

.pace .pace-progress {
   background: #FF6600;
   position: fixed;
   z-index: 2000;
   top: 0;
   right: 100%;
   width: 100%;
   height: 2px;
}

.n_encontrado{
   height: 50vh;
}
.quadro{
   padding: 15px 20px;
}

.page-header {
   position: relative;
   z-index: 99;
   padding-top: 100px;
   padding-bottom: 72px;
   background-size: 100%;
}

.page-header::after {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   z-index: -1;
   width: 100%;
   height: 100%;
   background: rgba(0,0,0,.4);
}

.page-header h1 {
   position: relative;
   padding-bottom: 24px;
   font-size: 36px;
   font-weight: 600;
   color: #fff;
}

.page-header h1::before {
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   width: 64px;
   height: 4px;
   border-radius: 2px;
   background: #ff5a00;
}


.page-header-prova{
   width: 100%;
   display: flex;
}
.page-header-prova img{
   width: 100%; 
   max-height: 370px;
}

.cartao{
   width: 100%;
   background: #FFF;
   border: 1px solid #e5e5e5;
   padding: 20px;
}
.topcenter{
   width: 100%;
   text-align: center;
   border-bottom: 3px solid #ff6600;
   margin-bottom: 40px;
   line-height: 20px;
   color: #333;
}
.bulets{
   width: 100%;
   text-align: center;
   background: #ebebeb;
   padding: 5px 15px;
}
.listbulet{
   width: 100%;
   border-bottom: 2px solid #CCC;
   text-align: center;
   padding-top: 20px;
   padding-bottom: 20px;

}
.listbulet:last-of-type{
   border: 0;
}
.swal2-title{
   font-size: 1.2em !important; 
}

.page-item.active .page-link {
   z-index: 3;
   color: #fff;
   background-color: #008e00;
   border-color: #008135;
}
.page-link{
   color: #008135;
}
label{
   font-weight: bold !important;
}

.card_cadastro{
   display: flex;
   overflow: hidden;
   justify-content: center;
   align-items: center;
   max-width: 100%;


}
.card_cadastro img{
   max-height: 400px;
}
.espacohr{
   margin: 40px 0;
}
.aa{
   display: none;
}
.condicoes{
   width: 100%;
   border-bottom: 2px solid #ccc;

}

.custom-control-input:checked ~ .custom-control-label::before {
   color: #fff;
   border-color: #008135;
   background-color: #336600;
   box-shadow: none !important;
}

.btn-link {
   font-weight: 400;
   color: #336600;
   text-decoration: none;
   box-shadow: none !important;
}
.btn-link:hover, .btn-link:active, .btn-link:visited{
   text-decoration: none;
}

.img_topo{
   width: 100%;
}
.img_topo img{
   width: 100%;
}

.centro{
   text-align: center;
   justify-content: center;
   align-items: center;

}
.redondo{
   width: 100px;
   height: 100px;
   background: #ccc;
   color: #FFF;
   border-radius: 50%;
   font-size: 50px;
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   margin: auto;
}
.p1{
   width: 100%;
   background: #FFF;
   padding-top: 40px;
   padding-bottom:  40px;

}
.p2{
   width: 100%;
   background: #008135;
   color: #FFF;
   padding-top: 40px;
   padding-bottom:  40px;
   text-align: center;
}

.p3{
   width: 100%;
   padding-top: 40px;
   padding-bottom:  40px;
   text-align: center;
}
.p4{
   width: 100%;
   padding-top: 40px;
   padding-bottom:  40px;
   text-align: center;
   background: #FFF;
}

.titulos{
   width: 100%;
   background: #FFF;
   text-align: center;
   font-size: 2.0rem;
   padding-top: 30px;
}
.card_pers{
   border: 0 !important;
   background: none !important;
   margin-bottom: 20px;


}

.bg-rosa{background: #FF1493; color: #FFF;}
.badgeRight{
   float: right;
   color: #FFF;
}

.colunapercurso{
   max-width: 98% !important;
   text-align: left;
   background-color: rgba(255, 255, 255, 0.6);
   background: rgba(255, 255, 255, 0.6);
   -webkit-box-shadow: 2px 3px 6px 1px rgba(201,201,201,0.62); 
   box-shadow: 2px 3px 6px 1px rgba(201,201,201,0.62);
}
.colunapercurso2{
   max-width: 98% !important;
   text-align: left;
   background-color: rgba(255, 255, 255, 0.8);
   background: rgba(255, 255, 255, 0.8);
   -webkit-box-shadow: 2px 3px 6px 1px rgba(201,201,201,0.62); 
   box-shadow: 2px 3px 6px 1px rgba(201,201,201,0.62);
}
.colunapercurso2{
   color: #333;
   padding-top: 15px;
}
.colunapercurso a:link{
   text-decoration: none;
}
.linkinscricao{
   border-bottom: 1px solid #CCC;
   padding: 0px;
}
.titlepercurso{
   font-size: 1.8em !important;
   padding-bottom: 15px;
}
.regulamento{
   text-align: center;
   margin-top: 15px;
}
.btnsevento{
   width: 100%;
   text-align: center;
   margin-top: 30px;
}
.btn-branco{
   background: #FFF;
   color: #666;
}
.alertaFechada{
   margin-top: 25px;
   text-align: center;
   background: #ff9999;
   color: #990033;
   padding: 20px;
   font-weight: bold;
}
.alertaPausada{
   margin-top: 25px;
   text-align: center;
   background: #99ccff;
   color: #006699;
   padding: 20px;
   font-weight: bold;
}
.espacoBrancoinscricao{
   min-height: 250px;
}
.form_logar_atleta{
   width: 50%;
   margin: 30px auto;
   background: #ebebeb;
   padding: 40px;
}
.titulos_forms{
   width: 100%;
   text-align: center;
   font-size: 20px;
   font-weight: bold;
   color: #333;
}
.filtraratleta{
   width: 50%;
   padding: 30px;
   margin: 10px auto;
}
.borda-left{
   border-left: 1px solid #ccc;
}
.borda-left ul li{
   font-size: 16px;
   margin-bottom: 15px;
}
.espaco-inscricao{
   height: 40px;
   display: none;
}
.badge-elson{
   background: #FFF;
   color: #FF0000;
}

.busca_atleta_cpf{
   width: 95%;
   background: #fde7d0;
   border: 1px solid #ebebeb;
   position: absolute;
   z-index: 999999;
}
.busca_atleta_cpf ul{
   padding: 0; margin: 0;
}
.busca_atleta_cpf ul li{
   list-style: none;
   padding: 5px 10px;
   border-bottom: 1px solid #a07800;
   cursor: pointer;
}
.btn-xs{
   padding: 1px 5px !important;
   margin-bottom: 0 !important;
   font-size: 11px !important;
   font-weight: normal !important;
}

.descontotela, .total_pagar{
   width: 100%;
   text-align: right;
}
.termos{
   border-top: 1px solid #CCC;
   width: 100%;
   height: 200px;
   overflow-y: scroll;
   background: #EBEBEB;
   padding: 10px;
}

@media only screen and (max-width: 900px) {
   .bosta-button{
      width: 100%;
      margin-bottom: 5px;
   }
   
   .quadro h3{
      margin-top: 50px;
      width: 100%;
      font-size: 16px;
      text-align: center;
   }
   .bulets{
      margin-top: 15px;
   }
   .aa{
      display:block


   }
   .ab{
      display: none;
   }
   .card_cadastro img{
      max-height: 200px;
      margin-bottom: 15px;
   }
   .espaco-top{
      margin-top: 50px;
   }
   .centro{
      font-size: 0.8em;
   }
   .redondo{
      width: 40px;
      height: 40px;
      background: #ccc;
      color: #FFF;
      border-radius: 50%;
      font-size: 25px;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      margin: auto;
   }
   .p4 .btn{
      margin-top: 15px;
   }
   .form_logar_atleta{
      width: 95%;
      padding: 20px;
   }
   .borda-left{
      margin-top: 30px;
   }
   .espace_boton{
      margin-top: 10px !important;
      width: 100% !important;
   }
}