.contrast,
.contrast nav,
.contrast div,
/*.contrast li,*/
.contrast ol,
.contrast header,
.contrast footer,
.contrast section,
.contrast main,
.contrast aside,
.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{
    color: yellow;
}

.contrast button,
.contrast input[type=button],
.contrast input[type=reset],
.contrast input[type=submit] {
    background: black !important;
    color: yellow !important;
    border: none !important;
}

.contrast img.on-contrast-force-gray {
    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 textarea,
.contrast input[type=number] {
    background: black !important;
    border: 1px solid white !important;
    color: white !important;
}
.contrast footer {
    border-top: 1px solid white!important;
}
.contrast .pagination>.active>a,
.contrast .pagination>.active>a:focus,
.contrast .pagination>.active>a:hover,
.contrast .pagination>.active>span,
.contrast .pagination>.active>span:focus,
.contrast .pagination>.active>span:hover {
    background-color: black!important;
    border-color: black!important;
    color: white!important;
}
.contrast .pagination>li>a,
.contrast .pagination>li>span{
    color: black!important;
}
.contrast .paginator p {
    color: white!important;
}
.contrast .pagination>li>a:focus, 
.contrast .pagination>li>a:hover, 
.contrast .pagination>li>span:focus, 
.contrast .pagination>li>span:hover {
    color: #fff!important;
    background-color: #000!important;
    border-color: #000!important;
}
/*.contrast div.modal-backdrop{
    background: rgba(255,255,255,0.34) !important;
    background: -moz-linear-gradient(left, rgba(255,255,255,0.34) 0%, rgba(255,255,255,1) 100%) !important;
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0.34)), color-stop(100%, rgba(255,255,255,1))) !important;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0.34) 0%, rgba(255,255,255,1) 100%) !important;
    background: -o-linear-gradient(left, rgba(255,255,255,0.34) 0%, rgba(255,255,255,1) 100%) !important;
    background: -ms-linear-gradient(left, rgba(255,255,255,0.34) 0%, rgba(255,255,255,1) 100%) !important;
    background: linear-gradient(to right, rgba(255,255,255,0.34) 0%, rgba(255,255,255,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}*/
.contrast .modal-content {
    /*-webkit-box-shadow: 0px 0px 30px 30px rgba(255,255,255,.6); 
    box-shadow: 0px 0px 30px 30px rgba(255,255,255,.6);*/

    border: 1px solid white!important;
    border-radius: 0 !important;
}
.contrast #allacessibilidade:hover,
.contrast #allacessibilidade:hover .suballacessibilidade,
.contrast #allacessibilidade:hover .suballacessibilidade label,
.contrast #allacessibilidade:hover .suballacessibilidade #toggleMenu,
.contrast #allacessibilidade:hover .suballacessibilidade .mereco,
.contrast #allacessibilidade:hover .suballacessibilidade .mereco .toggleAces,
.contrast #allacessibilidade:hover .suballacessibilidade .div-ItemMenu,
.contrast #allacessibilidade:hover .suballacessibilidade .div-ItemMenu div{
    background-color: white!important;
    color: black!important;
}
.contrast #allacessibilidade .suballacessibilidade a:hover,
.contrast #allacessibilidade .suballacessibilidade a:hover label,
.contrast #allacessibilidade .suballacessibilidade label:hover,
.contrast #allacessibilidade .suballacessibilidade label:hover #toggleMenu,
.contrast #allacessibilidade .suballacessibilidade label:hover .mereco,
.contrast #allacessibilidade .suballacessibilidade label:hover .mereco .toggleAces,
.contrast #allacessibilidade .suballacessibilidade label:hover .div-ItemMenu,
.contrast #allacessibilidade .suballacessibilidade label:hover .div-ItemMenu div,
.contrast #allacessibilidade .suballacessibilidade a:hover #toggleMenu,
.contrast #allacessibilidade .suballacessibilidade a:hover .mereco,
.contrast #allacessibilidade .suballacessibilidade a:hover .mereco .toggleAces,
.contrast #allacessibilidade .suballacessibilidade a:hover .div-ItemMenu,
.contrast #allacessibilidade .suballacessibilidade a:hover .div-ItemMenu div{
    background-color: black!important;
    color: white!important;
}
.contrast .glossario {
    border-right: 1px solid white;
}
.contrast #allacessibilidade div{
    background: white!important;
}
.contrast #allacessibilidade .suballacessibilidade .mereco .toggleAces i{
    color: black;
}
.contrast #allacessibilidade .suballacessibilidade .mereco .allItens i{
    color: black;
}
.contrast #allacessibilidade .suballacessibilidade .mereco .allItens div#x:hover{
    background: black!important;
    color: black!important;
}
.contrast #allacessibilidade .suballacessibilidade .mereco .allItens div#x:hover i{
    color: white!important;
}
.contrast #allacessibilidade hr {
    background-color: black;
}

.contrast .navbar .container-fluid .navbar-nav .HeaderIcon{
    filter: grayscale(100%);
}

.contrast .servicos .linha-servicos .link-servicos{
    filter: grayscale(100%);
}

.contrast .container-fluid .row .acesso-digital{
    filter: grayscale(100%);
}

.contrast .container .row .news-columns .news-image{
    visibility: hidden;
}

.contrast .container .row .news-columns .background{
    border: 1px white solid;
    border-radius: 42px;
}

.contrast .container .row .news-button{
    filter: grayscale(100%);
}

.contrast .cartas-procon .row .sac-titulo .row .col-12 .owl-carousel{
    filter: grayscale(100%);
}

.contrast .container-fluid .fundo-duvidas .faq-button .link-faq-button{
    filter: grayscale(100%);
    background-color: black!important;
}

.contrast .sobre-container .sobre-row .conteudo-sobre-procon .conteudo-sobre{
    color: black!important;
}

.contrast .sobre-container .sobre-row .conteudo-sobre-procon span{
    color: black!important;
}

.contrast .sobre-container .sobre-row .conteudo-sobre-procon .texto-organograma{
    color: black!important;
}

.contrast .sobre-container .sobre-row .blocos-organograma{
    filter: grayscale(100%);
}

.contrast .sobre-container .sobre-row .blocos-organograma .btn-lv1,
.contrast .sobre-container .sobre-row .blocos-organograma .btn-lv3,
.contrast .sobre-container .sobre-row .blocos-organograma .btn-lv4,
.contrast .sobre-container .sobre-row .blocos-organograma .btn-lv5,
.contrast .sobre-container .sobre-row .blocos-organograma .btn-lv6,
.contrast .sobre-container .sobre-row .blocos-organograma .btn-lv7,
.contrast .sobre-container .sobre-row .blocos-organograma .btn-lv8
{
    color: black!important;
}

.contrast .container .row .footer1 .footer-image{
    filter: invert(0%) sepia(54%) saturate(0%) hue-rotate(230deg) brightness(96%) contrast(100%);
}

html .contrast .main .container-fluid.img-header .row.conteudo .col-12 .row .col-12.col-md-12.col-lg-6.acessar-procon .botoes-acessar-procon .btn-acesso-digital-init.icons.consumidor div img{
    filter: invert(0%) sepia(54%) saturate(0%) hue-rotate(230deg) brightness(96%) contrast(100%) !important;
} 

.contrast .main .titulo-charts img{
    filter: invert(0%) sepia(54%) saturate(0%) hue-rotate(230deg) brightness(96%) contrast(100%) !important;
} 

.contrast .main .container .row .sac-titulo .alinhar-news img{
    filter: invert(0%) sepia(54%) saturate(0%) hue-rotate(230deg) brightness(96%) contrast(100%) !important;
} 

.contrast .main .container .rate-row .rate-div .on-avaliar img{
    filter: invert(0%) sepia(54%) saturate(0%) hue-rotate(230deg) brightness(96%) contrast(100%) !important;
} 

.contrast .main .container .btn-graficos .icons-graph img{
    filter: invert(0%) sepia(54%) saturate(0%) hue-rotate(230deg) brightness(96%) contrast(100%) !important;
} 

.contrast .main .img-header .conteudo .col-12 .row .acessar-procon .fornecedor div img{
    filter: invert(0%) sepia(54%) saturate(0%) hue-rotate(230deg) brightness(96%) contrast(100%) !important;
} 

.contrast .main .servicos .row .titulo-servicos .alinhar-servico img{
    filter: invert(0%) sepia(54%) saturate(0%) hue-rotate(230deg) brightness(96%) contrast(100%) !important;
} 

.contrast .main .cartas-procon .distance-cartas .sac-titulo .alinhar-cards img{
    filter: invert(0%) sepia(54%) saturate(0%) hue-rotate(230deg) brightness(96%) contrast(100%) !important;
} 

.contrast .main .fundo .distance-duvidas .aos-animate .alinhar-saq img{
    filter: invert(0%) sepia(54%) saturate(0%) hue-rotate(230deg) brightness(96%) contrast(100%) !important;
} 

.contrast .main .container .row .aos-animate .alinhar-sobre img{
    filter: invert(0%) sepia(54%) saturate(0%) hue-rotate(230deg) brightness(96%) contrast(100%) !important;
} 

.contrast .main .container .row .news-columns .row .col-12 .background-margin .news-link .news-image .news-resume1{
    color: yellow!important;
} 

.contrast .main .container .row .news-columns .row .col-12 .background-margin .news-link .news-image .news-title1{
    color: yellow !important;
} 

.contrast .container .row .news-columns .row .col-12 .background-margin .news-link .news-image {
    visibility: visible;
    
}

.contrast .main .container .row .news-columns .row .col-12 .row .col-6 .background .news-link .news-image{
    visibility: visible;
}

.contrast .main .container .row .news-columns .row .col-12 .row .col-6 .background .news-link .news-image .news-title2{
    color: yellow !important;
}