%STARTINCLUDE%

table {
  border: none;
  text-align: left;
  margin: auto;
  padding: 0px;
  border-spacing: 0px;
}

th {
  border: none;
  background: #f4edcf;
  text-align: center;
  padding: 2px 3px;
}

td {
  border: none;
  background: #f9f5e6;
  padding: 0px 3px;
}

tr.alt td {
  background: #fffaf0;
}

tr:hover td {
  border-color: #f9f5e6;
  background: #f4edcf;
}

td.endcol {
  border-left: 2px solid #f4edcf;
  border-right: 2px solid #f4edcf;
}

td.endrow {
  border-bottom: 2px solid #f4edcf;
}

td.number {
  width: 100px;
  border-left: 2px solid #f4edcf;
  padding-right: 5px;
  text-align: right;
}

td.value {
  width: 80px;
  border-left: 2px solid #f4edcf;
  padding-right: 5px;
  text-align: right;
}

td.stock {
  width: 100px;
  border-left: 2px solid #f4edcf;
  padding-right: 5px;
  text-align: right;
}

td.date {
  border-left: 2px solid #f4edcf;
  width: 100px;
  text-align: center;
}

td.text {
  border-left: 2px solid #f4edcf;
  width: 200px;
  padding-left: 5px;
  text-align: left;
}

td.name {
  border-left: 2px solid #f4edcf;
  width: 250px;
  padding-left: 5px;
  text-align: left;
}

td.product {
  border-left: 2px solid #f4edcf;
  width: 200px;
  padding-left: 5px;
  text-align: left;
}

td.option {
  border: 0px !important;
  background: transparent;
}

/* 
  td.true span, td.false span {
  display: none;
} */

td.true {
  color: green !important;
  text-align: center;
}

td.false {
  color: red !important;
  text-align: center;
}

td.true {
  background: transparent url('%PUBURL%/%WEB%/WebCSS/icon_true_15px.png') center no-repeat !important;
}
  td.false {
  background: transparent url('%PUBURL%/%WEB%/WebCSS/icon_false_15px.png') center no-repeat !important;
}

/* Options Icon TD */
  tr td.option a, tr td.option span {
  display: none;
}

tr:hover td.option a {
  position: relative;
  display: block;
  width: 30px;
  height: 30px;
}

td.option a.tdshow {
  background: url('%PUBURL%/%WEB%/WebCSS/con_show_30px.png') bottom no-repeat;
}
  td.option a.tdedit {
  background: url('%PUBURL%/%WEB%/WebCSS/icon_edit_30px.png') bottom no-repeat;
}
  td.option a.tddestroy {
  background: url('%PUBURL%/%WEB%/WebCSS/icon_destroy_30px.png') bottom no-repeat;
}

td.option a:hover {
  background-position: top !important;
}

th.twikiFormTableHRow {
  text-align: right;
  font-size: 9px;
  padding: 0px 4px;
}

th.twikiFormTableHRow a {
  text-decoration: none !important;
}

td.twikiFirstCol {
  color: #A98;
}

%STOPINCLUDE%