#spn_title_info{

    font-size: 14px;
    font-weight: bold;

}

.div_pesquisa{

    display: flex;
    flex-direction:row;
    flex-wrap: nowrap;
    height: 58px;
    width: 100%;
    background-color:rgb(231, 238, 234);

}

.div_pesq_textual {

    margin-top: 2px;
    width: 50%;
    margin-left: 1%;
    font-size: 14px;
    font-weight: bold;

}

.div_pesq_area {

    margin-top: 2px;
    width: 25%;
    margin-left: 1%;
    font-size: 14px;
    font-weight: bold;

}

.div_pesq_prefixo {

    margin-top: 2px;
    width: 15%;
    margin-left: 1%;
    font-size: 14px;
    font-weight: bold;

}

#pesq_botao{

    display: flex;
    align-items: center;
    margin-left: 1%;

}

#btn_pesquisar{
    height: 35px;
}
#div_lista_ramais{

    width: 100%;
    background-color:rgb(231, 238, 234);
}

.th_local, .td_local{
    width:45%;
    height: 20px;
}

.th_endereco, .td_endereco{
    width:25%;
}

.th_prefixo, .td_prefixo, .th_ramal, .td_ramal, .th_abreviado, .td_abreviado{
    width:5%;
}

.th_email, .td_email{
    width:15%;
}

.td_regiao, .td_tel_externos{
    padding-bottom: 3px;
    padding-top: 3px;
    text-align: center;
    background-color: #7b963d;
    color:white;
    font-size: 14px;
    font-weight: bold;
}

.tr_titulos_colunas{
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

.td_local{
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
}
#spn_sigla{
    font-size: 12px;
    font-weight: bold; 
}

#spn_desc_local{

    font-size: 12px;
    font-style: italic;

}

.td_num_prefixo, .td_num_ramal, .td_num_abreviado, .td_email,.td_endereco{
    text-align: center;
}

.tr_conteudo_lista:nth-child(even){
    height:50px;
    background-color:white;
    border-bottom: 1px solid black;
    border-top: 1px solid black;
}

.tr_conteudo_lista:nth-child(odd) {
    height: 50px;
    background-color:rgb(231, 238, 234);
    border-bottom: 1px solid black;
    border-top: 1px solid black;
}

.th_locais_externos{

    width:40%;
    text-align: left;
}

.th_num_tel{

    width:20%;
    text-align: center;
}

.th_endereco{
    width:40%;
    text-align: center;
}

#idxH3ContentTitle{
    font-size: 18px;
}

#div_lista_ramais{

    width: 100%;
    font-size: 15px;
}


@media (max-width: 1200px)
{
    #div_lista_ramais
    {
        font-size: 13px;
    }
}

@media (max-width: 865px)
{
    .div_pesq_textual, .div_pesq_area, .div_pesq_prefixo
    {
        width: 300px;
    }
}

@media (max-width: 770px)
{
    .div_pesq_textual, .div_pesq_area, .div_pesq_prefixo
    {
        width: 250px;
    }
}

@media (max-width: 665px)
{
    .div_pesq_textual, .div_pesq_area, .div_pesq_prefixo
    {
        width: 200px;
    }
}


@media (max-width: 565px)
{
    .th_endereco, .td_endereco,.th_email,.td_email
    {
        display: none;
    }

    .div_pesq_textual, .div_pesq_area,.div_pesq_prefixo
    {
        width: 150px;
    }
}

@media (max-width: 400px)
{
    .pesq_botao
    {
        margin-left: 17px;
    }

    .pesq_botao label
    {
        display: none;
    }

    .spn_pesq{
        font-size:8px;
    }

    .div_pesq_textual, .div_pesq_area,.div_pesq_prefixo
    {
        width: 100px;
    }
}

/* Chrome e outros */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}