/* REGRAS GERAIS
================================ */
html {
  font-size: 16px;
  height: 100%;
  line-height: 1.5em;
  color: #222;
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
}
body.template-homeview{
  opacity: 0;
}

body.template-homeview.classe-nova{
  opacity: 100;
}

body,
button,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul,
select,
textarea,
article #content-core div[id^="parent-fieldname-formPrologue-"] textarea,
article #content-core div[id^="parent-fieldname-formEpilogue-"] textarea,
.template-fg_thankspage_view_p3 article #content-core textarea,
article #content-core #parent-fieldname-text textarea {
  font-family: 'Trebuchet MS', 'arial', 'helvetica', 'Open Sans', sans-serif !important;
  line-height: 1.5em;
}
button {
  font-size: 1.6rem;
}
img {
  max-width: 100%;
  height: auto;
  margin: 0;
}
/* Ícones */
i,
.icomoon-liga {
  font-size: 1.5em;
  display: inline-block;
  vertical-align: middle;
}
/* Converte PX para REM usando /@px */
/* CLASSES GERAIS
-------------------------------- */

/* Alteração para ajustar o espaco do menu lateral
-------------------------------- */
.row .col-xs-12 .col-sm-12 {
  position: relative;
  min-height: 1px;
  /* padding-left: 3.2rem; */
  padding-right: 15px;
}


.conteudo-inicial {
  background:#F3F5F0;
  min-height: 70vh;
}

.conteudo-inicial #main-container{
  width: 100%;
}

/* .conteudo-inicial #main-container .row .col-xs-12.col-sm-12{ */
  .conteudo-inicial #main-container .col-xs-12.col-sm-12{
    padding-right: 0;
  }
  
  .conteudo-inicial .row {
    /* padding: 1rem 0; */
    padding: 0;
  }
  
  @media screen and (min-width: 992px) {
    .conteudo-inicial .row {
      /* padding: 2rem 0; */
      padding: 0;
    }
    .portaltype-plone-site  .conteudo-inicial .row {
      margin-left: 0;
      margin-right: 0;
    }
    
    .conteudo-inicial .row {
      margin-left: 0;
      margin-right: 0;
    }
    
    .row .col-xs-12 .col-sm-12 {
      padding-left: 0;
      padding-right: 0;
    }
    
    .frontend.template-homeview #sidebar{
      display: none;
    }
    
    .frontend.template-homeview #main-container > .col-sm-9{
      width: 100%;
    }
    
    .frontend.template-homeview #main-container > .col-sm-9,
    .frontend.template-homeview #main-container > .col-xs-12{
      padding-left: 0;
      padding-right: 0;
    }
    
    #portal-footer .row{
      margin-left: 0;
      margin-right: 0;
    }
    
  }
  
  .clear {
    clear: both;
  }
  .borda-redonda {
    border-radius: 0.5rem;
  }
  /* .recipiente {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 1rem;
  }
  @media screen and (min-width: 768px) {
    .recipiente {
      grid-gap: 2rem;
    }
  } */
  .largura-maxima {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    /* border: 1px solid red; */
  }
  .flex {
    display: flex;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
  }
  .vidro {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 998;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.65;
  }
  
  /* MEDIA QUERIES : TAMANHOS DE TELAS
  --------------------------------
  Regras menores valem para as telas maiores
  */
  /* PALETA DE CORES
  -------------------------------- */
  /* Cores de fundo */
  .bg-branco {
    background-color: #FFF;
    color: #222;
  }
  .bg-bege {
    background-color: #f5f3f0;
    color: #222;
  }
  .bg-bege-mais {
    background-color: #efedea;
    color: #222;
  }
  .bg-azul {
    background-color: #00416b;
    color: #FFF;
  }
  .bg-amarelo {
    background-color: #ffd400;
    color: #52473b;
  }
  .bg-bt {
    background-color: #0071ad;
    color: #FFF;
  }
  .bg-bt-alt {
    background-color: #807569;
    color: #FFF;
  }
  .bg-bt-alerta {
    background-color: #d50000;
    color: #FFF;
  }
  .bg-bt-confirmar {
    background-color: #587441;
    color: #FFF;
  }
  /* TEXTO E PARÁGRAFOS
  -------------------------------- */
  p {
    margin-bottom: 1.6rem;
  }
  .bold {
    font-weight: bold;
  }
  .italic {
    font-style: italic;
  }
  .normal {
    font-weight: normal;
  }
  .sem-sublinhado {
    text-decoration: none;
  }
  /* TÍTULOS
  -------------------------------- */
  h1,
  article #content-core div[id^="parent-fieldname-formPrologue-"] h1,
  article #content-core div[id^="parent-fieldname-formEpilogue-"] h1,
  .template-fg_thankspage_view_p3 h1,
  article #content-core #parent-fieldname-text h1,
  #content header h1.documentFirstHeading  {
    font-weight: bold;
    color: #00416b;
    margin-bottom: 1.6rem;
    line-height: 1.2em;
    font-size: 1.802em;
  }
  
  .rodape h2,
  article #content-core div[id^="parent-fieldname-formPrologue-"] h2,
  article #content-core div[id^="parent-fieldname-formEpilogue-"] h2,
  .template-fg_thankspage_view_p3 h2,
  article #content-core #parent-fieldname-text h2,
  div[id^="parent-fieldname-formPrologue-"] .texto h2,
  div[id^="parent-fieldname-formEpilogue-"] .texto h2,
  .template-fg_thankspage_view_p3 .texto h2,
  #parent-fieldname-text .texto h2,
  h2 {
    font-weight: bold;
    color: #00416b;
    margin-bottom: 1.6rem;
    line-height: 1.2em;
    font-size: 1.602em;
  }
  h3,
  article #content-core div[id^="parent-fieldname-formPrologue-"] h3,
  article #content-core div[id^="parent-fieldname-formEpilogue-"] h3,
  .template-fg_thankspage_view_p3 article #content-core h3,
  article #content-core #parent-fieldname-text h3 {
    font-weight: bold;
    color: #00416b;
    margin-bottom: 1.6rem;
    line-height: 1.2em;
    font-size: 1.424em;
    /* font-size: 1.64em; */
  }
  h4,
  article #content-core div[id^="parent-fieldname-formPrologue-"] h4,
  article #content-core div[id^="parent-fieldname-formEpilogue-"] h4,
  .template-fg_thankspage_view_p3 article #content-core h4,
  article #content-core #parent-fieldname-text h4 {
    font-weight: bold;
    color: #00416b;
    margin-bottom: 1rem;
    line-height: 1.2em;
    font-size: 1.266em;
  }
  h5,
  article #content-core div[id^="parent-fieldname-formPrologue-"] h5,
  article #content-core div[id^="parent-fieldname-formEpilogue-"] h5,
  .template-fg_thankspage_view_p3 article #content-core h5,
  article #content-core #parent-fieldname-text h5 {
    font-weight: bold;
    color: #00416b;
    margin-bottom: 1.6rem;
    line-height: 1.2em;
    font-size: 1.125em;
  }
  h6,
  article #content-core div[id^="parent-fieldname-formPrologue-"] h6, 
  article #content-core div[id^="parent-fieldname-formEpilogue-"] h6,
  .template-fg_thankspage_view_p3 article #content-core h6,
  article #content-core #parent-fieldname-text h6 {
    font-weight: bold;
    color: #00416b;
    margin-bottom: 1.6rem;
    line-height: 1.2em;
    font-size: 1em;
  }
  .titulo-destacado {
    background-image: url(../imagens/titulo-destaque.svg);
    background-size: 3.2rem;
    background-repeat: no-repeat;
    background-position: center left -0.5rem;
    padding-left: 3.2rem;
  }
  .titulo-detalhe {
    background-image: url(../imagens/titulo-detalhe.svg);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 3.2rem;
    padding-bottom: 0.5rem;
  }
  /* Títulos em Fundo amarelo */
  .bg-amarelo h1,
  .bg-amarelo h2,
  .bg-amarelo h3,
  .bg-amarelo h4,
  .bg-amarelo h5,
  .bg-amarelo h6 {
    color: #00416b;
  }
  .bg-amarelo .titulo-destacado {
    background-image: url(../imgs/titulo-destaque-azul.svg);
  }
  .bg-amarelo .titulo-detalhe {
    background-image: url(../imgs/titulo-detalhe-azul.svg);
  }
  /* Títulos em Fundo Azul */
  .bg-azul h1,
  .bg-azul h2,
  .bg-azul h3,
  .bg-azul h4,
  .bg-azul h5,
  .bg-azul h6 {
    color: #FFF;
  }
  .bg-azul .titulo-destacado {
    background-image: url(../imgs/titulo-destaque-branco.svg);
  }
  .bg-azul .titulo-detalhe {
    background-image: url(../imgs/titulo-detalhe-branco.svg);
  }
  .titulo-icone {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 3.2rem;
  }
  .titulo-icone img {
    max-width: 4.8rem;
    margin-right: 1.6rem;
    margin-top: -0.64rem;
    flex-grow: 1;
  }
  /* LINKS
  -------------------------------- */
  a {
    box-sizing: border-box;
    color: #0071ad;
    fill: #0071ad;
    /*border: 2px solid transparent;*/
    /*padding: 0 0.40rem;*/
    /*margin-left: -0.40rem; linhas comentadas (border padding margin) para desabilitar o espaço entre os links inseridos*/
  }
  a:focus {
    /* border: 2px solid #a65718; */
    outline: none;
  }
  a:visited {
    /*color: #995580; comentado para mudar a cor do visited*/
    color: #0071ad;
  }
  a:hover {
    color: #a65718;
    fill: #a65718;
    text-decoration: none;
  }
  
  #portal-breadcrumbs a:hover{
    text-decoration: none;
  }
  
  /* Links em menus */
  nav a,
  ul a {
    text-decoration: none;
    border: 2px solid transparent;
    padding: 0.40rem 0.40rem 0.40rem 0;
  }
  
  .portlet .portletContent .navTreeItem >ul > li a::before {
    content: "";
    position: absolute;
    font-size: 25px;
    margin-top: -9px;
    left: 15px;
  }
  
  nav a:focus,
  ul a:focus {
    /* border: 2px solid #a65718; */
    outline: none;
  }
  nav a:visited,
  ul a:visited {
    color: #0071ad;
  }
  nav a:hover,
  ul a:hover {
    color: #a65718;
    fill: #a65718;
  }
  /* Links em Fundo Amarelo */
  .bg-amarelo a {
    color: #00416b;
  }
  .bg-amarelo a:focus {
    border: 2px solid #00416b;
  }
  .bg-amarelo a:visited {
    color: #a03478;
  }
  .bg-amarelo nav a,
  .bg-amarelo ul a {
    text-decoration: none;
    border: 2px solid transparent;
    padding: 0.40rem;
  }
  .bg-amarelo nav a:visited,
  .bg-amarelo ul a:visited {
    color: #00416b;
  }
  .bg-amarelo nav a:hover,
  .bg-amarelo ul a:hover {
    text-decoration: underline;
    color: #00416b;
    fill: #00416b;
  }
  /* Links em Fundo Azul */
  .bg-azul a {
    color: #1ebff0;
  }
  .bg-azul a:focus {
    border: 2px solid #ffd400;
  }
  .bg-azul a:visited {
    color: #db9ac4;
  }
  .bg-azul a:hover {
    color: #ffd400;
  }
  /* Links em lista com ícones */
  .lista-icone li a {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    margin-left: -0.40rem;
  }
  .lista-icone li a:hover {
    text-decoration: none;
  }
  .lista-icone li a:hover span:last-of-type {
    text-decoration: none;
  }
  .lista-icone li i:first-child,
  .lista-icone li img:first-child {
    flex-grow: 0;
    align-self: center;
    margin-right: 0.8rem;
  }
  .lista-icone li i:nth-child(3n) {
    flex-grow: 0;
    align-self: center;
    margin-left: 0.8rem;
  }
  .lista-icone li span {
    flex-grow: 1;
    margin-right: 0;
  }
  .lista-icone li span.simbolo {
    flex-grow: 0;
    width: 2.4rem;
    font-size: 2.4rem;
    align-self: center;
    margin-right: 0.8rem;
  }
  .lista-icone li img {
    flex-grow: 0;
    width: 3.2rem;
    align-self: center;
    margin-right: 1.6rem;
  }
  .lista-icone svg {
    flex-grow: 0;
    width: 2.4rem;
    align-self: center;
    margin-right: 0.8rem;
  }
  /* BOTÕES
  -------------------------------- */
  /* Botões básicos */
  .bt {
    box-sizing: border-box;
    background-color: #0071ad;
    color: #FFF;
    border: none;
    outline: none;
    border-radius: 0.5rem;
    padding: 0.40rem 1.6rem;
    cursor: pointer;
    transition-duration: 0.15s;
    transition-timing-function: ease;
    margin: 0.8rem 0;
  }
  .bt:focus {
    box-shadow: 0 0 0 3px #00416b;
  }
  .bt:hover {
    background-color: #00416b;
  }
  .bt:active {
    box-shadow: 0 0 0 3px #00416b;
    background-color: #0071ad;
  }
  .bt-alt {
    box-sizing: border-box;
    background-color: #0071ad;
    color: #FFF;
    border: none;
    outline: none;
    border-radius: 0.5rem;
    padding: 0.40rem 1.6rem;
    cursor: pointer;
    transition-duration: 0.15s;
    transition-timing-function: ease;
    margin: 0.8rem 0;
    background-color: #807569;
  }
  .bt-alt:focus {
    box-shadow: 0 0 0 3px #00416b;
  }
  .bt-alt:hover {
    background-color: #00416b;
  }
  .bt-alt:active {
    box-shadow: 0 0 0 3px #00416b;
    background-color: #0071ad;
  }
  .bt-alt:focus {
    box-shadow: 0 0 0 3px #52473b;
  }
  .bt-alt:hover {
    background-color: #52473b;
  }
  .bt-alt:active {
    box-shadow: 0 0 0 3px #52473b;
    background-color: #807569;
  }
  .bt-alerta {
    box-sizing: border-box;
    background-color: #0071ad;
    color: #FFF;
    border: none;
    outline: none;
    border-radius: 0.5rem;
    padding: 0.40rem 1.6rem;
    cursor: pointer;
    transition-duration: 0.15s;
    transition-timing-function: ease;
    margin: 0.8rem 0;
    background-color: #d50000;
  }
  .bt-alerta:focus {
    box-shadow: 0 0 0 3px #00416b;
  }
  .bt-alerta:hover {
    background-color: #00416b;
  }
  .bt-alerta:active {
    box-shadow: 0 0 0 3px #00416b;
    background-color: #0071ad;
  }
  .bt-alerta:focus {
    box-shadow: 0 0 0 3px #9e1d1d;
    outline: none;
  }
  .bt-alerta:hover {
    background-color: #9e1d1d;
  }
  .bt-alerta:active {
    box-shadow: 0 0 0 3px #9e1d1d;
    background-color: #d50000;
  }
  .bt-confirma {
    box-sizing: border-box;
    background-color: #0071ad;
    color: #FFF;
    border: none;
    outline: none;
    border-radius: 0.5rem;
    padding: 0.40rem 1.6rem;
    cursor: pointer;
    transition-duration: 0.15s;
    transition-timing-function: ease;
    margin: 0.8rem 0;
    background-color: #587441;
  }
  .bt-confirma:focus {
    box-shadow: 0 0 0 3px #00416b;
  }
  .bt-confirma:hover {
    background-color: #00416b;
  }
  .bt-confirma:active {
    box-shadow: 0 0 0 3px #00416b;
    background-color: #0071ad;
  }
  .bt-confirma:focus {
    box-shadow: 0 0 0 3px #455e31;
  }
  .bt-confirma:hover {
    background-color: #455e31;
  }
  .bt-confirma:active {
    box-shadow: 0 0 0 3px #455e31;
    background-color: #587441;
  }
  /* Botões com ícone interno */
  .bt-ic-esq i {
    margin-right: 0.8rem;
  }
  .bt-ic-dir i {
    margin-left: 0.8rem;
  }
  .bt-ic-redondo {
    padding: 0.40rem;
    border-radius: 50%;
  }
  /* Botões com links e/ou icones */
  .bt-link-ic {
    box-sizing: border-box;
    
    /* Hercules
    background-color: transparent;
    border: 2px solid transparent;
    */
    
    background-color: transparent;
    border-style:none;
    border: transparent;
    
    font-size: 1.6rem;
    color: #0071ad;
    fill: #0071ad;
    padding: 0.4rem;
    margin: 0px;
    cursor: pointer;
    text-decoration: none;
  }
  .bt-link-ic:focus {
    /*Hercules*/
    background-color: transparent;
    border-style:none;
    border: transparent;
    
    outline: none;  
  }
  .bt-link-ic:visited {
    text-decoration: none;
    color: #0071ad;
    fill: #0071ad;
  }
  .bt-link-ic:hover {
    /*Hercules*/
    background-color: transparent;
    border-style:none;
    border: transparent;    
    
    color: #a65718;
    fill: #a65718;
  }
  /* Botões com links e/ou icones em fundo amarelo */
  .bg-amarelo a.bt-link-ic {
    color: #00416b;
    fill: #00416b;
  }
  .bg-amarelo a.bt-link-ic:hover span {
    text-decoration: underline;
  }
  /* CONTROLADOR
  -------------------------------- */
  .controlador {
    border-radius: 0.5rem;
    background-color: #FFF;
    margin-top: -2rem;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
    transition: 0.2s ease-in-out;
    /* width: 119px; */
    box-sizing: border-box;
    height: 100%;
  }
  .controlador:hover {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3);
  }
  .controlador #anterior i,
  .controlador #anterior-banner i,
  .controlador #anterior-card i,
  .controlador #anterior-solucoes i {
    transform: rotate(180deg);
  }
  /* FORMULÁRIOS
  -------------------------------- */
  .campo {
    margin: 1.6rem 0;
    /* Radio  */
    /* Checkbox */
  }
  .campo .controle {
    margin-top: 0.8rem;
    margin-bottom: 0.40rem;
    padding: 0;
  }
  .campo input[type=text] {
    width: 100%;
    box-sizing: border-box;
    font-size: 1.6rem;
    line-height: 2.4rem;
    background-color: #FFF;
    color: #807569;
    border: 1px solid #807569;
    padding: 0.4rem 1.6rem;
    border-radius: 0.5rem;
  }
  .campo input[type=text]:focus {
    box-shadow: 0 0 0 2px #0071ad;
    border: 1px solid #0071ad;
    outline: none;
  }
  .campo .mensagem {
    font-style: italic;
  }
  .campo select {
    box-sizing: border-box;
    font-size: 1.6rem;
    line-height: 2.4rem;
    background-color: #FFF;
    color: #807569;
    border: 1px solid #807569;
    padding: 0.4rem 1.6rem;
    border-radius: 0.5rem;
    /* appearance: button; */
  }
  .campo select:focus {
    box-shadow: 0 0 0 2px #0071ad;
    border: 1px solid #0071ad;
    outline: none;
  }
  .campo select option {
    overflow: hidden;
  }
  .campo .seletor i {
    color: #0071ad;
    transform: rotate(90deg);
    pointer-events: none;
  }
  .campo textarea {
    font-size: 1.6rem;
    width: 100%;
    box-sizing: border-box;
    border-radius: 0.5rem;
    border: 1px solid #807569;
    padding: 0.5rem 1.5rem;
    color: #807569;
    background-color: #efedea;
    margin-bottom: 0;
  }
  .campo input[type="radio"]:checked,
  .campo input[type="radio"]:not(:checked) {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  .campo input[type="radio"]:checked + label,
  .campo input[type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 1.5em;
    cursor: pointer;
    display: inline-block;
  }
  .campo input[type="radio"]:checked + label:before,
  .campo input[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.2em;
    width: 1em;
    height: 1em;
    border: 1px solid #807569;
    border-radius: 100%;
    background: #FFF;
  }
  .campo input[type="radio"]:focus + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.2em;
    width: 1em;
    height: 1em;
    border: 1px solid #0071ad;
    box-shadow: 0 0 0 2px #0071ad;
    border-radius: 100%;
    background: #FFF;
  }
  .campo input[type="radio"]:checked + label:after,
  .campo input[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 0.5em;
    height: 0.5em;
    background: #0071ad;
    position: absolute;
    top: 0.45em;
    left: 0.28em;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  .campo input[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  .campo input[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  .campo input[type="checkbox"]:checked,
  .campo input[type="checkbox"]:not(:checked) {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  .campo input[type="checkbox"]:checked + label,
  .campo input[type="checkbox"]:not(:checked) + label {
    position: relative;
    padding-left: 1.5em;
    cursor: pointer;
    display: inline-block;
  }
  .campo input[type="checkbox"]:checked + label:before,
  .campo input[type="checkbox"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.2em;
    width: 1em;
    height: 1em;
    border: 1px solid #0071ad;
    background: #0071ad;
    border-radius: 3px;
  }
  .campo input[type="checkbox"]:not(:checked) + label:before {
    background-color: #FFF;
    border: 1px solid #807569;
  }
  .campo input[type="checkbox"]:focus + label:before {
    border: 1px solid #0071ad;
    box-shadow: 0 0 0 2px #0071ad;
  }
  .campo input[type="checkbox"]:checked:focus + label:before {
    background-color: #FFF;
  }
  .campo input[type="checkbox"]:checked + label:after,
  .campo input[type="checkbox"]:not(:checked) + label:after {
    font-family: 'IconesCorreios';
    content: '\e97c';
    font-size: 0.9em;
    line-height: 1em;
    color: #FFF;
    width: 1em;
    height: 1em;
    position: absolute;
    top: 0.3em;
    left: 0.1em;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    border-radius: 3px;
    /* boder: 1px solid #0071ad; */
  }
  .campo input[type="checkbox"]:not(:checked) + label:after {
    color: #0071ad;
  }
  .campo input[type="checkbox"]:checked:focus + label:after {
    content: '';
    font-family: 'IconesCorreios';
    content: '\e97c';
    font-size: 0.9em;
    color: #0071ad;
    width: 1em;
    height: 1em;
    top: 0.3em;
    left: 0.1em;
  }
  .campo input[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  .campo input[type="checkbox"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  
  /* Sobrescrevendo propriedades do Bootstrap */
  body footer #portal-footer-wrapper {
    padding: 0;
  }
  
  body #content {
    margin-bottom: 0;
  }
  
  /* Tratamento específico para  */
  .portaltype-formfolder .conteudo-inicial #main-container .row #content{
    padding-left: 1rem;
    padding-right: 1rem;
    margin-bottom: 1rem;
  }
  
  
  body .pat-autotoc.autotabs, body .autotabs{
    margin-bottom: 0;
  }
  
  /* Acessibilidade */
  .acessibilidade .glyphicon.link-https::after,
  .acessibilidade ul li::marker{
    display: none;
  }
  
  .acessibilidade ul li{
    list-style: none;
    padding-top: 0.5rem;
  }
  
  .acessibilidade ul li:first-child{
    padding-top: 0rem;
  }
  
  .acessibilidade ul li a{
    padding-left: 0;
    border: none;
  }
  
  /* .acessibilidade ul li #link-contraste,
  .acessibilidade ul li #link-Vlibras{
    padding-left: .4rem;
  } */
  
  .acessibilidade ul li i.glyphicon{
    padding: 0;
  }
  
  
  /* Braeadcrumb
  Ajustando para o estilo do portal */
  
  #viewlet-above-content{
    /* max-width: 1400px;
    margin-left: auto;
    margin-right: auto; */
    display: flex;
  }
  
  #portal-breadcrumbs{
    background-color: #FFF;
    margin-top: 0;
    margin-bottom: 0;
  }
  
  #viewlet-above-content #portal-breadcrumbs .container{
    width: 100%;
  }
  
  #portal-breadcrumbs ol > li + li:after {
    color: #000;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    left: -21px;
    top: -5px;
  }
  
  #portal-breadcrumbs ol > li + li:before {
    color: #000;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    left: -21px;
    top: -5px;
  }
  
  #portal-breadcrumbs .container ol > li {
    padding: 0 10px 0 20px;
  }
  
  #portal-breadcrumbs .container ol > li:first-child {
    padding: 0 10px 0 0;
  }
  
  #portal-breadcrumbs .container ol > li + li:before {
    margin-left: 2.2rem;
  }
  
  #portal-breadcrumbs .container ol > li + li:after {
    content: none;
  }
  
  /* .portletNavigationTree .portletContent .navTreeCurrentNode>a:after { */
    #sidebar .portletNavigationTree .portletContent .navTreeCurrentNode>a:after {
      content: "";
      vertical-align: middle;
      margin-right: 10px;
      margin-top: 6px !important;
      border-top: 5px solid transparent;
      border-bottom: 5px solid transparent;
      border-left: 5px solid #0071ad;
    }
    
    /* .portletNavigationTree .portletContent>ul>li>a:hover:after { */
      #sidebar .portletNavigationTree .portletContent>ul>li>a:hover:after {
        content: "";
        vertical-align: middle;
        margin-right: 10px;
        margin-top: 6px !important;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 5px solid #0071ad;
      }
      
      #sidebar .portletNavigationTree .portletContent>ul>li:first-child>a:after,
      #sidebar .portletNavigationTree .portletContent>ul>li:first-child>a:hover:after {
        content: none;
      }
      
      #sidebar .portletNavigationTree .portletContent>ul>li>a {
        text-decoration: none;
      }
      
      #main-container #sidebar .portletNavigationTree .portletContent>ul>li>a::before {
        content: none;
      }
      
      #sidebar .portletNavigationTree .portletContent>ul>li>i.glyphicon{
        display: none;
      }
      
      .portletNavigationTree .portletContent .navTreeCurrentNode>a {
        background: #fcfcfd;
        color: #0071ad!important;
      }
      
      
      /* Oculta o breadcrumb da frontpage */
      .section-homepage #portal-breadcrumbs {
        display: none;
      }
      
      .plone-toolbar-left #edit-zone{
        z-index: 11;
      }
      
      
      /* MENU LATERAL - GERAL 
      ================================ */
      @media screen and (max-width: 568px) {
        #sidebar.col-xs-6 {
          width: 90%;
        }
      }
      
      body#visual-portal-wrapper.pat-plone .outer-wrapper .portletNavigationTree .contenttype-document:before,
      body#visual-portal-wrapper.pat-plone .outer-wrapper .portletNavigationTree .contenttype-image:before{
        content: none;    
      }
      
      
      /* MENU LATERAL - Páginas internas 
      ================================ */
      .frontend #sidebar:not(.section-homepage) {
        display: block;
        float: left;
        visibility: visible;
        /* top:12%; */
      }
      
      /* @media screen and (max-width: 992px) { */
        .frontend #sidebar:not(.section-homepage) {
          position: absolute;
          top: 72px;  /* para menu lateral exceto tela principal */
        }
        .frontend #portal-breadcrumbs:not(.section-homepage) {
          display: block;
        }
        
        @media screen and (min-width: 992px) {
          .frontend #sidebar:not(.section-homepage) {
            display: block;
            visibility: visible;
            position: relative;
            padding-left: 0; 
            /* top: -36px; */
            top: 0;
          }
        }
        
        
        /* MENU LATERAL - Página principal
        ================================ */
        .frontend.section-homepage #sidebar.col-xs-6.sidebar-offcanvas {
          display: none;
          visibility: hidden;
          float: left;
          position: absolute;
          /* visibility: visible; 
          top:79px;     */
        } 
        
        .frontend.section-homepage #portal-breadcrumbs {
          display: none;
        }
        
        @media screen and (max-width: 992px) {
          .frontend.section-homepage #sidebar.col-xs-6.sidebar-offcanvas {
            display: none;
            visibility: visible;
            top:72px; /* para menu lateral tela principal */
            min-width: 60vw;
            max-width: 80vw;  
          }   
        }  
        
        /* Trata o caso do menu vertical do ploneque fica desformatado após o click- Portlest */
        .icons-on:not(.frontend) {
          position: relative;
        }
        
        /* Ajuste na largura do rodapé */
        
        footer #portal-footer .row{
          margin-left: 0;
          margin-right: 0;
        }
        
        /* Corpo das páginas internas default e news item*/
        
        .frontend.template-document_view #main-container .row .col-xs-12.col-sm-12{
          margin-right: 15px;
          margin-left: 15px;
          margin-top: 15px;
          padding-right: 15px;
          width: 100%;
          float: none;
        }
        
        .frontend.template-newsitem_view #main-container .row .col-xs-12.col-sm-12{
          margin-top: 15px;
          width: 100%;
          float: none;
        }
        
        .frontend.template-document_view .conteudo-inicial,
        .frontend.template-image_view .conteudo-inicial,
        .frontend.template-listing_view .conteudo-inicial,
        .frontend.template-newsitem_view .conteudo-inicial,
        .frontend.portaltype-formfolder .conteudo-inicial{
          background: #FFF;
          max-width: 1400px;
          margin-left: auto;
          margin-right: auto;
        }
        .icons-on.template-edit .conteudo-inicial{
          max-width: 1400px;
          margin-left: auto;
          margin-right: auto;
        }
        
        .icons-on.template-edit .outer-wrapper{
          background: #F3F5F0;
        }
        
        .frontend.template-document_view .outer-wrapper,
        .frontend.template-listing_view .outer-wrapper,
        .frontend.template-newsitem_view .outer-wrapper,
        .frontend.portaltype-formfolder .outer-wrapper{
          background: #FFF;
        }
        
        .icons-on.template-folder_contents .conteudo-inicial{
          max-width: none;
        }
        
        .frontend.template-listing_view .conteudo-inicial,
        .frontend.template-newsitem_view .conteudo-inicial{
          margin-left: 15px;
        }
        
        .frontend.template-listing_view .conteudo-inicial>#main-container>#sidebar,
        .frontend.template-newsitem_view .conteudo-inicial>#main-container>#sidebar{
          padding-left: 0;
        }
        
        .icons-on.template-folder_contents #portal-breadcrumbs,
        .icons-on.template-edit #portal-breadcrumbs{
          background: #F3F5F0;
        }
        
        @media screen and (min-width: 992px) {
          .frontend.template-document_view #main-container .col-xs-12.col-sm-12{
            max-width: 1400px;
            margin-right: auto;
            margin-left: auto;
            padding-right: 0;
            float: none;
          }
          .frontend.template-listing_view .conteudo-inicial,
          .frontend.template-newsitem_view .conteudo-inicial{
            margin-left: auto;
          }
        }
        
        /* opção voltar no menu lateral */
        .portlet .portletContent > ul > li:first-child > a {
          background: #e2e1dd;
        }
        .portlet .portletContent > ul > li:first-child > a:hover:after {
          display: none;
        }
        .set-voltar-menu {
          display: inline-flex;
        }
        .seta-voltar {
          width: 0; 
          height: 0; 
          border-top: 8px solid transparent;
          border-bottom: 8px solid transparent; 
          border-right: 8px solid #0071AD; 
        }
        
        .set-voltar-menu .menu-voltar{
          margin-left: 1rem;
          padding: 0.1rem 0;
        }
        
        @media (min-width: 768px){
          .conteudo-inicial .col-sm-9 {
            width: 100%;
          }
        }
        
        @media (min-width: 992px){
          .conteudo-inicial .col-sm-9 {
            width: 75%;
          }
        }
        
        h2.documentFirstHeading {
          padding-bottom: 9px;
          margin: 0 0 10px;
          border-bottom: 1px solid #cccccc;
          font-weight: bold;
          color: #00416b;
          margin-bottom: 1.6rem;
          line-height: 1.2em;
          font-size: 1.802em;
        }
        
        /* Vlibras */
        
        .vw-links .vw-tooltip .vw-tooltip__item{
          z-index: 12;
        }
        
        #rodape-content div[vw] { 
          right: unset; 
        } 
        
        #rodape-content [vw] [vw-access-button] .pop-up {
          float: left;  
          margin-left: 146px;
          margin-top: -38px;
        }
        
        .lista-acessibilidade{
          display: flex;
          flex-direction: column;
          align-items: flex-start;
        }
        
        .lista-acessibilidade [vw] [vw-access-button] .access-button {
          height: 25px;
          
        }
        
        
        .lista-acessibilidade [vw] [vw-access-button] {
          flex-direction: row;
          position: relative;
          width: 25px;
        }
        
        .lista-acessibilidade div[vw] {
          margin: 0 !important;
        }
        
        
        .lista-acessibilidade  div[vw].enabled {
          display: flex;
          align-content: center;
          align-items: center;
          justify-content: flex-start;}
          
          
          #link-contraste{
            height: 100%;
          }
          
          .acessibilidade li {
            height: 3rem;
          }
          
          
          
          /* Alteração Layout dos Formulários */
          
          @media (min-width: 768px) {
            
            
            /* Tela de login. Display block para não alterar a configuração */
            body.template-login_form #content-core,
            body.template-logged_out #content-core {
              display: block;
            }
            
            .frontend.portaltype-formfolder #content-core {
              display: flex;
              flex-wrap: wrap;
            }
            
            
            .frontend.portaltype-formfolder #content-core div[id^="parent-fieldname-formPrologue-"] {
              width: 50% !important;
            }
            
            .frontend.portaltype-formfolder .pfg-form {
              width: 50% !important;
              padding: 20px;
            }
            
            .frontend.portaltype-formfolder .pfg-form .formControls {
              text-align: center;
            } 
            
            .frontend.portaltype-formfolder #content-core div[id^="parent-fieldname-formEpilogue-"] .image-inline {
              width: 100%;
            }
            
            .frontend.portaltype-formfolder #content-core div{
              width: 100%;
            }
            
            .frontend.portaltype-formfolder #content-core .formControls {
              border-top: none;
              box-shadow: none;
            }
            
          }
          
          
          /* PAGINAÇÃO */
          
          .pagination {
            display: inline-block;
            padding: 0;
            list-style: none;
            margin: 20px 0;
          }
          
          .pagination li {
            display: block;
            float: left;
            position: relative;
            padding: 0;
            font-weight: 300;
          }
          
          .pagination li.active > span {
            z-index: 2;
            font-weight: 400;
            color: #fff;
            background-color: #007bb1;
            border: 1px solid #007bb1 !important;
            cursor: default;
          }
          
          .pagination li > a, .pagination li > span {
            padding: 6px 12px;
            line-height: 1.42857143;
            text-decoration: none;
            color: #007bb1;
            background-color: #fff;
            border: 1px solid #e5e5e5 !important;
            margin-left: -1px;
          }
          
          .pagination li.next .arrow:after {
            content: '\3e';
          }
          
          .pagination li.previous .arrow:before {
            content: '\3c';
          }