/* ------------------------- table.css */

.table table td,
.table table th {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd
}

.table table th {
    border-top: 0 solid #fff
}

.table p.title,
.grid p.title {
    font-size: 1.3em;
    font-weight: bold
}

table.table {
    empty-cells: show;
   /* border: 1px solid #ddd;*/
    xwidth: 100%
}

table.table tbody {
    background-color: #fff
}

table.table tbody tr td,
table.table thead tr th {
    vertical-align: top;
    padding: 4px 4px 4px 4px;
    font-size: 13px;
    background-position: right;
    background-repeat: repeat-y;
    line-height: 16px
}

table.table thead tr th {
    font-weight: 900;
    padding: 0;
    color: #232323
}

table.table tbody tr td {
    padding: 4px 8px;
    color: #232323;
    font-weight: 400;
}

table.table tbody tr.odd:hover td, table.table tbody tr.even:hover td {
    background-color:#eeeeee;
}

th .th-inner {
    background-color: #f4f4f4;
    border-top: 1px solid #ddd;
    border-bottom: 2px solid #58585a;
    border-left: 1px solid #ddd;
    padding: 4px 8px;
}


thead th {
    border-left: 0;
    border-right: 0;
}

table.table tbody tr.even td.ptfixed a, table.table tbody tr.odd td.ptfixed a{
   /* color:#ffffff;*/
}

table.table tbody tr.even td.ptfixed a:hover, table.table tbody tr.odd td.ptfixed a:hover{
    color:#FFF1B2;
}

table.table tbody tr.even td.ptfixed {
    padding: 0;
    background: #e0e1e3;
    border:0;
}

table.table tbody tr.odd td.ptfixed {
    padding: 0;
    background: #cecfd1
}

table.table tbody tr.even td.ptfixed div.fixed-inner {
    background-color: #f4f4f4;
    border-right: 5px;
    border-bottom: 0;
    border-color: #575757!important;
    padding: 4px 4px 0 4px;
}



table.table tbody tr.odd td.ptfixed div.fixed-inner {
    background-color: #f4f4f4;
    border-right: 5px;
    border-bottom: 0;
    border-color: #000;
    padding: 4px 4px 0 4px
}

table.table tbody tr.odd td {
    background-color: #fbfbfb;
}

table.table tbody tr.even td {
    background-color: #ffffff;
}

table.table thead th,
table.table tbody td {
    padding-top: 6px;
    padding-bottom: 8px;
    padding-left: 6px;
    padding-right: 6px;
    vertical-align: middle
}

table.table thead th a,
table.table thead th a:visited {
    color:#232323;
    text-decoration: none;
    text-align: left;
}

a:link {
    color: #58585a;
    text-decoration: underline
}

a:visited {
    color: #58585a;
    text-decoration: underline
}

a:hover {
    color: #58585a;
    text-decoration: underline
}

a:active {
    color: #58585a;
    text-decoration: underline
}

a:focus {
    box-shadow: inset 0px 0px 0px 2px #378adf;
}

table.table tr.highlighted td {
    background-color: #7f9cba !important
}

table.table td {
    text-align: left
}

table.table td.number {
    text-align: right
}

table.table tr td.hanging input {
    vertical-align: middle
}

x table.table th.filtered {
    background-color: #556782
}

x table.table td.filtered {
    background-color: #e4ede2
}

table.table tr th.hanging,
table.table tbody tr.odd td.hanging,
table.table tbody tr.even td.hanging {
    border: 0;
    padding-right: 18px;
    background: #fff;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap
}

.opwidth {
	width: 250px;
}

.nowrap {
    white-space: nowrap
}

x div.table .title {
    font-size: 1.3em;
    font-weight: bold;
    color: #3d4b67
}

.tablewrapper {
    overflow: auto;
    position: relative;
    clear: both
}

table.table thead tr th.ptfixed {
    z-index: 5
}

table.table tbody tr td.ptfixed {
    z-index: 5
}

table.table .ptdragover {
    border-left: dashed 2px #a04334;
    padding-left: 8px
}

table.table th .ptdraghandle {
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    padding: 0 4px;
    cursor: move
}

table.table th .ptshowhide {
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    padding: 0 4px
}

table.table tbody tr td.green,
table.table tbody tr.even td.ptfixed.green div.ptfixed,
table.table tbody tr.odd td.ptfixed.green div.ptfixed, table.table tbody tr.even:hover td.green, table.table tbody tr.odd:hover td.green {
    background-color: #3c3;
    color: #fff;
    font-weight: bold;
}

table.table tbody tr td.amber,
table.table tbody tr.even td.ptfixed.amber div.ptfixed,
table.table tbody tr.odd td.ptfixed.amber div.ptfixed, table.table tbody tr.even:hover td.amber, table.table tbody tr.odd:hover td.amber  {
    background-color: #ffdc00;
    font-weight: bold;
}

table.table tbody tr td.red,
table.table tbody tr.even td.ptfixed.red div.ptfixed,
table.table tbody tr.odd td.ptfixed.red div.ptfixed, table.table tbody tr.even:hover td.red, table.table tbody tr.odd:hover td.red  {
    background-color: #f00;
    color: #fff;
    font-weight: bold;
}

table.table tbody tr td.pink,
table.table tbody tr.even td.ptfixed.pink div.ptfixed,
table.table tbody tr.odd td.ptfixed.pink div.ptfixed, table.table tbody tr.even:hover td.pink, table.table tbody tr.odd:hover td.pink  {
    background-color: #ffb6c1
}

table.table tbody tr td.blue,
table.table tbody tr.even td.ptfixed.blue div.ptfixed,
table.table tbody tr.odd td.ptfixed.blue div.ptfixed, table.table tbody tr.even:hover td.blue, table.table tbody tr.odd:hover td.blue {
    background-color: #00f
}

table.table tbody tr td.lightblue,
table.table tbody tr.even td.ptfixed.lightblue div.ptfixed,
table.table tbody tr.odd td.ptfixed.lightblue div.ptfixed, table.table tbody tr.even:hover td.lightblue, table.table tbody tr.odd:hover td.lightblue  {
    background-color: #d8e7ff
}

table.table tbody tr td.redcell,
table.table tbody tr.even td.ptfixed.redcell div.ptfixed,
table.table tbody tr.odd td.ptfixed.redcell div.ptfixed, table.table tbody tr.even:hover td.redcell, table.table tbody tr.odd:hover td.redcell  {
    background-color: #f00
}

table.table tbody tr td.yellowcell,
table.table tbody tr.even td.ptfixed.yellowcell div.ptfixed,
table.table tbody tr.odd td.ptfixed.yellowcell div.ptfixed, table.table tbody tr.even:hover td.yellowcell, table.table tbody tr.odd:hover td.yellowcell  {
    background-color: #ff0
}

table.table tbody tr td.pinkcell,
table.table tbody tr.even td.ptfixed.pinkcell div.ptfixed,
table.table tbody tr.odd td.ptfixed.pinkcell div.ptfixed, table.table tbody tr.even:hover td.pinkcell, table.table tbody tr.odd:hover td.pinkcell  {
    background-color: #f0f
}

table.table tbody tr td.greencell,
table.table tbody tr.even td.ptfixed.greencell div.ptfixed,
table.table tbody tr.odd td.ptfixed.greencell div.ptfixed, table.table tbody tr.even:hover td.greencell, table.table tbody tr.odd:hover td.greencell  {
    background-color: #9acd32
}

table.table tbody tr td.bluecell,
table.table tbody tr.even td.ptfixed.bluecell div.ptfixed,
table.table tbody tr.odd td.ptfixed.bluecell div.ptfixed, table.table tbody tr.even:hover td.bluecell, table.table tbody tr.odd:hover td.bluecell  {
    background-color: blue
}

table.table tbody tr td.lime,
table.table tbody tr.even td.ptfixed.lime div.ptfixed,
table.table tbody tr.odd td.ptfixed.lime div.ptfixed, table.table tbody tr.even:hover td.lime, table.table tbody tr.odd:hover td.lime  {
    background-color: lime
}

table.table tbody tr td.orange,
table.table tbody tr.even td.ptfixed.orange div.ptfixed,
table.table tbody tr.odd td.ptfixed.orange div.ptfixed, table.table tbody tr.even:hover td.orange, table.table tbody tr.odd:hover td.orange  {
    background-color: orange
}

table.table tbody tr td.aqua,
table.table tbody tr.even td.ptfixed.aqua div.ptfixed,
table.table tbody tr.odd td.ptfixed.aqua div.ptfixed, table.table tbody tr.even:hover td.aqua, table.table tbody tr.odd:hover td.aqua  {
    background-color: aqua
}

table.table tbody tr td.bisque,
table.table tbody tr.even td.ptfixed.bisque div.ptfixed,
table.table tbody tr.odd td.ptfixed.bisque div.ptfixed, table.table tbody tr.even:hover td.bisque, table.table tbody tr.odd:hover td.bisque  {
    background-color: bisque
}

table.table tbody tr td.plum,
table.table tbody tr.even td.ptfixed.plum div.ptfixed,
table.table tbody tr.odd td.ptfixed.plum div.ptfixed, table.table tbody tr.even:hover td.plum, table.table tbody tr.odd:hover td.plum  {
    background-color: plum
}

table.table tbody tr td.info-green,
table.table tbody tr.even td.ptfixed.info-green div.ptfixed,
table.table tbody tr.odd td.ptfixed.info-green div.ptfixed, table.table tbody tr.even:hover td.info-green, table.table tbody tr.odd:hover td.info-green  {
    background-color: #b8fcb8
}

table.table tbody tr td.warn-yellow,
table.table tbody tr.even td.ptfixed.warn-yellow div.ptfixed,
table.table tbody tr.odd td.ptfixed.warn-yellow div.ptfixed, table.table tbody tr.even:hover td.warn-yellow, table.table tbody tr.odd:hover td.warn-yellow  {
    background-color: #ffff80
}

table.table tbody tr td.error-red,
table.table tbody tr.even td.ptfixed.error-red div.ptfixed,
table.table tbody tr.odd td.ptfixed.error-red div.ptfixed, table.table tbody tr.even:hover td.error-red, table.table tbody tr.odd:hover td.error-red  {
    background-color: #ff7878
}

table.table tbody tr td.total,
table.table tbody tr.even td.ptfixed.total div.ptfixed,
table.table tbody tr.odd td.ptfixed.total div.ptfixed {
    font-weight: bold;
    text-align: right
}

table.table tbody tr td.springgreen,
table.table tbody tr.even td.ptfixed.springgreen div.ptfixed,
table.table tbody tr.odd td.ptfixed.springgreen div.ptfixed, table.table tbody tr.even:hover td.springgreen, table.table tbody tr.odd:hover td.springgreen  {
    background-color: springgreen;
}

table.table tbody tr td.amber-n,
table.table tbody tr.even td.ptfixed.amber-n div.ptfixed,
table.table tbody tr.odd td.ptfixed.amber-n div.ptfixed, table.table tbody tr.even:hover td.amber-n, table.table tbody tr.odd:hover td.amber-n  {
    background-color: #ffdc00;
}

table.table tbody tr td.peru,
table.table tbody tr.even td.ptfixed.peru div.ptfixed,
table.table tbody tr.odd td.ptfixed.peru div.ptfixed, table.table tbody tr.even:hover td.peru, table.table tbody tr.odd:hover td.peru  {
    background-color: peru;
}

table.table tbody tr td.chocolate,
table.table tbody tr.even td.ptfixed.chocolate div.ptfixed,
table.table tbody tr.odd td.ptfixed.chocolate div.ptfixed, table.table tbody tr.even:hover td.chocolate, table.table tbody tr.odd:hover td.chocolate  {
    background-color: chocolate;
}

table.table tbody tr td.orange-n,
table.table tbody tr.even td.ptfixed.orange-n div.ptfixed,
table.table tbody tr.odd td.ptfixed.orange-n div.ptfixed, table.table tbody tr.even:hover td.orange-n, table.table tbody tr.odd:hover td.orange-n  {
    background-color: orange;
}

table.table tbody tr td.green-n,
table.table tbody tr.even td.ptfixed.green-n div.ptfixed,
table.table tbody tr.odd td.ptfixed.green-n div.ptfixed, table.table tbody tr.even:hover td.green-n, table.table tbody tr.odd:hover td.green-n  {
    background-color: #3c3;
    color: #fff;
}

table.table tbody tr td.wheat,
table.table tbody tr.even td.ptfixed.wheat div.ptfixed,
table.table tbody tr.odd td.ptfixed.wheat div.ptfixed, table.table tbody tr.even:hover td.wheat, table.table tbody tr.odd:hover td.wheat  {
    background-color: wheat;
}

table.table tbody tr td.beige,
table.table tbody tr.even td.ptfixed.beige div.ptfixed,
table.table tbody tr.odd td.ptfixed.beige div.ptfixed, table.table tbody tr.even:hover td.beige, table.table tbody tr.odd:hover td.beige  {
    background-color: beige;
}

table.table tbody tr td.purple,
table.table tbody tr.even td.ptfixed.purple div.ptfixed,
table.table tbody tr.odd td.ptfixed.purple div.ptfixed, table.table tbody tr.even:hover td.purple, table.table tbody tr.odd:hover td.purple  {
    background-color: purple;
    color: #fff;
}

table.table tbody tr td.coral,
table.table tbody tr.even td.ptfixed.coral div.ptfixed,
table.table tbody tr.odd td.ptfixed.coral div.ptfixed, table.table tbody tr.even:hover td.coral, table.table tbody tr.odd:hover td.coral  {
    background-color: coral;
}

table.table tbody tr td.indigo,
table.table tbody tr.even td.ptfixed.indigo div.ptfixed,
table.table tbody tr.odd td.ptfixed.indigo div.ptfixed, table.table tbody tr.even:hover td.indigo, table.table tbody tr.odd:hover td.indigo  {
    background-color: indigo;
    color: #fff;
}

table.table tbody tr td.brown,
table.table tbody tr.even td.ptfixed.brown div.ptfixed,
table.table tbody tr.odd td.ptfixed.brown div.ptfixed, table.table tbody tr.even:hover td.brown, table.table tbody tr.odd:hover td.brown  {
    background-color: brown;
}

.wl-table-text textarea {
    width: 170px
}

.redcell {
    color: red;
    width: 40px
}

.redcell a:link,
.redcell a:visited,
.redcell a:hover,
.redcell a:active {
    color: red
}

.yellowcell {
    color: yellow;
    width: 40px
}

.yellowcell a:link,
.yellowcell a:visited,
.yellowcell a:hover,
.yellowcell a:active {
    color: yellow
}

.pinkcell {
    color: #f0f;
    width: 40px
}

.pinkcell a:link,
.pinkcell a:visited,
.pinkcell a:hover,
.pinkcell a:active {
    color: #f0f
}

.greencell {
    color: yellowGreen;
    width: 40px
}

.greencell a:link,
.greencell a:visited,
.greencell a:hover,
.greencell a:active {
    color: yellowGreen
}

.bluecell {
    color: aqua
}

.bluecell a:link,
.bluecell a:visited,
.bluecell a:hover,
.bluecell a:active {
    color: aqua
}

table.table tbody tr.colourRowByColumn {
    background-image: none;
    border-top: 5px solid;
    border-color: #fff
}

table.table tbody tr.colourRowByColumn td {
    padding-top: 4px
}

table.table tbody tr.alternateRowColor {
    background-image: none;
    border-top: 5px solid;
    border-color: #fff
}

table.table tbody tr.alternateRowColor td {
    padding-top: 4px
}

div.table-part-image img {
    max-width: 100%;
    max-height: 100%;
    margin-left: auto;
    margin-right: auto
}

div.table-part-image {
    height: 110px;
    width: 110px
}

.multiScanPreviousTableWrapper {
    max-height: 110px;
    overflow: auto
}

td.dateInput img.ui-datepicker-trigger {
    margin-bottom: 5px;
    margin-left: 2px
}

td.dateInput {
    width: 151px
}

td.dateInput input {
    width: 115px
}
