/* -----------------------table title. placed in DOMS----------------------- */
*.table_title{
  display:inline-block;
  height:30px;
  content: "PR line items";
  background-color: #16d18e;
  color:White;
  text-shadow: 0px 0px 2px #333;
  font-weight: 500;
  padding: 0px 10px;
  line-height: 26px;
  margin-right: 6px;
  border: 1px solid #333;
  text-align: center;
  float: left; /* required. do not remove. */
  border-radius: 0px;
}
*.table_title:hover{
  cursor: default;
}
/* -----------------------DOM buttons & LIST buttons----------------------- */
div.dt-buttons{
  display: flex;
}
div.dt-buttons button.dt-button{
  height:30px;
  padding:0px;
  padding-left:8px;
  padding-right:8px;
  margin:0px;
  font-weight: 500;
  background: #eee;
  border: 1px solid #333;
  border-radius: 0px;
}
div.dt-buttons button.dt-button:not(:last-child){
  border-right: 1px solid rgba(112, 112, 112, 0.30) !important;
}

/* -----------------------LIST buttons ----------------------- */
div.dt-buttons div.dt-button-collection{
  padding:10px;
  width:260px !important;
  width:50%;
  margin:0px auto;
  column-gap: 2px;
  box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.5);
  max-height: 600px;
  overflow: auto;
}
div.dt-buttons div.dt-button-collection button.dt-button{
  /* height:26px; */
  font-weight: 500;
  display: block;
  width:calc(100%) !important;
  text-align: left;
  border:1px solid #333 !important;
  /* counter-increment: section; */
  margin-top:2px !important;
}
/* -----------------------Datatables main----------------------- */
div.dataTables_scrollHeadInner,
div.dataTables_scrollHead{
  background-color: var(--table_header_background);
}
div.dataTables_scroll{
  border:1px solid #454952;
}
.paginate_button {
  height:30px;
  padding:0px !important;
  vertical-align: center;
  padding-left:8px !important;
  padding-right:8px !important;
  margin-bottom:4px !important;
}
.dataTables_info{
    padding-top:5px !important;
}
.buttons-columnVisibility{
    margin:1px !important;
    border:1px solid #333;
}
.buttons-columnVisibility:not(.active){
    background-color: #333 !important;
    color: white !important;
}

.dataTables_length{
  float:right !important;
  height:30px;
}
.dataTables_length *{
  margin:0px;
}
.dataTables_length select{
  height:30px;
  border-radius: 0px !important;
  border:1px solid #333 !important;
}
/* ------------------------------------------------------------- */
/* Adding space after last row to allow for table to rize alittle bit */
table.datatable tbody::after{
  padding-bottom: 220px !important;
  left:0;
  content: "\00a0";
  font-size: 18px;
  position: absolute;
}
/* ------------------------------------------------------------- */
div.child_div{
  background-color:transparent;
  padding:0px;
  margin:5px;
  margin-right:0px; /* to allow horizontal stacking looking better. */
  border-radius:5px;
  vertical-align: top;
  display: inline-block;
  border: 1px solid #a3a3a3;
}
/* ------------------------------------------------------------- */
/* Expand (+) button. */

td.details-expand{
  vertical-align: top !important;
}
/* table.datatable td.details-expand button{
  white-space: nowrap !important;
  overflow: hidden !important;
} */

/* table.datatable tr.shown td.details-expand button{ */
  /* background-color: #454952 !important; */
  /* background-color: #fc438a !important; */
  /* border:2px solid white !important; */
  /* color:white !important;
  white-space: nowrap !important;
  overflow: hidden !important; */
/* } */
/*  */
/* table.datatable tbody tr td.is_expanded button{
  white-space: nowrap !important;
  overflow: hidden !important;
} */