/* ---------------------------------------------------- */
/* Used to prevent empty rows from collapsing. */
td:empty::before{
  content: "\00a0";
}
/* ---------------------------------------------------- */
/* Used for edit modals & manu other places. */
td > input,
td > select,
td > textarea{
  width: 100%;
}
/* ---------------------------------------------------- */
table > tbody > tr > td{
  background-color: white; /*  Do not use !important */
  padding:2px 5px;
  font-weight: 500;
  color: var(--table_cell_text);
}
/* ---------------------------------------------------- */
/* Custom classes. */
table > tbody > tr > td.no_padding,
table > tbody > tr > td.remove_padding{
  padding: 0px;
}
table > tbody > tr > td.center_me{
  text-align: center ;
}
/* ---------------------------------------------------- */
/* DONT USE [>] HERE. it conflicts with datatable hover & select. */
/* until [>] is applied in all datatable select / hover css. */
table.zebra  tr:nth-child(even)  td{
  background-color: var(--table_zebra_even_background); /*  Do not use !important */
}
table.zebra tr:nth-child(odd)  td{
  background-color: var(--table_zebra_odd_background); /*  Do not use !important */
}
/* ---------------------------------------------------- */
/* Borders */
table > tbody > tr:last-child > td{
  border-bottom:1px solid var(--table_dashed_border_color);
}
table.dashed > tbody > tr:first-child > td,
table.dashed > tbody > tr.selected:first-child > td{
  border-top:1px solid var(--table_dashed_border_color);
}
table.dashed > tbody > tr > td{
  border-bottom:1px solid var(--table_dashed_border_color);
}
table.dashed > tbody > tr > td:not(:last-child){
  border-right:1px solid var(--table_dashed_border_color);
}
/* ---------------------------------------------------- */
/* Datatable grouped rows */
table > tbody > tr.dtrg-group > td{
   background: #b1b1b1 !important;
   padding:0px;
   height:7px;
   border-bottom: 1px solid #9a9a9a;
}
/* ---------------------------------------------------- */
/* Datatable Child row */
table > tbody > tr.child_row > td{
  padding:0px;
}
/* ---------------------------------------------------- */
/* Datatable empty data indicator row*/
table > tbody > tr > td.dataTables_empty{
    padding:10px;
    border-left: 0px;
    border-right: 0px;
}
/* ---------------------------------------------------- */
/* Datatable.child row */
table > tbody > tr.child_row > td{
    background-color: #f4f4f4 !important;
}
/* ---------------------------------------------------- */
/* Handle text overflow in cells. */
table.ellipsis_all > tbody > tr > td{
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
table.ellipsis_all > tbody > tr > td > br{
  display:none;
}
table.expand_all > tbody > tr > td{
  white-space:pre-line;
  overflow:auto;
  word-wrap: break-word;
}
table > tbody > tr > td.ellipsis,
table > tbody > tr > td.ellipsis_me{
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}
table > tbody > tr > td.expand_me{
  white-space:pre-line !important;
  overflow:auto !important;
  word-wrap: break-word !important;
}
/* expand without breaking words. */
/* expand without removing white space */
table > tbody > tr > td.super_expand{
  white-space: normal !important;
  word-break: keep-all !important;
  word-wrap: normal !important;
}
/* ---------------------------------------------------- */
/* Hover event. */
table > tbody > tr:hover{
  cursor: default;
}
table.datatable > tbody > tr:hover{
  cursor: pointer;
}
table > tbody > tr.child_row:hover{
  cursor: default;
}
/* ---------------------------------------------------- */