html body .flex-table {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-body-color);
  --bs-table-bg: transparent;
  --bs-table-border-color: #e6e6e8;
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-body-color);
  --bs-table-striped-bg: #f3f2f3;
  --bs-table-active-color: #6d6b77;
  --bs-table-active-bg: rgba(115, 103, 240, 0.08);
  --bs-table-hover-color: var(--bs-body-color);
  --bs-table-hover-bg: rgba(47, 43, 61, 0.06);
  display: flex;
  flex-direction: column;
}
html body .flex-table.dashboard {
  height: 100%;
}
html body .flex-table .header, html body .flex-table .footer {
  flex-grow: 0 !important;
  border-top: 1px solid var(--bs-table-border-color);
  border-bottom: 1px solid var(--bs-table-border-color);
}
html body .flex-table .header .up6-th.check .text-ellipsis, html body .flex-table .footer .up6-th.check .text-ellipsis {
  overflow: visible !important;
}
html body .flex-table .body {
  flex-grow: 1;
  overflow-y: scroll;
  position: relative;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}
html body .flex-table .row {
  margin: 0px;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex-wrap: initial;
  transition: all 0.2s ease-in-out;
  border-bottom: 1px solid var(--bs-table-border-color);
  position: relative;
}
html body .flex-table .row[data-archive="1"] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAADxJREFUKFNjZCAOSDESoU6KgYHhGSGFYEUgw/AphCvCpxBFES6FGIqwKcSqCF0hTkXICvEqgikkqAikEACQ/wklBaJ5yQAAAABJRU5ErkJggg==);
  background-repeat: repeat;
}
html body .flex-table .row[data-new] {
  border-left: 2px solid rgba(var(--bs-primary-rgb), 1) !important;
}
html body .flex-table .row:not(.header):hover {
  box-shadow: 0 0px 12px rgba(0, 0, 0, 0.18);
  z-index: 5;
  position: relative;
}
html body .flex-table .row:not(.header):hover > * {
  background-color: transparent !important;
}
html body .flex-table .row:last-child {
  border-bottom-width: 0;
}
html body .flex-table .row.header, html body .flex-table .row.footer {
  background-color: #d6ebed !important;
  border-bottom: 1px solid #d6ebed !important;
  border-top: 1px solid #d6ebed !important;
  /*padding-right: 12px;
  background-color: $BG_COLOR !important;
  border-bottom: 1px solid $BORDER_COLOR;
  min-height: 30px;*/
  padding-right: 12px;
}
html body .flex-table .row.header > *, html body .flex-table .row.footer > * {
  background-color: transparent !important;
  padding-block: 1.161rem;
  text-transform: uppercase;
  font-size: 0.8rem;
  letter-spacing: 0.2px;
  color: #444050;
  display: flex;
  align-self: center;
  font-weight: bold;
  white-space: nowrap;
  /*.arrow{

    transition: all 0.2s ease-in-out;

    &[data-order='asc']{

      width: 0;
      height: 0;
      border-left: $ARROW_SIZE solid transparent;
      border-right: $ARROW_SIZE solid transparent;
      border-top: 0px solid transparent;
      border-bottom: $ARROW_SIZE solid $ARROW_COLOR_ACTIVE;

    }

    &.desc{

      width: 0;
      height: 0;
      border-left: $ARROW_SIZE solid transparent;
      border-right: $ARROW_SIZE solid transparent;
      border-top: $ARROW_SIZE solid $ARROW_COLOR_ACTIVE;
      border-bottom: 0px solid transparent;

    }

  }

  &:hover{

    .arrow{

      &.desc{

        width: 0;
        height: 0;
        border-left: $ARROW_SIZE solid transparent;
        border-right: $ARROW_SIZE solid transparent;
        border-top: 0px solid transparent;
        border-bottom: $ARROW_SIZE solid $ARROW_COLOR_ACTIVE;

      }

      &.asc{

        width: 0;
        height: 0;
        border-left: $ARROW_SIZE solid transparent;
        border-right: $ARROW_SIZE solid transparent;
        border-top: $ARROW_SIZE solid $ARROW_COLOR_ACTIVE;
        border-bottom: 0px solid transparent;

      }

    }

  }*/
}
html body .flex-table .row.header > * .arrow[data-order=asc], html body .flex-table .row.footer > * .arrow[data-order=asc] {
  border-width: 0px 6px 6px 6px !important;
}
html body .flex-table .row.header > * .arrow[data-order=desc], html body .flex-table .row.footer > * .arrow[data-order=desc] {
  border-width: 6px 6px 0px 6px !important;
}
html body .flex-table .row.header > *:hover .arrow[data-order=asc], html body .flex-table .row.footer > *:hover .arrow[data-order=asc] {
  border-width: 6px 6px 0px 6px !important;
}
html body .flex-table .row.header > *:hover .arrow[data-order=desc], html body .flex-table .row.footer > *:hover .arrow[data-order=desc] {
  border-width: 0px 6px 6px 6px !important;
}
html body .flex-table .row > * {
  align-self: center;
  flex-grow: 1;
  width: auto;
  white-space: normal;
  padding: 0.5rem 0.25rem;
  color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
  background-color: var(--bs-table-bg);
  border-bottom-width: var(--bs-border-width);
  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}
html body .flex-table .dropdown-item {
  display: flex;
  gap: 0.25rem;
}
html body .flex-table.nopagination .header {
  padding-right: 0px;
}
html body .flex-table.nopagination .body {
  max-height: none;
  overflow-y: auto;
}
html body .flex-table.nopagination .footer {
  padding-right: 0px;
}
@media (max-width: 767.98px) {
  html body .flex-table {
    /*.header.row{

      flex-wrap: nowrap;

      > *{

        width: auto;

      }

    }

    .body .row {

      display: flex;
      align-items: center;
      flex-wrap: wrap;

      > *{

        width: auto;

      }

    }*/
  }
}

/*# sourceMappingURL=app.table.css.map */