.dataTables_wrapper:after {
  height: 30vh !important;
  /* height: 100% !important; */
} 

table.dataTable thead th,
table.dataTable tfoot th {
  text-align: left;
}
table.dataTable thead th,
table.dataTable thead td {
  padding: 10px 18px 10px 5px;
  border-right: 1px solid #dddddd;
  cursor:pointer;
}
table.dataTable tbody th,
table.dataTable tbody td {
  padding: 10px 18px 10px 5px;
  border-right: 1px solid #dddddd;
}

table th.dt-th-center{
  text-align: center !important;
  vertical-align: middle !important;
  padding: 10px !important;
}

.dt-center{
  text-align: center !important;
  vertical-align: middle !important;
  padding: 10px !important;
}

table.dataTable tr th.select-checkbox.selected::after {
    content: "✔";
    margin-top: -11px;
    margin-left: -4px;
    text-align: center;
    text-shadow: rgb(176, 190, 217) 1px 1px, rgb(176, 190, 217) -1px -1px, rgb(176, 190, 217) 1px -1px, rgb(176, 190, 217) -1px 1px;
    color: #000000;
}

table.dataTable thead th.select-checkbox {
  position: relative;
}
table.dataTable thead th.select-checkbox:before,
table.dataTable thead th.select-checkbox:after {
  display: block;
  position: absolute;
  top: 1.2em;
  left: 50%;
  width: 12px;
  height: 12px;
  box-sizing: border-box;
}
table.dataTable tbody td.select-checkbox:before,
table.dataTable thead th.select-checkbox:before {
  content: ' ';
  margin-top: -6px;
  margin-left: -6px;
  border: 1px solid black;
  border-radius: 3px;
}

/* Ensure that the demo table scrolls */
/* th, td { white-space: nowrap; }
div.dataTables_wrapper {
    margin: 0 auto;
} */

/* div.container {
    width: 80%;
} */
/* column visibility */
.dt-button-collection .dt-button.buttons-columnVisibility {
  background: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0.25em 1em !important;
  margin: 0 !important;
  text-align: left !important;
}
.dt-button-collection .buttons-columnVisibility:before,
.dt-button-collection .buttons-columnVisibility.active span:before {
  display:block;
  position:absolute;
  top:1.2em;
  left:0;
  width:12px;
  height:12px;
  box-sizing:border-box;
}
.dt-button-collection .buttons-columnVisibility:before {
  content:' ';
  margin-top:-8px;
  margin-left:10px;
  border:1px solid black;
  border-radius:3px;
}
.dt-button-collection .buttons-columnVisibility.active span:before {
  font-family: 'Arial' !important;
  content:'\2713';
  margin-top: -15px;
  margin-left: 12px;
  text-align: center;
  text-shadow: 1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;
}
.dt-button-collection .buttons-columnVisibility span {
  margin-left:17px;
}

/* table.dataTable.no-footer {
  border-bottom: 0px solid #111 !important;
} */

.text-wrap{
  white-space:normal;
  width:300px;
  max-width:300px !important;
}

.text-wrap-20{
  white-space:normal;
  width:100%;
  max-width:20px !important;
}

.text-wrap-100{
  white-space:normal;
  width:100%;
  max-width:100% !important;
}

.truncate_text{
  max-width:300px;
  max-height:25px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.truncate_text_1{
  max-width:400px;
  max-height:25px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.summary_div img {
  max-width:100% !important;
}

.no_hover:hover {
  border: none !important;
  box-shadow: none !important;
  background-color: none !important;
}

div.dataTables_processing {
  position: fixed !important;
  /* left: 50% !important; */
  /* top:20px !important; */
  z-index: 1000 !important;
}

.dt-dropdown {
  position: relative;
  /* background: #007bff !important; */
  /* #007bff!important */
}

.dt-dropdown-menu {
  position: absolute !important;
  /* left: -.30rem !important; */
  left: 0 !important;
  top: calc(100% + .55rem);
  background-color: white;
  padding: .75rem;
  border-radius: .25rem;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .25);
}

.dt-button-collection {
    /* z-index: 3002 !important; */
    /* position: fixed; */
    /* overflow: scroll !important; */
    /* top: 30vh !important; */
    /* left: 30vw !important; */
    /* width: 200px !important; */
    /* margin-top: 4px !important; */
    /* width: 200px !important; */
    /* margin-top: 10px !important; */
    /* margin-bottom: 10px !important; */
}