/*---------------------------------STYLESHEET ORGANIZADA -------------------------*/

body {
  overflow: hidden;
}


/* -------------------LOAD GIF--------------------*/
.fullPageOverlay {
  position: fixed !important;
}

.row {
  margin: 0;
}

.loadingOverlay,
.smallLoadingOverlay,
.expandBox {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #E9E9E9;
  opacity: 0.3;
  background-position: center center;
  background-repeat: no-repeat no-repeat;
}

.loadingOverlay {
  z-index: 9999999;
  background-image: url(../Images/loading4.gif);
}

.loading {
  background-image: url(../Images/loading_small.gif);
  background-position: center center;
  background-repeat: no-repeat no-repeat;
  background-size: 20px 20px;
}

/* -------------------Canvas--------------------*/
/*
.canvas {
height: calc(100% - 25px);
padding-top: 50px;
}
*/

.canvas {
  overflow: auto;
  position: relative;
  left: 0;
  z-index: 3;
  height: calc(100% - 25px);
  padding: 0;
  top: 0px;
  margin-top: 0px;
  background-color: transparent;
}

@media (max-width:764px) {
  .canvas {
    height: calc(100% - 50px);
  }
}
/*OUTROS*/
.highlight-off {
  border: none;
}

.message {
  color: #666;
  font-weight: normal !important;
  font-size: larger;
}

  .message a {
    color: cornflowerblue;
    text-decoration: underline;
  }

.pano-de-conteudos {
  position: absolute;
  z-index: 3;
  width: 100%;
  margin-top: -12px;
  height: calc(100% - 50px);
  padding: 0 !important;
}

.glyphicon.left-icon-glyph {
  font-size: 10px;
  padding-left: 5px;
}

p {
  margin: 0;
}

.closebutton {
  border-radius: 0px;
  background-color: cornflowerblue;
  color: white;
  text-shadow: none;
  border: none;
  padding: 5px 10px;
  margin-bottom: 5px;
}

.link-simples {
  color: cornflowerblue;
  text-decoration: none;
}

.fullwidth {
  width: 100%;
}

.btn-default.active, .btn-default.active:hover, .btn-default.active:focus {
  background-color: orange;
  color: white;
}

.btn-primary[disabled] {
  background-color: #ccc;
  color: cornflowerblue;
}

.italic {
  font-style: italic;
}

.sem-borda {
  border: 0px !important;
}

.table > tbody > tr > td, .table > tbody > tr > th {
  border-top: 0px !important;
}

.newsletters .table-bordered > tbody > tr > td,
.pdf-list .table-bordered > tbody > tr > td,
.favorites .table-bordered > tbody > tr > td,
.search-alerts .table-bordered > tbody > tr > td {
  border: 0px !important;
  vertical-align: top;
}

a {
  color: #666;
}
/*MODALS*/

.caixa-escolher-pdf {
  max-height: 500px;
  overflow-y: auto;
  text-align: center;
}

.pdfChooserItem:hover {
  background-color: cornflowerblue !important;
  color: white !important;
  background-color: #7292aa;
}

.pdfChooserItem {
  padding: 15px 15px !important;
  border-bottom: solid 1px #ccc !important;
  color: #666 !important;
  cursor: pointer;
}

.control-label {
  font-style: italic;
  color: #666;
}

.panel-primary > .panel-heading {
  background-color: cornflowerblue;
  border: cornflowerblue;
  color: white;
}

.centered {
  text-align: center;
}

.panel-heading {
  min-height: 42px;
}
/* ---------------------------------------*/
/* -    LOGIN                            -*/
/* ---------------------------------------*/

.login_container {
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: #f8f8f8;
  display: block;
  margin-top: -50px;
  overflow: auto;
}

@media (min-width: 768px) {
  .login_container {
    display: table;
  }

  .login_box {
    display: table-cell;
    vertical-align: middle;
  }

  .login_box_row {
    margin-top: -150px;
  }
}

.form-box {
  margin-top: 20px;
  padding: 40px 20px 20px;
  background-color: #FFF;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.login-button {
  padding: 5px;
  background-color: cornflowerblue;
  border-radius: 0px;
  border: 0px;
}

.account-helpers {
  margin: 10px 0px;
  height: 20px;
}

.legix-redirect-box {
  margin-top: 70px;
  padding: 20px;
  background-color: #FFF;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

  .legix-redirect-box::before {
    clear: both;
  }

/* ---------------------------------------*/
/* -    FOOTER                            -*/
/* ---------------------------------------*/

.footer {
  z-index: 9;
  position: fixed !important;
  height: 25px !important;
  line-height: 25px !important;
  background-color: #f8f8f8 !important;
  color: #ccc !important;
  border-radius: 0 !important;
  border-bottom: 0 !important;
  bottom: 0;
  margin: 0;
  padding: 0;
  width: 100%;
}

.navbar {
  border: 0px;
  min-height: 25px !important;
}

.navbar-inverse {
  background-color: #283e6a;
}

.footer a {
  color: #666;
}
/*--FOOTER LOGO--*/
.logo-footer {
  height: 17px;
}
/*--FOOTER COPYRIGHT--*/
.texto-copyright, .texto-copyright a {
  color: #999 !important;
  font-size: 12px;
}

  .texto-copyright a {
    text-decoration: underline;
  }
/* ---------------------------------------*/
/* -    AREA DE UTILIZADOR               -*/
/* ---------------------------------------*/

.conteudos {
  width: calc(100% - 300px);
  position: absolute;
  background-color: white;
  margin: 0px;
  margin-bottom: 30px !important;
  padding: 0px;
  transition: padding-right, margin-left, padding-right,left, width, margin-left, left 1s;
}



@media (min-width: 764px) {

  .conteudos {
    width: calc(100% - 300px);
    margin: 0px;
    padding: 0px;
    padding-left: 50px;
    padding-right: 50px;
    left: 300px;
    transition: padding-right, margin-left, padding-right, width,margin-left 0.3s;
    position: absolute;
    z-index: 3;
  }
}

.area-utilizador {
  background-color: #f8f8f8;
  position: relative;
  margin-top: 0px;
  height: auto;
  display: table;
}

.canvas-user-area {
  overflow: auto;
  height: calc(100% - 17px);
  background-color: #f8f8f8;
}

@media (max-width: 764px) {
  .canvas-user-area {
    overflow: auto;
    height: 100%;
    background-color: #f8f8f8;
  }
}

.centrado-vertical {
  vertical-align: top;
  display: table-cell;
}

/* 1- INFORMAÇÃO PESSOAL */

/* --Titulo da area de Utilizador--*/
.titulo-area-utilizador {
  margin-bottom: 10px;
  color: #999;
  font-weight: normal;
}

  .titulo-area-utilizador h1 {
    font-weight: normal;
    font-size: 24px;
    margin-bottom: 30px;
    margin-top: 40px;
  }

.zero-padding-top {
  padding-top: 0px !important;
}
/* CAMPO DO UTILIZADOR*/
.campo-utilizador {
  background-color: white;
  padding: 15px;
  border-left: 3px solid cornflowerblue;
}

/* LABEL INPUT DO UTILIZADOR*/
.input-group-addon {
  background-color: white !important;
  border: 0px;
}

  .input-group-addon:first-child {
    font-size: 15px;
    text-align: left;
    font-weight: bold;
    font-size: 12px;
    color: #666;
  }
/* INPUT DO UTILIZADOR*/
.user-input {
  border: 0px;
  border-bottom: 1px solid #ddd;
  box-shadow: none;
  border-radius: 0px;
  width: calc(100% - 20px) !important;
  padding-left: 0px !important;
  margin-left: 12px;
}

.form-control[readonly] {
  background-color: white;
  color: #bbb;
}

  .form-control[readonly]:focus {
    box-shadow: none;
    border-bottom: 1px solid #ddd;
  }
/* BOTÃO ALTERAR DADOS*/
.save-changes {
  padding: 3px 5px;
  border-radius: 0px;
  background-color: cornflowerblue;
  border: 0px;
  margin-right: 5px;
  margin: 20px 0px;
}

.password-padding {
  padding: 15px 0px !important;
  padding-bottom: 25px !important;
}

/*--INPUT DE PASSWORD--*/
.pass-field {
  width: calc(100% - 30px) !important;
  float: left;
}

@media(max-width: 768px) {
  .pass-field {
    width: 100% !important;
    float: left;
  }
}

.pass-field.first {
  margin-right: 20px;
  margin-bottom: 10px;
}

.has-warning .form-control {
  background-color: #fff2ad;
  border-color: #605205;
  color: #605205;
}

.has-error .form-control {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.has-success .form-control {
  border-color: #3c763d;
  background-color: #9fcaa0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.has-warning {
  color: #3c763d;
}
/*--ALERTA de PASSWORD--*/
.alert {
  margin-top: 25px;
}


/*---- 3- LISTA DE PDFS GERADOS----*/

.pdf-list .table-bordered > thead > tr > th {
  border: 0px !important;
}

.table > thead > tr > th {
  vertical-align: middle;
}
/*--CABECALHO LISTA DE PDFS----*/
.linha-cabecalho-pdfs .titulo-pdf, .linha-cabecalho-pdfs .data-redacao-pdf, .linha-cabecalho-pdfs .data-processamento-pdf {
  font-weight: bold;
  font-size: 12px;
  color: #666;
  border: none;
}
/*--LINHA DA LISTA DE PDFS----*/
.linha-lista-pdfs {
  text-align: left !important;
  background: white;
  border-left: 3px solid #c42a2a;
  border-bottom: 1px solid #eee;
}

  .linha-lista-pdfs td {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .linha-lista-pdfs .data-redacao-pdf, .linha-lista-pdfs .data-processamento-pdf {
    font-weight: normal;
    font-size: 12px;
    color: #666;
    border: none;
    white-space: nowrap;
  }

.pdfstatus_1 {
  background-color: #e4e4e4;
}

.pdfstatus_2 {
  background-color: #fbb5b5 !important;
}

  .pdfstatus_1 a,
  .pdfstatus_2 a {
    text-decoration: none !important;
    cursor: pointer !important;
  }
/* 3- NEWSLETTER */
.newsletter {
  background-color: white;
  height: 50px;
  color: #888;
  border-left: 3px solid cornflowerblue;
  border-bottom: 1px solid #eee;
}


/*----4- LISTA DE FAVORITOS----*/
.linha-pesquisa.favoritos {
  background-color: white;
  margin-top: 0;
  padding-top: 15px;
}
/*----REMOVER DA LISTA DE FAVORITOS----*/
.remover-favorito {
  color: #999;
  font-size: 16px !important;
  margin-right: 10px;
}

/*---- LISTA DE ALERTAS----*/
.alerta-guardado {
  background-color: white;
  border-left: 3px solid gold !important;
  border-bottom: 1px solid #eee;
  height: auto;
  vertical-align: middle !important;
}
/*----REMOVER DA LISTA DE ÃLERTAS----*/
.remover-alerta {
  color: #999;
  font-size: 16px !important;
  margin-right: 10px;
  cursor: pointer;
}
/*CAIXA DE ORDENACAO*/
.caixa-ordenacao-favoritos {
  width: auto;
  max-width: 350px;
  float: right;
  margin-right: 0px;
}

  .caixa-ordenacao-favoritos .combobox {
    width: auto !important;
    float: right;
    max-width: 175px;
  }

  .caixa-ordenacao-favoritos label {
    width: auto !important;
    text-align: right;
    padding: 5px;
    font-weight: normal !important;
    max-width: 175px;
  }


/* ---------------------------------------*/
/* -    BARRA DE NAVEGACAO               -*/
/* ---------------------------------------*/

.barra-navegacao {
  border-radius: 0;
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
  border: 0px;
  top: 0;
  background-color: #f8f8f8;
  min-height: 25px !important;
  border-bottom: 1px solid #eee;
}
/* ----------------ICONES ESQUERDOS-----------------------*/
.icon-esquerdo {
  list-style: none;
  padding: 0px;
  margin: 0px;
  position: relative;
  width: 50px;
  float: left;
}

  .icon-esquerdo li {
    padding: 15px;
  }

.quadrado-icon, .index {
  color: cornflowerblue;
  cursor: pointer;
}

  .quadrado-icon:hover, .index:hover {
    color: white;
    background-color: cornflowerblue;
  }

  .quadrado-icon.active, .index.active {
    color: cornflowerblue;
    background-color: #eee;
  }
/* -----------------LOGO----------------------*/
.navbar-brand {
  height: 50px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
  padding-top: 12px;
  float: left;
}

@media (max-width: 770px) {
  .navbar-brand {
    display: none !important;
  }
}

/* MENU */

.btn-group.navbar-toggle, .btn-group.navbar-toggle:hover {
  border: none;
  margin: 0px;
  height: 100%;
  padding: 0px;
  border-radius: 0px;
  border-left: 1px solid #ddd;
  background-color: cornflowerblue;
  float: right !important;
  margin-left: 15px;
  display: block;
  color: white;
}


  .btn-group.navbar-toggle.open {
    background-color: #eee !important;
  }

    .btn-group.navbar-toggle.open .icon-bar {
      background-color: #666 !important;
    }

.navbar-default .navbar-toggle .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar {
  background-color: white;
}

.dropdown-toggle.menu {
  float: right;
  background-color: transparent;
  padding: 17px 14px;
}

.btn-group.open .dropdown-toggle {
  box-shadow: none;
}



.opcoes-menu {
  right: 0px;
  left: auto !important;
  background-color: #eee;
  border-radius: 0px;
  border-color: transparent;
  margin-top: -2px;
}

  .opcoes-menu a {
    color: #666 !important;
  }

    .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .opcoes-menu a:hover {
      background-color: cornflowerblue !important;
      color: white !important;
    }

  .opcoes-menu i {
    margin-right: 10px;
    font-size: 14px;
  }
/*--INFORMACAO DO UTILIZADOR--*/
.informacao-utilizador {
  color: white;
  height: 70px;
}

.logo-utilizador {
  width: 50px;
  height: 50px;
  margin: 15px;
  border: 2px solid #ccc;
  background: url(../Images/company.png) no-repeat center;
  float: left;
  clear: left;
}

.username-utilizador, .empresa-utilizador {
  display: block;
  width: 250px;
}

.username-utilizador {
  color: #999;
  font-weight: bold;
  font-size: 16px;
  padding-top: 15px;
}

.empresa-utilizador {
  color: #aaa;
  font-size: 12px;
}
/*<!--ITEMS MENU UTILIZADOR-->*/
@media (max-width:768px) {
  .item-menu-utilizadores {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.fa-power-off {
  padding: 10px;
  background-color: crimson;
  color: white !important;
}

/*<!--BARRA PESQUISA -->*/
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border: none;
}

.search-field {
  width: 60%;
  float: left;
}

.caixa-campo-pesquisa span {
  display: flex;
}



  .searchpane-input:hover ~ span:after, .searchpane-input:focus ~ span:after, .caixa-campo-pesquisa span:hover:after {
    opacity: 1;
  }

  .caixa-campo-pesquisa span:after {
    opacity: 0;
    font-family: FontAwesome;
    position: relative;
    display: block;
    content: "\f00d";
    color: #999;
    width: 16px;
    height: 16px;
    margin-top: -27px;
    left: calc(100% - 20px);
    cursor: pointer;
  }


@media (max-width: 768px) {
  .search-field {
    width: calc(100% - 175px) !important;
  }
}

.form-control {
  border-radius: 0px !important;
}

.searchpane-input {
  float: none !important;
}

.search-field input {
  border-radius: 0px;
  text-shadow: none;
}

.navbar-form .form-control {
  width: 100%;
}

.search-button-wrapper {
  float: left;
}

.search, .search:focus {
  border: none;
  border-radius: 0px;
  padding: 0px;
  color: white;
  background-color: cornflowerblue;
}

  .search:hover {
    color: cornflowerblue;
    background-color: #ccc;
  }

.alerts, .alerts:focus {
  margin-left: -3px;
  text-shadow: none;
  background-color: #ccc;
  color: cornflowerblue;
}

.fa-search, .fa-bell-o, .fa-bell {
  padding: 10px;
  text-shadow: none;
}

  .fa-bell.menu-alert-icon {
    padding: 0px;
  }

@media (max-width: 768px) {

  .search-field {
    width: 40%;
  }

  .navbar-form {
    margin: 0px;
    padding-top: 8px;
  }

    .navbar-form .form-group {
      margin-left: 15px;
    }
}

/* ---------------------------------------*/
/* -                INDEX                -*/
/* ---------------------------------------*/

.pagina-index {
  height: 200%;
  max-height: 910px;
  padding-bottom: 40px;
  background-color: #f6f6f6;
}

@media (max-width: 1000px) {
  .pagina-index {
    height: auto;
    max-height: inherit;
    padding-bottom: 40px;
    background-color: #f6f6f6;
  }
}

@media (max-width: 1200px) {
  .pagina-index {
    height: auto;
    background-color: #f6f6f6;
  }
}

@media (min-width:990px) and (max-width: 1200px) {
  .pagina-index {
    height: calc(100% + 10px);
    background-color: #f6f6f6;
  }
}

/*primeira linha*/
.pagina-index .primeira.row {
  margin-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

@media screen and (max-width:764px) {
  .pagina-index .primeira.row {
    padding-left: 0px;
    padding-right: 0px;
  }
}

/*-- Diferentes tipos de caixas --*/
.caixa-pdf {
  border-left: 3px solid #c42a2a !important;
  border-top: 0px !important;
  background-color: white;
  margin-bottom: 20px;
  height: 230px;
  padding: 0;
  padding-right: 15px;
}

.caixa-alertas {
  border-left: 3px solid gold !important;
  background-color: white;
  margin-bottom: 20px;
  height: 230px;
  padding: 0;
  padding-right: 15px;
}

.caixa-pesquisas {
  border-left: 3px solid cornflowerblue !important;
  background-color: white;
  margin-bottom: 20px;
  height: 230px;
  padding: 0;
  padding-right: 15px;
}

.caixa-visualizacoes {
  border-left: 3px solid green !important;
  background-color: white;
  margin-bottom: 20px;
  height: 230px;
  padding: 0;
  padding-right: 15px;
}

.caixa-outras {
  padding: 15px;
  background-color: white;
  border-left: 3px solid cornflowerblue;
  margin-bottom: 20px;
  height: 230px;
}

.formatacao-template-home {
  margin-left: -15px;
}

  .formatacao-template-home .template-linha-pesquisa {
    margin-bottom: 5px !important;
  }

  .formatacao-template-home .designacao-pesquisa {
    margin-top: 0px;
  }

/*--LISTA DA CAIXA--*/
.lista-caixas-index {
  height: 145px;
  overflow-y: auto;
  overflow-x: hidden;
  list-style: none;
  padding-left: 0px;
  background-color: white;
  background-color: white;
  display: block;
  float: left;
  width: 100%;
}
/* estaticas sao as primeiras 4 caixas*/
.estaticas {
  padding-left: 20px;
  margin-right: 10px;
}

.lista-caixas-index li {
  margin-bottom: 10px;
  font-size: 16px;
  color: #666;
}

.sem-resultados {
  color: #999 !important;
  font-size: 12px !important;
}

/*-- LINK --*/
.lista-caixas-index li .link-simples {
  font-size: 15px;
}

/*-- TITULO DO DOCUMENTO --*/
.lista-caixas-index li .titulo-documento-index, .restricao-documento-index {
  font-weight: normal;
  font-size: 13px;
  margin-top: 0px;
  margin-bottom: 5px;
}
/*-- DATA DO DOCUMENTO --*/
.lista-caixas-index li .data-documento-index {
  font-weight: normal;
  font-size: 12px;
}

/* titulos de cada caixa */
.titulos-index-caixas {
  color: #666;
  font-size: 18px;
  margin: 10px 0px 10px -5px;
}

.index-sumario-titulo {
  color: #666;
  font-size: 18px;
  background-image: url(../Images/Filtros/tipo.png);
  background-repeat: no-repeat;
  background-position: 3px 2px;
  background-size: 20px auto;
  padding-left: 30px;
  margin-bottom: 15px;
}

.index-destaques-titulo {
  color: #666;
  font-size: 18px;
  margin-left: -20px;
  margin-bottom: 10px;
}

/*NOVA FORMATACAO*/
.index-destaque a {
  background-color: #eee;
  border-radius: 0;
}

.index-destaque.active a {
  border-radius: 0;
  border: 1px solid #eee !important;
  border-bottom: 1px solid #fff !important;
  background-color: #fff !important;
  color: #666 !important;
}

  .index-destaque.active a i, .index-destaque a i {
    padding-right: 15px;
    margin-right: -5px;
    margin-top: -5px;
  }

.alerta-index {
  border-radius: 50%;
  width: 7px;
  height: 7px;
  background-color: orange;
  margin-left: 7px;
  display: inline-block;
  margin-bottom: 1px;
}

.coluna-accoes {
  margin-top: 55px;
}

.coluna-destaques {
  padding-left: 35px;
  padding-right: 35px;
  height: auto;
  max-height: unset;
  min-height: 100%;
}

.caixa-lateral {
  background-color: #fff;
  border: none;
  border-radius: 0px;
  border: 1px solid #eee;
  box-shadow: none;
}

  .caixa-lateral .panel-heading {
    background: white;
    border: none;
    color: #666;
  }

    .caixa-lateral .panel-heading i {
      padding: 10px;
      padding-top: 7px;
      padding-bottom: 7px;
    }

  .caixa-lateral .panel-body {
    background: none;
    padding: 20px;
    padding-top: 0px;
  }

  .caixa-lateral .lista-caixas-index.estaticas {
    background: none;
    padding: 0px;
    border-top: 1px solid #eee;
    padding-top: 15px;
    height: auto;
  }

.coluna-destaques .lista-caixas-index.estaticas {
  height: auto;
  padding-top: 15px;
  padding-right: 20px;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  min-height: 120px;
}

.coluna-accoes .lista-caixas-index.estaticas {
  border-left: none;
  border-right: none;
}

.index-caixas-container {
  min-height: 119px;
  background-color: white;
}

@media (min-width: 764px) and (max-width: 1250px) {
  .nav.nav-tabs .index-destaque {
    width: auto;
    float: left;
  }
}

@media (max-width: 990px) {
  .coluna-destaques {
    padding-left: 5px;
    padding-right: 5px;
  }
}



/* ---------------------------------------*/
/* ----------HIERARQUIA DE CODIGOS--------*/
/* ---------------------------------------*/

/* --------1- MENU DE HIERARQUIA--------- */
.menu-hierarquia {
  background-color: #eee;
  top: 0px;
  left: 0px;
  color: #666;
  width: 100%;
  height: calc(100% - 50px);
  position: fixed;
  overflow-y: auto;
  z-index: 1300;
  transition: left 0.3s;
}

@media (max-width: 768px) {
  .menu-hierarquia {
    top: 50px;
  }
}

@media (min-width: 764px) {
  .menu-hierarquia {
    background-color: #eee;
    left: 0px;
    top: 50px;
    color: #666;
    width: 300px;
    height: calc(100% - 75px);
    padding-bottom: 10px;
    position: fixed;
    z-index: 4;
    transition: left 0.3s;
    overflow-y: auto;
  }
}
/* 2- RESULTADOS HIERARQUIA*/
.designacao-hierarquia {
  width: calc(100% - 50px);
  float: left;
  padding-left: 15px;
  font-size: 15px;
  margin-top: 5px;
  color: cornflowerblue;
  text-decoration: none;
  display: block;
}

a.designacao-hierarquia:visited {
  color: purple;
}

.titulo-hierarquia {
  font-size: 12px;
  margin-top: 5px;
  font-weight: bold;
  display: inline-block;
  color: #666 !important;
  clear: left;
  float: left;
  padding-left: 15px;
}

/*3- CABECALHO BREADCRUMB*/
.barra-cabecalho .breadcrumb {
  width: calc(100% - 300px);
  left: 300px;
  position: absolute;
  padding-left: 50px;
  margin-right: 50px;
  background-color: white;
}


/* ---------------------------------------*/
/* ----BLOCO DE LEITURA DE DOCUMENTO  ---*/
/* ---------------------------------------*/
/* --------1- MENU DE CAPITULOS--------- */

.menu-capitulos {
  background-color: #eee;
  left: 0px;
  color: #666;
  width: 100%;
  height: calc(100% - 50px);
  position: fixed;
  overflow-y: auto;
  z-index: 1300;
  transition: left 0.3s;
}

.menu-capitulos {
  top: 0px;
}

@media (max-width: 768px) {
  .menu-capitulos {
    top: 50px;
  }
}

@media (min-width: 764px) {
  .menu-capitulos {
    background-color: #eee;
    left: 0px;
    top: 50px;
    color: #666;
    width: 300px;
    height: calc(100% - 75px);
    padding-bottom: 10px;
    position: fixed;
    z-index: 4;
    transition: left 0.3s;
    overflow-y: auto;
  }
}

.tree-expanded {
  left: 0;
}

.tree-collapsed {
  left: calc(0px - 300px);
}

@media (max-width: 768px) {
  .tree-collapsed {
    left: -100%;
  }
}

.slide {
  left: -200%;
  transition: left 1s;
}

.lx-document-tree-container {
  padding: 0 !important;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
}


.lx-document-block {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
}

.lx-document-tree-node .lx-document-tree-node-title {
  height: auto !important;
}

.level_7 > .lx-document-tree-node-title {
  border-left: 5px solid #ddd;
  padding: 6px 70px !important;
  font-size: 10px;
}

.level_6 > .lx-document-tree-node-title {
  border-left: 5px solid #ddd;
  padding: 6px 60px !important;
  font-size: 10px;
}

.level_5 > .lx-document-tree-node-title {
  border-left: 5px solid #ddd;
  padding: 6px 50px !important;
  font-size: 10px;
}

.level_4 > .lx-document-tree-node-title {
  border-left: 5px solid #bbb;
  padding: 6px 40px !important;
  font-size: 11px;
}

.level_3 > .lx-document-tree-node-title {
  border-left: 5px solid #999;
  padding: 6px 30px !important;
  font-size: 12px;
}

.level_2 > .lx-document-tree-node-title {
  border-left: 5px solid #666;
  padding: 6px 20px !important;
  font-size: 13px;
}

.level_1 > .lx-document-tree-node-title {
  border-left: 5px solid cornflowerblue;
  padding: 6px 10px !important;
  font-size: 14px;
}

.level_0 > .lx-document-tree-node-title {
  padding: 20px 7px !important;
  text-transform: uppercase;
  max-width: 100% !important;
  border-bottom: 1px solid #ddd;
}

.level_1 {
  font-weight: normal;
}

.level_2 {
  font-weight: normal;
}

.level_3 {
  font-weight: normal;
}

.lx-document-tree-node-children {
  padding: 0px !important;
  margin: 0;
}

.lx-document-tree-node-expand-button {
  background-image: none !important;
}

.lx-document-tree-node-expand-button {
  padding-top: 8px !important;
}

@media (max-width: 764px) {
  .level_0 > .lx-document-tree-node-title, .level_1 > .lx-document-tree-node-title, .level_2 > .lx-document-tree-node-title, .level_3 > .lx-document-tree-node-title,
  .level_4 > .lx-document-tree-node-title, .level_5 > .lx-document-tree-node-title, .level_6 > .lx-document-tree-node-title, .level_7 > .lx-document-tree-node-title {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }

  .lx-document-tree-node-expand-button {
    padding-top: 14px !important;
  }
}

/* --------2-CONTEUDOS--------- */

/*BARRA DE CABEÇALHO*/
.cabecalho-documento {
  width: 100%;
  position: absolute;
  right: 10px;
}

@media (min-width: 768px) {

  .cabecalho-documento {
    width: calc(100% - 350px);
    left: 300px;
    position: absolute;
  }
}

.btn-default.active span {
  color: white;
}
/*GRUPO DE BOTOES */
.pin.selected, .pin.selected span {
  background-color: cornflowerblue;
  color: white !important;
}

.btn-default {
  background-image: none;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-radius: 0px !important;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}

.fontslider {
  margin-left: auto;
  margin-right: auto;
}

.fonttext {
  text-align: center;
}

.botao-documento {
  color: cornflowerblue;
  text-shadow: none;
}

.btn-group-sm .btn {
  border-radius: 0px;
}

/* AREA DE LEITURA*/

/*alterar leitor-documento*/
.leitura-documento {
  height: calc(100% - 24px);
  top: 0px;
}


.document-read {
  width: calc(100% - 300px);
  left: 300px;
  margin-top: 40px;
  background-color: white;
  padding: 50px;
  position: absolute;
  height: calc(100% - 50px);
  padding-top: 0px;
}

@media (max-width: 768px) {
  .document-read {
    padding-left: 30px;
    padding-right: 30px;
  }

  .mais-opcoes {
    right: 5px !important;
  }

  .leitura-documento {
    height: 100%;
  }
}

.expand-doc {
  left: 0;
  width: 100%;
}

.document {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
}

.documento {
  clear: both;
  margin: 0px 0;
  margin-top: 20px;
}

.designacao {
  background-image: none !important;
  margin-top: 20px;
  background-repeat: no-repeat;
  width: 100%;
  overflow: hidden;
}

.designacao,
.designacao_codigo {
  font-family: Arial, sans-serif;
  line-height: normal;
  font-weight: bold;
  color: #000;
  font-size: 110% !important;
  padding: 0px !important;
  text-align: center;
}

.designacao_codigo {
  font-size: 125% !important;
}

.titulo {
  font-size: 100%;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px !important;
  color: #000;
}

.fonte p.titulo {
  color: cornflowerblue;
  font-weight: normal;
  margin-top: 25px;
}

.texto {
  font-size: 100%;
}

  .texto p:not(.descritores) {
    margin-top: 5px;
  }

  .texto span.valid-link {
    color: cornflowerblue;
    cursor: pointer;
  }

    .texto span.valid-link:hover {
      text-decoration: underline;
    }

  .texto table td, .texto table th {
    border: 1px solid black;
    padding: 2px 5px;
  }

  .texto table {
    border: 1px solid black;
    width: 100%;
  }

.notas-topo {
  color: #000 !important;
}

.nota {
  font-size: 12px !important;
  color: #000 !important;
  font-style: italic;
  /*color: #842B00;*/
}

.texto a, .document a {
  color: cornflowerblue !important;
}
/*descritores, descritores-container, referencias-jurisprudencia, referencias-jurisprudencia-container, .remissoes , remissoes-container  */

.referencias-jurisprudencia {
  width: 220px;
  padding-left: 0px;
  background-color: white;
  color: #666 !important;
  background-color: #fff;
  border: 1px solid #ccc;
  clear: both;
}

.remissoes, .referencias-jurisprudencia, .descritores, .redaccoes, .alteracoes {
  text-align: left;
  background-color: white;
  font-weight: bold !important;
  color: #666 !important;
  background-color: #fff;
  border: none;
  margin: 20px 10px;
  padding-left: 0px;
  margin-left: 0px;
  clear: both;
  cursor: pointer;
  font-size: 13px;
}

.remissoes {
  width: 155px !important;
}

.descritores-container, .referencias-jurisprudencia-container, .remissoes-container, .alteracoes-container {
  font-size: 100%;
  margin: 10px 0px;
}

  .remissoes-container ul, .referencias-jurisprudencia-container ul, .descritores-container ul, .alteracoes-container ul {
    padding-left: 0px;
    list-style: none;
  }

  .descritores-container a, .referencias-jurisprudencia-container a, .remissoes-container a, .redaccoes-container a, .alteracoes-container a {
    color: cornflowerblue !important;
    /*margin-right: 10px;*/
    display: inline-block;
    clear: left;
  }

  .descritores-container a {
    display: block;
  }

  .referencias-jurisprudencia-container a {
    margin-bottom: 3px;
  }

    .referencias-jurisprudencia-container a span:first-child, .remissoes-container a span:first-child, .redaccoes-container a span:first-child, .alteracoes-link a {
      color: cornflowerblue;
      font-size: 13px;
      font-weight: normal;
    }

  .referencias-jurisprudencia-container span, .remissoes-container span, .redaccoes-container span, .alteracoes-link, .remissoes-link {
    font-size: 13px;
    color: #666;
    font-weight: normal;
  }

/*.redaccao-link span {
font-size: 11px;
color: #777;
}*/

.redaccao-link {
  margin-bottom: 5px;
}


.fonte {
  font-size: 100%;
  text-align: right;
  clear: right;
  margin: 0px;
  color: #333 !important;
}

  .fonte, .fonte a {
    font-size: 12px !important;
    color: cornflowerblue !important;
    margin: 20px 0;
    float: right;
  }

    .fonte img {
      height: 25px;
      width: 70px;
    }
/*modal*/
.desigContainer {
  padding: 10px;
}

  .desigContainer > div {
    width: 100%;
    text-align: center;
  }

  .desigContainer ul {
    list-style: none;
    margin: 0;
    padding: 10px;
  }

    .desigContainer ul li {
      padding: 5px;
    }

      .desigContainer ul li:hover {
        background-color: #eeeeee;
      }

  .desigContainer .desig,
  .desigContainer .title {
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }

  .desigContainer .desig {
    font-weight: bold;
  }

  .desigContainer .title {
    font-size: small;
    text-decoration: none;
  }

  .desigContainer .name {
    font-size: smaller;
  }

.date, span.diaUH, span.horaUH, #Colunas-Ultima .dataUH {
  color: #999;
  text-transform: none;
}

.date {
  float: right;
  width: 90px;
  text-align: right;
  padding-right: 10px;
  padding-top: 5px;
}
/**/
.documento[base=EcoLegis] .titulo,
.documento[base=EcoJuris] .titulo,
.documento[base=dgsi_pgrp] .titulo,
.documento[base=JORAA] .titulo,
.documento[base=JORAM] .titulo,
.documento[base=BTE] .titulo,
.documento[base=JurisprudenciaDGSI1] .titulo,
.documento[base=JurisprudenciaDGSI2] .titulo,
.documento[base=Cision] .desig_texto {
  font-size: 125%;
  text-align: center;
  font-weight: bold;
  margin-bottom: 0px !important;
}

.documento[base=Cision] .desig_texto {
  text-align: left;
}

.documento[base=Cision] .desig_data {
  float: left;
  font-weight: normal;
  margin-bottom: 10px !important;
  clear: left;
}

.documento[base=Servulo] .designacao {
  margin-bottom: 15px !important;
}

.documento[base=Servulo] .desig_texto {
  text-align: left;
  font-size: 120%;
}

.documento[base=Servulo] .desig_data {
  float: left;
  font-weight: normal;
  clear: left;
  font-size: 90%;
}

.biblioteca-par {
  font-size: 90%;
}

  .biblioteca-par .nome {
    color: #000;
    font-weight: bold;
    margin-right: 7px;
  }

.documento[base=Cision] .fonte-documento {
  float: right;
  margin-bottom: 30px;
}

.documento[base=EcoJuris] .titulo, .documento[base=Cision] .desig_texto {
  margin-bottom: 10px !important;
}

.documento[base=Cision] .texto-documento {
  margin: 10px 0;
}

.documento[base=EcoLegis] .organismo,
.documento[base=EcoJuris] .organismo,
.documento[base=dgsi_pgrp] .organismo,
.documento[base=JORAA] .organismo,
.documento[base=JORAM] .organismo,
.documento[base=BTE] .organismo,
.documento[base=JurisprudenciaDGSI1] .organismo,
.documento[base=JurisprudenciaDGSI2] .organismo,
.documento[base=Europeia] .organismo {
  font-size: 100%;
  text-align: center;
  font-weight: normal;
}

.documento[base=EcoLegis] .texto,
.documento[base=EcoJuris] .texto,
.documento[base=dgsi_pgrp] .texto,
.documento[base=JORAA] .texto,
.documento[base=JORAM] .texto,
.documento[base=BTE] .texto,
.documento[base=JurisprudenciaDGSI1] .texto,
.documento[base=JurisprudenciaDGSI2] .texto {
  margin-top: 20px !important;
}

#fromDate, #toDate {
  line-height: 20px;
}

.document-read .redacao-anterior-pesquisa, .document-read .revogado-pesquisa {
  margin-bottom: 10px;
}


@media print {
  /* Documento */

  .menu-legix, .menu-capitulos, .barra-cabecalho, .footer, .page-header, .text_hl, .text_hl.snippet_hl.word_hl, .toTop, .layer-pane, messaging, .descritortit, .mais-opcoes, .remissoes, .referencias-jurisprudencia, .descritores, .redaccoes {
    display: none !important;
  }

  body {
    overflow: auto;
  }

  .canvas-user-area {
    overflow: auto;
    height: auto;
  }

  .tipo-de-documento {
    display: none !important;
  }

  .linha-pesquisa {
    border-bottom: 1px solid #999 !important;
  }
  /*alterar leitor-documento*/
  .document-read {
    overflow: visible;
    position: relative;
    width: 210mm;
    height: auto;
    left: 0;
    z-index: 4000;
    margin-top: 0px;
  }

  .documento_pesquisa {
    border-color: cornflowerblue !important;
    background: url(../Images/Codigos/documento_list_icon.png) no-repeat !important;
    background-position: center 10px !important;
    background-size: 40px auto !important;
  }


  .artigo_pai, .tem_redacao, .pesq_redacao-destaque, .red_ant, .artigo {
    border-color: brown !important;
    background: url(../Images/Codigos/codigo_list_icon.png) no-repeat !important;
    background-position: center 5px !important;
    background-size: 50px auto !important;
  }

  .conteudos {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .titulo-area-utilizador h1 {
    margin-top: 0;
  }


  .copyright {
    width: 210mm;
    display: inline-block !important;
    clear: both;
    position: relative;
  }

  a[href]:after {
    content: none !important;
  }

  .fonte img {
    display: none;
  }
}
/* ---------------------------------------*/
/* ---- TEMPLATES LEITURA DO DOCUMENTO EM FALTA -----------*/
/* ---------------------------------------*/


/* ---------------------------------------*/
/* ---- RESULTADOS DE PESQUISA -----------*/
/* ---------------------------------------*/


/* --------1- MENU DE FILTROS--------- */

.menu-filtros {
  background-color: #eee;
  left: 0px;
  color: #666;
  width: 100%;
  height: calc(100% - 50px);
  position: fixed;
  overflow-y: auto;
  z-index: 1300;
  transition: left 0.3s;
}

.menu-filtros {
  top: 0px;
}

@media (max-width: 768px) {
  .menu-filtros {
    top: 50px;
  }
}

@media (min-width: 764px) {
  .menu-filtros {
    background-color: #eee;
    left: 0px;
    top: 0px;
    color: #666;
    width: 300px;
    height: auto;
    position: absolute;
    z-index: 4;
    transition: left 0.3s;
    overflow-y: hidden;
  }

  .fixo {
    height: calc(100% - 75px);
    top: 50px;
    height: calc(100% - 75px);
    padding-bottom: 10px;
    position: fixed;
    z-index: 4;
    transition: left 0.3s;
    overflow-y: auto;
  }
}

@media (min-width: 764px) and (max-width: 900px) {
  .menu-filtros {
    background-color: #eee;
    left: 0px;
    top: 0px;
    color: #666;
    width: 250px;
    height: auto;
    position: absolute;
    z-index: 4;
    transition: left 0.3s;
    overflow-y: hidden;
  }

  .menu-capitulos, .menu-hierarquia {
    width: 250px;
  }

  .barra-cabecalho .breadcrumb {
    width: calc(100% - 250px);
    left: 250px;
  }

  .document-read {
    width: calc(100% - 250px);
    left: 250px;
  }

  .expand-doc {
    left: 0;
    width: 100%;
  }

  .fixo {
    height: calc(100% - 75px);
    top: 50px;
    height: calc(100% - 75px);
    padding-bottom: 10px;
    position: fixed;
    z-index: 4;
    transition: left 0.3s;
    overflow-y: auto;
  }

  .conteudos {
    width: calc(100% - 250px);
    margin: 0px;
    padding: 0px;
    padding-left: 50px;
    padding-right: 50px;
    left: 250px;
    transition: padding-right, margin-left, padding-right, width,margin-left 0.3s;
    position: absolute;
    z-index: 3;
  }

  .rebatido {
    margin-left: 250px !important;
    transition: padding-right, width,margin-left 0.3s;
  }
}

.slide {
  left: -200%;
  transition: left 1s;
}

/* ACESSO AOS CODIGOS E LEGISLAÇÃO CONSOLIDADA*/
.acesso-codigos {
  height: auto;
  background-color: #eee;
}

.botao-arquivo {
  border-bottom: 1px solid #ddd;
  background-color: #eee;
  font-size: 15px;
  height: auto;
  padding: 13px 10px 15px 10px;
  color: cornflowerblue;
  cursor: pointer;
}

.fa-folder-open-o {
  font-size: 20px !important;
  margin-top: -5px;
}

.icon-arquivo {
  float: right;
  padding-top: 5px;
  padding-right: 5px;
}
/*ACESSO AOS FILTROS POR DATA*/
.acesso-filtros-data {
  height: auto;
  background-color: #eee;
}
/*FILTROS POR DATA*/
.filtro-data, .filtro-data:focus, .filtro-data:active {
  border-radius: 0px;
  background-color: cornflowerblue;
  color: white;
  text-shadow: none;
  border: none;
  padding: 5px 10px;
  margin-bottom: 5px;
}

.botoes-listagem-datas {
  padding: 2px 5px !important;
  border-radius: 0px;
  margin-top: -2px;
  text-align: center;
}


.cinzento, .cinzento:focus, .cinzento:hover {
  color: cornflowerblue;
  background-color: #ddd;
}

.botoes-filtro-datas {
  margin-top: 15px;
  margin-bottom: 30px;
  text-align: center;
}

.botoes-listagem-datas button {
  width: 160px;
}

/*--------LISTAGEM DE FILTROS---------*/

.tipo-filtro {
  background-color: #eee;
  font-size: 15px;
  height: 40px;
  padding: 7px 10px 10px 35px;
  color: #666;
  font-weight: 600;
  cursor: pointer;
}

  .tipo-filtro:hover {
    color: #ccc;
  }


/* ----------------------  Filtros ----------------------------*/

.filtro_203 {
  background: url(../Images/Filtros/tipoinfo.png) no-repeat;
  background-position: 10px 10px;
  background-size: 17px auto;
}

.filtro_200 {
  background: url(../Images/Filtros/fonte.png) no-repeat;
  background-position: 10px 10px;
  background-size: 17px auto;
}

.filtro_202 {
  background: url(../Images/Filtros/organismos.png) no-repeat;
  background-position: 10px 10px;
  background-size: 17px auto;
}

.filtro_204 {
  background: url(../Images/Filtros/tipo.png) no-repeat;
  background-position: 10px 10px;
  background-size: 17px auto;
}

.filtro_201 {
  background: url(../Images/Filtros/descritores.png) no-repeat;
  background-position: 10px 10px;
  background-size: 17px auto;
}

.filtro_1001 {
  background: url(../Images/Filtros/consolidada.png) no-repeat;
  background-position: 10px 10px;
  background-size: 17px auto;
}

.filtro_400 {
  background: url(../Images/Filtros/relator.png) no-repeat;
  background-position: 10px 10px;
  background-size: 17px auto;
}

.filtro_401 {
  background: url(../Images/Filtros/autor.png) no-repeat;
  background-position: 7px 10px;
  background-size: 20px auto;
}

.filtro_historico {
  background: url(../Images/Filtros/historico.png) no-repeat;
  background-position: 10px 10px;
  background-size: 20px auto;
}

.filtro_100 {
  background: url(../Images/Filtros/lugares.png) no-repeat;
  background-position: 10px 10px;
  background-size: 17px auto;
}

.filtro_101 {
  background: url(../Images/Filtros/pessoas.png) no-repeat;
  background-position: 10px 10px;
  background-size: 17px auto;
}

.filtro_102 {
  background: url(../Images/Filtros/organizacoes.png) no-repeat;
  background-position: 10px 10px;
  background-size: 17px auto;
}



.seta-expandir {
  float: right;
  padding-top: 5px;
  padding-right: 5px;
}

.caixa-items-filtro {
  list-style: none;
  padding-left: 0px;
}

  .caixa-items-filtro li {
    background-color: #222 !important;
    color: #ccc;
    font-size: 12px !important;
    padding-top: 10px;
  }

.mostrar-mais-items-aberto, .mostrar-mais-items-fechado {
  color: cornflowerblue !important;
  padding: 6px 10px !important;
  font-size: 12px;
}

  .mostrar-mais-items-aberto i, .mostrar-mais-items-fechado i {
    padding-right: 6px !important;
    color: cornflowerblue !important;
  }

.mostrar-mais-items {
  border: 0px !important;
  cursor: pointer;
}

.items-filtro {
  display: flex;
}

@media (min-width: 768px) {
  .items-filtro {
    padding: 3px 0 !important;
  }
}


@media (max-width: 768px) {
  .caixa-items-filtro {
    margin-top: -10px;
  }

  .items-filtro {
    cursor: pointer;
    width: calc(100% - 20px) !important;
    clear: both;
    margin: 20px 10px;
  }

  .mostrar-mais-items-aberto, .mostrar-mais-items-fechado {
    margin-left: 10px;
    margin-bottom: 10px;
  }

  .text-size {
    min-width: 100px;
  }
}

input[type=checkbox] {
  visibility: hidden;
}

.checkbox-filtro {
  float: left;
  width: 15px;
}

.quadrado {
  max-width: 15px;
  min-width: 15px;
  height: 15px;
  background: #aaa;
  position: relative;
  float: left;
  margin-left: 10px;
  margin-top: 3px;
  margin-right: 5px;
}

  .quadrado label {
    cursor: pointer;
    position: absolute;
    width: 11px;
    height: 11px;
    left: 2px;
    top: 2px;
    background-color: #fff;
  }

    .quadrado label:after {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
      content: '';
      position: absolute;
      width: 7px;
      height: 5px;
      background: transparent;
      top: 2px;
      left: 2px;
      border: 2px solid #999;
      border-top: none;
      border-right: none;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
    }

    .quadrado label:hover::after {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
      filter: alpha(opacity=30);
      opacity: 0.3;
      opacity: 0.3;
    }

  .quadrado input[type=checkbox]:checked + label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
  }

.texto-filtro {
  color: #333;
  font-size: 12px;
  text-wrap: none;
  white-space: nowrap;
  overflow: hidden;
  float: left;
  padding-left: 5px;
  margin-top: 2px;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  flex-grow: 1;
}

.numero-items {
  color: white;
  background-color: cornflowerblue;
  border-radius: 5px;
  float: right;
  font-size: 10px;
  padding-left: 5px;
  padding-right: 5px;
  margin-right: 15px;
  margin-top: 3px;
}

.esconder {
  display: none;
}

/* --------2- CONTEUDOS--------- */

.expandido {
  width: 100% !important;
  transition: padding-right, width,left 0.3s;
}

@media (min-width: 764px) {

  .expandido {
    width: 100%;
    left: 0 !important;
    transition: padding-right, width,left 0.3s;
  }
}

.expandido-hierarquia {
  left: 0px !important;
  width: 100% !important;
  padding-left: 15px !important;
  transition: padding-right, width,left 0.3s;
}

@media (min-width: 764px) {

  .expandido-hierarquia {
    width: 100%;
    left: 0 !important;
    padding-left: 50px !important;
    transition: padding-right, width,left 0.3s;
  }
}





/* ---------BARRA DE CABEÇALHO---------   */
.barra-cabecalho {
  padding-bottom: 40px;
  height: 20px;
  position: fixed;
  top: 50px;
  padding-top: 10px;
  margin-top: 0px;
  background-color: #fff;
  z-index: 3;
  width: inherit;
  left: 0px;
  width: 100%;
  border: 1px solid #eee;
}


/*BARRA DE RESULTADOS*/
.barra-resultados {
  padding: 0 5px;
}

@media (min-width: 768px) {

  .barra-resultados {
    padding: 0 50px;
  }
}
/*NUMERO DE RESULTADOS*/
.numero-resultados {
  padding: 5px;
  width: 250px;
  float: left;
  transition: padding-right, width,margin-left 0.3s;
}

@media (max-width: 768px) {

  .numero-resultados {
    width: 200px;
  }
}

.numero-resultados .numero {
  color: white;
  background-color: cornflowerblue;
  border-radius: 5px;
  padding: 2px 5px;
  display: inline-block;
  float: left;
  margin-right: 5px;
}

@media (max-width: 768px) {
  .number-of-results {
    width: 180px;
  }
}

.results {
  margin-top: 65px;
}

.rebatido {
  margin-left: 300px;
  transition: padding-right, width,margin-left 0.3s;
}

.responsive {
  margin-top: 2px;
  display: inline-block;
}

@media (max-width: 870px) {
  .responsive {
    display: inline-block;
    width: 90px;
    font-size: 13px;
    margin-top: -1px;
    line-height: 13px;
    margin-left: 3px;
  }

  .numero-resultados {
    width: 170px;
  }
}



/*CAIXA DE ORDENACAO*/



.caixa-ordenacao {
  width: 220px;
  float: right;
  margin-right: 50px;
}

  .caixa-ordenacao .combobox {
    width: auto !important;
    float: right;
    padding-right: 0px;
    padding-left: 2px;
  }

  .caixa-ordenacao label {
    width: 50% !important;
    text-align: right;
    padding: 5px;
    font-weight: normal !important;
  }

@media (max-width: 870px) {
  .caixa-ordenacao {
    width: 130px;
  }
}

@media (max-width:768px) {

  .caixa-ordenacao {
    margin-right: 10px;
  }

    .caixa-ordenacao .combobox {
      width: auto !important;
      padding: 6px 3px;
    }
}



/*RESULTADOS DE PESQUISA*/
.resultados {
  margin-top: 65px;
  padding-left: 5px;
  padding-right: 5px;
}

@media (min-width: 768px) {
  .resultados {
    padding-left: 0px;
    padding-right: 0px;
  }
}



/* MENSAGENS DA LISTA DE RESULTADOS */

/*MENSAGEM SEM RESULTADOS*/
.mensagem-sem-resultados {
  color: #666;
  font-size: 20px;
}

/*MENSAGEM QUE MOSTRA ALTERANTIVAS DE PESQUISA*/
.barra-de-pesquisa-alternativa {
  margin-top: -15px;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
  color: cornflowerblue;
  font-size: 12px;
}

.pesquisa-antiga {
  color: cornflowerblue;
  font-weight: bold;
}

.pesquisa-nova {
  color: cornflowerblue;
  font-weight: bold;
  font-size: large;
}

/*  MENSAGEM DO INTERVALO DE DATAS ACTIVO */
.barra-de-intervalo-datas {
  margin-top: -15px;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
  color: cornflowerblue;
  font-size: 12px;
  padding-top: 5px;
}
/* --------------------------------- */


/* GRÁFICO DE FILTRO POR DATAS */
.botoes-data {
  margin-bottom: 15px;
  border-radius: 0px;
}

  .botoes-data button {
    padding: 5px;
  }

.filtro-data-activo, .filtro-data-activo:focus {
  background-color: cornflowerblue;
  color: white;
}

.tg_container {
  width: 100%;
  height: 100px;
  position: relative;
  top: 10px;
}

.tg_clippane {
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: relative;
  overflow-x: hidden;
}

.tg_graphcontainer {
  position: absolute;
  width: 300%;
  height: calc(100% - 20px);
  background-color: #eee;
}

.tg_timescale {
  top: calc(100% - 20px);
  width: 100% !important;
  position: absolute;
  height: 20px;
  background-color: #ddd;
}

.tg_timecaption {
  position: absolute;
}

.tg_sccontainer {
  width: 100%;
  height: 20px;
  position: relative;
}

.tg_scbar {
  background-color: #eee;
  height: 10px;
  position: absolute;
  top: 10px;
  left: 5px;
  width: calc(100% - 10px);
}

.tg_scknob {
  position: absolute;
  width: 50px;
  height: 10px;
  top: 10px;
  background-color: cornflowerblue;
  cursor: ew-resize;
  opacity: 0.3;
}

.tg_scltime,
.tg_scrtime {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 5px;
  left: 0;
  cursor: ew-resize;
  opacity: 0.1;
  border-radius: 0px !important;
  background-color: cornflowerblue !important;
  opacity: 0.5 !important;
}

.tg_scltime {
  border-radius: 20px 0 0 20px;
}

.tg_scrtime {
  border-radius: 0 20px 20px 0;
}

.tg_scknob.disabled {
  background-color: red;
  cursor: not-allowed;
}

.tg_bar {
  cursor: pointer;
  background-color: cornflowerblue !important;
  position: absolute;
  bottom: 0;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  box-shadow: none !important;
  -moz-transition: all ease-out 0.5s;
  -o-transition: all ease-out 0.5s;
  -webkit-transition: all ease-out 0.5s;
  transition: all ease-out 0.5s;
}

  .tg_bar:hover {
    background-color: #5e9cfe;
  }

.tg_caption {
  position: absolute;
  top: -30px;
  height: 30px;
  text-align: center;
  font-family: Arial;
  font-size: 12px;
  width: auto;
}

  .tg_caption.hide {
    display: none;
  }

.tg_leftC,
.tg_rightC {
  position: absolute;
  height: calc(100% - 18px);
  background-color: rgba(0, 0, 0, 0.3);
  top: 0;
}

.tg_leftC {
  left: 0;
}

.tg_rightC {
  right: 0;
}

.tg_leftSel,
.tg_rightSel {
  position: absolute;
  background-color: white;
  border: 2px solid #aaa;
  width: 10px;
  top: 0 !important;
  height: calc(100% - 18PX) !important;
  cursor: ew-resize;
}

.caixa-filtro-datas {
  background-color: white;
  border-bottom: 1px solid #eee;
  padding: 20px 0px;
}
/* --------------------------------- */


/*  LINHA DE PESQUISA */

.linha-pesquisa {
  width: 100%;
  height: 70px;
  margin-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
  display: table;
}

.template-linha-pesquisa {
  margin-top: -2px;
  clear: left;
  width: 100%;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
}

/*TIPO DOCUMENTO*/
.tipo-de-documento {
  display: table-cell;
}

.documento_pesquisa, .artigo_pai, .tem_redacao, .pesq_redacao-destaque, .red_ant, .arquivo, .artigo, .biblioteca, .tutoriais {
  width: 70px;
  height: auto;
  border-right: 4px solid;
  cursor: pointer;
}

.tutoriais {
  border-color: cornflowerblue;
  background: url(../Images/Codigos/tutorial_icon.png) no-repeat;
  background-position: center 10px;
  background-size: 40px auto;
}

.documento_pesquisa {
  border-color: cornflowerblue;
  background: url(../Images/Codigos/documento_list_icon.png) no-repeat;
  background-position: center 10px;
  background-size: 40px auto;
}

.biblioteca {
  border-color: #FF9800 !important;
  background: url(../Images/Codigos/documento_bibl_icon.png) no-repeat !important;
  background-position: center 10px !important;
  background-size: 40px auto !important;
}

.artigo_pai, .tem_redacao, .pesq_redacao-destaque, .red_ant, .artigo {
  border-color: brown;
  background: url(../Images/Codigos/codigo_list_icon.png) no-repeat;
  background-position: center 5px;
  background-size: 50px auto;
}

.arquivo {
  border-color: darkcyan;
  background: url(../Images/Codigos/folder.png) no-repeat;
  background-position: center 10px;
  background-size: 50px auto;
}

/* caixas dos items de pesquisa*/
.caixa-contexto-linha-pesquisa {
  width: calc(100% - 70px);
  height: 70px;
  overflow-y: auto;
  display: table-cell;
  vertical-align: middle;
}

@media (min-width: 768px) {
  .caixa-contexto-linha-pesquisa {
    width: calc(100% - 90px);
    overflow-y: auto;
    height: auto;
    display: table-cell;
    vertical-align: top;
    padding-bottom: 5px;
    padding-top: 2px;
  }
}

/* DESIGNAÇÃO DO DOCUMENTO */
.designacao-pesquisa {
  width: calc(100% - 50px);
  float: left;
  padding-left: 15px;
  font-size: 15px;
  margin-top: 5px;
  color: cornflowerblue;
  text-decoration: none;
}

a.designacao-pesquisa:visited {
  color: purple !important;
}


.designacao-pesquisa:hover {
  text-decoration: none;
}

@media (min-width: 768px) {
  .designacao-pesquisa {
    width: auto;
  }
}
/*--- MENU DE CONTEXTO ---*/

.mais-opcoes {
  background-color: transparent !important;
  border: 0px;
  color: cornflowerblue;
  font-size: 20px;
  outline: 0;
  position: absolute;
  right: 25px;
  z-index: 1;
  margin-top: -4px;
}

  .mais-opcoes.open {
    z-index: 2;
  }

.open > .dropdown-toggle.btn-default {
  background-color: white;
  color: cornflowerblue;
  box-shadow: none;
}

.mais-opcoes button {
  color: cornflowerblue;
  font-size: 20px;
  border: 0px;
}

  .mais-opcoes button:hover, .mais-opcoes button:focus, .mais-opcoes button:active {
    background-color: transparent !important;
    color: cornflowerblue;
    border: 0px;
    outline: 0;
  }

.mais-opcoes .dropdown-toggle {
  padding: 0 10px;
}

.opcoes-documento {
  left: -185px !important;
  right: 0 !important;
  border: 0px;
}

  .opcoes-documento span {
    color: cornflowerblue;
    margin-right: 10px;
  }

ul.dropdown-menu.opcoes-documento a {
  color: cornflowerblue;
}

/*  TEMPLATES DA LISTA DE RESULTADOS */

.titulo-pesquisa {
  font-size: 12px;
  margin-top: 5px;
  font-weight: bold;
  display: inline-block;
  color: #666 !important;
}

.data-documento-pesquisa {
  font-weight: bold;
  color: #666 !important;
  font-size: 12px;
  margin-top: 5px;
}

.data-documento-publicacao-pesquisa {
  color: #aaa !important;
}

.revogado-pesquisa, .redacao-anterior-pesquisa {
  margin-top: 8px;
  width: 120px;
  float: none;
  text-align: center;
  margin-left: 5px;
  clear: left;
  display: inline-block;
  font-weight: bold;
  font-size: 12px;
  padding: .2em .6em;
}

.redacao-anterior-pesquisa {
  width: 140px;
  color: red;
  border: 1px solid red;
}

.relator-pesquisa, .serie-pesquisa, .sector-pesquisa, .fonte-pesquisa, .pesquisa-BTE, .titulo-arquivo-pesquisa, .artigo-nome-diploma-pesquisa, .artigo-nome-codigo-pesquisa {
  font-weight: normal;
  color: #666 !important;
  font-size: 12px;
  margin-top: 5px;
}

.snippet-pesquisa {
  color: #666;
  font-size: 12px;
  margin-top: 5px;
}

/*SUMARIO DO DOCUMENTO PESQUISA*/

.sumario-pesquisa {
  width: 100%;
  max-width: 950px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 12px;
  margin-top: 5px;
}

@media (min-width: 768px) {

  .sumario-pesquisa {
    width: 80%;
  }
}

.ler-mais, .ler-mais:focus {
  background-color: transparent;
  border: 0px;
  color: orange;
  font-size: 12px;
  outline: 0;
  margin-bottom: 5px;
  display: none !important;
}

  .ler-mais:hover {
    background-color: transparent;
    border: 0px;
  }

  .ler-mais i {
    margin-top: 2px;
  }

/*bootstrap updates*/
.navmenu-nav {
  /*overflow-y:auto;*/
  height: auto;
}

.navmenu-default .navmenu-nav > li > a, .navbar-default .navbar-offcanvas .navmenu-nav li a {
  color: #ccc;
}

  .navmenu-default .navmenu-nav li a:hover, .navbar-default .navbar-offcanvas .navmenu-nav li a:hover {
    color: #666;
    background-color: #ccc;
  }

.navmenu-default .navmenu-nav .active a, .navmenu-default .navmenu-nav .active a:hover {
  color: #666;
  background-color: #ccc;
}

.pagination > .active > a {
  background-color: cornflowerblue !important;
}

/* Biblioteca */
.biblioteca-par .nome {
  font-weight: bold;
}

  .biblioteca-par .nome:after {
    content: ':';
  }

.documento[base=dgsi_bpgr] .desig_texto {
  text-align: left;
  font-size: 120%;
}

.bib_titulo {
  font-weight: bold;
  white-space: nowrap;
  padding-right: 10px;
}

.bib_valor {
  padding-bottom: 5px;
}

.searchpane-input:focus::-ms-clear {
  display: none !important;
}

.modal-content {
  border-radius: 0px;
}

.document-preview-container {
  color: #000 !important;
  position: fixed;
  top: -1000px;
  left: -1000px;
  z-index: 999999999;
  display: none;
  max-width: 600px;
  opacity: 1;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  font-weight: normal !important;
}

  .document-preview-container.visible {
    display: block;
  }


  .document-preview-container .tooltip-inner-box {
    padding: 9px 14px;
    width: 500px;
    max-height: 296px;
    min-height: 150px;
    overflow-y: auto;
  }

.useradmin-usersloggedon .table {
  border-top: 0 !important;
  border-right: 0 !important;
}

.useradmin-usersloggedon td {
  vertical-align: middle !important;
}

.useradmin-usersloggedon th {
  border-top: 1px solid #ddd !important;
}

  .useradmin-usersloggedon th:last-child {
    border-top: 0 !important;
    border-right: 0 !important;
  }

.useradmin-usersloggedon td:last-child {
  width: 120px;
}

.useradmin-usersloggedon .LegiX2016 {
  background-color: rgba(100, 149, 237, 0.25);
}

.useradmin-usersloggedon .Extranet {
  background-color: rgba(0, 255, 13, 0.25);
}

.useradmin {
  width: 100%;
  height: calc(100% - 45px);
  padding: 0;
  margin: 0;
}

  .useradmin .tab-pane {
    float: left;
    width: 200px;
    height: 100%;
    border-right: solid 1px #888888;
    position: relative;
  }

    .useradmin .tab-pane .vert-tab {
      position: absolute;
      margin-top: 50px;
      list-style: none;
      width: 100%;
      background-color: white;
    }

      .useradmin .tab-pane .vert-tab li {
        cursor: pointer;
        height: 45px;
        line-height: 45px;
        border-left: solid 1px #888888;
        border-bottom: solid 1px #888888;
        border-right: 0;
        width: 100%;
        text-align: center;
      }

        .useradmin .tab-pane .vert-tab li:first-child {
          border-top: solid 1px #888888;
          border-top-left-radius: 5px;
        }

        .useradmin .tab-pane .vert-tab li:last-child {
          border-bottom-left-radius: 5px;
        }

        .useradmin .tab-pane .vert-tab li.active {
          background-color: #DDDDDD;
          width: calc(100% + 1px);
        }

        .useradmin .tab-pane .vert-tab li a {
          text-decoration: none;
        }


  .useradmin .tab-content {
    float: left;
    width: calc(100% - 200px);
    height: calc(100% - 43px);
    overflow: auto;
  }

  .useradmin::after {
    content: "";
    clear: both;
  }

  .useradmin .entity-list {
    width: calc(100% - 50px);
    padding: 0 25px;
  }

  .useradmin .entityexpired {
    background-color: #fbb5b5;
  }

  .useradmin .entity-list-table {
    width: 100%;
  }

    .useradmin .entity-list-table th {
      position: relative;
      border: solid 1px black;
      text-align: center;
      padding: 5px;
      font-size: 16px;
      height: 30px;
      line-height: 30px;
    }

    .useradmin .entity-list-table .filter-active {
      background-color: #bcff44;
      /*border-radius: 50%;*/
    }

    .useradmin .entity-list-table .filter {
      position: absolute;
      top: 12px;
      left: 3px;
      width: 90%;
      padding: 3px;
      background-color: white;
      border: solid 1px #dddddd;
      border-radius: 0 0 3px 3px;
      font-size: 12px;
      font-weight: normal;
    }

      .useradmin .entity-list-table .filter input {
        width: calc(100% - 36px);
      }

    .useradmin .entity-list-table td {
      border: solid 1px black;
      border-top: 0;
      width: calc(50% - 100px);
      padding: 2px;
    }

      .useradmin .entity-list-table td:last-child {
        width: 100px;
        text-align: center;
      }

    .useradmin .entity-list-table tbody tr:hover {
      background-color: #eeeeee;
      cursor: pointer;
    }

  .useradmin .entity-details {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.50);
    top: 52px;
    left: 20px;
    width: calc(100% - 40px);
    height: auto;
  }

    .useradmin .entity-details .panel {
    }

.results_debug {
  margin-top: 5px;
  margin-left: 10px;
  height: 21px;
  line-height: 21px;
  font-size: smaller;
  display: inline-block;
}

.expandable-header {
  position: relative;
}

  .expandable-header.collapsed {
    padding-bottom: 0;
  }

  .expandable-header .expand-button {
    position: absolute;
    top: 45px;
    left: 23px;
    border: none;
    background-color: transparent;
    display: block;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
  }

    .expandable-header .expand-button:focus {
      outline: none;
    }

    .expandable-header .expand-button:after {
      content: "";
      left: calc(50% - 2px);
      top: 0;
      height: 100%;
      width: 4px;
      background-color: brown;
      display: none;
      position: absolute;
    }

    .expandable-header .expand-button:before {
      content: "";
      top: calc(50% - 2px);
      left: 0;
      width: 100%;
      height: 4px;
      background-color: brown;
      display: block;
      position: absolute;
    }

  .expandable-header.collapsed .expand-button:after {
    display: block;
  }

.expandable-document {
  transition: all 0.3s linear;
}


  .expandable-document.collapsed {
    height: 0;
    overflow: hidden;
    display: block;
    padding: 0;
    margin: 0;
  }

    .expandable-document.collapsed > a {
      background-image: none;
    }

    .expandable-document.collapsed .btn-group.mais-opcoes {
      display: none;
    }

.grp-codigos-title {
  font-weight: normal;
  color: #666 !important;
  font-size: 14px;
  margin-bottom: 5px;
}

.cods_siblings {
  clear: both;
  display: table;
  /*margin-left: 20px;*/
}

  .cods_siblings .sibling {
    display: table-row;
    /*font-size: smaller;*/
  }

    .cods_siblings .sibling .sibling-title {
      display: table-cell;
      width: 480px;
    }

      .cods_siblings .sibling .sibling-title .designation {
        color: rgba(100, 149, 237, 0.80);
      }

        .cods_siblings .sibling .sibling-title .designation:hover {
          color: #23527c;
          text-decoration: none;
        }

      .cods_siblings .sibling .sibling-title .title {
        color: #666;
      }

    .cods_siblings .sibling .revogado {
      margin-left: 3px;
    }

    .cods_siblings .sibling .data-sibling {
      display: table-cell;
      /*width: 180px;*/
      color: #999;
      text-align: right;
    }

  .cods_siblings .show-more-siblings {
    border: none;
    background-color: transparent;
    color: cornflowerblue;
    padding: 0;
    font-size: small;
  }

    .cods_siblings .show-more-siblings:focus {
      outline: none;
    }



.togglesiblings {
  clear: both;
  border: none;
  padding: 3px 5px;
  margin: 0 0 0 10px;
  /*box-shadow: rgba(100, 149, 237, 0.1) 2px 2px 2px 0;
background-color: rgba(100, 149, 237, 0.2);*/
  background-color: transparent;
  color: cornflowerblue;
  /*text-decoration: underline;*/
  border-radius: 3px;
  transition: all 0.5s ease;
}

  .togglesiblings:focus {
    outline: none;
  }

  .togglesiblings:hover {
    /*background-color: rgba(100, 149, 237, 0.6);*/
  }

  .togglesiblings span {
    text-decoration: underline;
  }

.siblingsnoresults {
  margin-left: 15px;
}

.siblingstitle {
  font-size: smaller;
}

.siblingslist .lx-sentence {
  margin-left: 15px;
  clear: both;
}

.siblingslist .sibling {
  margin-left: 15px;
}

  .siblingslist .sibling:not(:first-child) {
    border-top: #eee 1px solid;
    margin-top: 10px;
  }

.siblingslist-buttons {
  padding: 15px;
  display: flex;
}

  .siblingslist-buttons .togglesiblings {
    padding: 3px 15px;
    box-shadow: rgba(100, 149, 237, 0.1) 2px 2px 2px 0;
    background-color: cornflowerblue;
    color: white;
    text-decoration: none;
  }

    .siblingslist-buttons .togglesiblings:hover {
      background-color: rgb(53, 87, 254);
    }


/* 
Spinner 
https://loading.io/css/
*/
.siblings-loading {
  margin-left: 10px;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  border: 0.25rem solid rgba(255, 255, 255, 0.2);
  border-top-color: cornflowerblue;
  -webkit-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*End spinner*/


.show-extranet-message {
  padding-left: 20px;
  padding-right: 20px;
  font-size: 12px;
  display: flex;
  justify-content: center;
}

  .show-extranet-message a {
    color: cornflowerblue;
  }

.header_connected {
  width: 20px;
}

.table-cell.connected {
  width: 20px;
  height: 100%;
  background-color: blueviolet;
}

.db-redaccoes {
  max-width: 100%;
  margin-bottom: 20px;
}

  .db-redaccoes select {
    width: 100%;
  }

.referencias-jurisprudencia-ver-mais {
  margin: 15px auto auto;
  width: 100%;
  text-align: center;
  font-weight: bold;
}
