@charset "UTF-8";

/* Global */
table.record {
  width:100%;
  margin-bottom:3px;
  border-style:hidden;
  cursor: default;
}
table.record th {
  border-bottom:3px solid #d9d9d9;
  /*background-color:#f5f5f5;
  color:#585d62;*/
  font-weight:bold;
  padding:10px 5px 5px 5px;
  vertical-align:top;
  cursor:default;
}
table.sticky th {
  position: sticky !important;
  top: 59px !important;
  z-index: 1 !important;
}
table.sticky0 th {
  position: sticky !important;
  top: 0 !important;
  z-index: 1 !important;
}
table.record tr td {
  vertical-align:middle;
  padding-top:5px;
  border-bottom:1px solid #d9d9d9;
  overflow-wrap: anywhere;
}
table.record tr td.column {
  padding: 10px;
  border-left: 1px solid #d9d9d9;
}
table.record tr td a {
  padding:.3em 0;
}
table.record tr td label {
  margin-bottom:0;
}

table.record .action-col1 {
  text-align: end;
  min-width: 70px;
  width: 70px;
  text-align: center;
}
table.record .action-col2 {
  text-align: end;
  min-width: 90px;
  width: 90px;
}
table.record .action-col3 {
  text-align: end;
  min-width: 125px;
  width: 125px;
}

/* Inventory Item */
table.record .thumbnail-col {
  width: 80px;
  height: 80px;
}
table.record .thumbnail-col img {
  height:100%;
  width:100%;
  object-fit:contain;
}
table.record .amt-col {
  min-width: 100px;
  width: 100px;
}

/* Inventory Item Specifications */
table.record .spec-col {
  font-weight:bold;
  width:20%;
}
table.record .spec-col-atr {
  width:20%;
}
table.record .spec-col-value {
  width:fit-content;
  padding-left:10px;
  padding-right:10px;
}
table.record .newSpec {
  height: 60px;
  vertical-align: bottom;
  text-decoration: underline;
  font-weight: bold;
  box-shadow: none;
  border-bottom: none;
}

/* Inventory Item Variants */
table.record .vrnt-col-S {
  min-width: 140px;
}
table.record .vrnt-col-U {
  min-width: 200px;
  width: 60px;
}
table.record .vrnt-col-P {
  min-width: 130px;
  width:130px;
}
table.record .vrnt-col-D {
  min-width: 140px;
}
table.record .newVrnt {
  height: 60px;
  vertical-align: bottom;
  text-decoration: underline;
  font-weight: bold;
  box-shadow: none;
  border-bottom: none;
}

/* Sortable Custom Table */
div.srtTable {
  display: table;
  caption-side: bottom;
  border-collapse: collapse;
  cursor: default;

  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

div.treeNode:nth-child(odd)  {
  --bs-table-color-type: var(--bs-table-color);
  --bs-table-bg-type: var(--bs-table-bg);
}
div.treeNode:nth-child(even) {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}
div.treeNode >.tr:hover {
  --bs-table-color-state: var(--bs-table-hover-color);
  --bs-table-bg-state: var(--bs-table-hover-bg);
}

div .thead, .tbody, .tfoot, .tr, .td, .th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;

  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)));
}

div.srtTable > .thead {
  display: table-header-group;
  vertical-align: bottom;
}
div.srtTable > .tbody {
  display: table-row-group;
  vertical-align: inherit;
}
div.srtTable > .tfoot {
  display: table-footer-group;
  vertical-align: bottom;
}

div.srtTable .tr, li.tr {
  display: table-row;
}
div.srtTable .th {
  display: table-cell;
  text-align: inherit;
  border-bottom: 3px solid #d9d9d9;
  font-weight: bold;
  padding: 10px 5px 5px 5px;
  vertical-align: top;
  cursor: default;
}
div.srtTable .td {
  display: table-cell;

  padding: 0.5rem;
  vertical-align:middle;
  padding-top:5px;
  border-bottom:1px solid #d9d9d9;
  overflow-wrap: anywhere;
}

div.srtTable .tr.td.column {
padding: 10px;
border-left: 1px solid #d9d9d9;
}
div.srtTable .tr.td a {
  padding:.3em 0;
}
div.srtTable .tr.td label {
  margin-bottom:0;
}

div.srtTable ul {
  display: contents;
  list-style: none;
  margin: 0;
  padding: 0;
}

div.srtTable .action-col1 {
  min-width: 70px;
  width: 70px;
  text-align: center;
}
div.srtTable .action-col2 {
  min-width: 90px;
  width: 90px;
}
div.srtTable .action-col3 {
  min-width: 125px;
  width: 125px;
}

div.treeNode, .childNodes {
  display: contents;
}
div.nodeRow {
  background-color: inherit;
}
i.dropOver {
  color: #fff;
}
div.nodeSort.selected > .td {
  border-bottom: 1px solid #f00;
}
div.nodeSort.selectable > .bi-arrow-down-up {
  display: none;
}
div.nodeSort:is(.selectable):not(.selected) > .bi-circle {
  display: inline-block !important;
}
div.nodeSort.selected > .bi-record-circle {
  display: inline-block !important;
}
div.nodePath {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: fit-content;
}
span.nodeAdd.selectable.selected {
  color: red;
}
button.btnTblAdd {
  width: 55px;
  height: 32px;
  padding: 0px;
  font-size: 14px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
}
button.btnTblEdit {
  width: 100px;
  height: 32px;
  padding: 0px;
  font-size: 14px;
  border-radius: 0;   
}
button.btnTblDel {
  width: 55px;
  height: 32px;
  padding: 0px;
  font-size: 14px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; 
}

div.catImgContain {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: calc(10px - 4px);
}
div.catImgContain > img, object {
    cursor: pointer;
    height: 216.75px;
    width: 216.75px;
    object-fit: contain;
  }