.input-pesquisa-termo {
    height: 22px;
    line-height: inherit;
    width: 100%;
    min-width: 260px;
    display: block;
    border-radius: 3px;
}

.titulo-texto-tesauro {
    font-weight: bold;
}

.texto-tesauro span {
    font-weight: bold;
}

.texto-tesauro p {
    display: inline-block;
}

@media screen and (max-width: 415px) {
    .input-pesquisa-termo {
        max-width: 100%;
        width: 100%;
    }

    .botoes-pesquisa-termo {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: .5rem;
    }
}

.tituloTermos {
    display: flex;
    flex-wrap: wrap;
}

.termo-pes {
    flex: 0 0 29%;
    font-size: 0.9rem;
}

.titulo-termo {
    flex: 0 0 11%;
    font-size: 0.9rem;
}

.termo-resultado {
    font-size: 0.9rem;
}

.input-pesquisa-termo:hover {
    border-color: #5686a5;
    box-shadow: 0px 0px 2px #5686a5;
    transition: all 0.5s ease;
}

.glossario-az:focus {
    outline:none;
}

.barra-titulo {
    background-color: #f5f5f5;
}

div#loading {
    display: none;
    background-color: transparent;
    border-radius: 7px;
    padding: 1rem 0;
}

div#loading>img {
    display: block;
    margin: 0 auto;
}

.cardTermo {
    border-bottom: 1px solid black;
    padding-bottom: .5rem;
    margin-bottom: 1rem;
}
.cardTermo>h4>a {
    color: var(--stfAzulMedio);
}
.cardTermo>h5 {
    color: #222;
    padding-left: .5rem;
}
.cardTermo>span {
    display: block;
    color: var(--stfAzulEscuro);
    padding-left: 1rem;
}
.cardTermo>span.termoNota {
    color: var(--stfCinzaEscuro)
}

#categoria-titulo {
    background-color: var(--stfCinzaClaro);
    padding: .25rem 1rem;
}
#categoria-lista {
    columns: 250px 4;
    column-rule: var(--stfAzulEscuro) thin dotted;
    padding: .25rem 1rem;
}
#categoria-lista>span{
    display: block;
}
#resultado-cat {
    color: var(--stfCinzaMedio);
    padding-left: 1rem;
}