/*** TABLES ***/
.bennows-table {width:100%;box-sizing: border-box;}
.bennows-table * {box-sizing: border-box;}
.bennows-table .field_error{display:none;}
.bennows-table .no-item-found {display:none;height:auto;color:var(--bnws-col-main);font-size: 0.8em;font-style: italic;transition: var(--bnws-transition);background: var(--bnws-col-gray7);
  border-bottom-left-radius: var(--bnws-whitespace-l1);
  border-bottom-right-radius: var(--bnws-whitespace-l1);
  padding: var(--bnws-whitespace-l3);text-align: center;}
.bennows-table .no-item-found i {font-size: 100px;}
.bennows-table.no-data .no-item-found {display:block;}
.bennows-table.no-data .table-eps {display: none;}
.bennows-table .search-table {max-width:300px;}
.bennows-table .search-table-box {display: flex;align-items: flex-end;margin-bottom: var(--bnws-whitespace-l1);}
.bennows-table .search-table-box .bnws-form {width: 100%;}
.bennows-table .search-table-box .bnws-form .search-wrapper {display:flex;align-items: center;justify-content: flex-start;}
.bennows-table .search-table-box .bnws-form .search-wrapper .search-table-btn {
  border-radius: 0;
  height: 42px;
  margin: 0;
  min-width: 50px;
}
.bennows-table .search-table-box .table-btn-box {margin-left:auto;position: relative;display:flex;align-items: center;justify-content: flex-end;gap:var(--bnws-whitespace-l2);}
.bennows-table .search-table-box .table-btn-box .mdl-button {min-width: unset;}
.bennows-table .search-table-box .column-list {position:absolute;width: 100%;min-width: 300px;right: 0px;
  z-index: 2;background: var(--bnws-col-secondary);border-radius: var(--bnws-whitespace-l0);border-top-right-radius: 0;top:35px;}
  .bennows-table .search-table-box .column-list .column-list-item {display: flex;align-items: center;padding: var(--bnws-whitespace-l1) var(--bnws-whitespace-l2);}
  .bennows-table .search-table-box .column-list .column-list-item.ishidden {background: var(--bnws-col-gray4);}
  .bennows-table .search-table-box .column-list .column-list-item:hover {background: var(--bnws-col-main);cursor: pointer;}
  .bennows-table .search-table-box .column-list .column-list-item i {margin-left: auto;cursor: pointer;}
  .bennows-table .search-table-box .column-list .column-list-item i:hover {opacity: 0.8;}
  .bennows-table .search-table-box input {min-width: 250px;}
  .bennows-table-data {
    border: 1px solid var(--bnws-col-gray4);
    border-top:none;
    border-bottom-left-radius: var(--bnws-whitespace-l1);  border-bottom-right-radius: var(--bnws-whitespace-l1);
  }
.adm-table-head,.bnws-table-row{display:flex;align-items:stretch;justify-content:space-between;flex-direction:row;}
.bnws-table-row {border-left:var(--bnws-whitespace-l1) solid var(--bnws-col-gray5);transition: var(--bnws-transition);background-color: var(--bnws-col-gray6);opacity: 1;height: auto;min-height: 28px;}
.bnws-table-row:nth-child(odd) {background-color: var(--bnws-col-main-light);border-left:var(--bnws-whitespace-l1) solid var(--bnws-col-main-medium);}
.bnws-table-row:hover {background-color: var(--bnws-col-main-medium);border-left:var(--bnws-whitespace-l1) solid var(--bnws-col-secondary);}
.bnws-table-row:last-child:not(.hide),.bnws-table-row.round-bottom{border-bottom-left-radius: var(--bnws-whitespace-l1);  border-bottom-right-radius: var(--bnws-whitespace-l1);}
.adm-table-head,.adm-table-head-mob {background:var(--bnws-col-gray4);font-weight:bold;padding-left:var(--bnws-whitespace-l1);width:100%;border:1px solid transparent;border-top:none;border-bottom:none;}
.adm-table-head-mob {display:none;}
.bnws-table-row img {max-width:95%;max-height:50px;}
.bnws-table-row.is-link {cursor:pointer;}
header.adm-table-head {position:sticky;top:30px;height:auto;z-index:1;border-top-left-radius: var(--bnws-whitespace-l1);  border-top-right-radius: var(--bnws-whitespace-l1);}
header.adm-table-head.navigation {top:80px;}
.adm-table-head .column,.bnws-table-row .column {flex-grow:1;width:100%;word-wrap: anywhere;display: flex;align-items: center;padding:var(--bnws-whitespace-l3) var(--bnws-whitespace-l1);}
.bennows-table .column.left {justify-content: flex-start;}
.bennows-table .column.right {justify-content: flex-end;}
.bennows-table .column.center {justify-content: space-around;}
header.adm-table-head .active-sort {color:var(--bnws-col-main);}
.table-sort {cursor:pointer;color:var(--bnws-col-gray3);}
.active-sort .table-sort {color:var(--bnws-col-main);}
.active-sort.column {
  background-color: rgba(39, 108, 91,0.2);
}
.bnws-action-button {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.table-eps * {user-select: none;}
.table-eps .pager {margin-top: var(--bnws-whitespace-l3);display: flex;align-items: center;flex-wrap: wrap;}
.pager .page-number {
  background: var(--bnws-col-gray5);
  padding: var(--bnws-whitespace-l1) var(--bnws-whitespace-l2);
  text-align: center;
  margin-right: var(--bnws-whitespace-l0);
  margin-bottom: var(--bnws-whitespace-l0);
  cursor:pointer;
}
.pager .page-sep {
  margin: var(--bnws-whitespace-l1);
}
.pager .page-number.active, .pager .page-number.active:hover {
  background: var(--bnws-col-secondary);
  cursor:unset;
  color: #fff;
font-weight: bold;
}
.pager .pagestep-box {
  margin-left: auto;
}
.table-info {display:flex;align-items: center;font-size:0.9em;}
.eps-count,.eps-info {color:var(--bnws-col-gray3);}
.eps-info {margin-left:auto;}

button.filter-column,.bnws-table-action-icon {border: none;border-radius: var(--bnws-whitespace-l1);padding: var(--bnws-whitespace-l1) var(--bnws-whitespace-l2);background-color:var(--bnws-col-main);line-height: 1em;transition: var(--bnws-transition);color: #fff;cursor: pointer;}
button.filter-column.active {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color:var(--bnws-col-secondary);
}
button.filter-column:hover,.bnws-table-action-icon:hover {
  background-color: var(--bnws-col-secondary);
}
.bennows-table div.column.hide {
  display: none;
}
.bennows-table.scroll-table .scroll-container {
  overflow-y: auto;
}

.bennows-table.scroll-table .data-container {
  width: max-content;
  min-width: 100%;
}

.bennows-table.scroll-table .data-container header.adm-table-head {
  position: static;
}

.scroll-container {
  /* Foreground, Background */
  scrollbar-color: var(--bnws-col-main) var(--bnws-col-accent);
}
.scroll-container::-webkit-scrollbar {
  width: 5px; /* Mostly for vertical scrollbars */
  height: 5px; /* Mostly for horizontal scrollbars */
}
.scroll-container::-webkit-scrollbar-thumb { /* Foreground */
  background: var(--bnws-col-main);
}
.scroll-container::-webkit-scrollbar-track { /* Background */
  background: var(--bnws-col-accent);
}