qbs-react-grid 1.2.0 → 1.2.2

package/dist/css/qbs-react-grid.css

@@ -1,1096 +1,2 @@
-@-webkit-keyframes loaderSpin {
-  from {
-    -webkit-transform: rotate(0);
-            transform: rotate(0);
-  }
-  to {
-    -webkit-transform: rotate(360deg);
-            transform: rotate(360deg);
-  }
-}
-@keyframes loaderSpin {
-  from {
-    -webkit-transform: rotate(0);
-            transform: rotate(0);
-  }
-  to {
-    -webkit-transform: rotate(360deg);
-            transform: rotate(360deg);
-  }
-}
-.rs-table {
-  position: relative;
-  overflow: hidden;
-  border-radius: 0px;
-  background-color: #ffffff;
-}
-.rs-table-column-resizing {
-  cursor: ew-resize;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-}
-.rs-table-bordered {
-  border: 1px solid #eee;
-}
-.rs-table-row {
-  overflow: hidden;
-  position: absolute;
-  width: 100%;
-  top: 0;
-  transition: none;
-  border-bottom: 1px solid #eee;
-}
-.rs-table-hover .rs-table-body-row-wrapper .rs-table-row:hover {
-  background: #fff;
-}
-.rs-table-hover .rs-table-body-row-wrapper .rs-table-row:hover .rs-table-cell-group {
-  background: #fff;
-}
-.rs-table-hover .rs-table-body-row-wrapper .rs-table-row:hover .rs-table-cell {
-  background: #fff;
-}
-.rs-table-row-header {
-  background: #f4f4f4;
-}
-.rs-table-row-header .rs-table-cell {
-  background: #f4f4f4;
-}
-.rs-table-row-header .rs-table-cell-group-shadow {
-  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.28);
-  z-index: 5;
-}
-.rs-table-header-row-wrapper {
-  z-index: 2;
-  position: relative;
-}
-.rs-table-affix-header {
-  z-index: 3;
-  visibility: hidden;
-}
-.rs-table-affix-header.fixed {
-  visibility: visible;
-}
-.rs-table-body-row-wrapper {
-  position: relative;
-  overflow: hidden;
-  z-index: 0;
-}
-.rs-table-body-info {
-  width: 100%;
-  text-align: center;
-  top: 50%;
-  position: absolute;
-  margin-top: -20px;
-  line-height: 40px;
-}
-.rs-table-body-info .icon {
-  margin: 0 10px;
-}
-.rs-table-body-info-wheel-area {
-  width: 100%;
-}
-.rs-table-cell {
-  height: 36px;
-  border-bottom: 1px solid #eee;
-  display: block;
-  overflow: hidden;
-  position: absolute;
-  white-space: normal;
-  background: #fff;
-  transition: none;
-  box-sizing: border-box;
-}
-.rs-table-cell.first {
-  border-left-width: 0;
-}
-.rs-table-cell-wrap1 {
-  display: table;
-}
-.rs-table-cell-wrap2 {
-  display: table-row;
-}
-.rs-table-cell-wrap3 {
-  display: table-cell;
-  vertical-align: middle;
-}
-.rs-table-cell-content {
-  padding: 8px;
-  box-sizing: border-box;
-  background-color: #ffffff;
-  color: #222;
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 500;
-  line-height: 20px;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  -ms-text-overflow: ellipsis;
-  -o-text-overflow: ellipsis;
-  width: 100%;
-}
-.rs-table-cell-header-sortable {
-  cursor: pointer;
-}
-.rs-table-cell-header-sort-wrapper {
-  display: inline-block;
-}
-.rs-table-cell-full-text:hover {
-  overflow: visible;
-  z-index: 2 !important;
-  width: auto !important;
-  box-shadow: inset #3871dc 0px 0px 2px !important;
-}
-.rs-table-cell-full-text:hover .rs-table-cell-content {
-  width: auto !important;
-}
-.rs-table-column-resize-spanner {
-  height: 36px;
-  width: 2px;
-  z-index: 3;
-  position: absolute;
-  cursor: ew-resize !important;
-  outline: none;
-}
-.rs-table-column-resize-spanner:hover {
-  background-color: #E76458;
-}
-.rs-table-cell-group-fixed-left {
-  position: absolute;
-  z-index: 4;
-  background: #fff;
-}
-.rs-table-cell-group-fixed-right {
-  position: absolute;
-  z-index: 4;
-  background: #fff;
-}
-.rs-table-cell-group-left-shadow {
-  box-shadow: 3px 0px 5px rgba(9, 9, 9, 0.08);
-}
-.rs-table-cell-group-shadow,
-.rs-table-cell-group-right-shadow {
-  box-shadow: -3px 0px 5px rgba(9, 9, 9, 0.08);
-}
-.rs-table-mouse-area {
-  display: none;
-  background: #E76458;
-  left: -1px;
-  top: 0;
-  position: absolute;
-  width: 2px;
-  z-index: 6;
-}
-.rs-table-mouse-area input {
-  display: none;
-}
-.rs-table-mouse-area span {
-  background: #E76458;
-}
-.rs-table-cell-bordered .rs-table-cell {
-  border-right: 1px solid #eee;
-}
-.rs-table-word-wrap .rs-table-cell-content {
-  white-space: normal;
-}
-.rs-table-row-expanded {
-  position: absolute;
-  height: 46px;
-  bottom: 0;
-  width: 100%;
-  z-index: 4;
-  border-top: 1px solid #eee;
-  padding: 10px;
-  background: #f5f5f5;
-}
-.rs-table-loader-wrapper {
-  visibility: hidden;
-  position: absolute;
-  height: 100%;
-  width: 100%;
-  background-color: rgba(255, 255, 255, 0.9);
-}
-.rs-table-loader {
-  width: 100%;
-  text-align: center;
-  top: 50%;
-  position: absolute;
-  margin-top: -20px;
-  line-height: 40px;
-}
-.rs-table-loader-icon {
-  width: 18px;
-  height: 18px;
-  display: inline-block;
-  position: relative;
-  margin-right: 12px;
-  padding-top: 3px;
-}
-.rs-table-loader-icon::before,
-.rs-table-loader-icon::after {
-  width: 18px;
-  height: 18px;
-}
-.rs-table-loader-icon::before,
-.rs-table-loader-icon::after {
-  content: "";
-  position: absolute;
-  left: 0;
-  right: 0;
-  display: block;
-  border-radius: 50%;
-}
-.rs-table-loader-icon::before {
-  border: 3px solid rgba(247, 247, 250, 0.8);
-}
-.rs-table-loader-icon::after {
-  border-width: 3px;
-  border-style: solid;
-  border-color: #a6a6a6 transparent transparent;
-  -webkit-animation: loaderSpin 0.6s infinite linear;
-          animation: loaderSpin 0.6s infinite linear;
-}
-.rs-table-loading .rs-table-loader-wrapper {
-  visibility: visible;
-}
-.rs-table-cell-expand-icon {
-  cursor: pointer;
-  outline: none;
-}
-.rs-table-cell-expand-wrapper {
-  margin-right: 10px;
-  display: inline-block;
-  cursor: pointer;
-}
-.rs-table-scrollbar {
-  background: rgba(45, 45, 45, 0.05);
-  position: absolute;
-}
-.rs-table-scrollbar-active {
-  background: rgba(45, 45, 45, 0.1);
-}
-.rs-table-scrollbar-hide {
-  display: none;
-}
-.rs-table-scrollbar-handle {
-  position: absolute;
-  background: rgba(45, 45, 45, 0.5);
-  border-radius: 4px;
-}
-.rs-table-scrollbar-horizontal {
-  width: 100%;
-  height: 5px;
-  bottom: 2px;
-}
-.rs-table-scrollbar-horizontal.fixed {
-  position: fixed;
-}
-.rs-table-scrollbar-horizontal .rs-table-scrollbar-handle {
-  height: 8px;
-  left: 0px;
-  top: 1px;
-}
-.rs-table-scrollbar-horizontal .rs-table-scrollbar-pressed,
-.rs-table-scrollbar-horizontal:hover {
-  height: 5px;
-  box-shadow: 1px 1px 2px #ddd inset;
-}
-.rs-table-scrollbar-horizontal .rs-table-scrollbar-pressed .rs-table-scrollbar-handle,
-.rs-table-scrollbar-horizontal:hover .rs-table-scrollbar-handle {
-  top: 2px;
-  height: 5px;
-}
-.rs-table-scrollbar-vertical {
-  top: 0;
-  right: 0px;
-  width: 5px;
-  bottom: 2px;
-}
-.rs-table-scrollbar-vertical .rs-table-scrollbar-handle {
-  min-height: 20px;
-  width: 5px;
-  top: 0px;
-  left: 1px;
-}
-.rs-table-scrollbar-vertical .rs-table-scrollbar-pressed,
-.rs-table-scrollbar-vertical:hover {
-  width: 5px;
-  box-shadow: 1px 1px 2px #ddd inset;
-}
-.rs-table-scrollbar-vertical .rs-table-scrollbar-pressed .rs-table-scrollbar-handle,
-.rs-table-scrollbar-vertical:hover .rs-table-scrollbar-handle {
-  left: 2px;
-  width: 5px;
-}
-.rs-table-column-group {
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: 0;
-  width: 100%;
-}
-.rs-table-column-group-header {
-  border-bottom: 1px solid #eee;
-  position: absolute;
-  width: 100%;
-}
-.rs-table-column-group-header-content {
-  display: table-cell;
-  padding: 8px;
-}
-.rs-table-column-group-cell {
-  position: absolute;
-  border-right: 1px solid #eee;
-}
-.qbs-table-custom-pagination {
-  display: flex;
-  justify-content: space-between;
-  padding: 8px 12px;
-  min-height: 40px;
-  align-items: center;
-  border-radius: 0 0 4px 4px;
-  border-top: 1px solid #d6d8dc;
-  background: #fff;
-}
-.qbs-table-custom-pagination-header {
-  border-bottom: 1px solid #eee;
-  position: absolute;
-  width: 100%;
-}
-.qbs-table-custom-pagination-header-content {
-  display: table-cell;
-  padding: 8px;
-}
-.qbs-table-custom-pagination .qbs-table-pagination-dropdown {
-  width: 65px;
-  height: 26px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 500;
-  line-height: 20px;
-  border-radius: 6px;
-  border: 1px solid #d6d8dc;
-  background: #fff;
-}
-.qbs-table-custom-pagination .qbs-table-icon-container {
-  padding: 0;
-  cursor: pointer;
-  display: flex;
-  justify-items: center;
-  align-items: center;
-  color: black;
-  background-color: transparent;
-  width: 24px;
-  height: 24px;
-  border-radius: 4px;
-  border: 1px solid #999696;
-}
-.qbs-table-custom-pagination .qbs-table-icon-container:hover {
-  color: blue;
-}
-.qbs-table-custom-pagination .qbs-table-icon-container:disabled {
-  color: grey;
-  cursor: not-allowed;
-}
-.qbs-table-custom-pagination .qbs-table-icon-container svg {
-  width: 16px;
-  height: 16px;
-  margin: 0 auto;
-}
-.qbs-table-custom-pagination .qbs-table-pagination-right-block {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-}
-.qbs-table-custom-pagination .qbs-table-pagination-right-block .block-container {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-}
-.qbs-table-custom-pagination .qbs-table-pagination-right-block .block-container .block-item {
-  margin: 0;
-  display: flex;
-  cursor: pointer;
-  align-items: center;
-  justify-content: center;
-  height: 24px;
-  width: 24px;
-  padding: 0;
-  border-radius: 6px;
-  font-size: 13px;
-  font-style: normal;
-  font-weight: 500;
-  line-height: 16px;
-  border: 1px solid transparent;
-  transition: all 0.2s ease;
-}
-.qbs-table-custom-pagination .qbs-table-pagination-right-block .block-container .block-item:hover {
-  border-color: #e76458;
-  color: #e76458;
-  transition: all 0.2s ease;
-}
-.qbs-table-custom-pagination .qbs-table-pagination-right-block .block-container .block-item:active {
-  border-color: #e76458;
-  color: #e76458;
-  transition: all 0.2s ease;
-}
-.qbs-table-custom-pagination .qbs-table-pagination-right-block .block-container .selected {
-  color: #e76458;
-  border: 1px solid #e76458;
-  transition: all 0.2s ease;
-}
-.qbs-table-pagination-flexBox {
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  gap: 12px;
-}
-.qbs-table-pagination-flexBox .qbs-table-pagination-text {
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 500;
-  line-height: 20px;
-  color: #313131;
-}
-.qbs-table-custom-pagination .qbs-table-pagination-dropdown:focus {
-  outline: none;
-}
-.custom-select {
-  position: relative;
-  display: inline-block;
-}
-.custom-select-trigger {
-  padding: 2px 8px;
-  cursor: pointer;
-  border: 1px solid #d6d8dc;
-  border-radius: 4px;
-  min-width: 65px;
-  position: relative;
-  font-size: 14px;
-  font-weight: 500;
-}
-.custom-select-options {
-  position: absolute;
-  width: 100%;
-  z-index: 1000;
-  list-style: none;
-  margin: 2px 0 0;
-  padding: 0;
-  background: #fff;
-  border-radius: 8px;
-  box-shadow: 0 8px 20px 0 #00000026;
-}
-ul.custom-select-options.top {
-  bottom: 100%;
-}
-.custom-select-option {
-  padding: 6px 8px;
-  cursor: pointer;
-  font-weight: 500;
-  font-size: 14px;
-}
-.custom-select-option:hover,
-.custom-select-option.selected {
-  background-color: #f0f0f0;
-}
-.custom-select-trigger:before {
-  content: "";
-  position: absolute;
-  right: 10px;
-  top: 6px;
-  font-weight: bold;
-  border: solid black;
-  border-width: 0 1px 1px 0;
-  display: inline-block;
-  padding: 3px;
-  vertical-align: middle;
-  transform: rotate(45deg);
-  -webkit-transform: rotate(45deg);
-}
-.qbs-table .qbs-table-toolbar-container {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-}
-.qbs-table .qbs-table-border-wrap {
-  border-radius: 0 0 4px 4px;
-  border: 1px solid #d6d8dc;
-  background: #fff;
-}
-.qbs-table .qbs-table-toolbar {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-.qbs-table .qbs-table-toolbar .end-container {
-  display: flex;
-  gap: 10px;
-  align-items: center;
-}
-.qbs-table .qbs-table-toolbar .end-container .rows-count {
-  padding: 0px 10px;
-}
-.qbs-table .qbs-table-toolbar .start-container {
-  display: flex;
-  gap: 10px;
-}
-.qbs-table .qbs-table-toolbar .qbs-table-primary-filter {
-  display: flex;
-  gap: 12px;
-}
-.qbs-table .sub-qbs-table-toolbar {
-  display: flex;
-  gap: 10px;
-}
-.qbs-table .qbs-table-search-container {
-  position: relative;
-  align-items: center;
-}
-.qbs-table .qbs-table-search-container .input {
-  height: 36px;
-  border-radius: 4px;
-  min-width: 280px;
-  padding: 0 8px;
-  padding-left: 36px !important;
-  line-height: 36px;
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 500;
-  border-radius: 6px;
-  border: 1px solid #d6d8dc;
-  background: #fff;
-  transition: all 0.2s ease;
-}
-.qbs-table .qbs-table-search-container .input:hover {
-  outline: none;
-  border: 1px solid #d6d8dc;
-  background: #fff;
-}
-.qbs-table .qbs-table-search-container .input:focus {
-  outline: none;
-  border: 1px solid #222;
-  background: #fff;
-  transition: all 0.2s ease;
-}
-.qbs-table .qbs-table-search-container .search-button {
-  position: absolute;
-  left: 1px;
-  top: 7px;
-  display: flex;
-  color: #222;
-  background-color: transparent;
-}
-.qbs-table .qbs-table-search-container .search-button .icon {
-  width: 20px;
-  height: 20px;
-}
-.qbs-table .qbs-table-search-container .close-button {
-  position: absolute;
-  display: flex;
-  right: 31px;
-  bottom: 5px;
-  color: grey;
-  background-color: white;
-}
-.qbs-table .qbs-table-search-container .close-button .icon {
-  width: 20px;
-  height: 20px;
-}
-.qbs-table .popup-content {
-  display: none;
-  position: absolute;
-  background-color: #f9f9f9;
-  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
-  padding: 12px 16px;
-  z-index: 1;
-}
-.qbs-table .show {
-  display: block !important;
-}
-.qbs-table[data-theme='dark'] {
-  background-color: #333333;
-  color: #ffffff;
-}
-.rs-table-cell-content[data-theme='dark'] {
-  background-color: #333333;
-  color: #ffffff;
-}
-/* Dropdown container */
-.qbs-table-menu-dropdown {
-  position: relative;
-  display: flex;
-  width: 100%;
-  height: 36px;
-  align-items: center;
-  justify-content: center;
-}
-/* Button to trigger the qbs-table-menu-dropdown */
-.qbs-table-dropbtn {
-  background-color: transparent;
-  color: black;
-  font-size: 16px;
-  border: none;
-  cursor: pointer;
-}
-/* Dropdown content (hidden by default) */
-.qbs-table-qbs-table-menu-dropdown-content {
-  position: absolute;
-  min-width: 75px;
-  z-index: 999;
-  right: 4px;
-  margin-bottom: 0;
-  margin-top: 0;
-  top: 3px;
-  display: flex;
-  box-sizing: border-box;
-  height: 28px;
-  border-radius: 8px;
-  border: 1px solid #d6d8dc;
-  background: #fff;
-  box-shadow: 0px 2px 4px 0px rgba(58, 58, 58, 0.09);
-  align-items: center;
-  justify-content: flex-end;
-  gap: 12px;
-  padding: 4px;
-}
-/* Dropdown content items */
-.qbs-table-qbs-table-menu-dropdown-content a {
-  padding: 0 !important;
-  text-decoration: none;
-  display: block;
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 500;
-  color: #212121;
-  width: auto;
-  cursor: pointer;
-  transition: all 0.2s ease;
-  height: 18px;
-}
-.qbs-table-qbs-table-menu-dropdown-content a svg {
-  width: 18px;
-  height: 18px;
-}
-.qbs-table-qbs-table-menu-dropdown-content button.qbs-table-dropbtn {
-  margin-right: 8px;
-  margin-top: 2px;
-}
-.qbs-table-qbs-table-menu-dropdown-content a:hover {
-  color: #e76458;
-  background: #f4f4f4;
-  transition: all 0.2s ease;
-}
-/* Tooltip container */
-.qbs-table-tooltip {
-  position: relative;
-  display: contents;
-  cursor: pointer;
-}
-.qbs-table-tooltip .tooltiptext {
-  visibility: hidden;
-  background-color: #000;
-  color: #fff;
-  text-align: center;
-  padding: 6px;
-  border-radius: 4px;
-  position: absolute;
-  z-index: 9999;
-  opacity: 0;
-  transition: opacity 0.3s;
-  font-size: 12px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 16px;
-  width: 100px;
-}
-.qbs-table-tooltip.up .tooltiptext {
-  bottom: 125%;
-  left: 0%;
-}
-.qbs-table-tooltip.down .tooltiptext {
-  top: 125%;
-  right: 0px;
-  left: auto;
-}
-.qbs-table-tooltip:hover .tooltiptext {
-  visibility: visible;
-  opacity: 1;
-}
-.qbs-table-tooltip .tooltiptext::after {
-  content: '';
-  position: absolute;
-  border-width: 5px;
-  border-style: solid;
-}
-.qbs-table-tooltip.up .tooltiptext::after {
-  top: 100%;
-  left: 50%;
-  margin-left: -5px;
-  border-color: #000 transparent transparent transparent;
-}
-.qbs-table-tooltip.down .tooltiptext::after {
-  bottom: 100%;
-  left: 50%;
-  margin-left: -5px;
-  border-color: transparent transparent #000 transparent;
-}
-.rs-table-row {
-  overflow: visible !important;
-}
-.qbs-table-toolbar-sub-container {
-  display: flex;
-  gap: 12px;
-  padding: 10px 12px;
-  border-radius: 4px 4px 0 0;
-  border: 1px solid #d6d8dc;
-  background: #fff;
-  border-bottom: unset;
-}
-.qbs-table-toolbar-sub-container .rows-count {
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 500;
-  line-height: 20px;
-  color: #222;
-}
-.qbs-table-toolbar-sub-container.selected-row {
-  background: rgba(231, 100, 88, 0.08);
-}
-.qbs-table-toolbar-sub-container-start {
-  display: flex;
-  gap: 10px;
-  align-items: center;
-}
-.qbs-table-column-popup {
-  position: fixed;
-  padding: 8px;
-  z-index: 999;
-  right: 10px;
-  border-radius: 8px;
-  background: #fff;
-  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
-  min-width: 272px;
-  gap: 4px;
-  display: flex;
-  flex-direction: column;
-  max-height: 500px;
-}
-.qbs-table-popup-container {
-  max-width: 400px;
-  overflow-y: auto;
-}
-.qbs-table-container {
-  padding: 8px 4px;
-  white-space: nowrap;
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-}
-.qbs-table-columns-container {
-  display: flex;
-  flex-direction: row-reverse;
-}
-.qbs-table-columns-label {
-  display: flex;
-  gap: 10px;
-}
-.qbs-table-columns-drag-icon {
-  cursor: grab;
-  margin-right: 0;
-}
-.qbs-table-column {
-  flex: 1;
-}
-.rs-table-cell-header .rs-table-cell-content {
-  padding: 8px;
-  border-radius: 0px;
-  border-right: 0px;
-  background: #f4f4f4;
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 500;
-  line-height: 20px;
-  color: #222;
-}
-.qbs-table .qbs-table-border-wrap .rs-table .rs-table-cell:hover ~ .rs-table-column-resize-spanner,
-.qbs-table .qbs-table-border-wrap .rs-table .rs-table-cell ~ .rs-table-column-resize-spanner:hover {
-  background-color: #e76458;
-}
-.qbs-table .qbs-table-border-wrap .rs-table .rs-table-cell:hover ~ .rs-table-column-resize-spanner:before,
-.qbs-table .qbs-table-border-wrap .rs-table .rs-table-cell ~ .rs-table-column-resize-spanner:hover:before {
-  border-color: transparent #e76458 transparent transparent;
-}
-.qbs-table .qbs-table-border-wrap .rs-table .rs-table-cell:hover ~ .rs-table-column-resize-spanner:after,
-.qbs-table .qbs-table-border-wrap .rs-table .rs-table-cell ~ .rs-table-column-resize-spanner:hover:after {
-  border-color: transparent transparent transparent #e76458;
-}
-.qbs-table-checkbox {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.qbs-table-checkbox .qbs-table-checkbox-input {
-  opacity: 0;
-}
-.qbs-table-checkbox .qbs-table-checkbox-input ~ label {
-  position: absolute;
-  border-radius: 3px;
-  border: 1px solid #999696;
-  width: 20px;
-  height: 20px;
-  top: 7px;
-  transition: all 0.2s ease;
-  cursor: pointer;
-}
-.qbs-table-checkbox .qbs-table-checkbox-input ~ label svg {
-  opacity: 0;
-  transition: all 0.2s ease;
-  position: absolute;
-  left: 5px;
-  top: 5px;
-  width: 9px;
-  height: 9px;
-}
-.qbs-table-checkbox .qbs-table-checkbox-input:checked ~ label {
-  transition: all 0.2s ease;
-  border-radius: 3px;
-  background: #e76458;
-  border-color: #e76458;
-}
-.qbs-table-checkbox .qbs-table-checkbox-input:checked ~ label svg {
-  opacity: 1;
-  transition: all 0.2s ease;
-}
-.qbs-checkbox-border-none .rs-table-cell-content {
-  border-right: unset;
-}
-.qbs-table-popup-item {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-}
-.qbs-table-popup-item .qbs-table-popup-label {
-  padding: 4px;
-  font-size: 12px;
-  font-style: normal;
-  font-weight: 600;
-  line-height: 16px;
-  color: #585858;
-}
-.qbs-table-popup-item .qbs-table-popup-value {
-  padding: 8px;
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 500;
-  line-height: 20px;
-  color: #222;
-}
-.qbs-table-divider {
-  width: 100%;
-  background: #d6d8dc;
-  display: flex;
-  min-height: 1px;
-}
-.qbs-table-checkbox.qbs-table-custom-checkbox .qbs-table-checkbox-input ~ label {
-  top: -2px;
-}
-.qbs-table-container .qbs-table-popup-value {
-  padding: 0;
-  flex: 1;
-  margin-left: 8px;
-  transition: all 0.2s ease;
-}
-.qbs-table-container:hover .qbs-table-popup-value,
-.qbs-table-container:hover .qbs-table-popup-label {
-  transition: all 0.2s ease;
-  color: #e76458;
-}
-.qbs-table-container .qbs-table-popup-label {
-  padding: 0;
-  flex: 1;
-  margin-left: 8px;
-  transition: all 0.2s ease;
-}
-.qbs-table-reset-link {
-  padding: 8px;
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 500;
-  line-height: 20px;
-  color: #c63a3a;
-}
-.qbs-table-reset-link:hover {
-  color: #c63a3a;
-  text-decoration: none;
-}
-.selected-row-action {
-  display: flex;
-  gap: 10px;
-}
-.selected-row-action .btn {
-  background-color: transparent;
-  font-weight: 600;
-  padding: 4px;
-}
-.qbs-table-row-link {
-  text-decoration: none;
-  cursor: pointer;
-}
-.qbs-table-row-link:hover {
-  text-decoration: none;
-}
-.rs-table-column-group-header-content {
-  text-align: center;
-}
-.rs-table-cell-content {
-  vertical-align: center !important;
-  display: table-cell;
-}
-.row-status:hover .row-status-tooltip {
-  display: block;
-}
-.row-status-tooltip {
-  display: none;
-  position: fixed;
-  width: auto;
-  height: auto;
-  max-width: 300px;
-  max-height: 200px;
-  padding: 10px;
-  border-radius: 8px;
-  border: 1px solid #d6d8dc;
-  background: #fff;
-  box-shadow: 0px 2px 4px 0px rgba(58, 58, 58, 0.15);
-}
-.row-status-tooltip.bottom-position {
-  top: 100%;
-}
-.row-status-tooltip.top-position {
-  bottom: 100%;
-}
-.dots-container {
-  display: flex;
-  padding: 10px;
-}
-.dot {
-  height: 20px;
-  width: 20px;
-  margin-right: 10px;
-  border-radius: 10px;
-  background-color: #b3d4fc;
-  -webkit-animation: pulse 1.5s infinite ease-in-out;
-          animation: pulse 1.5s infinite ease-in-out;
-}
-.dot:last-child {
-  margin-right: 0;
-}
-.dot:nth-child(1) {
-  -webkit-animation-delay: -0.3s;
-          animation-delay: -0.3s;
-}
-.dot:nth-child(2) {
-  -webkit-animation-delay: -0.1s;
-          animation-delay: -0.1s;
-}
-.dot:nth-child(3) {
-  -webkit-animation-delay: 0.1s;
-          animation-delay: 0.1s;
-}
-@-webkit-keyframes pulse {
-  0% {
-    -webkit-transform: scale(0.8);
-            transform: scale(0.8);
-    background-color: #b3d4fc;
-    box-shadow: 0 0 0 0 rgba(178, 212, 252, 0.7);
-  }
-  50% {
-    -webkit-transform: scale(1.2);
-            transform: scale(1.2);
-    background-color: #6793fb;
-    box-shadow: 0 0 0 10px rgba(178, 212, 252, 0);
-  }
-  100% {
-    -webkit-transform: scale(0.8);
-            transform: scale(0.8);
-    background-color: #b3d4fc;
-    box-shadow: 0 0 0 0 rgba(178, 212, 252, 0.7);
-  }
-}
-@keyframes pulse {
-  0% {
-    -webkit-transform: scale(0.8);
-            transform: scale(0.8);
-    background-color: #b3d4fc;
-    box-shadow: 0 0 0 0 rgba(178, 212, 252, 0.7);
-  }
-  50% {
-    -webkit-transform: scale(1.2);
-            transform: scale(1.2);
-    background-color: #6793fb;
-    box-shadow: 0 0 0 10px rgba(178, 212, 252, 0);
-  }
-  100% {
-    -webkit-transform: scale(0.8);
-            transform: scale(0.8);
-    background-color: #b3d4fc;
-    box-shadow: 0 0 0 0 rgba(178, 212, 252, 0.7);
-  }
-}
-.skeleton-table {
-  width: 100%;
-  padding: 10px;
-}
-.skeleton-row {
-  display: flex;
-  margin-bottom: 10px;
-}
-.skeleton-cell {
-  flex: 1;
-  height: 10px;
-  /* Adjust as needed */
-  background: #d9dbdd;
-  border-radius: 4px;
-  width: 50px;
-  margin-right: 10px !important;
-  -webkit-animation: loading 1.5s infinite;
-          animation: loading 1.5s infinite;
-}
-.skeleton-row:last-child .skeleton-cell {
-  margin-right: 0;
-}
-@-webkit-keyframes loading {
-  0% {
-    background-color: #e7ecf4;
-  }
-  50% {
-    background-color: #d9dbdd;
-  }
-  100% {
-    background-color: #e7ecf4;
-  }
-}
-@keyframes loading {
-  0% {
-    background-color: #e7ecf4;
-  }
-  50% {
-    background-color: #d9dbdd;
-  }
-  100% {
-    background-color: #e7ecf4;
-  }
-}
-.skeleton-divider {
-  height: 5px;
-  margin: 10px;
-}
-
+*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent;--tw-shadow:0 0 transparent;--tw-shadow-colored:0 0 transparent;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent;--tw-shadow:0 0 transparent;--tw-shadow-colored:0 0 transparent;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.12 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder, textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.\!fixed{position:fixed!important}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.bottom-1\.5{bottom:.375rem}.bottom-2{bottom:.5rem}.left-1{left:.25rem}.right-0{right:0}.right-2{right:.5rem}.right-7{right:1.75rem}.top-2{top:.5rem}.top-4{top:1rem}.z-10{z-index:10}.col-span-1{grid-column:span 1/span 1}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.block{display:block}.flex{display:flex}.table{display:table}.table-cell{display:table-cell}.grid{display:grid}.hidden{display:none}.h-4{height:1rem}.h-6{height:1.5rem}.w-4{width:1rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-full{width:100%}.rotate-180{--tw-rotate:180deg}.rotate-180,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-col{flex-direction:column}.place-content-start{place-content:start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.gap-3{gap:.75rem}.gap-y-2{row-gap:.5rem}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.p-2{padding:.5rem}.p-3{padding:.75rem}.px-2{padding-left:.5rem;padding-right:.5rem}.pl-1{padding-left:.25rem}.pl-1\.5{padding-left:.375rem}.pr-1{padding-right:.25rem}.text-center{text-align:center}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.leading-7{line-height:1.75rem}.tracking-\[0\.24px\]{letter-spacing:.24px}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity))}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes loaderSpin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.rs-table{position:relative;overflow:hidden;border-radius:0;background-color:#fff}.rs-table-column-resizing{cursor:ew-resize;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rs-table-bordered{border:1px solid #eee}.rs-table-row{overflow:hidden;position:absolute;width:100%;top:0;transition:none;border-bottom:1px solid #eee}.rs-table-hover .rs-table-body-row-wrapper .rs-table-row:hover,.rs-table-hover .rs-table-body-row-wrapper .rs-table-row:hover .rs-table-cell,.rs-table-hover .rs-table-body-row-wrapper .rs-table-row:hover .rs-table-cell-group{background:#fff}.rs-table-row-header,.rs-table-row-header .rs-table-cell{background:#f4f4f4}.rs-table-row-header .rs-table-cell-group-shadow{box-shadow:0 2px 3px rgba(0,0,0,.28);z-index:5}.rs-table-header-row-wrapper{z-index:2;position:relative}.rs-table-affix-header{z-index:3;visibility:hidden}.rs-table-affix-header.fixed{visibility:visible}.rs-table-body-row-wrapper{position:relative;overflow:hidden;z-index:0}.rs-table-body-info{width:100%;text-align:center;top:50%;position:absolute;margin-top:-20px;line-height:40px}.rs-table-body-info .icon{margin:0 10px}.rs-table-body-info-wheel-area{width:100%}.rs-table-cell{height:36px;border-bottom:1px solid #eee;display:block;overflow:hidden;position:absolute;white-space:normal;background:#fff;transition:none;box-sizing:border-box}.rs-table-cell.first{border-left-width:0}.rs-table-cell-wrap1{display:table}.rs-table-cell-wrap2{display:table-row}.rs-table-cell-wrap3{display:table-cell;vertical-align:middle}.rs-table-cell-content{padding:8px;box-sizing:border-box;background-color:#fff;color:#222;font-size:14px;font-style:normal;font-weight:500;line-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;width:100%}.rs-table-cell-header-sortable{cursor:pointer}.rs-table-cell-header-sort-wrapper{display:inline-block}.rs-table-cell-full-text:hover{overflow:visible;z-index:2!important;width:auto!important;box-shadow:inset 0 0 2px #3871dc!important}.rs-table-cell-full-text:hover .rs-table-cell-content{width:auto!important}.rs-table-column-resize-spanner{height:36px;width:2px;z-index:3;position:absolute;cursor:ew-resize!important;outline:none}.rs-table-column-resize-spanner:hover{background-color:#e76458}.rs-table-cell-group-fixed-left,.rs-table-cell-group-fixed-right{position:absolute;z-index:4;background:#fff}.rs-table-cell-group-left-shadow{box-shadow:3px 0 5px rgba(9,9,9,.08)}.rs-table-cell-group-right-shadow,.rs-table-cell-group-shadow{box-shadow:-3px 0 5px rgba(9,9,9,.08)}.rs-table-mouse-area{display:none;background:#e76458;left:-1px;top:0;position:absolute;width:2px;z-index:6}.rs-table-mouse-area input{display:none}.rs-table-mouse-area span{background:#e76458}.rs-table-cell-bordered .rs-table-cell{border-right:1px solid #eee}.rs-table-word-wrap .rs-table-cell-content{white-space:normal}.rs-table-row-expanded{position:absolute;height:46px;bottom:0;width:100%;z-index:4;border-top:1px solid #eee;padding:10px;background:#f5f5f5}.rs-table-loader-wrapper{visibility:hidden;position:absolute;height:100%;width:100%;background-color:hsla(0,0%,100%,.9)}.rs-table-loader{width:100%;text-align:center;top:50%;position:absolute;margin-top:-20px;line-height:40px}.rs-table-loader-icon{width:18px;height:18px;display:inline-block;position:relative;margin-right:12px;padding-top:3px}.rs-table-loader-icon:after,.rs-table-loader-icon:before{width:18px;height:18px;content:"";position:absolute;left:0;right:0;display:block;border-radius:50%}.rs-table-loader-icon:before{border:3px solid rgba(247,247,250,.8)}.rs-table-loader-icon:after{border:3px solid transparent;border-top-color:#a6a6a6;animation:loaderSpin .6s linear infinite}.rs-table-loading .rs-table-loader-wrapper{visibility:visible}.rs-table-cell-expand-icon{cursor:pointer;outline:none}.rs-table-cell-expand-wrapper{margin-right:10px;display:inline-block;cursor:pointer}.rs-table-scrollbar{background:rgba(45,45,45,.05);position:absolute}.rs-table-scrollbar-active{background:rgba(45,45,45,.1)}.rs-table-scrollbar-hide{display:none}.rs-table-scrollbar-handle{position:absolute;background:rgba(45,45,45,.5);border-radius:4px}.rs-table-scrollbar-horizontal{width:100%;height:5px;bottom:2px}.rs-table-scrollbar-horizontal.fixed{position:fixed}.rs-table-scrollbar-horizontal .rs-table-scrollbar-handle{height:8px;left:0;top:1px}.rs-table-scrollbar-horizontal .rs-table-scrollbar-pressed,.rs-table-scrollbar-horizontal:hover{height:5px;box-shadow:inset 1px 1px 2px #ddd}.rs-table-scrollbar-horizontal .rs-table-scrollbar-pressed .rs-table-scrollbar-handle,.rs-table-scrollbar-horizontal:hover .rs-table-scrollbar-handle{top:2px;height:5px}.rs-table-scrollbar-vertical{top:0;right:0;width:5px;bottom:2px}.rs-table-scrollbar-vertical .rs-table-scrollbar-handle{min-height:20px;width:5px;top:0;left:1px}.rs-table-scrollbar-vertical .rs-table-scrollbar-pressed,.rs-table-scrollbar-vertical:hover{width:5px;box-shadow:inset 1px 1px 2px #ddd}.rs-table-scrollbar-vertical .rs-table-scrollbar-pressed .rs-table-scrollbar-handle,.rs-table-scrollbar-vertical:hover .rs-table-scrollbar-handle{left:2px;width:5px}.rs-table-column-group{position:absolute;left:0;right:0;top:0;width:100%}.rs-table-column-group-header{border-bottom:1px solid #eee;position:absolute;width:100%}.rs-table-column-group-header-content{display:table-cell;padding:8px}.rs-table-column-group-cell{position:absolute;border-right:1px solid #eee}.qbs-table-custom-pagination{display:flex;justify-content:space-between;padding:8px 12px;min-height:40px;align-items:center;border-radius:0 0 4px 4px;border-top:1px solid #d6d8dc;background:#fff}.qbs-table-custom-pagination-header{border-bottom:1px solid #eee;position:absolute;width:100%}.qbs-table-custom-pagination-header-content{display:table-cell;padding:8px}.qbs-table-custom-pagination .qbs-table-pagination-dropdown{width:65px;height:26px;display:flex;align-items:center;justify-content:center;font-size:14px;font-style:normal;font-weight:500;line-height:20px;border-radius:6px;border:1px solid #d6d8dc;background:#fff}.qbs-table-custom-pagination .qbs-table-icon-container{padding:0;cursor:pointer;display:flex;justify-items:center;align-items:center;color:#000;background-color:transparent;width:24px;height:24px;border-radius:4px;border:1px solid #999696}.qbs-table-custom-pagination .qbs-table-icon-container:hover{color:#00f}.qbs-table-custom-pagination .qbs-table-icon-container:disabled{color:grey;cursor:not-allowed}.qbs-table-custom-pagination .qbs-table-icon-container svg{width:16px;height:16px;margin:0 auto}.qbs-table-custom-pagination .qbs-table-pagination-right-block,.qbs-table-custom-pagination .qbs-table-pagination-right-block .block-container{display:flex;align-items:center;gap:12px}.qbs-table-custom-pagination .qbs-table-pagination-right-block .block-container .block-item{margin:0;display:flex;cursor:pointer;align-items:center;justify-content:center;height:24px;width:24px;padding:0;border-radius:6px;font-size:13px;font-style:normal;font-weight:500;line-height:16px;border:1px solid transparent;transition:all .2s ease}.qbs-table-custom-pagination .qbs-table-pagination-right-block .block-container .block-item:active,.qbs-table-custom-pagination .qbs-table-pagination-right-block .block-container .block-item:hover{border-color:#e76458;color:#e76458;transition:all .2s ease}.qbs-table-custom-pagination .qbs-table-pagination-right-block .block-container .selected{color:#e76458;border:1px solid #e76458;transition:all .2s ease}.qbs-table-pagination-flexBox{display:flex;align-items:center;justify-content:flex-end;gap:12px}.qbs-table-pagination-flexBox .qbs-table-pagination-text{font-size:14px;font-style:normal;font-weight:500;line-height:20px;color:#313131}.qbs-table-custom-pagination .qbs-table-pagination-dropdown:focus{outline:none}.custom-select{position:relative;display:inline-block}.custom-select-trigger{padding:2px 8px;cursor:pointer;border:1px solid #d6d8dc;border-radius:4px;min-width:65px;position:relative;font-size:14px;font-weight:500}.custom-select-options{position:absolute;width:100%;z-index:1000;list-style:none;margin:2px 0 0;padding:0;background:#fff;border-radius:8px;box-shadow:0 8px 20px 0 rgba(0,0,0,.14901960784313725)}ul.custom-select-options.top{bottom:100%}.custom-select-option{padding:6px 8px;cursor:pointer;font-weight:500;font-size:14px}.custom-select-option.selected,.custom-select-option:hover{background-color:#f0f0f0}.custom-select-trigger:before{content:"";position:absolute;right:10px;top:6px;font-weight:700;border:solid #000;border-width:0 1px 1px 0;display:inline-block;padding:3px;vertical-align:middle;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.qbs-table .qbs-table-toolbar-container{display:flex;flex-direction:column;gap:12px}.qbs-table .qbs-table-border-wrap{border-radius:0 0 4px 4px;border:1px solid #d6d8dc;background:#fff}.qbs-table .qbs-table-toolbar{display:flex;align-items:center;justify-content:space-between}.qbs-table .qbs-table-toolbar .end-container{display:flex;gap:10px;align-items:center}.qbs-table .qbs-table-toolbar .end-container .rows-count{padding:0 10px}.qbs-table .qbs-table-toolbar .start-container{display:flex;gap:10px}.qbs-table .qbs-table-toolbar .qbs-table-primary-filter{display:flex;gap:12px}.qbs-table .sub-qbs-table-toolbar{display:flex;gap:10px}.qbs-table .qbs-table-search-container{position:relative;align-items:center}.qbs-table .qbs-table-search-container .input{height:36px;min-width:280px;padding:0 8px;padding-left:36px!important;line-height:36px;font-size:14px;font-style:normal;font-weight:500;border-radius:6px;border:1px solid #d6d8dc;background:#fff;transition:all .2s ease}.qbs-table .qbs-table-search-container .input:hover{outline:none;border:1px solid #d6d8dc;background:#fff}.qbs-table .qbs-table-search-container .input:focus{outline:none;border:1px solid #222;background:#fff;transition:all .2s ease}.qbs-table .qbs-table-search-container .search-button{position:absolute;left:1px;top:7px;display:flex;color:#222;background-color:transparent}.qbs-table .qbs-table-search-container .search-button .icon{width:20px;height:20px}.qbs-table .qbs-table-search-container .close-button{position:absolute;display:flex;right:31px;bottom:5px;color:grey;background-color:#fff}.qbs-table .qbs-table-search-container .close-button .icon{width:20px;height:20px}.qbs-table .popup-content{display:none;position:absolute;background-color:#f9f9f9;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);padding:12px 16px;z-index:1}.qbs-table .show{display:block!important}.qbs-table[data-theme=dark],.rs-table-cell-content[data-theme=dark]{background-color:#333;color:#fff}.qbs-table-menu-dropdown{position:relative;display:flex;width:100%;height:36px;align-items:center;justify-content:center}.qbs-table-dropbtn{background-color:transparent;color:#000;font-size:16px;border:none;cursor:pointer}.qbs-table-qbs-table-menu-dropdown-content{position:absolute;min-width:75px;z-index:999;right:4px;margin-bottom:0;margin-top:0;top:3px;display:flex;box-sizing:border-box;height:28px;border-radius:8px;border:1px solid #d6d8dc;background:#fff;box-shadow:0 2px 4px 0 rgba(58,58,58,.09);align-items:center;justify-content:flex-end;gap:12px;padding:4px}.qbs-table-qbs-table-menu-dropdown-content a{padding:0!important;text-decoration:none;display:block;font-size:14px;font-style:normal;font-weight:500;color:#212121;width:auto;cursor:pointer;transition:all .2s ease;height:18px}.qbs-table-qbs-table-menu-dropdown-content a svg{width:18px;height:18px}.qbs-table-qbs-table-menu-dropdown-content button.qbs-table-dropbtn{margin-right:8px;margin-top:2px}.qbs-table-qbs-table-menu-dropdown-content a:hover{color:#e76458;background:#f4f4f4;transition:all .2s ease}.qbs-table-tooltip{position:relative;display:contents;cursor:pointer}.qbs-table-tooltip .tooltiptext{visibility:hidden;background-color:#000;color:#fff;text-align:center;padding:6px;border-radius:4px;position:absolute;z-index:9999;opacity:0;transition:opacity .3s;font-size:12px;font-style:normal;font-weight:400;line-height:16px;width:100px}.qbs-table-tooltip.up .tooltiptext{bottom:125%;left:0}.qbs-table-tooltip.down .tooltiptext{top:125%;right:0;left:auto}.qbs-table-tooltip:hover .tooltiptext{visibility:visible;opacity:1}.qbs-table-tooltip .tooltiptext:after{content:"";position:absolute;border-width:5px;border-style:solid}.qbs-table-tooltip.up .tooltiptext:after{top:100%;left:50%;margin-left:-5px;border-color:#000 transparent transparent}.qbs-table-tooltip.down .tooltiptext:after{bottom:100%;left:50%;margin-left:-5px;border-color:transparent transparent #000}.rs-table-row{overflow:visible!important}.qbs-table-toolbar-sub-container{display:flex;gap:12px;padding:10px 12px;border-radius:4px 4px 0 0;border:1px solid #d6d8dc;background:#fff;border-bottom:unset}.qbs-table-toolbar-sub-container .rows-count{font-size:14px;font-style:normal;font-weight:500;line-height:20px;color:#222}.qbs-table-toolbar-sub-container.selected-row{background:rgba(231,100,88,.08)}.qbs-table-toolbar-sub-container-start{display:flex;gap:10px;align-items:center}.qbs-table-column-popup{position:fixed;padding:8px;z-index:999;right:10px;border-radius:8px;background:#fff;box-shadow:0 8px 20px 0 rgba(0,0,0,.15);min-width:272px;gap:4px;display:flex;flex-direction:column;max-height:500px}.qbs-table-popup-container{max-width:400px;overflow-y:auto}.qbs-table-container{padding:8px 4px;white-space:nowrap;width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px}.qbs-table-columns-container{display:flex;flex-direction:row-reverse}.qbs-table-columns-label{display:flex;gap:10px}.qbs-table-columns-drag-icon{cursor:grab;margin-right:0}.qbs-table-column{flex:1}.rs-table-cell-header .rs-table-cell-content{padding:8px;border-radius:0;border-right:0;background:#f4f4f4;font-size:14px;font-style:normal;font-weight:500;line-height:20px;color:#222}.qbs-table .qbs-table-border-wrap .rs-table .rs-table-cell:hover~.rs-table-column-resize-spanner,.qbs-table .qbs-table-border-wrap .rs-table .rs-table-cell~.rs-table-column-resize-spanner:hover{background-color:#e76458}.qbs-table .qbs-table-border-wrap .rs-table .rs-table-cell:hover~.rs-table-column-resize-spanner:before,.qbs-table .qbs-table-border-wrap .rs-table .rs-table-cell~.rs-table-column-resize-spanner:hover:before{border-color:transparent #e76458 transparent transparent}.qbs-table .qbs-table-border-wrap .rs-table .rs-table-cell:hover~.rs-table-column-resize-spanner:after,.qbs-table .qbs-table-border-wrap .rs-table .rs-table-cell~.rs-table-column-resize-spanner:hover:after{border-color:transparent transparent transparent #e76458}.qbs-table-checkbox{position:relative;display:flex;align-items:center;justify-content:center}.qbs-table-checkbox .qbs-table-checkbox-input{opacity:0}.qbs-table-checkbox .qbs-table-checkbox-input~label{position:absolute;border-radius:3px;border:1px solid #999696;width:20px;height:20px;top:7px;transition:all .2s ease;cursor:pointer}.qbs-table-checkbox .qbs-table-checkbox-input~label svg{opacity:0;transition:all .2s ease;position:absolute;left:5px;top:5px;width:9px;height:9px}.qbs-table-checkbox .qbs-table-checkbox-input:checked~label{transition:all .2s ease;border-radius:3px;background:#e76458;border-color:#e76458}.qbs-table-checkbox .qbs-table-checkbox-input:checked~label svg{opacity:1;transition:all .2s ease}.qbs-checkbox-border-none .rs-table-cell-content{border-right:unset}.qbs-table-popup-item{display:flex;flex-direction:column;gap:4px}.qbs-table-popup-item .qbs-table-popup-label{padding:4px;font-size:12px;font-style:normal;font-weight:600;line-height:16px;color:#585858}.qbs-table-popup-item .qbs-table-popup-value{padding:8px;font-size:14px;font-style:normal;font-weight:500;line-height:20px;color:#222}.qbs-table-divider{width:100%;background:#d6d8dc;display:flex;min-height:1px}.qbs-table-checkbox.qbs-table-custom-checkbox .qbs-table-checkbox-input~label{top:-2px}.qbs-table-container .qbs-table-popup-value{padding:0;flex:1;margin-left:8px;transition:all .2s ease}.qbs-table-container:hover .qbs-table-popup-label,.qbs-table-container:hover .qbs-table-popup-value{transition:all .2s ease;color:#e76458}.qbs-table-container .qbs-table-popup-label{padding:0;flex:1;margin-left:8px;transition:all .2s ease}.qbs-table-reset-link{padding:8px;font-size:14px;font-style:normal;font-weight:500;line-height:20px;color:#c63a3a}.qbs-table-reset-link:hover{color:#c63a3a;text-decoration:none}.selected-row-action{display:flex;gap:10px}.selected-row-action .btn{background-color:transparent;font-weight:600;padding:4px}.qbs-table-row-link{cursor:pointer}.qbs-table-row-link,.qbs-table-row-link:hover{text-decoration:none}.rs-table-column-group-header-content{text-align:center}.rs-table-cell-content{vertical-align:center!important;display:table-cell}.row-status:hover .row-status-tooltip{display:block}.row-status-tooltip{display:none;position:fixed;width:auto;height:auto;max-width:300px;max-height:200px;padding:10px;border-radius:8px;border:1px solid #d6d8dc;background:#fff;box-shadow:0 2px 4px 0 rgba(58,58,58,.15)}.row-status-tooltip.bottom-position{top:100%}.row-status-tooltip.top-position{bottom:100%}.dots-container{display:flex;padding:10px}.dot{height:20px;width:20px;margin-right:10px;border-radius:10px;background-color:#b3d4fc;animation:pulse 1.5s ease-in-out infinite}.dot:last-child{margin-right:0}.dot:first-child{animation-delay:-.3s}.dot:nth-child(2){animation-delay:-.1s}.dot:nth-child(3){animation-delay:.1s}@keyframes pulse{0%{transform:scale(.8);background-color:#b3d4fc;box-shadow:0 0 0 0 rgba(178,212,252,.7)}50%{transform:scale(1.2);background-color:#6793fb;box-shadow:0 0 0 10px rgba(178,212,252,0)}to{transform:scale(.8);background-color:#b3d4fc;box-shadow:0 0 0 0 rgba(178,212,252,.7)}}.skeleton-table{width:100%;padding:10px}.skeleton-row{display:flex;margin-bottom:10px}.skeleton-cell{flex:1;height:10px;background:#d9dbdd;border-radius:4px;width:50px;margin-right:10px!important;animation:loading 1.5s infinite}.skeleton-row:last-child .skeleton-cell{margin-right:0}@keyframes loading{0%{background-color:#e7ecf4}50%{background-color:#d9dbdd}to{background-color:#e7ecf4}}.skeleton-divider{height:5px;margin:10px}@media (prefers-color-scheme:dark){.dark\:bg-\[\#424242\]{--tw-bg-opacity:1;background-color:rgb(66 66 66/var(--tw-bg-opacity))}.dark\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}}
 /*# sourceMappingURL=index.css.map */