@media only screen and (min-width: 993px) {
  .container {
    width: 95%;
  }
}

body {
overflow-x: hidden;
}

::-webkit-scrollbar {
    width: 8px;
}
  
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background: #FBFBFB; 
    -webkit-box-shadow: inset 0 0 6px #ffffff; 
}


#sidebar-wrapper {
background-color: #000;
border-right: 1px solid #393939;
color: #bbb;
position: fixed;
height: 100%;
width: 60%;
z-index: 1;
}


.sidebar-nav {
position: fixed;
top: 0;
margin: 0;
padding: 0;
list-style: none;
width: 60%;
}


#main{
background-color: #FBFBFB;

}
@media (min-width: 768px) {
#sidebar-wrapper.sidebar-toggle {
    transition: 0s;
}
}
main {
    width: 100%;
    margin-left: 40%;
    height: 100%;
	background-color: #FBFBFB;
	
}

.fundodireita {
  background-color: #FBFBFB;
}

.fundofiltro {
  background-color: #FBFBFB;
    border-left: 3px solid #e2e2e2;
  border-right: 3px solid #e2e2e2;
  border-bottom: 3px solid #e2e2e2;
  border-top: 3px solid #e2e2e2;
}


.fundofiltro::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 15%;
  transform: translateX(-15%);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #e2e2e2;
}






.corlimparfiltro {
  color: #333333 !important;
}

.cormenu {
  color: #333333 !important;
}

.corfiltro {
 color: #333;
}

.corform {
  color: #333333 !important;
}

.fundogrid {
  background-color: #ffffff;
}

.corequipes {
  color:#333333;
}

.cortitulos {
  color: #ECEDEF !important;
}

.formularios {
  background-color: #ffffff;
  color: #333333;
  border-color: #ccc;
}



nav { 
height: 50px; 
line-height: 50px; 
}

nav i, nav [class^="mdi-"], nav [class*="mdi-"], nav i.material-icons { 
 height: 30px; 
 line-height: 50px; 
 } 
 
nav .button-collapse i { 
height: 70px; 
line-height: 70px; 
}

nav .brand-logo {
font-size: 10px;
} 

@media only screen and (min-width: 601px){ 
nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i { 
height: 55px; 
line-height: 55px; 
} 
}

.linkfiltro :hover {
  color: #64A338;
}


.corverde {
background-color: #64A338 !important;
}

.corcinza {
background-color: #FBFBFB !important;
}

.corcinza2 {
background-color: #e1e1e1 !important;
}


.corazul {
background-color: #002736 !important;
}

.corbranca {
background-color: #fff !important;
border: 1px solid #e1e1e1;
border-radius: 25px;
color: #212121 !important;
}

.coramarela {
background-color: #FFDE01 !important;
}


.txtverde {
color: #64A338 !important;
}

.txthoje {
color: #64A338 !important;
}

.txtamanha {
  color: #6d6d6d !important;
}


.txtazul {
  color: #003C54 !important;
  }

.txtbranco {
color: #ffffff !important;
}

.txtcinza {
color: #9e9e9e !important;
}

.txtcinza2 {
color: #6d6d6d !important;
}

.txtcinza3 {
color: #d0cfcf !important;
}


.txtpreto {
color: #333333 !important;
}

a:hover {
color: #64A338 !important;
}

.txtvermelho {
color: #C91A20 !important;
}

.txtdark {
color: #202020 !important;
}


.cor05ht {
  background-color: #EC7E36 !important;
}

.cor15ht {
  background-color: #7B97A6 !important;
}


.cor05ft {
  background-color: #73993A !important;
}


.cor35ft {
  background-color: #0975AB !important;
}


.corbtts {
  background-color: #E36A38 !important;
}


.corltd {
  background-color: #EC268F !important;
}


.cor1 {
  background-color: #A53692 !important;
}


.corhttop {
  background-color: #D66A22 !important;
}

.cor15fttop {
  background-color: #5D7E44 !important;
}


.corbttstop {
  background-color: #C95A2B !important;
}

.corpunter {
  background-color: #003C54 !important;
}

.corpremium {
  background-color: #61852B !important;
}

.corstats {
  background-color: #872276 !important;
}


.corazulescuro {
  background-color: #002736 !important;
}

.corcinzaF5 {
  background-color: #f5f5f5 !important;
}





.fundonavcinza {
  background-color: #f5f5f5 !important;
}

.fundonavcinza2 {
  background-color: #f2f2f2 !important;
}

.cinza {
  background-color: #f8f9fa;
}


 .fundolaranja {
  background-color: #F9B701 !important;
}

 .fundolaranja2 {
  background-color: #e65100 !important;
}




.fundovermelho {
  background-color: #C91A20 !important;
}




.fundobranco {
  background-color: #fff !important;
}

.fundoazul {
  background-color: #004086 !important;
}



.fundoazulclaro {
  background-color: #4C90CD !important;
}

.fundoazulmedio {
  background-color: #296599 !important;
}

.fundoverde {
	background-color: #558b2f !important;
	
	}


.fundonav {
  background-color: #003C54 !important;
}

.fundonav2 {
  background-color: #002736 !important;
}

.fundovermelho {
  background-color: #CF142B !important;
}


.fundopreto {
  background-color: #000000 !important;
}



.fundoouro {
  background-color: #DCB047 !important;
}

.fundoouro2 {
  background-color: #9E7618 !important;
}


.txtlegendas {
  font-size: 10px;
  color: #bfbfbf;
  background-color: transparent !important;
  padding: 6px 12px;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

.txtlegendas:hover {
  color: #fff;
  text-decoration: underline;
}



.cordark {
  background-color: #f5f5f5;
}




.page-footer .footer-copyright {
font-size: 11px;
}



.logo {
    display: inline-block;
    height: 100%;


}

.logo .img {
    position: absolute;
    top: 50%;

}


#left-menu{
position:fixed;
left: 0;
width: 20%;
height:100%;
background-color: #003C54;
            }

#content{
position: absolute;
left: 20%;
width: 80%;
}

input::-webkit-input-placeholder {
color: grey !important;
}
 
input:-moz-placeholder { /* Firefox 18- */
color: grey !important;  
}
 
input::-moz-placeholder {  /* Firefox 19+ */
color: grey !important;  
}
 
input:-ms-input-placeholder {  
color: grey !important;  
}


textarea::-webkit-input-placeholder {
color: grey !important;
}
 
textarea:-moz-placeholder { /* Firefox 18- */
color: grey !important;  
}
 
textarea::-moz-placeholder {  /* Firefox 19+ */
color: grey !important;  
}
 
textarea:-ms-input-placeholder {  
color: grey !important;  
}


        input[type="text"] {
        border: 1px solid #ccc !important;
		border-radius: 3px !important;
		padding-left: 15px !important;
		max-height: 32px !important;
		
		}
		
		
		  input[type="password"] {
         border: 1px solid #ccc !important;
		border-radius: 3px !important;
		padding-left: 15px !important;
		max-height: 32px !important;
		
		}
		
		input[type="checkbox"]{
		padding-left: 0 !important;
		
		}
		
		
		 textarea.materialize-textarea {
         border-bottom: 1px solid #ccc !important;
		border-left: 1px solid #ccc !important;
		border-right:  1px solid #ccc !important;
		border-radius: 8px !important;
		padding-left: 15px !important;
		
		}
		 
		 label[type="text"] {
        border: 1px solid #ccc !important;
		border-radius: 5px !important;
		color: grey !important;
		padding-left: 0 !important;
		}
		
		


 .input-field label {
     color: #333 !important; 
	 padding-left: 15px !important;
	
	 
   }
   /* label focus color */
   .input-field input[type=text]:focus + label {
     color: #000 !important; 
	 padding-left: 15px !important;
	  
   }
   /* label underline focus color */
   .input-field input[type=text]:focus {
     box-shadow: none !important; 
	 padding-left: 15px !important;
	 }
	 
	 .input-field input[type=password]:focus {
     box-shadow: none !important; 
	 padding-left: 15px !important;
	 }
   
   .input-field input[type=text].valid {
      box-shadow: none !important;
	  padding-left: 15px !important;
   }
   
    .input-field input[type=password].valid {
      box-shadow: none !important;
	  padding-left: 15px !important;
   }
   
   
   /* invalid color */
   .input-field input[type=text].invalid {
      box-shadow: none !important;
	 padding-left: 15px !important;
	}
	
	 .input-field input[type=password].invalid {
      box-shadow: none !important;
	 padding-left: 15px !important;
	}
	
	
	
   /* icon prefix focus color */
   .input-field .prefix.active {
     color: #fff !important; 
	 padding-left: 15px !important;
	}



.input .form1 {
height: 15px;
border: 1px solid #000;
}


   
   
.imagem {
  position: relative;
}
.capa {
  display: none;
}

.imagem:hover .capa {
  display: block;
}

.capa {
background-color: #FAFAFA;
width: 100%;
height: 100%;
position: absolute;
top: 0;

}



.parallax {
    background-image: url(imagens/fundo3.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}



ul.dropdown-content.select-dropdown li span { color: #000; /* no need for !important :) */ } 

.inputlogin {
  width: 80% !important;
  border-radius: 0px !important;
  height: 25px;
  font-size: 10px;
  background-color: #fff;
}


.btn,
.btn-flat {
  border: none;
  border-radius: 5px;
  display: inline-block;
  height: 44px;
  line-height: 44px;
  padding: 0 1rem;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
}

.btn7,
.btn-flat7 {
  border: none;
  border-radius: 5px;
  display: inline-block;
  height: 39px;
  line-height: 39px;
  padding: 0 1rem;
  font-size: 15px;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
}



.btn2, .btn-large2,
.btn-flat2 {
  border: none;
  border-radius: 2px;
  display: inline-block;
  height: 33px;
  line-height: 33px;
  font-size: 12px;
   padding-left:10px;
  padding-right:10px;
  padding: 0 10;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
}
   
   
.btn3, .btn-large3,
.btn-flat3 {
  border: none;
  border-radius: 0px;
  box-shadow: none;
  display: inline-block;
  height: 39px;
  line-height: 39px;
  font-size: 13px;
   padding-left:30px;
  padding-right:30px;
  padding: 0 50;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
  color: #64A338;
}


.btn4, .btn-large4,
.btn-flat4 {
  border:1px solid #000;
  color:#FFF;
  border-radius: 5px;
  display: inline-block;
  height: 39px;
  line-height: 39px;
  font-size: 15px;
   padding-left:10px;
  padding-right:10px;
  padding: 0 50;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
}


.btn5, .btn-large5,
.btn-flat5 {
  border: none;
  border-radius: 3px;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  font-size: 12px;
   padding-left:7px;
  padding-right:7px;
  padding: 0 30;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
}

.btn6, .btn-large6,
.btn-flat6 {
  border: none;
  border-radius: 3px;
  display: inline-block;
  background-color: #fff;
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  font-weight: 300;
  text-transform:inherit;
  color: #404040;
  padding-left:10px;
  padding-right:10px;
  padding: 0 50;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
}

.btn8, .btn-large8,
.btn-flat8 {
  border: none;
  border-radius: 5px;
  display: inline-block;
  height: 37px;
  line-height: 37px;
  font-size: 13px;
   padding-left:15px;
  padding-right:15px;
  padding: 0 50;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
}


.btn9, .btn-large9,
.btn-flat9 {
	display: inline-block;
	overflow: hidden;
  border: none;
  border-radius: 50%;
  display: inline-block;
  height: 35px;
  line-height: 35px;
  font-size: 13px;
  padding: 0;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
}


.btn10, .btn-large10,
.btn-flat10 {
  border: none;
  border-radius: 3px;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  font-size: 11px;
   padding-left:8px;
  padding-right:8px;
  padding: 0 50;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
}


.btn11, .btn-large11,
.btn-flat11 {
  border: 1px solid #bdbdbd;
  background-color: #fff;
  border-radius: 5px;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  font-size: 13px;
  color: #212121;
   padding-left:10px;
  padding-right:10px;
  padding: 0 50;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
}

.btn12, .btn-large12,
.btn-flat12 {
  border: 1px solid #61852B;
  background-color: #fff;
  border-radius: 4px;
  display: inline-block;
  height: 33px;
  line-height: 33px;
  font-size: 12px;
  color: #212121;
   padding-left:7px;
  padding-right:7px;
  padding: 0 50;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
}


.btn13, .btn-large13,
.btn-flat13 {
  border: 1px solid #872276;
  background-color: #fff;
  border-radius: 4px;
  display: inline-block;
  height: 33px;
  line-height: 33px;
  font-size: 12px;
  color: #212121;
   padding-left:7px;
  padding-right:7px;
  padding: 0 50;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
}



.btn14, .btn-large14,
.btn-flat14 {
  border: 1px solid #61852B;
  background-color: #fff;
  border-radius: 4px;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  font-size: 11px;
  color: #212121;
   padding-left:5px;
  padding-right:5px;
  padding: 0 50;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
}


.btn15, .btn-large15,
.btn-flat15 {
  border: 1px solid #872276;
  background-color: #fff;
  border-radius: 4px;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  font-size: 11px;
  color: #212121;
   padding-left:5px;
  padding-right:5px;
  padding: 0 50;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
}


.btn16, .btn-large16,
.btn-flat16 {
  border: none;
  border-radius: 5px;
  display: inline-block;
  background-color: #f5f5f5;
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  font-weight: 300;
  text-transform:inherit;
  color: #212121;
  padding-left:10px;
  padding-right:10px;
  padding: 0 50;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
}



.btn17, .btn-large17,
.btn-flat17 {
  border: 5px solid #263238;
  border-radius: 10;
  display: inline-block;
  background-color: #b91d1a;
  height: 80px;
  line-height: 70px;
  font-size: 16px;
  font-weight: 400;
  text-transform:inherit;
  color: #ddd;
  padding-left:25px;
  padding-right:25px;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
}


.btn18, .btn-large18,
.btn-flat18 {
  background-color: #fff;
  border-radius: 0px;
  border: transparent;
  display: inline-block;
  height: 33px;
  line-height: 33px;
  font-size: 13px;
  color: #212121;
   padding:0 20px;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
}


.btn19, .btn-large19,
.btn-flat19 {
  background-color: #fff;
  border-radius: 0px;
  border: transparent;
  display: inline-block;
  height: 33px;
  line-height: 33px;
  font-size: 13px;
  color: #212121;
  padding:0 10px;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
}

.btn20, .btn-large20,
.btn-flat20 {
  border: none;
  border-radius: 0px;
  box-shadow: none;
  display: inline-block;
  height: 39px;
  width: 120px;
  line-height: 39px;
  font-size: 13px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
  color: #64A338;
}


.btn21, .btn-large21,
.btn-flat21 {
  border: 1px solid #EC7E36;
  border-radius: 0px;
  box-shadow: none;
  display: inline-block;
  height: 39px;
  width: 120px;
  line-height: 39px;
  font-size: 13px;
   text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
  color: #FFA000;
}

.btn22, .btn-large22,
.btn-flat22 {
  background-color: #64A338;
  border-radius: 0px;
  box-shadow: none;
  display: inline-block;
  height: 30px;
  width: 30px;
  line-height: 15px;
  font-size: 13px;
  padding: 0;
   text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
  color: #fff;
}


.btn23, .btn-large23,
.btn-flat23 {
  background-color: #64A338;
  border-radius: 0px;
  box-shadow: none !important;
  display: inline-block;
  height: 29px;
  width: 30px;
  line-height: 28px;
  font-size: 10px;
  padding: 0;
   text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
  color: #fff;
}

.btn23:hover {
  background-color: #42751d;
  color: #fff;
}



.btn24, .btn-large24,
.btn-flat24 {
  background-color: #64A338;
  border-radius: 0px;
  box-shadow: none !important;
  display: inline-block;
  height: 29px;
  width: 70px;
  line-height: 28px;
  font-size: 10px;
  padding: 0;
   text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
  color: #fff;
  border-radius: 5px !important;
   outline: none;
  border: none;
}

.btn24:hover,
.btn24:focus,
.btn24:active {
  background-color: #42751d !important;
  color: #fff !important;
}






.btn25, .btn-large25,
.btn-flat25 {
  background-color: #64A338;
  border-radius: 0px;
  box-shadow: none !important;
  display: inline-block;
  height: 36px;
  width: 90px;
  line-height: 40px;
  font-size: 11px;
  padding: 0;
   text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
  color: #fff;
}

.btn25:hover {
  background-color: #42751d;
  color: #fff;
}



.btn29, .btn-large29,
.btn-flat29 {
background-color: #64A338;
border-radius: 5px;
box-shadow: none !important;
display: inline-block;
height: 30px;
line-height: 30px;
font-size: 13px;
font-weight: 500;
padding: 0 10px;
text-align: center;
text-transform: uppercase;
vertical-align: middle;
-webkit-tap-highlight-color: transparent;
color: #fff !important;
}

.btn29:hover {
background-color: #42751d;
color: #fff !important;
text-decoration: none !important;
}




.btn31, .btn-large31,
.btn-flat31 {
  background-color: #64A338;
  border-radius: 0px;
  box-shadow: none !important;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  font-size: 13px;
  font-weight: 500;
  padding: 0px 20px;
   text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
  color: #fff !important;
}

.btn31:hover {
  background-color: #42751d;
  color: #fff !important;
  text-decoration: none !important;
}





.btn32, .btn-large32,
.btn-flat32 {
  background-color: #64A338;
  border-radius: 0px;
  box-shadow: none !important;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  padding: 0px 15px;
   text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
  color: #fff !important;
}

.btn32:hover {
  background-color: #42751d;
  color: #fff !important;
  text-decoration: none !important;
}



.btn36, .btn-large36,
.btn-flat36 {
  background-color: #000000;
  border-radius: 0px;
  box-shadow: none !important;
  display: inline-block;
  height: 29px;
  width: 70px;
  line-height: 28px;
  font-size: 12px;
  font-weight: 500;
  padding: 0;
   text-align: center;
  text-transform: none;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
  color: #ffffff !important;
}

.btn36:hover {
  background-color: #ffffff;
  color: #64A338 !important;
}





.button-login {
  font-size: 12px;
  padding: 15px 15px;
  border: 1px solid #ddd;
  text-align: center;
  background-color: #fff;
  color: #333;
  cursor: pointer;
  display: inline-block;
  margin: 5px; /* entre os botões */
}

.button-login img {
  display: block;
  margin: 0 auto 10px auto;
}

.button-login:a .hover {
  background-color: #f5f5f5;
}

.button-login:active {
  background-color: #e0e0e0;
}















.btn-floating2 {
  display: inline-block;
  color: #fff;
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: 40px;
  height: 40px;
  line-height: 40px;
  padding: 0;
  background-color: #26a69a;
  border-radius: 5px;
  -webkit-transition: .3s;
  transition: .3s;
  cursor: pointer;
  vertical-align: middle;
}

.btn-floating2:hover {
  background-color: #26a69a;
}

.btn-floating2:before {
  border-radius: 0;
}

.btn-floating2.btn-large2 {
  width: 56px;
  height: 56px;
}

.btn-floating2.btn-large2.halfway-fab2 {
  bottom: -28px;
}

.btn-floating2.btn-large2 i {
  line-height: 56px;
}

.btn-floating2.halfway-fab2 {
  position: absolute;
  right: 100px;
  bottom: -20px;
}

.btn-floating2.halfway-fab2.left {
  right: auto;
  left: 24px;
}

.btn-floating2 i {
  width: inherit;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 1.6rem;
  line-height: 40px;
}



.btn-floating3 {
  display: inline-block;
  color: #fff;
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: 60px;
  height: 40px;
  line-height: 40px;
  padding: 0;
  background-color: #26a69a;
  border-radius: 5px;
  -webkit-transition: .3s;
  transition: .3s;
  cursor: pointer;
  vertical-align: middle;
}

.btn-floating3:hover {
  background-color: #26a69a;
}

.btn-floating3:before {
  border-radius: 0;
}

.btn-floating3.btn-large3 {
  width: 56px;
  height: 56px;
}

.btn-floating3.btn-large3.halfway-fab3 {
  bottom: -28px;
}

.btn-floating3.btn-large3 i {
  line-height: 56px;
}

.btn-floating3.halfway-fab3 {
  position: absolute;
  right: 24px;
  bottom: -20px;
}

.btn-floating3.halfway-fab3.left {
  right: auto;
  left: 24px;
}

.btn-floating3 i {
  width: inherit;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 1.6rem;
  line-height: 40px;
}







.btn-floating4 {
  display: inline-block;
  color: #fff;
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: 35px;
  height: 35px;
  line-height: 35px;
  padding: 0;
  background-color: #26a69a;
  border-radius: 4px;
  -webkit-transition: .3s;
  transition: .3s;
  cursor: pointer;
  vertical-align: middle;
}

.btn-floating4:hover {
  background-color: #26a69a;
}

.btn-floating4:before {
  border-radius: 0;
}

.btn-floating4.btn-large4 {
  width: 56px;
  height: 56px;
}

.btn-floating4.btn-large4.halfway-fab4 {
  bottom: -28px;
}

.btn-floating4.btn-large4 i {
  line-height: 33px;
}

.btn-floating4.halfway-fab4 {
  position: absolute;
  right: 100px;
  bottom: -16px;
}

.btn-floating4.halfway-fab4.left {
  right: auto;
  left: 24px;
}

.btn-floating4 i {
  width: inherit;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 1.4rem;
  line-height: 35px;
}


.btn-floating5 {
  display: inline-block;
  color: #fff;
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: 50px;
  height: 35px;
  line-height: 35px;
  padding: 0;
  background-color: #26a69a;
  border-radius: 4px;
  -webkit-transition: .3s;
  transition: .3s;
  cursor: pointer;
  vertical-align: middle;
}

.btn-floating5:hover {
  background-color: #26a69a;
}

.btn-floating5:before {
  border-radius: 0;
}

.btn-floating5.btn-large5 {
  width: 56px;
  height: 56px;
}

.btn-floating5.btn-large4.halfway-fab5 {
  bottom: -28px;
}

.btn-floating5.btn-large5 i {
  line-height: 56px;
}

.btn-floating5.halfway-fab5 {
  position: absolute;
  right: 24px;
  bottom: -16px;
}

.btn-floating5.halfway-fab5.left {
  right: auto;
  left: 24px;
}

.btn-floating5 i {
  width: inherit;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 1.4rem;
  line-height: 35px;
}




.btn-floating6 {
  display: inline-block;
  color: #fff;
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: 33px;
  height: 33px;
  line-height: 33px;
  padding: 0;
  background-color: #26a69a;
  border-radius: 50%;
  -webkit-transition: .3s;
  transition: .3s;
  cursor: pointer;
  vertical-align: middle;
}

.btn-floating6:hover {
  background-color: #26a69a;
}

.btn-floating6:before {
  border-radius: 0;
}

.btn-floating6.btn-large6 {
  width: 30px;
  height: 30px;
}

.btn-floating6.btn-large6.halfway-fab6 {
  bottom: 0px;
}

.btn-floating6.btn-large6 i {
  line-height: 56px;
}

.btn-floating6.halfway-fab6 {
  position: absolute;
  right: 24px;
  bottom: +6px;
}

.btn-floating6.halfway-fab6.left {
  right: auto;
  left: 24px;
}

.btn-floating6 i {
  width: inherit;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 1.1rem;
  line-height: 33px;
}









.btn.disabled, .disabled.btn-large,
.btn-floating.disabled,
.btn-floating2.disabled,
.btn-floating3.disabled,
.btn-floating4.disabled,
.btn-floating5.disabled,
.btn-large.disabled,
.btn-flat.disabled,
.btn:disabled,
.btn-large:disabled,
.btn-floating:disabled,
.btn-floating2:disabled,
.btn-floating3:disabled,
.btn-floating4:disabled,
.btn-floating5:disabled,
.btn-large:disabled,
.btn-flat:disabled,
.btn[disabled],
[disabled].btn-large,
.btn-floating[disabled],
.btn-floating2[disabled],
.btn-floating3[disabled],
.btn-floating4[disabled],
.btn-floating5[disabled],
.btn-large[disabled],
.btn-flat[disabled] {
  pointer-events: none;
  background-color: #DFDFDF !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #9F9F9F !important;
  cursor: default;
}

.btn.disabled:hover, .disabled.btn-large:hover,
.btn-floating.disabled:hover,
.btn-floating2.disabled:hover,
.btn-floating3.disabled:hover,
.btn-floating4.disabled:hover,
.btn-floating5.disabled:hover,
.btn-large.disabled:hover,
.btn-flat.disabled:hover,
.btn:disabled:hover,
.btn-large:disabled:hover,
.btn-floating:disabled:hover,
.btn-floating2:disabled:hover,
.btn-floating3:disabled:hover,
.btn-floating4:disabled:hover,
.btn-floating5:disabled:hover,
.btn-large:disabled:hover,
.btn-flat:disabled:hover,
.btn[disabled]:hover,
[disabled].btn-large:hover,
.btn-floating[disabled]:hover,
.btn-floating2[disabled]:hover,
.btn-floating3[disabled]:hover,
.btn-floating4[disabled]:hover,
.btn-floating5[disabled]:hover,
.btn-large[disabled]:hover,
.btn-flat[disabled]:hover {
  background-color: #DFDFDF !important;
  color: #9F9F9F !important;
}


span.badge.new {
	 font-size: 0.7rem !important;
	 min-width: 22px; !important;
	 height:22px !important;
	 line-height: 22px !important;
	 border-radius: 50% !important;
	
}


.custom-align .card {
  display: flex;
  flex-direction: column;
}

.custom-align .card-content {
  flex: 1;
  max-height: 100%;
  align-items: center;
  display: flex;
  margin-bottom: 50px;
}




.slider .indicators .indicator-item {
  background-color: #666666;
  border: 3px solid #ffffff;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.slider .indicators .indicator-item.active {
  background-color: #ffffff;
}

.slider .indicators {
  bottom: 60px;
  z-index: 100;
  /* text-align: left; */
}



.slider .slides li .caption {
  color: #fff;
  position: absolute;
  top: 22% !important;
  left: 15%;
  width: 70%;
  opacity: 0;
}



.tabs .tab {
  display: inline-block;
  text-align: center;
  line-height: 48px;
  height: 48px;
  padding: 0;
  margin-right:10px;
  text-transform: none !important;
}

.tabs .tab a {
  
  color: #757575 !important;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 2px;
  font-size: 13px;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-transition: color .28s ease;
  transition: color .28s ease;
}


.tabs .tab a:hover, .tabs .tab a.active {
  color: #000 !important;
}

.tabs .tab.disabled a,
.tabs .tab.disabled a:hover {
  color: #ccc !important;
  cursor: default;
}

.tabs .indicator {
  position: absolute;
  bottom: 0;
  height: 2px;
  background-color: #bdbdbd !important;
  will-change: left, right;
}

.cadastrar {
}

.premium {
	}
	
.np{
 }
 
.trends{
 }

.caract	 {
	}
	

.alterar {
 }


.assinar {
 }


.renovar {
 }
 
 .novoMB {
 }
 
.alterarpc {
 }
 
.dados {
 }
 
.menumob{
 }
 
 
.login{
 }
 
 
.informar{
 }
 
.informarC{
 }
 
.informarT{
 }
 
 
 
.coluna21212 {
    display: grid;
    grid-template-columns: 4% 28% 4% 28% 4% 28% 4% ;
    grid-template-rows: 100% 100% 100% 100% 100% 100% 100%;
}

.coluna3livre {
    display: grid;
    grid-template-columns: 4% 31% 30% 31% 4% ;
    grid-template-rows: 100% 100% 100% 100% 100%;
}

.coluna2 {
    display: grid;
    grid-template-columns: 45% 10% 45%;
    grid-template-rows: 100% 100% 100%;
	 justify-items: center !important;
	padding:0px;
	align-items: center !important;
	text-align:center !important;
}


.coluna3 {
    display: grid;
    grid-template-columns: 30% 5% 30% 5% 30%;
    grid-template-rows: 100% 100% 100% 100% 100%;
	 justify-items: center !important;
	padding:0px;
	align-items: center !important;
	text-align:center !important;
}



.coluna41 {
    display: grid;
    grid-template-columns: 4% 20% 4% 20% 4% 20% 4% 20% 4%;
    grid-template-rows: 100% 100% 100% 100% 100% 100% 100% 100% 100%;
}

.coluna412 {
    display: grid;
    grid-template-columns: 19% 14% 2% 14% 2% 14% 2% 14% 19%;
    grid-template-rows: 100% 100% 100% 100% 100% 100% 100% 100% 100%;
}




.coluna51 {
    display: grid;
    grid-template-columns: 4% 16% 3% 16% 3% 16% 3% 16% 3% 16% 4%;
    grid-template-rows: 100% 100% 100% 100% 100% 100% 100% 100% 100% 100% 100%;
}







.coluna21 {
    display: grid;
    grid-template-columns: 4% 52% 4% 36% 4%;
    grid-template-rows: 100% 100% 100% 100% 100%;
}


.coluna222 {
    display: grid;
    grid-template-columns: 28% 8% 28% 8% 28% ;
    grid-template-rows: 100% 100% 100% 100% 100%;
}


.btn-branco{background-color:#fff; height:27px; width:90%; border-radius:3px; padding:0px; color:#000; font-size:10px; text-align:center; display:flex; flex-direction:column; justify-content:center; text-transform:inherit;}
.btn-branco:active{background-color:#fff ;color: #000; padding:0px;}
.btn-branco:link{background-color:#fff;color: #000; padding:0px;}
.btn-branco:hover{background-color:#f2f2f2;color: #000; padding:0px;}
.btn-branco:visited{background-color:#fff;color: #000; padding:0px;}

.btn-branco2{background-color:#fff; height:32px; border-radius:3px; padding:6px; color: #404040; font-size:13px; font-weight:300; text-align:center; display:flex; justify-content:center; text-transform:inherit;}
.btn-branco2:active{background-color:#fff;color: #404040; padding:0px;}
.btn-branco2:link{background-color:#fff;color: #404040; padding:0px;}
.btn-branco2:hover{background-color:#f2f2f2;color: #404040; padding:0px;}
.btn-branco2:visited{background-color:#fff;color: #404040; padding:0px;}

.btn-branco3{background-color:#fff; height:27px; width:90%; border-radius:3px; border:1px solid #757575; padding:0px; color:#000; font-size:10px; text-align:center; display:flex; flex-direction:column; justify-content:center; text-transform:inherit;}
.btn-branco3:active{background-color:#fff ;color: #000; padding:0px;}
.btn-branco3:link{background-color:#fff;color: #000; padding:0px;}
.btn-branco3:hover{background-color:#f2f2f2;color: #000; padding:0px;}
.btn-branco3:visited{background-color:#fff;color: #000; padding:0px;}



.btn-laranja{background-color:#EC7E36; height:27px; width:90%; border-radius:3px; padding:0px; color:#fff; font-size:10px; text-align:center; display:flex; flex-direction:column; justify-content:center; text-transform:inherit;}
.btn-laranja:active{background-color:#EC7E36;color: #fff; padding:0px;}
.btn-laranja:link{background-color:#EC7E36;color: #fff; padding:0px;}
.btn-laranja:hover{background-color:#B34B00;color: #fff; padding:0px;}
.btn-laranja:visited{background-color:#EC7E36;color: #fff; padding:0px;}

.btn-laranja2{background-color:#E36A38; height:27px; width:90%; border-radius:3px; padding:0px; color:#fff; font-size:10px; text-align:center; display:flex; flex-direction:column; justify-content:center; text-transform:inherit;}
.btn-laranja2:active{background-color:#E36A38;color: #fff; padding:0px;}
.btn-laranja2:link{background-color:#E36A38;color: #fff; padding:0px;}
.btn-laranja2:hover{background-color:#BA5538;color: #fff; padding:0px;}
.btn-laranja2:visited{background-color:#E36A38;color: #fff; padding:0px;}

.btn-cinza{background-color:#7B97A6; height:27px; width:90%; border-radius:3px; padding:0px; color:#fff; font-size:10px; text-align:center; display:flex; flex-direction:column; justify-content:center; text-transform:inherit;}
.btn-cinza:active{background-color:#7B97A6;color: #fff; padding:0px;}
.btn-cinza:link{background-color:#7B97A6;color: #fff; padding:0px;}
.btn-cinza:hover{background-color:#5B7D8F;color: #fff; padding:0px;}
.btn-cinza:visited{background-color:#7B97A6;color: #fff; padding:0px;}


.btn-verde{background-color:#73993A; height:27px; width:90%; border-radius:3px; padding:0px; color:#fff; font-size:10px; text-align:center; display:flex; flex-direction:column; justify-content:center; text-transform:inherit;}
.btn-verde:active{background-color:#73993A;color: #fff; padding:0px;}
.btn-verde:link{background-color:#73993A;color: #fff; padding:0px;}
.btn-verde:hover{background-color:#45611C;color: #fff; padding:0px;}
.btn-verde:visited{background-color:#73993A;color: #fff; padding:0px;}


.btn-azul2{background-color:#0975AB; height:27px; width:90%; border-radius:3px; padding:0px; color:#FFF; font-size:10px; text-align:center; display:flex; flex-direction:column; justify-content:center; text-transform:inherit;}
.btn-azul2:active{background-color:#0975AB;color: #FFF; padding:0px;}
.btn-azul2:link{background-color:#0975AB;color: #FFF; padding:0px;}
.btn-azul2:hover{background-color:#125678;color: #FFF; padding:0px;}
.btn-azul2:visited{background-color:#0975AB;color: #FFF; padding:0px;}


.btn-verde2{background-color:#61852B; height:27px; width:90%; border-radius:3px; padding:0px; color:#fff; font-size:11px; text-align:center; display:flex; flex-direction:column; justify-content:center; text-transform:inherit;}
.btn-verde2:active{background-color:#61852B;color: #fff; padding:0px;}
.btn-verde2:link{background-color:#61852B;color: #fff; padding:0px;}
.btn-verde2:hover{background-color:#537520;color: #fff; padding:0px;}
.btn-verde2:visited{background-color:#61852B;color: #fff; padding:0px;}


.btn-pink{background-color:#EC268F; height:27px; width:90%; border-radius:3px; padding:0px; color:#fff; font-size:10px; text-align:center; display:flex; flex-direction:column; justify-content:center; text-transform:inherit;}
.btn-pink:active{background-color:#EC268F;color: #fff; padding:0px;}
.btn-pink:link{background-color:#EC268F;color: #fff; padding:0px;}
.btn-pink:hover{background-color:#B2346E;color: #fff; padding:0px;}
.btn-pink:visited{background-color:#EC268F;color: #fff; padding:0px;}


.btn-roxo{background-color:#A53692; height:27px; width:90%; border-radius:3px; padding:0px; color:#FFF; font-size:11px; text-align:center; display:flex; flex-direction:column; justify-content:center; text-transform:inherit;}
.btn-roxo:active{background-color:#A53692;color: #FFF; padding:0px;}
.btn-roxo:link{background-color:#A53692;color: #FFF; padding:0px;}
.btn-roxo:hover{background-color:#872276;color: #FFF; padding:0px;}
.btn-roxo:visited{background-color:#A53692;color: #FFF; padding:0px;}


.btn-amarelo{background-color:#F9C82C; height:27px; width:90%; border-radius:3px; padding:0px; color:#000; font-size:11px; text-align:center; display:flex; flex-direction:column; justify-content:center; text-transform:inherit;}
.btn-amarelo:active{background-color:#F9C82C;color: #000; padding:0px;}
.btn-amarelo:link{background-color:#F9C82C;color: #000; padding:0px;}
.btn-amarelo:hover{background-color:#EBBC21;color: #000; padding:0px;}
.btn-amarelo:visited{background-color:#F9C82C;color: #000; padding:0px;}










.dropdown-content {
  background-color: #FFFFFF;
  
}

.rodapefixo { 
position: absolute;
bottom: 0;
background-color: #f4f4f4;
padding-top:15px;
}
	
.valign-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
		
}

#top40 {margin-top:-40px;}

 .backdrop{
       background-color: #002736 !important ;
	   font-size: 12px !important ;

     }
	 
	 
	 
	 .modal.bottom-sheet {
  
  height: 1300px !important ;
}
	 
.fixo {
	z-index:9;
 position: fixed;
 top: 0px;
 min-width:100% !important ;
 
}

.fixo2 {
	position:fixed;
 top: 300px;
  float:right;
  right:0;
}

.bottom { 
             position: absolute;
             bottom: 0;              
} 


table.striped > tbody > tr:nth-child(odd) {
  background-color: #FCFCFC !important ;
}

table.highlight > tbody > tr:hover {
  background-color: #F9F9F9 !important ;
  z-index:999 !important ;
}



.collapsible {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  margin: 0 !important ;
}

.collapsible-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  line-height: 1.5;
  padding: 8px !important ;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  padding-left:30px !important ;
}

.collapsible-header i {
  width: 2rem;
  font-size: 1.3rem !important ;
  display: inline-block;
  text-align: center;
  margin-right: 0 !important ;
  
}



.preloader-background {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #000;
	opacity: 0.7;
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
  p {
    padding-top:120px;
    margin-left: -60px;
    opacity: 0.8;
  } 
}

// ADD BLINKING TEXT CLASS
.blinking {
	animation: blinker 0.5s linear infinite;
}
@keyframes blinker {  
  50% { opacity: 0; }
}
	 

#google_translate_element {
    display: none;
}
.goog-te-banner-frame {
    display: none !important;
}
body {
    position: static !important;
    top: 0 !important;
}
	



.box canvas {
	position:absolute;
	top: 0;
	left:0;
}


.linha {
  width: 100%;
  height: 1px;
  background-color: #ccc;
  margin: 5px 0;
}

.linha2 {
  width: 100%;
  height: 1px;
  background-color: #ccc;
  margin: 10px 0;
}

.linha3 {
  width: 100%;
  height: 1px;
  background-color: #ccc;
  margin: 10px 0 -20px 0;
}

.linha4 {
  width: 100%;
  height: 1px;
  background-color: #ccc;
  margin: -14px 0px;
}

.linha5 {
  width: 100%;
  height: 1px;
  background-color: #ccc;
  margin: 0;
}

.linha6 {
  width: 100%;
  height: 1px;
  background-color: #ccc;
  margin-top: -8px;
  margin-bottom: -8px;
}

.linha7 {
  width: 100%;
  height: 1px;
  background-color: #ccc;
  margin: 5px 0;
}

.linhaverde {
  width: 100%;
  height: 2px;
  background-color: #64A338;
}

.linhaazul {
  width: 100%;
  height: 2px;
  background-color: #003C54;
}

.quadro {
  border: none;
  box-shadow: none;
  padding: 0;
}

.mt-1 {
  margin-top: 10px;
}

.mt-2 {
  margin-top: 20px;
}

.mt-3 {
  margin-top: 30px;
}

.mt-4 {
  margin-top: 40px;
}

.mt-5 {
  margin-top: 50px;
}

.mt-6 {
  margin-top: 60px;
}

.mt-7 {
  margin-top: 70px;
}

.mt-8 {
  margin-top: 80px;
}

.mt-9 {
  margin-top: 90px;
}

.mt-10 {
  margin-top: 100px;
}

.mb-1 {
  margin-bottom: 10px;
}

.mb-2 {
  margin-bottom: 20px;
}

.mb-3 {
  margin-bottom: 30px;
}

.txt8 {
  font-size: 8px;
}

.txt9 {
  font-size: 9px;
}

.txt10 {
  font-size: 10px;
}

.txt11 {
  font-size: 11px;
}

.txt12 {
  font-size: 12px;
}

.txt13 {
  font-size: 13px;
}

.txt14 {
  font-size: 14px;
}

.txt15 {
  font-size: 15px;
}

.txt16 {
  font-size: 16px;
}

.txt17 {
  font-size: 17px;
}

.txt18 {
  font-size: 18px;
}

.txt19 {
  font-size: 19px;
}

.txt20 {
  font-size: 20px;
}

.txt22 {
  font-size: 22px;
}

.txt24 {
  font-size: 24px;
}

.txt26 {
  font-size: 26px;
}

.txt28 {
  font-size: 28px;
}

.txt30 {
  font-size: 30px;
}

.txt32 {
  font-size: 32px;
}

.txt34 {
  font-size: 24px;
}

.bold300 {
  font-weight: 300;
}

.bold400 {
  font-weight: 400;
}

.bold500 {
  font-weight: 500;
}

.bold600 {
  font-weight: 600;
}

.bold700 {
  font-weight: 700;
}

.bold800 {
  font-weight: 800;
}

.bold900 {
  font-weight: 900;
}

.txtcenter {
  text-align: center;
}

.txtleft {
  text-align: left;
}

.txtright {
  text-align: right;
}




.blink {
animation: blink 1s infinite;
}

.container-barra9 {
height: 20px;
border: 1px #DCF2D5 solid;
background-color: #fff;
}

.barra9 {
height: 100%;
background-color: #DCF2D5;
animation-name: barra9 !important;
animation-duration: 60s;
}

@keyframes barra9 {
from {
width: 0;
}
to {
width: 100%
}
}


.pisca {
animation: pisca 1s steps(1, end) infinite;
}


.pisca2 {
animation: pisca2 3s steps(1, end) infinite;
}
  




@keyframes pisca {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}


input[type=range]::-webkit-slider-thumb {
  background-color: #64A338;
}
input[type=range]::-moz-range-thumb {
  background-color: #64A338;
}
input[type=range]::-ms-thumb {
  background-color: #64A338;
}

/***** These are to edit the thumb and the text inside the thumb *****/
input[type=range] + .thumb {
  background-color: #64A338;
}
input[type=range] + .thumb.active .value {
  color: #fff;
}

.input1 {
  height: 30px;
  font-size: 15px !important;
  border-radius: 5px !important;
  line-height: 10px !important;
  background-color: #ffffff;
  color: #333333;
  border-color: #ccc;
}

.input2 {
  width: 100%;
  height: 30px;
  font-size: 15px !important;
  border-radius: 5px !important;
  background-color: #ffffff;
  color: #333333;
  border-color: #ccc;
}

.input6 {
  width: 100%;
  height: 30px;
  font-size: 15px !important;
  border-radius: 0 !important;
  background-color: #ffffff !important;
  color: #333 !important;
  border: 0px !important;
  border-color: #393939 !important;
}

select option { 
  line-height: 20px !important;
}


.piscar {
  border: 0.25rem solid #e0e0e0;
  animation-name: example;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

@keyframes example {
  0%   {border-color: #ffca28;}
  100% {border-color: yellow;}
}


.favorite {
  display: inline-block;
  text-align: center;
  color: gold;
  font-size: 13px;
  cursor: pointer;
  background-color: #3E6C70; 
  width: 21px;
  height: 21px;
  line-height: 24px; /* Faz a estrela ficar centralizada */
  border-radius: 50%;
}
.not-favorite {
  display: inline-block;
  text-align: center;
  color: #3E6C70;
  font-size: 13px;
  cursor: pointer;
  background-color: #fff;
  width: 21px;
  height: 21px;
  line-height: 24px; /* Faz a estrela ficar centralizada */
  border-radius: 50%;
}


.favoritelista {
  color: gold;
  font-size: 17px;
  cursor: pointer;
  padding: 2px 5px;
}
.not-favoritelista {
  color: #b8b8b8;
  font-size: 17px;
  cursor: pointer;
  padding: 2px 5px;
}


.setaup {
  color: #3E6C70 !important;
  font-size: 14px;
  cursor: pointer;
  background-color: #fff; 
  padding: 2px 5px;
  border-radius: 25px;
  text-decoration: none !important;
  text-decoration-line: none !important;
}


/* Container do tooltip */
span {
  position: relative; /* Necessário para posicionar o tooltip */
}

/* Tooltip oculto por padrão */
.tooltip {
  visibility: hidden; /* Inicialmente escondido */
  background-color: #fff; /* Cor de fundo do tooltip */
  color: #000; /* Cor do texto do tooltip */
  text-align: center; /* Centraliza o texto */
  border-radius: 0px; /* Bordas arredondadas */
  padding: 3px 5px; /* Espaçamento interno */
  position: absolute; /* Posicionamento absoluto */
  z-index: 1; /* Mantém o tooltip acima de outros elementos */
  bottom: 125%; /* Posiciona o tooltip acima do texto */
  left: 50%; /* Centraliza horizontalmente */
  margin-left: -100px; /* Ajuste para centralizar o tooltip */
  width: 120px; /* Largura do tooltip */
  opacity: 0; /* Transparência inicial */
  transition: opacity 0.3s; /* Suaviza a transição */
  font-size: 11px;
  font-weight: 400;
}

/* Seta do tooltip */
.tooltip::after {
  content: " "; /* Conteúdo vazio para a seta */
  position: absolute; /* Posicionamento absoluto */
  top: 100%; /* Posição da seta */
  left: 83%; /* Centraliza horizontalmente */
  margin-left: -5px; /* Ajuste para centralizar a seta */
  border-width: 5px; /* Tamanho da seta */
  border-style: solid; /* Estilo sólido */
  border-color: #fff transparent transparent transparent; /* Cor da seta */
}

/* Mostrar o tooltip ao passar o mouse */
span:hover .tooltip {
  visibility: visible; /* Torna visível */
  opacity: 1; /* Define a opacidade para 1 */
}

a.disabled {
  pointer-events: none;
  cursor: none;
}


@keyframes blink {
  0% {
    border-color: #FFD700;
  }
  50% {
    border-color: transparent;
  }
  100% {
    border-color: #FFD700;
  }
}

.blink-border {
  border: 0.1rem solid #FFD700;
  animation: blink 1s infinite;
}






/* ############################# */
/* ############################# */
/* ############################# */
/* ############################# */
.posicoes-container {
  display: grid;
  grid-template-columns: repeat(90, 1fr); /* 90 colunas de largura igual */
  gap: 0; /* Remove o espaço entre as colunas */
  margin: 0;
  padding: 0;
  overflow: hidden; /* Oculta partes que saem do contêiner */
}

.posicao-wrapper {
  position: relative; /* Para controlar a sobreposição com z-index */
  height: 40px; /* Altura fixa do container */
}

.posicao-wrapper:nth-child(1),
.posicao-wrapper:nth-child(15),
.posicao-wrapper:nth-child(30),
.posicao-wrapper:nth-child(45),
.posicao-wrapper:nth-child(60),
.posicao-wrapper:nth-child(75),
.posicao-wrapper:nth-child(90) {
  position: relative;
}

.posicao-wrapper:nth-child(1)::before,
.posicao-wrapper:nth-child(15)::before,
.posicao-wrapper:nth-child(30)::before,
.posicao-wrapper:nth-child(45)::before,
.posicao-wrapper:nth-child(60)::before,
.posicao-wrapper:nth-child(75)::before,
.posicao-wrapper:nth-child(90)::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%; /* Centraliza a linha na coluna */
  width: 0.5px; /* Largura fina da linha */
  height: 100%; /* Ocupa toda a altura do container */
  background-color: #ececec; /* Cor da linha */
  z-index: 1; /* Define a linha atrás do gráfico e da barra de fundo */
}

.fundo-barra {
  background-color: #E8F1E1; /* Cor da barra de fundo */
  width: 100%; /* Largura total da coluna */
  height: 13px; /* Altura fixa da barra de fundo */
  position: absolute; /* Posiciona a barra de fundo dentro da coluna */
  bottom: 0; /* Alinha a barra de fundo na parte inferior */
  z-index: 0; /* Define a barra de fundo atrás do gráfico */
}

.barra-grafico {
  display: flex;
  justify-content: center; /* Centraliza a barra horizontalmente */
  align-items: flex-end; /* Garante que as barras começam de baixo */
  height: 100%; /* Garante que a altura da barra gráfica ocupe 100% do container */
  position: relative;
  z-index: 2; /* Define o gráfico acima da barra de fundo */
}

.grafico-barra {
  background-color: #64A338; /* Cor da barra */
  width: 70%; /* Largura da barra gráfica */
  margin-left: 15%; /* Centraliza a barra gráfica na coluna */
}


.fundo-imagem {
  position: absolute;
  bottom: 0; /* Alinha a imagem ao fundo na parte inferior */
  right: 0; /* Posiciona a imagem ao lado da última barra */
  z-index: 1; /* Posiciona a imagem atrás das barras */
  height: 40px; /* Define a altura da imagem */
  width: auto; /* Mantém a proporção da imagem */
}

.fundo-imagem img {
  height: 100%; /* Garante que a imagem ocupe toda a altura do container */
  width: auto; /* Mantém a proporção da imagem */
  display: block; /* Garante que a imagem se comporte como um bloco */
  max-width: none; /* Desabilitar restrições de largura máxima */
  max-height: none; /* Desabilitar restrições de altura máxima */
}
/* ############################# */
/* ############################# */
/* ############################# */
/* ############################# */







/* ############################# */
/* ############################# */
/* ############################# */
/* ############################# */
.posicoes-container2 {
  display: grid;
  grid-template-columns: repeat(90, 1fr); /* 90 colunas de largura igual */
  gap: 0; /* Remove o espaço entre as colunas */
  margin: 0;
  padding: 0;
  overflow: hidden; /* Oculta partes que saem do contêiner */
}

.posicao-wrapper2 {
  position: relative; /* Para controlar a sobreposição com z-index */
  height: 40px; /* Altura fixa do container */
}

.posicao-wrapper:nth-child(1),
.posicao-wrapper:nth-child(15),
.posicao-wrapper:nth-child(30),
.posicao-wrapper:nth-child(45),
.posicao-wrapper:nth-child(60),
.posicao-wrapper:nth-child(75),
.posicao-wrapper:nth-child(90) {
  position: relative;
}

.posicao-wrapper:nth-child(1)::before,
.posicao-wrapper:nth-child(15)::before,
.posicao-wrapper:nth-child(30)::before,
.posicao-wrapper:nth-child(45)::before,
.posicao-wrapper:nth-child(60)::before,
.posicao-wrapper:nth-child(75)::before,
.posicao-wrapper:nth-child(90)::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%; /* Centraliza a linha na coluna */
  width: 0.5px; /* Largura fina da linha */
  height: 100%; /* Ocupa toda a altura do container */
  background-color: #ececec; /* Cor da linha */
  z-index: 1; /* Define a linha atrás do gráfico e da barra de fundo */
}

.fundo-barra2 {
  background-color: #E5ECEE; /* Cor da barra de fundo */
  width: 100%; /* Largura total da coluna */
  height: 13px; /* Altura fixa da barra de fundo */
  position: absolute; /* Posiciona a barra de fundo dentro da coluna */
  top: 0; /* Alinha a barra de fundo na parte inferior */
  z-index: 0; /* Define a barra de fundo atrás do gráfico */
}

.barra-grafico2 {
  display: flex;
  justify-content: center; /* Centraliza a barra horizontalmente */
  align-items: flex-start; /* Garante que as barras começam de baixo */
  height: 100%; /* Garante que a altura da barra gráfica ocupe 100% do container */
  position: relative;
  z-index: 2; /* Define o gráfico acima da barra de fundo */
}

.grafico-barra2 {
  background-color: #003C54; /* Cor da barra */
  width: 70%; /* Largura da barra gráfica */
  margin-left: 15%; /* Centraliza a barra gráfica na coluna */
}



.fundo-imagem2 {
  position: absolute;
  bottom: 0; /* Alinha a imagem ao fundo na parte inferior */
  right: 0; /* Posiciona a imagem ao lado da última barra */
  z-index: 1; /* Posiciona a imagem atrás das barras */
  height: 40px; /* Define a altura da imagem */
  width: auto; /* Mantém a proporção da imagem */
  display: block; /* Garante que a imagem se comporte como um bloco */
  max-width: none; /* Desabilitar restrições de largura máxima */
  max-height: none; /* Desabilitar restrições de altura máxima */
}

.fundo-imagem2 img {
  height: 100%; /* Garante que a imagem ocupe toda a altura do container */
  width: auto; /* Mantém a proporção da imagem */
  display: block; /* Garante que a imagem se comporte como um bloco */
  max-width: none; /* Desabilitar restrições de largura máxima */
  max-height: none; /* Desabilitar restrições de altura máxima */
}





/* ################################*/
/* ################################*/
/* ################################*/
/* Estilo do container de legenda */
.legenda-container {
  display: grid;
  grid-template-columns: repeat(90, 1fr); /* 90 colunas de largura igual */
  gap: 0;
  height: 10px; /* Altura do container de legenda */
  margin-top: 10px; /* Espaço entre o gráfico e a legenda */
  margin-bottom: 5px;
  padding-bottom: 15px;

}

.legenda-item-container {
  text-align: center; /* Centraliza o texto na coluna */
  font-size: 9px; /* Tamanho da fonte para a legenda */
  color: #b1b1b1; /* Cor da legenda */
  height: 100%; /* Altura completa do item de legenda */
  line-height: 10px; /* Alinha verticalmente o texto no centro */
}
/* ################################*/
/* ################################*/
/* ################################*/



/* ################################*/
/* ################################*/
/* ################################*/
/* Container geral para eventos (bola, cartão vermelho, canto) */
.evento-container {
  display: grid;
  grid-template-columns: repeat(90, 1fr); /* 90 colunas de largura igual */
  gap: 0; /* Remove o espaço entre as colunas */
  margin: 0;
  padding: 0;
  position: relative; /* Necessário para posicionar as imagens corretamente */
  height: 14px; /* Altura do container deve ser a mesma que o gráfico */
}

/* Wrapper para cada posição, que permite o posicionamento relativo das imagens */
.evento-wrapper {
  position: relative; /* Necessário para posicionar as imagens dentro das células */
  height: 100%; /* Garante que o wrapper tenha a mesma altura do container */
}

/* Estilo para a imagem da bola */
.imagem-bola {
  width: 10px; /* Largura da imagem da bola */
  height: 10px; /* Altura da imagem da bola */
  position: absolute; /* Posição absoluta em relação ao wrapper */
  bottom: 0; /* Alinhada à parte inferior da célula */
  left: 50%; /* Centralizada horizontalmente */
  transform: translateX(-50%); /* Ajuste para garantir centralização */
  z-index: 3; /* Garante que a imagem fique acima de outros elementos */
  display: block; /* Garante que a imagem se comporte como um bloco */
  max-width: none; /* Desabilitar restrições de largura máxima */
  max-height: none; /* Desabilitar restrições de altura máxima */
}

/* Estilo para a imagem do cartão vermelho */
.imagem-red {
  width: 8px; /* Largura da imagem do cartão vermelho */
  height: 10px; /* Altura da imagem do cartão vermelho */
  position: absolute; /* Posição absoluta em relação ao wrapper */
  bottom: 0; /* Alinhada à parte inferior da célula */
  left: 50%; /* Centralizada horizontalmente */
  transform: translateX(-50%); /* Ajuste para garantir centralização */
  z-index: 2; /* Garante que a imagem fique acima de outros elementos */
  display: block; /* Garante que a imagem se comporte como um bloco */
  max-width: none; /* Desabilitar restrições de largura máxima */
  max-height: none; /* Desabilitar restrições de altura máxima */
}

/* Estilo para a imagem do canto */
.imagem-canto {
  width: 5px; /* Largura da imagem do canto */
  height: 12px; /* Altura da imagem do canto */
  position: absolute; /* Posição absoluta em relação ao wrapper */
  bottom: 0; /* Alinhada à parte inferior da célula */
  left: 50%; /* Centralizada horizontalmente */
  transform: translateX(-50%); /* Ajuste para garantir centralização */
  z-index: 1; /* Garante que a imagem fique acima de outros elementos */
  display: block; /* Garante que a imagem se comporte como um bloco */
  max-width: none; /* Desabilitar restrições de largura máxima */
  max-height: none; /* Desabilitar restrições de altura máxima */
}





/* ################################*/
/* ################################*/
/* ################################*/
/* Container para as imagens de chutes e chutes fora */
.container-chutes {
  display: grid;
  grid-template-columns: repeat(90, 1fr); /* Distribui as posições igualmente */
  gap: 0;
  height: 12px; /* Altura do container */
  position: relative; /* Garante que as imagens sejam posicionadas corretamente */
}

/* Estilo para o wrapper das imagens de chutes e chutes fora */
.chutes-wrapper {
  position: relative; /* Garante que as imagens sejam posicionadas corretamente dentro do wrapper */
  height: 100%; /* Alinha as imagens ao tamanho do container */
}

/* Estilo para a imagem de chutes */
.imagem-chutes {
  width: 8px; /* Largura da imagem de chutes */
  height: 8px; /* Altura da imagem de chutes */
  position: absolute; /* Posição absoluta dentro do wrapper */
  bottom: 0; /* Alinhada à parte inferior da célula */
  left: 10%; /* Ajusta a posição horizontal dentro do wrapper */
  z-index: 2; /* Garante que a imagem fique acima de outros elementos */
  display: block; /* Garante que a imagem se comporte como um bloco */
  max-width: none; /* Desabilitar restrições de largura máxima */
  max-height: none; /* Desabilitar restrições de altura máxima */
}

/* Estilo para a imagem de chutes fora */
.imagem-fora {
  width: 8px; /* Largura da imagem de chutes fora */
  height: 8px; /* Altura da imagem de chutes fora */
  position: absolute; /* Posição absoluta dentro do wrapper */
  bottom: 0; /* Alinhada à parte inferior da célula */
  left: 60%; /* Ajusta a posição horizontal dentro do wrapper */
  z-index: 1; /* Garante que a imagem fique acima de outros elementos */
  display: block; /* Garante que a imagem se comporte como um bloco */
  max-width: none; /* Desabilitar restrições de largura máxima */
  max-height: none; /* Desabilitar restrições de altura máxima */
}




.pagination-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px 0;
}

.pagination-container button {
  background-color: #f0f0f0;
  border: 1px solid #ccc;
  padding: 5px 10px;
  margin: 0 5px;
  cursor: pointer;
  border-radius: 5px !important;
}

.pagination-container button.active {
  background-color: #42751D;
  color: white;
  border-color: #42751D;
}

.pagination-container button:disabled {
  background-color: #e0e0e0;
  cursor: not-allowed;
}



.range-slider {
  position: relative;
  height: 35px;
  text-align: center;
  }
  
  .range-slider input {
  pointer-events: none;
  position: absolute;
  overflow: hidden;
  left: 0;
  top: 15px;
  outline: none;
  height: 18px;
  margin: 0;
  padding: 0;
  }
  
  .range-slider input::-webkit-slider-thumb {
  pointer-events: all;
  position: relative;
  z-index: 1;
  outline: 0;
  }
  
  .range-slider input::-moz-range-thumb {
  pointer-events: all;
  position: relative;
  z-index: 10;
  -moz-appearance: none;
  width: 9px;
  }
  
  .range-slider input::-moz-range-track {
  position: relative;
  z-index: -1;
  }
  
  .range-slider input:last-of-type::-moz-range-track {
  -moz-appearance: none;
  background: none transparent;
  border: 0;
  }
  
  .range-slider input[type=range]::-moz-focus-outer {
  border: 0;
  }
  
  .rangeValue {
  width: 30px;
  }
  
  .output {
  position: absolute;
  width: 24px;
  height: 24px;
  text-align: center;
  padding: 4px 0 0 0;
  margin-left: 0;
  color: #fff;
  border-radius: 50% 50% 50% 0%;
  font-size: 9px;
  bottom: 60%;
  left: 100%;
  background-color: #64A338;
  transform: translate(-45%, 0);
  margin-left: 15px;
  z-index: 999999999999999999;
  }
  
  .output.outputTwo {
  left: 100%;
  margin-left: 5px;
  z-index: 0;
  }
  
  
  
  input[type=range] {
  -webkit-appearance: none;
  background: none;
  }
  
  input[type=range]::-webkit-slider-runnable-track {
  height: 5px;
  border: none;
  border-radius: 3px;
  background: transparent;
  }
  
  input[type=range]::-ms-track {
  height: 5px;
  background: transparent;
  border: none;
  border-radius: 3px;
  }
  
  input[type=range]::-moz-range-track {
  height: 5px;
  background: transparent;
  border: none;
  border-radius: 3px;
  }
  
  input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #64A338;
  margin-top: -5px;
  position: relative;
  z-index: 10000;
  }
  
  input[type=range]::-ms-thumb {
  -webkit-appearance: none;
  border: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #64A338;
  margin-top: -5px;
  position: relative;
  z-index: 1000;
  }
  
  input[type=range]::-moz-range-thumb {
  -webkit-appearance: none;
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #64A338;
  margin-top: -5px;
  position: relative;
  z-index: 10000;
  }
  
  input[type=range]:focus {
  outline: none;
  }
  
  .full-range,
  .incl-range {
  width: 100%;
  height: 5px;
  left: 0;
  top: 21px;
  position: absolute;
  background: #DDD;
  }
  
  .incl-range {
  background: #64A338;
  }
  
  
  .grafico-container {
    position: relative;
  }
  
  .bar-wrapper {
    position: relative;
    display: inline-block;
  }
  
  .chutes-image {
      width: 20px !important;
      height: 20px !important;
  }






  .donut-chart {
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    }
    
    .donut-chart::before {
    content: '';
    position: absolute;
    width: 65%;
    height: 65%;
    background: #fff;
    border-radius: 50%;
    }
    
    
    
    
    .grafico-container {
      display: flex;
      justify-content: center; /* Centraliza o gráfico horizontalmente */
    }
    
    .grafico {
      display: flex;
      align-items: flex-end; /* Alinha as barras ao fundo do contêiner */
    }
    
    .barra {
      width: 2px; /* Largura */
      background-color: #64A338;
      margin-right: 1px; /* Espaço */
    }



.statscasa {
background-color: #ffff;
border: 1px solid #ADCFA3;
border-radius: 25px;
padding: 4px 7px;
z-index: 999999;
position: relative;
margin-right: -13px;
color: #4D853A;
}

.statscasavalor {
background-color: #FBFBFB;
border: 1px solid #ADCFA3;
border-radius: 0 25px 25px 0;
color: #4D853A;
}

.statsfora {
  background-color: #FBFBFB;
  border: 1px solid #BACCD4;
  border-radius: 25px 0 0 25px;
  padding:  3px 21px 3px 12px;
  color: #4D853A;
  }
  
  .statsforavalor {
    background-color: #ffff;
    border: 1px solid #BACCD4;
    border-radius: 25px;
    z-index: 999999;
    position: relative;
    margin-left: -13px;
    color: #4D853A;
  }

  .oddpre1label {
    background-color: #ffff;
    border: 1px solid #ADCFA3;
    border-radius: 25px;
    padding: 4px 7px;
    z-index: 999999;
    position: relative;
    margin-right: -13px;
    color: #4D853A;
  }

  .oddpre1valor {
    background-color: #FBFBFB;
    border: 1px solid #ADCFA3;
    border-radius: 0 25px 25px 0;
    padding: 4px 8px 4px 12px;
    color: #4D853A;
  }


  .oddprexlabel {
    background-color: #ffff;
    border: 1px solid #e9e9e9;
    border-radius: 25px;
    padding: 4px 7px;
    z-index: 999999;
    position: relative;
    margin-right: -13px;
    margin-left: 5px;
  }

  .oddprexvalor {
    background-color: #f4f4f4;
    border: 1px solid #e9e9e9;
    border-radius: 0 25px 25px 0;
    padding: 4px 8px 4px 12px;
  }


  .oddpre2label {
    background-color: #ffff;
    border: 1px solid #BACCD4;
    border-radius: 25px;
    padding: 4px 7px;
    z-index: 999999;
    position: relative;
    margin-right: -13px;
    margin-left: 5px;
    color: #003C54;
  }

  .oddpre2valor {
    background-color: #FBFBFB;
    border: 1px solid #BACCD4;
    border-radius: 0 25px 25px 0;
    padding: 4px 8px 4px 12px;
    color: #003C54;
  }



  .oddpre25label {
    background-color: #ffff;
    border: 1px solid #e9e9e9;
    border-radius: 25px;
    padding: 4px 7px;
    z-index: 999999;
    position: relative;
    margin-right: -13px;
    margin-left: 15px;
  }

  .oddpre25valor {
    background-color: #f4f4f4;
    border: 1px solid #e9e9e9;
    border-radius: 0 25px 25px 0;
    padding: 4px 8px 4px 12px;
  }

  .ultimocasa {
    background-color: #ffff;
    border: 1px solid #64A338;
    border-radius: 25px;
    padding: 4px 7px;
    z-index: 999999;
    position: relative;
    margin-right: -13px;
    color: #4D853A;
  }

  .ultimofora {
    background-color: #ffff;
    border: 1px solid #003C54;
    border-radius: 25px;
    padding: 4px 7px;
    z-index: 999999;
    position: relative;
    margin-left: -13px;
    color: #003C54;
  }

  .ultimolabel {
    background-color: #FBFBFB;
    border: 1px solid #e9e9e9;
    padding: 4px 16px;
    color: #6d6d6d;
    margin-left: 3px;
    margin-right: 1px;
  }

  .graf1 {
    content: url(../imagens/graf1.png);
  }


.tarja {
line-height: 16px;
background-color: #e8f3e0;
}

.cstotalcasa {
padding: 5px 12px 7px 12px;
background-color: #64A338;
border-radius: 25px;
color: #ffffff;
}

.cstotalx {
padding: 5px 15px 7px 15px;
background-color: #9E9E9E;
border-radius: 25px;
color: #ffffff;
}

.cstotalfora {
padding: 5px 12px 7px 12px;
background-color: #003C54;
border-radius: 25px;
color: #ffffff;
}


.cstotalcasavalor {
padding: 4px 10px;
background-color: #FFF;
border: 1px solid #64A338;
color: #64A338;
border-radius: 25px;
}

.cstotalxvalor {
  padding: 4px 8px;
  background-color: #FFF;
  border: 1px solid #9E9E9E;
  color: #9E9E9E;
  border-radius: 25px;
}

.cstotalforavalor {
  padding: 4px 10px;
  background-color: #FFF;
  border: 1px solid #003C54;
  color: #003C54;
  border-radius: 25px;
}




.highlight-1 {
  background-color: #64A338; /* Amarelo forte */
  color: #ffffff !important;
  }
  .highlight-2 {
  background-color: #C4E0BC; /* Amarelo médio */
  }
  .highlight-3 {
  background-color: #EBFAE6; /* Amarelo fraco */
  }
  .highlight-4 {
  border: 1px solid #64A338;
  }
  
  .highlightb-1 {
  background-color: #135670; /* azul forte */
  color: #ffffff !important;
  }
  .highlightb-2 {
  background-color: #AED7E8; /* azul médio */
  }
  .highlightb-3 {
  background-color: #DCEBF2; /* azul fraco */
  }
  .highlightb-4 {
  border: 1px solid #135670;
  }
  
  .highlightx-1 {
  background-color: #9E9E9E; /* cinza forte */
  color: #ffffff !important;
  }
  .highlightx-2 {
  border: 1px solid #e9e9e9;
  }


  .gabi1 {
    background-color: #ffff;
    border: 1px solid #ADCFA3;
    border-radius: 25px;
    padding: 3px 9px;
    z-index: 999999;
    position: relative;
    margin-right: -13px;
    color: #4D853A;
  }

  .gabix {
    background-color: #ffff;
    border: 1px solid #d0cfcf;
    border-radius: 25px;
    padding: 3px 9px;
    z-index: 999999;
    position: relative;
    margin-right: -13px;
    color: #6d6d6d;
  }

  .gabi2 {
    background-color: #ffff;
    border: 1px solid #6e9daf;
    border-radius: 25px;
    padding: 3px 9px;
    z-index: 999999;
    position: relative;
    margin-right: -13px;
    color: #003C54;
  }

  .gabi1valor {
    background-color: #FBFBFB;
    border: 1px solid #ADCFA3;
    border-radius: 0 25px 25px 0;
    padding: 3px 9px 3px 12px;
    color: #4D853A;
  }

  .gabixvalor {
    background-color: #FBFBFB;
    border: 1px solid #d0cfcf;
    border-radius: 0 25px 25px 0;
    padding: 3px 9px 3px 12px;
    color: #6d6d6d;
  }

  .gabi2valor {
    background-color: #FBFBFB;
    border: 1px solid #6e9daf;
    border-radius: 0 25px 25px 0;
    padding:  3px 9px 3px 12px;
    color: #003C54;
  }

  .gabilabel1 {
    color: #fff;
  }

  .gabilabel {
    color: rgba(0,0,0,0.87);
  }


  .gol1 {
    color: #64A338;
  }

  .avggol {
    color: #6d6d6d;
  }

  .gol2 {
    color: #003C54;
  }


  .corgabi {
   color: #6d6d6d;
  }


  .quadroprehome {
    background-color: #64A338;
    }
  
    .quadropreaway {
    background-color: #003C54;
    }


    /* Removendo bordas da tabela */
#dataTable {
  width: 100%;
  }
  
  #dataTable th {
  font-size: 11px;
  font-weight: 500;
  background-color: #fff;
  }
  
  #dataTable td {
  font-size: 11px;
  font-weight: 400;
  line-height: 20px;
  }
  
  /* Aplicando listras (linhas zebradas) */
  #dataTable tbody tr:nth-child(odd) {
  background-color: transparent; /* Cor para linhas ímpares */
  }
  #dataTable tbody tr:nth-child(even) {
  background-color: #f5f5f5; /* Cor para linhas pares */
  }
  
  
  
  .bg-green {
    background-color: #64A338;
    color: white;
    padding: 2px 4px;
    border-radius: 3px;
  }
  
  .bg-blue {
    background-color: #003C54;
    color: white;
    padding: 2px 4px;
    border-radius: 3px;
  }
  
  
  .bg-amar {
    background-color: rgb(227, 227, 9);
    color: rgb(62, 62, 0);
    padding: 2px 4px;
    border-radius: 3px;
  }
  
  .bg-red {
    background-color: rgb(184, 16, 16);
    color: white;
    padding: 2px 4px;
    border-radius: 3px;
  }
  
  
  .bg-gray {
    background-color: #e3e1e1;
    color: #333;
    padding: 2px 4px;
    border-radius: 3px;
  }
  
  .bg-cinza {
    border: 1px solid #ccc;
    padding: 2px 4px;
    border-radius: 3px;
  }
  
  .bg-transp {
    color: transparent !important;
  }
  
  .circulotempo {
    border: 1px solid #ccc;
    padding: 7px;
    border-radius: 50%;
  }



  /* Estilos gerais da tabela */
.listatable {
  display: flex;
  flex-direction: column;
  width: 100%;
  color: #333;
}

/* Cabeçalho da tabela */
.listatable-header {
  font-size: 11px;
  font-weight: 400 !important;
  display: flex;
  background-color: #f1f1f1;
  font-weight: bold;
  padding: 10px;
  border: 1px solid rgba(179, 179, 179, 0.2);
  border-radius: 7px !important;
  cursor: pointer;
  color: #333;
  margin-bottom: 5px;
}

/* Linhas da tabela */
.listatable-row {
  display: flex;
  padding: 10px;
  font-size: 11px;
  border-radius: 7px !important;
  margin-bottom: 5px;
}

.listatable-row:nth-child(even) {
  background-color: #f5f5f5;
  border-radius: 7px !important;
}

/* Colunas da tabela */
.listatable-column {
  text-align: center;
  box-sizing: border-box;
}

/* Cor da linha ao passar o mouse */
.listatable-row:hover {
  background-color: #ededed;
  border-radius: 7px !important;
}


/* favorito */
  .listatable-header .listatable-column:nth-child(1),
  .listatable-row .listatable-column:nth-child(1) {
   width: 4.50%; /* Largura maior para a coluna Confronto */
   padding: 0;
   margin: 0;
  }
  
  /* Confronto */
  .listatable-header .listatable-column:nth-child(2),
  .listatable-row .listatable-column:nth-child(2) {
    width: 20%; /* Largura maior para a coluna Confronto */
  }
  
  /* tempo */
  .listatable-header .listatable-column:nth-child(3),
  .listatable-row .listatable-column:nth-child(3) {
   width: 5%; /* Largura maior para a coluna Confronto */
  }
  
  /* amarelo */
  .listatable-header .listatable-column:nth-child(19),
  .listatable-row .listatable-column:nth-child(19) {
   width: 3.50%; /* Largura maior para a coluna Confronto */
  }
  
  /* vermelho */
  .listatable-header .listatable-column:nth-child(20),
  .listatable-row .listatable-column:nth-child(20) {
   width: 3.50%; /* Largura maior para a coluna Confronto */
  }
  
  /* XG */
  .listatable-header .listatable-column:nth-child(4),
  .listatable-row .listatable-column:nth-child(4) {
   width: 4%; /* Largura maior para a coluna Confronto */
  }
  
  /* H2H */
  .listatable-header .listatable-column:nth-child(5),
  .listatable-row .listatable-column:nth-child(5) {
   width: 4.50%; /* Largura maior para a coluna Confronto */
  }
  
  /* Pi1 */
  .listatable-header .listatable-column:nth-child(6),
  .listatable-row .listatable-column:nth-child(6) {
   width: 3.50%; /* Largura maior para a coluna Confronto */
  }
  
  /* Pi2 */
  .listatable-header .listatable-column:nth-child(7),
  .listatable-row .listatable-column:nth-child(7) {
   width: 3.50%; /* Largura maior para a coluna Confronto */
  }
  
  /* Pi3 */
  .listatable-header .listatable-column:nth-child(8),
  .listatable-row .listatable-column:nth-child(8) {
   width: 3.50%; /* Largura maior para a coluna Confronto */
  }
  
  /* APPM */
  .listatable-header .listatable-column:nth-child(9),
  .listatable-row .listatable-column:nth-child(9) {
   width: 4.50%; /* Largura maior para a coluna Confronto */
  }
  
  /* APPM10 */
  .listatable-header .listatable-column:nth-child(10),
  .listatable-row .listatable-column:nth-child(10) {
   width: 4.70%; /* Largura maior para a coluna Confronto */
  }
  
  /* CG */
  .listatable-header .listatable-column:nth-child(11),
  .listatable-row .listatable-column:nth-child(11) {
   width: 3.50%; /* Largura maior para a coluna Confronto */
  }
  
  /* CG10 */
  .listatable-header .listatable-column:nth-child(12),
  .listatable-row .listatable-column:nth-child(12) {
   width: 3.50%; /* Largura maior para a coluna Confronto */
  }
  
  /* CANTOS */
  .listatable-header .listatable-column:nth-child(15),
  .listatable-row .listatable-column:nth-child(15) {
   width: 4%; /* Largura maior para a coluna Confronto */
  }
  
  /* ATAQUES */
  .listatable-header .listatable-column:nth-child(16),
  .listatable-row .listatable-column:nth-child(16) {
   width: 5.30%; /* Largura maior para a coluna Confronto */
  }
  
  /* A PER */
  .listatable-header .listatable-column:nth-child(17),
  .listatable-row .listatable-column:nth-child(17) {
   width: 4%; /* Largura maior para a coluna Confronto */
  }
  
  /* POSSE */
  .listatable-header .listatable-column:nth-child(18),
  .listatable-row .listatable-column:nth-child(18) {
   width: 4%; /* Largura maior para a coluna Confronto */
  }
  
  /* ÚLTIMO GOL */
  .listatable-header .listatable-column:nth-child(21),
  .listatable-row .listatable-column:nth-child(21) {
   width: 4%; /* Largura maior para a coluna Confronto */
  }
  
  
  /* CHUTES AO GOL */
  .listatable-header .listatable-column:nth-child(13),
  .listatable-row .listatable-column:nth-child(13) {
   width: 4%; /* Largura maior para a coluna Confronto */
  }
  
  /* CHUTES FORA GOL */
  .listatable-header .listatable-column:nth-child(14),
  .listatable-row .listatable-column:nth-child(14) {
   width: 4%; /* Largura maior para a coluna Confronto */
  }

  /* mais 1 de 26 */
.listatable-header .listatable-column:nth-child(22),
.listatable-row .listatable-column:nth-child(22) {
 width: 4%; /* Largura maior para a coluna Confronto */
}

/* mais 2 de 26 */
.listatable-header .listatable-column:nth-child(23),
.listatable-row .listatable-column:nth-child(23) {
 width: 4%; /* Largura maior para a coluna Confronto */
}

/* mais 3 de 26 */
.listatable-header .listatable-column:nth-child(24),
.listatable-row .listatable-column:nth-child(24) {
 width: 4%; /* Largura maior para a coluna Confronto */
}

/* mais 4 de 26 */
.listatable-header .listatable-column:nth-child(25),
.listatable-row .listatable-column:nth-child(25) {
 width: 4%; /* Largura maior para a coluna Confronto */
}

/* mais 5 de 26 */
.listatable-header .listatable-column:nth-child(26),
.listatable-row .listatable-column:nth-child(26) {
 width: 4%; /* Largura maior para a coluna Confronto */
}

/* mais 6 de 26 */
.listatable-header .listatable-column:nth-child(27),
.listatable-row .listatable-column:nth-child(27) {
 width: 4%; /* Largura maior para a coluna Confronto */
}

/* mais 7 de 26 */
.listatable-header .listatable-column:nth-child(28),
.listatable-row .listatable-column:nth-child(28) {
 width: 4%; /* Largura maior para a coluna Confronto */
}

/* mais 8 de 26 */
.listatable-header .listatable-column:nth-child(29),
.listatable-row .listatable-column:nth-child(29) {
 width: 4%; /* Largura maior para a coluna Confronto */
}

/* mais 9 de 26 */
.listatable-header .listatable-column:nth-child(30),
.listatable-row .listatable-column:nth-child(30) {
 width: 4%; /* Largura maior para a coluna Confronto */
}

/* mais 10 de 26 */
.listatable-header .listatable-column:nth-child(31),
.listatable-row .listatable-column:nth-child(31) {
 width: 4%; /* Largura maior para a coluna Confronto */
}

/* mais 11 de 26 */
.listatable-header .listatable-column:nth-child(32),
.listatable-row .listatable-column:nth-child(32) {
 width: 4%; /* Largura maior para a coluna Confronto */
}

/* mais 12 de 26 */
.listatable-header .listatable-column:nth-child(33),
.listatable-row .listatable-column:nth-child(33) {
 width: 4%; /* Largura maior para a coluna Confronto */
}

/* mais 13 de 26 */
.listatable-header .listatable-column:nth-child(34),
.listatable-row .listatable-column:nth-child(34) {
 width: 4%; /* Largura maior para a coluna Confronto */
}

/* mais 14 de 26 */
.listatable-header .listatable-column:nth-child(35),
.listatable-row .listatable-column:nth-child(35) {
 width: 4%; /* Largura maior para a coluna Confronto */
}

/* mais 15 de 26 */
.listatable-header .listatable-column:nth-child(36),
.listatable-row .listatable-column:nth-child(36) {
 width: 4%; /* Largura maior para a coluna Confronto */
}

/* mais 16 de 26 */
.listatable-header .listatable-column:nth-child(37),
.listatable-row .listatable-column:nth-child(37) {
 width: 4%; /* Largura maior para a coluna Confronto */
}

/* mais 17 de 26 */
.listatable-header .listatable-column:nth-child(38),
.listatable-row .listatable-column:nth-child(38) {
 width: 4%; /* Largura maior para a coluna Confronto */
}

/* mais 18 de 26 */
.listatable-header .listatable-column:nth-child(39),
.listatable-row .listatable-column:nth-child(39) {
 width: 4%; /* Largura maior para a coluna Confronto */
}

/* mais 19 de 26 */
.listatable-header .listatable-column:nth-child(40),
.listatable-row .listatable-column:nth-child(40) {
 width: 4%; /* Largura maior para a coluna Confronto */
}


/* mais 20 de 26 */
.listatable-header .listatable-column:nth-child(41),
.listatable-row .listatable-column:nth-child(41) {
 width: 4%; /* Largura maior para a coluna Confronto */
}


/* mais 21 de 26 */
.listatable-header .listatable-column:nth-child(42),
.listatable-row .listatable-column:nth-child(42) {
 width: 4%; /* Largura maior para a coluna Confronto */
}


/* mais 22 de 26 */
.listatable-header .listatable-column:nth-child(43),
.listatable-row .listatable-column:nth-child(43) {
 width: 4%; /* Largura maior para a coluna Confronto */
}

/* mais 23 de 26 */
.listatable-header .listatable-column:nth-child(44),
.listatable-row .listatable-column:nth-child(44) {
 width: 4%; /* Largura maior para a coluna Confronto */
}


/* mais 24 de 26 */
.listatable-header .listatable-column:nth-child(45),
.listatable-row .listatable-column:nth-child(45) {
 width: 4%; /* Largura maior para a coluna Confronto */
}

/* mais 25 de 26 */
.listatable-header .listatable-column:nth-child(46),
.listatable-row .listatable-column:nth-child(46) {
 width: 4%; /* Largura maior para a coluna Confronto */
}

/* mais 26 de 26 */
.listatable-header .listatable-column:nth-child(47),
.listatable-row .listatable-column:nth-child(47) {
 width: 4%; /* Largura maior para a coluna Confronto */
}

/* mais 1 de 12 GABi */
.listatable-header .listatable-column:nth-child(48),
.listatable-row .listatable-column:nth-child(48) {
 width: 4%; /* Largura maior para a coluna Confronto */
}

/* mais 2 de 12 GABi */
.listatable-header .listatable-column:nth-child(49),
.listatable-row .listatable-column:nth-child(49) {
 width: 4%; /* Largura maior para a coluna Confronto */
}

/* mais 3 de 12 GABi */
.listatable-header .listatable-column:nth-child(50),
.listatable-row .listatable-column:nth-child(50) {
 width: 4%; /* Largura maior para a coluna Confronto */
}

/* mais 4 de 12 GABi */
.listatable-header .listatable-column:nth-child(51),
.listatable-row .listatable-column:nth-child(51) {
 width: 4%; /* Largura maior para a coluna Confronto */
}

/* mais 5 de 12 GABi */
.listatable-header .listatable-column:nth-child(52),
.listatable-row .listatable-column:nth-child(52) {
 width: 4%; /* Largura maior para a coluna Confronto */
}

/* mais 6 de 12 GABi */
.listatable-header .listatable-column:nth-child(53),
.listatable-row .listatable-column:nth-child(53) {
 width: 4%; /* Largura maior para a coluna Confronto */
}

/* mais 7 de 12 GABi */
.listatable-header .listatable-column:nth-child(54),
.listatable-row .listatable-column:nth-child(54) {
 width: 4%; /* Largura maior para a coluna Confronto */
}

/* mais 8 de 12 GABi */
.listatable-header .listatable-column:nth-child(55),
.listatable-row .listatable-column:nth-child(55) {
 width: 4%; /* Largura maior para a coluna Confronto */
}

/* mais 9 de 12 GABi */
.listatable-header .listatable-column:nth-child(56),
.listatable-row .listatable-column:nth-child(56) {
 width: 4%; /* Largura maior para a coluna Confronto */
}

/* mais 10 de 12 GABi */
.listatable-header .listatable-column:nth-child(57),
.listatable-row .listatable-column:nth-child(57) {
 width: 4%; /* Largura maior para a coluna Confronto */
}

/* mais 11 de 12 GABi */
.listatable-header .listatable-column:nth-child(58),
.listatable-row .listatable-column:nth-child(58) {
 width: 4%; /* Largura maior para a coluna Confronto */
}

/* mais 12 de 12 GABi */
.listatable-header .listatable-column:nth-child(59),
.listatable-row .listatable-column:nth-child(59) {
 width: 4%; /* Largura maior para a coluna Confronto */
}


.listatable-column {
  padding-left: 2px;
  padding-right: 2px;
}


.sorted-column {
  background-color: #e0e0e0; /* Cor amarela para a coluna ordenada */
  border-radius: 3px;
  color: #000;
}

.btn-mais {
  color: #64A338;
}

.btn-mais:hover {
  color: #42751D;
}





/* TABELA NOVA*/
th.sorting::after, 
th.sorting::before, 
th.sorting_asc::after, 
th.sorting_asc::before, 
th.sorting_desc::after, 
th.sorting_desc::before {
display: none !important;
}


/* Adiciona bordas verticais nas colunas */
table.dataTable thead th, 
table.dataTable tbody td {
  border: 1px solid rgba(179, 179, 179, 0.2);
}

/* Remove a borda da última coluna para evitar excesso de linhas */
table.dataTable thead th:last-child, 
table.dataTable tbody td:last-child {
border-right: none;
}

table.dataTable thead th, 
table.dataTable tbody td {
  border: 1px solid rgba(179, 179, 179, 0.2);
}



/* Linha zebrada no tbody */
table.dataTable tbody tr:nth-child(odd) {
  background-color: #f5f5f5; /* Cor para as linhas ímpares */
}

table.dataTable tbody tr:nth-child(even) {
  background-color: transparent; /* Cor para as linhas pares */
}

/* Efeito ao passar o mouse */
table.dataTable tbody tr:hover {
  background-color: #ededed !important; /* Altera a cor da linha para preto ao passar o mouse */
}

/* Ajusta o padding dos títulos (th) e células (td) */
table.dataTable thead th, 
table.dataTable tbody td {
padding: 5px !important;
text-align: center !important;
}


.topoheader {
  font-size: 10px;
  color: #333;
  font-weight: 400 !important;
  background-color: #f1f1f1 !important;
  padding: 5px;
  border: 1px solid rgba(179, 179, 179, 0.4);
  cursor: pointer;
}


.linhastr {
  font-size: 12px;
  color: #333;
  line-height: 20px;
}


.roverr {
background-color: transparent;
}

.roverr:hover {
background-color: #000;
}

a, button, .elemento {
cursor: pointer !important;
}




 /* Agora a tarja começa do lado direito */
 .sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  top: 0;
  right: 0; /* Alterado de 'left: 0;' para 'right: 0;' */
  background-color: #f5f5f5;
  overflow-x: hidden;
  transition: 0.3s;
}

.sidenav a {
  padding: 10px 15px;
  text-decoration: none;
  font-size: 20px;
  color: white;
  display: block;
  transition: 0.2s;
}

.sidenav a:hover {
  background-color: #555;
}

/* Ajustando o botão de fechar */
.closebtn {
  position: absolute;
  top: -10px;
  left: 30px; /* Agora alinhado à esquerda dentro da tarja */
  font-size: 30px;
  cursor: pointer;
}





/* Agora a tarja começa do lado direito */
.sidenav2 {
  height: 100%;
  width: 0;
  position: fixed;
  top: 0;
  right: 0; /* Alterado de 'left: 0;' para 'right: 0;' */
  background-color: #f5f5f5;
  overflow-x: hidden;
  transition: 0.3s;
}

.sidenav2 a {
  padding: 10px 15px;
  text-decoration: none;
  font-size: 20px;
  color: white;
  display: block;
  transition: 0.2s;
}

.sidenav2 a:hover {
  background-color: #555;
}

/* Ajustando o botão de fechar */
.closebtn2 {
  position: absolute;
  top: -10px;
  left: 30px; /* Agora alinhado à esquerda dentro da tarja */
  font-size: 30px;
  cursor: pointer;
}


.switch label .lever {
  background-color: #ccc;
}
.switch label input[type=checkbox]:checked+.lever {
  background-color: #414C57;
}
.switch label input[type=checkbox]:checked+.lever:after {
  background-color: #64A338;
}



.pagination {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  flex-wrap: wrap;
  gap: 3px;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none !important;
}

.pagination a {
  padding: 8px 14px;
  background-color: #f5f5f5;
  color: #1C2632 !important;
  text-decoration: none !important;
  border-radius: 0 !important;
  border: 0 !important;
}

.pagination a:hover {
  background-color: #f1f1f1;
  color: #1C2632;
  text-decoration: none !important;
}

.pagination a.active {
  background-color: hsl(101, 87%, 30%);
  color: #fff !important;
  font-weight: bold;
  text-decoration: none !important;
}



.oddpre2 {
  background-color: #6d6d6d;
  border: 1px solid #6d6d6d;
  border-radius: 4px !important;
  padding-bottom: 2px !important;
  padding-top: 4px !important;
  padding-left: 3px !important;
  padding-right: 3px !important;
  z-index: 999999;
  position: relative;
  margin-right: -13px;
  color: #fff;
  font-size: 10px !important;
  font-weight: 500 !important;
  min-width: 20px;
  text-align: center;
  display: inline-block;
  box-sizing: border-box;
  line-height: 1 !important;
}

.oddlive2 {
  background-color: #64A338;
  border: 1px solid #64A338;
  border-radius: 4px !important;
  padding-bottom: 2px !important;
  padding-top: 4px !important;
  padding-left: 2px !important;
  padding-right: 2px !important;
  z-index: 999999;
  position: relative;
  margin-left: -13px;
  color: #fff;
  font-size: 10px !important;
  font-weight: 500 !important;
  min-width: 20px;
  text-align: center;
  display: inline-block;
  box-sizing: border-box;
  line-height: 1 !important;
}



.labelodd2 {
  position: relative;
  background-color: #fff;
  padding: 2px 16px;
  color: #333333;
  min-width: 40px;
  height: 24px;         /* fixe a altura igual das odds */
  line-height: 24px;    /* para centralizar texto vertical */
  font-weight: 400 !important;
  font-size: 10px !important;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: 4px;
}

.labelodd2::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  background: linear-gradient(to right, #6d6d6d, #64A338);
  pointer-events: none;
}