@font-face {
    font-family: 'Maven Pro';
    src: url('../fontes/MavenPro.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
html,body {
    padding:0;
    margin:0
}
::-webkit-scrollbar {
    width:8px
}
::-webkit-scrollbar-track {
    box-shadow:inset 0 0 5px #1A346F;
    border-radius:5px
}
::-webkit-scrollbar-thumb {
    background:#1A346F;
    border-radius:5px
}
::-webkit-scrollbar-thumb:hover {
    background:#FFD70F
}
.conteudo-tela {
    margin-top:0
}
@media only screen and (max-width:991px) {
    .conteudo-tela {
        margin-top:0
    }
}
.banner {
    min-height:500px;
    display:flex;
    align-items:center;
    justify-content:center
}
@media only screen and (max-width:991px) {
    .banner {
        min-height:100vh;
        background-color:#fff;
        background-image:none;
        text-align:center
    }
}
.megafone {
    height:200px;
    width:200px;
    padding-top:2em
}
@media only screen and (max-width:991px) {
    .megafone {
        padding-top:0
    }
}
.tachado {
    border-radius:10px;
    padding:5px;
    color:#FFD70F
}
#acompanhar input {
    height:48px;
    border-radius:15px 0 0 15px
}
.espacamento {
    padding-top:30px;
    padding-bottom:80px
}
@media only screen and (max-width:991px) {
    .espacamento {
        padding-top:20px;
        padding-bottom:20px
    }
}
.titulo-secao {
    font-size:2.2em
}
@media only screen and (max-width:991px) {
    .titulo-secao {
        font-size:1.5em
    }
}
@media only screen and (max-width:991px) {
    .alinhamento-centro {
        text-align:center
    }
}
.btn-padrao {
    background-color:#fff;
    border-color:#FFD70F;
    color:#1A346F;
    border-radius:30px 30px 30px 30px
}
.btn-padrao:hover {
    background-color:#1A346F;
    color:#FFD70F
}
footer a {
    text-decoration:none;
    color:#fff
}
.rede-social .bi-facebook {
    background-color:#1877f2;
    padding:5px 10px 5px 10px;
    border-radius:10px;
    font-size:20px;
    margin:8px
}
.rede-social .bi-instagram {
    background-color:#F64664;
    padding:5px 10px 5px 10px;
    border-radius:10px;
    font-size:20px;
    margin:8px
}
.rede-social .bi-linkedin {
    background-color:#0E76A8;
    padding:5px 10px 5px 10px;
    border-radius:10px;
    font-size:20px;
    margin:8px
}
.rede-social .bi-youtube {
    background-color:red;
    padding:5px 10px 5px 10px;
    border-radius:10px;
    font-size:20px;
    margin:8px
}
.rede-social .bi:hover {
    background-color:#FFD70F;
    color:#785aa2
}
.sticky-top {
    z-index:98
}
.topo-telas .row {
    min-height:150px
}
.subtitulo-topo {
    font-size:16px;
    font-weight:500;
    font-family:'Roboto',sans-serif;
    color:#fff
}
.formulario-denuncia label {
    font-size:1.2em;
    font-weight:600
}
.formulario-denuncia input,.formulario-denuncia select {
    height:50px
}
.formulario-denuncia input[type="checkbox"] {
    height:15px
}
.icon-container i {
    font-size:3rem;
    display:block;
    margin:-3rem auto 0 auto
}
.icon-container p {
    margin:0
}
.icon-wrapper {
    display:flex;
    flex-wrap:wrap;
    justify-content:center
}
@media (max-width:767px) {
    .icon-container {
        max-width:80px;
        padding:.5rem;
        margin-top:1rem
    }
    .icon-container i {
        font-size:2rem;
        margin:-1rem auto 0 auto
    }
}
.icon-container i {
    color:#1A346F
}
.btn-anexar {
    background-color:#fff;
    border-color:#FFD70F;
    color:#1A346F;
    border-radius:30px 30px 30px 30px
}
.btn-anexar:hover {
    background-color:#1A346F;
    color:#FFD70F
}
.btn-anexar {
    position:relative;
    overflow:hidden
}
.file-list {
    margin-top:1rem
}
.list-group-item {
    display:flex;
    justify-content:space-between;
    align-items:center
}
.remove-btn {
    border:none;
    background:none;
    color:red;
    cursor:pointer;
    font-size:1.2rem
}
.texto-padrao {
    color:#1A346F
}
.numero-protocolo {
    padding:5px;
    border:1px solid #FFD70F;
    border-radius:15px;
    font-size:1.2rem;
    font-weight:600
}
@media (max-width:767px) {
    .numero-protocolo {
        padding:0 5px 0 5px;
        border:1px solid #FFD70F;
        border-radius:15px;
        font-size:1.2rem;
        font-weight:600
    }
}
.copy-icon {
    cursor:pointer;
    margin-left:10px;
    color:#575757
}
.bi-clipboard {
    font-size:1.2em;
    color:#1A346F
}
.content {
    flex:1
}
footer {
    background-color:#1c2331;
    color:#fff;
    text-align:center
}
footer img {
    height:12px;
    min-width:30px
}
.tipo-ouvidoria img {
    height:100px;
    padding-bottom:10px
}
#acompanhar {
    padding-top:30px
}
.abrir-ouvidoria h4 {
    background-color:#1A346F;
    color:#FFD70F;
    padding:10px 20px;
    border-radius:15px;
    text-align:left;
    margin-bottom:20px;
    width:100%;
    box-sizing:border-box
}
.ui-autocomplete {
    background-color:#fff;
    border:1px solid #ccc;
    max-height:80%;
    overflow-y:auto;
    overflow-x:hidden;
    z-index:1051;
    border-radius:4px;
    box-shadow:0 4px 6px rgb(0 0 0 / .1);
    width:calc(100% - 20px);
    box-sizing:border-box
}
.ui-menu-item {
    list-style-type:none;
    padding:10px;
    cursor:pointer
}
.ui-state-active {
    background-color:#1a346f;
    color:#FFD70F
}
.modal-dialog {
    overflow-x:hidden
}
.ui-autocomplete {
    list-style-type:none;
    padding-left:0
}
.ui-menu-item {
    list-style-type:none;
    padding:10px;
    cursor:pointer
}
.nome-coop-ouvidoria {
    color:#fff
}
.img-logo-coop-ouvidoria {
    height:100px;
    max-width:100%;
    padding:10px
}
.formulario-ouvidoria input,.formulario-ouvidoria select {
    height:50px
}
.formulario-ouvidoria input[type="checkbox"] {
    height:15px
}