.table {
  font-family: "Poppins", Arial, sans-serif;
  font-size: 15px;
  margin-top: 8px;
  z-index: 3;
  table-layout: fixed;
}
#main-table-head tr th {
  font-weight: 200;
  background: rgb(6, 156, 86) !important;
  color: white;
  font-size: 12px;
  font-weight: 600;
}

#main-table-head tr th:hover {
  background: rgb(4, 118, 65) !important;
  color: white;
}
.planogramCell {
  border: 1px solid #aaaaaa2e;
  display: inline-block;
}
.table-row:hover {
  transform: translate(2px, 0px);
}
.noHover {
  pointer-events: unset;
}
.cardView button {
  padding: 5px;
  height: 30px;
  width: 40px;
  margin-left: 0px;
}
.cardView .closeCard {
  background-color: #a73b28 !important;
  color: white;
  border: none;
}
.dt-hasChild tr {
  padding: 0px;
}
.table-container {

  position: relative !important;
  /* flex-direction: column; */
  height: calc(100vh - 70px);
  width: 100vw;
  /* position: fixed; */
  top: 0px;
}
.dataTables_wrapper *,
.dataTables_wrapper *:before,
.dataTables_wrapper *:after {
    box-sizing: border-box;
}
/* Specifically for the inner header wrapper if needed */
.dt-scroll-headInner {
    box-sizing: border-box !important; /* Use !important if DataTables' inline style is stubborn */
}
.dt-scroll-head,
.dt-scroll-body {
    /* Common scrollbar widths are 17px. Adjust if needed. */
    padding-right: 0px;
    box-sizing: border-box; /* Ensure padding is included in the width */
}
#main-table_wrapper > div:nth-child(3) {
  background: #46627d;
  margin-top: 0 !important;
  position: fixed;
  bottom: 0;
  width: 102%;
}
#main-table_info {
  position: sticky;
  bottom: 0;
  padding: 7px;
  box-sizing: border-box;
  background: #343957;
  color: white;
  font-size: 12px;
  z-index: 10;
  float: left;
}
#table-column span {
  display: block;
  width: max-content;
}
#main-table_wrapper {
  flex: 1;
  width: 101.1%;
  position: relative;
  top: -16px;
}
.row > * {
  padding-right: 0px !important;
}
.cardWrapper {
  background: #f2f2f2;
  padding-top: 10px;
  margin-top: -8px;
  margin-left: -8px;
  margin-bottom: -15px;
}
dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
  border-bottom: 1px solid lightgrey;
  vertical-align: middle;
  height: 39px;
  line-height: 29px;
}
dt {
  float: left;
  padding-left: 15px;
  width: 186px;
  text-align: left;
  position: relative;
  line-height: 31px;
  border-right: 1px solid lightgray;
  margin-right: 25px;
}
.cell {
  padding: 0.4rem;
  font-size: 1rem;
  z-index: 1;
  text-align: center !important;
  vertical-align: middle;
  font-family: "Poppins", Arial, sans-serif;
  font-size: 12px;
}
.cell-left {
  padding: 0.4rem;
  font-size: 1rem;
  z-index: 1;
  text-align: left !important;
  vertical-align: middle;
  font-family: "Poppins", Arial, sans-serif;
  font-size: 12px;
}
.dt-type-numeric {
  text-align: center;
}
.mt-2 {
  position: sticky;
  bottom: 0;
  width: 100%;
  background: #fff;
  box-sizing: border-box;
}
.dt-search {
  display: none !important;
  visibility: hidden !important;
}
.modem-cell {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  white-space: normal;
  width: 100%;
  text-align: left;
}
.modem-cell .modem-values {
  white-space: normal;
  flex: 1 1 auto;
  text-align: left;
}
.modem-cell .modem-copy-value {
  cursor: pointer;
  padding: 1px 4px;
  border-radius: 6px;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.modem-cell .modem-copy-value:hover {
  background-color: #e7edf7;
  color: #1b2a4a;
}
.modem-cell .modem-separator {
  color: #7b879d;
  padding: 0;
}
.modem-cell .dropdown-menu {
  min-width: 160px;
}
div.dt-scroll div.dtfc-top-blocker,
div.dt-scroll div.dtfc-bottom-blocker,
div.dtfh-floatingparent div.dtfc-top-blocker,
div.dtfh-floatingparent div.dtfc-bottom-blocker {
  position: absolute;
  background-color: white;
  display: none !important;
}
.assetid{
  cursor: pointer;
  color: #004894;
}