/* Camadas do CSS. Tudo o que e do sistema (globals.css, legado e sobreposicoes) vive na
   camada 'sistema', na MESMA ordem de carga de sempre, entao a cascata entre eles nao muda.
   O que era !important foi para 'sistema-forte', que vence 'sistema' como o !important
   vencia o normal. Fora de camada fica so o <style> de cada tela, que passa a vencer
   qualquer regra do sistema sem precisar de !important: esse e o fim da guerra. */
@layer sistema {
  .ui-button .ui-button-text {
    line-height: normal;
  }
  .ui-button-text-only .ui-button-text {
    padding: 0px;
  }
  .ui-state-default {
    font-weight: normal;
  }
  .ui-picklist {
    vertical-align: middle;
  }
  .ui-picklist .ui-picklist-list {
    width: 450px;
    height: 250px;
  }
  .ui-picklist-filter-container {
    width: 450px;
  }
  .ui-widget-content.ui-picklist-list.ui-picklist-source.ui-corner-all.ui-sortable {
    width: 450px;
  }
  .ui-widget-content.ui-picklist-list.ui-picklist-target.ui-corner-all.ui-sortable {
    width: 450px;
  }
  .ui-helper-hidden select {
    width: 450px;
  }
  .ui-chkbox .ui-chkbox-box {
    margin-right: 5px;
  }
  .ui-widget-header {
    background: #373950;
    color: #FFFFFF;
  }
  .ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td {
    border-width: 0px;
    padding: 0.7em;
  }
  .ui-datatable .ui-datatable-data .ui-datatable-odd td {
    background-color: #f0f3fa;
  }
  .ui-datatable .ui-datatable-data .ui-datatable-even td {
    background-color: #dedee8;
  }
  .ui-state-default.coluna_acoes {
    width: 15%;
    text-align: center;
  }
  .ui-datatable .ui-paginator, .ui-datatable .ui-paginator {
    padding: 0px;
    border: 0px;
  }
  .ui-chkbox .ui-widget.ui-state-default {
    color: #FFFFFF;
    font-weight: bold;
  }
  ul.epaj_info_menu_lista li ul li a {
    padding: 0px;
  }
  input[type="checkbox"] {
    background: #373950;
    border: 1px solid #444;
    color: #FFFFFF;
    font-weight: bold;
    width: 16px;
    height: 16px;
    border-radius: 2px;
  }
  .ui-tabs.ui-tabs-top > .ui-tabs-nav li {
    border: 1px solid #444;
  }
  .ui-corner-top {
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
  }
}
@layer sistema-forte {
  .ui-growl {
    left: 35%;
    top: 30%;
    width: 30%;
  }
  .ui-growl-message {
    width: 85%;
    text-align: center;
  }
  .ui-datatable thead th {
    font-weight: bold;
    text-align: left;
    background: none;
    background-color: #373950;
    color: #FFF;
    font-weight: bold;
  }
  td button.ui-state-default, td button.ui-widget-content td button.ui-state-default, td button.ui-widget-header td button.ui-state-default,
.ui-paginator .ui-paginator-page, .ui-paginator .ui-paginator-next, .ui-paginator .ui-paginator-last, .ui-paginator .ui-paginator-first, .ui-paginator .ui-paginator-prev {
    font-weight: normal;
    font-family: Arial, Verdana, Geneva, sans-serif;
    font-size: 0.9em;
    height: 26px;
    padding: 0.33em 1em 0.5em 1em;
  }
  .ui-paginator .ui-paginator-page, .ui-paginator .ui-paginator-next, .ui-paginator .ui-paginator-last, .ui-paginator .ui-paginator-first, .ui-paginator .ui-paginator-prev {
    height: 20px;
  }
  button.ui-state-default,
.ui-dialog button.ui-state-default {
    background-image:linear-gradient(to bottom, #393750, #8083a8);
    border: 1px solid #333;
    color: #FFF;
    font-weight: normal;
    font-family: Arial,Verdana, Geneva, sans-serif;
    font-size: 1em;
    height: 26px;
    padding: 0em 1em;
  }
  button.ui-state-default:hover,
.ui-dialog button.ui-state-default:hover {
    border: 1px solid #444;
    background-image:linear-gradient(to top, #393750, #8083a8);
    cursor: pointer;
    font-weight: normal;
    color:#FFF;
  }
  .ui-dialog button.ui-state-default span {
    color:#CCC;
  }
  .ui-dialog button.ui-state-default:hover span {
    color:#FFF;
  }
  #pickPanel html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    vertical-align: middle;
  }
  .ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td {
    white-space: normal;
  }
  .ui-tabs.ui-tabs-top > .ui-tabs-nav li {
    background-image:linear-gradient(to bottom, #69719c, #373950);
    color: #000;
  }
  .ui-paginator-current {
    float: left;
    backgrond-color:#dedee8;
  }
  .ui-dialog-footer {
    background-color: white;
  }
}