/*
TableHandler.css

while we use jquery and datatables.net this override other table apis and add additional CSS
*/


.container-datatable {
      width: 100%;
      overflow: hidden;
      display: inline-block;
      border: 1px solid #B1B2B3;
      padding: 1em;
      background-color: #E8E8E8;
}

div.datatabletitle {
      font-weight: bold;
      background-color: #D0D0D0;
      border: 1px solid #000000;
      padding: 0.25em
}

table.dataTable tbody tr {
      height: 100%;
      border-collapse: collapse;
      padding: 0;
}

th {
      background-color: #D0D0D0;
      padding: 0.1em;
}

tr.selectedrow {
      vertical-align: top;
      background-color: #ffdcb3 !important;
}

tr.hoveredrow {
      background-color: #FFF176 !important;
}

table.dataTable tr.datatable-even, table.dataTable tr.datatable-odd {
      cursor: pointer;
}

table.dataTable tr.datatable-even {
      background-color: #F3F5FA;
}

table.dataTable tr.datatable-odd {
      background-color: #ffffff;
}


.table-row-widgets {
      background-color: #ffffff;
      border-bottom: 10px solid #ffdcb3;
}

.table-row-edit-form {
      background-color: #ffffff;
      border-bottom: 5px solid #ffdcb3;
      width: 50%;
}

td {
      padding: 0.1em;
      white-space: nowrap;
}

td.text_Xmax_S { /*constrain max text box*/
      max-width: 10em;
      overflow: auto;
}

td.text_Xmax_M { /*constrain max text box*/
      max-width: 20em;
      overflow: auto;
}

td.text_Xmax_L { /*constrain max text box*/
      max-width: 30em;
      overflow: auto;
}

div.rowExamine {
      height: 30em;
      overflow: auto;
}