/**************************************************************************************************/
/** Conteudo - Página: Geral **********************************************************************/
/**************************************************************************************************/

section#pagina {

  padding-top: 2.500rem;
  padding-bottom: 2.500rem;
  padding-left: 2.500rem;
  padding-right: calc(var(--sidebar-width) + 5.000rem);
  transition: padding-right 0.3s ease;
}



/**************************************************************************************************/
/** Conteudo - Página: Topo ***********************************************************************/
/**************************************************************************************************/

section#pagina header {

  margin:0 0 1.000rem 0;
  padding:0 0 1.000rem 0;

  border-bottom-width:0.100rem;
  border-bottom-style:solid;
  border-bottom-color:#CCCCCC;
}


section#pagina header hgroup h1 {

  font-size:3.000rem;
  font-weight:bold;
}


section#pagina header hgroup h2 {

  font-size:1.500rem;
  font-weight:normal;
}



/**************************************************************************************************/
/** Conteudo - Página: Filtro Avançado ************************************************************/
/**************************************************************************************************/

section#pagina header aside.filtro {

  margin:2.000rem 0 0 0;
  background-color:#F7F7F7;
}


section#pagina header aside.filtro form {

  padding:1.000rem 1.000rem 0.500rem 1.000rem;
}


section#pagina header aside.filtro form fieldset > div {

  float:left;
  margin:0 2.000rem 1.000rem 0;
}


section#pagina header aside.filtro form fieldset > div > label {

  display:block;
  margin:0 0 0.300rem 0;
  font-size:1.300rem;
}


section#pagina header aside.filtro form fieldset > div > input,
section#pagina header aside.filtro form fieldset > div > select {

  height:2.100rem;

  margin:0.100rem 0 0.100rem 0;
  padding:0.200rem 0.200rem 0.100rem 0.200rem;

  font-family:UbuntuRegular,Arial,Geneva,sans-serif;
  font-size:1.200rem;
  color:#333333;

  outline:none;

  border-width:0.100rem;
  border-style:solid;
  border-color:#667171;
  border-radius:0.200rem;

  background-color:#FFFFFF;
}


section#pagina header aside.filtro form fieldset > div > div {

  height:2.300rem;
}


section#pagina header aside.filtro form fieldset > div > input.botao,
section#pagina header aside.filtro form fieldset > div > button.botao {

  height:2.100rem;

  margin:2.000rem 0 0 0;
  padding:0.100rem 0.400rem 0 0.400rem;

  font-family:UbuntuRegular,Arial,Geneva,sans-serif;
  font-size:1.200rem;
  font-weight:bold;
  color:#FFFFFF;

  outline:none;
  cursor:pointer;

  border-width:0.100rem;
  border-style:solid;
  border-color:#667171;
  border-radius:0.200rem;

  background-color:#667171;
}


section#pagina header aside.filtro form fieldset > div.apagar-pesquisa {

  float:right;
  display:block;

  width:3.000rem;
  height:3.000rem;

  margin:0 0 0 0;
}


section#pagina header aside.filtro form fieldset > div.apagar-pesquisa button {

  display:none;

  width:3.000rem;
  height:3.000rem;

  margin:0 0 0 0.400rem;
  padding:0 0.300rem 0 0.300rem;

  text-indent:-20000px;
  overflow:hidden;

  background-repeat:no-repeat;
  background-position:center center;
}


section#pagina header aside.filtro a.abre-fecha-filtro {

  display:block;
  overflow:hidden;

  width:100%;
  height:1rem;

  text-indent:-20000px;
  overflow:hidden;

  background-color:#FF6408;
  background-position:center center;
  background-repeat:no-repeat;
}


section#pagina header aside.filtro a.abre-fecha-filtro:hover {
  background-color:#CCCCCC;
}



/**************************************************************************************************/
/** Formulários Opcionais *************************************************************************/
/**************************************************************************************************/

a.abrir-fechar-form-opcional {

  display:block;
  overflow:hidden;

  width:100%;
  height:1rem;

  text-indent:-20000px;
  overflow:hidden;

  background-color:#EAEAEA;
  background-position:center center;
  background-repeat:no-repeat;
}


a.abrir-fechar-form-opcional:hover {
  background-color:#CCCCCC;
}



/**************************************************************************************************/
/** Conteudo - Página: Listagem: DIVs *************************************************************/
/**************************************************************************************************/

section#pagina article div.listagem {

  margin:0 0 1.000rem 0;
  padding:0 0 0 0.500rem;

  border-left-width:0.500rem;
  border-left-style:solid;
  border-left-color:#393F3F;
}


section#pagina article div.listagem div:nth-of-type(1) {

  margin:0 0 0.200rem 0;
  padding:0.300rem 0.300rem 0.300rem 0.700rem;

  font-size:1.700rem;
  font-weight:bold;

  background-color:#E5EAF0;
}


section#pagina article div.listagem:hover div:nth-of-type(1) {

  background-color:#CCFFCC;
}


section#pagina article div.listagem.simples div:nth-of-type(1) {

  display:none;
}


section#pagina article div.listagem div:nth-of-type(2) {

  min-height:5.000rem;
  background-color:#F7F7F7;
}


section#pagina article div.listagem.simples:hover div:nth-of-type(2) {

  background-color:#CCFFCC;
}


section#pagina article div.listagem div:nth-of-type(2) p {

  float:left;

  padding:0.500rem 1.500rem 0.500rem 1.500rem;
  font-size:1.500rem;

  border-right-width:0.100rem;
  border-right-style:solid;
  border-right-color:#EEEEEE;
}


section#pagina article div.listagem div:nth-of-type(2) p:last-of-type {

  border-right:none;
}


section#pagina article div.listagem div:nth-of-type(2) p strong {

  display:block;

  font-size:1.000rem;
  font-weight:bold;
}



/**************************************************************************************************/
/** Conteudo - Página: Listagem: Geral ************************************************************/
/**************************************************************************************************/

section#pagina article ul.num-registros {

  float:right;
  list-style:none;
}


section#pagina article ul.num-registros li {

  display:inline-block;

  margin:0 0 0.800rem 0;
  padding:0 0.500rem 0 0.500rem;

  border-right-width:1px;
  border-right-style:solid;
  border-right-color:#666666;
}


section#pagina article ul.num-registros li:last-of-type {

  border-right:none;
}




/**************************************************************************************************/
/** Conteudo - Modal: movido para /public/modules/v2/css/pagina.css *******************************/
/**************************************************************************************************/





input.disabled, select.disabled, textarea.disabled,
input.readonly, select.readonly, textarea.readonly {

  border-color:#DDDDDD !important;
  background-color:#EEEEEE !important;
}



/**************************************************************************************************/
/** Conteudo - Listagem Padrão ********************************************************************/
/**************************************************************************************************/

table.listagem-padrao {

  width:100%;
  border-collapse:collapse;
}


table.listagem-padrao thead tr {

  border-bottom-width:0.200rem;
  border-bottom-style:solid;
  border-bottom-color:#FFFFFF;

  background-color:#CCCCCC;
}


table.listagem-padrao tfoot tr {

  text-align:right;

  border-top-width:0.200rem;
  border-top-style:solid;
  border-top-color:#FFFFFF;

  background-color:#F0F8FF;
}


table.listagem-padrao thead tr th,
table.listagem-padrao tfoot tr th {

  padding:0.600rem 0.500rem 0.400rem 0.500rem;
  font-size:1.200rem;

  border-right-width:0.100rem;
  border-right-style:solid;
  border-right-color:#FFFFFF;
}


table.listagem-padrao tfoot tr th {

  font-size:1.100rem;
}


table:not(.sem-botoes).listagem-padrao thead tr th:last-of-type,
table:not(.sem-botoes).listagem-padrao tfoot tr th:last-of-type {

  border-right-width:0;
}


table.listagem-padrao tbody tr {

  border-bottom-width:0.200rem;
  border-bottom-style:solid;
  border-bottom-color:#FFFFFF;

  background-color:#F7F7F7;
}


table.listagem-padrao tbody tr.vermelho,
table.listagem-padrao tbody tr.vermelho:hover {

  background-color:#FFE5E5;
}


table.listagem-padrao tbody tr:last-of-type {

  border-bottom-width:0;
}


table.listagem-padrao tbody tr:hover,
table.listagem-padrao tbody tr.fundoAmarelo:hover,
table.listagem-padrao tbody tr.fundoAzul:hover {

  background-color:#CCFFCC !important;
}


table.listagem-padrao tbody tr td {

  padding:0 0.500rem 0 0.500rem;
  font-size:1.200rem;

  border-right-width:0.100rem;
  border-right-style:solid;
  border-right-color:#FFFFFF;
}


table.listagem-padrao tbody tr td.botao {
  padding:0 0 0 0;
}


table.listagem-padrao.sem-botoes tbody tr td {

  padding-top:0.500rem;
  padding-bottom:0.500rem;
}


table.listagem-padrao tbody tr td input,
table.listagem-padrao tfoot tr th input,
table.listagem-padrao tbody tr td select {

  margin:0.100rem 0 0 0;
  padding:0.200rem 0.200rem 0 0.200rem;

  font-family:UbuntuRegular,Arial,Geneva,sans-serif;
  font-size:1.100rem;
  color:#333333;

  outline:none;

  border-width:0.100rem;
  border-style:solid;
  border-color:#667171;
  border-radius:0.200rem;

  background-color:#FFFFFF;
}


table.listagem-padrao tbody tr td[colspan="20"],
table.listagem-padrao tbody tr td.sem-botoes,
table.listagem-padrao tbody tr td.sem-registro {

  padding:0.700rem 0.500rem 0.700rem 0.500rem;
  font-size:1.200rem;
}



/**************************************************************************************************/
/** Tamanhos **************************************************************************************/
/**************************************************************************************************/

.w4   { width:4%   !important; }
.w5   { width:5%   !important; }
.w6   { width:6%   !important; }
.w7   { width:7%   !important; }
.w8   { width:8%   !important; }
.w9   { width:9%   !important; }
.w10  { width:10%  !important; }
.w12  { width:12%  !important; }
.w13  { width:13%  !important; }
.w14  { width:14%  !important; }
.w15  { width:15%  !important; }
.w16  { width:16%  !important; }
.w17  { width:17%  !important; }
.w18  { width:18%  !important; }
.w19  { width:19%  !important; }
.w20  { width:20%  !important; }
.w21  { width:21%  !important; }
.w25  { width:25%  !important; }
.w27  { width:27%  !important; }
.w28  { width:28%  !important; }
.w30  { width:30%  !important; }
.w32  { width:32%  !important; }
.w33  { width:33%  !important; }
.w35  { width:35%  !important; }
.w36  { width:36%  !important; }
.w37  { width:37%  !important; }
.w40  { width:40%  !important; }
.w42  { width:42%  !important; }
.w45  { width:45%  !important; }
.w50  { width:50%  !important; }
.w55  { width:55%  !important; }
.w58  { width:58%  !important; }
.w60  { width:60%  !important; }
.w65  { width:65%  !important; }
.w66  { width:66%  !important; }
.w70  { width:70%  !important; }
.w75  { width:75%  !important; }
.w80  { width:80%  !important; }
.w83  { width:83%  !important; }
.w85  { width:85%  !important; }
.w90  { width:90%  !important; }
.w91  { width:91%  !important; }
.w92  { width:92%  !important; }
.w93  { width:93%  !important; }
.w94  { width:94%  !important; }
.w95  { width:95%  !important; }
.w96  { width:96%  !important; }
.w97  { width:97%  !important; }
.w98  { width:98%  !important; }
.w99  { width:99%  !important; }
.w100 { width:100% !important; }