.todo {
    padding-bottom: 140px;
    display: flex;
    max-width: 1023px;
    gap: 8px;

}

.container-fluid .palavraPesquisada{
    margin-top: 10px;
    padding: 30px;
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 2px 10px;
    background-color: #ffffff;

}

.listaPalavras {
    margin-top: 10px;
    width: 300px;
   
}
.etimologia {
    /*font-style: italic;*/
    display: block;
    padding-bottom: 5px;
    font-size: 1rem;
}

.origem {
   text-transform: uppercase;
   font-size: 0.80rem;
}

body .ui-datatable .ui-paginator {
  padding: 0rem !important;
}

body .ui-datatable thead th {
  
  color: #704F3E !important;
  
}

a {
  color: #333333 !important;  
}
body .ui-datatable .ui-datatable-data > tr.ui-state-highlight {
  background: #ffffff !important;
  color: #333333 !important;
  font-weight: bold;
}

@media (max-width: 1023px){
    .container-fluid .palavraPesquisada, .pesquisa, .headerTop{
        width: 100% !important; 
    }    
    .todo {

        flex-direction: column;        
    }
    .listaPalavras {
       
        width: 100%;
        
    }
}

@media (min-width: 1024px){
    .container-fluid .palavraPesquisada, .pesquisa {
        width: 1024px !important; 
    }     

}

.entrada {
    font-size: 1.5rem;
    display: block;
    font-weight: bold;
    color: #704F3E;
    
}
.entradaEst {
    font-size: 1.5rem;
    display: block;
    font-weight: bold;
    font-style: italic;
    color: #704F3E;    
}

.separacaoSilabica {
    font-size: 1rem;
    display: block;    
    /*color: #704F3E;*/
    letter-spacing: 0.2rem;
}

.classe{
    display: block;
    margin-bottom: 10px;
    /*font-weight: 200;*/
    color: #518c5e;
    font-weight: bold;
    font-style: italic;
    font-size: 1rem;
}

.contAcepcao{
    font-weight: bold;
}

.acepcao{
    display: block;
    margin-left: 10px;
    margin-bottom: 10px;
}

.subentrada{
    display: block;
    margin-top: 20px;
    margin-bottom: 5px;
    font-weight: bold;
    color: #704f3e;
}

header {
    position: relative;
    background-color: #E9E3D3;
    margin: 0;
    padding: 0 0 30px 0;
    box-sizing: border-box;

    justify-content: center;
    align-items: center;
    text-align: center;
}

.headerTop{
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
}



.nomeDicionario{
    color: #5C3D2B;
    /*background-color: #5C3D2B;*/
    font-size: 1.4rem;
    font-weight: bold;
}

.nomeDicionario::after{
    position: absolute;
    content: "";
    height: 40px;
    left: 0;
    bottom: -20px;
    width: 100%;
    background: #563524 url(https://i.postimg.cc/sgBHM6Gr/navbar-bg.jpg) 0 0 repeat-x;
    box-shadow: rgb(0 0 0 / 80%) 0 3px 10px;
    border: none;

}

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

    .nomeDicionario::after{
        bottom: -30px;
    }

}

.headerTop{
    display: flex;
}
.logo{
    color: #fff;
    justify-content: right;
    align-items: center;
    height: 100px;

}

.footer {
    background-color: #E9E3D3;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    box-shadow: rgb(0 0 0 / 80%) 0 3px 10px;
    border: none;
    width: 100%;
    height: 100px;
    position: absolute;
    bottom: 0;
    left: 0;	
}	


.pesquisa{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    gap: 0px;


}

input {
    background-color:white;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;        outline: none;
    border: none;
    padding: 6px;
    border-radius:  4px 0px 0px 4px;
    width: 80%;
}


button {
    background-color:white;
    outline: none;
    border: none;
    width: 52px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;        outline: none;
    padding: 6px;
    border-radius: 0px 4px 4px 0px;
}

.abonacoes {
    display: block;
    border-left: 5px solid #eeeeee;
    padding: 0 0 0 20px;
    margin: 10px 0 10px 20px;
    color: #800000

}

.preposicao {
    font-style: italic;
}

.regenciaVerbal, .campoConhecimento, .nivelLinguagem, .alcanceGeografico, .transicaoSem, .vigenciaCron {    
    color: #696969;
    font-style: italic;
}

.antonimo, .sinonimo{
    font-variant: small-caps;
    margin-left: 20px;
    display: block;
}

.abonacao {
    display: block;	
    /*padding: 0 0 0 20px;*/
    margin: 10px 0 0px 0px;
}

.lingua {
    display: block;
}

.pronuncia {
    display: block;
}
.abl{
    display: block;
    color: #5C3D2B;
    font-weight: bold;
    text-align: center;
}

.exemplos {
    display: block;
    border-left: 5px dotted #eeeeee;	
    padding: 0 0 0 20px;
    margin: 10px 0 10px 20px;
    color: darkgreen;    
}
.exemplo {
    display: block;
}
.gramatica {
    display: block;
}

.separador {
    margin-top: 3rem !important;
    margin-bottom: 2rem !important;
}

.ui-button{
    background: #518c5e  !important;
}

.ui-autocomplete {
    width: 80%!important;
}

body .ui-inputfield {

    width: 100%!important;
}

body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight {
    background: #DFF0D8;
    color: #800000;

}

body, html { 
    margin: 0; 
    padding: 0; 
    height: 100%; 
    font-family: 'arial unicode ms' !important; 
}

#wapper{

    min-height: 100%;
    position: relative ;


}

body .ui-widget {
    font-family: 'arial unicode ms'!important;
    font-size: 1.08rem;
}

.erro{
    color: #800000;
    display: block;
    margin-bottom: 1.5rem;
}

label {
    display: block!important;
}