.container {
  margin-top: 80px;
}

.table-content {
  height: 650px;
}

th {
  vertical-align: middle !important;
}

.imgdiv {
  cursor: pointer !important;
  width: 120px !important;
  height: 80px !important;
  background-size: contain !important;
}

.paginator {
  margin-top: 15px;
}

.spinner {
  width: 80px;
  height: 80px;
  position: absolute;
  top: calc(50% - 40px);
  left: calc(50% - 40px);
}

#spinner {
  display: none;
}



.search_div {
  display: flex;
  width: 50%;
  float: right;
  margin-bottom: 10px;
}

.search_div span {
  margin: auto;
}

#search, #start_datepk, #end_datepk {
  margin-right: 5px;
}

.spin-active {
  display: block !important;
  position: fixed;
  width: 50px;
  height: 50px;
  top: 47%;
  left: 47%;
}

.container-inactive {
  opacity: 0.6;
  pointer-events: none;
}