/* MODAL LOGIN */
.modal-login{position: fixed; width: 100%;height: 100vh; background-color:rgba(0,0,0,0.9); z-index: 99999;
    display: grid;  place-content: center; visibility: hidden; opacity: 0; transition: .3s;}
.modal-login:target{  opacity: 10;  visibility: visible;}
.modal-login .modal-content{ background-color: #ffffff; width: 500px; padding:  2rem 2rem 1rem; z-index: 99999;
margin-top: 10px; position: relative;}
.modal-login .modal-content .title{float: left; width: 100%; padding:10px 0px; text-align: center;}
.modal-login .modal-content .title h2{font-family: var(--fonte-texts); font-size: 1.4em; color: #0c3905;}
.modal-login .modal-content .title p{font-family: var(--fonte-texts); font-size: 0.9em; color: #555;}
.modal-login .modal-content .form-login{ width: 400px; margin: 70px auto 0px; padding:20px 0px; text-align: center;  }
.modal-login .modal-content .form-login label{float: left; width: 100%; font-size: 0.9em; color:#888; 
font-family: var(--fonte-texts); margin-bottom: 2px;}
.modal-login .modal-content .form-login label span{color:#26b10d;}
.modal-login .modal-content .form-login .email,.senha{float: left; width: 100%; margin-bottom: 13px; padding: 14px 15px;
border:1px solid #888; margin-left: -15px;}
.modal-login .modal-content .form-login .entrar{width: 100%; margin-bottom: 10px; 
background-color: #0c3905; padding:20px; cursor: pointer; font-family: var(--fonte-texts); color: #fff;
font-size: 0.9em;}
.modal-login .modal-content .form-login .entrar:hover{background-color: #26b10d;}
.modal-login .modal-content .title2{float: left; width: 100%; padding:40px 0px; text-align: center; margin-top: -30px;}
.modal-login .modal-content .title2 a{font-family: var(--fonte-texts); font-size: 0.9em; color: #156305;
font-weight: 600; text-decoration: none;}
.modal-login .modal-content .title2 a:hover{text-decoration: underline; color:#187c04;}
.modal-login .modal-content .title2 p{font-family: var(--fonte-texts); font-size: 0.9em; color: #555;
margin-top: 20px;}
.modal-login .modal-content .title2 p a{color: #fff; background-color: #26b10d; font-weight: 400;}
.modal-login .modal-content .title2 p a:hover{color: #fff; background-color: #444;}

.modal-login .modal-content .modal-close{ color: #26b10d;  padding:8px 10px;
font-size: 1.4em; position: absolute; top: -14px; right: -14px; ;}
.modal-login .modal-content .modal-close:hover{color: #0c3905;}
.modal-login .modal-content .recovery{display: none;}
/* MODAL LOGIN */

/* MODAL TERMOS E CONDICOES */
.modal-termos{position: fixed; width: 100%;height: 100vh; background-color:rgba(0,0,0,0.9); z-index: 999999999;
    display: grid;  place-content: center; visibility: hidden; opacity: 0; transition: .3s;}
.modal-termos:target{  opacity: 10;  visibility: visible;}
.modal-termos .modal-content{ background-color: #ffffff; width: 50%; padding:40px; z-index: 99999;
margin:30px 0px 40px; position: relative; margin:0 auto;}
.modal-termos .modal-content .title{float: left; width: 100%; padding:10px 0px; text-align: center;}
.modal-termos .modal-content .title h2{font-family: var(--fonte-texts); font-size: 1.8em; color: #0c3905;}
.modal-termos .modal-content .title p{font-family: var(--fonte-texts); font-size: 0.9em; color: #555;}
.modal-termos .modal-content article{width: 100%; float: left; padding:10px; margin-top: 20px; max-height: 380px; overflow: auto;}
.modal-termos .modal-content article h1{font-family: var(--fonte-texts); color: #0c3905; font-size: 1em; margin-bottom: 3px;}
.modal-termos .modal-content article p{font-family: var(--fonte-texts); color: #555; font-size: 0.9em; padding:10px;}


.modal-termos .modal-content .modal-close{ color: #26b10d;  padding:8px 10px;
    font-size: 1.4em; position: absolute; top: -13px; right: -13px; ;}
.modal-termos .modal-content .modal-close:hover{color: #0c3905;}

.modal-termos .modal-content article{ scrollbar-width: thin; scrollbar-color: #ccc #f2f2f2; }
.modal-termos .modal-content article::-webkit-scrollbar { width: 12px; }
.modal-termos .modal-content article::-webkit-scrollbar-track {background: #f2f2f2;}
.modal-termos .modal-content article::-webkit-scrollbar-thumb {background-color: #ccc; border-radius: 20px; border: 3px solid #f2f2f2;  }
/* MODAL TERMOS E CONDICOES */

/*############################### MODAL DA AREA MEUS DADOS ######################################*/

  /* MODAL Aposta RIFA do dia */
.modal-rifas{position: fixed; width: 100%;height: 100vh; background-color:rgba(0,0,0,0.9); z-index: 999999999;
    display: grid;  place-content: center; visibility: hidden; opacity: 0; transition: .3s;}
.modal-rifas:target{  opacity: 10;  visibility: visible;}
.modal-rifas .modal-content{ background-color: #ffffff; width: 600px; padding:40px; z-index: 99999;
margin-top:-210px ; position: relative;}
.modal-rifas .modal-content .title{float: left; width: 100%; padding:10px 0px; text-align: center;}
.modal-rifas .modal-content .title h2{font-family: var(--fonte-texts); font-size: 1.8em; color: #0c3905;}
.modal-rifas .modal-content .title p{font-family: var(--fonte-texts); font-size: 0.9em; color: #555;}
.modal-rifas .modal-content article{width: 100%; float: left; padding:10px; margin-top: 20px; max-height: 500px; overflow: auto;}
.modal-rifas .modal-content .modal-close{ color: #26b10d;  padding:8px 10px;
    font-size: 1.4em; position: absolute; top: -13px; right: -13px; ;}
.modal-rifas .modal-content .modal-close:hover{color: #0c3905;}

.modal-rifas .modal-content article{ scrollbar-width: thin; scrollbar-color: #ccc #f2f2f2; }
.modal-rifas .modal-content article::-webkit-scrollbar { width: 12px; }
.modal-rifas .modal-content article::-webkit-scrollbar-track {background: #f2f2f2;}
.modal-rifas .modal-content article::-webkit-scrollbar-thumb {background-color: #ccc; border-radius: 20px; border: 3px solid #f2f2f2;  }
 /* MODAL Aposta RIFA do dia */

/*############################### MODAL DA AREA MEUS DADOS #####################################*/


@media screen and (max-width: 830px) {
   
         .modal-login{z-index:99999999999;}
         .modal-login .modal-content{ width: 300px;}
         .modal-login .modal-content .form-login{ width: 290px; margin: 70px auto 0px; }
         .modal-login .modal-content .modal-close{ color: #26b10d;  padding:8px 10px;
            font-size: 1.9em; position: absolute; top: -14px; right: -14px; ;}

         .modal-termos .modal-content{ width:70%; margin:0 auto; margin-top: 80px;}
         .modal-termos .modal-content article{padding:10px; margin-top: 20px; max-height: 330px; overflow: auto;}
         .modal-termos .modal-content .modal-close{ color: #26b10d;  padding:8px 10px;
            font-size: 1.9em; position: absolute; top: -14px; right: -14px; ;}

        .modal-rifas .modal-content{  width: 98%; margin-left: -6%;}
        .modal-rifas .modal-content article{padding:10px; margin-top: 20px; max-height: 500px; overflow: auto;}
        .modal-rifas .modal-content .modal-close{ color: #26b10d;  padding:8px 10px;
            font-size: 1.9em; position: absolute; top: -14px; right: -14px; ;}   


}
@media screen and (max-width: 747px) {
   
    .modal-login .modal-content{ width: 300px;}
    .modal-login .modal-content .form-login{ width: 290px; margin: 70px auto 0px; }
    .modal-login .modal-content .modal-close{ color: #26b10d;  padding:8px 10px;
       font-size: 1.9em; position: absolute; top: -14px; right: -14px; ;}
    

   .modal-rifas .modal-content{  width: 90%; margin-left: 0.2%;}
   .modal-rifas .modal-content article{padding:10px; margin-top: 20px; max-height: 500px; overflow: auto;}
   .modal-rifas .modal-content .modal-close{ color: #26b10d;  padding:8px 10px;
       font-size: 1.9em; position: absolute; top: -14px; right: -14px; ;}   


}
@media screen and (max-width:691px){
    .modal-login .modal-content{ width: 300px;}
    .modal-login .modal-content .form-login{ width: 290px; margin: 70px auto 0px; }
    .modal-login .modal-content .modal-close{ color: #26b10d;  padding:8px 10px;
       font-size: 1.9em; position: absolute; top: -14px; right: -14px; ;}
   
       .modal-termos .modal-content{ width:70%; margin:0 auto; margin-top: 20px;}
       .modal-termos .modal-content article{padding:10px; margin-top: 20px; max-height: 330px; overflow: auto;}
       .modal-termos .modal-content .modal-close{ color: #26b10d;  padding:8px 10px;
          font-size: 1.9em; position: absolute; top: -14px; right: -14px; ;}   

   .modal-rifas .modal-content{ width: 80%; margin-left: 5%;}
   .modal-rifas .modal-content article{padding:10px; margin-top: 20px; max-height: 500px; overflow: auto;}
   .modal-rifas .modal-content .modal-close{ color: #26b10d;  padding:8px 10px;
       font-size: 1.9em; position: absolute; top: -14px; right: -14px; ;}   
}
@media screen and (max-width:630px){
    .modal-login .modal-content{ width: 300px;}
    .modal-login .modal-content .form-login{ width: 290px; margin: 70px auto 0px; }
    .modal-login .modal-content .modal-close{ color: #26b10d;  padding:8px 10px;
       font-size: 1.9em; position: absolute; top: -14px; right: -14px; ;}
    
   .modal-rifas .modal-content{ width: 75%; margin-left: 5%;}
   .modal-rifas .modal-content article{padding:10px; margin-top: 20px; max-height: 500px; overflow: auto;}
   .modal-rifas .modal-content .modal-close{ color: #26b10d;  padding:8px 10px;
       font-size: 1.9em; position: absolute; top: -14px; right: -14px; ;}  
    
}
@media screen and (max-width: 420px) {
    .modal-login .modal-content{ width: 280px;}
    .modal-login .modal-content .form-login{ width: 260px; margin: 70px auto 0px; }
    .modal-login .modal-content .modal-close{ color: #26b10d;  padding:8px 10px;
       font-size: 1.9em; position: absolute; top: -14px; right: -14px; ;}
    
       .modal-termos .modal-content article{padding:10px 0px; margin-top: 20px; max-height: 330px; overflow: auto;}
       .modal-termos .modal-content .modal-close{ color: #26b10d;  padding:8px 10px;
          font-size: 1.9em; position: absolute; top: -14px; right: -14px; ;}

   .modal-rifas .modal-content{ width: 70%; margin-left: 3%;}
   .modal-rifas .modal-content article{padding:10px; margin-top: 20px; max-height: 500px; overflow: auto;}
   .modal-rifas .modal-content .modal-close{ color: #26b10d;  padding:8px 10px;
       font-size: 1.9em; position: absolute; top: -14px; right: -14px; ;} 
}
@media screen and (max-width:342px){
    .modal-login .modal-content{ width: 250px;}
    .modal-login .modal-content .form-login{ width: 240px; margin: 70px auto 0px; }
    .modal-login .modal-content .modal-close{ color: #26b10d;  padding:8px 10px;
       font-size: 1.9em; position: absolute; top: -14px; right: -14px; ;}
    
   .modal-rifas .modal-content{ width: 60%; margin-left: 6%;}
   .modal-rifas .modal-content article{padding:10px; margin-top: 20px; max-height: 500px; overflow: auto;}
   .modal-rifas .modal-content .modal-close{ color: #26b10d;  padding:8px 10px;
       font-size: 1.9em; position: absolute; top: -14px; right: -14px; ;} 
}
@media screen and (max-width: 479px) {
        
}
@media screen and (max-width: 419px) {
    
}

@media screen and (max-width: 370px) {
  
}
@media screen and (max-width: 320px) {
    .modal-login .modal-content{ width:200px;}
    .modal-login .modal-content .form-login{ width: 200px; margin: 70px auto 0px; }
    .modal-login .modal-content .title2 .cad{width:165px; float: left;}
}
@media screen and (max-width: 290px) {
   
}


 /* MODAL DEPOSITAR */
 .modal-deposito{position: fixed; width: 100%; background-color:#fff; z-index: 999999999;
    display: grid;   visibility: hidden; opacity: 0; transition: .3s;}
.modal-deposito:target{  opacity: 10;  visibility: visible;}
.modal-deposito .modal-content{ background-color: #ffffff; width: 100%; padding:0px; z-index: 99999;
height: 100vh; margin: 0 auto;}
.modal-deposito .modal-content .title{float: left; width: 100%; padding:2px 0px; text-align: center;}
.modal-deposito .modal-content .title h2{font-family: var(--fonte-texts); font-size: 1.8em; color: #0c3905;}
.modal-deposito .modal-content .title p{font-family: var(--fonte-texts); font-size: 0.9em; color: #555;}
.modal-deposito .modal-content article{width: 100%; float: left; padding:10px; margin-top: 20px; max-height: 500px; overflow: auto;}
.modal-deposito .modal-content .modal-close{ color: #26b10d;  padding:8px 10px;
    font-size: 1.4em; position: absolute; top: -13px; right: -13px; ;}
.modal-deposito .modal-content .modal-close:hover{color: #0c3905;}
.modal-deposito .rifa-top{float: left; width: 100%; background-color: #156305; padding: 20px 0px;
    }
.modal-deposito .rifa-top h1{color:#fff; text-align: center; font-family: var(--fonte-texts);
font-size: 1em;}
.modal-deposito .rifa-top .modal-close{ color: #fff;  padding:8px 20px;
    font-size: 1em; position: absolute; top: 10px; right: 10px; background-color: #a11313;}
.modal-deposito .rifa-top .modal-close:hover{background-color: #0c3905; color:#fff;}

.modal-deposito .modal-content .choice-pay{float: left; width: 100%; padding: 10px 0px; margin-top: 10px;text-align: center;}
.modal-deposito .modal-content .choice-pay .boxpay{background-color: #156305; text-align: center !important; border: none; padding: 20px; cursor: pointer;}
.modal-deposito .modal-content .choice-pay .boxpay i{color: #85f370; font-size: 3em;}
.modal-deposito .modal-content .choice-pay .boxpay h2{color:#fff; font-size: 1.1em; font-family: var(--fonte-texts); font-weight: 300; margin-top: 10px; }
.modal-deposito .modal-content .choice-pay .boxpay:hover{background-color: #0c3905;}

.modal-deposito .modal-content .choice-back{float: left; width: 100%; padding: 10px 0px; text-align: center;}
.modal-deposito .modal-content .choice-back span{color: #082a03; font-size: 1.7em; cursor: pointer;}
.modal-deposito .modal-content .choice-back span:hover{color: #187c04;pointer;}

.modal-deposito .modal-content .payment{float: left; width: 100%; padding: 10px 0px; margin-top: 10px;text-align: center;}
.modal-deposito .modal-content .payment .boxpay{background-color: #156305; text-align: center !important; border: none; padding: 8px 2px; }
.modal-deposito .modal-content .payment .boxpay i{color: #85f370; font-size: 2em;}
.modal-deposito .modal-content .payment .boxpay h2{color:#fff; font-size: 1.1em; font-family: var(--fonte-texts); font-weight: 300; margin-top: 10px; }

.modal-deposito .modal-content .payment .form-deposito{float: left; padding: 10px 0px; width: 100%; text-align: center;}
.modal-deposito .modal-content .payment .form-deposito span{color: #0c3905; font-family: var(--fonte-texts); font-size: 0.9em; font-weight: 400;}
.modal-deposito .modal-content .payment .form-deposito input{color: #082a03; font-family: var(--fonte-texts); font-size: 0.9em; font-weight: 400; padding: 10px; border:1px solid #156305;}
.modal-deposito .modal-content .payment .form-deposito .btndepositar{color: #fff; font-family: var(--fonte-texts); font-size: 0.9em; font-weight: 400; padding: 15px 40px;
margin-top: 10px; border: none; background-color: #156305; cursor: pointer;}
.modal-deposito .modal-content .payment .form-deposito .btndepositar:hover{background-color: #259a0e;}

.modal-deposito .modal-content .payment .tiposaque{ width: 50%; padding: 20px 0px;
background-color: #0c390549; margin: 20px auto;}
.modal-deposito .modal-content .payment .tiposaque span{color: #082a03; font-family: var(--fonte-texts);
font-size: 1em;}
.modal-deposito .modal-content .payment .tiposaque select{color: #082a03; font-family: var(--fonte-texts);
    font-size: 1em;  border:1px solid #156305; padding: 8px 23px;}

.modal-deposito .modal-content .payment .saquesaldo{width: 100%; float: left;text-align: center;
padding: 20px 0px;}
.modal-deposito .modal-content .payment .saquesaldo h2{font-family: var(--fonte-texts);
font-size: 1em; font-weight: 300; color: #156305; margin-bottom: 10px;}
.modal-deposito .modal-content .payment .saquesaldo h2 span{font-family: var(--fonte-texts);
    font-size: 0.9em; font-weight: 400; color: #fff; background-color: #156305;
padding: 5px 10px;}

/* area do modal sacar */
.modal-deposito .modal-content .saquepay{max-height:500px; overflow-y: auto; overflow-x: hidden !important; }
.modal-deposito .modal-content .saquepay .saquesaldo{width: 100%; float: left;text-align: center;
    padding: 20px 0px;}
.modal-deposito .modal-content .saquepay .saquesaldo .box-saquesaldo{width: 80%; margin: 0 auto; }
.modal-deposito .modal-content .saquepay .saquesaldo h2{font-family: var(--fonte-texts); padding: 25px 0px;
font-size: 1em; font-weight: 300; color: #156305; margin-bottom: 10px;  background-color:#082a030c;}
.modal-deposito .modal-content .saquepay .saquesaldo h2 span{font-family: var(--fonte-texts);
    font-size: 0.9em; font-weight: 400; color: #fff; background-color: #156305; padding: 10px 10px;}
.modal-deposito .modal-content .saquepay .box-saquesaldo .boxvalor{ background-color:#082a030c; padding:10px 0px;}
.modal-deposito .modal-content .saquepay .box-saquesaldo .boxvalor span{color: #0c3905; font-family: var(--fonte-texts); font-size: 0.9em; font-weight: 400; float: left; margin:10px 5px 6px 20px;}
.modal-deposito .modal-content .saquepay .box-saquesaldo .boxvalor input{color: #082a03; font-family: var(--fonte-texts); font-size: 0.9em; font-weight: 400; padding: 10px; border:1px solid #156305; float: left; margin-top: 5px;}
.modal-deposito .modal-content .saquepay .form-deposito .btndepositar{color: #fff; font-family: var(--fonte-texts); font-size: 0.9em; font-weight: 400; padding: 15px 40px;
margin-top: 10px; border: none; background-color: #156305; cursor: pointer;}
.modal-deposito .modal-content .saquepay .form-deposito .btndepositar:hover{background-color: #259a0e;}

.modal-deposito .modal-content .saquepay .tipos-saques{ width: 50%; padding: 4px 5px;background-color: #0c390549; margin:0 auto; text-align: center;}
.modal-deposito .modal-content .saquepay .tipos-saques .box-tiposaque{ background-color: #fff; padding: 10px 10px;}
.modal-deposito .modal-content .saquepay .tipos-saques .box-tiposaque label{font-family: var(--fonte-texts); font-size: 1em; font-weight: 400; color: #156305; float: left; margin-left: 30px; cursor: pointer;}
.modal-deposito .modal-content .saquepay .tipos-saques .box-tiposaque input{float: right; margin:4px 30px 0px 0px;}

.modal-deposito .modal-content .saquepay .tipo-saque{ width: 47.8%; margin:0 auto 20px; text-align: center; background-color: #15630542; padding: 10px 20px;}
.modal-deposito .modal-content .saquepay .tipo-saque h1{font-family: var(--fonte-texts); font-size: 1.2em; font-weight: 500; color: #082a03; padding: 20px;}
.modal-deposito .modal-content .saquepay .tipo-saque input{font-family: var(--fonte-texts); font-size: 1em; color: #0c3905; font-weight: 300; border:1px solid #156305}
.modal-deposito .modal-content .saquepay .tipo-saque select{font-family: var(--fonte-texts); font-size: 1em; color: #0c3905; font-weight: 300; border:1px solid #156305; padding: 10px 0px;}

.modal-deposito .modal-content .saquepay{ scrollbar-width: thin; scrollbar-color: #0add3f #e43333; }
.modal-deposito .modal-content .saquepay::-webkit-scrollbar { width: 12px; }
.modal-deposito .modal-content .saquepay::-webkit-scrollbar-track {background: #0c3905;}
.modal-deposito .modal-content .saquepay::-webkit-scrollbar-thumb {background-color: #0add3f; border-radius: 20px; border: 3px solid green;  }

/* area do modal sacar */

.modal-deposito .modal-content article{ scrollbar-width: thin; scrollbar-color: #ccc #f2f2f2; }
.modal-deposito .modal-content article::-webkit-scrollbar { width: 12px; }
.modal-deposito .modal-content article::-webkit-scrollbar-track {background: #f2f2f2;}
.modal-deposito .modal-content article::-webkit-scrollbar-thumb {background-color: #ccc; border-radius: 20px; border: 3px solid #f2f2f2;  }
 /* MODAL DEPOSITAR */


 .modal-pages{width: 100%; max-height: 90vh; overflow: auto; overflow-x: hidden;  }
 .modal-pages{ scrollbar-width: thin; scrollbar-color: #0add3f #e43333; }
 .modal-pages::-webkit-scrollbar { width: 12px; }
 .modal-pages::-webkit-scrollbar-track {background: #0c3905;}
 .modal-pages::-webkit-scrollbar-thumb {background-color: #0add3f; border-radius: 20px; border: 3px solid green;  }
 



 /*MODAL JS COMPROVANTE RELATORIO PULE*/
.main-comprovantepule{float: left; width: 100%; height: 100vh; background-color: #fff; position: fixed; z-index: 999999999; display: none;}
.main-comprovantepule .content-compropule{ background-color: #fff; width: 100%; padding:0px;  margin: 0 auto; height: 100vh; }
.main-comprovantepule .content-compropule .rifa-top{float: left; width: 100%; background-color: #156305; padding: 20px 0px; }
.main-comprovantepule .content-compropule .rifa-top h1{color:#fff; text-align: center; font-family: var(--fonte-texts);  font-size: 1em;}
.main-comprovantepule .content-compropule .rifa-top .modal-closecompro{ color: #fff;  padding:8px 20px; font-size: 1em; position: absolute; top: 10px; right: 10px; background-color: #a11313;}
.main-comprovantepule .content-compropule .rifa-top .modal-closecompro:hover{background-color: #0c3905; color:#fff;}
.main-comprovantepule .content-compropule .desc-comprovantes{width: 95%; margin:0 auto; text-align: center;}    
.main-comprovantepule .content-compropule .desc-comprovantes .box{text-align: left; border-bottom: 1px solid #ccc; padding: 15px 0px;}    
.main-comprovantepule .content-compropule .desc-comprovantes .box h1{font-family: var(--fonte-texts); font-size: 1.3em; color:#222; font-weight: 600;}    
.main-comprovantepule .content-compropule .desc-comprovantes .box hp{font-family: var(--fonte-texts); font-size: 1.1em; color:#555; font-weight: 300;}   


.main-comprovantepule .content-compropule .desc-comprovantes{ scrollbar-width: thin; scrollbar-color: #0add3f #e43333; }
.main-comprovantepule .content-compropule .desc-comprovantes::-webkit-scrollbar { width: 12px; }
.main-comprovantepule .content-compropule .desc-comprovantes::-webkit-scrollbar-track {background: #0c3905;}
.main-comprovantepule .content-compropule .desc-comprovantes::-webkit-scrollbar-thumb {background-color: #0add3f; border-radius: 20px; border: 3px solid green;  }


.open-compropule{color:#26f75a !important;}
.open-compropule:hover{color:#fff !important;}


.btn-default{background-color: #0c3905; color: #fff; padding: 10px 25px; border: none; font-family: var(--fonte-texts); font-size: 0.9em; font-weight: 300; cursor: pointer;}
.btn-default:hover{background-color: #1f8b0b;}

/*MODAL JS COMPROVANTE RELATORIO PULE*/

/* <!--##############+++++++++ MODAL DA RIFA +++++++++############--> */
.modal-rifadodia{position: fixed; width: 100%; background-color:#fff; z-index: 999999999;
    display: grid;  visibility: hidden; opacity: 0; transition: 0.3s;}
.modal-rifadodia:target{  opacity: 10;  visibility: visible;}
.modal-rifadodia .modal-content{ background-color: #ffffff; width: 100%; padding:0px; z-index: 99999;
    height: 100vh; margin: 0 auto;}
.modal-rifadodia .rifa-top{float: left; width: 100%; background-color: #156305; padding: 20px 0px;
}
.modal-rifadodia .rifa-top h1{color:#fff; text-align: center; font-family: var(--fonte-texts);
font-size: 1em;}
.modal-rifadodia .rifa-top .modal-close{ color: #fff;  padding:8px 20px;
font-size: 1em; position: absolute; top: 10px; right: 10px; background-color: #a11313;}
.modal-rifadodia .rifa-top .modal-close:hover{background-color: #0c3905; color:#fff;}

.modal-rifadodia .rifa-loterias{float: left; width: 100%; padding: 20px 0px;}
.modal-rifadodia .rifa-loterias .content-loterias{width:90%; margin:0 auto; max-height: 500px; 
    overflow: auto; }
.modal-rifadodia .rifa-loterias .content-loterias .loterias-list{background-color:#0c3905;
color: #fff; font-family: var(--fonte-texts); font-size: 0.9em; text-align: center;
padding: 20px 0px; border:none !important; cursor: pointer; margin-right: 5px !important}
.modal-rifadodia .rifa-loterias .content-loterias .loterias-list i{margin-bottom:6px;}
.modal-rifadodia .rifa-top .modal-close{ color: #fff;  padding:8px 20px;
    font-size: 1em; position: absolute; top: 10px; right: 10px; background-color: #a11313;}
.modal-rifadodia .rifa-top .modal-close:hover{background-color: #0c3905;}

.modal-rifadodia .rifa-loterias .content-loterias .loterias-list:hover{background-color: #187c04;}

.modal-rifadodia .rifa-loteria{float: left; width: 100%; padding:0px;}
.modal-rifadodia .rifa-loteria .content-loteria{width:95%; margin:80px auto; max-height: 450px; overflow: auto;}
.modal-rifadodia .rifa-loteria .rifa-title{float: left; width: 100%; text-align: center; padding: 14px 0px;
background-color: #0c3905; position: relative;}
.modal-rifadodia .rifa-loteria .rifa-title h2{color: #fff; font-family: var(--fonte-texts); font-weight: 300;
font-size: 1em; text-transform: uppercase;}
.modal-rifadodia .rifa-loteria .rifa-title span{font-size: 0.75em; color: #3cd720;}
.modal-rifadodia .rifa-loteria .rifa-title .btn-lotback{ color: #fff;  padding:8px 14px; border:none !important;
    font-size: 0.9em; position: absolute; top: 7px; left: 10px; background-color: #156305; cursor: pointer;}
.modal-rifadodia .rifa-loteria .rifa-title .btn-lotback:hover{background-color: #21b30bbb;}

.modal-rifadodia .rifa-loteria .content-loteria .date-loteria{background-color:#e2e2e2a4;
    color: #082a03; font-family: var(--fonte-texts); font-size: 0.8em; text-align: center;
    padding: 20px 0px; border:none !important; cursor: pointer; font-weight: 500; text-transform: uppercase;}
.modal-rifadodia .rifa-loteria .content-loteria .date-loteria span{background-color: #156305b4; color:#fff;
padding: 5px 6px; font-weight: 300; font-size: 0.9em;}
.modal-rifadodia .rifa-loteria .content-loteria .date-loteria .marg{float: left; width: 100%;
background-color: transparent;}

.modal-rifadodia .rifa-loteria .content-loteria .date-loteria:hover{background-color: #082a033e;}


.modal-rifadodia .rifa-loterias .content-loterias{ scrollbar-width: thin; scrollbar-color: #ccc #f2f2f2; }
.modal-rifadodia .rifa-loterias .content-loterias::-webkit-scrollbar { width: 12px; }
.modal-rifadodia .rifa-loterias .content-loterias::-webkit-scrollbar-track {background: #f2f2f2;}
.modal-rifadodia .rifa-loterias .content-loterias::-webkit-scrollbar-thumb {background-color: #ccc; border-radius: 20px; border: 3px solid #f2f2f2;  }


.modal-rifadodia .rifa-modalidade{float: left; width: 100%; padding:0px;}
.modal-rifadodia .rifa-modalidade .content-modalidade{width:98%; margin:80px auto;  max-height: 650px; overflow-y: auto; overflow-x: hidden;}
.modal-rifadodia .rifa-modalidade .rifa-title{float: left; width: 100%; text-align: center; padding: 14px 0px;
background-color: #0c3905; position: relative;}
.modal-rifadodia .rifa-modalidade .rifa-title h2{color: #fff; font-family: var(--fonte-texts); font-weight: 300;
font-size: 1em; text-transform: uppercase;}
.modal-rifadodia .rifa-modalidade .rifa-title span{font-size: 0.75em; color: #fff; padding: 5px 12px;
background-color: #26b10d55;}
.modal-rifadodia .rifa-modalidade .rifa-title .btn-modback, .botaoVoltar{ color: #fff;  padding:8px 14px; border:none !important;
    font-size: 0.9em; position: absolute; top: 7px; left: 10px; background-color: #156305; cursor: pointer;}
.modal-rifadodia .rifa-modalidade .rifa-title .btn-modback:hover{background-color: #21b30bbb;}

.modal-rifadodia .rifa-modalidade .content-modalidade .modalidade{background-color:#e2e2e2a4;
    color: #082a03; font-family: var(--fonte-texts); font-size: 0.8em; text-align: center; margin:1% 0.4% 1%;
    padding: 20px 0px; border:none !important; cursor: pointer; font-weight: 500; text-transform: uppercase;}
.modal-rifadodia .rifa-modalidade .content-modalidade .modalidade i{color:#187c04; font-size: 0.9em; margin-left: 10px;}
.modal-rifadodia .rifa-modalidade .content-modalidade .modalidade .marg{float: left; width: 100%;
background-color: transparent;}

.modal-rifadodia .rifa-modalidade .content-modalidade .modalidade:hover{background-color: #082a033e;}


.modal-rifadodia .rifa-modalidade .content-modalidade{ scrollbar-width: thin; scrollbar-color: #ccc #f2f2f2; }
.modal-rifadodia .rifa-modalidade .content-modalidade::-webkit-scrollbar { width: 12px; }
.modal-rifadodia .rifa-modalidade .content-modalidade::-webkit-scrollbar-track {background: #f2f2f2;}
.modal-rifadodia .rifa-modalidade .content-modalidade::-webkit-scrollbar-thumb {background-color: #ccc; border-radius: 20px; border: 3px solid #f2f2f2;  }


.modal-rifadodia .rifa-colocacao{float: left; width: 100%; padding:0px;}
.modal-rifadodia .rifa-colocacao .content-colocacao{width:98%; margin:80px auto;  max-height: 650px; overflow-y: auto; overflow-x: hidden;}
.modal-rifadodia .rifa-colocacao .rifa-title{float: left; width: 100%; text-align: center; padding: 14px 0px;
background-color: #0c3905; position: relative;}
.modal-rifadodia .rifa-colocacao .rifa-title h2{color: #fff; font-family: var(--fonte-texts); font-weight: 300;
font-size: 1em; text-transform: uppercase;}
.modal-rifadodia .rifa-colocacao .rifa-title span{font-size: 0.75em; color: #fff; padding: 5px 12px;
background-color: #26b10d55;}
.modal-rifadodia .rifa-colocacao .rifa-title .btn-colocback{ color: #fff;  padding:8px 14px; border:none !important;
    font-size: 0.9em; position: absolute; top: 7px; left: 10px; background-color: #156305; cursor: pointer;}
.modal-rifadodia .rifa-colocacao .rifa-title .btn-colocback:hover{background-color: #21b30bbb;}

.modal-rifadodia .rifa-colocacao .content-colocacao .colocacao{background-color:#e2e2e2a4;
    color: #082a03; font-family: var(--fonte-texts); font-size: 0.8em; text-align: center; margin:1% 0.4% 1%;
    padding: 20px 0px; border:none !important; cursor: pointer; font-weight: 500; text-transform: uppercase;}
.modal-rifadodia .rifa-colocacao .content-colocacao .colocacao i{color:#187c04; font-size: 0.9em; margin-left: 10px;}
.modal-rifadodia .rifa-colocacao .content-colocacao .colocacao .marg{float: left; width: 100%;
background-color: transparent;}
.modal-rifadodia .rifa-colocacao .content-colocacao .colocacao:hover{background-color: #082a033e;}

.modal-rifadodia .rifa-colocacao .content-colocacao{ scrollbar-width: thin; scrollbar-color: #ccc #f2f2f2; }
.modal-rifadodia .rifa-colocacao .content-colocacao::-webkit-scrollbar { width: 12px; }
.modal-rifadodia .rifa-colocacao .content-colocacao::-webkit-scrollbar-track {background: #f2f2f2;}
.modal-rifadodia .rifa-colocacao .content-colocacao::-webkit-scrollbar-thumb {background-color: #ccc; border-radius: 20px; border: 3px solid #f2f2f2;  }


.modal-rifadodia .rifa-palpite{float: left; width: 100%; padding:0px;}
.modal-rifadodia .rifa-palpite .content-palpite{width:98%; margin:80px auto;  max-height: 650px; overflow-y: auto; overflow-x: hidden;}
.modal-rifadodia .rifa-palpite .rifa-title{float: left; width: 100%; text-align: center; padding: 14px 0px;
background-color: #0c3905; position: relative;}
.modal-rifadodia .rifa-palpite .rifa-title h2{color: #fff; font-family: var(--fonte-texts); font-weight: 300;
font-size: 1em; text-transform: uppercase;}
.modal-rifadodia .rifa-palpite .rifa-title .btn-palpback{ color: #fff;  padding:8px 14px; border:none !important;
    font-size: 0.9em; position: absolute; top: 7px; left: 10px; background-color: #156305; cursor: pointer;}
.modal-rifadodia .rifa-palpite .rifa-title .btn-palpback:hover{background-color: #21b30bbb;}
.modal-rifadodia .rifa-palpite .rifa-desc{float: left; width: 100%; text-align: center; padding: 14px 0px;
    background-color: #0c39051e; position: relative; text-align: center;}
.modal-rifadodia .rifa-palpite .rifa-desc p{color: #082a03; font-family: var(--fonte-texts); font-weight: 400;
font-size: 0.9em; text-transform: uppercase; text-align: center; }
.modal-rifadodia .rifa-palpite .rifa-palp{float: left; width: 100%; text-align: center; padding: 14px 0px;
    background-color: hsla(111, 79%, 21%, 0.35); position: relative;}
.modal-rifadodia .rifa-palpite .rifa-palp h2{color: #082a03; font-family: var(--fonte-texts); font-weight: 500;
font-size: 0.9em; text-transform: uppercase; text-align: center; }
.modal-rifadodia .rifa-palpite .rifa-palp .boxpalp{background-color: #fff; color:#082a03;
padding:10px; font-family: var(--fonte-texts); font-weight: 300; font-size: 0.9em;
width: 16%; text-align: center; margin-top: 10px; cursor:pointer;}

.modal-rifadodia .rifa-palpite .content-palpite .formpalpite{width: 100%; padding: 20px 0px; 
    text-align: center !important; float: left; margin-top: 20px;}
.modal-rifadodia .rifa-palpite .content-palpite .formpalpite input{padding: 10px;
border: 1px solid #26b10d;}
.modal-rifadodia .rifa-palpite .content-palpite .formpalpite .btnpalpite{padding: 10px 20px;
    border: 1px solid #26b10d; background-color: #156305; color:#fff; cursor: pointer;}
.modal-rifadodia .rifa-palpite .content-palpite .formpalpite .btnpalpite:hover{background-color: #187c04;}
.modal-rifadodia .rifa-palpite .content-palpite .boxnext{width: 100%; padding:0px; 
    text-align: center !important; float: left; margin-top: 20px; }
.modal-rifadodia .rifa-palpite .content-palpite .boxnext .btnnext{background-color: #0c3905;
padding: 14px 65px; font-family: var(--fonte-texts); font-size: 0.9em; font-weight: 300;}
.modal-rifadodia .rifa-palpite .content-palpite .boxnext .btnnext:hover{background-color: #187c04;}

.modal-rifadodia .rifa-valor{float: left; width: 100%; padding:0px;}
.modal-rifadodia .rifa-valor .content-valor{width:98%; margin:80px auto;  max-height: 650px; overflow-y: auto; overflow-x: hidden;}
.modal-rifadodia .rifa-valor .rifa-title{float: left; width: 100%; text-align: center; padding: 14px 0px;
background-color: #0c3905; position: relative;}
.modal-rifadodia .rifa-valor .rifa-title h2{color: #fff; font-family: var(--fonte-texts); font-weight: 300;
font-size: 1em; text-transform: uppercase;}
.modal-rifadodia .rifa-valor .rifa-title .btn-valback{ color: #fff;  padding:8px 14px; border:none !important;
    font-size: 0.9em; position: absolute; top: 7px; left: 10px; background-color: #156305; cursor: pointer;}
.modal-rifadodia .rifa-valor .rifa-title .btn-valback:hover{background-color: #21b30bbb;}
.modal-rifadodia .rifa-valor .rifa-desc{float: left; width: 100%; text-align: center; padding: 14px 0px;
    background-color: #0c39051e; position: relative; text-align: center;}
.modal-rifadodia .rifa-valor .rifa-desc p{color: #082a03; font-family: var(--fonte-texts); font-weight: 400;
font-size: 0.9em; text-transform: uppercase; text-align: center; }
.modal-rifadodia .rifa-valor .rifa-palp{float: left; width: 100%; text-align: center; padding: 14px 0px;
    background-color: hsla(111, 79%, 21%, 0.35); position: relative;}
.modal-rifadodia .rifa-valor .rifa-palp h2{color: #082a03; font-family: var(--fonte-texts); font-weight: 500;
font-size: 0.9em; text-transform: uppercase; text-align: center; }
.modal-rifadodia .rifa-valor .rifa-palp .boxpalp{background-color: #fff; color:#082a03;
padding:10px; font-family: var(--fonte-texts); font-weight: 300; font-size: 0.9em;
width: 16%; text-align: center; margin-top: 10px;}

.modal-rifadodia .rifa-valor .content-valor .formvalor{width: 100%; padding: 20px 0px; 
    text-align: center !important; float: left; margin-top: 20px;}
.modal-rifadodia .rifa-valor .content-valor .formvalor input{padding: 10px;
border: 1px solid #26b10d;}
.modal-rifadodia .rifa-valor .content-valor .formvalor .btnvalor{padding: 10px 20px;
    border: 1px solid #26b10d; background-color: #156305; color:#fff; cursor: pointer;}
.modal-rifadodia .rifa-valor .content-valor .formvalor .btnvalor:hover{background-color: #187c04;}
.modal-rifadodia .rifa-valor .content-valor .boxnext{width: 100%; padding:0px; 
    text-align: center !important; float: left; margin-top: 20px; }
.modal-rifadodia .rifa-valor .content-valor .boxnext .btnnext{background-color: #0c3905;
padding: 14px 65px; font-family: var(--fonte-texts); font-size: 0.9em; font-weight: 300;}
.modal-rifadodia .rifa-valor .content-valor .boxnext .btnnext:hover{background-color: #187c04;}

.modal-rifadodia .rifa-total{float: left; width: 100%; padding:0px;}
.modal-rifadodia .rifa-total .content-valor{width:98%; margin:80px auto;  max-height: 650px; overflow-y: auto; overflow-x: hidden;}
.modal-rifadodia .rifa-total  .rifa-title{float: left; width: 100%; text-align: center; padding: 14px 0px;
background-color: #0c3905; position: relative;}
.modal-rifadodia .rifa-total  .rifa-title h2{color: #fff; font-family: var(--fonte-texts); font-weight: 300;
font-size: 1em; text-transform: uppercase;}
.modal-rifadodia .rifa-total .rifa-title .btn-totback{ color: #fff;  padding:8px 14px; border:none !important;
    font-size: 0.9em; position: absolute; top: 7px; left: 10px; background-color: #156305; cursor: pointer;}
.modal-rifadodia .rifa-total .rifa-title .btn-totback:hover{background-color: #21b30bbb;}
.modal-rifadodia .rifa-total .rifa-title span{color: #fff; font-family: var(--fonte-texts); font-weight: 500;
font-size: 0.9em; text-transform: uppercase; text-align: center; background-color: #156305; padding:6px 12px; }
.modal-rifadodia .rifa-total .rifa-palp .boxpalp{background-color: #fff; color:#082a03;
padding:10px; font-family: var(--fonte-texts); font-weight: 300; font-size: 0.9em;
width: 16%; text-align: center; margin-top: 10px;}
.modal-rifadodia .rifa-total .content-total .boxnext{width: 100%; padding:20px 0px; 
    text-align: center !important; float: left; margin-top: 20px; }
.modal-rifadodia .rifa-total .content-total .boxnext .btnnext{background-color: #0c3905;
    padding: 14px 65px; font-family: var(--fonte-texts); font-size: 0.9em; font-weight: 300;}
.modal-rifadodia .rifa-total .content-total .boxnext .btnnext:hover{background-color: #187c04;}
.modal-rifadodia .rifa-total .content-total .boxnext .btnavancar{background-color: #167608;
    padding: 14px 65px; font-family: var(--fonte-texts); font-size: 0.9em; font-weight: 300; margin-top: 10px;}
.modal-rifadodia .rifa-total .content-total .boxnext .btnavancar:hover{background-color: #259a0e;}

.modal-rifadodia .rifa-total .rifa-totaldesc{float:left; width: 100%; padding: 20px 0px; 
    text-align: center;}
.modal-rifadodia .rifa-total .rifa-totaldesc .totaldesc{padding: 20px 10px; background-color:rgba(81, 112, 77, 0.193); position:relative;}
.modal-rifadodia .rifa-total .rifa-totaldesc .totaldesc h2{color: #082a03; font-family: var(--fonte-texts);
font-size: 1em; font-weight: 600;}
.modal-rifadodia .rifa-total .rifa-totaldesc .totaldesc p{color: #082a03; font-family: var(--fonte-texts);
    font-size: 1em; font-weight: 300; text-align: center;}
.modal-rifadodia .rifa-total .rifa-totaldesc .totaldesc i{position: absolute; top: 15px; right: 15px; 
    color: #e83c3c; cursor: pointer;}
.modal-rifadodia .rifa-total .rifa-totaldesc .totaldesc i:hover{color: #082a03;}

.modal-rifadodia .rifa-final{float: left; width: 100%; padding:0px;}
.modal-rifadodia .rifa-final .content-final{width:98%; margin:80px auto; max-height: 650px; overflow-y: auto; overflow-x: hidden;}
.modal-rifadodia .rifa-final  .rifa-title{float: left; width: 100%; text-align: center; padding: 14px 0px;
background-color: #0c3905; position: relative;}
.modal-rifadodia .rifa-final  .rifa-title h2{color: #fff; font-family: var(--fonte-texts); font-weight: 300;
font-size: 1em; text-transform: uppercase;}
.modal-rifadodia .rifa-final .rifa-title .btn-finback{ color: #fff;  padding:8px 14px; border:none !important;
    font-size: 0.9em; position: absolute; top: 7px; left: 10px; background-color: #156305; cursor: pointer;}
.modal-rifadodia .rifa-final .rifa-title .btn-finback:hover{background-color: #21b30bbb;}
.modal-rifadodia .rifa-final .rifa-title span{color: #fff; font-family: var(--fonte-texts); font-weight: 500;
font-size: 0.9em; text-transform: uppercase; text-align: center; background-color: #156305; padding:6px 12px; }

.modal-rifadodia .rifa-final .content-final .boxnext{width: 100%; padding:20px 0px; 
    text-align: center !important; float: left; margin-top: 20px; }
.modal-rifadodia .rifa-final .content-final .boxnext .btnnext{background-color: #0c3905;
    padding: 14px 65px; font-family: var(--fonte-texts); font-size: 0.9em; font-weight: 300;}
.modal-rifadodia .rifa-final .content-final .boxnext .btnnext:hover{background-color: #187c04;}
.modal-rifadodia .rifa-final .content-final .boxnext .btnavancar{background-color: #167608;
    padding: 14px 65px; font-family: var(--fonte-texts); font-size: 0.9em; font-weight: 300; margin-top: 10px;}
.modal-rifadodia .rifa-final .content-final .boxnext .btnavancar:hover{background-color: #259a0e;}

.modal-rifadodia .rifa-final .rifa-finaldesc{float:left; width: 100%; padding: 20px 0px; 
    text-align: center; }
.modal-rifadodia .rifa-final .rifa-finaldesc .finaldesc{padding: 10px 0px; background-color:rgba(81, 112, 77, 0.193);
width: 80%; margin-top: 10px; margin-bottom: -5px;}
.modal-rifadodia .rifa-final .rifa-finaldesc .finaldesc h2{color: #082a03; font-family: var(--fonte-texts);
font-size: 1em; font-weight: 600;}
.modal-rifadodia .rifa-final .rifa-finaldesc .finaldesc p{color: #082a03; font-family: var(--fonte-texts);
    font-size: 1em; font-weight: 300; text-align: center;}
.modal-rifadodia .rifa-final .rifa-finaldesc .finaldesc i{position: absolute; top: 15px; right: 15px; 
    color: #e83c3c; cursor: pointer;}
.modal-rifadodia .rifa-final .rifa-finaldesc .finaldesc i:hover{color: #082a03;}

.main-myacount .acountopt .content-acountopt .content-opts .opt-apostar{padding: 50px 0px;}



.modal-rifadodia .rifa-estado{float: left; width: 100%; padding:0px;}
.modal-rifadodia .rifa-estado  .rifa-title{float: left; width: 100%; text-align: center; padding: 14px 0px;
background-color: #0c3905; position: relative;}
.modal-rifadodia .rifa-estado  .rifa-title h2{color: #fff; font-family: var(--fonte-texts); font-weight: 300;
font-size: 1em; text-transform: uppercase;}
.modal-rifadodia .rifa-estado .rifa-title .btn-estadback{ color: #fff;  padding:8px 14px; border:none !important;
    font-size: 0.9em; position: absolute; top: 7px; left: 10px; background-color: #156305; cursor: pointer;}
.modal-rifadodia .rifa-estado .rifa-title .btn-estadback:hover{background-color: #21b30bbb;}
.modal-rifadodia .rifa-estado .content-estado .boxnext{width: 100%; padding:20px 0px; 
    text-align: center !important; float: left; margin-top: 20px; }
.modal-rifadodia .rifa-estado .content-estado .boxnext .btnnext{background-color: #0c3905;
    padding: 14px 65px; font-family: var(--fonte-texts); font-size: 0.9em; font-weight: 300;}
.modal-rifadodia .rifa-estado .content-estado .boxnext .btnnext:hover{background-color: #187c04;}
.modal-rifadodia .rifa-estado .content-estado .boxnext .btnestado{background-color: #167608;
    padding: 14px 65px; font-family: var(--fonte-texts); font-size: 0.9em; font-weight: 300; margin-top: 20px;}
.modal-rifadodia .rifa-estado .content-estado .boxnext .btnestado:hover{background-color: #259a0e;}

.modal-rifadodia .rifa-estado .estado-list{width: 100%; text-align: center; padding: 80px 0px 0px;}
.modal-rifadodia .rifa-estado .estado-list .estado-select{width: 80%; margin:0 auto;}
.modal-rifadodia .rifa-estado .estado-list .estado-select .title-estado{width: 100%; padding:10px 10px; 
background-color: #082a03; border: none; cursor: pointer; }
.modal-rifadodia .rifa-estado .estado-list .estado-select .title-estado:hover{background-color: #156305;}
.modal-rifadodia .rifa-estado .estado-list .estado-select .title-estado h2{color:#fff; font-family: var(--fonte-texts);
font-weight: 300; font-size: 1em; text-transform: uppercase; float: left;}
.modal-rifadodia .rifa-estado .estado-list .estado-select .title-estado i{color:#fff; font-size: 1.2em; float: right;}
.modal-rifadodia .rifa-estado .estado-list .estado-select .horario-estado{width: 100%; padding:0px; 
    background-color: #082a030e; border: none; cursor: pointer; float: left;}
.modal-rifadodia .rifa-estado .estado-list .estado-select .horario-estado .horarioestado{width: 100%; float: left;}    
.modal-rifadodia .rifa-estado .estado-list .estado-select .horario-estado .horarioestado .spaceradio{width: 100%; float: left;
padding: 10px 0px; border-top:1px solid #fff;}    
.modal-rifadodia .rifa-estado .estado-list .estado-select .horario-estado .horarioestado label{color:#082a03; font-family: var(--fonte-texts);
    font-weight: 500; font-size: 0.9em; text-transform: uppercase; float: left; margin-left: 10px;}
/*ELEVEN*/
.modal-rifadodia .rifa-estado .estado-list .estado-select .horario-estado .horarioestado span{color:#082a03; font-family: var(--fonte-texts);
    font-weight: 500; font-size: 0.9em; text-transform: uppercase; float: left; margin-left: 10px;}
	
.modal-rifadodia .rifa-estado .estado-list .estado-select .horario-estado .horarioestado input{float: left; margin-left: 5px;
margin-top: 3px;}


@media screen and (max-width:453px){
    .modal-deposito .modal-content .saquepay .saquesaldo .box-saquesaldo .box{width: 85% !important;}
    .modal-deposito .modal-content .saquepay .box-saquesaldo .boxvalor{  width:65% !important;}

    .modal-rifadodia .rifa-estado .content-estado .boxnext{margin-top: 0px;}
    .modal-rifadodia .rifa-estado .content-estado .boxnext .btnnext{padding: 14px 45px; }
    .modal-rifadodia .rifa-estado .content-estado .boxnext .btnestado{padding: 14px 45px;}
    
    .modal-rifadodia .rifa-estado .estado-list{width: 100%; text-align: center; padding: 60px 0px 0px;}
    .modal-rifadodia .rifa-estado .estado-list .estado-select{width: 95%; margin:0 auto;}
    .modal-rifadodia .rifa-estado .content-estado .boxnext .btnnext{margin-bottom: 4px; }
}


@media screen and (max-width: 830px) {
     
    
    .modal-deposito .modal-content .saquepay .saquesaldo .box-saquesaldo{width: 98%; margin: 0 auto; }
    .modal-deposito .modal-content .saquepay .saquesaldo h2{font-size: 0.9em;}
    .modal-deposito .modal-content .saquepay .saquesaldo h2 span{ padding: 7px 7px;}
    .modal-deposito .modal-content .saquepay .box-saquesaldo .boxvalor{  width:50%}
    .modal-deposito .modal-content .saquepay .tipos-saques{ width: 70%; padding: 4px 5px;margin:-20px auto 0px; }
    .modal-deposito .modal-content .saquepay .tipo-saque{ width: 66.2%;}
    .modal-deposito .modal-content .saquepay .tipo-saque input{width: 40%;}
    .modal-deposito .modal-content .saquepay .tipo-saque select{width: 40%;}

    .modal-rifadodia .rifa-loteria .content-loteria .date-loteria{margin-right: 2px !important;}
    .modal-rifadodia .rifa-modalidade .content-modalidade .modalidade{margin-right: 2px !important;}
    .modal-rifadodia .rifa-colocacao .content-colocacao .colocacao{margin-right: 2px !important;}

    
    
}
@media screen and (max-width: 767px) {

    .modal-deposito .modal-content .saquepay .saquesaldo .box-saquesaldo{width: 98%; margin: 0 auto; }
    .modal-deposito .modal-content .saquepay .saquesaldo .box-saquesaldo .box{width: 40%; }
    .modal-deposito .modal-content .saquepay .saquesaldo h2{font-size: 0.9em;}
    .modal-deposito .modal-content .saquepay .saquesaldo h2 span{ padding: 7px 7px;}
    .modal-deposito .modal-content .saquepay .box-saquesaldo .boxvalor{  width:50% !important;}
    .modal-deposito .modal-content .saquepay .tipos-saques{ width: 95%; padding: 4px 5px;margin:-20px auto 0px; }
    .modal-deposito .modal-content .saquepay .tipos-saques .box-tiposaque{ width:42%; }
    .modal-deposito .modal-content .saquepay .tipo-saque{ width: 91%;}
    .modal-deposito .modal-content .saquepay .tipo-saque input{width: 40%;}

    .modal-rifadodia .rifa-loterias .content-loterias .loterias-list{
    width:45%; }

    .modal-rifadodia .rifa-total .rifa-totaldesc{width:100%; float:left;
        max-height: 450px; overflow: auto; overflow-x: hidden !important;}
    .modal-rifadodia .rifa-total .rifa-totaldesc .totaldesc{width: 45%;}    
    
    .modal-rifadodia .rifa-loteria .content-loteria .date-loteria{margin-right: 2px !important;}
    .modal-rifadodia .rifa-modalidade .content-modalidade .modalidade{margin-right: 2px !important;}
    .modal-rifadodia .rifa-colocacao .content-colocacao .colocacao{margin-right: 2px !important;}

    .modal-deposito .modal-content .choice-pay .boxpay{
        padding: 20px; width: 90%; }
    
}
@media screen and (max-width:690px){
   
    .modal-deposito .modal-content .choice-pay .boxpay{width: 47%;}
}

@media screen and (max-width: 610px) {
    .modal-rifadodia .rifa-total .rifa-totaldesc .totaldesc{width: 40%;}    
    
}
@media screen and (max-width:570px){
    
    .modal-deposito .modal-content .choice-pay .boxpay{width: 47%;}
}
@media screen and (max-width: 550px) {  

    .modal-deposito .modal-content .saquepay .saquesaldo .box-saquesaldo{margin:-30px auto 0px;}
    .modal-deposito .modal-content .saquepay .saquesaldo .box-saquesaldo .box{width: 45%;}
    .modal-deposito .modal-content .saquepay .saquesaldo h2{font-size: 0.9em;}
    .modal-deposito .modal-content .saquepay .saquesaldo h2 span{ padding: 7px 7px;}
    .modal-deposito .modal-content .saquepay .box-saquesaldo .boxvalor{  width:55% !important;}
    .modal-deposito .modal-content .saquepay .tipos-saques{ width: 95%; padding: 4px 5px;margin:-20px auto 0px; }
    .modal-deposito .modal-content .saquepay .tipos-saques .box-tiposaque{ width:95%; }
    .modal-deposito .modal-content .saquepay .tipo-saque{ width: 91%;}
    .modal-deposito .modal-content .saquepay .tipo-saque input{width: 40%;}
    .modal-deposito .modal-content .saquepay .tipo-saque select{width: 40%;}

    
    .modal-rifadodia .rifa-loteria .content-loteria .date-loteria{margin-right: 2px !important;}
    .modal-rifadodia .rifa-modalidade .content-modalidade .modalidade{margin-right: 2px !important;}
    .modal-rifadodia .rifa-colocacao .content-colocacao .colocacao{margin-right: 2px !important;}

    .modal-rifadodia .rifa-total .rifa-totaldesc .totaldesc{width: 40%;} 
    .modal-rifadodia .rifa-total .rifa-totaldesc .totaldesc h2{font-size: 0.85em;} 
    .modal-rifadodia .rifa-total .rifa-totaldesc .totaldesc p{font-size: 0.8em;} 
    .modal-rifadodia .rifa-total .content-total .boxnext .btnnext{padding: 15px 30px;} 

}
@media screen and (max-width:544px){ 
    .modal-rifadodia .rifa-loteria .content-loteria{width:90%; margin:60px auto; padding: 0px 20px; }
    .modal-rifadodia .rifa-modalidade .content-modalidade{width:90%; margin:60px auto;  padding: 0px 20px; }
    .modal-rifadodia .rifa-colocacao .content-colocacao{width:90%; margin:60px auto;   padding: 0px 20px; }
    .modal-rifadodia .rifa-loteria .content-loteria .date-loteria{margin-right: 2px !important; margin-bottom: -5px !important;}
    .modal-rifadodia .rifa-modalidade .content-modalidade .modalidade{margin-right: 2px !important; margin-bottom: -5px !important;}
    .modal-rifadodia .rifa-colocacao .content-colocacao .colocacao{margin-right: 2px !important; margin-bottom: -5px !important;}
    .modal-rifadodia .rifa-loteria .rifa-title h2{font-size: 0.8em;}
    .modal-rifadodia .rifa-modalidade .rifa-title h2{font-size: 0.8em;}
    .modal-rifadodia .rifa-colocacao .rifa-title h2{font-size: 0.8em;}

    .modal-rifadodia .rifa-palpite .rifa-desc{ padding: 2px 0px;}
    .modal-rifadodia .rifa-valor .rifa-desc{ padding: 2px 0px;}
    .modal-rifadodia .rifa-palpite .rifa-desc .boxdesc{ width: 48%;}    
    .modal-rifadodia .rifa-valor .rifa-desc .boxdesc{ width: 48%;}    

    .modal-rifadodia .rifa-total .rifa-totaldesc{padding:10px 0px;} 
    .modal-rifadodia .rifa-total .rifa-totaldesc .totaldesc{width: 80%;} 
    .modal-rifadodia .rifa-total .rifa-totaldesc .totaldesc h2{font-size: 0.9em;} 
    .modal-rifadodia .rifa-total .rifa-totaldesc .totaldesc p{font-size: 0.9em;}

    .modal-rifadodia .rifa-final .content-final .boxnext .btnnext{padding: 10px 45px; margin-bottom:5px;}

    .modal-rifadodia .rifa-loterias .content-loterias{width:85%;  padding: 30px 20px;}
    .modal-rifadodia .rifa-loterias .content-loterias .loterias-list{margin-right: 2px !important; margin-bottom: -2px !important;}

    .modal-deposito .modal-content .choice-pay .boxpay{width: 47%;}
    .modal-deposito .modal-content .payment .boxpay{width: 80%; }

        .modal-deposito .modal-content{ background-color: #ffffff; width: 100%; padding:0px; z-index: 99999;
        height: 100vh; margin: 0 auto;}
        .modal-deposito .modal-content .title{float: left; width: 100%; padding:2px 0px; text-align: center;}
        .modal-deposito .modal-content .title h2{font-family: var(--fonte-texts); font-size: 1.8em; color: #0c3905;}
        .modal-deposito .modal-content .title p{font-family: var(--fonte-texts); font-size: 0.9em; color: #555;}
        .modal-deposito .modal-content article{width: 100%; float: left; padding:10px; margin-top: 20px; max-height: 500px; overflow: auto;}
        .modal-deposito .modal-content .modal-close{ color: #fff;  padding:8px 10px;
            font-size: 1.4em; position: absolute; top: 4px; right: 5px; ;}
        .modal-deposito .modal-content .modal-close:hover{color: #0c3905;}
        .modal-deposito .rifa-top{float: left; width: 100%; background-color: #156305; padding: 20px 0px;
            }
}

@media screen and (max-width: 420px) {

    .modal-deposito .modal-content .saquepay .tipos-saques .box-tiposaque{width: 84%;}
    .modal-deposito .modal-content .saquepay .tipo-saque{ width: 90.2%;}
    .modal-deposito .modal-content .saquepay .tipo-saque input{width: 80%;}
    .modal-deposito .modal-content .saquepay .tipo-saque select{width: 80%;}

    .modal-rifadodia .rifa-loteria .rifa-title h2{font-size: 0.7em;}
    .modal-rifadodia .rifa-modalidade .rifa-title h2{font-size: 0.7em;}
    .modal-rifadodia .rifa-colocacao .rifa-title h2{font-size: 0.7em;}
    .modal-rifadodia .rifa-palpite .rifa-title h2{font-size: 0.8em;}
    .modal-rifadodia .rifa-total .rifa-title h2{font-size: 0.8em;}
    .modal-rifadodia .rifa-modalidade .content-modalidade{width:88%; margin:60px auto; padding: 0px 10px;}
    .modal-rifadodia .rifa-colocacao .content-colocacao{width:88%; margin:60px auto;  padding: 0px 10px;}

    .modal-rifadodia .rifa-palpite .rifa-desc .boxdesc p{font-size: 0.8em;}
    .modal-rifadodia .rifa-valor .rifa-desc .boxdesc p{font-size: 0.8em;}

        .modal-deposito .modal-content .choice-pay .boxpay{width: 80%;}

        .modal-rifadodia .rifa-loterias .content-loterias .loterias-list{width:100%; }

        .modal-deposito .modal-content .payment .tiposaque{ width: 80%;}
    
}
@media screen and (max-width:351px){
    .modal-rifadodia .rifa-loteria .rifa-title h2{font-size: 0.7em; float: right; margin-right: 20px;}
    .modal-rifadodia .rifa-modalidade .rifa-title h2{font-size: 0.7em; float: right; margin-right: 20px;}
    .modal-rifadodia .rifa-colocacao .rifa-title h2{font-size: 0.7em; float: right; margin-right: 20px;}
    .modal-rifadodia .rifa-total .rifa-title h2{font-size: 0.7em; float: right; margin-right: 20px;}
    .modal-rifadodia .rifa-loteria .rifa-title .btn-lotback{padding: 6px 10px; font-size: 0.8em;}
    .modal-rifadodia .rifa-modalidade .rifa-title .btn-modback{padding: 6px 10px; font-size: 0.8em;}
    .modal-rifadodia .rifa-colocacao .rifa-title .btn-colocback{padding: 6px 10px; font-size: 0.8em;}

    
}
@media screen and (max-width: 310px) {
    .modal-rifadodia .rifa-loteria .rifa-title h2{font-size: 0.65em; float: right; margin-right: 15px;}
    .modal-rifadodia .rifa-modalidade .rifa-title h2{font-size: 0.65em; float: right; margin-right: 15px;}
    .modal-rifadodia .rifa-colocacao .rifa-title h2{font-size: 0.65em; float: right; margin-right: 15px;}
    .modal-rifadodia .rifa-total .rifa-title h2{font-size: 0.65em; float: right; margin-right: 15px;}
    .modal-rifadodia .rifa-total .content-total .boxnext .btnnext{padding: 10px 45px; margin-bottom:5px;}

    
}
@media screen and (max-width: 285px) {
   
    .modal-rifadodia .rifa-top h1{font-size: 0.8em;}
    .modal-rifadodia .rifa-top .modal-close{font-size: 0.7em; padding: 8px 12px;}
    .modal-rifadodia .rifa-modalidade .rifa-title h2{font-size: 0.65em; margin-right: 8px;}
    .modal-rifadodia .rifa-colocacao .rifa-title h2{font-size: 0.65em; margin-right: 8px;}
    .modal-rifadodia .rifa-palpite .rifa-title h2{font-size: 0.65em; margin-right: 8px;}
    .modal-rifadodia .rifa-valor .rifa-title h2{font-size: 0.65em; margin-right: 8px;}
    .modal-rifadodia .rifa-modalidade .rifa-title h2 span{padding: 4px 4px;}
    .modal-rifadodia .rifa-colocacao .rifa-title h2 span{padding: 4px 4px;}
    .modal-rifadodia .rifa-modalidade .rifa-title .btn-modback{padding: 4px 8px; font-size: 0.75em;}
    .modal-rifadodia .rifa-colocacao .rifa-title .btn-colocback{padding: 4px 8px; font-size: 0.75em;}
    .modal-rifadodia .rifa-palpite .rifa-title .btn-palpback{padding: 4px 8px; font-size: 0.75em;}
    .modal-rifadodia .rifa-valor .rifa-title .btn-valback{padding: 4px 8px; font-size: 0.75em;}

    .modal-rifadodia .rifa-palpite .rifa-desc .boxdesc{ width: 100%;}   
    .modal-rifadodia .rifa-valor .rifa-desc .boxdesc{ width: 100%;}   
    .modal-rifadodia .rifa-palpite .rifa-desc .boxdesc p{font-size: 0.7em;}
    .modal-rifadodia .rifa-valor .rifa-desc .boxdesc p{font-size: 0.7em;}
    .modal-rifadodia .rifa-valor .content-valor{padding: 4px 0px; margin-bottom: -1px;}
    .modal-rifadodia .rifa-valor .content-valor .formvalor .btnvalor{margin-top:10px;}
    .modal-rifadodia .rifa-valor .content-valor .boxnext .btnnext{padding: 10px 45px; margin-bottom:5px;}
}

@media screen and (max-width: 370px) {

}
@media screen and (max-width: 320px) {
}
@media screen and (max-width: 290px) {

}
/* <!--##############+++++++++ MODAL DA RIFA +++++++++############--> */