*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

a {
    text-decoration: none;
    font-size: 25px;
    color: aliceblue;
}

a{
    color:red; /* cor dos links */
    text-decoration: none;  /* sem sublinhado */
}



.navbar{
    background-color: #92D01F; /* Cor Original: #92D01F  */
    color: azure;
    padding: 10px 20px;
    display: flex;
    width: 100%;
    align-items: center;
    border: 1px solid #BFBFBF;
    box-shadow: 0 5px 5px #aaaaaa;
}

.navbar ul{
    flex: 1;
    text-align: right;
}

.navbar ul li{            
    display: inline-block;
    margin: 0 25px;
}

.logo{
    font-size: 35px;
}

.mobile{
    display: none;
}

.dados{        
text-align: center;
height: 150px;
}

.icones{        
    text-decoration: none;
    justify-content: center;
}

.valortotal{
font-size: 20px;
}

.valores{
text-align: right;
margin-top: 5px;
}

.grafico{
margin-top: -15px;
}

.cards {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
border: 1px solid rgba(0, 0, 0, .1);
border-radius: .375rem;
background-color: #fff;
background-clip: border-box;
}

.logomarca{
display: flex;
}

.desktop a {
    color: #fdfbfb;
    text-decoration: none;
  }

  .desktop a:hover {
    color: #257a09;
}
/* quando o link for selecionado */
.desktop a:active {
    color: #333;
}

  .desktop a:link
        {
            text-decoration: none;
        }

.atvleft{
    width: 20%;
    height: 80px;
    background-color:#257a09;
}

.atvright{
    width: 50%;
    height: 80px;
    background-color: #333;
}

.btn-atv{
    align-items: center;    
}

::-webkit-scrollbar {
    display: none;
    }
       

@media only screen and (max-width: 800px){
    .navbar .desktop{
        display: none;
        position: fixed;
        top: 0;
    }

    .mobile{
        background-color: #263122;        
        display: block;
        color: azure;
        position: fixed;
        bottom: 0;
        left: 0;
        display: flex;
        justify-content: space-around;
        align-items: center;
        width: 100%;
        padding: 10px;
        text-decoration: none;

    }

    .mobile i{
        font-size: 25px;
    }

    .mobile a {
        color: #fdfbfb;
        text-decoration: none;
      }

      .mobile a:hover {
        color: #257a09;
    }
    /* quando o link for selecionado */
    .mobile a:active {
        color: #333;
    }
    
      .mobile a:link
            {
                text-decoration: none;
            }
    
}