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

body {
overflow-x: hidden;
}

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


#sidebar-wrapper {
background-color: #fcfcfc;
border-right: 1px solid #B3C4CC;
color: #002736;
position: fixed;
height: 100%;
width: 20%;
z-index: 1;
top: 112px;
}


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


#main{
padding-left: 70px;
margin-top: 80px;



}
@media (min-width: 768px) {
#sidebar-wrapper.sidebar-toggle {
    transition: 0s;
}
}
main {
    background-color: #fff;
    width: 80%;
    margin-left: 20%;
    height: 100%;
	text-align:center;
	margin-top: 80px;
	
 
    
}





@font-face {
font-family: "Libre-Regular";
src: url("fontes/LibreBaskerville-Regular.ttf") format("truetype");
}

@font-face {
font-family: "Libre-Bold";
src: url("fontes/LibreBaskerville-Bold.ttf") format("truetype");
}

@font-face {
font-family: "Libre-Italic";
src: url("fontes/LibreBaskerville-Italic.ttf") format("truetype");
}


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

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

nav .brand-logo {
font-size: 2.6rem;
} 

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


.corverde {
  background-color: #7EA840 !important;
  }
  
  .corazul {
  background-color: #002736 !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;
}


 .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;
}








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



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


}

.logo>img {
    position: absolute;
    top: 50%;
    transform: translateY(-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-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;
		max-height: 39px !important;
		
		}
		
		
		  input[type="password"] {
        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;
		max-height: 39px !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: 15px !important;
		}
		
		


 .input-field label {
     color: #000 !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;
	}


   
   
.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 :) */ } 


.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: 5px;
  display: inline-block;
  height: 32px;
  line-height: 32px;
  font-size: 13px;
   padding-left:10px;
  padding-right:10px;
  padding: 0 50;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
}
   
   
.btn3, .btn-large3,
.btn-flat3 {
  border: none;
  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;
}


.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;
}




.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;
}

.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;
}



.collapsible-body {
  display: none;
  border-bottom: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 !important;
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.side-nav .collapsible-body li a,
.side-nav.fixed .collapsible-body li a {
  padding: 0 !important;
}

.side-nav .collapsible-body {
  padding: 0 !important;
}