custon.css

Atualizado em 09/06/2022 14h20
Conteúdo do arquivo

@charset "utf-8";

/* ********************************************************** */

@font-face {
    font-family: "Ubuntu";
    src: local("Ubuntu"), 
		url("/sites/portalp/WebPub/NovoPortal/fonts/Ubuntu-Regular.ttf") format("opentype"), 
		/*url("../fonts/Museo300-Regular.woff") format("woff"), 
        url("../fonts/Museo300-Regular.svg#Museo-300") format("svg");	*/        	
}

/*cores*/

@font-face {
    font-family:'Ubuntu medio';
    src: url("/sites/portalp/WebPub/NovoPortal/fonts/Ubuntu-M.ttf");
}

@font-face {
    font-family:'Ubuntu bold';
    src: url("/sites/portalp/WebPub/NovoPortal/fonts/Ubuntu-B.ttf");
}

@font-face {
    font-family:"Ubuntu";
    src: url("/sites/portalp/WebPub/NovoPortal/fonts/Ubuntu-R.ttf");
}

@font-face {
    font-family:"Ubuntu Light";
    src: url("/sites/portalp/WebPub/NovoPortal/fonts/Ubuntu-L.ttf");
}

:root{
    --azul-claro: #179AB4;
    --azul-claro1: #427591;
    --azul-claro2: #E1F1F4; 
    --azul-claro3: #1A8DA4;
    --azul-claro4: #E7F3F6;
    --azul-medio:rgba(51,103,131,1); 
    --azul-escuro: rgba(0,65,100,0.85);
    --azul-escuro2: rgba(0,65,100,1);
    --azul-escuro3: #004D7E;
    --azul-acinzentado: #9CB5C5;
    --azul-tiffany:rgba(23, 154, 180, 1);
    --azul-tiffany-claro:rgba(23, 154, 180, 0.5);
    --branco: #fff;
    --cinza-escuro: #575756;
    --cinza-claro: #d3d3d3;
    --cinza-claro2: #F4F4F4;
    --cinza-claro3: #F1F2F3;
    --cinza-claro4: rgba(246,246,246,1);
	--cinza-claro5: #E0E0E0;
	--cinza-claro6: #F8F8F9;
    --cinza-medio: #707070;
    --amarelo: #F5AF00;
    --verde-escuro:#1F5836;
    --vermelho:#B21F24;
}


.b-cinza-10 {
    background-color:rgba(246,246,246,1);
}

.b-sombra {
    box-shadow: 0 6px 12px rgba(0,0,0,0.16);
    border-radius: 5px;
}

.b-amarelo-mostarda {
    background-color: rgba(216,179,0,1) !important;
}

@media (min-width: 1900px)
.container {
    max-width: 1316px;
}

/* PSEUDOCLASSES */

html {
    scroll-behavior: smooth;
}

body {
    font-family:Ubuntu, Arial, sans-serif;
    font-size: 12px;
}

.lgpd {}

input {
    background-color:#FFFFFF;
    border:solid 1px rgba(191, 195, 198, 0.8);
    border-radius:7px;
    padding:6px 12px;
    color:#a0a0a0!important;
    font-size:1em;
}

.lgpd input:focus {
    border-radius: 7px;
    box-shadow: 0px 0px 5px #007bff;
    color::#575756;
    outline: 0 none;
}


h2 {
    font-size: 17px;
    font-weight:400;
    color: #2465A4;
    color: rgb(36, 101, 164);
}

a {
    color:rgba(59, 92, 125, 1);
}

.lgpd h5 {
    font-size: 1.20rem;
}

.lgpd ul.list {
    line-height:25px;
}

.lgpd ul.list li {
    list-style: none;
    font-size:1em;
}

.lgpd ul.list .icofont-rounded-right {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.3em;
}

.b-azul-claro {
    background-color:rgba(59, 92, 125, 1)!important;
}

.b-verde-escuro {
    background-color:rgba(2, 108, 91, 1)!important;
}

.b-vermelho {
    background-color:rgba(178,31,36,1)!important;
}

.b-amarelo-escuro {
    background-color:#f5af00 !important;
}

.b-lilaz {
    background-color:rgba(105,68,103,1)!important;
}

.b-cinza-40 {
    background-color:rgba(112,112,112,0.04)!important;
}

i {
    font-size:1.3em;
    display: inline-block;
    vertical-align:middle;
    margin-right:2px;
}

i:hover {
    text-decoration: none;
}

.input-group-text {
    background-color:#c3d1d9;
    color:#2465a4;
}

/*cor de fonte */  

.t-branco {
    color:#FFF;
}

.t-vermelho {
    color:rgba(178,31,36,1);
}

.t-azul {
    color:rgba(59, 92, 125, 1);
}

.t-cinza-claro {
    color:rgba(191,195,198,1);
}

.t-cinza-escuro {
    color:rgba(87,87,86,1);
}

.t-amarelo {
    color:rgba(219,197,83,1);
}

.t-branco {
    color:#FFF;
}

/* classes do bootstrap */

.lgpd .btn:hover {
    color: #FFF!important;
}

@media (min-width: 992px)
.container {
    max-width: 1187px;
}

/* CABEÃ‡ALHO */
#menu_superior_inicio {
    display: none !important;
}

.navbar-interno {
    background-color:rgba(194,196,198,0.15);   
    background-image: linear-gradient(to bottom, #003f65 28%, rgba(194,196,198,0.15) 25%);  
}

.bar-acessibilidade-uteis {
    /*background-color:#003f65;*/
    line-height:22px;
    color:rgba(7,182,211,1);
    font-size:1em;
    vertical-align: middle;
}

.bar-acessibilidade-uteis a {
    color:rgba(194, 196, 198, 0.8);
    border-right:1px solid rgba(194, 196, 198, 0.8);
    text-decoration:none;
    display:inline-block;
    padding:0 7px;
    line-height: 12px;   
}

.bar-acessibilidade-uteis  a:hover {
    background-color: rgba(0,118,149,1);
    color:#FFF;
    transition:all 0.7s ease;
    line-height: 22px;
}

.bar-acessibilidade-uteis a:last-child {
    border-right:0;
}

.bar-acessibilidade-uteis .acessibilidade{
    display:inline;
    text-align: right;
}

.acessibilidade .btn {
    opacity:0.5;
}

.sobMedida {
    text-align:center;
}

.links {
    text-align:right;
}

.btn:hover {
    background-color:rgba(0,105,143,10);
}

.navbar-brand {
    width: 92px;
    padding-top: 11px;
}

/* combo redes sociais */

.div_redes {
    display: inline-block;
    padding-left: 5px;
    cursor: pointer;
}

/* classes de Internacional */

.combo_inter {
    cursor: pointer;
    display: inline;
    font-family: MuseoLight,Verdana,sans-serif;
    font-size: 11px;
    color: #003D5F;
}

.comboInter_band {
    background: url(img/band_ingl.svg) no-repeat center center;
    width: 18px;
    height: 13px;
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
}

#comboInter_seta, #comboRedes_seta {
    display: inline-block;
    vertical-align: middle;
    color: #bfc3c6;
    font-size: 15px;
    cursor: pointer;
}

.comboInter_opcoes {
    z-index: 10;
    background-color: #FFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2);
    padding: 11px;
    line-height: 30px;
    width: 112px;
    position: absolute;
    right: -34px;
    text-align:left;
}

.comboInter_opcoes a {
    height: 15px;
    padding-left: 27px;
    color: #333;
    border-right: none;
    vertical-align: middle;
}

.comboInter_opcoes a:hover {
    background-color: none!important;
}

.band_ingl {
    background: url(img/band_ingl.svg) no-repeat left;
}

.band_esp {
    background: url(img/band_esp.svg) no-repeat left;
}

.band_port {
    background: url(img/band_port.svg) no-repeat left;
}

/* classes das redes sociais */

.comboRedes_opcoes {
    z-index: 10;
    background-color: #FFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2);
    padding: 11px;
    line-height: 30px;
    width: 120px;
    position: absolute;
    right: 57px;
    text-align: left;
}

.comboRedes_opcoes a {
    color: #333;
    border-right: none;
    vertical-align: middle;
}

.comboRedes_opcoes a:hover {
    background-color: none!important;
}

.comboRedes_opcoes a i {
    margin-right: 2px;
}

/* classes sob medida mobile */

.combosobMedida_opcoes {
    z-index: 10;
    background-color: #FFF;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2);
    padding: 11px;
    line-height: 30px;
    width: 96px;
    position: absolute;
    left: 0;
    text-align: left;
}

#barra_sup .combosobMedida_opcoes {
    top: 25px;
    width: 120px;
}

.combosobMedida_opcoes a {
    border-right: 0;
    color: #414F55;
}

.combomenumob_opcoes {
    background-color: #003f65;
    position: absolute;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
}

/* classes de pesquisa */

.cab_pesquisa {
    text-align: center;
    vertical-align: middle;
    margin: auto;
}

.pesquisa-icone {
    color:rgba(59, 92, 125, 1);
    font-size:20px;
    display:block;
    line-height: 11px;
}

.pesquisa-icone:hover {
  text-decoration: none;
  /*background-color: rgba(0,118,149,1);
  color:#FFF;
  transition:all 0.7s ease;*/
}

.campo_pesquisa {
    background-color: #EEEEF0;
    position: absolute;
    right: 0;
    padding: 1.8em 0;
    left: 0;
    text-align: center;
    z-index: 100;
    box-shadow: 0 1px 10px grey;
}

.campo_pesquisa input{
    width: 60%;
    padding: 0.5em;
    font-size: 1.25em!important;
    font-weight: 300;
    margin-bottom: 10px;
}

.campo_pesquisa label {
    display: inline-block;
    cursor:pointer;
    background-color: #c3d1d9;
    color: #2465a4;
    width: auto;
    padding: 0.5em;
    font-weight: 500;
    font-size: 1.1em;
}

.campo_pesquisa .icofont-ui-close {
    text-align: right;
    font-size: 1.2em;
    margin-right: 10px;
    color: rgba(178,31,36,1)!important;
}

/* acesso rÃ¡pido */

.acesso_rapidoShow {
    position: absolute;
    left:0;
    background-color: #003f65;
    padding: 26px;
    width: 100%;
    z-index: 100;
    column-count: 3;
}

.acesso_rapidoShow, 
.acesso_rapidoShow.collapsing, 
.acesso_rapidoShow.collapse,
.acesso_rapidoShow.show {
    transition: 0.25s ease-in-out !important;
}

.acesso_rapidoShow h3 {
    color:rgba(7,182,211,1);
}

.acesso_rapidoShow li {
    list-style: none;
}

.acesso_rapidoShow li a {
    color:rgba(194, 196, 198, 0.8);
    font-size: 1.1em;
}

.acesso_rapidoShow li a:before {
    content: "\eaa0";
    font-family: IcoFont!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    white-space: nowrap;
    direction: ltr;
    line-height: 1;
}   

.acesso_rapidoShow h4 {
    font-weight: 500;
    font-size: 1.6em;
    color: rgba(7,182,211,1);
    margin-left: 43px;
}


/* breadcrumb */
.breadcrumb_custon {
  font-size:0.9em;
  color:rgba(175,175,175,1);
  padding:5px 0;
}

.breadcrumb_custon a {
    border-right: 1px solid rgba(175,175,175,1);
    color: var(--azul-claro);
}

.breadcrumb_custon a:last-child {
    border: 0;
}

.breadcrumb_custon a, 
.breadcrumb_custon span {
    padding: 0 5px;
}

/* menu lateral */

.menuLateral {
  border-right:1px Solid rgba(229, 229, 229, 1);
}


/* conteudo */
.conteudo .titulo {
  font-size : 1.7em;
  color :#003f65;
  text-transform:uppercase;
}


/* DENTRO DOS CONTEÃšDOS */

/*PROCESSOS*/
/* Barra superior de botÃµes*/
.process-botoes {
    margin-top:-30px;
    text-align:right;
}

.process-botoes i {
    font-size: 1.3em;
    display: inline-block;
    vertical-align: middle;
}

/* botÃµes menores */
.btn-menor {
    padding-left: 20px;
    margin-left:10px;
    display:inline-block;
    font-size:1em;
    color:rgb(87,87,86);
}

.btn-menor span {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    font-size: 0.9em;
}

.btn-menor:hover {
    color:rgb(87,87,86);
}

.btn-redondo-M {
    display:block;
    height: 90px;
    width: 90px;
    border-radius: 50%;
    border: 0;
    outline: 0 none;
    cursor:pointer;
}

.btn-redondo-P {
    display:inline-block;
    height: 77px;
    width: 77px;
    border-radius: 50%;
    border: 0;
    outline: 0 none;
    cursor: pointer;
    margin-top:10px;
}

.btn-redondo-link {
    font-size:1.1em;
    /*margin-bottom:5px;*/
    color:rgb(87,87,86);
    display:block;  
    font-weight:500;
}

.btn-redondo-link:hover {
    text-decoration:none;
    color:rgb(87,87,86);
}

.btn-redondo-link span {
    font-size:0.8em;
}

.btnP-Plantao {
    background: url(img/iconP_Plantao.svg) no-repeat;
}

.btnP-SistIndisp {
    background: url(img/iconP_SistIndisp.svg) no-repeat;
}

.btn_cpe {
    background: url(img/icon_cpe.svg) no-repeat 20px 22px;
    background-size:69px 69px;
    display:inline-block;
    position: relative;
    top: 14%;
    float:left;
}

.btn_push {
    background: url(img/icon_push.svg) no-repeat 12px 16px;
    background-size:67px 65px;
}

.btn_dje {
    background: url(img/icon_dje.svg) no-repeat 19px 15px;
    background-size:58px 65px;
}

.btn_gru {
    background: url(img/icon_gru.svg) no-repeat 16px 16px;
    background-size:65px 67px;
}

.btn_certidao {
    background: url(img/icon_certidao.svg) no-repeat 14px 12px;
    background-size:66px 70px;
    margin-top:29px;
}

/* botÃµes de jurisprudÃŠncia */

.btn_JTeses {
    background: url(img/iconJ_JurisTeses.svg) no-repeat 18px 18px;
    background-size: 60px 60px;
}

.btn_LegisAplic {
    background: url(img/iconJ_LegisApl.svg) no-repeat 12px 5px;
    background-size: 73px 73px;
}

.btn_pesqPront {
    background: url(img/iconJ_PesqPronta.svg) no-repeat 14px 12px;
    background-size:66px 70px;     
}

.btn_SessFoco {
    background: url(img/iconJ_SessFoco.svg) no-repeat 14px 12px;
    background-size:66px 70px;         
}

.btn_inform {
    background: url(img/iconJ_Inform.svg) no-repeat 18px 13px;
    background-size: 57px 70px;
}

.btn_processoEletronico {
    display: inline-block;
}

.btn_processoEletronico a {
    display: inline-block;
    /*max-width: 53%;*/
    font-size: 1.2em;
    margin-top: 32px;
}

.btn_processoEletronico_t {
    display:inline-block; 
    width: 50%;
    float:left;
    margin-top:10px;
}

.btn_processoEletronico a:hover {
    text-decoration:none;
    color:rgb(87,87,86);    
}

/* fundos */

.cinza-Escuro-100 {
  background : rgba(194, 196, 198, 0.7);
}

.cinza-Escuro-50 {
  background : rgba(191, 195, 198, 0.50);
}

.cinza-medio-35 {
  background : rgba(191, 195, 198, 0.35);
 
}

.cinza-medio-25 {
  background : rgba(191, 195, 198, 0.25);
}

.cinza-medio-20 {
    background : rgba(191, 195, 198, 0.20);
  }

.cinza-claro-10
{
  background : rgba(191, 195, 198, 0.10);
}

.process-pesquisa .pesq_processo, .juris-pesquisa .pesq_juris {
    display: inline-block;
    padding:30px 40px;
}

.process-pesquisa .pesq_processo h2, .juris-pesquisa .pesq_juris h2 {
    font-size:1.9em;
    margin-bottom:10px;
}

.process-pesquisa .pesq_processo input, .juris-pesquisa .pesq_juris input {
    padding:10px 15px;
    display:inline-block;
    font-size:0.8em;
    color:#a0a0a0;
}

.process-pesquisa .pesq_processo button, .juris-pesquisa .pesq_juris button {
    color:rgba(59, 92, 125, 1);
    background-color:rgba(195, 209, 217, 1);
}

.juris_avisos {
    background-color:#004164;
    color:#FFF;
    font-size:0.9em;
}

.juris_avisos .icofont-rounded-down, .juris_avisos .icofont-info-circle {
    font-size: 1.1em;
    display:inline;
    vertical-align:middle;
}

.juris_avisos .icofont-info-circle {
    font-size: 1.5em;
}

.juris-pesquisa h2 {
    font-size:1.6em;
}

.juris-pesquisa .juris_conectMostrar {
    color: color:rgba(160,160,160,1);
    font-size: 1.1em;
    display:inline;
    vertical-align:middle;
}

.juris-pesquisa .juris_conectMostrar .icofont-rounded-right {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.3em;
}

.juris_pesqAvancada {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.1em;
    color:#2465a4;
}

.juris_pesqAvancada .icofont-rounded-down {
    font-size: 1.3em;
}

.aviso_bot_navegacao {
    border: 1px solid #bfc3c6;
    border-radius:2px;
    display:inline-block;
    text-align:center;
    cursor:hand;
}

.aviso_bot_navegacao i {
    font-size: 1.2em;
    padding: 0 2px;
    margin: 0;
}

.div_iconesJuris div {
    display:inline-block; 
    width:20%;
    margin-left:-3px;
}

.div_iconesJuris div:nth-of-type(1) {
    margin:0;
}

/* classes de perguntas frequentes */

.pergFreq li {
    list-style: none;
}

.pergFreq li a:before {
    content: "\eaa0";
    font-family: IcoFont!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    line-height: 1;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
}


/*rodapÃ©*/

.icon_avalie {
    background: url(/sites/portalp/WebPub/NovoPortal/img/paginas%20individuais/icon_avalie.svg) no-repeat;
    padding-left: 27px;
    background-size: 21px;
    display: inline-block;
    height: 22px;
    vertical-align: middle;
}

/* Dispositivos mÃ©dios (tablets com 768px ou mais) */
@media (max-width: 1199px) {
    .barraSup acess {
        display:none;
    }

    .navbar-interno {
        background-color:none;
        background-image: linear-gradient(to bottom, rgba(191, 195, 198, 0.10) 31%, #FFF 19%);
    }

    .sobMedida {
        color:#003f65;
        text-align:left;
    }

    .combo_inter i{
        color:#003f65!important;
    }

    .menumob {    
        vertical-align: middle;
        display: inline-block;
        margin: auto 0;
    }

    .menumob .modal-header {
        background-color:#dfe7ed;
        color:#003f65;
    }

    .menumob .modal-body {
        background-color: #003f65;
    }

    .menumobSup {
        font-size: 1.4em;
        font-weight: 500;
        color:#003f65;
    }

    #menumobSup i {
        display:inline-block;
        color:#003f65;
    }

    #ativa_menu_mobile {
        background: url(img/icon_menuCel.svg) 3px center no-repeat;
        color: #FFF;
        width: 20px;
        background-size: 5px;
        height: 28px;
    }

    #ativa_menu_mobile:hover {
        text-decoration:none
    }

    .process-barraSup {
        background-color: #003f65;
        text-align:center;
        color:#FFF;
    }

    .process-botoes {
        margin-top: 9px;
        text-align: center;
    }    

    .conteudo .titulo {
        background-color: #003f65;
        color: #FFF;
        font-weight: 400;
        font-size: 1.3em;
        padding:5px 0;
        text-align:center;
    }

    #menu_lateral.mostra_menu {
        position: absolute;
        top: 8.8em;
        left: 0;
        z-index: 10;
        text-align: left;
        height: 100%;
        width: 100%;
        background-color: #003f65;
        overflow: auto;
        display: block;
        padding-left: 2em;
    }

    .unico .menu_lateral:before {
        content: ""!important;        
    }

    .menuLateral {
        border:0;
    }
    
    #menu_lateral.mostra_menu .submenu .menu_lateral:before {
        content: "\eaa0";
        font-family: IcoFont!important;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        white-space: nowrap;
        word-wrap: normal;
        direction: ltr;
        line-height: 1;
        -webkit-font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
    }

    #menu_lateral.mostra_menu .submenu{
        content: "\ef47"!important;
        font-size: 1.3em;
        margin-right: 5px;
    }


    #menu_lateral.mostra_menu a{
        color:#FFF;
    }

    .menu_superior_n2, .menu_superior_n2_hover {
        color:#FFF;
        background-color: #003f65;
    }

    a.link_menu_superior_n2 {
        font-family:Ubuntu, arial, sans-serif;
        text-transform:initial;
    }

    .submenu_superior_n3 {
        margin-left: 23px;
        margin-top: 10px;
        line-height: 18px;
    }

    a.link_menu_superior_n3 {
        font-size:1.1em!important;
    }
    

    /* classes para pesquisa */
    .campo_pesquisa input{
        width: 80%;
        padding: 0.5em;
        font-size: 1em!important;
        font-weight: 300;
        margin-bottom: 10px;
    }

    .campo_pesquisa .icofont-ui-close {
        text-align: right;
        font-size: 1em;
        margin-right: 10px;
        color: rgba(178,31,36,1)!important;
    }

/* classes para modal */
    .modal .modal-dialog-aside{ 
        width: 350px; max-width:80%; height: 100%; margin:0;transform: translate(0); transition: transform .2s;
    }
    .modal .modal-dialog-aside .modal-content{  height: inherit; border:0; border-radius: 0;}
    .modal .modal-dialog-aside .modal-content .modal-body{ overflow-y: auto }
    .modal.fixed-left .modal-dialog-aside{ margin-left:auto;  transform: translateX(100%); }
    .modal.fixed-right .modal-dialog-aside{ margin-right:auto; transform: translateX(-100%); }
    .modal.show .modal-dialog-aside{ transform: translateX(0);  }


    /* classes do menu superior */
    
    .menumob .accordion {
        width: 100%;
        max-width: 384px;
        padding-left: 0;
}
    
    .menumob .accordion .link {
        cursor: pointer;
        display: block;
        padding: 0 15px 8px 15px;
        color: #FFF;
        font-size: 14px;
        font-weight: 300;
        position: relative;
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .menumob .accordion .link:before {
        content: "\eaa0";
        font-family: IcoFont!important;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        white-space: nowrap;
        word-wrap: normal;
        direction: ltr;
        line-height: 1;
        -webkit-font-feature-settings: "liga";
        -webkit-font-smoothing: antialiased;
    }

    .menumob .accordion ul{
        padding-left: 0;
    }

    .menumob,
    .menumob .collapsing {
        position: relative !important;
        height: auto !important;
        transition: 0.2s;
    }

    .menumob .accordion li {
        list-style: none;
    }
    
    .menumob .accordion li i {
        top: 16px;
        left: 12px;
        font-size: 18px;
        color: #FFF!important;
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease
    }
    
    .menumob .accordion li i.fa-chevron-down {
        right: 12px;
        left: auto;
        font-size: 16px
    }
    
    .menumob .accordion li.open .link {
        /*color: #AA00FF*/
    }
    
    .menumob .accordion li.open i {
       /* color: #AA00FF*/
    }
    
    .menumob .accordion li.open i.fa-chevron-down {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    
    .menumob .submenu {
        display: none;
        /*background: #444359;*/
        font-size:1em;
    }
    
    /*.menumob .submenu li {
        border-bottom: 1px solid #4b4a5e
    }*/
    
    .menumob .submenu a {
        display: block;
        text-decoration: none;
        color: #d9d9d9;
        padding: 0;
        padding-left: 42px;
        -webkit-transition: all 0.25s ease;
        -o-transition: all 0.25s ease;
        transition: all 0.25s ease;
    }
    
    .menumob .submenu a:hover {
        /*background: #b63b4d;*/
        color: #FFF
    }
}

    /* classes LGPD */

    .lgpd .row p {  
        font-style: Ubuntu;
        font-weight: Regular;
        font-size: 14px;
        color: #575756;
        line-height: 1.625;
    }

    .lgpd .row p a {          
        font-style: Ubuntu;
        font-weight: Regular;
        /*font-size: 1.2em;*/
        color: #179ab4;
        letter-spacing: 0em;
        line-height: 1.25;    
    }

    .lgpd .carousel-caption {
        top:20px;
    }

    .lgpd .slide_left {
        left:9%;
        right:auto;
    }
    .lgpd .slide_right {
        left:auto;
        right:9%;
    }

    .lgpd .carousel-caption h5 { /*teste*/
		text-align: center;
		font-family: Ubuntu;
		font-style: normal;
		font-weight: bold;
		font-size: 42px;
        color: rgba(255,255,255,1);  
    }

    .lgpd .carousel-caption p { 
        font-style: Ubuntu;
        font-weight: Regular;
        font-size: 16px;
        color: rgba(7,182,211,1);
        text-align:center;
    }
    
    .lgpd h6.chapeu {
		text-align: left;
		font-family: Ubuntu;
		font-style: normal;
		font-weight: lighter;
		font-size: 13px;
		text-transform: uppercase;
        color: rgba(112,112,112,1);
        margin-bottom: 0;
    }

    .lgpd h6 {
        color: #575756;
        font-size:1.7em;
    }

    .lgpd h2.titulo2 {
        font-size:44px;
        font-weight: bold;
    }
    
    .lgpd .texto {
		text-align: left;
		font-family: Ubuntu;
		font-style: normal;
		font-weight: lighter;
		font-size: 15px;
		color: rgba(87,87,86,1);
	}

	.lgpd h4.titulo { 
        font-style: Ubuntu;
        font-weight: Bold;
        font-size: 30px;
        color: #575756;
        letter-spacing: 0em;
        line-height: 1.056;    
    }
    
    .lgpd  h5.titulo {
        font-style: Ubuntu;
        font-weight: Bold;
        font-size: 36px;
        color: #575756; 
    }

	.lgpd h6.chapeu {
		text-align: left;
		font-family: Ubuntu;
		font-style: normal;
		font-weight: lighter;
		font-size: 14px;
		text-transform: uppercase;
		color: rgba(112,112,112,1);
	}

	.lgpd a.seta {
		font-style: Ubuntu;
		font-weight: Bold;
		font-size: 16px;
		color: #179ab4;
		letter-spacing: 0em;
		line-height: 1.25;
	}

	.lgpd a.seta span {
		font-weight: none;
	}

	.lgpd .secao {
		border-right: 1px solid #EBEDED;
    }

    /* abas*/

    .lgpd .nav-tabs .nav-link {
        font-style: Ubuntu;
        font-weight: Regular;
        font-size: 14px;
        color: #575756!important;
        background-color:#F3FAFB;
        border-top: 1px dashed #A5B0B7;
        border-right: 1px dashed #A5B0B7;
        border-left: 1px dashed #A5B0B7;
        border-bottom: 1px solid #A5B0B7;
        border-radius:5px 5px 0 0;
        margin: 0 5px;
        display: flex;
        align-items: center;
        height:100%;
    }

    .lgpd .nav-tabs .nav-link:hover {
        border-top: 1px solid #A5B0B7;
        border-right: 1px solid #A5B0B7;
        border-left: 1px solid #A5B0B7;
        border-bottom: 0;
        background-color:#FFF;
    }

    .lgpd .nav-link:nth-child(1) {
        margin-left:0;
    }

    .lgpd .nav-tabs .nav-item .active {
        border-top: 1px solid #A5B0B7;
        border-right: 1px solid #A5B0B7;
        border-left: 1px solid #A5B0B7;
        border-bottom: 0;
        background-color:#FFF;
        font-size: 14px;
        margin-top: -8px;
        margin-bottom: -1px;
        font-size:16px!important;
        color:#004164!important;
        font-weight:bold;
        margin-top: -9px;
        height: 69px; 
    }

    .lgpd .tab-content {
       border: 1px solid #A5B0B7;
       border-radius:0 5px 5px 5px;
       margin-top:-1px;
   }

   .lgpd .tab-pane {
       border:0!important;
       padding:4% 4% 2% 4%;
       font-size:14px;
       background-color: #FFF;
   }

   .lgpd .text_abaAcima {
       margin-top:-5.2%;
   }

   .lgpd .text_abaIntro {
      font-size: 17px;
   }


   /* icones */

   .icon_circleP {
        display: inline-block;
        float:left;
        height: 60px;
        width: 60px;
        border-radius: 50%;
        border: 0;
        background-color:#E9F1F2;
    }

   .tab-content .privacidade {
       background:url(img/icon_privacidade.svg) #E9F1F2 50% no-repeat;
   }

   .tab-content .autodeterminacao {
        background:url(img/icon_autodeterminacao.svg) #E9F1F2 50% no-repeat;
    }

    .tab-content .liberdade {
        background:url(img/icon_liberdade.svg) #E9F1F2 50% no-repeat;
    }

    .tab-content .inviolabilidade {
        background:url(img/icon_inviolabilidade.svg) #E9F1F2 50% no-repeat;
    }

    .tab-content .desenvolvimento {
        background:url(img/icon_desenvolvimento.svg) #E9F1F2 50% no-repeat;
    }

    .tab-content .consumidor {
        background:url(img/icon_consumidor.svg) #E9F1F2 50% no-repeat;
    }

    .tab-content .direitosH {
        background:url(img/icon_direitosH.svg) #E9F1F2 50% no-repeat;
    }

    .tab-content .finalidade {
        background:url(img/icon_finalidade.svg) #E9F1F2 50% no-repeat;
    }

    .tab-content .adequacao {
        background:url(img/icon_adequacao.svg) #E9F1F2 50% no-repeat;
    }

    .tab-content .necessidade {
        background:url(img/icon_necessidade.svg) #E9F1F2 50% no-repeat;
    }

    .tab-content .livreAcesso {
        background:url(img/icon_livreAcesso.svg) #E9F1F2 50% no-repeat;
    }

    .tab-content .qualidade {
        background:url(img/icon_qualidade.svg) #E9F1F2 50% no-repeat;
    }

    .tab-content .transparencia {
        background:url(img/icon_transparencia.svg) #E9F1F2 50% no-repeat;
    }

    .tab-content .seguranca {
        background:url(img/icon_seguranca.svg) #E9F1F2 50% no-repeat;
    }

    .tab-content .prevencao {
        background:url(img/icon_prevencao.svg) #E9F1F2 50% no-repeat;
    }

    .tab-content .naoDiscriminacao {
        background:url(img/icon_naoDiscriminacao.svg) #E9F1F2 50% no-repeat;
    }

    .tab-content .responsabilizacao {
        background:url(img/icon_responsabilizacao.svg) #E9F1F2 50% no-repeat;
    }

   .icon_text {
        display:table-cell;
        vertical-align: middle;
        margin-left:10px;
        padding-left:10px;
        height:50px;
        font-size: 1.3em;
   }

   .tab-pane ol {
        font-size: 1.3em;
   }

   .lgpd .row {
       font-size:11px;
   }

   /* acordion */

    .head_acordion {
        background-color: #427591;
        color:#fcfafa;
        text-align:center;
        padding: 1% 0;
    }

    .head_acordion span {
        font-size: 24px;
        font-weight:bold;
    }

    .lgpd .card-header{
        padding: 0.2rem;
        border-radius:none;
        border-bottom:0!important;
    }

    .lgpd .btn-link {
        color:#262626;
        font-size: 13px;
        width: 100%;
    }

    .lgpd .btn-link div {
        float:left;
    }

    .lgpd .btn-link i {
        float: right;
        display: block;
     }


    .card {
        font-size:13px;
    }

    /* lista*/

     ul.list {
        list-style: none;        
    }

     ul.list li {
        margin-bottom:10px;
    }

    ul.list li a {
        color: #179AB4;
        font-weight:bold;
    }

    .secao5 {
        font-size:14px;
    }

    .list-none {
        list-style: upper-roman;
        line-height:1.2em;
    }

    .list-none li {
        margin-bottom:1em;
    }

    .borda-r {
        border-right:2px solid #EBEDED;
    }

    .borda-b {
        border-bottom:2px solid #EBEDED;
    }

    .lgpd.container a {
        color:#179AB4;
    }

    .lgpd.container p a {
        border-bottom:1px dashed #179AB4;
     }

     .link_lgpd {
        font-size:1.15em;
     }

     @media (max-width: 720px) {
        .borda-r {
            border-right: 0;
        }

        .lgpd h4.titulo {
            font-size:23px;
        }

        .carousel-caption h5 {
            font-size: 21px;
        }

        .carousel-inner img {
            height:322px;
        }
        .carousel-inner:nth-child(2n) img{
            margin-left: -290px;
        }

        .carousel-caption p {
            font-size: 14px;
            color: #FFF;
        }

        .lgpd .slide_left {
            left:none;
        }

    }


    /* classes do card de sistema */

    .flip-container {
    margin: 0 0 0 17px;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -o-perspective:1000;
    -ms-perspective: 1000;
    perspective: 1000;

    -ms-transform: perspective(1000px);
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d; 
    -ms-transform-style: preserve-3d; 
}


.flip-container img {
	max-width: 100%;
}


.flipper {
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: 0.6s;

    -moz-transition: 0.6s;
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;

    transition: 0.6s;
    transform-style: preserve-3d;

    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 390px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.card-flipper {
    /*width: 275px;*/
    height: 390px;
    -webkit-transition: all 0.4s ease-in-out;
}

.flip-container .card-sistema, .card-pesquisa .card-sistema {
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    /* background-position: center center; */
    z-index: 2;
    /*card*/
    margin: 0 25px 0 0;
    padding: 0 18px;
    text-align: center;
    height: 390px;
    overflow: hidden;
    display:block;
}

.card-back {
    background-color: var(--azul-claro);
    padding:0 17px;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(-180deg);
}

.flip-container .card-sistema, .card-back {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;

    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;

    -moz-transition: 0.6s;
    -moz-transform-style: preserve-3d;

    -o-transition: 0.6s;
    -o-transform-style: preserve-3d;

    -ms-transition: 0.6s;
    -ms-transform-style: preserve-3d;

    transition: 0.6s;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 390px;
}

.flip-container .card-sistema h3, .card-back h3, .card-pesquisa .card-sistema h3 {
    font-family:"Ubuntu Bold";
    font-size:20px;
    letter-spacing:-0.8px;
    color:var(--azul-claro3);
}

.card-back h3 {
    color:#FFF;
}

.flip-container .card-sistema p, .card-back p, .card-sistema p {
    display:block;
    color: var(--azul-escuro);
    font-size: 16px !important;
    font-family: "Ubuntu";
    line-height: 19px !important;
    letter-spacing: -1px;
    margin: 18px 0 24px 0;
}

.card-back p {
    color:#FFF!important;
}

.card-back a {
    color:#FFF !important;
    font-family: "ubuntu medio";
    font-size:16px;
    text-decoration:none;
}

.flip-container .card-sistema:hover {
    text-decoration:none;
}

.card-interno{
    padding-top: 65px;
    height: 100%;
    transition:0.2s linear;
}

.card-interno:hover  {
    transition:0.2s linear;
    padding-top: 35px;
    text-decoration:none;
}


.card-maior {
    border:0;
    margin:0 17px 0 0;
}

.card-maior h3 {
    color:var(--cinza-escuro)!important;
}

.card-maior p {
    color:var(--cinza-escuro)!important;
}

.bot-ajuda {
    border: 1px solid var(--cinza-medio);
    border-radius: 50%;
    background-color:#FFF;
    color: var(--cinza-medio);
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 17px;
    top: 17px;
    z-index: 1;
    font-family: "roboto";
    font-weight: bold;
    font-size: 15px;
    text-align: center;
    transition:linear 0.3s;
    text-decoration:none;
    cursor:pointer;
}

.bot-ajuda::before {
    content: "?";
    position: absolute;
    top: -0.5px;
    left: 6.4px;
    font-family: "ubuntu bold";
    font-size: 14px;
}


.bot-ajuda:hover {
    background-color:var(--azul-claro3);
    color:#FFF;
    border-color:transparent;
    text-decoration:none;
}

.bot-fechar {
    background: url(img/icon_close.svg) 4.4px center no-repeat #FFF;
    border-radius: 50%;
    display: block;
    width: 19px;
    height: 19px;
    position: absolute;
    right: 17px;
    top: 17px;
    z-index: 1;
    transition: linear 0.3s;
    text-decoration: none;
    cursor: pointer;
}

.bot-fechar-modal {
    position: absolute;
    right: 0;
    top: 28%;
}

.bot-fechar-tab {
    right: 12px;
    top: 10px;
}

.ico-dados {
    background: url("img/icon_requisicaoTitular.svg") center no-repeat var(--verde-escuro);
    background-size: 48%;
    border-radius: 50%;
    width: 90px;
    height: 90px;
    display: inline-flex;
    text-align: center;
    margin-bottom: 20px;
}

.ico-dados-B {
    background: url("img/ico-dadosPessoais-b.svg") center no-repeat;
    width: 90px;
    height: 90px;
    display: inline-flex;
    text-align: center;
    margin: 32px 0 20px 0;
}

.bot-sistema, .bot-sistema:hover  {
    background-color: var(--azul-claro3);
    border-radius: 10px;
    border-color: transparent;
    color: #FFF !important;
    font-family: "Ubuntu Bold";
    font-size: 17px;
    padding: 9px 10px;
    cursor:pointer;
    text-decoration:none;
}

.card-menor .bot-sistema {
    margin-top:10px;
}

.icon-sistema, .icon-sistema-b {
    background: url(img/icon-forward.svg) no-repeat;
    background-size: 18px;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-left: 6px;
}

.icon-sistema-b {
    background: url("img/icon-sistema-b.svg") no-repeat;
}

/*.btn-redondo-P {
    width:96px;
    height:96px;
    display: inline-block;
    margin-top:0;
}*/

/* banner pesquisa de satisfaÃ§Ã£o */

.banner-pesquisaT {
    text-align: center; 
    color: #575756;
    width:100%;
    height:100%;
    display:block;
}


.banner-pesquisaT:hover {    
    transition:0.2s linear;
    margin-top: -10px;
    text-decoration:none;
    color: #45A2B5;
}

.banner-pesquisaT i {
    background: url(img/icoG-pesqSatifacao.svg) no-repeat center;
    background-size: 65px;
    width: 100%;
    height: 65px;
}




.banner-pesquisaT span {
    text-align: center;
    font-weight: bold;
    font-family: 'Ubuntu',sans-seif;
    display: block;
    padding-top: 0px;
    line-height: 12px;
    font-size: 14px;
    margin-bottom: 5px;
}



[data-toggle='collapse'].collapsed i.seta_abrir {
    -moz-transform: unset;
    -webkit-transform: unset;
	transform: unset;
	-webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

[data-toggle='collapse'] i.seta_abrir::before {
	content: "\ea99";
	font-style: normal;
	font-weight: normal;
	font-size: 13pt;
    font-family: 'Icofont';
}

[data-toggle='collapse']:not(.collapsed) i.seta_abrir {
    -moz-transform: rotateZ(-180deg);
    -webkit-transform: rotateZ(-180deg);
	transform: rotateZ(-180deg);
	-webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    
#menu_wrp {
    z-index: 9;
    align-self: center;
    flex-grow: 1;
}

#menu_wrp .campo_pesquisa {
    top: 25px;
}
    
#cabecalho .acesso_rapidoShow.collapsing {
    position: absolute !important;
}


@media only screen and (max-width: 768px) {
	/* rodapÃ© */
	footer div, 
	footer span, 
	footer p,
	footer i,
	footer a {
		font-size: 10pt;
		color: var(--azul-escuro);
	}

	footer a:hover {
		text-decoration: none;
	}
	
	footer .container_itens {
	}

	footer .item-rodape{
		margin-top: 1.5rem !important;
		padding: 2rem;
	}

	footer .item-rodape div, 
	footer .item-rodape strong {
        font-size: 13pt;
        line-height: 15pt;
    }

	footer .item-transparencia {
		background-color: var(--azul-escuro3);
		color: var(--branco);
	}

	footer .item-ouvidoria {
		background-color: var(--azul-acinzentado);
	}

	footer .item-corona {
		background-color: var(--cinza-claro3);
		color: var(--azul-escuro2);
	}

	footer .itens-rodape i {
		background-size: 40px;
		width: 40px;
		height: 40px;
		background-repeat: no-repeat;
	}

	footer .itens-wrp {
		margin: auto;
		display: flex;
	}

	footer .itens-rodape {
		width: 80%;
		margin: auto;
		max-width: 385px;
	}

	footer .itens-rodape .item:first-child{
		flex: 1;
	}

	footer .itens-rodape i.ico_transp {
		background-image: url("/sites/portalp/WebPub/NovoPortal/img/ico_transparencia-rodape.svg");
	}

	footer .itens-rodape i.ico_ouv {
		background-image: url("/sites/portalp/WebPub/NovoPortal/img/ico_ouvidoria-rodape.svg");
		text-align: right;
	}

	footer .midias.container {
		margin: 4rem auto;
		/* background-color: var(--branco); */
	}

	footer .midias.container .midia_row{
		display: flex;
		align-items: center;
		justify-content: center;
	}

	footer i.ico_midia {
        background-size: 54px;
        width: 60px;
        height: 54px;
        margin: 0.4rem;
        background-repeat: no-repeat;
     display: block;}
	

	footer .ico_midia.ico_facebook {
        background-image: url("/sites/portalp/WebPub/NovoPortal/img/ico-facebook_rodape.svg");
	}

	footer .ico_midia.ico_twitter {
		background-image: url("/sites/portalp/WebPub/NovoPortal/img/ico-twitter_rodape.svg");
	}

	footer .ico_midia.ico_instagram {
		background-image: url("/sites/portalp/WebPub/NovoPortal/img/ico-instagram_rodape.svg");
	}

	footer .ico_midia.ico_flickr {
		background-image: url("/sites/portalp/WebPub/NovoPortal/img/ico-flickr_rodape.svg");
	}

	footer .ico_midia.ico_youtube {
		background-image: url("/sites/portalp/WebPub/NovoPortal/img/ico-youtube_rodape.svg");
	}

	footer .ico_midia.ico_spotify {
        background-image: url("/sites/portalp/WebPub/NovoPortal/img/ico-spotify_rodape.svg");
 }

	footer .ico_midia.ico_soundcloud {
        background-image: url("/sites/portalp/WebPub/NovoPortal/img/ico-soundcloud_rodape.svg");
	}

	footer .ico_midia.ico_linkedin {
		background-image: url("/sites/portalp/WebPub/NovoPortal/img/ico-linkedin_rodape.svg");
	}

	footer .ico_midia.ico_rss {
        background-image: url("/sites/portalp/WebPub/NovoPortal/img/ico-rss_rodape.svg");
	}

}
« Anterior Próximo »