/*Author Gianlucca Augusto <gianlucca.augusto@extreme.digital>
 version 1.1
 copyright Proderj 2021.*/
.onde-nos-encontrar-grid{
    width: 76%!important;
    margin: 0 auto;
    text-align: justify;
    line-height: 1.4;
    margin-bottom: 3%;
}

.infosup h4{
    display: none;
}

.infosup li {
    margin-left: 0;
}

.acessibilidade-dropbtn {
    background-color: #47277400;
    font-family: sans-serif;
    margin-left: 8.2%;
}

.infosup {
    font-size: 22px;
}
.quem-somos-grid{
    width: 76%!important;
    margin: 0 auto;
    text-align: justify;
    line-height: 1.4;
    margin-bottom: 3%;
}

#edit-busca {
    width: 100%;
    box-shadow: 0 0 0 0;
    outline: 0;
}

#edit-busca--2 {
    width: 100%;
    box-shadow: 0 0 0 0;
    outline: 0;
}
#edit-submit-busca--2{
    background: #cccccc !important;
    color: #00508a !important;

}


@media screen and (max-width: 630px) {
    .imagens-grid-row {
        flex-direction: column;
        width: 80%!important;
        margin: 0 auto;
    }
    
    .bunnerImagem img{
        width: 100%;
        height: auto;
    }
}

.imagens-grid{

}

.imagens-grid-row{

}

.imagens-grid-col{
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}
/* Noticias 3 col Titulos */

.noticia-principal-gride h2 a {
    color: #363636 !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    font-size: 1.5em !important;
}

.programas-acoes .branco .aos-init .aos-animate {
    display: none;
}

/* Todos os Texto das noticias */
.views-field>div>p>span {
    margin-top: 10px;
    line-height: 1.4;
    font-family: verdana, geneva, sans-serif;
}

/*Noticias 2 col Titulos*/

.noticia-2col-wrap .view-content .views-view-grid .views-row .noticia-principal-gride .views-field-title .field-content a {
    color: #363636;
    line-height: 2.0;
    font-weight: 700;
    font-size: 17px;
    font-family: arial;
}

.views-field-title>span>a {
    color: #192644 !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    font-size: 1.5em !important;
}

.noticia-2col-wrap .view-content .views-view-grid .views-row .noticia-principal-gride img {
    /*width: 600px;
    height: 400px;
    padding: 10px;*/
    width: 100%;
    height: auto;
    float: left;
}

.noticia-principal-gride {
    margin: 20px !important;
}

.noticia-2col-wrap {
    display: flex;
    justify-content: space-between;
    margin: 50px 50px;
    width: auto;
    padding: 25px 0px 25px 0px;
    flex-wrap: wrap;
    margin-top: 0px;
}

.views-field-views-field-field-tags-noticias>div>a {
    margin-bottom: 10px;
}

.section-container {
    padding: 0px;
}

/*Logo Rodapé*/
.site-logo>img {
    width: 240px;
    height: 46px;
}

/*Logo Cabeçalho*/
.logo-proderj.logo>a>img {
    width: 270px;
    height: 60px;
}

.cards-container-wrap .banner-principal {
    margin-bottom: 50px;
}

.titulo-secao {
    margin-top: 40px;
}


/* SEÇÃO NOTICIAS 3 COLUNAS  */

.views-row {
    display: flex;
/*     justify-content: space-between; */
    /*margin-top: 30px;*/
    width: 76%;
    padding: 25px 0px 0px 0px;
}

.noticia-principal {
    margin-left: 80px;
    margin-right: 50px;
}

.views-view-grid {
    margin-top: 0px;
}

.noticias .section-container .titulo-secao {
    display: none;
}

.telefones-uteis-linha {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.telefones-uteis-wrap a {
    margin: 0;
    font-size: 14px;
    font-weight: 800;
    text-align: left;
    align-items: center;
    display: flex;
    line-height: 2;
}

.md-content-telefones>p {
    margin: 0;
    font-size: 12px;
    font-weight: 900;
    color: #00508A;
    line-height: 1.2em;
    text-align: left;
}

.telefones-uteis-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: inherit;
    margin: auto;
    margin-bottom: 20px;
}

.telefones-uteis-wrap button {
    margin: 8px 8px;
    border-radius: 5px;
    background-color: #dddddd;
    color: #363636;
    font-weight: 700;
    font-size: 11px;
    padding: 12px 12px;
    cursor: pointer;
    border: none;
}

.image-style-imagem-noticias-481x350 {
    width: 300px;
    height: 200px;
}

.flexslider .slides img {
    height: auto;
    -moz-user-select: none;
    margin-bottom: 40px;
}

.button:hover {

    margin-left: 0 !important;
    margin-top: 15px;
    background-color: #0368af !important;
    color: rgb(7, 11, 66) !important;
    padding: 4px !important;

}

.form-select {

    padding: 4px !important;
    background-color: #00508a !important;
    color: #fff !important;
    border: 0 !important;

}

.botao-aplicar, .button, .image-button {

    margin-right: 1em !important;
    margin-left: 0 !important;
    margin-top: 1em;
    background-color: #00508a !important;
    color: #fff !important;
    padding: 4px !important;
    border: 0 !important;
}

.flex-direction-nav a {

    top: 40% !important;
}

.flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: min-content !important;
    height: 40px;
    margin: -20px 0 0 !important;
    position: absolute !important;
    top: 174px !important;
    z-index: 10;
    overflow: hidden;
    opacity: unset;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgb(255 255 255 / 30%);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;   
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-right: 92px !important;
    margin-left: 90px !important;
}

.link-slider-links-uteis {
    color: #fff !important;
    position: absolute !important;
    z-index: 9999 !important;
    bottom: 68px !important;
    text-transform: revert !important;
    font-size: 35px !important;
    background: transparent !important;
}

.link-slider-links-uteis a {
    color: transparent !important;
    font-size: 20px !important;
    margin-right: 182px !important;
}

.menu-column li {
    white-space: nowrap !important;
}

.menu-column {
    margin-left: 20px;
}
.lista-links {
    display: none;
}

.field-content {
    margin-bottom: 10px;
}

.menu-row {
    display: flex;
    justify-content: flex-start;
}

.flex-control-nav {
    display: none;
}

#back2Top {
    display: inline !important;
}

.image-style-imagem-noticias-481x350 {
    width: 100%;
    height: auto;
}

.presidente-textos {
    margin-left: 0px;
    width: 76% !important;
    margin-top: 10px;
}

.todas-noticias {
    padding: 0 10px !important;
}

img.image-style-imagem-noticias-820x335 {
    max-width: 100% !important;
    height: auto;
}

.menu-superior {
    background: linear-gradient(90deg, rgb(25, 40, 68) 61.11%, rgb(56, 39, 100) 100%);
}

.section-container#cabecalho {
    width: 78%;
}

.cabecalho{
    background: linear-gradient(90deg, rgb(25, 40, 68) 61.11%, rgb(56, 39, 100) 100%)!important;
}

.section-container#cabecalho .logo_gov img{
    width: 250px;
    height: auto;
    margin: 0 50px;
}

.logoproderj-redes-wrap {
    width: 40%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.logo-proderj.logo>a>img {
    width: 180px;
    height: auto;
}

.slider-fixo.aos-init.aos-animate .flexslider .slides img {
    height: 450px;
}

#flexslider-1.flexslider.optionset-default .flex-direction-nav a {
    margin-top: 50px !important;
}

.noticia-principal-gride.views-col.col-1 .views-field.views-field-title{
    margin-bottom: 15px;
}

.noticia-principal-gride.views-col.col-2 .views-field.views-field-title{
    margin-bottom: 15px;
}

.noticia-principal-gride.views-col.col-3 .views-field.views-field-title{
    margin-bottom: 15px;
}

/* .views-field-field-assunto-noticias .field-content a {
    color: black !important;
    font-size: 18px !important;
    line-height: 1.3 !important;
    font-weight: normal !important;
    padding: 0 !important;
}
 */
.titulo-secao span {
    font-weight: bold !important;
    font-size: 2em !important;
    color: #192644 !important;
    font-family: 'Open Sans', sans-serif !important;
}

.titulo-secao span::after {
    content: "";
    width: 70px;
    height: 5px;
    display: block;
    background: #192644 !important;
    margin: 0 auto;
    margin-top: 3px;
}

.lista-noticias {
    padding: 0.5em 2em;
    border: 0;
    border-radius: 25px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: .7em;
    letter-spacing: 0.5;
    margin: 0 auto;
    display: block;
    background-color: #192644 !important;
}

.lista-noticias a {
    color: #05F2F2;
    text-decoration: none;
} 

.servicos {
    width: 76%;
    margin: 0 auto;
}

.cardBox .card {
    width: 240px;
    height: 190px;
}

.acesso-informacao h3{
    color: #192644;
}

.acesso-informacao span, p ,.funcao, .secretario, a{
    color: black;
}

.box-resumo-acesso span{
    color: black;
}

.box-resumo-acesso .funcao {
    font-size: 24px;
    letter-spacing: 1.2;
}

.box-resumo-acesso .secretario {
    color: black !important;
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
}

.acesso-informacao h3::after {
    content: "";
    width: 70px;
    height: 5px;
    display: block;
    background: black !important;
    margin: 0 auto;
    margin-top: 10px;
}

.acesso-informacao{
    background: white;
}

.boxes-acesso article {
    background-color: rgb(25, 38, 68)!important;
}

.btn-saiba-mais{
    background-color: rgb(25, 38, 68) !important;
    border-radius: 25px !important;
    text-transform: uppercase !important;
    border: 0 !important;
    color: #05F2F2 !important;
    text-decoration: none !important;
}

.btn-agenda span {
    color: #00508a;
}

.btn-agenda::before{
    background: url(/sites/faetec/themes/rjgov/imagens/LogoAzul.png) no-repeat center center;
    background-size: cover;
}

 .flexslider .slides img {
    height: auto;
    -moz-user-select: none;
    margin-bottom: 40px;
    background-color: #192644;
}

.video-principal {
    width: 100%;
    height: 390px;
    justify-content: center;
    display: inline-flex;
}

.field-content.link-slider-publis{
    position: absolute;
    margin-top: -110px;
    font-size: 15px;
    opacity: 0;
}

.field-content.link-slider-publis a{
    padding: 30px 29px;
}

.field-content.link-slider-links-uteis-{
    position: absolute;
    margin-top: -105px;
    font-size: 17px;
    margin-left: 30px;
    opacity: 0;
}

.footer{
    background: linear-gradient(90deg, rgb(25, 40, 68) 61.11%, rgb(56, 39, 100) 100%) !important;
}

#Logo_inf_esq{
    top: 0; 
    left: 0; 
    width: 200px; 
    height: 47px;
}

.field-content.link-slider-links-uteis- a{
    padding: 38px 60px;
}

.footer span{
    color: white !important;
}

.noticia-gride.views-col.col-1 img.image-style-imagem-noticias-820x335 {
    max-width: 300px;
    height: 200px;
    float: left;
}

.noticia-gride.views-col.col-1 .views-field.views-field-title{
    display: block;
}

.js-quickedit-page-title.page-title{
    display: none;
}

.section_servicos .cubos-informacao {
    display: flex;
    flex-wrap: wrap;
    flex: 40%;
    justify-content: center !important;
}

.section_servicos .cubos-informacao .views-view-grid .views-row {
    display: flex;
    padding: 0 !important;
    width: auto;
    justify-content: center !important;
    align-items: center;
}

@media only screen and (min-width: 700px) and (max-width: 1103px) {

    /* Index */
    .dots {
        left: 86%;
    }

    .index-noticias h2 {
        font-size: 18px;
    }

    .cabecalho-cinza {
        height: 100px;
        text-align: center;
        display: flex;
        align-items: center;
    }

    .cabecalho-cinza-completo {
        display: block;
    }

    .linkGoverno-redesSociais {
        display: block;
        padding-top: 0px;
    }

    .cabecalho-azul-completo {
        display: block;
    }

    .cabecalho-azul-completo-esquerda {
        margin: 10px 0px;
        justify-content: center;
    }

    .cabecalho-azul-direita {
        margin: 10px 0px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .cabecalho-azul-direita-redesSociais {
        margin-left: 30px;
    }

    #linkGoverno {
        padding: 0px 0px 0px 0px;
    }

    .index-redesSociais {
        padding-top: 5px;
    }

    .links {
        display: block;
        padding-top: 5px;
    }

    #close {
        position: relative;

    }

    .menu-row {
        justify-content: space-evenly;
        flex-wrap: wrap;
        margin: 30px 0px 50px 0px;
        display: block;
    }

    .menu-column {
        margin: auto;
        display: block;
        margin-bottom: 15px;
    }

    .index-noticias1 {
        display: block;
        padding-top: 30px;
    }

    .index-noticias1-noticia {
        width: 100%;
    }

    .index-noticias h3 {
        padding-top: 20px;
    }

    .index-noticias2 {
        display: block;
    }

    .index-noticias2-noticia {
        width: 100%;
    }

    .index-noticias p {
        margin-bottom: 20px;
    }

    .transparencia-completa {
        display: block;
    }

    .transparencia-esquerda {
        width: 100%;
    }

    .transparencia-direita {
        width: 100%;
    }

    .transparencia-direita-quadrado {
        height: 130px;
        width: 130px;
        margin-top: 10px;
    }

    /* Boletos */
    .input-botao {
        width: 70%;
    }

    .tabela {
        display: block;
        position: relative;
        width: 600px;
        margin: 50px auto;
    }

    .tabela thead, .tabela tbody, .tabela th, .tabela td, .tabela tr {
        display: block;
    }

    .tabela td, .tabela th {
        height: 35px;
        width: 120px;
    }

    #boletos-empresa {
        width: 82%;
    }

    #boletos-campos {
        width: 82%;
    }

    #boletos-tipo {
        width: 82%;
    }

    .tabela thead {
        float: left;
    }

    .tabela tbody {
        width: 468px;
        position: relative;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
    }

    .tabela tbody tr {
        display: inline-block;
        width: 121px;
    }

    /* Noticias */

    .noticias-cards-completo {
        display: block;
        height: auto;
    }

    .noticias-cards-img {
        width: 100%;
    }

    .noticias-cards-textos {
        margin-left: 0px;
        width: 100%;
        margin-top: 10px;
    }

    /* perfil presidente */

    .presidente-img-texto-completo {
        display: block;
    }

    .presidente-img {
        width: 100%;
        height: auto;
    }

    .presidente-textos {
        margin-left: 0px;
        width: 100%;
        margin-top: 10px;
    }

    /*serviço informacao*/
    .servicoInformacaoCidadao-cards {
        display: block;
    }

    .servicoInformacaoCidadao-card {
        width: 100%;
    }
}

@media only screen and (min-width: 547px) and (max-width: 699px) {
    .index-noticias h2 {
        font-size: 18px;
    }

    .dots {
        left: 85%;
    }

    .cabecalho-cinza {
        height: 100px;
        text-align: center;
        display: flex;
        align-items: center;
    }

    .cabecalho-cinza-completo {
        display: block;
    }

    .linkGoverno-redesSociais {
        display: block;
        padding-top: 0px;
    }

    .cabecalho-azul-completo {
        display: block;
    }

    .cabecalho-azul-completo-esquerda {
        margin: 10px 0px;
    }

    .cabecalho-azul-direita {
        margin: 10px 0px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .cabecalho-azul-direita-redesSociais {
        margin-left: 30px;
        justify-content: center;
    }

    #linkGoverno {
        padding: 0px 0px 0px 0px;
    }

    .index-redesSociais {
        padding-top: 5px;
    }

    .links {
        display: block;
        padding-top: 5px;
    }

    .rodape-completo {
        width: 100%;
    }

    #rodape-logo-proderj {
        height: 55px;
        padding-right: 10px;
    }

    #rodape-logo-governo {
        height: 75px;
        padding: 0px 0px 0px 10px;
    }

    #close {
        position: relative;

    }

    .menu-row {
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 30px 0px 50px 0px;
        display: block;
    }

    .menu-column {
        margin: auto;
        display: block;
        margin-bottom: 15px;

    }

    .index-noticias1 {
        display: block;
        padding-top: 30px;
    }

    .index-noticias1-noticia {
        width: 100%;
    }

    .index-noticias h3 {
        padding-top: 20px;
    }

    .index-noticias2 {
        display: block;
    }

    .index-noticias2-noticia {
        width: 100%;
    }

    .index-noticias p {
        margin-bottom: 20px;
    }

    .transparencia-completa {
        display: block;
    }

    .transparencia-esquerda {
        width: 100%;
    }

    .transparencia-direita {
        width: 100%;
    }

    .transparencia-direita-quadrado {
        height: 130px;
        width: 130px;
        margin-top: 10px;
    }

    /* Boletos */
    #flex {
        display: block;
    }

    #flex-filha {
        width: 100%;
        margin-top: 10px;
    }

    .btn {
        margin-left: 20px;
    }

    .input-botao {
        width: 70%;
    }

    .dataTables_filter label {
        display: none;
    }

    .tabela {
        display: block;
        position: relative;
        width: 470px;
        margin: 50px auto;
    }

    .tabela thead, .tabela tbody, .tabela th, .tabela td, .tabela tr {
        display: block;
    }

    .tabela td, .tabela th {
        height: 35px;
        width: 120px;
    }

    #boletos-empresa {
        width: 82%;
    }

    #boletos-campos {
        width: 82%;
    }

    #boletos-tipo {
        width: 82%;
    }

    .tabela thead {
        float: left;
    }

    .tabela tbody {
        width: 338px;
        position: relative;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
    }

    .tabela tbody tr {
        display: inline-block;
        width: 121px;
    }

    /* acoesProgramas */

    .acoesProgramas-input-btn {
        display: block;
    }

    #acoesProgramas-input {
        width: 100%;
    }

    .acoesProgramas-btn {
        margin: 10px 0px 0px 0px;
    }

    /* Noticias */

    .noticias-cards-completo {
        display: block;
        height: auto;
    }

    .noticias-cards-img {
        width: 100%;
    }

    .noticias-cards-textos {
        margin-left: 0px;
        width: 100%;
        margin-top: 10px;
    }

    /* perfil presidente */

    .presidente-img-texto-completo {
        display: block;
    }

    .presidente-img {
        width: 100%;
        height: auto;
    }

    .presidente-textos {
        margin-left: 0px;
        width: 100%;
        margin-top: 10px;
    }

    /*serviço informacao*/
    .servicoInformacaoCidadao-cards {
        display: block;
    }

    .servicoInformacaoCidadao-card {
        width: 100%;
    }
}

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

    .imagens-grid-row {
        flex-direction: column;
        width: 80%!important;
        margin: 0 auto;
    }
    
    .bunnerImagem img{
        width: 100%;
        height: auto;
    }

    .facebook, .instagram, .twitter {
        display: flex;
    }

    .noticia-gride {
        border-bottom: 1px solid rgb(155, 155, 154);
        width: 40%;
        display: flex;
        flex-direction: column;
    }

    .noticia-gride .data-criacao {
        float: none !important;
        white-space: nowrap;
    }

    .views-field-title>span>a {
        width: 100%;
        display: inline-block;
    }

    .noticia-principal-gride .conteudo-gride {
        display: inline-block;
        width: 250%;
    }

    .logo-branco-rodape {
        margin-left: -26px;
    }

    .logo-proderj-fixo {
        /* margin-left: 32px; */
    }

    .views-view-grid .views-row {
        float: left;
        clear: both;
        width: 100%;
    }

    .views-view-grid .views-col {
        float: none;
        margin-bottom: 35px;
        width: 90% !important;
        margin: 0 auto;
    }

    .views-row {
        display: block;
        /* justify-content: space-between; */

        padding: 25px 0px 0px 0px;
    }

    .lista-noticias {
        margin: 0;
    }

    /* PÁGINA DE NOTÍCIAS CSS RESPONSIVIDADE */

    .noticia-gride p {
        text-align: justify;
        width: 100%;
    }

    .noticia-gride {
        border-bottom: 1px solid rgb(155, 155, 154);
        width: 40%;
        display: flex;
        flex-direction: column;
    }


    .noticia-gride a {
        color: #00508a !important;
        display: block;
        /* text-align: center; */
        width: 100%;
    }

    .views-field.views-field-field-assunto-noticias{
        padding-block: 15px;
    }

    .views-field.views-field-field-assunto-noticias a{
        font-size: 0.9em;
    }

    .noticia-principal-gride {
        margin: 0px;
    }

    .banner-principal img {
        width: 100% !important;
        height: auto !important;
        /* margin: 0 30% !important; */
    }

    .box-resumo-acesso {
        width: 100% !important;
        padding: 0 !important;

    }

    .box-acesso {
        flex-direction: column !important;
        padding: 14px !important;
    }

    .cubos-informacao {
        margin: auto !important;
        display: block !important;
        justify-content: center !important;
    }

    .cubos-informacao .views-view-grid .views-row {
        display: block !important;
        padding: 0 !important;
        width: auto !important;
    }

    .views-field .views-field-field-conteudo-da-sede {
        margin-left: -95px !important;
    }

    .card {
        margin: 0 auto;
    }

    .video-principal {
        width: 250%;
        height: auto !important;
        margin: 0 auto;
        justify-content: 0 !important;
        display: block;
    }

    .noticia-principal-gride img {
        max-width: 100% !important;
        height: auto !important;
        float: none !important;
        display: flex !important;
        margin: 5px 0 !important;
        /* padding: 0 35px 0 0 !important; */
    }

    .noticia-2col-wrap .view-content .views-view-grid .views-row .noticia-principal-gride .views-field-title .field-content {
        /* padding: 0 15px 0 15px; */
        margin: 5px 0 !important;
        width: 76% !important;
        text-align: justify !important;
    }

    .noticia-principal-gride .views-col .col-1 {
        width: 37% !important;
    }

    .noticia-2col-wrap {
        display: block !important;
        margin: auto !important;
        width: auto !important;
        height: auto !important;
    }

    .site-logo img {
        width: 100% !important;
        height: auto !important;
        margin-left: 2px;
    }

    .social-midia-sup ul {
        padding-top: 6px;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
    }

    .social-midia-proderj {
        width: 100% !important;
        display: flex !important;
    }

    #hambtn {
        position: absolute;
        margin-top: 45%;
    }

    .infosup {
        margin: 5px 0;
        font-size: 13px;

    }

    .logo-proderj {
        margin-bottom: 0px !important;
    }

    .lista-noticias-line {
        margin: 0 auto !important;
        width: 80%;
        height: auto;
        display: flex;
        justify-content: center;
    }

    .align-center {
        display: unset;
        width: 100%;
        height: auto !important;
    }

    .views-row {
        display: block;
        /* justify-content: space-between; */

        padding: 25px 0px 0px 0px;
    }

    .lista-noticias {
        margin: 5px 0px 0px 0px;
    }

    .pesquisa {
        width: 79%;
    }

    .cabecalho-azul-direita-redesSociais {
        justify-content: center;
    }

    .index-noticias h2 {
        font-size: 18px;
    }

    .index-noticias1 {
        display: block;
        padding-top: 30px;
    }

    .index-noticias1-noticia {
        width: 100%;
    }

    .index-noticias h3 {
        padding-top: 20px;
    }

    .cabecalho-azul-completo {
        display: block;
    }

    .cabecalho-azul-completo-esquerda {
        margin: 10px 0px;
    }

    #logo-governo {
        margin-bottom: 4px;
        height: 36px;
    }

    .dots {
        left: 79%;
    }

    .cabecalho-cinza {
        height: 128px;
        text-align: center;
        display: flex;
        align-items: center;
    }

    .cabecalho-cinza-completo {
        display: block;
    }

    .linkGoverno-redesSociais {
        display: block;
        padding-top: 0px;
    }

    #linkGoverno {
        padding: 0px 0px 0px 0px;
    }

    .index-redesSociais {
        padding-top: 5px;
    }

    .links {
        display: block;
        padding-top: 5px;
    }

    .rodape {
        height: 95px;
    }

    .rodape-completo {
        width: 100%;
    }

    #rodape-logo-proderj {
        height: 38px;
        padding-right: 10px;
        margin-top: 0px;
    }

    #rodape-logo-governo {
        height: 48px;
        padding: 0px 0px 0px 10px;
    }

    #close {
        position: relative;

    }

    .menu-row {
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 30px 0px 50px 0px;
        display: block !important;
    }

    .menu-column {
        margin: auto;
        display: block;
        margin-bottom: 15px;
    }

    .index-noticias2 {
        display: block;
    }

    .index-noticias2-noticia {
        width: 100%;
    }

    .index-noticias p {
        margin-bottom: 20px;
    }

    .transparencia-completa {
        display: block;
    }

    .transparencia-esquerda {
        width: 100%;
    }

    .transparencia-direita {
        width: 100%;
    }

    .transparencia-direita-quadrado {
        height: 130px;
        width: 130px;
        margin-top: 10px;
    }

    /* Boletos */

    .boletos-corpo {
        text-align: center;
    }

    #flex {
        display: block;
    }

    #flex-filha {
        width: 100%;
        margin-top: 10px;
    }

    .input-botao {
        width: 100%;
    }

    .coluna_01 {
        display: block;
    }

    .boletos-formulario {
        display: block;
    }

    .dataTables_filter label {
        display: none;
    }

    .tabela {
        display: block;
        position: relative;
        width: 315px;
        margin: 50px auto;
    }

    .tabela thead, .tabela tbody, .tabela th, .tabela td, .tabela tr {
        display: block;
    }

    .tabela td, .tabela th {
        height: 35px;
        width: 120px;
    }

    #boletos-empresa {
        width: 82%;
    }

    #boletos-campos {
        width: 82%;
    }

    #boletos-tipo {
        width: 82%;
    }

    .tabela thead {
        float: left;
    }

    .tabela tbody {
        width: 183px;
        position: relative;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
    }

    .tabela tbody tr {
        display: inline-block;
        width: 121px;
    }

    /* acoesProgramas */

    .acoesProgramas-input-btn {
        display: block;
    }

    #acoesProgramas-input {
        width: 100%;
    }

    .acoesProgramas-btn {
        margin: 10px 0px 0px 0px;
    }

    /* Noticias */

    .noticias-cards-completo {
        display: block;
        height: auto;
    }

    .noticias-cards-img {
        width: 100%;
    }

    .noticias-cards-textos {
        margin-left: 0px;
        width: 100%;
        margin-top: 10px;
    }

    /* perfil presidente */

    .presidente-img-texto-completo {
        display: block;
    }

    .presidente-img {
        width: 100%;
        height: auto;
    }

    .presidente-textos {
        margin-left: 0px;
        width: 100%;
        margin-top: 10px;
    }

    /*serviço informacao*/
    .servicoInformacaoCidadao-cards {
        display: block;
    }

    .servicoInformacaoCidadao-card {
        width: 100%;
    }

    .endereco {
        flex-direction: column !important;
        align-items: center !important;
    }

    .logo-proderj2 {
        margin-left: 0 !important;
        left: 0 !important;
        top: 0;
        margin: 20px 0;
    }

    .logo-proderj-fixo {
        /* left: 15px !important; */
    }

    .section-container#cabecalho {
        width: 100%;
        padding: 25px 10px;
        display: flex;
        flex-direction: column !important;
    }

}

@media only screen and (max-width: 400px) {
    .section-container#cabecalho {
        width: 100%;
        padding: 25px 10px;
        display: flex;
        flex-direction: column !important;
    }

    .logo-proderj.logo>a>img {
        width: 160px;
        height: auto;
    }

    .slider-fixo.aos-init.aos-animate .flexslider .slides img {
        height: 300px;
    }
    
}

#rybena-sidebar .options button{
background: linear-gradient(90deg, #3690fa 0, #2266d2 100%) !important;
}