/* REGRAS GERAIS
================================ */
html {
  font-size: 16px;
  height: 100%;
  line-height: 1.5em;
  color: #222;
  box-sizing: border-box;
  -webkit-text-size-adjust: 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.plone-breadcrumb{  
  /* margin-left: 25%; */
}

#portal-breadcrumbs{
  background-color: #FFF;
  margin-top: 0;
  margin-bottom: 0;
}

#viewlet-above-content #portal-breadcrumbs .container{
	width: 100%;
}

#viewlet-above-content #portal-breadcrumbs .container #breadcrumbs-current{
	/* line-height: 1.5em; */
}

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

/* estilo para o 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;
}


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