/*VARIABLES*/
:root {
    --font-min_2: 1.1em;
    --font-extra_small_2: 0.9625em;
    --font-small_2: 1.203125em;
    --font-normal_2: 1.375em;
    --font-normal_custom_1: 1.575em;
    --font-medium_2: 1.65em;
    --font-large_2: 1.925em;
    --font-extra_large_2: 2.475em;
    --font-max_2: 2.75em;
    --font-max_2: 3.4375em;


    --color_background: #fcfcfc;
    --color_background2: #f2f4f7;
    --color_font: #777b80;
    --color_icons: #777b80;

    --font_op_size: 3.2rem;
    --font_op_size_2: 4.2rem;
    --color_border-botom: #c8c9cc;

}


/*acessibilidade*/


a.acessibilidade-options_item.normal {
    display: flex;
    height: auto;
}

.acessibilidade-options_item {
    background: var(--color_background2);
    border: 1px solid #e6e8eb;
}

.acessibilidade-item {
    align-items: center;
    display: flex;
    justify-content: flex-end;
}

img.acessibilidade-img_brand {
    height: 30px;
}

#navbarNav {
    z-index: 0 !important;
}

.acessibilidade-item_info {
    display: flex;
    align-items: center;
}

img.acessibilidade-options_img {
    height: 30px;
    margin: 0;
}


.acessibilidade-options_item {
    margin: 0 .25em;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
}

h2.acessibilidade_h2 {
    margin: 0;
    color: #fcfcfc;
}

.acessibilidade-brand {
    display: flex;
    align-items: center;
}

.divider {
    background: var(--color_border-botom);
    width: 1px;
    height: 35px;
    margin: 0 10px;
}

span.category_name_step {
    line-height: 22px !important;
}


.accessibility-title {
    border-bottom: solid 1px rgb(200 201 204);
}

.page-wrapper_default {
    width: 90%;
    margin: 0 auto;
}

h2.accessibility-h2 {
    font-size: var(--font-extra_large_2);
    font-weight: 900;
}

.accessibility-title {
    margin-bottom: 1.5rem;
}

.bottom__texto {
    display: flex;
    align-items: center;
}

p.accessibility-p {
    font-size: var(--font-medium_2);
}

.accessibility-li {
    font-size: var(--font-medium_2);
    font-weight: 600;
}


.access-link:hover {
    color: inherit !important;
    text-decoration: none;
}

.access-link:link {
    color: inherit !important;
    text-decoration: none;
}

.access-link {
    text-decoration: none;
    display: inherit;
    color: inherit;
}

.acessibilidade-links_item {
    display: flex;
    align-items: center;
}

span.acessibilidade-links_span {
    background: #f2f4f7;
    color: var(--color_icons);
    margin-left: 0;
    margin-right: 10px;
    padding: 8px 8px;
    font-size: var(--font-normal_custom_1);

}

h2.acessibilidade-links_h2 {
    font-size: var(--font-normal_custom_1);
    margin: 0 .25em;
    color: var(--color_icons);
    font-weight: 500;
}

.acessibilidade-links {
    display: flex;
    align-items: center;
}


@media (max-width: 992px) {
    .acessibilidade-item {
        flex-direction: column;
    }

    .acessibilidade-links {
        margin-bottom: 10px;
    }
}

@media (max-width: 576px) {

    .acessibilidade-links {
        flex-direction: column;
    }

    a.access-link.acessibilidade-links_item {
        justify-content: space-between;
        width: 100%;
        margin: 5px 0;
    }


}


/*=================*/
/*acessibilidade*/


.contrast .check_box-cont label input:checked + span {
    background: black;
}


.contrast,
.contrast nav,
.contrast div,
.contrast li,
.contrast ol,
.contrast header,
.contrast footer,
.contrast section,
.contrast main,
.contrast a,
.contrast th.th-topo,
.contrast aside,
.contrast #contact,
.contrast article {
    background: black !important;
    color: white !important;
}

.contrast img.pdf-icone {
    background: white !important;
    color: black !important;
}


.contrast h1,
.contrast h2,
.contrast h3,
.contrast h4,
.contrast h5,
.contrast h6,
.contrast p,
.contrast label,
.contrast strong,
.contrast em,
.contrast cite,
.contrast q,
.contrast i,
.contrast b,
.contrast u,
.contrast span {
    color: white !important;

}

.contrast a,
.contrast .new_request-search_button span,
.contrast .new_request-button span,
.contrast .btn_panel_search span,
.contrast .btn_box-item h2,
.contrast .btn_login_pg {
    color: yellow !important;
}

.contrast button,
.contrast .btn,
.contrast .btn-sm,
.contrast .main_not_box,
.contrast .outras_not,
.contrast .link-content-item,
.contrast .content-view-item-body,
.contrast .wizard > .actions a,
.contrast input[type=button],
.contrast input[type=reset],
.contrast input[type=submit] {
    background: black !important;
    color: yellow !important;
    border: 1px solid white !important;

}

.contrast .input-group-addon.input_icone_box {
    background: black !important;
}

.contrast .informacoes_header_img {
    background: #fff !important;
}

.contrast .acessibilidade-links_span {
    background: black !important;
    color: yellow !important;
}

.contrast img {
    filter: grayscale(100%) contrast(120%);
}

.contrast img.on-contrast-force-white {
    filter: brightness(0) invert(1);
}

.contrast a.access-link.acessibilidade-links_item.mobile_acessibilidade_link {
    background: black !important;
    border: 1px solid white !important;
    color: #ffffff !important;
}

.contrast .mobile_acessibilidade {
    background: black !important;
    border: 1px solid white !important;
    color: #ffffff !important;
}

.contrast svg.icone-calendario {
    background: #fff;
}


.contrast input[type=text],
.contrast input[type=password],
.contrast input[type=url],
.contrast input[type=search],
.contrast input[type=email],
.contrast input[type=tel],
.contrast input[type=date],
.contrast input[type=month],
.contrast input[type=week],
.contrast input[type=datetime],
.contrast input[type=datetime-local],
.contrast .secao_container,
.contrast .div_repositorio_item,
.contrast select,
.contrast .table-striped > tbody > tr:nth-of-type(odd),
.contrast .requests_control_header-cont_search,
.contrast .requests_control_header-icon,
.contrast .new_request-search_button,
.contrast .btn_login_pg,
.contrast .form_pedidos_index,
.contrast .resultado,
.contrast .container_topo,
.contrast .exp__container,
.contrast .div_repositorio_item_c2,
.contrast .expd_box-cont,
.contrast .app_modal_decretos .modal_element-cont,
.contrast .filtro_form_row,
.contrast .infromacoes_container,
.contrast .publicacoes,
.contrast .barra-superior.menu,
.contrast .menu_ul,
.contrast button,
.contrast .table,
.contrast textarea,
.contrast .bottom,
.contrast .app_modal_busca_comprovante,
.contrast input[type=number] {
    background: black !important;
    border: 1px solid white !important;
    color: #ffffff !important;
}


.contrast #contact {
    background: black !important;
    border: 1px solid white !important;

    color: white !important;
}

.contrast .telefones_item {
    position: relative;
}

.contrast .section,
.contrast .navbar,
.contrast .links_footer,
.contrast .row_footer_superior,
.contrast .acesso_col {
    background: black !important;
    border: 1px solid white !important;

    color: white !important;
}

.contrast form#form_leis {
    background: #000;
    border: solid 1px #fff;
}

.contrast form#form_tNoticias {
    background: #000;
    border: solid 1px #fff;
}

.contrast ul.ul_sub_menu {
    background: #000;
    border: solid 1px #fff;
}


.contrast .noticia_principal_mask.nt_mask {
    background: none !important;
    border: solid 1px #ffff;
    z-index: 999;
}

.contrast .noticia_secundaria_mask.nt_mask {
    background: none !important;
    border: solid 1px #ffff;
    z-index: 999;
}

.vereadores_item.vereadores_item_pg {
    position: relative;
}

.contrast .ouvidoria_form {
    border: solid 1px #fff;
}

.contrast .ouvidoria_informacoes {
    border: solid 1px #fff;
}

.contrast img.img_numero {
    background: #fff;
}

.contrast img.acesso_img {
    background: #fff;
}

.contrast svg.pdf-icone {
    background: #fff;
}


.contrast .modal_nfse-cont {
    border: solid 2px #fff;
}

.acessibilidade-brand {
    border-top: 5px solid #fbc249;
    background: #4d7a55;
    padding: 5px;
    border-radius: 10px;
    border-bottom: 1px solid rgba(5, 58, 15, 0.27);
}

.acessibilidade-options_item {
    cursor: pointer;
}

.acessibilidade-options_img {
    font-size: var(--font_op_size) !important;
    color: var(--color_icons);
}

.acessibilidade-options_item {
    display: flex;
}

h2.logo_h2 {
    z-index: 1000;
}

.acessibilidade-options {
    display: flex;
    align-items: center;
    justify-content: center;
}

span.acessibilidade-img_brand.icon-ic_wheelchair {
    color: #fff;
    font-size: var(--font_op_size);
}

.acessibilidade-brand_box {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 768px) {
    .acessibilidade-item {
        flex-direction: column;
    }

    .divider {
        height: 1px;
        width: 100%;
    }
}

/*acessibilidade*/


.acessibilidade-options_item {
    padding: .25em;
    background: var(--color_background2);
    text-decoration: none;
}

.acessibilidade-item {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    padding-bottom: 0;
}


img.acessibilidade-img_brand {
    height: 30px;
}

.acessibilidade-item_info {
    display: flex;
    align-items: center;
}

img.acessibilidade-options_img {
    height: 30px;
    margin: 0;
}

.acessibilidade-options_item {
    border-radius: 2px;
    outline: none;
}

.testes * {
    /*position: static;*/
    left: 45px;
}

h2.acessibilidade_h2 {
    font-size: 15px;
    margin: 0 .25em;
    font-weight: 500;
    color: var(--color_icons);
}

.acessibilidade-brand {
    display: flex;
    align-items: center;
}


span.category_name_step {
    line-height: 22px !important;
}


/*acessibilidade*/


.contrast .check_box-cont label input:checked + span {
    background: black;
}


.contrast,
.contrast nav,
.contrast div,
.contrast li,
.contrast ol,
.contrast header,
.contrast footer,
.contrast section,
.contrast main,
.contrast a,
.contrast aside,
.contrast #contact,
.contrast article {
    background: black !important;
    color: white !important;
}


.contrast h1,
.contrast h2,
.contrast h3,
.contrast h4,
.contrast h5,
.contrast h6,
.contrast p,
.contrast label,
.contrast strong,
.contrast em,
.contrast cite,
.contrast q,
.contrast i,
.contrast b,
.contrast u,
.contrast span {
    color: white !important;

}

.contrast a,
.contrast a h2,
.contrast .new_request-search_button span,
.contrast .new_request-button span,
.contrast .btn_panel_search span,
.contrast .btn_box-item h2,
.contrast .btn_login_pg {
    color: yellow !important;
}

.contrast button,
.contrast .btn,
.contrast .btn-sm,
.contrast .wizard > .actions a,
.contrast input[type=button],
.contrast input[type=reset],
.contrast input[type=submit] {
    background: black !important;
    color: yellow !important;
    border: 1px solid white !important;

}

.contrast img {
    filter: grayscale(100%) contrast(120%);
}

.contrast img.on-contrast-force-white {
    filter: brightness(0) invert(1);
}


.contrast input[type=text],
.contrast input[type=password],
.contrast input[type=url],
.contrast input[type=search],
.contrast input[type=email],
.contrast input[type=tel],
.contrast input[type=date],
.contrast input[type=month],
.contrast input[type=week],
.contrast input[type=datetime],
.contrast input[type=datetime-local],
.contrast select,
.contrast .table-striped > tbody > tr:nth-of-type(odd),
.contrast .requests_control_header-cont_search,
.contrast .requests_control_header-icon,
.contrast .new_request-search_button,
.contrast .btn_login_pg,
.contrast .form_pedidos_index,
.contrast .resultado,
.contrast button,
.contrast .table,
.contrast textarea,
.contrast input[type=number] {
    background: black !important;
    border: 1px solid white !important;
    color: #ffffff !important;
}

.contrast #contact {
    background: black !important;
    border: 1px solid white !important;

    color: white !important;
}

.contrast .section {
    background: black !important;
    border: 1px solid white !important;

    color: white !important;
}

.acessibilidade-brand {
    border-top: 5px solid #fbc249;
    background: #4d7a55;
    padding: 5px;
    border-radius: 10px;
    border-bottom: 1px solid rgba(5, 58, 15, 0.27);
}

.acessibilidade-options_item {
    cursor: pointer;
}

.acessibilidade-options_img {
    font-size: var(--font_op_size);
    color: var(--color_icons);
}

.acessibilidade-options_item {
    display: flex;
}

.acessibilidade-options {
    display: flex;
    align-items: center;
    justify-content: center;
}

span.acessibilidade-img_brand.icon-ic_wheelchair {
    color: #fff;
    font-size: var(--font_op_size);
}

.row.video_row {
    overflow-y: hidden;
}

.acessibilidade-brand_box {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 768px) {
    .acessibilidade-item {
        flex-direction: column;
    }

    .divider {
        height: 1px;
        width: 100%;
        margin: 10px 0;
    }
}


/*body, a, button, div, span, p, li, ol, h2 {
    background-color: #000 !important;
    color: #FFF !important;
}*/


.acessibilidade-item {
    z-index: 1;
    position: relative;
}


.tooltip_wrapper {
    position: relative;
    -webkit-transform: translateZ(0); /* webkit flicker fix */
    -webkit-font-smoothing: antialiased; /* webkit text rendering fix */
}


/* TOP TOLLTIP */
.tooltip_wrapper .tooltip_element[data-position="top"] {
    background: #1496bb;
    bottom: 100%;
    color: #fff;
    display: block;
    left: -20px;
    margin-bottom: 15px;
    opacity: 0;
    padding: 20px;
    pointer-events: none;
    position: absolute;
    width: 100%;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}

/* This bridges the gap so you can mouse into the tooltip without it disappearing */
.tooltip_wrapper .tooltip_element[data-position="top"]:before {
    bottom: -20px;
    content: " ";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
}

/* CSS Triangles - see Trevor's post */
.tooltip_wrapper-disabled .tooltip_element[data-position="top"]:after {
    border-left: solid transparent 10px;
    border-right: solid transparent 10px;
    border-top: solid #1496bb 10px;
    bottom: -10px;
    content: " ";
    height: 0;
    left: 50%;
    margin-left: -13px;
    position: absolute;
    width: 0;
}

.tooltip_wrapper:hover .tooltip_element[data-position="top"] {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

/* BOTTOM TOLLTIP */
.tooltip_wrapper .tooltip_element[data-position="bottom"] {
    background: #222222;
    font-size: var(--font-normal_2);
    cursor: text;
    pointer-events: all !important;
    top: 100%;
    color: #fff;
    display: block;
    right: 0;
    visibility: hidden;
    opacity: 0;
    padding: 15px 20px;
    position: absolute;
    z-index: 100000;
    width: max-content;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;

}

/* This bridges the gap so you can mouse into the tooltip without it disappearing */
.tooltip_wrapper .tooltip_element[data-position="bottom"]:before {
    bottom: -20px;
    content: " ";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
}

/* CSS Triangles - see Trevor's post */
.tooltip_wrapper-disabled .tooltip_element[data-position="bottom"]:after {
    border-left: solid transparent 10px;
    border-right: solid transparent 10px;
    border-bottom: solid #1496bb 10px;
    top: -10px;
    content: " ";
    height: 0;
    right: 10px;
    margin-left: -13px;
    position: absolute;
    width: 0;
}

.tooltip_wrapper:hover .tooltip_element[data-position="bottom"] {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

button.tooltip_wrapper:hover {
    z-index: 99999999999999;
}

.tooltip_element {
    border-top: 5px solid #fcfcfc;
}

ul.navbar-nav.ml-auto {
    position: relative;
    z-index: 2;
}


/*----MODAL ACESSIBILIDADE MOBILE*/

h2.acessibilidade_h2_mobile {
    display: none;
}

span.acessibilidade-options_img_mobile {
    display: none;
}

.acessibilidade_mobile_btn-cont {
    position: fixed;
    z-index: 1900;
    right: 1%;
    bottom: 4%;
}


button.acessibilidade_mobile_btn {
    border: none;
    color: #fff;
    background: #02538b;
    border-radius: 50%;
    font-size: 4rem;
    height: 50px;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    outline: none;
    cursor: pointer;
    pointer-events: all;


}

button.close_acessibilidade-btn {
    border: none;
    padding: 1rem 2rem;
    border-radius: 5px;
    background: #c34343;
    color: #fff;
    margin-top: .5em;
    display: none;
    outline: none;
    font-size: var(--font-normal_2);
}

.close_acessibilidade-modal {
    display: none;
}

.acessibilidade_mobile_btn-cont {
    display: none;
}

.acessibilidade_h2 {
    display: flex !important;
}

@media (max-width: 1100px) {
    .acessibilidade-modal-item {
        position: absolute;
        bottom: -100%;

    }

    hr.hr_menu {
        display: none;
    }

    .acessibilidade_mobile_btn-cont.vlibras-mb-button {
        position: fixed;
        z-index: 1900;
        right: 1%;
        bottom: 10%;
        margin-bottom: 1.5rem;
    }

    .libras-cont .access-button {
        opacity: 0;
        visibility: hidden;
    }

    div#acessibility_modal {
        border-top: 1px solid #ccc;
    }

    .close_acessibilidade-modal {
        display: flex;
    }

    .acessibilidade_mobile_btn-cont {
        display: flex;
    }

    button.close_acessibilidade-btn {
        display: flex;
    }

    .acessibilidade-modal {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        padding: 0;
        /*background: rgba(0, 0, 0, .5);*/
        z-index: 2000;
        overflow-y: auto;
        display: none;

    }

    .acessibilidade-modal-item {
        max-width: 100%;
        padding: calc(var(--area-box) * 1.5);
        background: #fff;
        -webkit-border-radius: var(--radius-normal);
        -moz-border-radius: var(--radius-normal);
        border-radius: var(--radius-normal);
        position: relative;
        display: flex;
        flex-direction: column;

        align-self: flex-end;
        width: 100%;
    }

    .acessibilidade-item {
        display: flex;
        flex-direction: column-reverse;
    }

    .divider {
        display: none;
    }

    h2.acessibilidade_h2_mobile {
        font-size: 15px;
        margin: 0 .25em;
        display: flex;
        font-weight: 500;
        word-break: break-word;
        color: var(--color_icons);
    }

    .mobile_acessibilidade {
        display: flex;
        flex-direction: column;
        flex-basis: 90px;
        background: none;
        border: none;
    }

    .acessibilidade-item {
        border-bottom: none;
    }

    .acessibilidade-options {
        flex-wrap: wrap;
        justify-content: center;
        align-items: baseline;

    }

    .acessibilidade-item {
        max-width: 500px;
        margin: 0 auto;
    }

    span.acessibilidade-links_span {
        display: none;
    }

    .tooltip_wrapper .tooltip_element[data-position="bottom"] {
        display: none !important;
        visibility: hidden;
        opacity: 0;
    }

    .mobile_acessibilidade_link {
        display: flex;
        flex-direction: column;
        flex-basis: 90px;
        background: none;
        border: none;
        justify-content: end;
        text-align: center;
    }

    .acessibilidade-links {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: baseline;
        width: 100%;
        flex-direction: row;

    }

    span.acessibilidade-options_img_mobile {
        display: flex;
        font-size: var(--font_op_size_2);
        color: var(--color_icons);
    }

    .acessibilidade-links_item h2 {
        font-size: 15px;
        margin: 0 .25em;
        display: flex;
        font-weight: 500;
        word-break: break-word;
        color: var(--color_icons);
    }

    .acessibilidade-modal-item {
        display: none;
    }


}


.contrast .acessibilidade-modal {
    background: none !important;
}

#rodape {
    min-height: 10rem;
}


.contrast ul.menu_ul {
    background: #000;
}


/*---*/

img.logo {
    margin-left: 0;
}

ul.navbar-nav.ml-auto {
    padding-right: 0;
}

nav.navbar.navbar-expand-lg {
    padding: .75rem 3rem;
}

.acessibilidade-item {
    padding: 1rem 3rem;
}


.social-media.menu {
    padding-left: 0;
}

.social-media.menu {
    padding: 0 2.4rem;
}

.contrast nav#menu {
    background: none !important;
}

@media (max-width: 576px) {
    nav.navbar.navbar-expand-lg {
        padding: 0.75rem 1rem;
    }

    a.popup-default-item {
        transform: translate(0, -40px);
    }
}

.contrast button.btn_enviar_ouvidoria {
    color: yellow !important;
}

a.acesso_rapido_item {
    position: relative;
}

.vereadores_item {
    position: relative;
}

span.mask-contrast {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: solid 1px #fff;
    display: none;
}

.contrast span.mask-contrast {
    display: block;
}


#form_ouvidoria .form-element {
    position: relative;
    margin-top: 4.5rem !important;
    margin-bottom: 1.25rem !important;
}

#form_ouvidoria .form-element .form-element-label {
    top: -1.25rem !important;
    line-height: 2.5rem;
}


.acessibilidade-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.contrast select#estado_ouvidoria option {
    padding: 0;
    color: #fff !important;
}

.contrast select#estado_ouvidoria option {
    padding: 0;
    color: #fff !important;
}

.contrast select#estado_ouvidoria {
    padding: 0;
}
.contrast select#cidade_select {
    padding: 0;
}

.contrast .close-popup {
    border: solid 1px #fff;
}

.contrast select#cidade_select option {
    color: #fff !important;
}


.contrast select#estado_ouvidoria::-moz-selection { /* Code for Firefox */
    color: #fff !important;
}

.contrast select#estado_ouvidoria::selection {
    color: #fff !important;
}