body {
    font-family: 'Raleway', sans-serif  !important;
}

button {
    background-color: lightgray !important;
}

.active {
    background-color: darkgray !important;
}

.link_apr{
    color: #557094;
}

hr {
    border-top: 1px solid black;
}

.scrollToTop {
    width: 40px;
    height: 40px;
    /* a funcionar, se necessário a 'background-image' a fazer override em php */
    background-image: url('../imagens/seta_cima_azul.png');
    position: fixed;
    right: 30px;
    bottom: 30px;
    display: none;
}

#img_logo {
    padding-top: 10px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    width: 500px;

}

.link_quebra {
    /* Careful, this breaks the word wherever it is without a hyphen */
    overflow-wrap: break-word;
    word-wrap: break-word;
  
    /* Adds a hyphen where the word breaks */
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.respira{
    margin-top: 20px;
}

.idiomas {
    opacity: 0.2;
}

.modal_viewer .tingle-modal__close{
    background-color: transparent !important
}

.modal_viewer .tingle-modal-box {
    width: 90%;
    border-radius: 0px;
    background: transparent;
}