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

section#pagina {

  padding:0 2.500rem 0 27.500rem;
}



/**************************************************************************************************/
/** 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: Geral ***********************************************************************/
/**************************************************************************************************/

section#modal header {

  padding:0.400rem 0.500rem 0 0.500rem;

  border-bottom-width:0.500rem;
  border-bottom-style:solid;
  border-bottom-color:#FFFFFF;
  border-radius:5px 5px 0 0;

  background-color:#F7F7F7;
}


section#modal header h1 {

  font-size:3.000rem;
  font-weight:bold;
  color:#393F3F;
}


section#modal article div.rolagem-padrao {

  min-width:63.000rem;
  height:30.000rem;

  overflow:auto;
}



/**************************************************************************************************/
/** Conteudo - Modal: Cadastro & Visualizar *******************************************************/
/**************************************************************************************************/

section#modal article div.rolagem-padrao form > fieldset,
section#modal article div.rolagem-padrao > div:not(.tabs-geral):not(.box-msg-linha):not(#dropbox),
section#modal article div.rolagem-padrao div.tabs-geral > div > fieldset {

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

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


section#modal article div.rolagem-padrao form > fieldset h2,
section#modal article div.rolagem-padrao > div:not(#dropbox) h2,
section#modal article div.rolagem-padrao div.tabs-geral > div > fieldset h2 {

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

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

  background-color:#E5EAF0;
}


section#modal article div.rolagem-padrao form > fieldset > div,
section#modal article div.rolagem-padrao > div:not(#dropbox) > div,
section#modal article div.rolagem-padrao div.tabs-geral > div > fieldset > div {

  width:100%;

  margin:0 0 0 0 !important;
  padding:0.500rem 0.5rem 0.500rem 0.500rem;

  background-color:#F9F9F9;
}


section#modal article div.rolagem-padrao form > fieldset > div div:not(.ms-drop):not(.ms-search),
section#modal article div.rolagem-padrao > div:not(#dropbox) > div div,
section#modal article div.rolagem-padrao div.tabs-geral > div > fieldset > div div {

  float:left;
  width:100%;

  margin:0 0 0.700rem 0;
}


section#modal article div.rolagem-padrao form > fieldset div label:not(.error),
section#modal article div.rolagem-padrao div.tabs-geral > div > fieldset div label:not(.error) {

  display:block;

  min-height:2.400rem;
  padding:0.400rem 0 0 0.500rem;

  font-size:1.300rem;
}


section#modal article div.rolagem-padrao form > fieldset div div p,
section#modal article div.rolagem-padrao > div:not(#dropbox) > div p {

  display:block;
  padding:0.300rem 0 0 0.500rem;

  font-size:1.200rem;
}


section#modal article div.rolagem-padrao form > fieldset div label.error,
section#modal article div.rolagem-padrao div.tabs-geral > div > fieldset div label.error {

  clear:both;
  display:block;

  padding:0.100rem 0.300rem 0.300rem 0.300rem;

  font-size:1.300rem;
  color:#FF0000;
}


section#modal article div.rolagem-padrao form > fieldset div label.labelErro,
section#modal article div.rolagem-padrao div.tabs-geral > div > fieldset div label.labelErro {

  color:#FF0000 !important;
}


section#modal article div.rolagem-padrao form > fieldset > div.checkbox label,
section#modal article div.rolagem-padrao div.tabs-geral > div > fieldset div.checkbox label {

  float:left;
  width:20%;
}


section#modal article div.rolagem-padrao form > fieldset > div.checkbox br,
section#modal article div.rolagem-padrao div.tabs-geral > div > fieldset div.checkbox br {

  display:none;
}


section#modal article div.rolagem-padrao form > fieldset div input:not(.ms-search-input),
section#modal article div.rolagem-padrao form > fieldset div select,
section#modal article div.rolagem-padrao form > fieldset div textarea,
section#modal article div.rolagem-padrao div.tabs-geral > div > fieldset div input,
section#modal article div.rolagem-padrao div.tabs-geral > div > fieldset div select,
section#modal article div.rolagem-padrao div.tabs-geral > div > fieldset div textarea {

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

  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.400rem;

  background-color:#FFFFFF;
}


section#modal article div.rolagem-padrao form > fieldset div input.ui-autocomplete-input {
  width:90%;
}


section#modal article div.rolagem-padrao form > fieldset > div.checkbox label input,
section#modal article div.rolagem-padrao div.tabs-geral > div > fieldset div.checkbox label input {

  margin-right:0.500rem;
}


section#modal article div.rolagem-padrao form > fieldset div select,
section#modal article div.rolagem-padrao div.tabs-geral > div > fieldset div select {

  padding:0.300rem 0.400rem 0.300rem 0.400rem;
}


section#modal article div.rolagem-padrao form > fieldset div button.botao,
section#modal article div.rolagem-padrao div.tabs-geral > div > fieldset div button.botao {

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

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

  outline:none;

  border-width:0.100rem;
  border-style:solid;
  border-color:#CCCCCC;
  border-radius:0.400rem;

  cursor:pointer;
  background-color:#CCCCCC;
}


section#modal article div.rolagem-padrao form > fieldset div button.sem-label,
section#modal article div.rolagem-padrao div.tabs-geral > div > fieldset div button.sem-label {

  margin-top:0;
}


section#modal article div.rolagem-padrao form > fieldset input.error,
section#modal article div.rolagem-padrao form > fieldset select.error,
section#modal article div.rolagem-padrao form > fieldset textarea.error,
section#modal article div.rolagem-padrao div.tabs-geral > div > fieldset div input.error,
section#modal article div.rolagem-padrao div.tabs-geral > div > fieldset div select.error,
section#modal article div.rolagem-padrao div.tabs-geral > div > fieldset div textarea.error {

  border-color:#FF0000;
  background-color:#FFFFFF;
}


section#modal article div.rolagem-padrao form > fieldset input.campoErro,
section#modal article div.rolagem-padrao form > fieldset select.campoErro,
section#modal article div.rolagem-padrao form > fieldset textarea.campoErro,
section#modal article div.rolagem-padrao div.tabs-geral > div > fieldset div input.campoErro,
section#modal article div.rolagem-padrao div.tabs-geral > div > fieldset div select.campoErro,
section#modal article div.rolagem-padrao div.tabs-geral > div > fieldset div textarea.campoErro {

  border-color:#FF0000 !important;
  background-color:#FFE6EA !important;
}


section#modal article div.rolagem-padrao form > fieldset input:not(.ms-search-input):focus,
section#modal article div.rolagem-padrao form > fieldset select:focus,
section#modal article div.rolagem-padrao form > fieldset textarea:focus,
section#modal article div.rolagem-padrao div.tabs-geral > div > fieldset div input:focus,
section#modal article div.rolagem-padrao div.tabs-geral > div > fieldset div select:focus,
section#modal article div.rolagem-padrao div.tabs-geral > div > fieldset div textarea:focus {

  border-color:#00238C;
  background-color:#FFFFCC;
}


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