/*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;

}


/*fonts*/
@font-face {
    font-family: 'icomoon';
    src:  url('fonts/icomoon.eot?7kgtcx');
    src:  url('fonts/icomoon.eot?7kgtcx#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?7kgtcx') format('truetype'),
    url('fonts/icomoon.woff?7kgtcx') format('woff'),
    url('fonts/icomoon.svg?7kgtcx#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-ic_a_minus:before {
    content: "\e900";
}
.icon-ic_a_plus:before {
    content: "\e901";
}
.icon-ic_arrow_link:before {
    content: "\e902";
}
.icon-ic_contrast:before {
    content: "\e903";
}
.icon-ic_hands_7:before {
    content: "\e904";
}
.icon-ic_normal:before {
    content: "\e905";
}
.icon-ic_wheelchair:before {
    content: "\e906";
}


/*acessibilidade*/


.acessibilidade-cont {
    padding: 0 10px;
    background: var(--color_background);
}

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;
    border-bottom: 1px solid var(--color_border-botom);
}

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 .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 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 .filtro_form_row,
.contrast .infromacoes_container,
.contrast .publicacoes,
.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 .section,
.contrast .navbar,
.contrast .links_footer,
.contrast .row_footer_superior,
.contrast .acesso_col {
    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) !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-cont {
    padding: 0 10px;
    background: var(--color_background);
}

.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;
}


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;
}

.divider {
    background: var(--color_font);
    width: 1px;
    height: 35px;
}

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: 100;
    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: 992px) {
    .acessibilidade-modal-item {
        position: absolute;
        bottom: -100%;

    }

    .acessibilidade_mobile_btn-cont.vlibras-mb-button {
        position: fixed;
        z-index: 100;
        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: 200;
        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;
}