#header-sistema{
    width: 100%;
    /* max-width: var(--max-width); */
    height: 80px;
    /* box-shadow: 1px 0 6px 0px rgb(181, 181, 181); */
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .5rem 1rem;
    /* background-color: var(--verde-claro); */
    background-color: var(--verde-escuro);
    /* position: fixed; */
    /* top: 0; */
    /* left: 0; */
    z-index: 5;
}

.wrapping_header{
    margin: 5px auto ;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: var(--max-width);
}

#header-sistema > div{
    max-width: var(--max-width);
}

.span_content_perfil_and_row{
    display: flex;
    align-items: center;
    padding: 8px;
    border-radius: 35px;
    transition: all ease .2s;
}

.span_content_perfil_and_row:hover{
    background-color: #19875429;
}


#content-more-options-user{
    width: 100%;
}

#wrapping-more-option-tag-a{
    width: 100%;
}

#wrapping-more-option-tag-a a{
    padding: 7px 10px 5px;
    width: 100%;
    display: inline-flex;
    align-items: center;
    margin: 4px 0;
    text-decoration: none;
    color: var(--verde-claro);
    transition: all ease .2s;
    font-size: 14px;
}



#wrapping-more-option-tag-a a i{
    margin-right: 4px;
    font-size: 20px;
    color: white
}

#wrapping-more-option-tag-a a:hover{
    background-color: var(--verde-escuro);

}


.item_novo_menu{
    font-size: 10px;
    color: var(--verde-claro);
    margin-left: 15px;
    font-weight: 600;
    padding: 4px 8px;
    border-radius: 35px;
    border-bottom-left-radius: 0;
    color: white;
    background-color: var(--verde-claro);

}




.contentLogo{

}

.contentLogo a img{
    margin-right: 14px;
}

#div-acessibilidade{
    display: inline-flex;
    align-items: center;

}

.content-apresentacao-usuario{
    display: inline-flex;
    align-items: center;
    color: white;
}

.content-apresentacao-usuario h6{
    margin-bottom: 0;
}

.content-apresentacao-usuario span{
    margin-left: 4px;
}
/* //botao circular  */
#button_fechar_sessao{

    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: transparent;
    color: white;
    cursor: pointer;
    font-size: 15px;
    transition: all ease .2s;
    border: none;
    outline: none;
    margin-left: 8px;

}

#button_fechar_sessao:hover{
    background-color: var(--color-primary-lighten-logo-uea);
}

.iten_header{
  padding: 10px;
  text-align: center;
  /* width: max-content; */
  margin: 2px;
  color: white;
  cursor: pointer;
  text-decoration: none;
}

.iten_header.active::after{
    background-color: white;
    opacity: 1;
}

.iten_header:hover::after{
    /* background-color: #2B9CD1; */
    background-color: white;
    opacity: 1;
}
.iten_header::after{
    content: '';
    cursor: pointer;
    display: block;
    height: 3px;
    width: 100%;
    left: 0;
    opacity: 0;
    transition: .3s;
    transition-timing-function: cubic-bezier(.58,.3,.005,1);
    
    background-color: #3f444b;
    z-index: 2;
}

#logo-uea{
    height: 55px;
}


.button_header{
    padding: 0px;
    margin: 10px;
    border-radius: 8px;
    /* background-color: rgba(255, 255, 255, 0.541); */
    color: rgba(255, 255, 255, 0.733);
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    /* border: 2px solid var(--verde-escuro); */
    border: none;
    outline: none;
    text-decoration: none;
    transition: all ease .2s;
    cursor: pointer;
    /* background-color: var(--verde-escuro); */
}

.button_header i{
    font-size: 20px;
    /* margin-right: 5px; */
}

.button_header:hover{
    color: white;
    background-color: rgba(255, 255, 255, 0.26);

}

@media  (max-width: 768px){
    
    #modalOptionsUser {
        top: 125px;
    }
}



@media (min-width: 0px) and (max-width: 468px){
   #div-acessibilidade{
       /* flex-direction: column; */
   }

   #header-sistema
   {
    height: 68px;
   }

   #logo-uea
   {
    height: 44px !important;
   }

   #botao_login_header
   {
    display: none  !important;
   }

   #modalOptionsUser{
    top: 170px;
  }

}