/*************
    matrici
*************/
/* ESE01*/
.component.MAT.ese01 .ui-datatable table thead tr th.ui-state-default {
  color: #ffffff;
  font-size: 12px;
  line-height: 40px;
  padding: 0 4px 0 10px;
  text-transform: uppercase;
}

.component.MAT.ese01
  .ui-datatable
  table
  thead
  tr
  th.ui-state-default:first-child {
  background: #e67e22;
}
.component.MAT.ese01
  .ui-datatable
  table
  thead
  tr
  th.ui-state-default.ui-state-hover:first-child {
  background: #d35400;
}
.component.MAT.ese01
  .ui-datatable
  table
  thead
  tr
  th.ui-state-default:nth-child(2) {
  background: #f39c12;
}
.component.MAT.ese01
  .ui-datatable
  table
  thead
  tr
  th.ui-state-default.ui-state-hover:nth-child(2) {
  background: #f39c12;
}
.component.MAT.ese01
  .ui-datatable
  table
  thead
  tr
  th.ui-state-default:nth-child(3) {
  background: #2ecc71;
}
.component.MAT.ese01
  .ui-datatable
  table
  thead
  tr
  th.ui-state-default.ui-state-hover:nth-child(3) {
  background: #27ae60;
}
.component.MAT.ese01
  .ui-datatable
  table
  thead
  tr
  th.ui-state-default:nth-child(4) {
  background: #1abc9c;
}
.component.MAT.ese01
  .ui-datatable
  table
  thead
  tr
  th.ui-state-default.ui-state-hover:nth-child(4) {
  background: #16a085;
}
.component.MAT.ese01
  .ui-datatable
  table
  thead
  tr
  th.ui-state-default:nth-child(5) {
  background: #3498db;
}
.component.MAT.ese01
  .ui-datatable
  table
  thead
  tr
  th.ui-state-default.ui-state-hover:nth-child(5) {
  background: #2980b9;
}
.component.MAT.ese01
  .ui-datatable
  table
  thead
  tr
  th.ui-state-default:nth-child(6) {
  background: #9b59b6;
}
.component.MAT.ese01
  .ui-datatable
  table
  thead
  tr
  th.ui-state-default.ui-state-hover:nth-child(6) {
  background: #8e44ad;
}

.component.MAT.ese01 .ui-datatable table tbody tr td {
  border-bottom: none;
  padding: 7px 4px 7px 10px;
}

.component.MAT.ese01 .ui-datatable table tbody tr td:first-child,
.component.MAT.ese01 .ui-datatable table tbody tr td:nth-child(3),
.component.MAT.ese01 .ui-datatable table tbody tr td:nth-child(5) {
  background: #ebebeb;
}

.component.MAT.ese01 .ui-datatable table tbody tr td:nth-child(2),
.component.MAT.ese01 .ui-datatable table tbody tr td:nth-child(4),
.component.MAT.ese01 .ui-datatable table tbody tr td:nth-child(6) {
  background: #e3e3e3;
}

.component.MAT.ese01
  .ui-datatable
  table
  tbody
  tr.ui-datatable-odd
  td:first-child,
.component.MAT.ese01
  .ui-datatable
  table
  tbody
  tr.ui-datatable-odd
  td:nth-child(3),
.component.MAT.ese01
  .ui-datatable
  table
  tbody
  tr.ui-datatable-odd
  td:nth-child(5) {
  background: #ffffff;
}

.component.MAT.ese01
  .ui-datatable
  table
  tbody
  tr.ui-datatable-odd
  td:nth-child(2),
.component.MAT.ese01
  .ui-datatable
  table
  tbody
  tr.ui-datatable-odd
  td:nth-child(4),
.component.MAT.ese01
  .ui-datatable
  table
  tbody
  tr.ui-datatable-odd
  td:nth-child(6) {
  background: #f6f6f6;
}

.component.MAT.ese01 .ui-datatable table tfoot {
  display: none;
}

/* ESE02*/
.component.MAT.ese02 .ui-datatable table thead tr th.ui-state-default {
  background: #308cab;
  color: #ffffff;
  font-size: 14px;
  text-transform: capitalize;
  font-weight: normal;
  padding: 0 6px;
  line-height: 32px;
  border-bottom: none;
}

.component.MAT.ese02 .ui-datatable table tbody tr td {
  border-bottom-color: #308cab;
  padding: 8px 5px;
  font-size: 13px;
  color: #303030;
}

.component.MAT.ese02 .ui-datatable table tbody tr.ui-datatable-odd td {
  background: #ececeb;
}

/* ESE03*/
.component.MAT.ese03 .ui-datatable table {
  border-spacing: 3px;
  border-collapse: separate;
}

.component.MAT.ese03 .ui-datatable table thead tr th.ui-state-default {
  background: #f39c12;
  color: #fffff;
}

.component.MAT.ese03 .ui-datatable table tbody tr td {
  border: none;
  background: #ebebeb;
}

.component.MAT.ese03 .ui-datatable table tbody tr.ui-datatable-odd td {
  background: #e3e3e3;
}

/*************
    input panel
*************/

/* ESE05*/
.component.INP.ese05 {
  background: #f1f1eb;
  padding: 10px;
  border-radius: 3px;
}

.component.INP.ese05 .formPnlGrp td.-smeup-fieldLabel,
.component.INP.ese05 .formPnlGrp td.-smeup-fieldInput,
.component.INP.ese05 .formPnlGrp td.-smeup-fieldMessage {
  display: block;
  width: 100%;
}

.component.INP.ese05 .formPnlGrp td.-smeup-fieldLabel,
.component.INP.ese05 .formPnlGrp td.-smeup-fieldLabel > label {
  text-align: left;
  color: #4285f4;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 11px;
  padding: 0;
}

.component.INP.ese05
  .formPnlGrp
  td.-smeup-fieldInput
  input.ui-inputfield.ui-state-default,
.component.INP.ese05
  .formPnlGrp
  td.-smeup-fieldInput
  input.ui-inputfield.ui-inputtext.ui-state-default,
.component.INP.ese05
  .formPnlGrp
  td.-smeup-fieldInput
  input.ui-inputfield.ui-password.ui-state-default,
.component.INP.ese05
  .formPnlGrp
  td.-smeup-fieldInput
  input.ui-inputfield.hasDatepicker.ui-state-default,
.component.INP.ese05 .ui-dialog-content input.ui-inputfield.ui-state-default,
.component.INP.ese05
  .ui-dialog-content
  input.ui-inputfield.ui-inputtext.ui-state-default,
.component.INP.ese05
  .ui-dialog-content
  input.ui-inputfield.ui-password.ui-state-default,
.component.INP.ese05
  .ui-dialog-content
  input.ui-inputfield.hasDatepicker.ui-state-default,
.component.INP.ese05
  .formPnlGrp
  td.-smeup-fieldInput
  input.ui-spinner-input.ui-state-default,
.component.INP.ese05 .formPnlGrp td.-smeup-fieldInput .ui-selectonemenu,
.component.INP.ese05
  div.ui-autocomplete-panel
  .ui-selectonemenu-filter-container
  input.ui-selectonemenu-filter,
.component.INP.ese05
  div.ui-selectonemenu-panel
  .ui-selectonemenu-filter-container
  input.ui-selectonemenu-filter,
.component.INP.ese05
  .formPnlGrp
  td.-smeup-fieldInput
  input.ui-autocomplete-input.ui-state-default,
.component.INP.ese05
  .formPnlGrp
  td.-smeup-fieldInput
  textarea.ui-state-default {
  background: #ffffff;
  border: 1px solid #c0c0c0;
  border-radius: 3px;
}

.component.INP.ese05
  .formPnlGrp
  td.-smeup-fieldInput
  input.ui-inputfield.ui-state-default
  + a.ui-commandlink,
.component.INP.ese05
  .formPnlGrp
  td.-smeup-fieldInput
  input.ui-inputfield.ui-state-default
  + button.ui-button,
.component.INP.ese05
  .formPnlGrp
  td.-smeup-fieldInput
  input.ui-inputfield.ui-inputtext.ui-state-default
  + a.ui-commandlink,
.component.INP.ese05
  .formPnlGrp
  td.-smeup-fieldInput
  input.ui-inputfield.ui-inputtext.ui-state-default
  + button.ui-button,
.component.INP.ese05
  .formPnlGrp
  td.-smeup-fieldInput
  input.ui-inputfield.ui-password.ui-state-default
  + a.ui-commandlink,
.component.INP.ese05
  .formPnlGrp
  td.-smeup-fieldInput
  input.ui-inputfield.ui-password.ui-state-default
  + button.ui-button,
.component.INP.ese05
  .formPnlGrp
  td.-smeup-fieldInput
  input.ui-inputfield.hasDatepicker.ui-state-default
  + a.ui-commandlink,
.component.INP.ese05
  .formPnlGrp
  td.-smeup-fieldInput
  input.ui-inputfield.hasDatepicker.ui-state-default
  + button.ui-button,
.component.INP.ese05
  .ui-dialog-content
  input.ui-inputfield.ui-state-default
  + a.ui-commandlink,
.component.INP.ese05
  .ui-dialog-content
  input.ui-inputfield.ui-state-default
  + button.ui-button,
.component.INP.ese05
  .ui-dialog-content
  input.ui-inputfield.ui-inputtext.ui-state-default
  + a.ui-commandlink,
.component.INP.ese05
  .ui-dialog-content
  input.ui-inputfield.ui-inputtext.ui-state-default
  + button.ui-button,
.component.INP.ese05
  .ui-dialog-content
  input.ui-inputfield.ui-password.ui-state-default
  + a.ui-commandlink,
.component.INP.ese05
  .ui-dialog-content
  input.ui-inputfield.ui-password.ui-state-default
  + button.ui-button,
.component.INP.ese05
  .ui-dialog-content
  input.ui-inputfield.hasDatepicker.ui-state-default
  + a.ui-commandlink,
.component.INP.ese05
  .ui-dialog-content
  input.ui-inputfield.hasDatepicker.ui-state-default
  + button.ui-button {
  margin-left: 6px;
  border-radius: 100%;
  width: 30px;
  height: 30px;
}

.component.INP.ese05
  .formPnlGrp
  td.-smeup-fieldInput
  input.ui-inputfield.ui-state-default,
.component.INP.ese05
  .formPnlGrp
  td.-smeup-fieldInput
  input.ui-inputfield.ui-inputtext.ui-state-default,
.component.INP.ese05
  .formPnlGrp
  td.-smeup-fieldInput
  input.ui-inputfield.ui-password.ui-state-default,
.component.INP.ese05
  .formPnlGrp
  td.-smeup-fieldInput
  input.ui-inputfield.hasDatepicker.ui-state-default,
.component.INP.ese05 .ui-dialog-content input.ui-inputfield.ui-state-default,
.component.INP.ese05
  .ui-dialog-content
  input.ui-inputfield.ui-inputtext.ui-state-default,
.component.INP.ese05
  .ui-dialog-content
  input.ui-inputfield.ui-password.ui-state-default,
.component.INP.ese05
  .ui-dialog-content
  input.ui-inputfield.hasDatepicker.ui-state-default,
.component.INP.ese05
  .formPnlGrp
  td.-smeup-fieldInput
  input.ui-spinner-input.ui-state-default,
.component.INP.ese05 .formPnlGrp td.-smeup-fieldInput .ui-selectonemenu,
.component.INP.ese05
  div.ui-autocomplete-panel
  .ui-selectonemenu-filter-container
  input.ui-selectonemenu-filter,
.component.INP.ese05
  div.ui-selectonemenu-panel
  .ui-selectonemenu-filter-container
  input.ui-selectonemenu-filter,
.component.INP.ese05
  .formPnlGrp
  td.-smeup-fieldInput
  input.ui-autocomplete-input.ui-state-default,
.component.INP.ese05
  .formPnlGrp
  td.-smeup-fieldInput
  textarea.ui-state-default {
  background: #ffffff;
  border: 1px solid #c0c0c0;
  border-radius: 3px;
}

.component.INP.ese05
  button.-smeup-inputpanelbutton.ui-state-default.btn-primary,
.component.INP.ese05 button.-smeup-button.ui-state-default.btn-primary {
  box-shadow: none;
  border-radius: 6px;
}

/* ESE06*/
.component.INP.ese06 {
  background: #4285f4;
  padding: 10px;
}

.component.INP.ese06 .formPnlGrp td.-smeup-fieldLabel,
.component.INP.ese06 .formPnlGrp td.-smeup-fieldInput,
.component.INP.ese06 .formPnlGrp td.-smeup-fieldMessage {
  display: block;
  width: 100%;
}

.component.INP.ese06 .formPnlGrp td.-smeup-fieldLabel,
.component.INP.ese06 .formPnlGrp td.-smeup-fieldLabel > label {
  text-align: left;
  color: #ffffff;
  font-size: 12px;
  padding: 0;
}

.component.INP.ese06
  .formPnlGrp
  td.-smeup-fieldInput
  input.ui-inputfield.ui-state-default,
.component.INP.ese06
  .formPnlGrp
  td.-smeup-fieldInput
  input.ui-inputfield.ui-inputtext.ui-state-default,
.component.INP.ese06
  .formPnlGrp
  td.-smeup-fieldInput
  input.ui-inputfield.ui-password.ui-state-default,
.component.INP.ese06
  .formPnlGrp
  td.-smeup-fieldInput
  input.ui-inputfield.hasDatepicker.ui-state-default,
.component.INP.ese06 .ui-dialog-content input.ui-inputfield.ui-state-default,
.component.INP.ese06
  .ui-dialog-content
  input.ui-inputfield.ui-inputtext.ui-state-default,
.component.INP.ese06
  .ui-dialog-content
  input.ui-inputfield.ui-password.ui-state-default,
.component.INP.ese06
  .ui-dialog-content
  input.ui-inputfield.hasDatepicker.ui-state-default,
.component.INP.ese06
  .formPnlGrp
  td.-smeup-fieldInput
  input.ui-spinner-input.ui-state-default,
.component.INP.ese06 .formPnlGrp td.-smeup-fieldInput .ui-selectonemenu,
.component.INP.ese06
  div.ui-autocomplete-panel
  .ui-selectonemenu-filter-container
  input.ui-selectonemenu-filter,
.component.INP.ese06
  div.ui-selectonemenu-panel
  .ui-selectonemenu-filter-container
  input.ui-selectonemenu-filter,
.component.INP.ese06
  .formPnlGrp
  td.-smeup-fieldInput
  input.ui-autocomplete-input.ui-state-default,
.component.INP.ese06
  .formPnlGrp
  td.-smeup-fieldInput
  textarea.ui-state-default {
  background: #ffffff;
  border: 2px solid #7baaf7;
  border-radius: 4px;
  height: 35px;
}

.component.INP.ese06
  .formPnlGrp
  td.-smeup-fieldInput
  input.ui-inputfield.ui-state-default
  + a.ui-commandlink,
.component.INP.ese06
  .formPnlGrp
  td.-smeup-fieldInput
  input.ui-inputfield.ui-state-default
  + button.ui-button,
.component.INP.ese06
  .formPnlGrp
  td.-smeup-fieldInput
  input.ui-inputfield.ui-inputtext.ui-state-default
  + a.ui-commandlink,
.component.INP.ese06
  .formPnlGrp
  td.-smeup-fieldInput
  input.ui-inputfield.ui-inputtext.ui-state-default
  + button.ui-button,
.component.INP.ese06
  .formPnlGrp
  td.-smeup-fieldInput
  input.ui-inputfield.ui-password.ui-state-default
  + a.ui-commandlink,
.component.INP.ese06
  .formPnlGrp
  td.-smeup-fieldInput
  input.ui-inputfield.ui-password.ui-state-default
  + button.ui-button,
.component.INP.ese06
  .formPnlGrp
  td.-smeup-fieldInput
  input.ui-inputfield.hasDatepicker.ui-state-default
  + a.ui-commandlink,
.component.INP.ese06
  .formPnlGrp
  td.-smeup-fieldInput
  input.ui-inputfield.hasDatepicker.ui-state-default
  + button.ui-button,
.component.INP.ese06
  .ui-dialog-content
  input.ui-inputfield.ui-state-default
  + a.ui-commandlink,
.component.INP.ese06
  .ui-dialog-content
  input.ui-inputfield.ui-state-default
  + button.ui-button,
.component.INP.ese06
  .ui-dialog-content
  input.ui-inputfield.ui-inputtext.ui-state-default
  + a.ui-commandlink,
.component.INP.ese06
  .ui-dialog-content
  input.ui-inputfield.ui-inputtext.ui-state-default
  + button.ui-button,
.component.INP.ese06
  .ui-dialog-content
  input.ui-inputfield.ui-password.ui-state-default
  + a.ui-commandlink,
.component.INP.ese06
  .ui-dialog-content
  input.ui-inputfield.ui-password.ui-state-default
  + button.ui-button,
.component.INP.ese06
  .ui-dialog-content
  input.ui-inputfield.hasDatepicker.ui-state-default
  + a.ui-commandlink,
.component.INP.ese06
  .ui-dialog-content
  input.ui-inputfield.hasDatepicker.ui-state-default
  + button.ui-button {
  margin-left: 6px;
  border-radius: 100%;
  width: 30px;
  height: 30px;
}

.component.INP.ese06
  .formPnlGrp
  td.-smeup-fieldInput
  input.ui-inputfield.ui-state-default,
.component.INP.ese06
  .formPnlGrp
  td.-smeup-fieldInput
  input.ui-inputfield.ui-inputtext.ui-state-default,
.component.INP.ese06
  .formPnlGrp
  td.-smeup-fieldInput
  input.ui-inputfield.ui-password.ui-state-default,
.component.INP.ese06
  .formPnlGrp
  td.-smeup-fieldInput
  input.ui-inputfield.hasDatepicker.ui-state-default,
.component.INP.ese06 .ui-dialog-content input.ui-inputfield.ui-state-default,
.component.INP.ese06
  .ui-dialog-content
  input.ui-inputfield.ui-inputtext.ui-state-default,
.component.INP.ese06
  .ui-dialog-content
  input.ui-inputfield.ui-password.ui-state-default,
.component.INP.ese06
  .ui-dialog-content
  input.ui-inputfield.hasDatepicker.ui-state-default,
.component.INP.ese06
  .formPnlGrp
  td.-smeup-fieldInput
  input.ui-spinner-input.ui-state-default,
.component.INP.ese06 .formPnlGrp td.-smeup-fieldInput .ui-selectonemenu,
.component.INP.ese06
  div.ui-autocomplete-panel
  .ui-selectonemenu-filter-container
  input.ui-selectonemenu-filter,
.component.INP.ese06
  div.ui-selectonemenu-panel
  .ui-selectonemenu-filter-container
  input.ui-selectonemenu-filter,
.component.INP.ese06
  .formPnlGrp
  td.-smeup-fieldInput
  input.ui-autocomplete-input.ui-state-default,
.component.INP.ese06
  .formPnlGrp
  td.-smeup-fieldInput
  textarea.ui-state-default {
  background: #ffffff;
  border: 2px solid #7baaf7;
  border-radius: 4px;
  height: auto;
}

.component.INP.ese06
  button.-smeup-inputpanelbutton.ui-state-default.btn-primary,
.component.INP.ese06 button.-smeup-button.ui-state-default.btn-primary {
  box-shadow: none;
  background: #2a59a6;
  margin-left: 6px;
  border-radius: 4px;
}

/*************
    SCH schede LAB
*************/
.component.LAB.XXX {
  text-align: center;
  text-transform: uppercase;
  line-height: 50px;
  border-radius: 10px;
  background: #dddddd;
}

.component.LAB.YYY > div > span {
  display: block;
}

.component.LAB.YYY > div > span {
  display: block;
  width: 100%;
  color: blue;
  font-size: 20px;
  -webkit-mask-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(0, 0, 0, 1)),
    to(rgba(0, 0, 0, 0))
  );
}

.inp-form-absolute-pos .-smeup-layout.esesez01 {
  background-color: #dac292;
}

.inp-form-absolute-pos .-smeup-layout.esesez02 {
  background-color: #f18973;
}

.inp-form-absolute-pos .-smeup-layout.esesez03 {
  background-color: #deeaee;
}