@charset "UTF-8";
.sbgrid-grid.sbgrid-theme-dark {
  position: relative;
  /*font size*/
  /*****style*****/
  /****************************/
  /*active*/
  --active: #3d72f9;
  --active-border-lighten: #6a92fa;
  --secondary: #3d72f9 /*#487190*/;
  --tertiary: #fff;
  --warning: red;
  --white: #ffffff;
  --black: #000000;
  /*icon*/
  --sbgrid-icon: #adadad;
  /*sbgrid-bg*/
  --sbgrid-grid-bg: /*#212529*/ #212529;
  /*border*/
  --border: #bebebe;
  --grid-outline: #505963;
  /*hover,focus,select*/
  --hover: rgba(187, 211, 247, 0.1);
  --selected: rgba(61, 114, 249, 0.1);
  --selecting: /*var(--sticky-selecting-bg)*/ rgba(61, 114, 249, 0.1);
  --unselected: inherit;
  --focused: rgba(81, 143, 255, 0.15);
  /*caption active*/
  --cap-line: var(--active);
  --caption-bg: #343a40;
  --caption-outline: #505963;
  --caption-text: #ffffff;
  --caption-icon-bg: #969696;
  --caption-focused: rgba(33, 148, 242, 0.078);
  /*reorder*/
  --reorder-bg: #aed0ff2f;
  /*status*/
  --status-border: #d4d4d4;
  /*tool*/
  --tool-inp-bg: #343a40;
  --tool-inp-bg-dark: #32383e;
  --tool-inp-border: #6c757d;
  --tool-inp-border-dark: #616970;
  --tool-inp-text: #fff;
  --tool-search-border: var(--tool-inp-border);
  --tool-border: #505963;
  /*caption*/
  --caption-text: #ffffff;
  /*filter row*/
  --filter-row-bg: #343a40;
  --filter-outline: #505963;
  --filter-icon-bg: #949494;
  --filter-icon-filled-bg: #949494;
  /*상단합계*/
  --header-total-bg: #343a40;
  --header-total-border: #505963;
  --header-total-outline: #505963;
  /*하단합계*/
  --footer-total-bg: #343a40;
  --footer-total-border: #505963;
  --footer-total-outline: #505963;
  /*하단고정*/
  --fixed-footer-bg: #31373c;
  /*col 관련*/
  --col-outline: #343a40;
  --col-border: var(--col-outline);
  /*row 관련*/
  --row-last-board: #cbcbcb;
  /*moving*/
  --moving-bg: #181b1e;
  /*CRUD-cell*/
  --cell-delete: #d15757;
  --cell-delete-bg: rgba(209, 87, 87, 0.1);
  --cell-insert: #5957d1;
  --cell-insert-bg: rgba(89, 87, 209, 0.1);
  --cell-update: #3fc987;
  --cell-update-bg: rgba(63, 201, 135, 0.1);
  /*CRUD-row*/
  --row-delete: var(--cell-delete)
  --row-delete-bg: var(--cell-delete-bg);
  --row-delete-bg-lighten: #d76e6e;
  --row-insert: var(--cell-insert);
  --row-insert-bg: var(--cell-insert-bg);
  --row-insert-bg-lighten: #6f6ed7;
  --row-update: var(--cell-update);
  --row-update-bg: var(--cell-update-bg);
  --row-update-bg-lighten: #53ce93;
  /*fixed rowheader*/
  --fixed-border: #505963;
  /*sticky*/
  --sticky-row-bg: #29323a;
  --sticky-row-shadow: rgba(62, 62, 62, 0.161);
  --sticky-col-select-bg: rgba(61, 114, 249, 0.1);
  --sticky-selecting-bg: rgba(61, 114, 249, 0.1);
  --sticky-bg: var(--sticky-selecting-bg);
  /*indicator*/
  --indicator-bg: red;
  /*resize*/
  --resize-bg: var(--active);
  --helper-border: #222;
  /*chk component active*/
  --chk-top-active: #1a1e21;
  --chk-top-border: var(--chk-top-active);
  --chk-top-check: var(--active);
  --chk-active: #373c40;
  --chk-border: #373c40;
  --chk-icon: var(--active);
  --chk-bg: #373c40;
  --chk-top-bg: #1a1e21;
  --chk-check-icon: var(--active);
  /*radio*/
  --rdo-bg: none;
  --rdo-border: #505963;
  --rdo-active: var(--active);
  /*combo*/
  --combo-bg: #1a1e21;
  --combo-text: #fff;
  --combo-border: #494e53;
  --combo-shadow: rgba(0, 0, 0, 0.15);
  --combo-selected: #3e4f6c;
  --combo-selected-text: #fff;
  /*inscroll*/
  --inscroll-thumb: #999999;
  --inscroll-track: #e3e3e3;
  /*input*/
  --inp-bg: #1a1e21;
  --inp-text: #fff;
  --inp-border: #d2d2d2;
  --inp-disabled: #2b3035;
  /*multitext floating*/
  --floating-edit-bg: #fff;
  /*alternative*/
  --alter-bg1: #1d2124;
  --alter-bg2: #1a1d20;
  --alter-bg3: #16181a;
  /*merge*/
  --merge-row-bg: rgb(34, 38, 42, 0.6);
  /*loading*/
  --loading-bg: rgba(255, 255, 255, 0.7);
  --loading-active: var(--active);
  --loading-end-color: rgba(0, 82, 236, 0.2);
  /*fixed thead*/
  --rowno-text: #fff;
  /*tree*/
  --tree-border: #343a40;
  --tree-space: inherit;
  --tree-footer-bg: #f8f8f8;
  /*text*/
  --default-text: #fff;
  --empty-text: #959ea9;
  /*group*/
  --group-bg: #272c32;
  --group-default-text: #fff;
  --group-text: #fff;
  --group-icon-sort: #5283ef;
  --group-item-bg: #1b1f23;
  --group-icon-bg: #555;
  --group-depth0-bg: #131415;
  --group-depth1-bg: #1a1c1f;
  --group-depth2-bg: #242929;
  --group-border: #343a40;
  /*drag*/
  --drag-bg: #1b1f23;
  --drag-text: #fff;
  /*roworder*/
  --roworder-text: #fff;
  --roworder-bg: #424a52;
  --roworder-shadow: rgba(0, 0, 0, 0.1);
  --roworder-border: #545b63;
  --roworder-dot-bg: #889099;
  /*scroll*/
  --scroll-border: #505963;
  --scroll-bg: #212529;
  --scroll-thumb: #505963;
  --scroll-thumb-hover: #707983;
  --scroll-btn: var(--scroll-bg);
  /*pager*/
  --page-active: #293c6a;
  --pager-num: #999999;
  --pager-active-text: #ffffff;
  /*total*/
  --total-text: #ffffff;
  --total-divi: #777777;
  /*filter*/
  --filter-bg: #343a40;
  --filter-placeholder: #adadb2;
  /*menu*/
  --menu-bg: #23282c;
  --menu-border: #505963;
  --menu-shadow: rgba(0, 0, 0, 0.15);
  --menu-chk-border: #1a1e21;
  --menu-chk-bg: var(--chk-active);
  --menu-count-bg: #252a2f;
  --menu-scroll-thumb: #505963;
  --menu-scroll-track: #212529;
  --menu-seperator-border: #505963;
  --menu-disabled: none;
  --menu-disable-icon-bg: rgba(255, 255, 255, 0.3);
  --menu-icon-bg: #fff;
  --menu-btn-bg: #484e55;
  /*component*/
  --com-border: #1a1e21;
  --com-bg: #1a1e21;
  /*tooltip*/
  --tooltip-bg: #405265;
  --tooltip-txt: var(--default-text);
  --tooltip-border: #405265;
  --tooltip-shadow: rgba(0, 0, 0, 0.2);
  /*fix*/
  --fix-border: var(--active);
  /*disabled*/
  --disabled: /*#b7b7b7*/ rgba(194, 194, 194, 0.2);
  /*popup*/
  --popup-bg: #fff;
  --popup-border: #e5e5e5;
  --popup-shadow: rgba(0, 0, 0, 0.15);
  --popup-icon-white: #fff;
  --popup-text: #fff;
  --popup-inbox: #1d2325;
  /*search popup*/
  --search-bg: #343a40;
  --search-condition-inp-bg: #23282d;
  --search-condition-bg: #23282d;
  --search-condition-chk-bg: var(--chk-active);
  --search-condition-chk-active-bg: var(--chk-active);
  --search-condition-chk-active: var(--active);
  --search-condition-chk-border: var(--search-condition-chk-bg);
  /*search-result*/
  --search-result-bg: #191c1e;
  --search-result-text: #fff;
  /*invalid*/
  --invalid-title: #000;
  --invalid-bg: #ffffff;
  --invalid-border: #dbdbdb;
  --invalid-arrow: var(--invalid-bg);
  /*badge*/
  --badge-bg: #fff;
  --badge-background-bg: #6c757d;
  /*row edit mode*/
  --sbgrid-edit: #343a40;
  /*************************************/
  /*grid bg*/
  background: var(--sbgrid-grid-bg);
  /*icon*/
  /*half*/
  /*scroll icon*/
  /*그룹핑*/
  /*상단캡션*/
  /*좌측 fixed 로우헤더*/
  /*필터- 상단 로우*/
  /*상단합계*/
  /*하단합계*/
  /*기본 col */
  /*페이징*/
  /*전체 레이아웃*/
  /*스크롤 body 영역*/
  /*sbgrid-row*/
  /*rowheader*/
  /*rowheader state*/
  /*multiText*/
  /*열고정*/
  /*열고정 sbgrid-selected 시, */
  /*공통영역*/
  /*편집모드 radio*/
  /* 컴포넌트 radio, chk sbgrid-text*/
  /*command btn*/
  /*custom btn*/
  /*main color*/
  /*empty*/
  /*search result*/
  /*popup*/
}
@font-face {
  font-family: "sbgrid-icon";
  src: url("./icon/sbgrid-icon-v1.0/fonts/sbgrid-icon.ttf?jahua9") format("truetype"), url("./icon/sbgrid-icon-v1.0/fonts/sbgrid-icon.woff?jahua9") format("woff"), url("./icon/sbgrid-icon-v1.0/fonts/sbgrid-icon.svg?jahua9#sbgrid-icon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  font-family: "sbgrid-icon";
  color: var(--sbgrid-icon);
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-cancel-red {
  color: rgb(171, 21, 21);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-cancel-red::before {
  content: "\e905";
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-sort {
  position: relative;
  width: 13px;
  height: 13px;
  transition: all 0.1s;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-sort::before {
  content: "\e934";
  position: absolute;
  top: 4px;
  z-index: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 6px;
  font-weight: bold;
  opacity: 1;
  color: #969696;
  font-size: 13px;
  transition: all 0.1s;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-sort.sbgrid-asc {
  transition: all 0.1s;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-sort.sbgrid-asc::before {
  content: "\e903";
  opacity: 1;
  color: var(--active);
  transition: all 0.1s;
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-sort.sbgrid-desc {
  transition: all 0.1s;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-sort.sbgrid-desc::before {
  content: "\e900";
  opacity: 1;
  color: var(--active);
  transition: all 0.1s;
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-menu {
  font-weight: normal;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-menu::before {
  content: "\e90d";
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-filter {
  font-size: 13px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-filter.sbgrid-filled::before {
  content: "\e908";
  color: var(--active);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-filter::before {
  content: "\e907";
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-check {
  font-size: 18px;
  color: #999;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-check::before {
  content: "\e938";
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-checked {
  font-size: 18px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-checked::before {
  content: "\e938";
  color: var(--active);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-first::before {
  content: "\e909";
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-prev::before {
  content: "\e925";
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-last::before {
  content: "\e90c";
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-next::before {
  content: "\e910";
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-close::before {
  content: "\e91a";
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-open::before {
  font-size: 16px;
  content: "\e932";
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-leaf::before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 3px;
  background-color: #999999;
  border-radius: 50%;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-reorder-head {
  transition: all 0.2;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-reorder-head::before {
  content: "\e91d";
  color: var(--active);
  font-size: 18px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-reorder-head:hover {
  scale: 1.2;
  transition: all 0.2;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-reorder-tail {
  transition: all 0.2;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-reorder-tail::before {
  content: "\e91d";
  color: var(--active);
  font-size: 18px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-reorder-tail:hover {
  scale: 1.2;
  transition: all 0.2;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-calendar::before {
  content: "\e936";
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-no {
  width: auto;
  color: #6c757d;
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-sticky::before {
  content: "\e917";
  font-size: 15px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-sticky.sbgrid-pined::before {
  content: "\e921";
  color: var(--active);
  font-size: 15px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-angle-bottom::before {
  content: "\e932";
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-calendar::before {
  content: "\e936";
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-detail::before {
  content: "\e91f";
  font-size: 14px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-detail.sbgrid-open::before {
  rotate: -270deg;
  content: "\e91f";
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-loading {
  display: inline-block;
  width: 20px;
  height: 20px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-loading:after {
  content: " ";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-color: #ccc transparent #ccc transparent;
  animation: sbgrid-loading 1.2s linear infinite;
}
@keyframes sbgrid-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-rowreorder {
  cursor: grab;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-rowreorder::before {
  content: "\e93b";
  font-size: 15px;
  color: #999;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-column::before {
  content: "\e93c";
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-arrow-up::before {
  content: "\e941";
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-arrow-down::before {
  content: "\e942";
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-reset::before {
  content: "\e969";
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-copy::before {
  content: "\e954";
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-cut::before {
  content: "\e968";
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-paste::before {
  content: "\e955";
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-undo::before {
  content: "\e957";
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-redo::before {
  content: "\e956";
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-fixedCol::before {
  content: "\e93d";
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-sticky::before {
  content: "\e917";
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-addRow::before {
  content: "\e924";
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-deleteRow::before {
  content: "\e90f";
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-edit::before {
  content: "\e915";
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-escape::before {
  content: "\e927";
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-subIcon::before {
  content: "\e91a";
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-sticky-head::before {
  content: "\e93e";
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-sticky-body::before {
  content: "\e940";
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-sticky-tail::before {
  content: "\e93f";
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-update::before {
  content: "\e916";
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-insert::before {
  content: "\e923";
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-delete::before {
  content: "\e90e";
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-InsertRow::before {
  content: "\e943";
  font-size: 16px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-AppendRow {
  font-size: 16px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-AppendRow::before {
  content: "\e944";
  font-size: 16px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-search::before {
  content: "\e945";
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-icon.sbgrid-excel::before {
  content: "\e913";
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-half::before {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  background: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-grouping .sbgrid-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "sbgrid-icon";
  color: #555555;
  font-size: 12px;
  font-style: normal;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-grouping .sbgrid-icon.sbgrid-delete::before {
  content: "\e905";
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-grouping .sbgrid-icon.sbgrid-desc, .sbgrid-grid.sbgrid-theme-dark .sbgrid-grid .sbgrid-grouping .sbgrid-icon.sbgrid-asc {
  height: 13px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-icon {
  color: var(--sbgrid-icon);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-half:before {
  background: var(--active);
}
.sbgrid-grid.sbgrid-theme-dark .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -33px -72px;
}
.sbgrid-grid.sbgrid-theme-dark .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -33px -92px;
}
.sbgrid-grid.sbgrid-theme-dark .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -42px -112px;
}
.sbgrid-grid.sbgrid-theme-dark .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -42px -128px;
}
.sbgrid-grid.sbgrid-theme-dark .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.sbgrid-grid.sbgrid-theme-dark .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger .mCSB_dragger_bar {
  margin-right: 5px;
}
.sbgrid-grid.sbgrid-theme-dark .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.sbgrid-grid.sbgrid-theme-dark .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  margin: 3px auto;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-group {
  flex-grow: 0;
  height: 40px;
  background: var(--group-bg);
  padding: 6px;
  box-sizing: border-box;
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-group .sbgrid-align {
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-group .sbgrid-align .sbgrid-group {
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-group .sbgrid-align .sbgrid-group.sbgrid-item {
  display: flex;
  align-items: center;
  color: var(--group-text);
  transition: all 0.2s;
  cursor: pointer;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-group .sbgrid-align .sbgrid-group.sbgrid-item a {
  text-decoration: none;
  font-size: 12px;
  color: var(--group-text);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-group .sbgrid-align .sbgrid-group.sbgrid-item a.sbgrid-delete {
  padding: 0 6px;
  font-size: 14px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-group .sbgrid-align .sbgrid-group.sbgrid-item span.sbgrid-sort i {
  font-size: 13px;
  color: var(--group-icon-sort);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-group .sbgrid-align .sbgrid-pager.sbgrid-pager span > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0 6px;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-group .sbgrid-align .sbgrid-pager.sbgrid-pager span.sbgrid-page {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  font-size: 12px;
  text-align: center;
  color: var(--pager-num);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-group .sbgrid-align .sbgrid-pager.sbgrid-pager span.sbgrid-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  font-size: 16px;
  text-align: center;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-group .sbgrid-align .sbgrid-pager.sbgrid-pager span.sbgrid-current a {
  background: var(--page-active);
  color: var(--pager-active-text);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-caption .sbgrid-thead {
  background: var(--caption-bg);
  border-bottom: 1px solid var(--caption-outline);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-caption .sbgrid-thead .sbgrid-icon {
  color: #fff;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-caption .sbgrid-thead .sbgrid-row > .sbgrid-col {
  margin-bottom: 0.06em;
  margin-right: 0.06em;
  border: 0px;
  outline: 1px solid var(--caption-outline);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-caption .sbgrid-thead .sbgrid-head .sbgrid-scroll {
  border-right: 1px solid var(--fixed-border);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-caption .sbgrid-thead .sbgrid-check .sbgrid-checkbox.sbgrid-checked {
  background: var(--chk-top-active);
  border: 1px solid var(--chk-top-border);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-caption .sbgrid-thead .sbgrid-check .sbgrid-checkbox.sbgrid-checked:before {
  color: var(--chk-top-check);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-part {
  /*좌측 fixed*/
  /*좌측 head*/
  /*우측 tail*/
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-part.sbgrid-fixed {
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-part.sbgrid-fixed > .sbgrid-scroll {
  border-right: 1px solid var(--fixed-border);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-part.sbgrid-head > .sbgrid-scroll > .sbgrid-row .sbgrid-col.sbgrid-hidden {
  outline: none;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-part.sbgrid-tail > .sbgrid-scroll > .sbgrid-row .sbgrid-col.sbgrid-hidden {
  outline: none;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-scroll .sbgrid-scroll-body .sbgrid-panel.sbgrid-filter {
  background: var(--filter-row-bg);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-scroll .sbgrid-scroll-body .sbgrid-panel.sbgrid-filter .sbgrid-row > .sbgrid-col {
  outline: 1px solid var(--filter-outline);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll-body .sbgrid-panel.sbgrid-header {
  background: var(--header-total-bg);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll-body .sbgrid-panel.sbgrid-header .sbgrid-area.sbgrid-thead {
  border-bottom: 1px solid var(--header-total-border);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll-body .sbgrid-panel.sbgrid-header .sbgrid-area.sbgrid-thead .sbgrid-row .sbgrid-col {
  outline-color: var(--header-total-outline);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll-body .sbgrid-panel.sbgrid-header .sbgrid-area.sbgrid-thead .sbgrid-row .sbgrid-col .sbgrid-header.sbgrid-text {
  padding: 0 1px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll-body .sbgrid-panel.sbgrid-footer {
  border-top: 1px solid var(--footer-total-border);
  background: var(--footer-total-bg);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll-body .sbgrid-panel.sbgrid-footer .sbgrid-row > .sbgrid-col {
  margin-bottom: 0.06em;
  margin-right: 0.06em;
  margin-top: 0.06em;
  border: 0px;
  outline: 1px solid var(--footer-total-outline);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll-body .sbgrid-panel.sbgrid-footer .sbgrid-row > .sbgrid-col .sbgrid-footer.sbgrid-text {
  padding: 0 1px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row {
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row > .sbgrid-col {
  border: 1px solid transparent;
  margin-bottom: 0.06em;
  margin-right: 0.06em;
  border: 0px;
  outline: 1px solid var(--col-outline);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-title,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-tool {
  padding: 0 !important;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-title,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-tool,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-group,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-pager {
  padding: 6px;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-title .sbgrid-tools,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-tool .sbgrid-tools,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-group .sbgrid-tools,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-pager .sbgrid-tools {
  flex: 1;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-title .sbgrid-tools .sbgrid-tool.sbgrid-pager span > a,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-tool .sbgrid-tools .sbgrid-tool.sbgrid-pager span > a,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-group .sbgrid-tools .sbgrid-tool.sbgrid-pager span > a,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-pager .sbgrid-tools .sbgrid-tool.sbgrid-pager span > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0 6px;
  box-sizing: border-box;
  color: inherit;
  font-weight: normal;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-title .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-page,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-tool .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-page,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-group .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-page,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-pager .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-page {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--pager-num);
  width: 25px;
  height: 25px;
  font-size: 12px;
  text-align: center;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-title .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-icon,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-tool .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-icon,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-group .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-icon,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-pager .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  font-size: 16px;
  text-align: center;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-title .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-icon.sbgrid-combo-button,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-tool .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-icon.sbgrid-combo-button,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-group .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-icon.sbgrid-combo-button,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-pager .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-icon.sbgrid-combo-button {
  flex-shrink: 0;
  display: flex;
  width: 20px;
  font-size: inherit !important;
  height: inherit;
  font-weight: bold;
  color: var(--combo-text);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-title .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-current a,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-tool .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-current a,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-group .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-current a,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-pager .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-current a {
  background: var(--page-active);
  color: var(--pager-active-text);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-body {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-shrink: 0;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-hidden {
  overflow: hidden;
  height: 0px;
  flex-wrap: wrap;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col {
  display: flex;
  justify-content: center;
  flex-direction: column;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-header .sbgrid-row .sbgrid-col {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding-inline: 3px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-header .sbgrid-row .sbgrid-col.sbgrid-focused {
  outline: 1px solid var(--header-total-outline);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-footer .sbgrid-row .sbgrid-col {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-tbody {
  align-self: flex-start;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 100%;
  overflow: hidden;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding-inline: 3px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-focused {
  outline: 1px solid var(--col-outline);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-hidden {
  display: none;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-frozen {
  border-top: none !important;
  border: 0;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-tbody > .sbgrid-part > .sbgrid-scroll.sbgrid-pixel > .sbgrid-row {
  position: absolute;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-tbody .sbgrid-cell.sbgrid-edit .sbgrid-checkboxgroup .sbgrid-checkbox {
  background: var(--chk-bg);
  border: 1px solid var(--chk-active);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-tbody .sbgrid-cell.sbgrid-edit .sbgrid-checkboxgroup .sbgrid-checkbox.sbgrid-checked:before {
  color: var(--chk-icon);
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-tbody .sbgrid-checkboxgroup .sbgrid-checkbox {
  background: var(--chk-bg);
  border: 1px solid var(--chk-border);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-tbody .sbgrid-checkboxgroup .sbgrid-checkbox.sbgrid-checked:before {
  color: var(--chk-icon);
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-thead .sbgrid-checkboxgroup .sbgrid-checkbox {
  background: var(--chk-bg);
  border: 1px solid var(--chk-border);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-thead .sbgrid-checkboxgroup .sbgrid-checkbox.sbgrid-checked:before {
  color: var(--chk-icon);
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-tfoot .sbgrid-checkboxgroup .sbgrid-checkbox {
  background: var(--chk-bg);
  border: 1px solid var(--chk-border);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-tfoot .sbgrid-checkboxgroup .sbgrid-checkbox.sbgrid-checked:before {
  color: var(--chk-icon);
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-thead, .sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-tfoot {
  flex-shrink: 0;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-hidden {
  overflow: hidden;
  height: 0px;
  flex-wrap: wrap;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-scroll {
  display: grid;
  flex-shrink: 1;
  flex-grow: 1;
  flex-basis: 100%;
  overflow: hidden;
  grid-template: "main scrollv" calc(100% - 0px) "scrollh scrollv" 0px/calc(100% - 0px) 0px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-scroll .sbgrid-panel {
  flex-direction: column;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-body {
  flex-shrink: 1;
  flex-basis: 100%;
  overflow: hidden;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary {
  width: 100%;
  display: flex;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary select {
  position: relative;
  width: 100%;
  padding-left: 5px;
  margin: 0 1px;
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  background: var(--com-bg);
  border: 1px solid var(--com-border);
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: var(--default-text);
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary select:active, .sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary select:focus {
  border-color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary select:active::before, .sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary select:active::after, .sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary select:focus::before, .sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary select:focus::after {
  color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary select::after {
  position: absolute;
  right: 0;
  top: 0;
  content: "\e91d";
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary select::-moz-placeholder {
  color: var(--filter-placeholder);
  font-weight: lighter;
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary select::placeholder {
  color: var(--filter-placeholder);
  font-weight: lighter;
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-value {
  width: 100%;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-value {
  margin: 0 2px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values {
  display: flex;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values select,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values input {
  width: 100%;
  padding-left: 5px;
  color: var(--default-text);
  margin: 0 1px;
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  background: var(--com-bg);
  border: 1px solid var(--com-border);
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: var(--default-text);
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values select:active, .sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values select:focus,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values input:active,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values input:focus {
  border-color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values select:active::before, .sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values select:active::after, .sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values select:focus::before, .sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values select:focus::after,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values input:active::before,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values input:active::after,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values input:focus::before,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values input:focus::after {
  color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values select::-moz-placeholder, .sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values input::-moz-placeholder {
  color: var(--filter-placeholder);
  font-weight: lighter;
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values select::placeholder,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values input::placeholder {
  color: var(--filter-placeholder);
  font-weight: lighter;
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-dark div.sbgrid-thead,
.sbgrid-grid.sbgrid-theme-dark div.sbgrid-tbody,
.sbgrid-grid.sbgrid-theme-dark div.sbgrid-tfoot,
.sbgrid-grid.sbgrid-theme-dark div.sbgrid-hidden .sbgrid-col > .sbgrid-caption {
  width: 100%;
  font-size: 9pt;
}
.sbgrid-grid.sbgrid-theme-dark div.sbgrid-hidden .sbgrid-col > .sbgrid-caption {
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-area {
  display: flex;
  flex-direction: row;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-caption.sbgrid-column {
  display: flex;
  cursor: pointer;
}
.sbgrid-grid.sbgrid-theme-dark div.sbgrid-scrollh {
  grid-area: scrollh;
  border-top: 1px solid var(--scroll-border);
  background: var(--scroll-bg);
}
.sbgrid-grid.sbgrid-theme-dark div.sbgrid-scrollv {
  overflow-x: hidden;
  grid-area: scrollv;
  border-left: 1px solid var(--scroll-border);
  background: var(--scroll-bg);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll-vert {
  display: flex;
  flex-direction: row;
  flex-basis: 100%;
  flex-shrink: 1;
  overflow: hidden;
  white-space: nowrap;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll-body {
  display: flex;
  flex-direction: column;
  grid-area: main;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll-body .sbgrid-part {
  flex-shrink: 0;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll-body .sbgrid-part.sbgrid-body {
  flex-shrink: 1;
  flex-grow: 1;
  overflow: hidden;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll-body .sbgrid-part.sbgrid-fixed, .sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll-body .sbgrid-part.sbgrid-head, .sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll-body .sbgrid-part.sbgrid-tail {
  overflow-y: clip;
}
.sbgrid-grid.sbgrid-theme-dark .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.sbgrid-grid.sbgrid-theme-dark .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.sbgrid-grid.sbgrid-theme-dark .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.sbgrid-grid.sbgrid-theme-dark .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.sbgrid-grid.sbgrid-theme-dark .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.sbgrid-grid.sbgrid-theme-dark .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.sbgrid-grid.sbgrid-theme-dark .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.sbgrid-grid.sbgrid-theme-dark .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background: var(--scroll-thumb);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll > .sbgrid-scrollv,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll > .sbgrid-scrollh {
  opacity: 0.4;
  /* Horiontal Scrollbar button (TOP-RIGHT aKa START) */
  /* Horiontal Scrollbar button (BOTTOM-RIGHT aKa END) */
  /* Vertical Scrollbar button (BOTTOM-LEFT aKa START) */
  /* Vertical Scrollbar button (BOTTOM-RIGHT aKa END) */
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll > .sbgrid-scrollv::-webkit-scrollbar,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll > .sbgrid-scrollh::-webkit-scrollbar {
  width: auto;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll > .sbgrid-scrollv::-webkit-scrollbar-track,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll > .sbgrid-scrollh::-webkit-scrollbar-track {
  background: var(--scroll-bg);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll > .sbgrid-scrollv::-webkit-scrollbar-thumb,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll > .sbgrid-scrollh::-webkit-scrollbar-thumb {
  background-color: var(--scroll-thumb);
  min-height: 5%;
  min-width: 8%;
  border-radius: 10px;
  border: 4px solid var(--scroll-bg);
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll > .sbgrid-scrollv::-webkit-scrollbar-thumb:hover,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll > .sbgrid-scrollh::-webkit-scrollbar-thumb:hover {
  background-color: var(--scroll-thumb-hover);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll > .sbgrid-scrollv::-webkit-scrollbar-button,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll > .sbgrid-scrollh::-webkit-scrollbar-button {
  background: var(--scroll-btn);
  width: 18px;
  height: 18px;
  cursor: pointer;
  position: relative;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll > .sbgrid-scrollv::-webkit-scrollbar-button:horizontal:single-button:start,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll > .sbgrid-scrollh::-webkit-scrollbar-button:horizontal:single-button:start {
  position: absolute;
  content: "";
  background-image: url(../images/mCSB_buttons.png);
  background-position: -42px -112px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll > .sbgrid-scrollv::-webkit-scrollbar-button:horizontal:single-button:end,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll > .sbgrid-scrollh::-webkit-scrollbar-button:horizontal:single-button:end {
  position: absolute;
  content: "";
  background-image: url(../images/mCSB_buttons.png);
  background-position: -42px -128px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll > .sbgrid-scrollv::-webkit-scrollbar-button:vertical:single-button:start,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll > .sbgrid-scrollh::-webkit-scrollbar-button:vertical:single-button:start {
  position: absolute;
  content: "";
  background-image: url(../images/mCSB_buttons.png);
  background-position: -32px -72px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll > .sbgrid-scrollv::-webkit-scrollbar-button:vertical:single-button:end,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll > .sbgrid-scrollh::-webkit-scrollbar-button:vertical:single-button:end {
  position: absolute;
  content: "";
  background-image: url(../images/mCSB_buttons.png);
  background-position: -32px -92px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row > .sbgrid-col.sbgrid-merged {
  outline-width: 0px;
  z-index: 1;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row > .sbgrid-col.sbgrid-merged.sbgrid-group.sbgrid-indicator {
  background: transparent;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row > .sbgrid-col.sbgrid-moving {
  background: var(--moving-bg);
  filter: opacity(0.5);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row > .sbgrid-col.sbgrid-sticky {
  /*align-items: center;*/
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-detail {
  color: var(--default-text);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-detail.sbgrid-hidden {
  display: none !important;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-moving {
  background: var(--moving-bg);
  filter: opacity(0.5);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-part.sbgrid-fixed > .sbgrid-scroll > .sbgrid-row > .sbgrid-col.sbgrid-sticky {
  align-items: center;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-area .sbgrid-part.sbgrid-fixed .sbgrid-row .sbgrid-col .sbgrid-cell.sbgrid-icon:before {
  font-size: 15px;
  cursor: pointer;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-area .sbgrid-part.sbgrid-fixed .sbgrid-row .sbgrid-col .sbgrid-cell.sbgrid-delete:before {
  color: var(--cell-delete);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-area .sbgrid-part.sbgrid-fixed .sbgrid-row .sbgrid-col .sbgrid-cell.sbgrid-insert:before {
  color: var(--cell-insert);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-area .sbgrid-part.sbgrid-fixed .sbgrid-row .sbgrid-col .sbgrid-cell.sbgrid-update:before {
  color: var(--cell-update);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-area .sbgrid-part.sbgrid-fixed .sbgrid-row .sbgrid-col .sbgrid-no,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-area .sbgrid-part.sbgrid-fixed .sbgrid-row .sbgrid-col .sbgrid-sticky,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-area .sbgrid-part.sbgrid-fixed .sbgrid-row .sbgrid-col .sbgrid-check,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-area .sbgrid-part.sbgrid-fixed .sbgrid-row .sbgrid-col .sbgrid-roworder,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-area .sbgrid-part.sbgrid-fixed .sbgrid-row .sbgrid-col .sbgrid-status {
  align-items: center;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row {
  /*delete*/
  /*insert*/
  /*update*/
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-delete {
  animation: none;
  background-color: var(--cell-delete-bg);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-delete:before {
  color: var(--row-delete);
}
@keyframes sbgrid-delete {
  0% {
    background-color: var(--row-delete-bg-lighten);
  }
  100% {
    background-color: var(--row-delete-bg);
  }
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-insert {
  animation: none;
  background-color: var(--cell-insert-bg);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-insert:before {
  color: var(--row-insert);
}
@keyframes sbgrid-contentinsert {
  0% {
    background-color: var(--row-insert-bg-lighten);
  }
  100% {
    background-color: var(--row-insert-bg);
  }
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-update {
  animation: none;
  background-color: var(--cell-update-bg);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-update:before {
  color: var(--row-update) !important;
}
@keyframes sbgrid-update {
  0% {
    background-color: var(--row-update-bg-lighten);
  }
  100% {
    background-color: var(--row-update-bg);
  }
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-alternate {
  /*delete*/
  /*insert*/
  /*update*/
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-alternate.sbgrid-delete {
  animation: none;
  background-color: var(--row-delete-bg);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-alternate.sbgrid-delete:before {
  color: var(--row-delete);
}
@keyframes sbgrid-delete {
  0% {
    background-color: var(--row-delete-bg-lighten);
  }
  100% {
    background-color: var(--row-delete-bg);
  }
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-alternate.sbgrid-insert {
  animation: none;
  background-color: var(--row-insert-bg);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-alternate.sbgrid-insert:before {
  color: var(--row-insert);
}
@keyframes sbgrid-contentinsert {
  0% {
    background-color: var(--row-insert-bg-lighten);
  }
  100% {
    background-color: var(--row-insert-bg);
  }
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-alternate.sbgrid-update {
  animation: none;
  background-color: var(--row-update-bg);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-alternate.sbgrid-update:before {
  color: var(--row-update) !important;
}
@keyframes sbgrid-update {
  0% {
    background-color: var(--row-update-bg-lighten);
  }
  100% {
    background-color: var(--row-update-bg);
  }
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-part.sbgrid-fixed {
  position: relative;
  z-index: 3;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-part.sbgrid-head {
  position: relative;
  z-index: 3;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-part.sbgrid-body {
  position: relative;
  z-index: 0;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-part.sbgrid-tail {
  position: relative;
  z-index: 3;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-floating-edit-box {
  position: absolute;
  background: var(--floating-edit-bg);
  z-index: 9999;
  box-sizing: border-box;
  box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.2);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-floating-edit-box > textarea {
  width: 100%;
  height: 100%;
  resize: none;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll > .sbgrid-scroll-body {
  flex-grow: 1;
  overflow: hidden;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll .sbgrid-part.sbgrid-head.sbgrid-frozen {
  border-right: dotted var(--fix-border) 1px;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll .sbgrid-part.sbgrid-tail > .sbgrig-scroll {
  border-left: solid var(--border) 1px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll .sbgrid-part.sbgrid-tail.sbgrid-frozen {
  border-left: dotted var(--fix-border) 1px;
  box-sizing: border-box;
  margin-left: auto;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll .sbgrid-row.sbgrid-sticky {
  position: relative;
  background-color: var(--sticky-row-bg);
  box-shadow: 1px 3px 5px var(--sticky-row-shadow);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll .sbgrid-row.sbgrid-caption .sbgrid-col .sbgrid-caption.sbgrid-sticky {
  background: none;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll .sbgrid-row.sbgrid-caption .sbgrid-col.sbgrid-selecting.sbgrid-sticky {
  background: var(--sticky-col-select-bg) !important;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll .sbgrid-row.sbgrid-caption .sbgrid-col.sbgrid-sticky.sbgrid-focused {
  background: var(--sticky-col-select-bg) !important;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll .sbgrid-row .sbgrid-col.sbgrid-selected.sbgrid-sticky {
  background: var(--sticky-col-select-bg) !important;
}
.sbgrid-grid.sbgrid-theme-dark div.sbgrid-table .sbgrid-align {
  vertical-align: top;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-align {
  display: inline-block;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-align.sbgrid-left {
  text-align: left;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-align.sbgrid-right {
  text-align: right;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-align.sbgrid-center {
  text-align: center;
}
.sbgrid-grid.sbgrid-theme-dark span {
  display: inline-block;
}
.sbgrid-grid.sbgrid-theme-dark select {
  position: relative; /*appearance: none;*/
}
.sbgrid-grid.sbgrid-theme-dark span.badge {
  display: inline-block;
  padding: 0.35em 0.65em;
  font-size: 0.75em;
  font-weight: 700;
  line-height: 1;
  color: var(--badge-bg);
  background-color: var(--badge-background-bg) !important;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}
.sbgrid-grid.sbgrid-theme-dark span.badge a {
  color: var(--badge-bg);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-check {
  display: flex;
  justify-content: center; /*align-items: center;*/
  width: auto;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-check.sbgrid-group {
  justify-content: unset;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-check .sbgrid-checkbox {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  background: var(--chk-bg);
  border: 1px solid var(--chk-border);
  border-radius: 2px;
  box-sizing: border-box;
  font-family: "sbgrid-icon";
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-check .sbgrid-checkbox.sbgrid-checked {
  position: relative;
  background: var(--chk-active);
  border: 1px solid var(--chk-active);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-check .sbgrid-checkbox.sbgrid-checked:before {
  content: "\e938";
  color: var(--chk-check-icon);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-caption .sbgrid-check .sbgrid-checkbox {
  background: var(--chk-top-bg);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-col.sbgrid-radio:before,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-cell.sbgrid-radio:before {
  display: none;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-radio {
  position: relative;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-radio .sbgrid-text {
  display: flex;
  justify-content: center;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-radio .sbgrid-wrap-radio {
  display: flex;
  margin: 0 3px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-radio.sbgrid-group:before {
  display: none;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-radio:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: var(--rdo-bg);
  border: 1px solid var(--rdo-border);
  border-radius: 50%;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-radio.sbgrid-checked:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: var(--rdo-bg);
  border: 1px solid var(--secondary);
  border-radius: 50%;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-radio.sbgrid-checked:after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  z-index: 1;
  width: 10px;
  height: 10px;
  background: var(--secondary);
  border-radius: 50%;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-cell.sbgrid-edit .sbgrid-radio:before {
  border: 1px solid var(--rdo-border);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-cell.sbgrid-edit .sbgrid-radio.sbgrid-checked:before {
  border: 1px solid var(--rdo-active);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-radiogroup {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-radiogroup .sbgrid-text {
  margin: 0 3px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-checkboxgroup {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: top;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-checkboxgroup .sbgrid-text {
  margin: 0 3px;
}
.sbgrid-grid.sbgrid-theme-dark input[type=number] {
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  background: var(--com-bg);
  border: 1px solid var(--com-border);
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: var(--default-text);
}
.sbgrid-grid.sbgrid-theme-dark input[type=number]:active, .sbgrid-grid.sbgrid-theme-dark input[type=number]:focus {
  border-color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-dark input[type=number]:active::before, .sbgrid-grid.sbgrid-theme-dark input[type=number]:active::after, .sbgrid-grid.sbgrid-theme-dark input[type=number]:focus::before, .sbgrid-grid.sbgrid-theme-dark input[type=number]:focus::after {
  color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-command {
  margin: 0 2px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-command input[type=button] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  padding: 0 10px;
  background: var(--menu-btn-bg);
  border: 0;
  border-radius: 3px;
  color: var(--default-text);
  font-family: inherit;
  font-size: 12px;
  transition: all 0.2s;
  cursor: pointer;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-command input[type=button]:hover {
  background: var(--menu-btn-bg);
  transition: all 0.2s;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-custom {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: top;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-custom > button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  padding: 0 10px;
  background: var(--menu-btn-bg);
  border: 0;
  border-radius: 3px;
  color: var(--default-text);
  font-family: inherit;
  font-size: 12px;
  transition: all 0.2s;
  cursor: pointer;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-custom > button:hover {
  background: var(--menu-btn-bg);
  transition: all 0.2s;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-custom > img {
  display: inline-block;
  padding: 5px;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-dark input[type=date],
.sbgrid-grid.sbgrid-theme-dark input[type=month] {
  position: relative;
  min-width: 100%;
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  background: var(--com-bg);
  border: 1px solid var(--com-border);
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: var(--default-text);
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-dark input[type=date]:active, .sbgrid-grid.sbgrid-theme-dark input[type=date]:focus,
.sbgrid-grid.sbgrid-theme-dark input[type=month]:active,
.sbgrid-grid.sbgrid-theme-dark input[type=month]:focus {
  border-color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-dark input[type=date]:active::before, .sbgrid-grid.sbgrid-theme-dark input[type=date]:active::after, .sbgrid-grid.sbgrid-theme-dark input[type=date]:focus::before, .sbgrid-grid.sbgrid-theme-dark input[type=date]:focus::after,
.sbgrid-grid.sbgrid-theme-dark input[type=month]:active::before,
.sbgrid-grid.sbgrid-theme-dark input[type=month]:active::after,
.sbgrid-grid.sbgrid-theme-dark input[type=month]:focus::before,
.sbgrid-grid.sbgrid-theme-dark input[type=month]:focus::after {
  color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-dark input[type=date]::webkit-clear-button {
  display: none;
}
.sbgrid-grid.sbgrid-theme-dark input[type=date]::webkit-inner-spin-button,
.sbgrid-grid.sbgrid-theme-dark input[type=month]::webkit-inner-spin-button {
  display: none;
}
.sbgrid-grid.sbgrid-theme-dark input[type=date]::-webkit-calendar-picker-indicator,
.sbgrid-grid.sbgrid-theme-dark input[type=month]::-webkit-calendar-picker-indicator {
  background: transparent;
  z-index: 1;
}
.sbgrid-grid.sbgrid-theme-dark input[type=date]::after,
.sbgrid-grid.sbgrid-theme-dark input[type=month]::after {
  content: "\e936";
  position: absolute;
  top: 50%;
  right: 5px;
  z-index: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  font-family: "sbgrid-icon";
  color: var(--inp-text);
  background: var(--inp-bg);
  scale: 1.2;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-edit {
  background: var(--sbgrid-edit);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-cell.sbgrid-edit input[type=date],
.sbgrid-grid.sbgrid-theme-dark .sbgrid-cell.sbgrid-edit input[type=month],
.sbgrid-grid.sbgrid-theme-dark .sbgrid-cell.sbgrid-edit input[type=datetime-local],
.sbgrid-grid.sbgrid-theme-dark .sbgrid-cell.sbgrid-edit input[type=time] {
  border: 1px solid var(--chk-active);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.sbgrid-grid.sbgrid-theme-dark textarea {
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  background: var(--com-bg);
  border: 1px solid var(--com-border);
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: var(--default-text);
  height: auto;
  resize: none;
}
.sbgrid-grid.sbgrid-theme-dark textarea:active, .sbgrid-grid.sbgrid-theme-dark textarea:focus {
  border-color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-dark textarea:active::before, .sbgrid-grid.sbgrid-theme-dark textarea:active::after, .sbgrid-grid.sbgrid-theme-dark textarea:focus::before, .sbgrid-grid.sbgrid-theme-dark textarea:focus::after {
  color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-dark input[type=text] {
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  background: var(--com-bg);
  border: 1px solid var(--com-border);
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: var(--default-text);
}
.sbgrid-grid.sbgrid-theme-dark input[type=text]:active, .sbgrid-grid.sbgrid-theme-dark input[type=text]:focus {
  border-color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-dark input[type=text]:active::before, .sbgrid-grid.sbgrid-theme-dark input[type=text]:active::after, .sbgrid-grid.sbgrid-theme-dark input[type=text]:focus::before, .sbgrid-grid.sbgrid-theme-dark input[type=text]:focus::after {
  color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-dark input[type=text].disabled, .sbgrid-grid.sbgrid-theme-dark input[type=text]:disabled {
  background: var(--inp-disabled) !important;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-cell.sbgrid-edit input[type=text] {
  color: var(--default-text);
  border: 1px solid var(--chk-active);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.sbgrid-grid.sbgrid-theme-dark input[type=number] {
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  background: var(--com-bg);
  border: 1px solid var(--com-border);
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: var(--default-text);
}
.sbgrid-grid.sbgrid-theme-dark input[type=number]:active, .sbgrid-grid.sbgrid-theme-dark input[type=number]:focus {
  border-color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-dark input[type=number]:active::before, .sbgrid-grid.sbgrid-theme-dark input[type=number]:active::after, .sbgrid-grid.sbgrid-theme-dark input[type=number]:focus::before, .sbgrid-grid.sbgrid-theme-dark input[type=number]:focus::after {
  color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-cell.sbgrid-edit input[type=number] {
  border: 1px solid var(--chk-active);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-combobox {
  display: flex;
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  background: var(--com-bg);
  border: 1px solid var(--com-border);
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: var(--default-text);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-combobox:active, .sbgrid-grid.sbgrid-theme-dark .sbgrid-combobox:focus {
  border-color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-combobox:active::before, .sbgrid-grid.sbgrid-theme-dark .sbgrid-combobox:active::after, .sbgrid-grid.sbgrid-theme-dark .sbgrid-combobox:focus::before, .sbgrid-grid.sbgrid-theme-dark .sbgrid-combobox:focus::after {
  color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-combobox .sbgrid-combo-inner {
  flex-shrink: 0;
  flex-grow: 1;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  height: inherit;
  flex-basis: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-combobox .sbgrid-combo-inner input.sbgrid-combo-value-text {
  font-size: 12px;
  height: 100%;
  border: none;
  outline: none;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-combobox .sbgrid-combo-inner span.sbgrid-combo-value-text {
  font-size: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-combobox .sbgrid-combo-button {
  flex-shrink: 0;
  display: flex;
  width: 20px;
  height: inherit;
  font-weight: bold;
  color: var(--combo-text);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-cell.sbgrid-edit .sbgrid-combobox {
  border: 1px solid var(--chk-active);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-combo-popup {
  position: absolute;
  z-index: 1000;
  background: var(--combo-bg);
  border: 1px solid var(--combo-border);
  border-radius: 5px;
  box-shadow: 0 1px 3px var(--combo-shadow);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-combo-popup div.sbgrid-wrap-popup {
  overflow: auto;
  overflow-x: hidden;
  max-height: 200px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-combo-popup div.sbgrid-wrap-popup ul.sbgrid-popup-items {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-combo-popup div.sbgrid-wrap-popup ul.sbgrid-popup-items li {
  display: flex;
  align-items: center;
  list-style: none;
  font-size: 12px;
  padding: 4px 5px;
  cursor: pointer;
  min-height: 16px;
  color: var(--default-text);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-combo-popup div.sbgrid-wrap-popup ul.sbgrid-popup-items li:hover {
  background: var(--hover);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-combo-popup div.sbgrid-wrap-popup ul.sbgrid-popup-items li.sbgrid-combo-item-selected {
  background: var(--combo-selected);
  color: var(--combo-selected-text);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-combo-popup div.sbgrid-wrap-popup::-webkit-scrollbar {
  width: 5px;
  border-radius: 3px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-combo-popup div.sbgrid-wrap-popup::-webkit-scrollbar-thumb {
  background-color: var(--inscroll-thumb);
  border-radius: 3px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-combo-popup div.sbgrid-wrap-popup::-webkit-scrollbar-track {
  background-color: var(--inscroll-track);
  border-radius: 3px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-combo-popup div.sbgrid-wrap-popup .sbgrid-text {
  margin: 0 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-multitext {
  padding-inline: 0;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-multitext .sbgrid-multitext.sbgrid-text {
  margin: 0;
  padding: 0 5px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-multitext .sbgrid-multitext.sbgrid-text.sbgrid-multitext-preline {
  white-space: pre-line;
  overflow-y: auto;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-cell.sbgrid-edit textarea {
  border: 1px solid var(--chk-active);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-alternate {
  background-color: var(--alter-bg1);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-alternate.sbgrid-alternate-2 {
  background-color: var(--alter-bg2);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-alternate.sbgrid-alternate-3 {
  background-color: var(--alter-bg3);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row {
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-filter > .sbgrid-col {
  overflow: hidden;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-filter > .sbgrid-col.sbgrid-focused {
  position: relative; /*border:1px solid red;*/
  background: none;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-filter > .sbgrid-col.sbgrid-focused:after {
  content: "";
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: 1px solid;
  border-color: var(--active-border-lighten);
  pointer-events: none;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-filter > .sbgrid-col.sbgrid-hover {
  background: none;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-filter > .sbgrid-col:hover {
  background: none;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row > .sbgrid-col {
  white-space: nowrap;
  box-sizing: border-box; /* border 및 padding을 너비에 포함시킨다. */
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row > .sbgrid-col > .sbgrid-text,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row > .sbgrid-col .sbgrid-number {
  margin: 0; /* margin 제거 */
  padding: 0 5px; /* 내부 padding으로 여백 조정 */
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
  color: var(--default-text);
  line-height: normal;
  display: grid;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row > .sbgrid-col > .sbgrid-text:has(.sbgrid-text) {
  text-overflow: unset;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row > .sbgrid-col input {
  width: 100%;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row > .sbgrid-col.sbgrid-group.sbgrid-title span {
  padding: 0 5px;
  overflow: hidden;
  white-space: nowrap;
  color: var(--default-text);
  text-overflow: ellipsis;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row > .sbgrid-col .sbgrid-group.sbgrid-title {
  display: flex;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row > .sbgrid-col.sbgrid-center {
  text-align: center;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row > .sbgrid-col.sbgrid-left {
  text-align: left;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row > .sbgrid-col.sbgrid-right {
  text-align: right;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row > .sbgrid-col.sbgrid-status.sbgrid-center {
  align-items: center !important;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row > .sbgrid-col.sbgrid-status.sbgrid-left {
  align-items: flex-start !important;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row > .sbgrid-col.sbgrid-status.sbgrid-right {
  align-items: flex-end !important;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row > .sbgrid-col.sbgrid-merge.sbgrid-merge-row {
  background-color: var(--merge-row-bg);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row .sbgrid-rowno {
  text-align: center;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-hidden .sbgrid-col {
  display: none;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-variable .sbgrid-col .sbgrid-cell {
  overflow: auto;
  white-space: normal;
  text-overflow: initial;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-variable .sbgrid-col .sbgrid-cell.sbgrid-icon {
  overflow: hidden;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-fixed > span.sbgrid-col.sbgrid-rowno.sbgrid-focused {
  outline: none;
  border-right: 2px solid var(--secondary);
  background: var(--caption-focused) !important;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-header > .sbgrid-col > .sbgrid-header {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-footer > .sbgrid-col > .sbgrid-footer {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-caption > .sbgrid-col.sbgrid-focused {
  outline: none;
  position: relative;
  background: var(--caption-focused) !important;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-caption > .sbgrid-col.sbgrid-focused:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: var(--cap-line);
  margin-bottom: -1px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-caption > .sbgrid-col.reorderable {
  background-color: var(--reorder-bg);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: stretch;
  height: 100%;
  padding-inline: 0px;
  margin-bottom: 0;
  margin-right: 0;
  outline: 0px;
  border: 0px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree.sbgrid-fill-handle-right {
  margin-right: 0.06em;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree.sbgrid-fill-handle-bottom {
  margin-bottom: 0;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree.sbgrid-fill-handle-left > .sbgrid-cell.sbgrid-tree > span.sbgrid-title {
  margin-left: 0;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree > .sbgrid-cell.sbgrid-tree {
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree > .sbgrid-cell.sbgrid-tree.sbgrid-last > .sbgrid-space.sbgrid-last {
  border-bottom: 1px solid var(--tree-border);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree > .sbgrid-cell.sbgrid-tree > .sbgrid-space:not(.sbgrid-last) {
  background-color: var(--tree-space);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree > .sbgrid-cell.sbgrid-tree > .sbgrid-space {
  flex-grow: 0;
  flex-shrink: 0;
  width: 20px;
  border-left: 1px solid var(--tree-border);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree > .sbgrid-cell.sbgrid-tree > .sbgrid-title {
  flex-grow: 1;
  display: flex;
  align-items: center;
  margin-bottom: 0.06em;
  margin-right: 0.06em;
  margin-left: 0.08em;
  outline: 1px solid var(--tree-border);
  padding-inline: 6px;
  color: var(--default-text);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree > .sbgrid-cell.sbgrid-tree > .sbgrid-title > .sbgrid-icon {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  top: 3px;
  background-position: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree > .sbgrid-cell.sbgrid-tree > .sbgrid-title .sbgrid-icon + .sbgrid-text {
  margin-left: 5px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree > .sbgrid-cell.sbgrid-tree > .sbgrid-title > .sbgrid-check {
  margin: 0 5px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree > .sbgrid-cell.sbgrid-tree > .sbgrid-title > .sbgrid-check + .sbgrid-text {
  margin-left: 0;
  color: var(--default-text);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-tree.sbgrid-footer {
  background: var(--tree-footer-bg);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-tree.sbgrid-footer > .sbgrid-col > .sbgrid-cell {
  color: var(--default-text);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-tree.sbgrid-footer > .sbgrid-col > .sbgrid-cell > .sbgrid-title {
  padding-inline: 6px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-tree.sbgrid-footer > .sbgrid-col > .sbgrid-cell > .sbgrid-space.sbgrid-last {
  border-bottom: 1px solid var(--tree-border);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-tree.sbgrid-row.sbgrid-sticky {
  background-color: var(--sticky-row-bg);
  box-shadow: 1px 3px 5px var(--sticky-row-shadow);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-col.sbgrid-hidden {
  display: none;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-invalid > .sbgrid-indicator {
  border: 3px solid var(--indicator-bg);
  border-color: var(--indicator-bg) transparent transparent var(--indicator-bg);
  left: 0;
  transition: 0.1s all;
  position: absolute;
  top: 0;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-invalid > .sbgrid-indicator:hover {
  border: 5px solid var(--indicator-bg);
  border-color: var(--indicator-bg) transparent transparent var(--indicator-bg);
  transition: 0.1s all;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-column .sbgrid-icon.sbgrid-menu {
  /*float:right;*/
  color: var(--sbgrid-icon);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-column.sbgrid-filter {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-status {
  font-size: 12px;
  padding: 6px;
  border: 1px solid var(--status-border);
  border-top: none;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-status > div {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-status > div .sbgrid-item {
  margin: 0 10px;
  text-shadow: 0.5px 0;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-status > div .sbgrid-item .excel.status {
  text-shadow: 0.5px 0;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-hidden {
  font-size: 9pt;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-hidden .sbgrid-col {
  border: 1px solid transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-hidden .sbgrid-col .sbgrid-cell {
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-title {
  align-items: center;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: bold;
  align-items: stretch;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-title > .sbgrid-tools {
  padding: 6px;
  border-bottom: 1px solid var(--tool-border);
  display: flex;
  align-items: center;
  flex: 1;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-group > .sbgrid-tools, .sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-tool > .sbgrid-tools, .sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-pager > .sbgrid-tools {
  flex: 1;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel .sbgrid-table .sbgrid-tr {
  overflow: hidden;
  white-space: nowrap;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel .sbgrid-table .sbgrid-align {
  overflow: hidden;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel > .sbgrid-tools .sbgrid-tool {
  color: var(--default-text);
  /*tool - right*/
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel > .sbgrid-tools .sbgrid-tool input[type=button] {
  padding: 6px 10px;
  margin-right: 5px;
  background: var(--tool-inp-bg);
  border: 1px solid var(--tool-inp-border);
  box-sizing: border-box;
  color: var(--tool-inp-text);
  transition: all 0.2s;
  cursor: pointer;
  font-size: 12px;
  border-radius: 3px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel > .sbgrid-tools .sbgrid-tool input[type=button]:hover {
  background: var(--tool-inp-bg-dark);
  transition: all 0.2s;
  border: 1px solid var(tool-inp-border-dark);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel > .sbgrid-tools .sbgrid-tool .sbgrid-search-wrap {
  display: flex;
  align-items: center;
  border: 1px solid var(--tool-search-border);
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel > .sbgrid-tools .sbgrid-tool .sbgrid-search-wrap input[type=text] {
  height: 30px;
  padding-left: 10px;
  border: 0;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel > .sbgrid-tools .sbgrid-tool .sbgrid-search-wrap input[type=text]::-moz-placeholder {
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel > .sbgrid-tools .sbgrid-tool .sbgrid-search-wrap input[type=text]::placeholder {
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel > .sbgrid-tools .sbgrid-tool span.sbgrid-caption {
  padding: 6px;
  font-size: 12px;
  color: var(--caption-text);
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel > .sbgrid-tools .sbgrid-tool .sbgrid-grouping span.sbgrid-caption {
  color: var(--group-default-text);
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel > .sbgrid-tools .sbgrid-tool button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  padding: 0 10px;
  background: var(--menu-btn-bg);
  border: 0;
  border-radius: 3px;
  color: var(--default-text);
  font-family: inherit;
  font-size: 12px;
  transition: all 0.2s;
  cursor: pointer;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel > .sbgrid-tools .sbgrid-tool button:hover {
  background: var(--menu-btn-bg);
  transition: all 0.2s;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel > .sbgrid-tools .sbgrid-tool select {
  padding: 6px 10px;
  margin: 0 5px;
  background: var(--tool-inp-bg);
  border: 1px solid var(--tool-inp-border);
  box-sizing: border-box;
  color: var(--tool-inp-text);
  transition: all 0.2s;
  cursor: pointer;
  font-size: 12px;
  border-radius: 3px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel > .sbgrid-part {
  display: flex;
  flex-grow: 1;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel > .sbgrid-center {
  justify-content: center;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel > .sbgrid-right {
  justify-content: right;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel .sbgrid-row .sbgrid-col {
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel .sbgrid-row .sbgrid-rowno {
  /*background: #FBFBFB;*/
  background: none;
  color: var(--rowno-text);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel .sbgrid-row .sbgrid-sticky {
  background: var(--sticky-row-bg); /*color: #222;*/
  z-index: 1;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel .sbgrid-row .sbgrid-sticky.sbgrid-selected {
  background: var(--selected); /*color: #222;*/
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel .sbgrid-row .sbgrid-sticky.sbgrid-selecting {
  background: var(--sticky-selecting-bg);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel .sbgrid-row .sbgrid-sticky.sbgrid-merged.sbgrid-selecting {
  background: var(--sticky-selecting-bg);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel .sbgrid-row .sbgrid-sticky.sbgrid-merged.sbgrid-selected {
  background: var(--selected);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel .sbgrid-row.sbgrid-group .sbgrid-sticky {
  background: transparent;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel .sbgrid-part.sbgrid-fixed .sbgrid-row.sbgrid-fixed .sbgrid-sticky {
  background: none;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col {
  font-weight: bold;
  text-align: center;
  color: var(--caption-text);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-caption {
  display: flex;
  align-items: center;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools .sbgrid-order {
  display: flex;
  align-items: center;
  width: 24px;
  height: 24px;
  justify-content: center;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools .sbgrid-title {
  margin-right: 2px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools:first-child {
  display: flex;
  justify-content: center;
  align-items: center;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools .sbgrid-icon.sbgrid-desc, .sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools .sbgrid-icon.sbgrid-asc {
  color: var(--secondary);
  display: inline-flex;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools .sbgrid-icon.sbgrid-sort-default {
  color: var(--caption-icon-bg);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools .sbgrid-icon.sbgrid-filter {
  padding: 0 10px;
  color: var(--caption-icon-bg);
  box-sizing: border-box;
  background-color: transparent;
  border: none;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-header > .sbgrid-area > .sbgrid-part > .sbgrid-scroll > .sbgrid-row > .sbgrid-col {
  display: flex;
  justify-content: center;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-header > .sbgrid-area > .sbgrid-part > .sbgrid-scroll > .sbgrid-row > .sbgrid-col > span.sbgrid-header {
  color: var(--total-text);
  text-shadow: 0.5px 0;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-area > .sbgrid-part > .sbgrid-scroll > .sbgrid-row.sbgrid-last {
  height: 0;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-area .sbgrid-part .sbgrid-scroll .sbgrid-row .sbgrid-col.sbgrid-group.sbgrid-title {
  border-bottom: none;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-area .sbgrid-part .sbgrid-scroll .sbgrid-row .sbgrid-col.sbgrid-group.sbgrid-indicator {
  border-top: none;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-area .sbgrid-part .sbgrid-scroll .sbgrid-row .sbgrid-col.sbgrid-group.sbgrid-indicator.sbgrid-level-first {
  border-top: none;
  border-right: none;
  border-bottom: 1px solid var(--col-border);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-area .sbgrid-part .sbgrid-scroll .sbgrid-row .sbgrid-col.sbgrid-group.sbgrid-indicator.sbgrid-level-next {
  border-top: none;
  border-right: none;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-area .sbgrid-part.sbgrid-body .sbgrid-scroll .sbgrid-row.sbgrid-sticky .sbgrid-sticky {
  background: var(--sticky-bg);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-tbody .sbgrid-part.sbgrid-body .sbgrid-scroll .sbgrid-row .sbgrid-col.sbgrid-sticky {
  box-shadow: 1px 1px 5px var(--sticky-row-shadow);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-row.sbgrid-group.sbgrid-footer:has(.sbgrid-col) {
  border-top: none;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-footer > .sbgrid-area > .sbgrid-part > .sbgrid-scroll > .sbgrid-row > .sbgrid-col {
  display: flex;
  justify-content: center;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-footer > .sbgrid-area > .sbgrid-part > .sbgrid-scroll > .sbgrid-row > .sbgrid-col > span.sbgrid-footer {
  color: var(--total-text);
  text-shadow: 0.5px 0;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-tool {
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-tool > .sbgrid-tools {
  padding: 6px;
  border-bottom: 1px solid var(--tool-border);
  flex: 1;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-scroll {
  border: 1px solid var(--scroll-border);
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tools {
  flex-grow: 1;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tools > .sbgrid-tool.sbgrid-item {
  display: inline-block;
  vertical-align: top;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tool.sbgrid-group {
  display: flex;
  flex-grow: 1;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tool.sbgrid-pager {
  padding: 0 5px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tool.sbgrid-custom {
  padding: 0 5px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-col.sbgrid-focused {
  border: 1px dotted var(--active);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-reorder-indicator.sbgrid-col {
  position: absolute;
  width: 1px;
  border-left: 3px dotted var(--secondary);
  opacity: 0;
  z-index: 10;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-reorder-indicator.sbgrid-row {
  position: absolute;
  border-top: 2px dotted var(--secondary);
  opacity: 0;
  z-index: 20;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-reorder-head,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-reorder-tail {
  position: absolute;
  z-index: 100;
  margin-left: -7px;
  margin-top: -10px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-reorder-head.on:before,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-reorder-tail.on:before {
  transform: scale(1.5);
  transition: all 0.2s;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-resize-indicator {
  position: absolute;
  cursor: ew-resize;
  border-left: 3px solid var(--resize-bg);
  opacity: 0;
  z-index: 100;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-resize-indicator:hover {
  opacity: 1;
}
.sbgrid-grid.sbgrid-theme-dark div.sbgrid-resize-helper {
  width: 10px;
  border-left: 2px dotted var(--helper-border);
  z-index: 10;
}
.sbgrid-grid.sbgrid-theme-dark span.sbgrid-reorder-helper {
  border-left: 2px dotted var(--secondary);
  z-index: 10;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group .sbgrid-grouping {
  display: flex;
  align-items: center;
  height: 24px;
  margin-right: 5px;
  padding: 0 10px;
  background: var(--group-item-bg);
  border-radius: 30px;
  box-sizing: border-box;
  color: var(--group-text);
  cursor: pointer;
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-draggable-helper.sbgrid-col {
  display: inline-flex;
  align-items: center;
  height: 24px;
  background: var(--drag-bg);
  padding: 6px 15px;
  border-radius: 30px;
  box-sizing: border-box;
  font-size: 12px;
  color: var(--drag-text);
  z-index: 999;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-draggable-helper.sbgrid-col .sbgrid-row.sbgrid-moving {
  filter: opacity(1);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-draggable-helper.sbgrid-rowreorder {
  padding-left: 25px;
  cursor: move;
  background-color: transparent;
  z-index: 999;
  box-sizing: border-box;
  font-size: 12px;
  color: var(--roworder-text);
  pointer-events: none;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-draggable-helper.sbgrid-rowreorder > div {
  border: none;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-draggable-helper.sbgrid-rowreorder .sbgrid-row.sbgrid-moving {
  filter: opacity(1);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-draggable-helper.sbgrid-rowreorder {
  display: inline-flex;
  align-items: center;
  background: var(--roworder-bg);
  min-height: 30px;
  padding: 0 15px;
  box-shadow: 1px 3px 3px var(--roworder-shadow);
  border-radius: 0;
  font-size: 12px;
  color: var(--roworder-text);
  border-radius: 5px;
  border: 1px solid var(--roworder-border);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-draggable-helper.sbgrid-rowreorder .sbgrid-icon.sbgrid-rowreorder:before {
  color: var(--secondary);
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-draggable-helper.sbgrid-rowreorder .sbgrid-moving {
  background: none;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-draggable-helper.sbgrid-rowreorder .sbgrid-sticky {
  box-shadow: none !important;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-draggable-helper.sbgrid-rowreorder .sbgrid-row {
  display: inline-flex;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-draggable-helper.sbgrid-rowreorder .sbgrid-col {
  position: relative;
  padding: 0 5px !important;
  outline: none;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-draggable-helper.sbgrid-rowreorder .sbgrid-col.sbgrid-indicator.sbgrid-group {
  width: 0;
  padding: 0 0px !important;
  border: 0px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-draggable-helper.sbgrid-rowreorder .sbgrid-col.sbgrid-tree > .sbgrid-cell.sbgrid-tree > .sbgrid-space {
  width: 0;
  padding: 0 0px !important;
  border: 0px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-draggable-helper.sbgrid-rowreorder .sbgrid-col:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -3px;
  margin-top: -2px;
  display: block;
  width: 5px;
  height: 5px;
  background: var(--roworder-dot-bg);
  border-radius: 50%;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-draggable-helper.sbgrid-rowreorder > div {
  display: flex;
  align-items: center;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-draggable-helper.sbgrid-rowreorder > .sbgrid-row {
  display: flex;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-draggable-helper.sbgrid-rowreorder > .sbgrid-row > .sbgrid-col {
  outline: 0;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu {
  position: absolute;
  z-index: 1000;
  /*width:300px;*/
  width: auto;
  min-width: 100px;
  padding: 10px;
  background: var(--filter-bg);
  border: 1px solid var(--menu-border);
  border-radius: 5px;
  box-shadow: 0 1px 3px var(--menu-shadow);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu > span.sbgrid-checkable {
  width: 100%;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu select,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu select.sbgrid-operator,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu input.sbgrid-search,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu input[type=text] {
  margin-bottom: 4px;
  padding-left: 5px;
  height: auto;
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  background: var(--com-bg);
  border: 1px solid var(--com-border);
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: var(--default-text);
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu select:active, .sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu select:focus,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu select.sbgrid-operator:active,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu select.sbgrid-operator:focus,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu input.sbgrid-search:active,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu input.sbgrid-search:focus,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu input[type=text]:active,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu input[type=text]:focus {
  border-color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu select:active::before, .sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu select:active::after, .sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu select:focus::before, .sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu select:focus::after,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu select.sbgrid-operator:active::before,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu select.sbgrid-operator:active::after,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu select.sbgrid-operator:focus::before,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu select.sbgrid-operator:focus::after,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu input.sbgrid-search:active::before,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu input.sbgrid-search:active::after,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu input.sbgrid-search:focus::before,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu input.sbgrid-search:focus::after,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu input[type=text]:active::before,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu input[type=text]:active::after,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu input[type=text]:focus::before,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu input[type=text]:focus::after {
  color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu select::-moz-placeholder, .sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu select.sbgrid-operator::-moz-placeholder, .sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu input.sbgrid-search::-moz-placeholder, .sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu input[type=text]::-moz-placeholder {
  color: var(--filter-placeholder);
  font-weight: lighter;
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu select::placeholder,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu select.sbgrid-operator::placeholder,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu input.sbgrid-search::placeholder,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu input[type=text]::placeholder {
  color: var(--filter-placeholder);
  font-weight: lighter;
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu .sbgrid-value > ul {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu .sbgrid-value > ul li {
  display: flex;
  align-items: center;
  list-style: none;
  font-size: 12px;
  margin: 5px 2px 0 0;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu .sbgrid-value > ul li.sbgrid-hidden {
  height: 0;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu .sbgrid-value > ul li label {
  flex-shrink: 1;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #fff;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu .sbgrid-value > ul li input[type=checkbox] {
  flex-shrink: 0;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: var(--inp-bg);
  margin: 0 5px;
  border: 1px solid var(--menu-chk-border);
  border-radius: 3px;
  box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu .sbgrid-value > ul li input[type=checkbox]:checked {
  position: relative;
  background: var(--inp-bg);
  border: 1px solid var(--chk-active);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu .sbgrid-value > ul li input[type=checkbox]:checked::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 4px;
  display: block;
  width: 4px;
  height: 8px;
  border: solid #3d72f9;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu span.count {
  display: block;
  padding: 5px;
  margin: 10px 0 5px 0;
  font-size: 12px;
  text-shadow: 0.5px 0;
  background: var(--menu-count-bg);
  box-sizing: border-box;
  text-align: center;
  color: #fff;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu > .sbgrid-condition {
  margin-bottom: 10px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu > .sbgrid-condition span.sbgrid-values {
  display: inline-block;
  width: 100%;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu > .sbgrid-condition span.sbgrid-values span.sbgrid-value {
  display: inline-block;
  width: 100%;
  margin-bottom: 4px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu > .sbgrid-condition span.sbgrid-values span.sbgrid-value .sbgrid-search {
  width: 100%;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu > .sbgrid-condition div.sbgrid-operator {
  display: flex;
  justify-content: space-between;
  padding: 5px 0;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu > .sbgrid-condition div.sbgrid-operator .sbgrid-join {
  display: flex;
  align-items: center;
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu > .sbgrid-condition div.sbgrid-operator input[type=radio] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 16px;
  height: 16px;
  background: var(--inp-bg);
  border: 1px solid var(--inp-border);
  border-radius: 50%;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu > .sbgrid-condition div.sbgrid-operator input[type=radio]:checked {
  position: relative;
  border: 1px solid var(--secondary);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu > .sbgrid-condition div.sbgrid-operator input[type=radio]:checked:before {
  content: "";
  position: absolute;
  display: inline-block;
  left: 2px;
  top: 2px;
  width: 10px;
  height: 10px;
  background: var(--secondary);
  border-radius: 50%;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu > .sbgrid-condition div.sbgrid-operator label {
  display: inline-block;
  padding: 0 2px;
  line-height: 18px;
  color: var(--default-text);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu > .sbgrid-confirm {
  display: flex;
  justify-content: flex-end;
  padding-top: 10px;
  box-sizing: border-box;
  border-top: 1px solid var(--menu-border);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu > .sbgrid-confirm button {
  margin: 0 3px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu > .sbgrid-confirm button.sbgrid-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  padding: 0 10px;
  background: var(--secondary);
  color: #fff;
  font-family: inherit;
  font-size: 12px;
  border: 0;
  border-radius: 3px;
  cursor: pointer;
  transition: all 0.2s;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu > .sbgrid-confirm button.sbgrid-submit:hover {
  background: var(--secondary);
  transition: all 0.2s;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu > .sbgrid-confirm button.sbgrid-cancel {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  padding: 0 10px;
  background: var(--menu-btn-bg);
  border: 0;
  border-radius: 3px;
  color: var(--default-text);
  font-family: inherit;
  font-size: 12px;
  transition: all 0.2s;
  cursor: pointer;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu > .sbgrid-confirm button.sbgrid-cancel:hover {
  background: var(--menu-btn-bg);
  transition: all 0.2s;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu.sbgrid-hidden {
  display: none;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu .sbgrid-values > .sbgrid-value > ul {
  overflow: scroll;
  overflow-x: hidden;
  max-height: 200px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu .sbgrid-values > .sbgrid-value > ul li.sbgrid-hidden {
  visibility: hidden;
  height: 0;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu .sbgrid-values > .sbgrid-value > ul::-webkit-scrollbar {
  width: 5px;
  border-radius: 3px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu .sbgrid-values > .sbgrid-value > ul::-webkit-scrollbar-thumb {
  background-color: var(--menu-scroll-thumb);
  border-radius: 3px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu .sbgrid-values > .sbgrid-value > ul::-webkit-scrollbar-track {
  background-color: var(--menu-scroll-track);
  border-radius: 3px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-empty-message {
  padding: 20px 0;
  text-align: center;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-empty-message span {
  margin: 0;
  padding: 0 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
  line-height: normal;
  font-size: 12px;
  color: var(--empty-text);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-menu-group {
  position: absolute;
  display: table-cell;
  z-index: 2000;
  min-width: 130px;
  background-color: var(--menu-bg);
  border-radius: 5px;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-context-menu {
  position: absolute;
  display: table-cell;
  z-index: 2000;
  min-width: 130px;
  background-color: var(--menu-bg);
  border-radius: 5px;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-menu-group > .sbgrid-menu,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-context-menu > .sbgrid-menu {
  position: absolute;
  display: flex;
  flex-direction: column;
  min-width: 100%;
  background: var(--menu-bg);
  border-radius: 5px;
  box-sizing: border-box;
  border: 1px solid var(--menu-border);
  box-shadow: 0 1px 3px var(--menu-shadow);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-menu-group > .sbgrid-menu .sbgrid-item,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-context-menu > .sbgrid-menu .sbgrid-item {
  display: inline-flex;
  align-items: center;
  width: 100%;
  min-height: 26px;
  padding: 1px 5px;
  font-size: 12px;
  cursor: pointer;
  box-sizing: border-box;
  color: var(--default-text);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-menu-group > .sbgrid-menu .sbgrid-item.sbgrid-seperator,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-context-menu > .sbgrid-menu .sbgrid-item.sbgrid-seperator {
  height: 0;
  min-height: 0;
  border-top: 1px solid var(--menu-seperator-border);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-menu-group > .sbgrid-menu .sbgrid-item:hover,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-context-menu > .sbgrid-menu .sbgrid-item:hover {
  background-color: var(--hover);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-menu-group > .sbgrid-menu .sbgrid-item.sbgrid-disabled,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-context-menu > .sbgrid-menu .sbgrid-item.sbgrid-disabled {
  background: var(--menu-disabled);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-menu-group > .sbgrid-menu .sbgrid-item.sbgrid-disabled .sbgrid-icon,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-context-menu > .sbgrid-menu .sbgrid-item.sbgrid-disabled .sbgrid-icon {
  font-size: 18px;
  margin-right: 10px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-menu-group > .sbgrid-menu .sbgrid-item.sbgrid-disabled .sbgrid-icon:before,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-context-menu > .sbgrid-menu .sbgrid-item.sbgrid-disabled .sbgrid-icon:before {
  color: var(--menu-disable-icon-bg);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-menu-group > .sbgrid-menu .sbgrid-item .sbgrid-icon,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-context-menu > .sbgrid-menu .sbgrid-item .sbgrid-icon {
  font-size: 18px;
  margin-left: 3px;
  margin-right: 10px;
  color: var(--sbgrid-icon);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-menu-group > .sbgrid-menu .sbgrid-item .sbgrid-subIcon,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-context-menu > .sbgrid-menu .sbgrid-item .sbgrid-subIcon {
  margin-right: 0;
  margin-left: auto;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-menu-group > .sbgrid-menu .sbgrid-item .sbgrid-subIcon:before,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-context-menu > .sbgrid-menu .sbgrid-item .sbgrid-subIcon:before {
  color: var(--menu-icon-bg);
  font-size: 11px;
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-menu-group > .sbgrid-menu .sbgrid-item .sbgrid-title,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-context-menu > .sbgrid-menu .sbgrid-item .sbgrid-title {
  flex-shrink: 0;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-menu-group > .sbgrid-column .sbgrid-values,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-context-menu > .sbgrid-column .sbgrid-values {
  width: 100%;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-menu-group > .sbgrid-column .sbgrid-values > .sbgrid-value,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-context-menu > .sbgrid-column .sbgrid-values > .sbgrid-value {
  width: 100%;
  padding: 5px 5px 5px 0;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-menu-group > .sbgrid-column .sbgrid-values > .sbgrid-value > ul,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-context-menu > .sbgrid-column .sbgrid-values > .sbgrid-value > ul {
  width: 100%;
  color: var(--default-text);
  padding: 5px;
  margin: 0;
  box-sizing: border-box;
  overflow: scroll;
  overflow-x: hidden;
  max-height: 200px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-menu-group > .sbgrid-column .sbgrid-values > .sbgrid-value > ul li.sbgrid-hidden,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-context-menu > .sbgrid-column .sbgrid-values > .sbgrid-value > ul li.sbgrid-hidden {
  visibility: hidden;
  height: 0;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-menu-group > .sbgrid-column .sbgrid-values > .sbgrid-value > ul::-webkit-scrollbar,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-context-menu > .sbgrid-column .sbgrid-values > .sbgrid-value > ul::-webkit-scrollbar {
  width: 5px;
  border-radius: 3px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-menu-group > .sbgrid-column .sbgrid-values > .sbgrid-value > ul::-webkit-scrollbar-thumb,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-context-menu > .sbgrid-column .sbgrid-values > .sbgrid-value > ul::-webkit-scrollbar-thumb {
  background-color: var(--menu-scroll-thumb);
  border-radius: 3px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-menu-group > .sbgrid-column .sbgrid-values > .sbgrid-value > ul::-webkit-scrollbar-track,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-context-menu > .sbgrid-column .sbgrid-values > .sbgrid-value > ul::-webkit-scrollbar-track {
  background-color: var(--menu-scroll-track);
  border-radius: 3px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-menu-group > .sbgrid-column .sbgrid-value > ul span.empty-space,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-context-menu > .sbgrid-column .sbgrid-value > ul span.empty-space {
  flex-shrink: 0;
  display: inline-block;
  width: 15px;
  height: 15px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-menu-group > .sbgrid-column .sbgrid-value > ul li,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-context-menu > .sbgrid-column .sbgrid-value > ul li {
  display: flex;
  align-items: center;
  list-style: none;
  font-size: 12px;
  margin: 2px 2px 0 0;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-menu-group > .sbgrid-column .sbgrid-value > ul li.sbgrid-hidden,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-context-menu > .sbgrid-column .sbgrid-value > ul li.sbgrid-hidden {
  height: 0;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-menu-group > .sbgrid-column .sbgrid-value > ul li label,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-context-menu > .sbgrid-column .sbgrid-value > ul li label {
  flex-shrink: 1;
  width: 100%;
  margin-left: 5px;
  text-overflow: ellipsis;
  text-align: initial;
  white-space: nowrap;
  overflow: hidden;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-menu-group > .sbgrid-column .sbgrid-value > ul li input[type=checkbox],
.sbgrid-grid.sbgrid-theme-dark .sbgrid-context-menu > .sbgrid-column .sbgrid-value > ul li input[type=checkbox] {
  flex-shrink: 0;
  display: inline-flex;
  width: 15px;
  height: 15px;
  background: var(--menu-chk-bg);
  border: 1px solid var(--menu-chk-border);
  border-radius: 3px;
  box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: "sbgrid-icon";
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-menu-group > .sbgrid-column .sbgrid-value > ul li input[type=checkbox]:checked,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-context-menu > .sbgrid-column .sbgrid-value > ul li input[type=checkbox]:checked {
  position: relative;
  background: var(--menu-chk-bg);
  border: 1px solid var(--menu-chk-border);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-menu-group > .sbgrid-column .sbgrid-value > ul li input[type=checkbox]:checked::before,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-context-menu > .sbgrid-column .sbgrid-value > ul li input[type=checkbox]:checked::before {
  content: "\e938";
  color: var(--chk-icon);
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-menu-group > .sbgrid-column > .sbgrid-confirm,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-context-menu > .sbgrid-column > .sbgrid-confirm {
  display: flex;
  justify-content: flex-end;
  padding: 10px;
  box-sizing: border-box;
  border-top: 1px solid var(--menu-border);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-menu-group > .sbgrid-column > .sbgrid-confirm button,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-context-menu > .sbgrid-column > .sbgrid-confirm button {
  margin: 0 3px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-menu-group > .sbgrid-column > .sbgrid-confirm button.sbgrid-submit,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-context-menu > .sbgrid-column > .sbgrid-confirm button.sbgrid-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  padding: 0 10px;
  background: var(--secondary);
  color: #fff;
  font-family: inherit;
  font-size: 12px;
  border: 0;
  border-radius: 3px;
  cursor: pointer;
  transition: all 0.2s;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-menu-group > .sbgrid-column > .sbgrid-confirm button.sbgrid-submit:hover,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-context-menu > .sbgrid-column > .sbgrid-confirm button.sbgrid-submit:hover {
  background: var(--secondary);
  transition: all 0.2s;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-menu-group > .sbgrid-column > .sbgrid-confirm button.sbgrid-cancel,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-context-menu > .sbgrid-column > .sbgrid-confirm button.sbgrid-cancel {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  padding: 0 10px;
  background: var(--menu-btn-bg);
  border: 0;
  border-radius: 3px;
  color: var(--default-text);
  font-family: inherit;
  font-size: 12px;
  transition: all 0.2s;
  cursor: pointer;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-menu-group > .sbgrid-column > .sbgrid-confirm button.sbgrid-cancel:hover,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-context-menu > .sbgrid-column > .sbgrid-confirm button.sbgrid-cancel:hover {
  background: var(--menu-btn-bg);
  transition: all 0.2s;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-condition {
  display: flex;
  flex-direction: column;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-ico-search {
  padding: 0 10px;
  box-sizing: border-box;
  cursor: pointer;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-footer.sbgrid-fixed {
  background: var(--fixed-footer-bg);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-footer.sbgrid-fixed > .sbgrid-col.sbgrid-rowno {
  background: var(--fixed-footer-bg);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group .sbgrid-row {
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group.sbgrid-row.sbgrid-level-0 {
  background-color: var(--group-depth0-bg);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group.sbgrid-row.sbgrid-level-0 > .sbgrid-sticky {
  background-color: var(--group-depth0-bg);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group.sbgrid-row.sbgrid-level-1 {
  background-color: var(--group-depth1-bg);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group.sbgrid-row.sbgrid-level-1 > .sbgrid-sticky {
  background-color: var(--group-depth1-bg);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group.sbgrid-row.sbgrid-level-2 {
  background-color: var(--group-depth2-bg);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group.sbgrid-row.sbgrid-level-2 > .sbgrid-sticky {
  background-color: var(--group-depth2-bg);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group.sbgrid-indicator.sbgrid-level-0 {
  background-color: var(--group-depth0-bg);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group.sbgrid-indicator.sbgrid-level-1 {
  background-color: var(--group-depth1-bg);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group.sbgrid-indicator.sbgrid-level-2 {
  background-color: var(--group-depth2-bg);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group.sbgrid-title.sbgrid-level-0 {
  background-color: var(--group-depth0-bg);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group.sbgrid-title.sbgrid-level-1 {
  background-color: var(--group-depth1-bg);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group.sbgrid-title.sbgrid-level-2 {
  background-color: var(--group-depth2-bg);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group.sbgrid-hidden {
  display: none;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group.sbgrid-title {
  cursor: pointer;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group.sbgrid-title .sbgrid-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center;
  font-weight: bold;
  color: var(--group-icon-bg);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group.sbgrid-title .sbgrid-icon.sbgrid-open, .sbgrid-grid.sbgrid-theme-dark .sbgrid-group.sbgrid-title .sbgrid-icon.sbgrid-close {
  font-size: 14px;
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-title,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tool,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-pager {
  display: flex;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-title span,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group span,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tool span,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-pager span {
  cursor: pointer;
  padding-right: 3px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-title .sbgrid-pager-combo,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group .sbgrid-pager-combo,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tool .sbgrid-pager-combo,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-pager .sbgrid-pager-combo {
  width: auto;
  height: 25px;
  font-weight: normal;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-title .sbgrid-pager-combo .sbgrid-combobox,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group .sbgrid-pager-combo .sbgrid-combobox,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tool .sbgrid-pager-combo .sbgrid-combobox,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-pager .sbgrid-pager-combo .sbgrid-combobox {
  width: auto;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-title .sbgrid-pager-combo .sbgrid-combobox .sbgrid-combo-inner,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group .sbgrid-pager-combo .sbgrid-combobox .sbgrid-combo-inner,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tool .sbgrid-pager-combo .sbgrid-combobox .sbgrid-combo-inner,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-pager .sbgrid-pager-combo .sbgrid-combobox .sbgrid-combo-inner {
  width: auto;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-title .sbgrid-pager-combo .sbgrid-combobox .sbgrid-combo-inner input.sbgrid-combo-value-text,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group .sbgrid-pager-combo .sbgrid-combobox .sbgrid-combo-inner input.sbgrid-combo-value-text,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tool .sbgrid-pager-combo .sbgrid-combobox .sbgrid-combo-inner input.sbgrid-combo-value-text,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-pager .sbgrid-pager-combo .sbgrid-combobox .sbgrid-combo-inner input.sbgrid-combo-value-text {
  width: 30px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-title .sbgrid-pager-combo .sbgrid-last,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group .sbgrid-pager-combo .sbgrid-last,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tool .sbgrid-pager-combo .sbgrid-last,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-pager .sbgrid-pager-combo .sbgrid-last {
  display: flex;
  margin: 0 3px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-title .sbgrid-pager-combo .sbgrid-last .sbgrid-last,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group .sbgrid-pager-combo .sbgrid-last .sbgrid-last,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tool .sbgrid-pager-combo .sbgrid-last .sbgrid-last,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-pager .sbgrid-pager-combo .sbgrid-last .sbgrid-last {
  font-size: 12px;
  line-height: 180%;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-title .sbgrid-page-size,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group .sbgrid-page-size,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tool .sbgrid-page-size,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-pager .sbgrid-page-size {
  display: flex;
  align-items: center;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-title .sbgrid-page-size .sbgrid-text,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group .sbgrid-page-size .sbgrid-text,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tool .sbgrid-page-size .sbgrid-text,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-pager .sbgrid-page-size .sbgrid-text {
  margin-left: 5px;
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-title.sbgrid-combo-popup.sbgrid-hidden,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group.sbgrid-combo-popup.sbgrid-hidden,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tool.sbgrid-combo-popup.sbgrid-hidden,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-pager.sbgrid-combo-popup.sbgrid-hidden {
  display: none;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-title.sbgrid-combo-popup > .sbgrid-wrap-popup,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group.sbgrid-combo-popup > .sbgrid-wrap-popup,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tool.sbgrid-combo-popup > .sbgrid-wrap-popup,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-pager.sbgrid-combo-popup > .sbgrid-wrap-popup {
  width: 100%;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-disabled {
  color: var(--disabled) !important;
  pointer-events: none;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-popup {
  position: absolute;
  top: 150px;
  left: 150px;
  width: 200px;
  height: auto;
  padding: 20px;
  background-color: var(--popup-bg);
  text-align: center;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-checkbox.sbgrid-checked:before {
  content: "✓";
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-selected {
  background: var(--selected);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-unselected {
  background-color: var(--unselected);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-selecting {
  background: var(--selecting);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-focused {
  background-color: var(--focused);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-focused:not(:focus-visible) {
  outline: none;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-hover {
  position: absolute;
  transform: translate(0px, 0px);
  /* transform: scale(0); */
  background-color: var(--hover);
  pointer-events: none;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-copy-top,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-copy-top.sbgrid-fill-handle-top {
  border-top: 1px dashed var(--warning);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-copy-left,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-copy-left.sbgrid-fill-handle-left {
  border-left: 1px dashed var(--warning);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-copy-bottom,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-copy-bottom.sbgrid-fill-handle-bottom {
  border-bottom: 1px dashed var(--warning);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-copy-right,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-copy-right.sbgrid-fill-handle-right {
  border-right: 1px dashed var(--warning);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-fill-handle-top {
  border-top: 1px solid var(--active);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-fill-handle-left {
  border-left: 1px solid var(--active);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-fill-handle-bottom {
  border-bottom: 1px solid var(--active);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-fill-handle-right {
  border-right: 1px solid var(--active);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-fill-handle::after {
  content: "";
  border: 3px solid var(--active);
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-col.sbgrid-indicator.sbgrid-group {
  margin: 0px;
  border-right: 1px solid var(--group-border);
  outline: 0px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-col.sbgrid-title.sbgrid-group {
  margin-top: -0.5px;
  border-top: 1px solid var(--group-border);
  outline: 0px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tooltip {
  position: relative;
  z-index: 5;
  padding: 5px 8px;
  background-color: var(--tooltip-bg);
  font-size: 12px;
  box-shadow: 1px 2px 2px var(--tooltip-shadow);
  opacity: 0;
  border-radius: 3px;
  border: 1px solid var(--tooltip-border);
  width: -moz-max-content;
  width: max-content;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tooltip.show {
  opacity: 1;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tooltip:before {
  content: "";
  position: absolute;
  border-width: 5px;
  border-style: solid;
  border-color: var(--tooltip-bg);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tooltip:after {
  content: "";
  position: absolute;
  border-width: 5px;
  border-style: solid;
  border-color: var(--tooltip-bg);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tooltip .sbgrid-title {
  color: var(--tooltip-txt);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tooltip[data-placement=top]:before {
  top: 100%;
  left: 50%;
  margin-top: 1px;
  margin-left: -5px;
  border-color: var(--tooltip-border) transparent transparent transparent;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tooltip[data-placement=top]:after {
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-color: var(--tooltip-bg) transparent transparent transparent;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tooltip[data-placement=bottom]:before {
  top: -10px;
  left: 50%;
  margin-top: -1px;
  margin-left: -5px;
  border-color: transparent transparent var(--tooltip-border) transparent;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tooltip[data-placement=bottom]:after {
  top: -10px;
  left: 50%;
  margin-left: -5px;
  border-color: transparent transparent var(--tooltip-bg) transparent;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tooltip[data-placement=right]:before {
  top: 50%;
  left: -10px;
  margin-top: -5px;
  margin-left: -1px;
  border-color: transparent var(--tooltip-border) transparent transparent;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tooltip[data-placement=right]:after {
  top: 50%;
  left: -10px;
  margin-top: -5px;
  border-color: transparent var(--tooltip-bg) transparent transparent;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tooltip[data-placement=left]:before {
  top: 50%;
  right: -10px;
  margin-top: -5px;
  margin-right: -1px;
  border-color: transparent transparent transparent var(--tooltip-border);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tooltip[data-placement=left]:after {
  top: 50%;
  right: -10px;
  margin-top: -5px;
  border-color: transparent transparent transparent var(--tooltip-bg);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tooltip.sbgrid-invalid {
  padding: 7px 10px;
  background: var(--invalid-bg);
  border: 1px solid var(--invalid-border);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tooltip.sbgrid-invalid .sbgrid-title {
  color: var(--invalid-title);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tooltip.sbgrid-invalid:before {
  content: "";
  position: absolute;
  border-width: 5px;
  border-style: solid;
  border-color: var(--invalid-border);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tooltip.sbgrid-invalid[data-placement=top]:before {
  top: 100%;
  left: 50%;
  margin-top: 1px;
  margin-left: -5px;
  border-color: var(--invalid-border) transparent transparent transparent;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tooltip.sbgrid-invalid[data-placement=top]:after {
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-color: var(--invalid-arrow) transparent transparent transparent;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tooltip.sbgrid-invalid[data-placement=bottom]:before {
  top: -10px;
  left: 50%;
  margin-top: -1px;
  margin-left: -5px;
  border-color: transparent transparent var(--invalid-border) transparent;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tooltip.sbgrid-invalid[data-placement=bottom]:after {
  top: -10px;
  left: 50%;
  margin-left: -5px;
  border-color: transparent transparent var(--invalid-arrow) transparent;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tooltip.sbgrid-invalid[data-placement=right]:before {
  top: 50%;
  left: -10px;
  margin-top: -5px;
  margin-left: -1px;
  border-color: transparent var(--invalid-border) transparent transparent;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tooltip.sbgrid-invalid[data-placement=right]:after {
  top: 50%;
  left: -10px;
  margin-top: -5px;
  border-color: transparent var(--invalid-arrow) transparent transparent;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tooltip.sbgrid-invalid[data-placement=left]:before {
  top: 50%;
  right: -10px;
  margin-top: -5px;
  margin-right: -1px;
  border-color: transparent transparent transparent var(--invalid-border);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tooltip.sbgrid-invalid[data-placement=left]:after {
  top: 50%;
  right: -10px;
  margin-top: -5px;
  border-color: transparent transparent transparent var(--invalid-bg);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-filter .sbgrid-row .sbgrid-col,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-header .sbgrid-row .sbgrid-col {
  padding-inline: 3px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col.sbgrid-hidden,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-filter .sbgrid-row .sbgrid-col.sbgrid-hidden,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-header .sbgrid-row .sbgrid-col.sbgrid-hidden {
  padding-inline: 0px;
  border-width: 0px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-caption,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-header,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-filter .sbgrid-row .sbgrid-col .sbgrid-caption,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-filter .sbgrid-row .sbgrid-col .sbgrid-header,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-header .sbgrid-row .sbgrid-col .sbgrid-caption,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-header .sbgrid-row .sbgrid-col .sbgrid-header {
  /*display: flex;align-items: center;*/
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools.sbgrid-align.sbgrid-center,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-header .sbgrid-tools.sbgrid-align.sbgrid-center,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-filter .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools.sbgrid-align.sbgrid-center,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-filter .sbgrid-row .sbgrid-col .sbgrid-header .sbgrid-tools.sbgrid-align.sbgrid-center,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-header .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools.sbgrid-align.sbgrid-center,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-header .sbgrid-row .sbgrid-col .sbgrid-header .sbgrid-tools.sbgrid-align.sbgrid-center {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: auto;
  flex: 1;
  overflow: hidden;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools.sbgrid-align.sbgrid-center .sbgrid-title,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-header .sbgrid-tools.sbgrid-align.sbgrid-center .sbgrid-title,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-filter .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools.sbgrid-align.sbgrid-center .sbgrid-title,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-filter .sbgrid-row .sbgrid-col .sbgrid-header .sbgrid-tools.sbgrid-align.sbgrid-center .sbgrid-title,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-header .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools.sbgrid-align.sbgrid-center .sbgrid-title,
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-header .sbgrid-row .sbgrid-col .sbgrid-header .sbgrid-tools.sbgrid-align.sbgrid-center .sbgrid-title {
  min-width: 0;
  flex-shrink: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-loading > .loader-wrap {
  position: absolute;
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background: var(--loading-bg);
  /*loader01*/
  /*loader02*/
  /*loader03*/
  /*loader04*/
  /*loader05*/
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-loading > .loader-wrap.sbgrid-hidden {
  display: none;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-loading > .loader-wrap .loader01 {
  position: absolute;
  top: 50%;
  z-index: 90;
  width: 40px;
  height: 40px;
  margin: -28px auto 0;
  border: 8px solid var(--loading-active);
  border-right-color: transparent;
  border-radius: 50%;
  animation: loader-rotate 1s linear infinite;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-loading > .loader-wrap .loader01:after {
  content: "";
  position: absolute;
  top: -1px;
  left: 34px;
  width: 8px;
  height: 8px;
  background: var(--loading-active);
  border-radius: 50%;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-loading > .loader-wrap .loader01:before {
  content: "";
  position: absolute;
  top: 32px;
  left: 34px;
  width: 8px;
  height: 8px;
  background: var(--loading-active);
  border-radius: 50%;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-loading > .loader-wrap .loader02 {
  position: absolute;
  top: 50%;
  width: 50px;
  height: 50px;
  margin: -28px auto 0;
  border: 5px solid transparent;
  border-top-color: var(--loading-active);
  border-bottom-color: var(--loading-active);
  border-radius: 50%;
  animation: loader-rotate 0.7s linear infinite;
}
@keyframes loader-rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-loading > .loader-wrap .loader03 {
  position: absolute;
  top: 50%;
  width: 20px;
  height: 20px;
  margin: -46px auto 0;
  animation: loader03 1s ease infinite;
}
@keyframes loader03 {
  0%, 100% {
    box-shadow: -13px 20px 0 var(--loading-active), 13px 20px 0 var(--loading-end-color), 13px 46px 0 var(--loading-end-color), -13px 46px 0 var(--loading-end-color);
  }
  25% {
    box-shadow: -13px 20px 0 var(--loading-end-color), 13px 20px 0 var(--loading-active), 13px 46px 0 var(--loading-end-color), -13px 46px 0 var(--loading-end-color);
  }
  50% {
    box-shadow: -13px 20px 0 var(--loading-end-color), 13px 20px 0 var(--loading-end-color), 13px 46px 0 var(--loading-active), -13px 46px 0 var(--loading-end-color);
  }
  75% {
    box-shadow: -13px 20px 0 var(--loading-end-color), 13px 20px 0 var(--loading-end-color), 13px 46px 0 var(--loading-end-color), -13px 46px 0 var(--loading-active);
  }
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-loading > .loader-wrap .loader04 {
  position: absolute;
  top: 50%;
  width: 10px;
  height: 48px;
  background: var(--loading-active);
  margin: -28px auto 0;
  animation: loader04 1s ease-in-out infinite;
  animation-delay: 0.4s;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-loading > .loader-wrap .loader04:after, .sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-loading > .loader-wrap .loader04:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 48px;
  background: var(--loading-active);
  animation: loader04 1s ease-in-out infinite;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-loading > .loader-wrap .loader04:before {
  right: 18px;
  animation-delay: 0.2s;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-loading > .loader-wrap .loader04:after {
  left: 18px;
  animation-delay: 0.6s;
}
@keyframes loader04 {
  0%, 100% {
    box-shadow: 0 0 0 var(--loading-active), 0 0 0 var(--loading-active);
  }
  50% {
    box-shadow: 0 -13px 0 var(--loading-active), 0 13px 0 var(--loading-active);
  }
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-loading > .loader-wrap .loader04 {
  position: absolute;
  top: 50%;
  width: 10px;
  height: 48px;
  background: var(--loading-active);
  margin: -28px auto 0;
  animation: loader04 1s ease-in-out infinite;
  animation-delay: 0.4s;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-loading > .loader-wrap .loader04:after, .sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-loading > .loader-wrap .loader04:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 48px;
  background: var(--loading-active);
  animation: loader04 1s ease-in-out infinite;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-loading > .loader-wrap .loader04:before {
  right: 18px;
  animation-delay: 0.2s;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-loading > .loader-wrap .loader04:after {
  left: 18px;
  animation-delay: 0.6s;
}
@keyframes loader04 {
  0%, 100% {
    box-shadow: 0 0 0 var(--active), 0 0 0 var(--loading-active);
  }
  50% {
    box-shadow: 0 -13px 0 var(--loading-active), 0 13px 0 var(--loading-active);
  }
}
.sbgrid-grid.sbgrid-theme-dark button.sbgrid-filter {
  height: 24px;
  padding: 0 2px;
  background: transparent;
  border: none;
  cursor: pointer;
}
.sbgrid-grid.sbgrid-theme-dark button.sbgrid-filter .sbgrid-filter.sbgrid-icon {
  /*padding:0 10px;*/
  color: var(--filter-icon-bg);
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-dark button.sbgrid-filter .sbgrid-filter.sbgrid-icon.sbgrid-filled {
  color: var(--filter-icon-filled-bg);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-template {
  width: 100%;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-empty {
  width: 100%;
}
.sbgrid-grid.sbgrid-theme-dark .search-result {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.sbgrid-grid.sbgrid-theme-dark .search-result span.search-result-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  background: var(--search-result-bg);
  height: 40px;
  width: 284px;
  font-size: 12px;
  color: var(--search-result-text);
}
.sbgrid-grid.sbgrid-theme-dark .search-result span.search-result-wrap .sbgrid-search {
  font-weight: bold;
  color: var(--search-result-text);
  padding: 0 10px;
  font-size: 15px;
}
.sbgrid-grid.sbgrid-theme-dark .popup-text {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  /*popup search*/
  /*popup text*/
}
.sbgrid-grid.sbgrid-theme-dark .popup-text .popup-search-result-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--search-result-bg);
  padding: 30px 50px;
  border: 1px solid var(--popup-border);
  box-shadow: 0 3px 6px var(--popup-shadow);
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-dark .popup-text .popup-search-result-wrap .sbgrid-search {
  font-weight: bold;
  color: var(--popup-text);
  padding: 0 10px;
  font-size: 15px;
}
.sbgrid-grid.sbgrid-theme-dark .popup-text .popup-search-result-wrap .sbgrid-text {
  color: var(--popup-text);
}
.sbgrid-grid.sbgrid-theme-dark .popup-text .popup-text-result-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--search-result-bg);
  padding: 2em 3em;
  border: 1px solid var(--popup-border);
  box-shadow: 0 3px 6px var(--popup-shadow);
  font-size: 12px; /* color:#ffffff;*/
}
.sbgrid-grid.sbgrid-theme-dark .popup-text .popup-text-result-wrap .sbgrid-trial-check {
  position: relative;
  display: block;
  width: 22px;
  height: 22px;
  background: var(--active);
  border: 2px solid transparent;
  border-radius: 100px;
  box-sizing: border-box;
  box-sizing: border-box;
  scale: 1.5;
}
.sbgrid-grid.sbgrid-theme-dark .popup-text .popup-text-result-wrap .sbgrid-trial-check::after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  left: 3px;
  top: -1px;
  width: 6px;
  height: 10px;
  border-color: currentColor;
  border-width: 0 2px 2px 0;
  color: var(--popup-border);
  border-style: solid;
  transform-origin: bottom left;
  transform: rotate(45deg);
}
.sbgrid-grid.sbgrid-theme-dark .popup-text .popup-text-result-wrap .sbgrid-text {
  margin-left: 20px;
  flex-shrink: 1;
  flex-grow: 1;
  color: var(--popup-text);
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-last.sbgrid-row .sbgrid-col {
  height: 0;
  border: 0;
  outline: 0;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-popup.sbgrid-search {
  position: absolute;
  z-index: 999;
  cursor: move;
  position: absolute;
  z-index: 1000;
  /*width:300px;width:auto;*/
  min-width: 100px;
  padding: 10px;
  background: var(--search-bg);
  border: 1px solid var(--menu-border);
  border-radius: 5px;
  font-size: 12px;
  box-shadow: 0 3px 6px var(--menu-shadow);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-popup.sbgrid-search .sbgrid-title {
  display: none;
  margin-bottom: 1em;
  text-align: left;
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-search {
  font-size: 0;
  padding-bottom: 5px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-search span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 15px;
  color: var(--default-text);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-search span:before {
  content: "\e945";
  font-size: 14px;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-top: 3px;
  font-family: "sbgrid-icon";
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-search input[type=text] {
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  background: var(--com-bg);
  border: 1px solid var(--com-border);
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: var(--default-text);
  margin-left: 0.5em;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-search input[type=text]:active, .sbgrid-grid.sbgrid-theme-dark .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-search input[type=text]:focus {
  border-color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-search input[type=text]:active::before, .sbgrid-grid.sbgrid-theme-dark .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-search input[type=text]:active::after, .sbgrid-grid.sbgrid-theme-dark .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-search input[type=text]:focus::before, .sbgrid-grid.sbgrid-theme-dark .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-search input[type=text]:focus::after {
  color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-condition {
  margin: 10px 0;
  padding: 1em;
  background: var(--search-condition-bg);
  border-radius: 3px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-condition .sbgrid-area {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  margin-bottom: 3px;
  font-size: 11px;
  color: var(--default-text);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-condition .sbgrid-area:last-child {
  margin-bottom: 0;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-condition .sbgrid-area label {
  display: block;
  margin-left: 5px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-condition .sbgrid-area input[type=checkbox] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: var(--search-condition-chk-bg);
  margin: 0 5px;
  border: 1px solid var(--search-condition-chk-border);
  border-radius: 3px;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-condition .sbgrid-area input[type=checkbox]:checked {
  position: relative;
  background: var(--search-condition-chk-active-bg);
  border: 1px solid var(--chk-active);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-condition .sbgrid-area input[type=checkbox]:checked::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 4px;
  display: block;
  width: 4px;
  height: 8px;
  border: solid var(--search-condition-chk-active);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-button {
  display: flex;
  justify-content: flex-end;
  padding-top: 10px;
  box-sizing: border-box;
  border-top: 1px solid var(--menu-border);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-button .sbgrid-button {
  margin: 0 3px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-button .sbgrid-search {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  padding: 0 10px;
  background: var(--secondary);
  color: #fff;
  font-family: inherit;
  font-size: 12px;
  border: 0;
  border-radius: 3px;
  cursor: pointer;
  transition: all 0.2s;
  font-size: 11px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-button .sbgrid-search:hover {
  background: var(--secondary);
  transition: all 0.2s;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-button .sbgrid-cancel {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  padding: 0 10px;
  background: var(--menu-btn-bg);
  border: 0;
  border-radius: 3px;
  color: var(--default-text);
  font-family: inherit;
  font-size: 12px;
  transition: all 0.2s;
  cursor: pointer;
  font-size: 11px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-button .sbgrid-cancel:hover {
  background: var(--menu-btn-bg);
  transition: all 0.2s;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-draggable-helper {
  z-index: 9999999;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-draggable-helper .sbgrid-fill-handle::after {
  display: none;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-draggable-helper > div {
  display: flex;
  align-items: center;
  gap: 10px;
  background: var(--moving-bg);
  border: 1px dotted var(--secondary);
  padding: 5px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-draggable-helper > div .sbgrid-col {
  display: flex;
  align-items: center;
  border: none !important;
  background: none;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-draggable-helper > div .sbgrid-col .sbgrid-text {
  font-size: 12px;
  font-weight: bold;
  color: var(--white);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-draggable-helper > div .sbgrid-icon {
  color: var(--secondary);
  font-size: 10px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator {
  border: 1px dashed var(--active);
  opacity: 1;
  position: relative;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-left {
  position: relative;
  border-left: 1px dashed var(--active);
  opacity: 1;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-left:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 8px solid var(--active);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-right {
  position: relative;
  border-right: 1px dashed var(--active);
  opacity: 1;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-right:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 8px solid var(--active);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-bottom {
  position: relative;
  border-bottom: 1px dashed var(--active);
  opacity: 1;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-bottom:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid var(--active);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-top {
  position: relative;
  border-top: 1px dashed var(--active);
  opacity: 1;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-top:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 8px solid var(--active);
}

.sbgrid-grid.sbgrid-theme-bootstrap {
  position: relative;
  border-radius: 10px;
  /*font size*/
  /*****style*****/
  /****************************/
  /*active*/
  --active: #3d72f9;
  --active-border-lighten: #5a87fa;
  --secondary: #2c4275 /*#487190*/;
  --tertiary: #fff;
  --warning: red;
  --white: #ffffff;
  --black: #000000;
  /*icon*/
  --sbgrid-icon: #0a2156;
  /*sbgrid-bg*/
  --sbgrid-grid-bg: #fff;
  /*border*/
  --border: #bebebe;
  --grid-outline: #cecece;
  /*hover,focus,select*/
  --hover: rgba(200, 233, 255, 0.2);
  --selected: rgba(226, 243, 255, 0.4);
  --selecting: rgba(226, 243, 255, 0.4);
  --unselected: #fff;
  --focused: rgba(81, 143, 255, 0.15);
  /*caption active*/
  --cap-line: #415583;
  --caption-bg: #f1f3f5 /*#f8f8f8*/;
  --caption-outline: #cecece;
  --caption-text: #0a2156;
  --caption-icon-bg: #969696;
  --caption-focused: #ccd7e9;
  /*reorder*/
  --reorder-bg: #aed0ff2f;
  /*status*/
  --status-border: #d4d4d4;
  /*title*/
  --title-bg: #f1f3f5;
  /*tool*/
  --tool-bg: #f1f3f5;
  --tool-inp-bg: #fefefe;
  --tool-inp-bg-dark: #f6f6f6;
  --tool-inp-border: #cdd2d9;
  --tool-inp-border-dark: #cbcbcb;
  --tool-inp-text: #222;
  --tool-search-border: var(--tool-inp-border);
  --tool-border: #cacfdb;
  /*filter row*/
  --filter-row-bg: #f1f3f5;
  --filter-outline: #d0d0d0;
  --filter-icon-bg: #8d9eb6;
  --filter-row-border: #cacfdb;
  --filter-icon-filled-bg: #949494;
  /*상단합계*/
  --header-total-bg: #fcfcfc;
  --header-total-border: #cacfdb;
  --header-total-outline: #ebeff5;
  /*하단합계*/
  --footer-total-bg: #fcfcfc;
  --footer-total-border: #d0d0d0;
  --footer-total-outline: #ebeff5;
  /*하단고정*/
  --fixed-footer-bg: #f8f8f8;
  /*col 관련*/
  --col-outline: #e5e5e5;
  --col-border: var(--col-outline);
  /*row 관련*/
  --row-last-board: #cbcbcb;
  /*moving*/
  --moving-bg: #f8f8f8;
  /*CRUD-cell*/
  --cell-delete: #d15757;
  --cell-delete-bg: #fff6f6;
  --cell-insert: #5957d1;
  --cell-insert-bg: #f6f9ff;
  --cell-update: #3fc987;
  --cell-update-bg: #f6fffd;
  /*CRUD-row*/
  --row-delete: var(--cell-delete);
  --row-delete-bg: var(--cell-delete-bg);
  --row-delete-bg-lighten: #fff7f7;
  --row-insert: var(--cell-insert);
  --row-insert-bg: var(--cell-insert-bg);
  --row-insert-bg-lighten: #f7faff;
  --row-update: var(--cell-update);
  --row-update-bg: var(--cell-update-bg);
  --row-update-bg-lighten: #f7fffd;
  /*fixed rowheader*/
  --fixed-border: #d0d9f0;
  /*sticky*/
  --sticky-row-bg: #ebeffa;
  --sticky-row-shadow: rgba(62, 62, 62, 0.161);
  --sticky-col-select-bg: #ecf4ff;
  --sticky-selecting-bg: #ebf0f7;
  --sticky-bg: #e4e8f2;
  /*indicator*/
  --indicator-bg: red;
  /*resize*/
  --resize-bg: var(--active);
  --helper-border: #222;
  /*chk component active*/
  --chk-top-active: var(--active);
  --chk-top-border: var(--active);
  --chk-top-check: #fff;
  --chk-active: var(--active);
  --chk-border: #d3d3d3;
  --chk-icon: var(--active);
  --chk-bg: #ffffff;
  --chk-top-bg: #ffffff;
  --chk-check-icon: var(--active);
  --chk-edit-border: #9ab7ff;
  /*radio*/
  --rdo-bg: #ffffff;
  --rdo-border: #9ab7ff;
  --rdo-active: var(--active);
  /*combo*/
  --combo-bg: #ffffff;
  --combo-text: #000;
  --combo-border: #d2d2d2;
  --combo-shadow: rgba(0, 0, 0, 0.15);
  --combo-selected: #3e4f6c;
  --combo-selected-text: #fff;
  /*inscroll*/
  --inscroll-thumb: #999999;
  --inscroll-track: #e3e3e3;
  /*input*/
  --inp-bg: #ffffff;
  --inp-text: #333333;
  --inp-border: #d2d2d2;
  /*multitext floating*/
  --floating-edit-bg: #fff;
  /*alternative*/
  --alter-bg1: #f7f9fb;
  --alter-bg2: #f0f0f0;
  --alter-bg3: #e6e6e6;
  /*merge*/
  --merge-row-bg: rgba(255, 255, 255, 0.2);
  /*loading*/
  --loading-bg: rgba(255, 255, 255, 0.7);
  --loading-active: var(--active);
  --loading-end-color: rgba(0, 82, 236, 0.2);
  /*fixed thead*/
  --rowno-text: #222;
  /*tree*/
  --tree-border: #e5e5e5;
  --tree-space: #fff;
  --tree-footer-bg: #f8f8f8;
  /*text*/
  --default-text: #222222;
  --empty-text: #6b6f76;
  /*group*/
  --group-info-txt: #7e8a9b;
  --group-bg: #f1f3f5;
  --group-default-text: #333;
  --group-text: #222;
  --group-icon-sort: #5283ef;
  --group-item-bg: #d2d9e4;
  --group-icon-bg: #555;
  --group-depth0-bg: #f0f8ff;
  --group-depth1-bg: #f5f5dc;
  --group-depth2-bg: #faebd7;
  --group-border: #ebeff5;
  /*drag*/
  --drag-bg: #d2d9e4;
  --drag-text: var(--caption-text);
  /*roworder*/
  --roworder-text: #222;
  --roworder-bg: #fff;
  --roworder-shadow: rgba(0, 0, 0, 0.1);
  --roworder-border: #c7c7c7;
  --roworder-dot-bg: #d3d3d3;
  /*scroll*/
  --scroll-border: #cecece;
  --scroll-bg: #fcfcfc;
  --scroll-thumb: #bac1ca;
  --scroll-thumb-hover: #9ca7b4;
  --scroll-btn: var(--scroll-bg);
  /*pager*/
  --page-active: #ccd7e9;
  --pager-num: var(--default-text);
  --pager-active-text: #0a2156;
  /*total*/
  --total-text: #222;
  --total-divi: #777777;
  /*filter*/
  --filter-bg: #fdfdfd;
  --filter-placeholder: #adadb2;
  /*menu*/
  --menu-bg: #fdfdfd;
  --menu-border: #dadada;
  --menu-shadow: rgba(0, 0, 0, 0.15);
  --menu-chk-border: /*#bebebe*/ #d3d3d3;
  --menu-chk-bg: #ffffff;
  --menu-count-bg: #eaeaea;
  --menu-scroll-thumb: #999999;
  --menu-scroll-track: #e3e3e3;
  --menu-seperator-border: #e8e8e8;
  --menu-disabled: #f8f8f8;
  --menu-disable-icon-bg: #cecece;
  --menu-icon-bg: #777;
  --menu-btn-bg: #efefef;
  /*component*/
  --com-border: #d2d2d2;
  --com-bg: #ffffff;
  /*tooltip*/
  --tooltip-bg: #f8fbff;
  --tooltip-txt: #084298;
  --tooltip-border: #c1d4ed;
  --tooltip-shadow: rgba(0, 0, 0, 0.2);
  /*fix*/
  --fix-border: var(--active);
  /*disabled*/
  --disabled: #b7b7b7;
  /*popup*/
  --popup-bg: #fff;
  --popup-border: #e5e5e5;
  --popup-shadow: rgba(0, 0, 0, 0.15);
  --popup-icon-white: #fff;
  --popup-text: #000;
  --popup-inbox: #f5f5f5;
  /*search popup*/
  --search-bg: var(--filter-bg);
  --search-condition-inp-bg: #23282d;
  --search-condition-bg: #f5f5f5;
  --search-condition-chk-bg: #fff;
  --search-condition-chk-active-bg: var(--chk-active);
  --search-condition-chk-active: #fff;
  --search-condition-chk-border: #bebebe;
  /*search-result*/
  --search-result-bg: #f5f8fa;
  --search-result-text: #536175;
  /*invalid*/
  --invalid-title: #000;
  --invalid-bg: #ffffff;
  --invalid-border: #dbdbdb;
  --invalid-arrow: var(--invalid-bg);
  /*badge*/
  --badge-bg: #fff;
  --badge-background-bg: #6c757d;
  /*edit mode*/
  --sbgrid-edit: #eefff7;
  /*************************************/
  /*grid bg*/
  background: var(--sbgrid-grid-bg);
  /*icon*/
  /*half*/
  /*scroll icon*/
  /*그룹핑*/
  /*상단캡션*/
  /*좌측 fixed 로우헤더*/
  /*필터- 상단 로우*/
  /*상단합계*/
  /*하단합계*/
  /*기본 col */
  /*페이징*/
  /*전체 레이아웃*/
  /*스크롤 body 영역*/
  /*sbgrid-row*/
  /*rowheader*/
  /*rowheader state*/
  /*multiText*/
  /*열고정*/
  /*열고정 sbgrid-selected 시, */
  /*공통영역*/
  /*편집모드 radio*/
  /* 컴포넌트 radio, chk sbgrid-text*/
  /*command btn*/
  /*custom btn*/
  /*main color*/
  /*empty*/
  /*search result*/
  /*popup*/
}
@font-face {
  font-family: "sbgrid-icon";
  src: url("./icon/sbgrid-icon-v1.0/fonts/sbgrid-icon.ttf?jahua9") format("truetype"), url("./icon/sbgrid-icon-v1.0/fonts/sbgrid-icon.woff?jahua9") format("woff"), url("./icon/sbgrid-icon-v1.0/fonts/sbgrid-icon.svg?jahua9#sbgrid-icon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  font-family: "sbgrid-icon";
  color: var(--sbgrid-icon);
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-cancel-red {
  color: rgb(171, 21, 21);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-cancel-red::before {
  content: "\e905";
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-sort {
  position: relative;
  width: 13px;
  height: 13px;
  transition: all 0.1s;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-sort::before {
  content: "\e934";
  position: absolute;
  top: 4px;
  z-index: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 6px;
  font-weight: bold;
  opacity: 1;
  color: #969696;
  font-size: 13px;
  transition: all 0.1s;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-sort.sbgrid-asc {
  transition: all 0.1s;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-sort.sbgrid-asc::before {
  content: "\e903";
  opacity: 1;
  color: var(--active);
  transition: all 0.1s;
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-sort.sbgrid-desc {
  transition: all 0.1s;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-sort.sbgrid-desc::before {
  content: "\e900";
  opacity: 1;
  color: var(--active);
  transition: all 0.1s;
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-menu {
  font-weight: normal;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-menu::before {
  content: "\e90d";
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-filter {
  font-size: 13px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-filter.sbgrid-filled::before {
  content: "\e908";
  color: var(--active);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-filter::before {
  content: "\e907";
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-check {
  font-size: 18px;
  color: #999;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-check::before {
  content: "\e938";
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-checked {
  font-size: 18px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-checked::before {
  content: "\e938";
  color: var(--active);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-first::before {
  content: "\e909";
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-prev::before {
  content: "\e925";
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-last::before {
  content: "\e90c";
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-next::before {
  content: "\e910";
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-close::before {
  content: "\e91a";
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-open::before {
  font-size: 16px;
  content: "\e932";
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-leaf::before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 3px;
  background-color: #999999;
  border-radius: 50%;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-reorder-head {
  transition: all 0.2;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-reorder-head::before {
  content: "\e91d";
  color: var(--active);
  font-size: 18px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-reorder-head:hover {
  scale: 1.2;
  transition: all 0.2;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-reorder-tail {
  transition: all 0.2;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-reorder-tail::before {
  content: "\e91d";
  color: var(--active);
  font-size: 18px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-reorder-tail:hover {
  scale: 1.2;
  transition: all 0.2;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-calendar::before {
  content: "\e936";
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-no {
  width: auto;
  color: #6c757d;
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-sticky::before {
  content: "\e917";
  font-size: 15px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-sticky.sbgrid-pined::before {
  content: "\e921";
  color: var(--active);
  font-size: 15px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-angle-bottom::before {
  content: "\e932";
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-calendar::before {
  content: "\e936";
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-detail::before {
  content: "\e91f";
  font-size: 14px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-detail.sbgrid-open::before {
  rotate: -270deg;
  content: "\e91f";
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-loading {
  display: inline-block;
  width: 20px;
  height: 20px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-loading:after {
  content: " ";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-color: #ccc transparent #ccc transparent;
  animation: sbgrid-loading 1.2s linear infinite;
}
@keyframes sbgrid-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-rowreorder {
  cursor: grab;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-rowreorder::before {
  content: "\e93b";
  font-size: 15px;
  color: #999;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-column::before {
  content: "\e93c";
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-arrow-up::before {
  content: "\e941";
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-arrow-down::before {
  content: "\e942";
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-reset::before {
  content: "\e969";
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-copy::before {
  content: "\e954";
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-cut::before {
  content: "\e968";
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-paste::before {
  content: "\e955";
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-undo::before {
  content: "\e957";
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-redo::before {
  content: "\e956";
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-fixedCol::before {
  content: "\e93d";
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-sticky::before {
  content: "\e917";
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-addRow::before {
  content: "\e924";
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-deleteRow::before {
  content: "\e90f";
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-edit::before {
  content: "\e915";
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-escape::before {
  content: "\e927";
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-subIcon::before {
  content: "\e91a";
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-sticky-head::before {
  content: "\e93e";
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-sticky-body::before {
  content: "\e940";
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-sticky-tail::before {
  content: "\e93f";
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-update::before {
  content: "\e916";
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-insert::before {
  content: "\e923";
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-delete::before {
  content: "\e90e";
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-InsertRow::before {
  content: "\e943";
  font-size: 16px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-AppendRow {
  font-size: 16px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-AppendRow::before {
  content: "\e944";
  font-size: 16px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-search::before {
  content: "\e945";
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-icon.sbgrid-excel::before {
  content: "\e913";
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-half::before {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  background: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-grouping .sbgrid-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "sbgrid-icon";
  color: #555555;
  font-size: 12px;
  font-style: normal;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-grouping .sbgrid-icon.sbgrid-delete::before {
  content: "\e905";
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-grouping .sbgrid-icon.sbgrid-desc, .sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-grid .sbgrid-grouping .sbgrid-icon.sbgrid-asc {
  height: 13px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-icon {
  color: var(--sbgrid-icon);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-half:before {
  background: var(--active);
}
.sbgrid-grid.sbgrid-theme-bootstrap .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -114px -72px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -114px -92px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -113px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -129px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.sbgrid-grid.sbgrid-theme-bootstrap .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger .mCSB_dragger_bar {
  margin-right: 5px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.sbgrid-grid.sbgrid-theme-bootstrap .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  margin: 3px auto;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-group {
  flex-grow: 0;
  height: 40px;
  background: var(--group-bg);
  padding: 6px;
  box-sizing: border-box;
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-group .sbgrid-caption {
  color: #7d8596;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-group .sbgrid-align {
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-group .sbgrid-align .sbgrid-group {
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-group .sbgrid-align .sbgrid-group.sbgrid-item {
  display: flex;
  align-items: center;
  color: var(--group-text);
  transition: all 0.2s;
  cursor: pointer;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-group .sbgrid-align .sbgrid-group.sbgrid-item a {
  text-decoration: none;
  font-size: 12px;
  color: var(--group-text);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-group .sbgrid-align .sbgrid-group.sbgrid-item a.sbgrid-delete {
  padding: 0 6px;
  font-size: 14px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-group .sbgrid-align .sbgrid-group.sbgrid-item span {
  color: var(--group-info-txt);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-group .sbgrid-align .sbgrid-group.sbgrid-item span.sbgrid-sort i {
  font-size: 13px;
  color: var(--group-icon-sort);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-group .sbgrid-align .sbgrid-group.sbgrid-item span.sbgrid-sort:before, .sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-group .sbgrid-align .sbgrid-group.sbgrid-item span.sbgrid-sort:after {
  color: #b1bed0;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-group .sbgrid-align .sbgrid-group.sbgrid-item span.sbgrid-sort.sbgrid-desc:before, .sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-group .sbgrid-align .sbgrid-group.sbgrid-item span.sbgrid-sort.sbgrid-asc:after {
  color: var(--active);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-group .sbgrid-align .sbgrid-pager.sbgrid-pager span > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0 6px;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-group .sbgrid-align .sbgrid-pager.sbgrid-pager span.sbgrid-page {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  font-size: 12px;
  text-align: center;
  color: var(--pager-num);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-group .sbgrid-align .sbgrid-pager.sbgrid-pager span.sbgrid-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  font-size: 16px;
  text-align: center;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-group .sbgrid-align .sbgrid-pager.sbgrid-pager span.sbgrid-icon.sbgrid-combo-button {
  flex-shrink: 0;
  display: flex;
  width: 20px;
  font-size: inherit !important;
  height: inherit;
  font-weight: bold;
  color: var(--combo-text);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-group .sbgrid-align .sbgrid-pager.sbgrid-pager span.sbgrid-current a {
  font-weight: bold;
  background: var(--page-active);
  color: var(--pager-active-text);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-caption .sbgrid-thead {
  background: var(--caption-bg);
  border-bottom: 1px solid var(--caption-outline);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-caption .sbgrid-thead .sbgrid-icon {
  color: var(--caption-text);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-caption .sbgrid-thead .sbgrid-row > .sbgrid-col {
  margin-bottom: 0.06em;
  margin-right: 0.06em;
  outline: none;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-caption .sbgrid-thead .sbgrid-head .sbgrid-scroll {
  border-right: 1px solid var(--fixed-border);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-caption .sbgrid-thead .sbgrid-check .sbgrid-checkbox.sbgrid-checked {
  background: var(--chk-top-active);
  border: 1px solid var(--chk-top-border);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-caption .sbgrid-thead .sbgrid-check .sbgrid-checkbox.sbgrid-checked:before {
  color: var(--chk-top-check);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-caption .sbgrid-thead .sbgrid-icon.sbgrid-sort.sbgrid-asc:after, .sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-caption .sbgrid-thead .sbgrid-icon.sbgrid-sort.sbgrid-desc:before {
  color: var(--active);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-part {
  /*좌측 fixed*/
  /*좌측 head*/
  /*우측 tail*/
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-part.sbgrid-fixed {
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-part.sbgrid-fixed > .sbgrid-scroll {
  border-right: 1px solid var(--fixed-border);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-part.sbgrid-head > .sbgrid-scroll > .sbgrid-row .sbgrid-col.sbgrid-hidden {
  outline: none;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-part.sbgrid-tail > .sbgrid-scroll > .sbgrid-row .sbgrid-col.sbgrid-hidden {
  outline: none;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-scroll .sbgrid-scroll-body .sbgrid-panel.sbgrid-filter {
  background: var(--filter-row-bg);
  border-bottom: 1px solid var(--filter-row-border);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-scroll .sbgrid-scroll-body .sbgrid-panel.sbgrid-filter .sbgrid-row > .sbgrid-col {
  outline: none;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-scroll .sbgrid-scroll-body .sbgrid-panel.sbgrid-filter .sbgrid-icon.sbgrid-filter.sbgrid-filled:before {
  color: var(--active);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll-body .sbgrid-panel.sbgrid-header {
  background: var(--header-total-bg);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll-body .sbgrid-panel.sbgrid-header .sbgrid-area.sbgrid-thead {
  border-bottom: 1px solid var(--header-total-border);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll-body .sbgrid-panel.sbgrid-header .sbgrid-area.sbgrid-thead .sbgrid-row .sbgrid-col {
  outline-color: var(--header-total-outline);
  outline: 1px solid var(--footer-total-outline);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll-body .sbgrid-panel.sbgrid-header .sbgrid-area.sbgrid-thead .sbgrid-row .sbgrid-col .sbgrid-header.sbgrid-text {
  padding: 0 1px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll-body .sbgrid-panel.sbgrid-footer {
  border-top: 1px solid var(--footer-total-border);
  background: var(--footer-total-bg);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll-body .sbgrid-panel.sbgrid-footer .sbgrid-row > .sbgrid-col {
  margin-bottom: 0.06em;
  margin-right: 0.06em;
  margin-top: 0.06em;
  border: 0px;
  outline: 1px solid var(--footer-total-outline);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll-body .sbgrid-panel.sbgrid-footer .sbgrid-row > .sbgrid-col .sbgrid-footer.sbgrid-text {
  padding: 0 1px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row {
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row > .sbgrid-col {
  border: 1px solid transparent;
  margin-bottom: 0; /*0.06em;*/
  margin-right: 0;
  border: 0px;
  outline: none;
  border-bottom: 1px solid #ebeff5 !important;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row > .sbgrid-col.sbgrid-focused {
  border-bottom: 1px dotted var(--active) !important;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row > .sbgrid-col.sbgrid-selected.sbgrid-fill-handle-bottom {
  border-bottom: 1px solid var(--active) !important;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-title,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-tool {
  padding: 0 !important;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-title,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-tool,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-group,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-pager {
  padding: 6px;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-title .sbgrid-tools,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-tool .sbgrid-tools,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-group .sbgrid-tools,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-pager .sbgrid-tools {
  flex: 1;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-title .sbgrid-tools .sbgrid-tool.sbgrid-pager span > a,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-tool .sbgrid-tools .sbgrid-tool.sbgrid-pager span > a,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-group .sbgrid-tools .sbgrid-tool.sbgrid-pager span > a,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-pager .sbgrid-tools .sbgrid-tool.sbgrid-pager span > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0 6px;
  box-sizing: border-box;
  font-weight: normal;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-title .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-page,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-tool .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-page,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-group .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-page,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-pager .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-page {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--pager-num);
  width: 25px;
  height: 25px;
  font-size: 12px;
  text-align: center;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-title .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-icon,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-tool .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-icon,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-group .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-icon,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-pager .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  font-size: 16px;
  text-align: center;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-title .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-current a,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-tool .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-current a,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-group .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-current a,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-pager .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-current a {
  background: var(--page-active);
  color: var(--pager-active-text);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-body {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-shrink: 0;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-hidden {
  overflow: hidden;
  height: 0px;
  flex-wrap: wrap;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-title {
  background: var(--title-bg);
  border-bottom: 1px solid var(--tool-border);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-tool {
  background: var(--tool-bg);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col {
  display: flex;
  justify-content: center;
  flex-direction: column;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-header .sbgrid-row .sbgrid-col {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding-inline: 3px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-header .sbgrid-row .sbgrid-col.sbgrid-focused {
  outline: 1px solid var(--header-total-outline);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-footer .sbgrid-row .sbgrid-col {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-tbody {
  align-self: flex-start;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 100%;
  overflow: hidden;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding-inline: 3px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-focused {
  outline: 1px solid var(--col-outline);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-hidden {
  display: none;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-frozen {
  border-top: none !important;
  border: 0;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-tbody > .sbgrid-part > .sbgrid-scroll.sbgrid-pixel > .sbgrid-row {
  position: absolute;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-tbody .sbgrid-cell.sbgrid-edit .sbgrid-checkboxgroup .sbgrid-checkbox {
  background: var(--chk-bg);
  border: 1px solid var(--chk-edit-border);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-tbody .sbgrid-cell.sbgrid-edit .sbgrid-checkboxgroup .sbgrid-checkbox.sbgrid-checked:before {
  color: var(--chk-active);
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-tbody .sbgrid-checkboxgroup .sbgrid-checkbox {
  background: var(--chk-bg);
  border: 1px solid var(--chk-border);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-tbody .sbgrid-checkboxgroup .sbgrid-checkbox.sbgrid-checked:before {
  color: var(--chk-icon);
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-thead .sbgrid-checkboxgroup .sbgrid-checkbox {
  background: var(--chk-bg);
  border: 1px solid var(--chk-border);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-thead .sbgrid-checkboxgroup .sbgrid-checkbox.sbgrid-checked:before {
  color: var(--chk-icon);
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-tfoot .sbgrid-checkboxgroup .sbgrid-checkbox {
  background: var(--chk-bg);
  border: 1px solid var(--chk-border);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-tfoot .sbgrid-checkboxgroup .sbgrid-checkbox.sbgrid-checked:before {
  color: var(--chk-icon);
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-thead, .sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-tfoot {
  flex-shrink: 0;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-hidden {
  overflow: hidden;
  height: 0px;
  flex-wrap: wrap;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-scroll {
  display: grid;
  flex-shrink: 1;
  flex-grow: 1;
  flex-basis: 100%;
  overflow: hidden;
  grid-template: "main scrollv" calc(100% - 0px) "scrollh scrollv" 0px/calc(100% - 0px) 0px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-scroll .sbgrid-panel {
  flex-direction: column;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-body {
  flex-shrink: 1;
  flex-basis: 100%;
  overflow: hidden;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary {
  width: 100%;
  display: flex;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary select {
  position: relative;
  width: 100%;
  padding-left: 5px;
  margin: 0 1px;
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  background: var(--com-bg);
  border: 1px solid var(--com-border);
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: var(--default-text);
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary select:active, .sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary select:focus {
  border-color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary select:active::before, .sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary select:active::after, .sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary select:focus::before, .sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary select:focus::after {
  color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary select::after {
  position: absolute;
  right: 0;
  top: 0;
  content: "\e91d";
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary select::-moz-placeholder {
  color: var(--filter-placeholder);
  font-weight: lighter;
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary select::placeholder {
  color: var(--filter-placeholder);
  font-weight: lighter;
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-value {
  width: 100%;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-value {
  margin: 0 2px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values {
  display: flex;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values select,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values input {
  width: 100%;
  padding-left: 5px;
  color: var(--default-text);
  margin: 0 1px;
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  background: var(--com-bg);
  border: 1px solid var(--com-border);
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: var(--default-text);
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values select:active, .sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values select:focus,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values input:active,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values input:focus {
  border-color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values select:active::before, .sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values select:active::after, .sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values select:focus::before, .sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values select:focus::after,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values input:active::before,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values input:active::after,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values input:focus::before,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values input:focus::after {
  color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values select::-moz-placeholder, .sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values input::-moz-placeholder {
  color: var(--filter-placeholder);
  font-weight: lighter;
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values select::placeholder,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values input::placeholder {
  color: var(--filter-placeholder);
  font-weight: lighter;
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-bootstrap div.sbgrid-thead,
.sbgrid-grid.sbgrid-theme-bootstrap div.sbgrid-tbody,
.sbgrid-grid.sbgrid-theme-bootstrap div.sbgrid-tfoot,
.sbgrid-grid.sbgrid-theme-bootstrap div.sbgrid-hidden .sbgrid-col > .sbgrid-caption {
  width: 100%;
  font-size: 9pt;
}
.sbgrid-grid.sbgrid-theme-bootstrap div.sbgrid-hidden .sbgrid-col > .sbgrid-caption {
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-area {
  display: flex;
  flex-direction: row;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-caption.sbgrid-column {
  display: flex;
  cursor: pointer;
}
.sbgrid-grid.sbgrid-theme-bootstrap div.sbgrid-scrollh {
  overflow-y: hidden;
  grid-area: scrollh;
  border-top: 1px solid var(--scroll-border);
  background: var(--scroll-bg);
}
.sbgrid-grid.sbgrid-theme-bootstrap div.sbgrid-scrollv {
  overflow-x: hidden;
  grid-area: scrollv;
  border-left: 1px solid var(--scroll-border);
  background: var(--scroll-bg);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll-vert {
  display: flex;
  flex-direction: row;
  flex-basis: 100%;
  flex-shrink: 1;
  overflow: hidden;
  white-space: nowrap;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll-body {
  display: flex;
  flex-direction: column;
  grid-area: main;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll-body .sbgrid-part {
  flex-shrink: 0;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll-body .sbgrid-part.sbgrid-body {
  flex-shrink: 1;
  flex-grow: 1;
  overflow: hidden;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll-body .sbgrid-part.sbgrid-fixed, .sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll-body .sbgrid-part.sbgrid-head, .sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll-body .sbgrid-part.sbgrid-tail {
  overflow-y: clip;
}
.sbgrid-grid.sbgrid-theme-bootstrap .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.sbgrid-grid.sbgrid-theme-bootstrap .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.sbgrid-grid.sbgrid-theme-bootstrap .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.sbgrid-grid.sbgrid-theme-bootstrap .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.sbgrid-grid.sbgrid-theme-bootstrap .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.sbgrid-grid.sbgrid-theme-bootstrap .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.sbgrid-grid.sbgrid-theme-bootstrap .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.sbgrid-grid.sbgrid-theme-bootstrap .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background: var(--scroll-thumb);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll > .sbgrid-scrollv,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll > .sbgrid-scrollh {
  opacity: 0.4;
  /* Horiontal Scrollbar button (TOP-RIGHT aKa START) */
  /* Horiontal Scrollbar button (BOTTOM-RIGHT aKa END) */
  /* Vertical Scrollbar button (BOTTOM-LEFT aKa START) */
  /* Vertical Scrollbar button (BOTTOM-RIGHT aKa END) */
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll > .sbgrid-scrollv::-webkit-scrollbar,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll > .sbgrid-scrollh::-webkit-scrollbar {
  width: auto;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll > .sbgrid-scrollv::-webkit-scrollbar-track,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll > .sbgrid-scrollh::-webkit-scrollbar-track {
  background: var(--scroll-bg);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll > .sbgrid-scrollv::-webkit-scrollbar-thumb,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll > .sbgrid-scrollh::-webkit-scrollbar-thumb {
  background-color: var(--scroll-thumb);
  min-height: 5%;
  min-width: 8%;
  border-radius: 10px;
  border: 4px solid var(--scroll-bg);
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll > .sbgrid-scrollv::-webkit-scrollbar-thumb:hover,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll > .sbgrid-scrollh::-webkit-scrollbar-thumb:hover {
  background-color: var(--scroll-thumb-hover);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll > .sbgrid-scrollv::-webkit-scrollbar-button,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll > .sbgrid-scrollh::-webkit-scrollbar-button {
  background: var(--scroll-btn);
  width: 18px;
  height: 18px;
  cursor: pointer;
  position: relative;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll > .sbgrid-scrollv::-webkit-scrollbar-button:horizontal:single-button:start,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll > .sbgrid-scrollh::-webkit-scrollbar-button:horizontal:single-button:start {
  position: absolute;
  content: "";
  background-image: url(../images/mCSB_buttons.png);
  background-position: -120px -112px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll > .sbgrid-scrollv::-webkit-scrollbar-button:horizontal:single-button:end,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll > .sbgrid-scrollh::-webkit-scrollbar-button:horizontal:single-button:end {
  position: absolute;
  content: "";
  background-image: url(../images/mCSB_buttons.png);
  background-position: -120px -128px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll > .sbgrid-scrollv::-webkit-scrollbar-button:vertical:single-button:start,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll > .sbgrid-scrollh::-webkit-scrollbar-button:vertical:single-button:start {
  position: absolute;
  content: "";
  background-image: url(../images/mCSB_buttons.png);
  background-position: -112px -72px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll > .sbgrid-scrollv::-webkit-scrollbar-button:vertical:single-button:end,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll > .sbgrid-scrollh::-webkit-scrollbar-button:vertical:single-button:end {
  position: absolute;
  content: "";
  background-image: url(../images/mCSB_buttons.png);
  background-position: -112px -92px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row > .sbgrid-col.sbgrid-merged {
  outline-width: 0px;
  z-index: 1;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row > .sbgrid-col.sbgrid-merged.sbgrid-group.sbgrid-indicator {
  background: transparent;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row > .sbgrid-col.sbgrid-sticky {
  /*align-items: center;*/
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-detail {
  color: var(--default-text);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-detail.sbgrid-hidden {
  display: none !important;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-moving {
  background: var(--moving-bg);
  filter: opacity(0.5);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-part.sbgrid-fixed > .sbgrid-scroll > .sbgrid-row > .sbgrid-col.sbgrid-sticky {
  align-items: center;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-area .sbgrid-part.sbgrid-fixed .sbgrid-row .sbgrid-col .sbgrid-cell.sbgrid-icon:before {
  font-size: 15px;
  cursor: pointer;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-area .sbgrid-part.sbgrid-fixed .sbgrid-row .sbgrid-col .sbgrid-cell.sbgrid-delete:before {
  color: var(--cell-delete);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-area .sbgrid-part.sbgrid-fixed .sbgrid-row .sbgrid-col .sbgrid-cell.sbgrid-insert:before {
  color: var(--cell-insert);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-area .sbgrid-part.sbgrid-fixed .sbgrid-row .sbgrid-col .sbgrid-cell.sbgrid-update:before {
  color: var(--cell-update);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-area .sbgrid-part.sbgrid-fixed .sbgrid-row .sbgrid-col .sbgrid-cell.sbgrid-sticky.sbgrid-pined:before {
  color: var(--active) !important;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-area .sbgrid-part.sbgrid-fixed .sbgrid-row .sbgrid-col .sbgrid-cell.sbgrid-checked:before {
  color: var(--active) !important;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-area .sbgrid-part.sbgrid-fixed .sbgrid-row .sbgrid-col .sbgrid-no,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-area .sbgrid-part.sbgrid-fixed .sbgrid-row .sbgrid-col .sbgrid-sticky,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-area .sbgrid-part.sbgrid-fixed .sbgrid-row .sbgrid-col .sbgrid-check,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-area .sbgrid-part.sbgrid-fixed .sbgrid-row .sbgrid-col .sbgrid-roworder,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-area .sbgrid-part.sbgrid-fixed .sbgrid-row .sbgrid-col .sbgrid-status {
  align-items: center;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row {
  /*delete*/
  /*insert*/
  /*update*/
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-delete {
  animation: none;
  background-color: var(--cell-delete-bg);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-delete:before {
  color: var(--row-delete);
}
@keyframes sbgrid-delete {
  0% {
    background-color: var(--row-delete-bg-lighten);
  }
  100% {
    background-color: var(--row-delete-bg);
  }
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-insert {
  animation: none;
  background-color: var(--cell-insert-bg);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-insert:before {
  color: var(--row-insert);
}
@keyframes sbgrid-contentinsert {
  0% {
    background-color: var(--row-insert-bg-lighten);
  }
  100% {
    background-color: var(--row-insert-bg);
  }
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-update {
  animation: none;
  background-color: var(--cell-update-bg);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-update:before {
  color: var(--row-update) !important;
}
@keyframes sbgrid-update {
  0% {
    background-color: var(--row-update-bg-lighten);
  }
  100% {
    background-color: var(--row-update-bg);
  }
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-alternate {
  /*delete*/
  /*insert*/
  /*update*/
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-alternate.sbgrid-delete {
  animation: none;
  background-color: var(--row-delete-bg);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-alternate.sbgrid-delete:before {
  color: var(--row-delete);
}
@keyframes sbgrid-delete {
  0% {
    background-color: var(--row-delete-bg-lighten);
  }
  100% {
    background-color: var(--row-delete-bg);
  }
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-alternate.sbgrid-insert {
  animation: none;
  background-color: var(--row-insert-bg);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-alternate.sbgrid-insert:before {
  color: var(--row-insert);
}
@keyframes sbgrid-contentinsert {
  0% {
    background-color: var(--row-insert-bg-lighten);
  }
  100% {
    background-color: var(--row-insert-bg);
  }
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-alternate.sbgrid-update {
  animation: none;
  background-color: var(--row-update-bg);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-alternate.sbgrid-update:before {
  color: var(--row-update) !important;
}
@keyframes sbgrid-update {
  0% {
    background-color: var(--row-update-bg-lighten);
  }
  100% {
    background-color: var(--row-update-bg);
  }
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-part.sbgrid-fixed {
  position: relative;
  z-index: 3;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-part.sbgrid-head {
  position: relative;
  z-index: 3;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-part.sbgrid-body {
  position: relative;
  z-index: 0;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-part.sbgrid-tail {
  position: relative;
  z-index: 3;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-floating-edit-box {
  position: absolute;
  background: var(--floating-edit-bg);
  z-index: 9999;
  box-sizing: border-box;
  box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.2);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-floating-edit-box > textarea {
  width: 100%;
  height: 100%;
  resize: none;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll > .sbgrid-scroll-body {
  flex-grow: 1;
  overflow: hidden;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll .sbgrid-part.sbgrid-head.sbgrid-frozen {
  border-right: dotted var(--fix-border) 1px;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll .sbgrid-part.sbgrid-tail > .sbgrig-scroll {
  border-left: solid var(--border) 1px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll .sbgrid-part.sbgrid-tail.sbgrid-frozen {
  border-left: dotted var(--fix-border) 1px;
  box-sizing: border-box;
  margin-left: auto;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll .sbgrid-row.sbgrid-sticky {
  position: relative;
  background-color: var(--sticky-row-bg);
  box-shadow: none;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll .sbgrid-row.sbgrid-caption .sbgrid-col .sbgrid-caption.sbgrid-sticky {
  background: none;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll .sbgrid-row.sbgrid-caption .sbgrid-col.sbgrid-selecting.sbgrid-sticky {
  background: var(--sticky-col-select-bg) !important;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll .sbgrid-row.sbgrid-caption .sbgrid-col.sbgrid-sticky.sbgrid-focused {
  background: var(--sticky-col-select-bg) !important;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll .sbgrid-row .sbgrid-col.sbgrid-selected.sbgrid-sticky {
  background: var(--sticky-col-select-bg) !important;
}
.sbgrid-grid.sbgrid-theme-bootstrap div.sbgrid-table .sbgrid-align {
  vertical-align: top;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-align {
  display: inline-block;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-align.sbgrid-left {
  text-align: left;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-align.sbgrid-right {
  text-align: right;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-align.sbgrid-center {
  text-align: center;
}
.sbgrid-grid.sbgrid-theme-bootstrap span {
  display: inline-block;
}
.sbgrid-grid.sbgrid-theme-bootstrap select {
  position: relative; /*appearance: none;*/
}
.sbgrid-grid.sbgrid-theme-bootstrap span.badge {
  display: inline-block;
  padding: 0.35em 0.65em;
  font-size: 0.75em;
  font-weight: 700;
  line-height: 1;
  color: var(--badge-bg);
  background-color: var(--badge-background-bg) !important;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}
.sbgrid-grid.sbgrid-theme-bootstrap span.badge a {
  color: var(--badge-bg);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-check {
  display: flex;
  justify-content: center; /*align-items: center;*/
  width: auto;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-check.sbgrid-group {
  justify-content: unset;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-check .sbgrid-checkbox {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  background: var(--chk-bg);
  border: 1px solid var(--chk-border);
  border-radius: 2px;
  box-sizing: border-box;
  font-family: "sbgrid-icon";
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-check .sbgrid-checkbox.sbgrid-checked {
  position: relative;
  background: var(--chk-active);
  border: 1px solid var(--chk-active);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-check .sbgrid-checkbox.sbgrid-checked:before {
  content: "\e938";
  color: var(--chk-check-icon);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-caption .sbgrid-check .sbgrid-checkbox {
  background: var(--chk-top-bg);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-col.sbgrid-radio:before,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-cell.sbgrid-radio:before {
  display: none;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-radio {
  position: relative;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-radio .sbgrid-text {
  display: flex;
  justify-content: center;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-radio .sbgrid-wrap-radio {
  display: flex;
  margin: 0 3px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-radio.sbgrid-group:before {
  display: none;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-radio:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: var(--rdo-bg);
  border: 1px solid var(--rdo-border);
  border-radius: 50%;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-radio.sbgrid-checked:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: var(--rdo-bg);
  border: 1px solid var(--secondary);
  border-radius: 50%;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-radio.sbgrid-checked:after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  z-index: 1;
  width: 10px;
  height: 10px;
  background: var(--active);
  border-radius: 50%;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-cell.sbgrid-edit .sbgrid-radio:before {
  border: 1px solid var(--rdo-border);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-cell.sbgrid-edit .sbgrid-radio.sbgrid-checked:before {
  border: 1px solid var(--rdo-active);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-radiogroup {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-radiogroup .sbgrid-text {
  margin: 0 3px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-checkboxgroup {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: top;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-checkboxgroup .sbgrid-text {
  margin: 0 3px;
}
.sbgrid-grid.sbgrid-theme-bootstrap input[type=number] {
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  background: var(--com-bg);
  border: 1px solid var(--com-border);
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: var(--default-text);
}
.sbgrid-grid.sbgrid-theme-bootstrap input[type=number]:active, .sbgrid-grid.sbgrid-theme-bootstrap input[type=number]:focus {
  border-color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-bootstrap input[type=number]:active::before, .sbgrid-grid.sbgrid-theme-bootstrap input[type=number]:active::after, .sbgrid-grid.sbgrid-theme-bootstrap input[type=number]:focus::before, .sbgrid-grid.sbgrid-theme-bootstrap input[type=number]:focus::after {
  color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-command {
  margin: 0 2px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-command input[type=button] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  padding: 0 10px;
  background: var(--menu-btn-bg);
  border: 0;
  border-radius: 3px;
  color: var(--default-text);
  font-family: inherit;
  font-size: 12px;
  transition: all 0.2s;
  cursor: pointer;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-command input[type=button]:hover {
  background: var(--menu-btn-bg);
  transition: all 0.2s;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-custom {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: top;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-custom > button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  padding: 0 10px;
  background: var(--menu-btn-bg);
  border: 0;
  border-radius: 3px;
  color: var(--default-text);
  font-family: inherit;
  font-size: 12px;
  transition: all 0.2s;
  cursor: pointer;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-custom > button:hover {
  background: var(--menu-btn-bg);
  transition: all 0.2s;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-custom > img {
  display: inline-block;
  padding: 5px;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-bootstrap input[type=date],
.sbgrid-grid.sbgrid-theme-bootstrap input[type=month] {
  position: relative;
  min-width: 100%;
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  background: var(--com-bg);
  border: 1px solid var(--com-border);
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: var(--default-text);
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-bootstrap input[type=date]:active, .sbgrid-grid.sbgrid-theme-bootstrap input[type=date]:focus,
.sbgrid-grid.sbgrid-theme-bootstrap input[type=month]:active,
.sbgrid-grid.sbgrid-theme-bootstrap input[type=month]:focus {
  border-color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-bootstrap input[type=date]:active::before, .sbgrid-grid.sbgrid-theme-bootstrap input[type=date]:active::after, .sbgrid-grid.sbgrid-theme-bootstrap input[type=date]:focus::before, .sbgrid-grid.sbgrid-theme-bootstrap input[type=date]:focus::after,
.sbgrid-grid.sbgrid-theme-bootstrap input[type=month]:active::before,
.sbgrid-grid.sbgrid-theme-bootstrap input[type=month]:active::after,
.sbgrid-grid.sbgrid-theme-bootstrap input[type=month]:focus::before,
.sbgrid-grid.sbgrid-theme-bootstrap input[type=month]:focus::after {
  color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-bootstrap input[type=date]::webkit-clear-button {
  display: none;
}
.sbgrid-grid.sbgrid-theme-bootstrap input[type=date]::webkit-inner-spin-button,
.sbgrid-grid.sbgrid-theme-bootstrap input[type=month]::webkit-inner-spin-button {
  display: none;
}
.sbgrid-grid.sbgrid-theme-bootstrap input[type=date]::-webkit-calendar-picker-indicator,
.sbgrid-grid.sbgrid-theme-bootstrap input[type=month]::-webkit-calendar-picker-indicator {
  background: transparent;
  z-index: 1;
}
.sbgrid-grid.sbgrid-theme-bootstrap input[type=date]::after,
.sbgrid-grid.sbgrid-theme-bootstrap input[type=month]::after {
  content: "\e936";
  position: absolute;
  top: 50%;
  right: 5px;
  z-index: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  font-family: "sbgrid-icon";
  color: var(--inp-text);
  background: var(--inp-bg);
  scale: 1.2;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-edit {
  background: var(--sbgrid-edit);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-cell.sbgrid-edit input[type=date],
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-cell.sbgrid-edit input[type=month],
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-cell.sbgrid-edit input[type=datetime-local],
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-cell.sbgrid-edit input[type=time] {
  border: 1px solid var(--chk-active);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.sbgrid-grid.sbgrid-theme-bootstrap textarea {
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  background: var(--com-bg);
  border: 1px solid var(--com-border);
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: var(--default-text);
  height: auto;
  resize: none;
}
.sbgrid-grid.sbgrid-theme-bootstrap textarea:active, .sbgrid-grid.sbgrid-theme-bootstrap textarea:focus {
  border-color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-bootstrap textarea:active::before, .sbgrid-grid.sbgrid-theme-bootstrap textarea:active::after, .sbgrid-grid.sbgrid-theme-bootstrap textarea:focus::before, .sbgrid-grid.sbgrid-theme-bootstrap textarea:focus::after {
  color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-bootstrap input[type=text] {
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  background: var(--com-bg);
  border: 1px solid var(--com-border);
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: var(--default-text);
}
.sbgrid-grid.sbgrid-theme-bootstrap input[type=text]:active, .sbgrid-grid.sbgrid-theme-bootstrap input[type=text]:focus {
  border-color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-bootstrap input[type=text]:active::before, .sbgrid-grid.sbgrid-theme-bootstrap input[type=text]:active::after, .sbgrid-grid.sbgrid-theme-bootstrap input[type=text]:focus::before, .sbgrid-grid.sbgrid-theme-bootstrap input[type=text]:focus::after {
  color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-cell.sbgrid-edit input[type=text] {
  color: var(--default-text);
  border: 1px solid var(--chk-active);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.sbgrid-grid.sbgrid-theme-bootstrap input[type=number] {
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  background: var(--com-bg);
  border: 1px solid var(--com-border);
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: var(--default-text);
}
.sbgrid-grid.sbgrid-theme-bootstrap input[type=number]:active, .sbgrid-grid.sbgrid-theme-bootstrap input[type=number]:focus {
  border-color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-bootstrap input[type=number]:active::before, .sbgrid-grid.sbgrid-theme-bootstrap input[type=number]:active::after, .sbgrid-grid.sbgrid-theme-bootstrap input[type=number]:focus::before, .sbgrid-grid.sbgrid-theme-bootstrap input[type=number]:focus::after {
  color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-cell.sbgrid-edit input[type=number] {
  border: 1px solid var(--chk-active);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-combobox {
  display: flex;
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  background: var(--com-bg);
  border: 1px solid var(--com-border);
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: var(--default-text);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-combobox:active, .sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-combobox:focus {
  border-color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-combobox:active::before, .sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-combobox:active::after, .sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-combobox:focus::before, .sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-combobox:focus::after {
  color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-combobox .sbgrid-combo-inner {
  flex-shrink: 0;
  flex-grow: 1;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  height: inherit;
  flex-basis: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-combobox .sbgrid-combo-inner input.sbgrid-combo-value-text {
  font-size: 12px;
  height: 100%;
  border: none;
  outline: none;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-combobox .sbgrid-combo-inner span.sbgrid-combo-value-text {
  font-size: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-combobox .sbgrid-combo-button {
  flex-shrink: 0;
  display: flex;
  width: 20px;
  height: inherit;
  font-weight: bold;
  color: var(--combo-text);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-cell.sbgrid-edit .sbgrid-combobox {
  border: 1px solid var(--chk-active);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-combo-popup {
  position: absolute;
  z-index: 1000;
  background: var(--combo-bg);
  border: 1px solid var(--combo-border);
  border-radius: 5px;
  box-shadow: 0 1px 3px var(--combo-shadow);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-combo-popup div.sbgrid-wrap-popup {
  overflow: auto;
  overflow-x: hidden;
  max-height: 200px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-combo-popup div.sbgrid-wrap-popup ul.sbgrid-popup-items {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-combo-popup div.sbgrid-wrap-popup ul.sbgrid-popup-items li {
  display: flex;
  align-items: center;
  list-style: none;
  font-size: 12px;
  padding: 4px 5px;
  cursor: pointer;
  min-height: 16px;
  color: var(--default-text);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-combo-popup div.sbgrid-wrap-popup ul.sbgrid-popup-items li:hover {
  background: var(--hover);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-combo-popup div.sbgrid-wrap-popup ul.sbgrid-popup-items li.sbgrid-combo-item-selected {
  background: var(--combo-selected);
  color: var(--combo-selected-text);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-combo-popup div.sbgrid-wrap-popup::-webkit-scrollbar {
  width: 5px;
  border-radius: 3px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-combo-popup div.sbgrid-wrap-popup::-webkit-scrollbar-thumb {
  background-color: var(--inscroll-thumb);
  border-radius: 3px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-combo-popup div.sbgrid-wrap-popup::-webkit-scrollbar-track {
  background-color: var(--inscroll-track);
  border-radius: 3px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-combo-popup div.sbgrid-wrap-popup .sbgrid-text {
  margin: 0 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-multitext {
  padding-inline: 0;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-multitext .sbgrid-multitext.sbgrid-text {
  margin: 0;
  padding: 0 5px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-multitext .sbgrid-multitext.sbgrid-text.sbgrid-multitext-preline {
  white-space: pre-line;
  overflow-y: auto;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-cell.sbgrid-edit textarea {
  border: 1px solid var(--chk-active);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-alternate {
  position: relative;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-alternate:after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--alter-bg1);
  z-index: -1;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-alternate.sbgrid-alternate-2 {
  position: relative;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-alternate.sbgrid-alternate-2:after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--alter-bg2);
  z-index: -1;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-alternate.sbgrid-alternate-3 {
  position: relative;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-alternate.sbgrid-alternate-3:after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--alter-bg3);
  z-index: -1;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row {
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-filter > .sbgrid-col {
  overflow: hidden;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-filter > .sbgrid-col.sbgrid-focused {
  position: relative; /*border:1px solid red;*/
  background: none;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-filter > .sbgrid-col.sbgrid-focused:after {
  content: "";
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: 1px solid;
  border-color: var(--active-border-lighten);
  pointer-events: none;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-filter > .sbgrid-col.sbgrid-hover {
  background: none;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-filter > .sbgrid-col:hover {
  background: none;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row > .sbgrid-col {
  white-space: nowrap;
  box-sizing: border-box; /* border 및 padding을 너비에 포함시킨다. */
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row > .sbgrid-col > .sbgrid-text,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row > .sbgrid-col .sbgrid-number {
  margin: 0; /* margin 제거 */
  padding: 0 5px; /* 내부 padding으로 여백 조정 */
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
  color: var(--default-text);
  line-height: normal;
  display: grid;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row > .sbgrid-col > .sbgrid-text:has(.sbgrid-text) {
  text-overflow: unset;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row > .sbgrid-col input {
  width: 100%;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row > .sbgrid-col.sbgrid-group.sbgrid-title span {
  padding: 0 5px;
  overflow: hidden;
  white-space: nowrap;
  color: var(--default-text);
  text-overflow: ellipsis;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row > .sbgrid-col .sbgrid-group.sbgrid-title {
  display: flex;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row > .sbgrid-col.sbgrid-center {
  text-align: center;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row > .sbgrid-col.sbgrid-left {
  text-align: left;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row > .sbgrid-col.sbgrid-right {
  text-align: right;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row > .sbgrid-col.sbgrid-status.sbgrid-center {
  align-items: center !important;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row > .sbgrid-col.sbgrid-status.sbgrid-left {
  align-items: flex-start !important;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row > .sbgrid-col.sbgrid-status.sbgrid-right {
  align-items: flex-end !important;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row > .sbgrid-col.sbgrid-merge.sbgrid-merge-row {
  background-color: var(--merge-row-bg);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row > .sbgrid-col.sbgrid-alternate {
  background-color: var(--alter-bg1);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row > .sbgrid-col.sbgrid-alternate.sbgrid-alternate-2 {
  background-color: var(--alter-bg2);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row > .sbgrid-col.sbgrid-alternate.sbgrid-alternate-2.sbgrid-alternate-3 {
  background-color: var(--alter-bg3);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row .sbgrid-rowno {
  text-align: center;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-hidden .sbgrid-col {
  display: none;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-variable .sbgrid-col .sbgrid-cell {
  overflow: auto;
  white-space: normal;
  text-overflow: initial;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-variable .sbgrid-col .sbgrid-cell.sbgrid-icon {
  overflow: hidden;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-fixed > span.sbgrid-col.sbgrid-rowno.sbgrid-focused {
  outline: none;
  border-right: 2px solid var(--secondary);
  background: var(--caption-focused) !important;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-header > .sbgrid-col > .sbgrid-header {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-footer > .sbgrid-col > .sbgrid-footer {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-caption > .sbgrid-col.sbgrid-focused {
  outline: none;
  position: relative;
  background: var(--caption-focused) !important;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-caption > .sbgrid-col.sbgrid-focused:after {
  display: none; /*content:"";position:absolute; bottom:0; left:0; 
 display:block; width:100%; height:2px; background:var(--cap-line);
 margin-bottom: -1px;*/
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-caption > .sbgrid-col.reorderable {
  background-color: var(--reorder-bg);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: stretch;
  height: 100%;
  padding-inline: 0px;
  margin-bottom: 0;
  margin-right: 0;
  outline: 0px;
  border: 0px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree.sbgrid-fill-handle-right {
  margin-right: 0.06em;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree.sbgrid-fill-handle-bottom {
  margin-bottom: 0;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree.sbgrid-fill-handle-left > .sbgrid-cell.sbgrid-tree > span.sbgrid-title {
  margin-left: 0;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree > .sbgrid-cell.sbgrid-tree {
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree > .sbgrid-cell.sbgrid-tree.sbgrid-last > .sbgrid-space.sbgrid-last {
  border-bottom: 1px solid var(--tree-border);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree > .sbgrid-cell.sbgrid-tree > .sbgrid-space:not(.sbgrid-last) {
  background-color: var(--tree-space);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree > .sbgrid-cell.sbgrid-tree > .sbgrid-space {
  flex-grow: 0;
  flex-shrink: 0;
  width: 20px;
  border-left: 1px solid var(--tree-border);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree > .sbgrid-cell.sbgrid-tree > .sbgrid-title {
  flex-grow: 1;
  display: flex;
  align-items: center;
  margin-bottom: 0.06em;
  margin-right: 0.06em;
  margin-left: 0.08em;
  outline: 1px solid var(--tree-border);
  padding-inline: 6px;
  color: var(--default-text);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree > .sbgrid-cell.sbgrid-tree > .sbgrid-title > .sbgrid-icon {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  top: 3px;
  background-position: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree > .sbgrid-cell.sbgrid-tree > .sbgrid-title .sbgrid-icon + .sbgrid-text {
  margin-left: 5px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree > .sbgrid-cell.sbgrid-tree > .sbgrid-title > .sbgrid-check {
  margin: 0 5px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree > .sbgrid-cell.sbgrid-tree > .sbgrid-title > .sbgrid-check + .sbgrid-text {
  margin-left: 0;
  color: var(--default-text);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-tree.sbgrid-footer {
  background: var(--tree-footer-bg);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-tree.sbgrid-footer > .sbgrid-col > .sbgrid-cell {
  color: var(--default-text);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-tree.sbgrid-footer > .sbgrid-col > .sbgrid-cell > .sbgrid-title {
  padding-inline: 6px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-tree.sbgrid-footer > .sbgrid-col > .sbgrid-cell > .sbgrid-space.sbgrid-last {
  border-bottom: 1px solid var(--tree-border);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-tree.sbgrid-row.sbgrid-sticky {
  background-color: var(--sticky-row-bg);
  box-shadow: 1px 3px 5px var(--sticky-row-shadow);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-col.sbgrid-hidden {
  display: none;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-invalid > .sbgrid-indicator {
  border: 3px solid var(--indicator-bg);
  border-color: var(--indicator-bg) transparent transparent var(--indicator-bg);
  left: 0;
  transition: 0.1s all;
  position: absolute;
  top: 0;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-invalid > .sbgrid-indicator:hover {
  border: 5px solid var(--indicator-bg);
  border-color: var(--indicator-bg) transparent transparent var(--indicator-bg);
  transition: 0.1s all;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-column .sbgrid-icon.sbgrid-menu {
  /*float:right;*/
  color: var(--sbgrid-icon);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-column.sbgrid-filter {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-status {
  font-size: 12px;
  padding: 6px;
  border: 1px solid var(--status-border);
  border-top: none;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-status > div {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-status > div .sbgrid-item {
  margin: 0 10px;
  text-shadow: 0.5px 0;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-status > div .sbgrid-item .excel.status {
  text-shadow: 0.5px 0;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-hidden {
  font-size: 9pt;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-hidden .sbgrid-col {
  border: 1px solid transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-hidden .sbgrid-col .sbgrid-cell {
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-title {
  align-items: center;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: bold;
  align-items: stretch;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-title > .sbgrid-tools {
  padding: 6px;
  border-bottom: 1px solid var(--tool-border);
  display: flex;
  align-items: center;
  flex: 1;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-group > .sbgrid-tools, .sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-tool > .sbgrid-tools, .sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-pager > .sbgrid-tools {
  flex: 1;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel .sbgrid-table .sbgrid-tr {
  overflow: hidden;
  white-space: nowrap;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel .sbgrid-table .sbgrid-align {
  overflow: hidden;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel > .sbgrid-tools .sbgrid-tool {
  color: var(--default-text);
  /*tool - right*/
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel > .sbgrid-tools .sbgrid-tool input[type=button] {
  padding: 6px 10px;
  margin-right: 5px;
  background: var(--tool-inp-bg);
  border: 1px solid var(--tool-inp-border);
  box-sizing: border-box;
  color: var(--tool-inp-text);
  transition: all 0.2s;
  cursor: pointer;
  font-size: 12px;
  border-radius: 5px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel > .sbgrid-tools .sbgrid-tool input[type=button]:hover {
  border: 1px solid var(--tool-inp-border-dark);
  transition: all 0.2s;
  border: 1px solid var(--tool-inp-border-dark);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel > .sbgrid-tools .sbgrid-tool .sbgrid-search-wrap {
  display: flex;
  align-items: center;
  border: 1px solid var(--tool-search-border);
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel > .sbgrid-tools .sbgrid-tool .sbgrid-search-wrap input[type=text] {
  height: 30px;
  padding-left: 10px;
  border: 0;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel > .sbgrid-tools .sbgrid-tool .sbgrid-search-wrap input[type=text]::-moz-placeholder {
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel > .sbgrid-tools .sbgrid-tool .sbgrid-search-wrap input[type=text]::placeholder {
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel > .sbgrid-tools .sbgrid-tool span.sbgrid-caption {
  padding: 6px;
  font-size: 12px;
  color: var(--caption-text);
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel > .sbgrid-tools .sbgrid-tool .sbgrid-grouping span.sbgrid-caption {
  color: var(--group-default-text);
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel > .sbgrid-tools .sbgrid-tool button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  padding: 0 10px;
  background: var(--menu-btn-bg);
  border: 0;
  border-radius: 3px;
  color: var(--default-text);
  font-family: inherit;
  font-size: 12px;
  transition: all 0.2s;
  cursor: pointer;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel > .sbgrid-tools .sbgrid-tool button:hover {
  background: var(--menu-btn-bg);
  transition: all 0.2s;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel > .sbgrid-tools .sbgrid-tool select {
  padding: 6px 10px;
  margin: 0 5px;
  background: var(--tool-inp-bg);
  border: 1px solid var(--tool-inp-border);
  box-sizing: border-box;
  color: var(--tool-inp-text);
  transition: all 0.2s;
  cursor: pointer;
  font-size: 12px;
  border-radius: 3px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel > .sbgrid-part {
  display: flex;
  flex-grow: 1;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel > .sbgrid-center {
  justify-content: center;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel > .sbgrid-right {
  justify-content: right;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel .sbgrid-row .sbgrid-col {
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel .sbgrid-row .sbgrid-rowno {
  /*background: #FBFBFB;*/
  background: none;
  color: var(--rowno-text);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel .sbgrid-row .sbgrid-sticky {
  background: var(--sticky-row-bg); /*color: #222;*/
  z-index: 1;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel .sbgrid-row .sbgrid-sticky.sbgrid-selected {
  background: var(--selected); /*color: #222;*/
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel .sbgrid-row .sbgrid-sticky.sbgrid-selecting {
  background: var(--sticky-selecting-bg);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel .sbgrid-row .sbgrid-sticky.sbgrid-merged.sbgrid-selecting {
  background: var(--sticky-selecting-bg);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel .sbgrid-row .sbgrid-sticky.sbgrid-merged.sbgrid-selected {
  background: var(--selected);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel .sbgrid-row.sbgrid-group .sbgrid-sticky {
  background: transparent;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel .sbgrid-part.sbgrid-fixed .sbgrid-row.sbgrid-fixed .sbgrid-sticky {
  background: none;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col {
  font-weight: bold;
  text-align: center;
  color: var(--caption-text);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-caption {
  display: flex;
  align-items: center;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools .sbgrid-order {
  display: flex;
  align-items: center;
  width: 24px;
  height: 24px;
  justify-content: center;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools .sbgrid-title {
  margin-right: 2px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools:first-child {
  display: flex;
  justify-content: center;
  align-items: center;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools .sbgrid-icon.sbgrid-desc, .sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools .sbgrid-icon.sbgrid-asc {
  color: var(--secondary);
  display: inline-flex;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools .sbgrid-icon.sbgrid-sort-default {
  color: var(--caption-icon-bg);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools .sbgrid-icon.sbgrid-filter {
  padding: 0 10px;
  color: var(--caption-icon-bg);
  box-sizing: border-box;
  background-color: transparent;
  border: none;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-header > .sbgrid-area > .sbgrid-part > .sbgrid-scroll > .sbgrid-row > .sbgrid-col {
  display: flex;
  justify-content: center;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-header > .sbgrid-area > .sbgrid-part > .sbgrid-scroll > .sbgrid-row > .sbgrid-col > span.sbgrid-header {
  color: var(--total-text);
  text-shadow: 0.5px 0;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-area > .sbgrid-part > .sbgrid-scroll > .sbgrid-row.sbgrid-last {
  height: 0;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-area .sbgrid-part .sbgrid-scroll .sbgrid-row .sbgrid-col.sbgrid-group.sbgrid-title {
  border-bottom: none;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-area .sbgrid-part .sbgrid-scroll .sbgrid-row .sbgrid-col.sbgrid-group.sbgrid-indicator {
  border-top: none;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-area .sbgrid-part .sbgrid-scroll .sbgrid-row .sbgrid-col.sbgrid-group.sbgrid-indicator.sbgrid-level-first {
  border-top: none;
  border-right: none;
  border-bottom: 1px solid var(--col-border);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-area .sbgrid-part .sbgrid-scroll .sbgrid-row .sbgrid-col.sbgrid-group.sbgrid-indicator.sbgrid-level-next {
  border-top: none;
  border-right: none;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-area .sbgrid-part.sbgrid-body .sbgrid-scroll .sbgrid-row.sbgrid-sticky .sbgrid-sticky {
  background: var(--sticky-bg);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-tbody .sbgrid-part.sbgrid-body .sbgrid-scroll .sbgrid-row .sbgrid-col.sbgrid-sticky {
  box-shadow: none;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-row.sbgrid-group.sbgrid-footer:has(.sbgrid-col) {
  border-top: none;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-footer > .sbgrid-area > .sbgrid-part > .sbgrid-scroll > .sbgrid-row > .sbgrid-col {
  display: flex;
  justify-content: center;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-footer > .sbgrid-area > .sbgrid-part > .sbgrid-scroll > .sbgrid-row > .sbgrid-col > span.sbgrid-footer {
  color: var(--total-text);
  text-shadow: 0.5px 0;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-tool {
  background: var(--tool-bg);
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-tool > .sbgrid-tools {
  padding: 6px;
  border-bottom: 1px solid var(--tool-border);
  flex: 1;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-scroll {
  border: 1px solid var(--scroll-border);
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tools {
  flex-grow: 1;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tools > .sbgrid-tool.sbgrid-item {
  display: inline-block;
  vertical-align: top;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tool.sbgrid-group {
  display: flex;
  flex-grow: 1;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tool.sbgrid-pager {
  padding: 0 5px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tool.sbgrid-custom {
  padding: 0 5px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-col.sbgrid-focused {
  border: 1px dotted var(--active);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-reorder-indicator.sbgrid-col {
  position: absolute;
  width: 1px;
  border-left: 3px dotted var(--secondary);
  opacity: 0;
  z-index: 10;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-reorder-indicator.sbgrid-row {
  position: absolute;
  border-top: 2px dotted var(--secondary);
  opacity: 0;
  z-index: 20;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-reorder-head,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-reorder-tail {
  position: absolute;
  z-index: 100;
  margin-left: -7px;
  margin-top: -10px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-reorder-head.on:before,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-reorder-tail.on:before {
  transform: scale(1.5);
  transition: all 0.2s;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-resize-indicator {
  position: absolute;
  cursor: ew-resize;
  border-left: 3px solid var(--resize-bg);
  opacity: 0;
  z-index: 100;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-resize-indicator:hover {
  opacity: 1;
}
.sbgrid-grid.sbgrid-theme-bootstrap div.sbgrid-resize-helper {
  width: 10px;
  border-left: 2px dotted var(--helper-border);
  z-index: 10;
}
.sbgrid-grid.sbgrid-theme-bootstrap span.sbgrid-reorder-helper {
  border-left: 2px dotted var(--secondary);
  z-index: 10;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group .sbgrid-grouping {
  display: flex;
  align-items: center;
  height: 24px;
  margin-right: 5px;
  padding: 0 10px;
  background: var(--group-item-bg);
  border-radius: 5px;
  box-sizing: border-box;
  color: var(--group-text);
  cursor: pointer;
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-draggable-helper.sbgrid-col {
  display: inline-flex;
  align-items: center;
  height: 24px;
  background: var(--drag-bg);
  padding: 6px 15px;
  border-radius: 5px;
  box-sizing: border-box;
  font-size: 12px;
  color: var(--drag-text);
  z-index: 999;
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-draggable-helper.sbgrid-col .sbgrid-row.sbgrid-moving {
  filter: opacity(1);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-draggable-helper.sbgrid-rowreorder {
  padding-left: 25px;
  cursor: move;
  background-color: transparent;
  z-index: 999;
  box-sizing: border-box;
  font-size: 12px;
  color: var(--roworder-text);
  pointer-events: none;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-draggable-helper.sbgrid-rowreorder > div {
  border: none;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-draggable-helper.sbgrid-rowreorder .sbgrid-row.sbgrid-moving {
  filter: opacity(1);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-draggable-helper.sbgrid-rowreorder {
  display: inline-flex;
  align-items: center;
  background: var(--roworder-bg);
  min-height: 30px;
  padding: 0 15px;
  box-shadow: 1px 3px 3px var(--roworder-shadow);
  border-radius: 0;
  font-size: 12px;
  color: var(--roworder-text);
  border-radius: 5px;
  border: 1px solid var(--roworder-border);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-draggable-helper.sbgrid-rowreorder .sbgrid-icon.sbgrid-rowreorder:before {
  color: var(--secondary);
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-draggable-helper.sbgrid-rowreorder .sbgrid-moving {
  background: none;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-draggable-helper.sbgrid-rowreorder .sbgrid-sticky {
  box-shadow: none !important;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-draggable-helper.sbgrid-rowreorder .sbgrid-row {
  display: inline-flex;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-draggable-helper.sbgrid-rowreorder .sbgrid-col {
  position: relative;
  padding: 0 5px !important;
  outline: none;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-draggable-helper.sbgrid-rowreorder .sbgrid-col.sbgrid-indicator.sbgrid-group {
  width: 0;
  padding: 0 0px !important;
  border: 0px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-draggable-helper.sbgrid-rowreorder .sbgrid-col.sbgrid-tree > .sbgrid-cell.sbgrid-tree > .sbgrid-space {
  width: 0;
  padding: 0 0px !important;
  border: 0px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-draggable-helper.sbgrid-rowreorder .sbgrid-col:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -3px;
  margin-top: -2px;
  display: block;
  width: 5px;
  height: 5px;
  background: var(--roworder-dot-bg);
  border-radius: 50%;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-draggable-helper.sbgrid-rowreorder > div {
  display: flex;
  align-items: center;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-draggable-helper.sbgrid-rowreorder > .sbgrid-row {
  display: flex;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-draggable-helper.sbgrid-rowreorder > .sbgrid-row > .sbgrid-col {
  outline: 0;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu {
  position: absolute;
  z-index: 1000;
  /*width:300px;*/
  width: auto;
  min-width: 100px;
  padding: 10px;
  background: var(--filter-bg);
  border: 1px solid var(--menu-border);
  border-radius: 5px;
  box-shadow: 0 1px 3px var(--menu-shadow);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu > span.sbgrid-checkable {
  width: 100%;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu select,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu select.sbgrid-operator,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu input.sbgrid-search,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu input[type=text] {
  margin-bottom: 4px;
  padding-left: 5px;
  height: auto;
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  background: var(--com-bg);
  border: 1px solid var(--com-border);
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: var(--default-text);
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu select:active, .sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu select:focus,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu select.sbgrid-operator:active,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu select.sbgrid-operator:focus,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu input.sbgrid-search:active,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu input.sbgrid-search:focus,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu input[type=text]:active,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu input[type=text]:focus {
  border-color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu select:active::before, .sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu select:active::after, .sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu select:focus::before, .sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu select:focus::after,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu select.sbgrid-operator:active::before,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu select.sbgrid-operator:active::after,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu select.sbgrid-operator:focus::before,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu select.sbgrid-operator:focus::after,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu input.sbgrid-search:active::before,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu input.sbgrid-search:active::after,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu input.sbgrid-search:focus::before,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu input.sbgrid-search:focus::after,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu input[type=text]:active::before,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu input[type=text]:active::after,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu input[type=text]:focus::before,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu input[type=text]:focus::after {
  color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu select::-moz-placeholder, .sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu select.sbgrid-operator::-moz-placeholder, .sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu input.sbgrid-search::-moz-placeholder, .sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu input[type=text]::-moz-placeholder {
  color: var(--filter-placeholder);
  font-weight: lighter;
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu select::placeholder,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu select.sbgrid-operator::placeholder,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu input.sbgrid-search::placeholder,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu input[type=text]::placeholder {
  color: var(--filter-placeholder);
  font-weight: lighter;
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu .sbgrid-value > ul {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu .sbgrid-value > ul li {
  display: flex;
  align-items: center;
  list-style: none;
  font-size: 12px;
  margin: 5px 2px 0 0;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu .sbgrid-value > ul li.sbgrid-hidden {
  height: 0;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu .sbgrid-value > ul li label {
  flex-shrink: 1;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu .sbgrid-value > ul li input[type=checkbox] {
  flex-shrink: 0;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: var(--inp-bg);
  margin: 0 5px;
  border: 1px solid var(--menu-chk-border);
  border-radius: 3px;
  box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu .sbgrid-value > ul li input[type=checkbox]:checked {
  position: relative;
  background: var(--chk-active);
  border: 1px solid var(--chk-active);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu .sbgrid-value > ul li input[type=checkbox]:checked::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 4px;
  display: block;
  width: 4px;
  height: 8px;
  border: solid var(--menu-chk-bg);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu span.count {
  display: block;
  padding: 5px;
  margin: 10px 0 5px 0;
  font-size: 12px;
  text-shadow: 0.5px 0;
  background: var(--menu-count-bg);
  box-sizing: border-box;
  text-align: center;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu > .sbgrid-condition {
  margin-bottom: 10px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu > .sbgrid-condition span.sbgrid-values {
  display: inline-block;
  width: 100%;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu > .sbgrid-condition span.sbgrid-values span.sbgrid-value {
  display: inline-block;
  width: 100%;
  margin-bottom: 4px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu > .sbgrid-condition span.sbgrid-values span.sbgrid-value .sbgrid-search {
  width: 100%;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu > .sbgrid-condition div.sbgrid-operator {
  display: flex;
  justify-content: space-between;
  padding: 5px 0;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu > .sbgrid-condition div.sbgrid-operator .sbgrid-join {
  display: flex;
  align-items: center;
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu > .sbgrid-condition div.sbgrid-operator input[type=radio] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 16px;
  height: 16px;
  background: var(--inp-bg);
  border: 1px solid var(--inp-border);
  border-radius: 50%;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu > .sbgrid-condition div.sbgrid-operator input[type=radio]:checked {
  position: relative;
  border: 1px solid var(--secondary);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu > .sbgrid-condition div.sbgrid-operator input[type=radio]:checked:before {
  content: "";
  position: absolute;
  display: inline-block;
  left: 2px;
  top: 2px;
  width: 10px;
  height: 10px;
  background: var(--secondary);
  border-radius: 50%;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu > .sbgrid-condition div.sbgrid-operator label {
  display: inline-block;
  padding: 0 2px;
  line-height: 18px;
  color: var(--default-text);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu > .sbgrid-confirm {
  display: flex;
  justify-content: flex-end;
  padding-top: 10px;
  box-sizing: border-box;
  border-top: 1px solid var(--menu-border);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu > .sbgrid-confirm button {
  margin: 0 3px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu > .sbgrid-confirm button.sbgrid-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  padding: 0 10px;
  background: var(--secondary);
  color: #fff;
  font-family: inherit;
  font-size: 12px;
  border: 0;
  border-radius: 3px;
  cursor: pointer;
  transition: all 0.2s;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu > .sbgrid-confirm button.sbgrid-submit:hover {
  background: var(--secondary);
  transition: all 0.2s;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu > .sbgrid-confirm button.sbgrid-cancel {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  padding: 0 10px;
  background: var(--menu-btn-bg);
  border: 0;
  border-radius: 3px;
  color: var(--default-text);
  font-family: inherit;
  font-size: 12px;
  transition: all 0.2s;
  cursor: pointer;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu > .sbgrid-confirm button.sbgrid-cancel:hover {
  background: var(--menu-btn-bg);
  transition: all 0.2s;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu.sbgrid-hidden {
  display: none;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu .sbgrid-values > .sbgrid-value > ul {
  overflow: scroll;
  overflow-x: hidden;
  max-height: 200px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu .sbgrid-values > .sbgrid-value > ul li.sbgrid-hidden {
  visibility: hidden;
  height: 0;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu .sbgrid-values > .sbgrid-value > ul::-webkit-scrollbar {
  width: 5px;
  border-radius: 3px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu .sbgrid-values > .sbgrid-value > ul::-webkit-scrollbar-thumb {
  background-color: var(--menu-scroll-thumb);
  border-radius: 3px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu .sbgrid-values > .sbgrid-value > ul::-webkit-scrollbar-track {
  background-color: var(--menu-scroll-track);
  border-radius: 3px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-empty-message {
  padding: 20px 0;
  text-align: center;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-empty-message span {
  margin: 0;
  padding: 0 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
  line-height: normal;
  font-size: 12px;
  color: var(--empty-text);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-menu-group {
  position: absolute;
  display: table-cell;
  z-index: 2000;
  min-width: 130px;
  background-color: var(--menu-bg);
  border-radius: 5px;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-context-menu {
  position: absolute;
  display: table-cell;
  z-index: 2000;
  min-width: 130px;
  background-color: var(--menu-bg);
  border-radius: 5px;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-menu-group > .sbgrid-menu,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-context-menu > .sbgrid-menu {
  position: absolute;
  display: flex;
  flex-direction: column;
  min-width: 100%;
  background: var(--menu-bg);
  border-radius: 5px;
  box-sizing: border-box;
  border: 1px solid var(--menu-border);
  box-shadow: 0 1px 3px var(--menu-shadow);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-menu-group > .sbgrid-menu .sbgrid-item,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-context-menu > .sbgrid-menu .sbgrid-item {
  display: inline-flex;
  align-items: center;
  width: 100%;
  min-height: 26px;
  padding: 1px 5px;
  font-size: 12px;
  cursor: pointer;
  box-sizing: border-box;
  color: var(--default-text);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-menu-group > .sbgrid-menu .sbgrid-item.sbgrid-seperator,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-context-menu > .sbgrid-menu .sbgrid-item.sbgrid-seperator {
  height: 0;
  min-height: 0;
  border-top: 1px solid var(--menu-seperator-border);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-menu-group > .sbgrid-menu .sbgrid-item:hover,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-context-menu > .sbgrid-menu .sbgrid-item:hover {
  background-color: var(--hover);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-menu-group > .sbgrid-menu .sbgrid-item.sbgrid-disabled,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-context-menu > .sbgrid-menu .sbgrid-item.sbgrid-disabled {
  background: var(--menu-disabled);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-menu-group > .sbgrid-menu .sbgrid-item.sbgrid-disabled .sbgrid-icon,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-context-menu > .sbgrid-menu .sbgrid-item.sbgrid-disabled .sbgrid-icon {
  font-size: 18px;
  margin-right: 10px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-menu-group > .sbgrid-menu .sbgrid-item.sbgrid-disabled .sbgrid-icon:before,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-context-menu > .sbgrid-menu .sbgrid-item.sbgrid-disabled .sbgrid-icon:before {
  color: var(--menu-disable-icon-bg);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-menu-group > .sbgrid-menu .sbgrid-item .sbgrid-icon,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-context-menu > .sbgrid-menu .sbgrid-item .sbgrid-icon {
  font-size: 18px;
  margin-left: 3px;
  margin-right: 10px;
  color: var(--sbgrid-icon);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-menu-group > .sbgrid-menu .sbgrid-item .sbgrid-subIcon,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-context-menu > .sbgrid-menu .sbgrid-item .sbgrid-subIcon {
  margin-right: 0;
  margin-left: auto;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-menu-group > .sbgrid-menu .sbgrid-item .sbgrid-subIcon:before,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-context-menu > .sbgrid-menu .sbgrid-item .sbgrid-subIcon:before {
  color: var(--menu-icon-bg);
  font-size: 11px;
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-menu-group > .sbgrid-menu .sbgrid-item .sbgrid-title,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-context-menu > .sbgrid-menu .sbgrid-item .sbgrid-title {
  flex-shrink: 0;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-menu-group > .sbgrid-column .sbgrid-values,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-context-menu > .sbgrid-column .sbgrid-values {
  width: 100%;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-menu-group > .sbgrid-column .sbgrid-values > .sbgrid-value,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-context-menu > .sbgrid-column .sbgrid-values > .sbgrid-value {
  width: 100%;
  padding: 5px 5px 5px 0;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-menu-group > .sbgrid-column .sbgrid-values > .sbgrid-value > ul,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-context-menu > .sbgrid-column .sbgrid-values > .sbgrid-value > ul {
  width: 100%;
  color: var(--default-text);
  padding: 5px;
  margin: 0;
  box-sizing: border-box;
  overflow: scroll;
  overflow-x: hidden;
  max-height: 200px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-menu-group > .sbgrid-column .sbgrid-values > .sbgrid-value > ul li.sbgrid-hidden,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-context-menu > .sbgrid-column .sbgrid-values > .sbgrid-value > ul li.sbgrid-hidden {
  visibility: hidden;
  height: 0;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-menu-group > .sbgrid-column .sbgrid-values > .sbgrid-value > ul::-webkit-scrollbar,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-context-menu > .sbgrid-column .sbgrid-values > .sbgrid-value > ul::-webkit-scrollbar {
  width: 5px;
  border-radius: 3px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-menu-group > .sbgrid-column .sbgrid-values > .sbgrid-value > ul::-webkit-scrollbar-thumb,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-context-menu > .sbgrid-column .sbgrid-values > .sbgrid-value > ul::-webkit-scrollbar-thumb {
  background-color: var(--menu-scroll-thumb);
  border-radius: 3px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-menu-group > .sbgrid-column .sbgrid-values > .sbgrid-value > ul::-webkit-scrollbar-track,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-context-menu > .sbgrid-column .sbgrid-values > .sbgrid-value > ul::-webkit-scrollbar-track {
  background-color: var(--menu-scroll-track);
  border-radius: 3px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-menu-group > .sbgrid-column .sbgrid-value > ul span.empty-space,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-context-menu > .sbgrid-column .sbgrid-value > ul span.empty-space {
  flex-shrink: 0;
  display: inline-block;
  width: 15px;
  height: 15px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-menu-group > .sbgrid-column .sbgrid-value > ul li,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-context-menu > .sbgrid-column .sbgrid-value > ul li {
  display: flex;
  align-items: center;
  list-style: none;
  font-size: 12px;
  margin: 2px 2px 0 0;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-menu-group > .sbgrid-column .sbgrid-value > ul li.sbgrid-hidden,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-context-menu > .sbgrid-column .sbgrid-value > ul li.sbgrid-hidden {
  height: 0;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-menu-group > .sbgrid-column .sbgrid-value > ul li label,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-context-menu > .sbgrid-column .sbgrid-value > ul li label {
  flex-shrink: 1;
  width: 100%;
  margin-left: 5px;
  text-overflow: ellipsis;
  text-align: initial;
  white-space: nowrap;
  overflow: hidden;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-menu-group > .sbgrid-column .sbgrid-value > ul li input[type=checkbox],
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-context-menu > .sbgrid-column .sbgrid-value > ul li input[type=checkbox] {
  flex-shrink: 0;
  display: inline-flex;
  width: 15px;
  height: 15px;
  background: var(--menu-chk-bg);
  border: 1px solid var(--menu-chk-border);
  border-radius: 3px;
  box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: "sbgrid-icon";
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-menu-group > .sbgrid-column .sbgrid-value > ul li input[type=checkbox]:checked,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-context-menu > .sbgrid-column .sbgrid-value > ul li input[type=checkbox]:checked {
  position: relative;
  background: var(--menu-chk-bg);
  border: 1px solid var(--menu-chk-border);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-menu-group > .sbgrid-column .sbgrid-value > ul li input[type=checkbox]:checked::before,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-context-menu > .sbgrid-column .sbgrid-value > ul li input[type=checkbox]:checked::before {
  content: "\e938";
  color: var(--chk-icon);
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-menu-group > .sbgrid-column > .sbgrid-confirm,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-context-menu > .sbgrid-column > .sbgrid-confirm {
  display: flex;
  justify-content: flex-end;
  padding: 10px;
  box-sizing: border-box;
  border-top: 1px solid var(--menu-border);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-menu-group > .sbgrid-column > .sbgrid-confirm button,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-context-menu > .sbgrid-column > .sbgrid-confirm button {
  margin: 0 3px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-menu-group > .sbgrid-column > .sbgrid-confirm button.sbgrid-submit,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-context-menu > .sbgrid-column > .sbgrid-confirm button.sbgrid-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  padding: 0 10px;
  background: var(--secondary);
  color: #fff;
  font-family: inherit;
  font-size: 12px;
  border: 0;
  border-radius: 3px;
  cursor: pointer;
  transition: all 0.2s;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-menu-group > .sbgrid-column > .sbgrid-confirm button.sbgrid-submit:hover,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-context-menu > .sbgrid-column > .sbgrid-confirm button.sbgrid-submit:hover {
  background: var(--secondary);
  transition: all 0.2s;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-menu-group > .sbgrid-column > .sbgrid-confirm button.sbgrid-cancel,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-context-menu > .sbgrid-column > .sbgrid-confirm button.sbgrid-cancel {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  padding: 0 10px;
  background: var(--menu-btn-bg);
  border: 0;
  border-radius: 3px;
  color: var(--default-text);
  font-family: inherit;
  font-size: 12px;
  transition: all 0.2s;
  cursor: pointer;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-menu-group > .sbgrid-column > .sbgrid-confirm button.sbgrid-cancel:hover,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-context-menu > .sbgrid-column > .sbgrid-confirm button.sbgrid-cancel:hover {
  background: var(--menu-btn-bg);
  transition: all 0.2s;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-condition {
  display: flex;
  flex-direction: column;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-ico-search {
  padding: 0 10px;
  box-sizing: border-box;
  cursor: pointer;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-footer.sbgrid-fixed {
  background: var(--fixed-footer-bg);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-footer.sbgrid-fixed > .sbgrid-col.sbgrid-rowno {
  background: var(--fixed-footer-bg);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group .sbgrid-row {
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group.sbgrid-row.sbgrid-level-0 {
  background-color: var(--group-depth0-bg);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group.sbgrid-row.sbgrid-level-0 > .sbgrid-sticky {
  background-color: var(--group-depth0-bg);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group.sbgrid-row.sbgrid-level-1 {
  background-color: var(--group-depth1-bg);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group.sbgrid-row.sbgrid-level-1 > .sbgrid-sticky {
  background-color: var(--group-depth1-bg);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group.sbgrid-row.sbgrid-level-2 {
  background-color: var(--group-depth2-bg);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group.sbgrid-row.sbgrid-level-2 > .sbgrid-sticky {
  background-color: var(--group-depth2-bg);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group.sbgrid-indicator.sbgrid-level-0 {
  background-color: var(--group-depth0-bg);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group.sbgrid-indicator.sbgrid-level-1 {
  background-color: var(--group-depth1-bg);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group.sbgrid-indicator.sbgrid-level-2 {
  background-color: var(--group-depth2-bg);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group.sbgrid-title.sbgrid-level-0 {
  background-color: var(--group-depth0-bg);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group.sbgrid-title.sbgrid-level-1 {
  background-color: var(--group-depth1-bg);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group.sbgrid-title.sbgrid-level-2 {
  background-color: var(--group-depth2-bg);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group.sbgrid-hidden {
  display: none;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group.sbgrid-title {
  cursor: pointer;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group.sbgrid-title .sbgrid-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center;
  font-weight: bold;
  color: var(--group-icon-bg);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group.sbgrid-title .sbgrid-icon.sbgrid-open, .sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group.sbgrid-title .sbgrid-icon.sbgrid-close {
  font-size: 14px;
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-title,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tool,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-pager {
  display: flex;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-title span,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group span,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tool span,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-pager span {
  cursor: pointer;
  padding-right: 3px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-title .sbgrid-pager-combo,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group .sbgrid-pager-combo,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tool .sbgrid-pager-combo,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-pager .sbgrid-pager-combo {
  width: auto;
  height: 25px;
  font-weight: normal;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-title .sbgrid-pager-combo .sbgrid-combobox,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group .sbgrid-pager-combo .sbgrid-combobox,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tool .sbgrid-pager-combo .sbgrid-combobox,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-pager .sbgrid-pager-combo .sbgrid-combobox {
  width: auto;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-title .sbgrid-pager-combo .sbgrid-combobox .sbgrid-combo-inner,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group .sbgrid-pager-combo .sbgrid-combobox .sbgrid-combo-inner,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tool .sbgrid-pager-combo .sbgrid-combobox .sbgrid-combo-inner,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-pager .sbgrid-pager-combo .sbgrid-combobox .sbgrid-combo-inner {
  width: auto;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-title .sbgrid-pager-combo .sbgrid-combobox .sbgrid-combo-inner input.sbgrid-combo-value-text,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group .sbgrid-pager-combo .sbgrid-combobox .sbgrid-combo-inner input.sbgrid-combo-value-text,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tool .sbgrid-pager-combo .sbgrid-combobox .sbgrid-combo-inner input.sbgrid-combo-value-text,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-pager .sbgrid-pager-combo .sbgrid-combobox .sbgrid-combo-inner input.sbgrid-combo-value-text {
  width: 30px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-title .sbgrid-pager-combo .sbgrid-last,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group .sbgrid-pager-combo .sbgrid-last,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tool .sbgrid-pager-combo .sbgrid-last,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-pager .sbgrid-pager-combo .sbgrid-last {
  display: flex;
  margin: 0 3px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-title .sbgrid-pager-combo .sbgrid-last .sbgrid-last,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group .sbgrid-pager-combo .sbgrid-last .sbgrid-last,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tool .sbgrid-pager-combo .sbgrid-last .sbgrid-last,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-pager .sbgrid-pager-combo .sbgrid-last .sbgrid-last {
  font-size: 12px;
  line-height: 180%;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-title .sbgrid-page-size,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group .sbgrid-page-size,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tool .sbgrid-page-size,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-pager .sbgrid-page-size {
  display: flex;
  align-items: center;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-title .sbgrid-page-size .sbgrid-text,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group .sbgrid-page-size .sbgrid-text,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tool .sbgrid-page-size .sbgrid-text,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-pager .sbgrid-page-size .sbgrid-text {
  margin-left: 5px;
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-title.sbgrid-combo-popup.sbgrid-hidden,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group.sbgrid-combo-popup.sbgrid-hidden,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tool.sbgrid-combo-popup.sbgrid-hidden,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-pager.sbgrid-combo-popup.sbgrid-hidden {
  display: none;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-title.sbgrid-combo-popup > .sbgrid-wrap-popup,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group.sbgrid-combo-popup > .sbgrid-wrap-popup,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tool.sbgrid-combo-popup > .sbgrid-wrap-popup,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-pager.sbgrid-combo-popup > .sbgrid-wrap-popup {
  width: 100%;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-disabled {
  color: var(--disabled) !important;
  pointer-events: none;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-popup {
  position: absolute;
  top: 150px;
  left: 150px;
  width: 200px;
  height: auto;
  padding: 20px;
  background-color: var(--popup-bg);
  text-align: center;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-checkbox.sbgrid-checked:before {
  content: "✓";
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-selected {
  background: var(--selected);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-unselected {
  background-color: var(--unselected);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-selecting {
  background: var(--selecting);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-focused {
  background-color: var(--focused);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-focused:not(:focus-visible) {
  outline: none;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-hover {
  position: absolute;
  transform: translate(0px, 0px);
  /* transform: scale(0); */
  background-color: var(--hover);
  pointer-events: none;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-copy-top,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-copy-top.sbgrid-fill-handle-top {
  border-top: 1px dashed var(--warning);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-copy-left,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-copy-left.sbgrid-fill-handle-left {
  border-left: 1px dashed var(--warning);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-copy-bottom,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-copy-bottom.sbgrid-fill-handle-bottom {
  border-bottom: 1px dashed var(--warning);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-copy-right,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-copy-right.sbgrid-fill-handle-right {
  border-right: 1px dashed var(--warning);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-fill-handle-top {
  border-top: 1px solid var(--active);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-fill-handle-left {
  border-left: 1px solid var(--active);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-fill-handle-bottom {
  border-bottom: 1px solid var(--active);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-fill-handle-right {
  border-right: 1px solid var(--active);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-fill-handle::after {
  content: "";
  border: 3px solid var(--active);
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-col.sbgrid-indicator.sbgrid-group {
  margin: 0px;
  border-right: 1px solid var(--group-border);
  outline: 0px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-col.sbgrid-title.sbgrid-group {
  margin-top: -0.5px;
  border-top: 1px solid var(--group-border);
  outline: 0px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tooltip {
  position: relative;
  z-index: 5;
  padding: 5px 8px;
  background-color: var(--tooltip-bg);
  font-size: 12px;
  box-shadow: 1px 2px 2px var(--tooltip-shadow);
  opacity: 0;
  border-radius: 3px;
  border: 1px solid var(--tooltip-border);
  width: -moz-max-content;
  width: max-content;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tooltip.show {
  opacity: 1;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tooltip:before {
  content: "";
  position: absolute;
  border-width: 5px;
  border-style: solid;
  border-color: var(--tooltip-bg);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tooltip:after {
  content: "";
  position: absolute;
  border-width: 5px;
  border-style: solid;
  border-color: var(--tooltip-bg);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tooltip .sbgrid-title {
  color: var(--tooltip-txt);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tooltip[data-placement=top]:before {
  top: 100%;
  left: 50%;
  margin-top: 1px;
  margin-left: -5px;
  border-color: var(--tooltip-border) transparent transparent transparent;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tooltip[data-placement=top]:after {
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-color: var(--tooltip-bg) transparent transparent transparent;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tooltip[data-placement=bottom]:before {
  top: -10px;
  left: 50%;
  margin-top: -1px;
  margin-left: -5px;
  border-color: transparent transparent var(--tooltip-border) transparent;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tooltip[data-placement=bottom]:after {
  top: -10px;
  left: 50%;
  margin-left: -5px;
  border-color: transparent transparent var(--tooltip-bg) transparent;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tooltip[data-placement=right]:before {
  top: 50%;
  left: -10px;
  margin-top: -5px;
  margin-left: -1px;
  border-color: transparent var(--tooltip-border) transparent transparent;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tooltip[data-placement=right]:after {
  top: 50%;
  left: -10px;
  margin-top: -5px;
  border-color: transparent var(--tooltip-bg) transparent transparent;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tooltip[data-placement=left]:before {
  top: 50%;
  right: -10px;
  margin-top: -5px;
  margin-right: -1px;
  border-color: transparent transparent transparent var(--tooltip-border);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tooltip[data-placement=left]:after {
  top: 50%;
  right: -10px;
  margin-top: -5px;
  border-color: transparent transparent transparent var(--tooltip-bg);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tooltip.sbgrid-invalid {
  padding: 7px 10px;
  background: var(--invalid-bg);
  border: 1px solid var(--invalid-border);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tooltip.sbgrid-invalid .sbgrid-title {
  color: var(--invalid-title);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tooltip.sbgrid-invalid:before {
  content: "";
  position: absolute;
  border-width: 5px;
  border-style: solid;
  border-color: var(--invalid-border);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tooltip.sbgrid-invalid[data-placement=top]:before {
  top: 100%;
  left: 50%;
  margin-top: 1px;
  margin-left: -5px;
  border-color: var(--invalid-border) transparent transparent transparent;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tooltip.sbgrid-invalid[data-placement=top]:after {
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-color: var(--invalid-arrow) transparent transparent transparent;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tooltip.sbgrid-invalid[data-placement=bottom]:before {
  top: -10px;
  left: 50%;
  margin-top: -1px;
  margin-left: -5px;
  border-color: transparent transparent var(--invalid-border) transparent;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tooltip.sbgrid-invalid[data-placement=bottom]:after {
  top: -10px;
  left: 50%;
  margin-left: -5px;
  border-color: transparent transparent var(--invalid-arrow) transparent;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tooltip.sbgrid-invalid[data-placement=right]:before {
  top: 50%;
  left: -10px;
  margin-top: -5px;
  margin-left: -1px;
  border-color: transparent var(--invalid-border) transparent transparent;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tooltip.sbgrid-invalid[data-placement=right]:after {
  top: 50%;
  left: -10px;
  margin-top: -5px;
  border-color: transparent var(--invalid-arrow) transparent transparent;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tooltip.sbgrid-invalid[data-placement=left]:before {
  top: 50%;
  right: -10px;
  margin-top: -5px;
  margin-right: -1px;
  border-color: transparent transparent transparent var(--invalid-border);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tooltip.sbgrid-invalid[data-placement=left]:after {
  top: 50%;
  right: -10px;
  margin-top: -5px;
  border-color: transparent transparent transparent var(--invalid-bg);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-filter .sbgrid-row .sbgrid-col,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-header .sbgrid-row .sbgrid-col {
  padding-inline: 3px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col.sbgrid-hidden,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-filter .sbgrid-row .sbgrid-col.sbgrid-hidden,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-header .sbgrid-row .sbgrid-col.sbgrid-hidden {
  padding-inline: 0px;
  border-width: 0px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-caption,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-header,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-filter .sbgrid-row .sbgrid-col .sbgrid-caption,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-filter .sbgrid-row .sbgrid-col .sbgrid-header,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-header .sbgrid-row .sbgrid-col .sbgrid-caption,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-header .sbgrid-row .sbgrid-col .sbgrid-header {
  /*display: flex;align-items: center;*/
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools.sbgrid-align.sbgrid-center,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-header .sbgrid-tools.sbgrid-align.sbgrid-center,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-filter .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools.sbgrid-align.sbgrid-center,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-filter .sbgrid-row .sbgrid-col .sbgrid-header .sbgrid-tools.sbgrid-align.sbgrid-center,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-header .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools.sbgrid-align.sbgrid-center,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-header .sbgrid-row .sbgrid-col .sbgrid-header .sbgrid-tools.sbgrid-align.sbgrid-center {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: auto;
  flex: 1;
  overflow: hidden;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools.sbgrid-align.sbgrid-center .sbgrid-title,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-header .sbgrid-tools.sbgrid-align.sbgrid-center .sbgrid-title,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-filter .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools.sbgrid-align.sbgrid-center .sbgrid-title,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-filter .sbgrid-row .sbgrid-col .sbgrid-header .sbgrid-tools.sbgrid-align.sbgrid-center .sbgrid-title,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-header .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools.sbgrid-align.sbgrid-center .sbgrid-title,
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-header .sbgrid-row .sbgrid-col .sbgrid-header .sbgrid-tools.sbgrid-align.sbgrid-center .sbgrid-title {
  min-width: 0;
  flex-shrink: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-loading > .loader-wrap {
  position: absolute;
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background: var(--loading-bg);
  /*loader01*/
  /*loader02*/
  /*loader03*/
  /*loader04*/
  /*loader05*/
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-loading > .loader-wrap.sbgrid-hidden {
  display: none;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-loading > .loader-wrap .loader01 {
  position: absolute;
  top: 50%;
  z-index: 90;
  width: 40px;
  height: 40px;
  margin: -28px auto 0;
  border: 8px solid var(--loading-active);
  border-right-color: transparent;
  border-radius: 50%;
  animation: loader-rotate 1s linear infinite;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-loading > .loader-wrap .loader01:after {
  content: "";
  position: absolute;
  top: -1px;
  left: 34px;
  width: 8px;
  height: 8px;
  background: var(--loading-active);
  border-radius: 50%;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-loading > .loader-wrap .loader01:before {
  content: "";
  position: absolute;
  top: 32px;
  left: 34px;
  width: 8px;
  height: 8px;
  background: var(--loading-active);
  border-radius: 50%;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-loading > .loader-wrap .loader02 {
  position: absolute;
  top: 50%;
  width: 50px;
  height: 50px;
  margin: -28px auto 0;
  border: 5px solid transparent;
  border-top-color: var(--loading-active);
  border-bottom-color: var(--loading-active);
  border-radius: 50%;
  animation: loader-rotate 0.7s linear infinite;
}
@keyframes loader-rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-loading > .loader-wrap .loader03 {
  position: absolute;
  top: 50%;
  width: 20px;
  height: 20px;
  margin: -46px auto 0;
  animation: loader03 1s ease infinite;
}
@keyframes loader03 {
  0%, 100% {
    box-shadow: -13px 20px 0 var(--loading-active), 13px 20px 0 var(--loading-end-color), 13px 46px 0 var(--loading-end-color), -13px 46px 0 var(--loading-end-color);
  }
  25% {
    box-shadow: -13px 20px 0 var(--loading-end-color), 13px 20px 0 var(--loading-active), 13px 46px 0 var(--loading-end-color), -13px 46px 0 var(--loading-end-color);
  }
  50% {
    box-shadow: -13px 20px 0 var(--loading-end-color), 13px 20px 0 var(--loading-end-color), 13px 46px 0 var(--loading-active), -13px 46px 0 var(--loading-end-color);
  }
  75% {
    box-shadow: -13px 20px 0 var(--loading-end-color), 13px 20px 0 var(--loading-end-color), 13px 46px 0 var(--loading-end-color), -13px 46px 0 var(--loading-active);
  }
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-loading > .loader-wrap .loader04 {
  position: absolute;
  top: 50%;
  width: 10px;
  height: 48px;
  background: var(--loading-active);
  margin: -28px auto 0;
  animation: loader04 1s ease-in-out infinite;
  animation-delay: 0.4s;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-loading > .loader-wrap .loader04:after, .sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-loading > .loader-wrap .loader04:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 48px;
  background: var(--loading-active);
  animation: loader04 1s ease-in-out infinite;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-loading > .loader-wrap .loader04:before {
  right: 18px;
  animation-delay: 0.2s;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-loading > .loader-wrap .loader04:after {
  left: 18px;
  animation-delay: 0.6s;
}
@keyframes loader04 {
  0%, 100% {
    box-shadow: 0 0 0 var(--loading-active), 0 0 0 var(--loading-active);
  }
  50% {
    box-shadow: 0 -13px 0 var(--loading-active), 0 13px 0 var(--loading-active);
  }
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-loading > .loader-wrap .loader04 {
  position: absolute;
  top: 50%;
  width: 10px;
  height: 48px;
  background: var(--loading-active);
  margin: -28px auto 0;
  animation: loader04 1s ease-in-out infinite;
  animation-delay: 0.4s;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-loading > .loader-wrap .loader04:after, .sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-loading > .loader-wrap .loader04:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 48px;
  background: var(--loading-active);
  animation: loader04 1s ease-in-out infinite;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-loading > .loader-wrap .loader04:before {
  right: 18px;
  animation-delay: 0.2s;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-loading > .loader-wrap .loader04:after {
  left: 18px;
  animation-delay: 0.6s;
}
@keyframes loader04 {
  0%, 100% {
    box-shadow: 0 0 0 var(--active), 0 0 0 var(--loading-active);
  }
  50% {
    box-shadow: 0 -13px 0 var(--loading-active), 0 13px 0 var(--loading-active);
  }
}
.sbgrid-grid.sbgrid-theme-bootstrap button.sbgrid-filter {
  height: 24px;
  padding: 0 2px;
  background: transparent;
  border: none;
  cursor: pointer;
}
.sbgrid-grid.sbgrid-theme-bootstrap button.sbgrid-filter .sbgrid-filter.sbgrid-icon {
  /*padding:0 10px;*/
  color: var(--filter-icon-bg);
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-bootstrap button.sbgrid-filter .sbgrid-filter.sbgrid-icon.sbgrid-filled {
  color: var(--filter-icon-filled-bg);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-template {
  width: 100%;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-empty {
  width: 100%;
}
.sbgrid-grid.sbgrid-theme-bootstrap .search-result {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.sbgrid-grid.sbgrid-theme-bootstrap .search-result span.search-result-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  background: var(--search-result-bg);
  height: 40px;
  width: 284px;
  font-size: 12px;
  color: var(--search-result-text);
}
.sbgrid-grid.sbgrid-theme-bootstrap .search-result span.search-result-wrap .sbgrid-search {
  font-weight: bold;
  color: var(--search-result-text);
  padding: 0 10px;
  font-size: 15px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .popup-text {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  /*popup search*/
  /*popup text*/
}
.sbgrid-grid.sbgrid-theme-bootstrap .popup-text .popup-search-result-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--search-result-bg);
  padding: 30px 50px;
  border: 1px solid var(--popup-border);
  box-shadow: 0 3px 6px var(--popup-shadow);
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .popup-text .popup-search-result-wrap .sbgrid-search {
  font-weight: bold;
  color: var(--popup-text);
  padding: 0 10px;
  font-size: 15px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .popup-text .popup-search-result-wrap .sbgrid-text {
  color: var(--popup-text);
}
.sbgrid-grid.sbgrid-theme-bootstrap .popup-text .popup-text-result-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--search-result-bg);
  padding: 2em 3em;
  border: 1px solid var(--popup-border);
  box-shadow: 0 3px 6px var(--popup-shadow);
  font-size: 12px; /* color:#ffffff;*/
}
.sbgrid-grid.sbgrid-theme-bootstrap .popup-text .popup-text-result-wrap .sbgrid-trial-check {
  position: relative;
  display: block;
  width: 22px;
  height: 22px;
  background: var(--active);
  border: 2px solid transparent;
  border-radius: 100px;
  box-sizing: border-box;
  box-sizing: border-box;
  scale: 1.5;
}
.sbgrid-grid.sbgrid-theme-bootstrap .popup-text .popup-text-result-wrap .sbgrid-trial-check::after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  left: 3px;
  top: -1px;
  width: 6px;
  height: 10px;
  border-color: currentColor;
  border-width: 0 2px 2px 0;
  color: var(--popup-border);
  border-style: solid;
  transform-origin: bottom left;
  transform: rotate(45deg);
}
.sbgrid-grid.sbgrid-theme-bootstrap .popup-text .popup-text-result-wrap .sbgrid-text {
  margin-left: 20px;
  flex-shrink: 1;
  flex-grow: 1;
  color: var(--popup-text);
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-last.sbgrid-row .sbgrid-col {
  height: 0;
  border: 0;
  outline: 0;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-popup.sbgrid-search {
  position: absolute;
  z-index: 999;
  cursor: move;
  position: absolute;
  z-index: 1000;
  /*width:300px;width:auto;*/
  min-width: 100px;
  padding: 10px;
  background: var(--search-bg);
  border: 1px solid var(--menu-border);
  border-radius: 5px;
  font-size: 12px;
  box-shadow: 0 3px 6px var(--menu-shadow);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-popup.sbgrid-search .sbgrid-title {
  display: none;
  margin-bottom: 1em;
  text-align: left;
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-search {
  font-size: 0;
  padding-bottom: 5px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-search span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 15px;
  color: var(--default-text);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-search span:before {
  content: "\e945";
  font-size: 14px;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-top: 3px;
  font-family: "sbgrid-icon";
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-search input[type=text] {
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  background: var(--com-bg);
  border: 1px solid var(--com-border);
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: var(--default-text);
  margin-left: 0.5em;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-search input[type=text]:active, .sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-search input[type=text]:focus {
  border-color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-search input[type=text]:active::before, .sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-search input[type=text]:active::after, .sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-search input[type=text]:focus::before, .sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-search input[type=text]:focus::after {
  color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-condition {
  margin: 10px 0;
  padding: 1em;
  background: var(--search-condition-bg);
  border-radius: 3px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-condition .sbgrid-area {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  margin-bottom: 3px;
  font-size: 11px;
  color: var(--default-text);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-condition .sbgrid-area:last-child {
  margin-bottom: 0;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-condition .sbgrid-area label {
  display: block;
  margin-left: 5px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-condition .sbgrid-area input[type=checkbox] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: var(--search-condition-chk-bg);
  margin: 0 5px;
  border: 1px solid var(--search-condition-chk-border);
  border-radius: 3px;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-condition .sbgrid-area input[type=checkbox]:checked {
  position: relative;
  background: var(--search-condition-chk-active-bg);
  border: 1px solid var(--chk-active);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-condition .sbgrid-area input[type=checkbox]:checked::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 4px;
  display: block;
  width: 4px;
  height: 8px;
  border: solid var(--search-condition-chk-active);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-button {
  display: flex;
  justify-content: flex-end;
  padding-top: 10px;
  box-sizing: border-box;
  border-top: 1px solid var(--menu-border);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-button .sbgrid-button {
  margin: 0 3px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-button .sbgrid-search {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  padding: 0 10px;
  background: var(--secondary);
  color: #fff;
  font-family: inherit;
  font-size: 12px;
  border: 0;
  border-radius: 3px;
  cursor: pointer;
  transition: all 0.2s;
  font-size: 11px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-button .sbgrid-search:hover {
  background: var(--secondary);
  transition: all 0.2s;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-button .sbgrid-cancel {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  padding: 0 10px;
  background: var(--menu-btn-bg);
  border: 0;
  border-radius: 3px;
  color: var(--default-text);
  font-family: inherit;
  font-size: 12px;
  transition: all 0.2s;
  cursor: pointer;
  font-size: 11px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-button .sbgrid-cancel:hover {
  background: var(--menu-btn-bg);
  transition: all 0.2s;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-draggable-helper {
  z-index: 9999999;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-draggable-helper .sbgrid-fill-handle::after {
  display: none;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-draggable-helper > div {
  display: flex;
  align-items: center;
  gap: 10px;
  background: rgba(255, 255, 255, 0.95);
  border: 1px dotted var(--secondary);
  padding: 5px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-draggable-helper > div .sbgrid-col {
  display: flex;
  align-items: center;
  border: none !important;
  background: none;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-draggable-helper > div .sbgrid-col .sbgrid-text {
  font-size: 12px;
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-draggable-helper > div .sbgrid-icon {
  color: var(--secondary);
  font-size: 10px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator {
  border: 1px dashed var(--active);
  opacity: 1;
  position: relative;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-left {
  position: relative;
  border-left: 1px dashed var(--active);
  opacity: 1;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-left:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 8px solid var(--active);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-right {
  position: relative;
  border-right: 1px dashed var(--active);
  opacity: 1;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-right:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 8px solid var(--active);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-bottom {
  position: relative;
  border-bottom: 1px dashed var(--active);
  opacity: 1;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-bottom:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid var(--active);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-top {
  position: relative;
  border-top: 1px dashed var(--active);
  opacity: 1;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-top:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 8px solid var(--active);
}

.sbgrid-grid.sbgrid-theme-a11y {
  position: relative;
  /*font size*/
  /*****style*****/
  /****************************/
  /*active*/
  --active: #37567d;
  --active-border-lighten: #556f90;
  --secondary: #37567d /*#487190*/;
  --tertiary: #fff;
  --warning: red;
  --white: #ffffff;
  --black: #000000;
  /*icon*/
  --sbgrid-icon: #333333;
  /*sbgrid-bg*/
  --sbgrid-grid-bg: #fff;
  /*border*/
  --border: #bebebe;
  --grid-outline: #cecece;
  /*hover,focus,select*/
  --hover: rgba(200, 233, 255, 0.2);
  --selected: rgba(226, 243, 255, 0.4);
  --selecting: rgba(226, 243, 255, 0.4);
  --unselected: #fff;
  --focused: #fff;
  /*caption active*/
  --cap-line: #4b678a;
  --caption-bg: #f8f8f8;
  --caption-outline: #cecece;
  --caption-text: #222;
  --caption-icon-bg: #969696;
  --caption-focused: #fff;
  /*reorder*/
  --reorder-bg: #aed0ff2f;
  /*status*/
  --status-border: #d4d4d4;
  /*tool*/
  --tool-inp-bg: #fefefe;
  --tool-inp-bg-dark: #f6f6f6;
  --tool-inp-border: #e2e2e2;
  --tool-inp-border-dark: #cbcbcb;
  --tool-inp-text: #222;
  --tool-search-border: var(--tool-inp-border);
  --tool-border: #cecece;
  /*caption*/
  --caption-text: #222;
  /*filter row*/
  --filter-row-bg: #fcfcfc;
  --filter-outline: #d0d0d0;
  --filter-icon-bg: #949494;
  --filter-icon-filled-bg: #949494;
  /*상단합계*/
  --header-total-bg: #fcfcfc;
  --header-total-border: #d0d0d0;
  --header-total-outline: #cecece /*none*/;
  /*하단합계*/
  --footer-total-bg: #fcfcfc;
  --footer-total-border: #d0d0d0;
  --footer-total-outline: #d0d0d0;
  /*하단고정*/
  --fixed-footer-bg: #f8f8f8;
  /*col 관련*/
  --col-outline: #e5e5e5;
  --col-border: none;
  /*row 관련*/
  --row-last-board: #cbcbcb;
  /*moving*/
  --moving-bg: #f8f8f8;
  /*CRUD-cell*/
  --cell-delete: transparent;
  --cell-delete-bg: transparent;
  --cell-insert: transparent;
  --cell-insert-bg: transparent;
  --cell-update: transparent;
  --cell-update-bg: transparent;
  /*CRUD-row*/
  --row-delete: transparent;
  --row-delete-bg: transparent;
  --row-delete-bg-dark: transparent;
  --row-insert: transparent;
  --row-insert-bg: transparent;
  --row-insert-bg-dark: transparent;
  --row-update: transparent;
  --row-update-bg: transparent;
  --row-update-bg-dark: transparent;
  /*fixed rowheader*/
  --fixed-border: #d0d0d0;
  /*sticky*/
  --sticky-row-bg: #f9fbff;
  --sticky-row-shadow: rgba(62, 62, 62, 0.161);
  --sticky-col-select-bg: #ecf4ff;
  --sticky-selecting-bg: #ebf0f7;
  --sticky-bg: var(--sticky-selecting-bg);
  /*indicator*/
  --indicator-bg: red;
  /*resize*/
  --resize-bg: var(--active);
  --helper-border: #222;
  /*chk component active*/
  --chk-top-active: #487190;
  --chk-top-border: #487190;
  --chk-top-check: #fff;
  --chk-active: #487190;
  --chk-border: #d3d3d3;
  --chk-icon: #3d6d91;
  --chk-bg: #ffffff;
  --chk-top-bg: #ffffff;
  --chk-check-icon: var(--active);
  /*radio*/
  --rdo-bg: #ffffff;
  --rdo-border: #d2d2d2;
  --rdo-active: #487190;
  /*combo*/
  --combo-bg: #ffffff;
  --combo-text: #000;
  --combo-border: #d2d2d2;
  --combo-shadow: rgba(0, 0, 0, 0.15);
  --combo-selected: #3e4f6c;
  --combo-selected-text: #fff;
  /*inscroll*/
  --inscroll-thumb: #999999;
  --inscroll-track: #e3e3e3;
  /*input*/
  --inp-bg: #ffffff;
  --inp-text: #333333;
  --inp-border: #d2d2d2;
  --inp-disabled: #f5f5f5;
  /*multitext floating*/
  --floating-edit-bg: #fff;
  /*alternative*/
  --alter-bg1: #fafafa;
  --alter-bg2: #f0f0f0;
  --alter-bg3: #e6e6e6;
  /*merge*/
  --merge-row-bg: rgba(255, 255, 255, 0.2);
  /*loading*/
  --loading-bg: rgba(255, 255, 255, 0.7);
  --loading-active: var(--active);
  --loading-end-color: rgba(0, 82, 236, 0.2);
  /*fixed thead*/
  --rowno-text: #222;
  /*tree*/
  --tree-border: #e5e5e5;
  --tree-space: #fff;
  --tree-footer-bg: #f8f8f8;
  /*text*/
  --default-text: #222222;
  --empty-text: #6b6f76;
  /*group*/
  --group-bg: #ffffff;
  --group-default-text: #333;
  --group-text: #222;
  --group-icon-sort: #5283ef;
  --group-item-bg: #ebebeb;
  --group-icon-bg: #555;
  --group-depth0-bg: #f0f8ff;
  --group-depth1-bg: #f5f5dc;
  --group-depth2-bg: #faebd7;
  --group-border: #dbdbe2;
  /*drag*/
  --drag-bg: #e0e0e0;
  --drag-text: #222;
  /*roworder*/
  --roworder-text: #222;
  --roworder-bg: #fff;
  --roworder-shadow: rgba(0, 0, 0, 0.1);
  --roworder-border: #c7c7c7;
  --roworder-dot-bg: #d3d3d3;
  /*scroll*/
  --scroll-border: #cecece;
  --scroll-bg: #fcfcfc;
  --scroll-thumb: #919191;
  --scroll-thumb-hover: #6e6e6e;
  --scroll-btn: var(--scroll-bg);
  /*pager*/
  --page-active: #555555;
  --pager-num: var(--default-text);
  --pager-active-text: #ffffff;
  /*total*/
  --total-text: #222;
  --total-divi: #777777;
  /*filter*/
  --filter-bg: #fdfdfd;
  --filter-placeholder: #adadb2;
  /*menu*/
  --menu-bg: #fdfdfd;
  --menu-border: #dadada;
  --menu-shadow: rgba(0, 0, 0, 0.15);
  --menu-chk-border: /*#bebebe*/ #d3d3d3;
  --menu-chk-bg: #ffffff;
  --menu-count-bg: #eaeaea;
  --menu-scroll-thumb: #999999;
  --menu-scroll-track: #e3e3e3;
  --menu-seperator-border: #e8e8e8;
  --menu-disabled: #f8f8f8;
  --menu-disable-icon-bg: #cecece;
  --menu-icon-bg: #777;
  --menu-btn-bg: #efefef;
  /*component*/
  --com-border: #d2d2d2;
  --com-bg: #ffffff;
  /*tooltip*/
  --tooltip-bg: #f8fbff;
  --tooltip-txt: #084298;
  --tooltip-border: #c1d4ed;
  --tooltip-shadow: rgba(0, 0, 0, 0.2);
  /*fix*/
  --fix-border: var(--active);
  /*disabled*/
  --disabled: #555;
  /*popup*/
  --popup-bg: #fff;
  --popup-border: #e5e5e5;
  --popup-shadow: rgba(0, 0, 0, 0.15);
  --popup-icon-white: #fff;
  --popup-text: #000;
  --popup-inbox: #f5f5f5;
  /*search popup*/
  --search-bg: var(--filter-bg);
  --search-condition-inp-bg: #23282d;
  --search-condition-bg: #f5f5f5;
  --search-condition-chk-bg: #fff;
  --search-condition-chk-active-bg: var(--chk-active);
  --search-condition-chk-active: #fff;
  --search-condition-chk-border: #bebebe;
  /*search-result*/
  --search-result-bg: #f5f5f5;
  --search-result-text: #000;
  /*invalid*/
  --invalid-title: #000;
  --invalid-bg: #ffffff;
  --invalid-border: #dbdbdb;
  --invalid-arrow: var(--invalid-bg);
  /*badge*/
  --badge-bg: #fff;
  --badge-background-bg: #6c757d;
  /*edit mode*/
  --sbgrid-edit: #fff;
  --sbgrid-icon-disabled: #787878;
  /*************************************/
  /*grid bg*/
  background: var(--sbgrid-grid-bg);
  /*icon*/
  /*half*/
  /*scroll icon*/
  /*그룹핑*/
  /*상단캡션*/
  /*좌측 fixed 로우헤더*/
  /*필터- 상단 로우*/
  /*상단합계*/
  /*하단합계*/
  /*기본 col */
  /*페이징*/
  /*전체 레이아웃*/
  /*스크롤 body 영역*/
  /*sbgrid-row*/
  /*rowheader*/
  /*rowheader state*/
  /*multiText*/
  /*열고정*/
  /*열고정 sbgrid-selected 시, */
  /*편집모드 radio*/
  /* 컴포넌트 radio, chk sbgrid-text*/
  /*main color*/
  /*empty*/
  /*search result*/
  /*popup*/
}
@font-face {
  font-family: "sbgrid-icon";
  src: url("./icon/sbgrid-icon-v1.0/fonts/sbgrid-icon.ttf?jahua9") format("truetype"), url("./icon/sbgrid-icon-v1.0/fonts/sbgrid-icon.woff?jahua9") format("woff"), url("./icon/sbgrid-icon-v1.0/fonts/sbgrid-icon.svg?jahua9#sbgrid-icon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  font-family: "sbgrid-icon";
  color: var(--sbgrid-icon);
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-cancel-red {
  color: rgb(171, 21, 21);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-cancel-red::before {
  content: "\e905";
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-sort {
  position: relative;
  width: 13px;
  height: 13px;
  transition: all 0.1s;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-sort::before {
  content: "\e934";
  position: absolute;
  top: 4px;
  z-index: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 6px;
  font-weight: bold;
  opacity: 1;
  color: #969696;
  font-size: 13px;
  transition: all 0.1s;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-sort.sbgrid-asc {
  transition: all 0.1s;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-sort.sbgrid-asc::before {
  content: "\e903";
  opacity: 1;
  color: var(--active);
  transition: all 0.1s;
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-sort.sbgrid-desc {
  transition: all 0.1s;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-sort.sbgrid-desc::before {
  content: "\e900";
  opacity: 1;
  color: var(--active);
  transition: all 0.1s;
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-menu {
  font-weight: normal;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-menu::before {
  content: "\e90d";
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-filter {
  font-size: 13px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-filter.sbgrid-filled::before {
  content: "\e908";
  color: var(--active);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-filter::before {
  content: "\e907";
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-check {
  font-size: 18px;
  color: #999;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-check::before {
  content: "\e938";
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-checked {
  font-size: 18px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-checked::before {
  content: "\e938";
  color: var(--active);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-first::before {
  content: "\e909";
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-prev::before {
  content: "\e925";
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-last::before {
  content: "\e90c";
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-next::before {
  content: "\e910";
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-close::before {
  content: "\e91a";
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-open::before {
  font-size: 16px;
  content: "\e932";
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-leaf::before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 3px;
  background-color: #999999;
  border-radius: 50%;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-reorder-head {
  transition: all 0.2;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-reorder-head::before {
  content: "\e91d";
  color: var(--active);
  font-size: 18px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-reorder-head:hover {
  scale: 1.2;
  transition: all 0.2;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-reorder-tail {
  transition: all 0.2;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-reorder-tail::before {
  content: "\e91d";
  color: var(--active);
  font-size: 18px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-reorder-tail:hover {
  scale: 1.2;
  transition: all 0.2;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-calendar::before {
  content: "\e936";
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-no {
  width: auto;
  color: #6c757d;
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-sticky::before {
  content: "\e917";
  font-size: 15px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-sticky.sbgrid-pined::before {
  content: "\e921";
  color: var(--active);
  font-size: 15px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-angle-bottom::before {
  content: "\e932";
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-calendar::before {
  content: "\e936";
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-detail::before {
  content: "\e91f";
  font-size: 14px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-detail.sbgrid-open::before {
  rotate: -270deg;
  content: "\e91f";
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-loading {
  display: inline-block;
  width: 20px;
  height: 20px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-loading:after {
  content: " ";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-color: #ccc transparent #ccc transparent;
  animation: sbgrid-loading 1.2s linear infinite;
}
@keyframes sbgrid-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-rowreorder {
  cursor: grab;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-rowreorder::before {
  content: "\e93b";
  font-size: 15px;
  color: #999;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-column::before {
  content: "\e93c";
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-arrow-up::before {
  content: "\e941";
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-arrow-down::before {
  content: "\e942";
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-reset::before {
  content: "\e969";
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-copy::before {
  content: "\e954";
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-cut::before {
  content: "\e968";
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-paste::before {
  content: "\e955";
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-undo::before {
  content: "\e957";
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-redo::before {
  content: "\e956";
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-fixedCol::before {
  content: "\e93d";
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-sticky::before {
  content: "\e917";
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-addRow::before {
  content: "\e924";
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-deleteRow::before {
  content: "\e90f";
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-edit::before {
  content: "\e915";
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-escape::before {
  content: "\e927";
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-subIcon::before {
  content: "\e91a";
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-sticky-head::before {
  content: "\e93e";
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-sticky-body::before {
  content: "\e940";
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-sticky-tail::before {
  content: "\e93f";
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-update::before {
  content: "\e916";
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-insert::before {
  content: "\e923";
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-delete::before {
  content: "\e90e";
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-InsertRow::before {
  content: "\e943";
  font-size: 16px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-AppendRow {
  font-size: 16px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-AppendRow::before {
  content: "\e944";
  font-size: 16px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-search::before {
  content: "\e945";
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-icon.sbgrid-excel::before {
  content: "\e913";
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-half::before {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  background: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-grouping .sbgrid-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "sbgrid-icon";
  color: #555555;
  font-size: 12px;
  font-style: normal;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-grouping .sbgrid-icon.sbgrid-delete::before {
  content: "\e905";
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-grouping .sbgrid-icon.sbgrid-desc, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-grouping .sbgrid-icon.sbgrid-asc {
  height: 13px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-half:before {
  background: var(--active);
}
.sbgrid-grid.sbgrid-theme-a11y .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -33px -72px;
}
.sbgrid-grid.sbgrid-theme-a11y .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -33px -92px;
}
.sbgrid-grid.sbgrid-theme-a11y .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -42px -112px;
}
.sbgrid-grid.sbgrid-theme-a11y .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -42px -128px;
}
.sbgrid-grid.sbgrid-theme-a11y .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.sbgrid-grid.sbgrid-theme-a11y .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger .mCSB_dragger_bar {
  margin-right: 5px;
}
.sbgrid-grid.sbgrid-theme-a11y .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.sbgrid-grid.sbgrid-theme-a11y .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  margin: 3px auto;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-group {
  flex-grow: 0;
  height: 40px;
  background: var(--group-bg);
  padding: 6px;
  box-sizing: border-box;
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-group .sbgrid-align {
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-group .sbgrid-align .sbgrid-group {
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-group .sbgrid-align .sbgrid-group.sbgrid-item {
  display: flex;
  align-items: center;
  color: var(--group-text);
  transition: all 0.2s;
  cursor: pointer;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-group .sbgrid-align .sbgrid-group.sbgrid-item a {
  text-decoration: none;
  font-size: 12px;
  color: var(--group-text);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-group .sbgrid-align .sbgrid-group.sbgrid-item a.sbgrid-delete {
  padding: 0 6px;
  font-size: 14px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-group .sbgrid-align .sbgrid-group.sbgrid-item span.sbgrid-sort i {
  font-size: 13px;
  color: var(--group-icon-sort);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-group .sbgrid-align .sbgrid-pager.sbgrid-pager span > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0 6px;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-group .sbgrid-align .sbgrid-pager.sbgrid-pager span.sbgrid-page {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  font-size: 12px;
  text-align: center;
  color: var(--pager-num);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-group .sbgrid-align .sbgrid-pager.sbgrid-pager span.sbgrid-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  font-size: 16px;
  text-align: center;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-group .sbgrid-align .sbgrid-pager.sbgrid-pager span.sbgrid-icon.sbgrid-combo-button {
  flex-shrink: 0;
  display: flex;
  width: 20px;
  font-size: inherit !important;
  height: inherit;
  font-weight: bold;
  color: var(--combo-text);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-group .sbgrid-align .sbgrid-pager.sbgrid-pager span.sbgrid-current a {
  background: var(--page-active);
  color: var(--pager-active-text);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-caption .sbgrid-thead {
  background: var(--caption-bg);
  border-bottom: 1px solid var(--caption-outline);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-caption .sbgrid-thead .sbgrid-head .sbgrid-scroll {
  border-right: 1px solid var(--fixed-border);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-caption .sbgrid-thead .sbgrid-row > .sbgrid-col {
  margin-bottom: 0.06em;
  margin-right: 0.06em;
  border: 0px;
  outline: 1px solid var(--caption-outline);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-caption .sbgrid-thead .sbgrid-check .sbgrid-checkbox.sbgrid-checked {
  background: var(--chk-top-active);
  border: 1px solid var(--chk-top-border);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-caption .sbgrid-thead .sbgrid-check .sbgrid-checkbox.sbgrid-checked:before {
  color: var(--chk-top-check);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-part {
  /*좌측 fixed*/
  /*좌측 head*/
  /*우측 tail*/
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-part.sbgrid-fixed {
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-part.sbgrid-fixed > .sbgrid-scroll {
  border-right: 1px solid var(--fixed-border);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-part.sbgrid-head > .sbgrid-scroll > .sbgrid-row .sbgrid-col.sbgrid-hidden {
  outline: none;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-part.sbgrid-tail > .sbgrid-scroll > .sbgrid-row .sbgrid-col.sbgrid-hidden {
  outline: none;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-scroll .sbgrid-scroll-body .sbgrid-panel.sbgrid-filter {
  background: var(--filter-row-bg);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-scroll .sbgrid-scroll-body .sbgrid-panel.sbgrid-filter .sbgrid-row > .sbgrid-col {
  outline: 1px solid var(--filter-outline);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-scroll-body .sbgrid-panel.sbgrid-header {
  background: var(--header-total-bg);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-scroll-body .sbgrid-panel.sbgrid-header .sbgrid-area.sbgrid-thead {
  border-bottom: 1px solid var(--header-total-border);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-scroll-body .sbgrid-panel.sbgrid-header .sbgrid-area.sbgrid-thead .sbgrid-row .sbgrid-col {
  outline-color: var(--header-total-outline);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-scroll-body .sbgrid-panel.sbgrid-header .sbgrid-area.sbgrid-thead .sbgrid-row .sbgrid-col .sbgrid-header.sbgrid-text {
  padding: 0 1px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-scroll-body .sbgrid-panel.sbgrid-footer {
  border-top: 1px solid var(--footer-total-border);
  background: var(--footer-total-bg);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-scroll-body .sbgrid-panel.sbgrid-footer .sbgrid-row > .sbgrid-col {
  margin-bottom: 0.06em;
  margin-right: 0.06em;
  margin-top: 0.06em;
  border: 0px;
  outline: 1px solid var(--footer-total-outline);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-scroll-body .sbgrid-panel.sbgrid-footer .sbgrid-row > .sbgrid-col .sbgrid-footer.sbgrid-text {
  padding: 0 1px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row {
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row > .sbgrid-col {
  border: 1px solid transparent;
  margin-bottom: 0.06em;
  margin-right: 0.06em;
  border: 0px;
  outline: 1px solid var(--col-outline);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-title,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-tool {
  padding: 0 !important;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-title,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-tool,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-group,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-pager {
  padding: 6px;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-title .sbgrid-tools .sbgrid-tool.sbgrid-pager span > a,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-tool .sbgrid-tools .sbgrid-tool.sbgrid-pager span > a,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-group .sbgrid-tools .sbgrid-tool.sbgrid-pager span > a,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-pager .sbgrid-tools .sbgrid-tool.sbgrid-pager span > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0 6px;
  box-sizing: border-box;
  color: inherit;
  font-weight: normal;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-title .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-page,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-tool .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-page,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-group .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-page,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-pager .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-page {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--pager-num);
  width: 25px;
  height: 25px;
  font-size: 12px;
  text-align: center;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-title .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-icon,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-tool .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-icon,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-group .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-icon,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-pager .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  font-size: 16px;
  text-align: center;
  box-sizing: border-box;
  outline-offset: -1px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-title .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-icon.sbgrid-prev,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-tool .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-icon.sbgrid-prev,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-group .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-icon.sbgrid-prev,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-pager .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-icon.sbgrid-prev {
  margin-right: 2px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-title .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-icon.sbgrid-next,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-tool .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-icon.sbgrid-next,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-group .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-icon.sbgrid-next,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-pager .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-icon.sbgrid-next {
  margin-left: 2px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-title .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-current a,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-tool .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-current a,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-group .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-current a,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-pager .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-current a {
  background: var(--page-active);
  color: var(--pager-active-text);
  outline-offset: 4px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-body {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-shrink: 0;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-hidden {
  overflow: hidden;
  height: 0px;
  flex-wrap: wrap;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col {
  display: flex;
  justify-content: center;
  flex-direction: column;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-header .sbgrid-row .sbgrid-col {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding-inline: 3px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-header .sbgrid-row .sbgrid-col.sbgrid-focused {
  outline: 1px solid var(--header-total-outline);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-footer .sbgrid-row .sbgrid-col {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-tbody {
  align-self: flex-start;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 100%;
  overflow: hidden;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding-inline: 3px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-hidden {
  display: none;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-frozen {
  border-top: none !important;
  border: 0;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-tbody > .sbgrid-part > .sbgrid-scroll.sbgrid-pixel > .sbgrid-row {
  position: absolute;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-tbody .sbgrid-cell.sbgrid-edit input[type=text],
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-tbody .sbgrid-cell.sbgrid-edit input[type=number] {
  outline: auto;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-tbody .sbgrid-cell.sbgrid-edit .sbgrid-checkboxgroup .sbgrid-checkbox {
  background: var(--chk-bg);
  border: 1px solid var(--chk-active);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-tbody .sbgrid-cell.sbgrid-edit .sbgrid-checkboxgroup .sbgrid-checkbox.sbgrid-checked:before {
  color: var(--chk-icon);
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-tbody .sbgrid-checkboxgroup .sbgrid-checkbox {
  background: var(--chk-bg);
  border: 1px solid var(--chk-border);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-tbody .sbgrid-checkboxgroup .sbgrid-checkbox.sbgrid-checked:before {
  color: var(--chk-icon);
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-thead .sbgrid-checkboxgroup .sbgrid-checkbox {
  background: var(--chk-bg);
  border: 1px solid var(--chk-border);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-thead .sbgrid-checkboxgroup .sbgrid-checkbox.sbgrid-checked:before {
  color: var(--chk-icon);
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-tfoot .sbgrid-checkboxgroup .sbgrid-checkbox {
  background: var(--chk-bg);
  border: 1px solid var(--chk-border);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-tfoot .sbgrid-checkboxgroup .sbgrid-checkbox.sbgrid-checked:before {
  color: var(--chk-icon);
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-thead, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-tfoot {
  flex-shrink: 0;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-hidden {
  overflow: hidden;
  height: 0px;
  flex-wrap: wrap;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-scroll {
  display: grid;
  flex-shrink: 1;
  flex-grow: 1;
  flex-basis: 100%;
  overflow: hidden;
  grid-template: "main scrollv" calc(100% - 0px) "scrollh scrollv" 0px/calc(100% - 0px) 0px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-scroll .sbgrid-panel {
  flex-direction: column;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-body {
  flex-shrink: 1;
  flex-basis: 100%;
  overflow: hidden;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary {
  width: 100%;
  display: flex;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary select {
  position: relative;
  width: 100%;
  padding-left: 5px;
  margin: 0 1px;
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  background: var(--com-bg);
  border: 1px solid var(--com-border);
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: var(--default-text);
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary select:active, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary select:focus {
  border-color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary select:active::before, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary select:active::after, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary select:focus::before, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary select:focus::after {
  color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary select::after {
  position: absolute;
  right: 0;
  top: 0;
  content: "\e91d";
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary select::-moz-placeholder {
  color: var(--filter-placeholder);
  font-weight: lighter;
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary select::placeholder {
  color: var(--filter-placeholder);
  font-weight: lighter;
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-value {
  width: 100%;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-value {
  margin: 0 2px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values {
  display: flex;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values select,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values input {
  width: 100%;
  padding-left: 5px;
  color: var(--default-text);
  margin: 0 1px;
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  background: var(--com-bg);
  border: 1px solid var(--com-border);
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: var(--default-text);
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values select:active, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values select:focus,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values input:active,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values input:focus {
  border-color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values select:active::before, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values select:active::after, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values select:focus::before, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values select:focus::after,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values input:active::before,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values input:active::after,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values input:focus::before,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values input:focus::after {
  color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values select::-moz-placeholder, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values input::-moz-placeholder {
  color: var(--filter-placeholder);
  font-weight: lighter;
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values select::placeholder,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values input::placeholder {
  color: var(--filter-placeholder);
  font-weight: lighter;
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-a11y div.sbgrid-thead,
.sbgrid-grid.sbgrid-theme-a11y div.sbgrid-tbody,
.sbgrid-grid.sbgrid-theme-a11y div.sbgrid-tfoot,
.sbgrid-grid.sbgrid-theme-a11y div.sbgrid-hidden .sbgrid-col > .sbgrid-caption {
  width: 100%;
  font-size: 13px;
}
.sbgrid-grid.sbgrid-theme-a11y div.sbgrid-hidden .sbgrid-col > .sbgrid-caption {
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-area {
  display: flex;
  flex-direction: row;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-caption.sbgrid-column {
  display: flex;
  cursor: pointer;
}
.sbgrid-grid.sbgrid-theme-a11y div.sbgrid-scrollh {
  overflow-y: hidden;
  grid-area: scrollh;
  border-top: 1px solid var(--scroll-border);
  background: var(--scroll-bg);
}
.sbgrid-grid.sbgrid-theme-a11y div.sbgrid-scrollv {
  overflow-x: hidden;
  grid-area: scrollv;
  border-left: 1px solid var(--scroll-border);
  background: var(--scroll-bg);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-scroll-vert {
  display: flex;
  flex-direction: row;
  flex-basis: 100%;
  flex-shrink: 1;
  overflow: hidden;
  white-space: nowrap;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-scroll-body {
  display: flex;
  flex-direction: column;
  grid-area: main;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-scroll-body .sbgrid-part {
  flex-shrink: 0;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-scroll-body .sbgrid-part.sbgrid-body, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-scroll-body .sbgrid-part.sbgrid-fixed, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-scroll-body .sbgrid-part.sbgrid-head, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-scroll-body .sbgrid-part.sbgrid-tail {
  overflow: hidden;
}
.sbgrid-grid.sbgrid-theme-a11y .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.sbgrid-grid.sbgrid-theme-a11y .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.sbgrid-grid.sbgrid-theme-a11y .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.sbgrid-grid.sbgrid-theme-a11y .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.sbgrid-grid.sbgrid-theme-a11y .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.sbgrid-grid.sbgrid-theme-a11y .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.sbgrid-grid.sbgrid-theme-a11y .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.sbgrid-grid.sbgrid-theme-a11y .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background: var(--scroll-thumb);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid > .sbgrid-scroll > .sbgrid-scrollv,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid > .sbgrid-scroll > .sbgrid-scrollh {
  opacity: 0.4;
  /* Horiontal Scrollbar button (TOP-RIGHT aKa START) */
  /* Horiontal Scrollbar button (BOTTOM-RIGHT aKa END) */
  /* Vertical Scrollbar button (BOTTOM-LEFT aKa START) */
  /* Vertical Scrollbar button (BOTTOM-RIGHT aKa END) */
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid > .sbgrid-scroll > .sbgrid-scrollv::-webkit-scrollbar,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid > .sbgrid-scroll > .sbgrid-scrollh::-webkit-scrollbar {
  width: 17px;
  height: 17px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid > .sbgrid-scroll > .sbgrid-scrollv::-webkit-scrollbar-track,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid > .sbgrid-scroll > .sbgrid-scrollh::-webkit-scrollbar-track {
  background: var(--scroll-bg);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid > .sbgrid-scroll > .sbgrid-scrollv::-webkit-scrollbar-thumb,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid > .sbgrid-scroll > .sbgrid-scrollh::-webkit-scrollbar-thumb {
  background-color: var(--scroll-thumb);
  min-height: 20%;
  min-width: 8%;
  border-radius: 10px;
  border: 4px solid var(--scroll-bg);
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid > .sbgrid-scroll > .sbgrid-scrollv::-webkit-scrollbar-thumb:hover,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid > .sbgrid-scroll > .sbgrid-scrollh::-webkit-scrollbar-thumb:hover {
  background-color: var(--scroll-thumb-hover);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid > .sbgrid-scroll > .sbgrid-scrollv::-webkit-scrollbar-button,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid > .sbgrid-scroll > .sbgrid-scrollh::-webkit-scrollbar-button {
  background: var(--scroll-btn);
  width: 18px;
  height: 18px;
  cursor: pointer;
  position: relative;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid > .sbgrid-scroll > .sbgrid-scrollv::-webkit-scrollbar-button:horizontal:single-button:start,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid > .sbgrid-scroll > .sbgrid-scrollh::-webkit-scrollbar-button:horizontal:single-button:start {
  position: absolute;
  content: "";
  background-image: url(../images/mCSB_buttons.png);
  background-position: -120px -112px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid > .sbgrid-scroll > .sbgrid-scrollv::-webkit-scrollbar-button:horizontal:single-button:end,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid > .sbgrid-scroll > .sbgrid-scrollh::-webkit-scrollbar-button:horizontal:single-button:end {
  position: absolute;
  content: "";
  background-image: url(../images/mCSB_buttons.png);
  background-position: -120px -128px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid > .sbgrid-scroll > .sbgrid-scrollv::-webkit-scrollbar-button:vertical:single-button:start,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid > .sbgrid-scroll > .sbgrid-scrollh::-webkit-scrollbar-button:vertical:single-button:start {
  position: absolute;
  content: "";
  background-image: url(../images/mCSB_buttons.png);
  background-position: -112px -72px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid > .sbgrid-scroll > .sbgrid-scrollv::-webkit-scrollbar-button:vertical:single-button:end,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid > .sbgrid-scroll > .sbgrid-scrollh::-webkit-scrollbar-button:vertical:single-button:end {
  position: absolute;
  content: "";
  background-image: url(../images/mCSB_buttons.png);
  background-position: -112px -92px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row > .sbgrid-col.sbgrid-merged {
  outline-width: 0px;
  z-index: 1;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row > .sbgrid-col.sbgrid-merged.sbgrid-group.sbgrid-indicator {
  background: transparent;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row > .sbgrid-col.sbgrid-moving {
  background: var(--moving-bg);
  filter: opacity(0.5);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row > .sbgrid-col.sbgrid-sticky {
  /*align-items: center;*/
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-detail {
  color: var(--default-text);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-detail.sbgrid-hidden {
  display: none !important;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-moving {
  background: var(--moving-bg);
  filter: opacity(0.5);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-part.sbgrid-fixed > .sbgrid-scroll > .sbgrid-row > .sbgrid-col.sbgrid-sticky {
  align-items: center;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-area .sbgrid-part.sbgrid-fixed .sbgrid-row .sbgrid-col .sbgrid-cell.sbgrid-icon:before {
  font-size: 15px;
  cursor: pointer;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-area .sbgrid-part.sbgrid-fixed .sbgrid-row .sbgrid-col .sbgrid-no,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-area .sbgrid-part.sbgrid-fixed .sbgrid-row .sbgrid-col .sbgrid-sticky,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-area .sbgrid-part.sbgrid-fixed .sbgrid-row .sbgrid-col .sbgrid-check,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-area .sbgrid-part.sbgrid-fixed .sbgrid-row .sbgrid-col .sbgrid-roworder,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-area .sbgrid-part.sbgrid-fixed .sbgrid-row .sbgrid-col .sbgrid-status {
  align-items: center;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row {
  /*delete*/
  /*insert*/
  /*update*/
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-delete {
  animation: sbgrid-delete 0.8s linear;
  background-color: var(--cell-delete-bg);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-delete:before {
  color: var(--row-delete);
}
@keyframes sbgrid-delete {
  0% {
    background-color: var(--cell-delete-bg);
  }
  100% {
    background-color: var(--row-delete-bg);
  }
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-insert {
  animation: sbgrid-insert 0.8s linear;
  background-color: var(--cell-insert-bg);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-insert:before {
  color: var(--row-insert);
}
@keyframes sbgrid-contentinsert {
  0% {
    background-color: var(--row-insert-bg-dark);
  }
  100% {
    background-color: var(--row-insert-bg);
  }
}
@keyframes sbgrid-update {
  0% {
    background-color: var(--row-update-bg-dark);
  }
  100% {
    background-color: var(--row-update-bg);
  }
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-alternate {
  /*delete*/
  /*insert*/
  /*update*/
}
@keyframes sbgrid-delete {
  0% {
    background-color: var(--row-delete-bg-dark);
  }
  100% {
    background-color: var(--row-delete-bg);
  }
}
@keyframes sbgrid-contentinsert {
  0% {
    background-color: var(--row-insert-bg-dark);
  }
  100% {
    background-color: var(--row-insert-bg);
  }
}
@keyframes sbgrid-update {
  0% {
    background-color: var(--row-update-bg-dark);
  }
  100% {
    background-color: var(--row-update-bg);
  }
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-part.sbgrid-fixed {
  position: relative;
  z-index: 3;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-part.sbgrid-head {
  position: relative;
  z-index: 3;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-part.sbgrid-body {
  position: relative;
  z-index: 0;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-part.sbgrid-tail {
  position: relative;
  z-index: 3;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-part.sbgrid-tail > .sbgrid-scroll {
  border-left: solid 1px var(--border);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-floating-edit-box {
  position: absolute;
  background: var(--floating-edit-bg);
  z-index: 9999;
  box-sizing: border-box;
  box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.2);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-floating-edit-box > textarea {
  width: 100%;
  height: 100%;
  resize: none;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-scroll > .sbgrid-scroll-body {
  flex-grow: 1;
  overflow: hidden;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-scroll .sbgrid-part.sbgrid-head.sbgrid-frozen {
  border-right: dotted var(--fix-border) 1px;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-scroll .sbgrid-part.sbgrid-tail > .sbgrig-scroll {
  border-left: solid var(--border) 1px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-scroll .sbgrid-part.sbgrid-tail.sbgrid-frozen {
  border-left: dotted var(--fix-border) 1px;
  box-sizing: border-box;
  margin-left: auto;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-scroll .sbgrid-row.sbgrid-sticky {
  position: relative;
  background-color: var(--sticky-row-bg);
  box-shadow: 1px 3px 5px var(--sticky-row-shadow);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-scroll .sbgrid-row.sbgrid-caption .sbgrid-col .sbgrid-caption.sbgrid-sticky {
  background: none;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-scroll .sbgrid-row.sbgrid-caption .sbgrid-col.sbgrid-selecting.sbgrid-sticky {
  background: var(--sticky-col-select-bg) !important;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-scroll .sbgrid-row.sbgrid-caption .sbgrid-col.sbgrid-sticky.sbgrid-focused {
  background: var(--sticky-col-select-bg) !important;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-scroll .sbgrid-row .sbgrid-col.sbgrid-selected.sbgrid-sticky {
  background: var(--sticky-col-select-bg) !important;
}
.sbgrid-grid.sbgrid-theme-a11y div.sbgrid-table .sbgrid-align {
  vertical-align: top;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-align {
  display: inline-block;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-align.sbgrid-left {
  text-align: left;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-align.sbgrid-right {
  text-align: right;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-align.sbgrid-center {
  text-align: center;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-check {
  display: flex;
  justify-content: center; /*align-items: center;*/
  width: auto;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-check.sbgrid-group {
  justify-content: unset;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-check .sbgrid-checkbox {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  background: var(--chk-bg);
  border: 1px solid var(--chk-border);
  border-radius: 2px;
  box-sizing: border-box;
  font-family: "sbgrid-icon";
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-check .sbgrid-checkbox.sbgrid-checked {
  position: relative;
  background: var(--chk-bg);
  border: 1px solid var(--chk-border);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-check .sbgrid-checkbox.sbgrid-checked:before {
  content: "\e938";
  color: var(--chk-active);
  font-size: 15px;
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-caption .sbgrid-check .sbgrid-checkbox {
  background: var(--chk-top-bg);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-col.sbgrid-radio:before,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-cell.sbgrid-radio:before {
  display: none;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-radio {
  position: relative;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-radio .sbgrid-radiogroup {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-radio .sbgrid-radiogroup .sbgrid-wrap-radio {
  display: flex;
  align-items: center;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-radio .sbgrid-radiogroup .sbgrid-wrap-radio .sbgrid-radio {
  display: flex;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-radio .sbgrid-radiogroup .sbgrid-text {
  margin: 0 3px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-radio .sbgrid-text {
  display: flex;
  justify-content: center;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-radio .sbgrid-wrap-radio {
  display: flex;
  margin: 0 3px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-radio.sbgrid-group:before {
  display: none;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-radio:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: var(--rdo-bg);
  border: 1px solid var(--rdo-border);
  border-radius: 50%;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-radio.sbgrid-checked:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: var(--rdo-bg);
  border: 1px solid var(--secondary);
  border-radius: 50%;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-radio.sbgrid-checked:after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  z-index: 1;
  width: 10px;
  height: 10px;
  background: var(--secondary);
  border-radius: 50%;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-cell.sbgrid-edit .sbgrid-radio:before {
  border: 1px solid var(--rdo-border);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-cell.sbgrid-edit .sbgrid-radio.sbgrid-checked:before {
  border: 1px solid var(--rdo-active);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-checkboxgroup {
  display: inline-flex !important;
  justify-content: center;
  align-items: center;
  vertical-align: top;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-checkboxgroup .sbgrid-text {
  margin: 0 3px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid {
  position: relative;
  /*command btn*/
  /*custom btn*/
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=number] {
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  background: var(--com-bg);
  border: 1px solid var(--com-border);
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: var(--default-text);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=number]:active, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=number]:focus {
  border-color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=number]:active::before, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=number]:active::after, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=number]:focus::before, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=number]:focus::after {
  color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-command {
  margin: 0 2px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-command input[type=button] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  padding: 0 10px;
  background: var(--menu-btn-bg);
  border: 0;
  border-radius: 3px;
  color: var(--default-text);
  font-family: inherit;
  font-size: 12px;
  transition: all 0.2s;
  cursor: pointer;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-command input[type=button]:hover {
  background: var(--menu-btn-bg);
  transition: all 0.2s;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-custom {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: top;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-custom > button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  padding: 0 10px;
  background: var(--menu-btn-bg);
  border: 0;
  border-radius: 3px;
  color: var(--default-text);
  font-family: inherit;
  font-size: 12px;
  transition: all 0.2s;
  cursor: pointer;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-custom > button:hover {
  background: var(--menu-btn-bg);
  transition: all 0.2s;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-custom > img {
  display: inline-block;
  padding: 5px;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=date],
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=month],
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=datetime-local],
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=time] {
  position: relative;
  min-width: 100%;
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  background: var(--com-bg);
  border: 1px solid var(--com-border);
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: var(--default-text);
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=date]:active, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=date]:focus,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=month]:active,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=month]:focus,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=datetime-local]:active,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=datetime-local]:focus,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=time]:active,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=time]:focus {
  border-color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=date]:active::before, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=date]:active::after, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=date]:focus::before, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=date]:focus::after,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=month]:active::before,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=month]:active::after,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=month]:focus::before,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=month]:focus::after,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=datetime-local]:active::before,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=datetime-local]:active::after,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=datetime-local]:focus::before,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=datetime-local]:focus::after,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=time]:active::before,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=time]:active::after,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=time]:focus::before,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=time]:focus::after {
  color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=date]::webkit-clear-button {
  display: none;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=date]::webkit-inner-spin-button,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=month]::webkit-inner-spin-button {
  display: none;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=date]::-webkit-calendar-picker-indicator,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=month]::-webkit-calendar-picker-indicator,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=datetime-local]::-webkit-calendar-picker-indicator,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=time]::-webkit-calendar-picker-indicator {
  background: transparent;
  z-index: 1;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=date]::after,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=month]::after,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=datetime-local]::after,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=time]::after {
  content: "\e936";
  position: absolute;
  top: 50%;
  right: 5px;
  z-index: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  font-family: "sbgrid-icon";
  color: var(--inp-text);
  background: var(--inp-bg);
  scale: 1.2;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-row.sbgrid-edit {
  background: var(--sbgrid-edit);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-cell.sbgrid-edit input[type=date],
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-cell.sbgrid-edit input[type=month],
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-cell.sbgrid-edit input[type=datetime-local],
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-cell.sbgrid-edit input[type=time] {
  border: 1px solid var(--chk-active);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid textarea {
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  background: var(--com-bg);
  border: 1px solid var(--com-border);
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: var(--default-text);
  height: auto;
  resize: none;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid textarea:active, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid textarea:focus {
  border-color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid textarea:active::before, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid textarea:active::after, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid textarea:focus::before, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid textarea:focus::after {
  color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=text] {
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  background: var(--com-bg);
  border: 1px solid var(--com-border);
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: var(--default-text);
  outline: auto;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=text]:active, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=text]:focus {
  border-color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=text]:active::before, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=text]:active::after, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=text]:focus::before, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=text]:focus::after {
  color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=text].disabled, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=text]:disabled {
  background: var(--inp-disabled) !important;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-cell.sbgrid-edit input[type=text] {
  color: var(--default-text);
  border: 1px solid var(--chk-active);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=number] {
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  background: var(--com-bg);
  border: 1px solid var(--com-border);
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: var(--default-text);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=number]:active, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=number]:focus {
  border-color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=number]:active::before, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=number]:active::after, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=number]:focus::before, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=number]:focus::after {
  color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-cell.sbgrid-edit input[type=number] {
  outline: auto;
  border: 1px solid var(--chk-active);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-combobox {
  display: flex;
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  background: var(--com-bg);
  border: 1px solid var(--com-border);
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: var(--default-text);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-combobox:active, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-combobox:focus {
  border-color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-combobox:active::before, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-combobox:active::after, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-combobox:focus::before, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-combobox:focus::after {
  color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-combobox .sbgrid-combo-inner {
  flex-shrink: 0;
  flex-grow: 1;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  height: inherit;
  flex-basis: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-combobox .sbgrid-combo-inner input.sbgrid-combo-value-text {
  font-size: 12px;
  height: 100%;
  border: none;
  outline: none;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-combobox .sbgrid-combo-inner span.sbgrid-combo-value-text {
  font-size: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-combobox .sbgrid-combo-button {
  flex-shrink: 0;
  display: flex;
  width: 20px;
  height: inherit;
  font-weight: bold;
  color: var(--combo-text);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-cell.sbgrid-edit .sbgrid-combobox {
  border: 1px solid var(--chk-active);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-combo-popup {
  position: absolute;
  z-index: 1000;
  background: var(--combo-bg);
  border: 1px solid var(--combo-border);
  border-radius: 5px;
  box-shadow: 0 1px 3px var(--combo-shadow);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-combo-popup div.sbgrid-wrap-popup {
  overflow: auto;
  overflow-x: hidden;
  max-height: 200px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-combo-popup div.sbgrid-wrap-popup ul.sbgrid-popup-items {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-combo-popup div.sbgrid-wrap-popup ul.sbgrid-popup-items li {
  display: flex;
  align-items: center;
  list-style: none;
  font-size: 12px;
  padding: 4px 5px;
  cursor: pointer;
  min-height: 16px;
  color: var(--default-text);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-combo-popup div.sbgrid-wrap-popup ul.sbgrid-popup-items li:hover {
  background: var(--hover);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-combo-popup div.sbgrid-wrap-popup ul.sbgrid-popup-items li.sbgrid-combo-item-selected {
  background: var(--combo-selected);
  color: var(--combo-selected-text);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-combo-popup div.sbgrid-wrap-popup ul.sbgrid-popup-items li input[type=checkbox] {
  flex-shrink: 0;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: var(--inp-bg);
  border: 1px solid var(--menu-chk-border);
  border-radius: 3px;
  box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-combo-popup div.sbgrid-wrap-popup ul.sbgrid-popup-items li input[type=checkbox]:checked {
  position: relative;
  background: var(--chk-active);
  border: 1px solid var(--chk-active);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-combo-popup div.sbgrid-wrap-popup ul.sbgrid-popup-items li input[type=checkbox]:checked::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 4px;
  display: block;
  width: 4px;
  height: 8px;
  border: solid var(--menu-chk-bg);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-combo-popup div.sbgrid-wrap-popup::-webkit-scrollbar {
  width: 5px;
  border-radius: 3px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-combo-popup div.sbgrid-wrap-popup::-webkit-scrollbar-thumb {
  background-color: var(--inscroll-thumb);
  border-radius: 3px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-combo-popup div.sbgrid-wrap-popup::-webkit-scrollbar-track {
  background-color: var(--inscroll-track);
  border-radius: 3px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-combo-popup div.sbgrid-wrap-popup .sbgrid-text {
  margin: 0 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-multitext {
  padding-inline: 0;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-multitext .sbgrid-multitext.sbgrid-text {
  margin: 0;
  padding: 0 5px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-multitext .sbgrid-multitext.sbgrid-text.sbgrid-multitext-preline {
  white-space: pre-line;
  overflow-y: auto;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-cell.sbgrid-edit textarea {
  border: 1px solid var(--chk-active);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-alternate {
  background-color: var(--alter-bg1);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-alternate.sbgrid-alternate-2 {
  background-color: var(--alter-bg2);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-alternate.sbgrid-alternate-3 {
  background-color: var(--alter-bg3);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row {
  box-sizing: border-box;
  color: var(--default-text);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-edit {
  background: none;
  animation: none;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-alternate {
  background: none;
  animation: none;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-update {
  background: none;
  animation: none;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-filter > .sbgrid-col {
  overflow: hidden;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-filter > .sbgrid-col.sbgrid-focused {
  position: relative; /*border:1px solid red;*/
  background: none;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-filter > .sbgrid-col.sbgrid-focused:after {
  content: "";
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: 1px solid;
  border-color: var(--active-border-lighten);
  pointer-events: none;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-filter > .sbgrid-col.sbgrid-hover {
  background: none;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-filter > .sbgrid-col:hover {
  background: none;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row > .sbgrid-col {
  white-space: nowrap;
  box-sizing: border-box; /* border 및 padding을 너비에 포함시킨다. */
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row > .sbgrid-col > .sbgrid-text,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row > .sbgrid-col .sbgrid-number {
  margin: 0; /* margin 제거 */
  padding: 0 5px; /* 내부 padding으로 여백 조정 */
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
  line-height: normal;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row > .sbgrid-col > .sbgrid-text:has(.sbgrid-text) {
  text-overflow: unset;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row > .sbgrid-col input {
  width: 100%;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row > .sbgrid-col.sbgrid-group.sbgrid-title span {
  padding: 0 5px;
  overflow: hidden;
  white-space: nowrap;
  color: var(--default-text);
  text-overflow: ellipsis;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row > .sbgrid-col .sbgrid-group.sbgrid-title {
  display: flex;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row > .sbgrid-col.sbgrid-center {
  text-align: center;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row > .sbgrid-col.sbgrid-left {
  text-align: left;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row > .sbgrid-col.sbgrid-right {
  text-align: right;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row > .sbgrid-col.sbgrid-status.sbgrid-center {
  align-items: center !important;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row > .sbgrid-col.sbgrid-status.sbgrid-left {
  align-items: flex-start !important;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row > .sbgrid-col.sbgrid-status.sbgrid-right {
  align-items: flex-end !important;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row > .sbgrid-col.sbgrid-merge.sbgrid-merge-row {
  background-color: var(--merge-row-bg);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row .sbgrid-rowno {
  text-align: center;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-hidden .sbgrid-col {
  display: none;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-variable .sbgrid-col .sbgrid-cell {
  white-space: normal;
  text-overflow: initial;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-variable .sbgrid-col .sbgrid-cell.sbgrid-icon {
  overflow: hidden;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-fixed > span.sbgrid-col.sbgrid-rowno.sbgrid-focused {
  outline: none;
  border-right: 2px solid var(--secondary);
  background: var(--caption-focused) !important;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-header > .sbgrid-col > .sbgrid-header {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-footer > .sbgrid-col > .sbgrid-footer {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-caption > .sbgrid-col.sbgrid-focused {
  outline: none;
  position: relative;
  background: var(--caption-focused) !important;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-caption > .sbgrid-col.sbgrid-focused:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 0px;
  background: #ccc;
  margin-bottom: -1px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-caption > .sbgrid-col.reorderable {
  background-color: var(--reorder-bg);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: stretch;
  height: 100%;
  padding-inline: 0px;
  margin-bottom: 0;
  margin-right: 0;
  outline: 0px;
  border: 0px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree.sbgrid-fill-handle-right {
  margin-right: 0.06em;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree.sbgrid-fill-handle-bottom {
  margin-bottom: 0;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree.sbgrid-fill-handle-left > .sbgrid-cell.sbgrid-tree > span.sbgrid-title {
  margin-left: 0;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree > .sbgrid-cell.sbgrid-tree {
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree > .sbgrid-cell.sbgrid-tree.sbgrid-last > .sbgrid-space.sbgrid-last {
  border-bottom: 1px solid var(--tree-border);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree > .sbgrid-cell.sbgrid-tree > .sbgrid-space:not(.sbgrid-last) {
  background-color: var(--tree-space);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree > .sbgrid-cell.sbgrid-tree > .sbgrid-space {
  flex-grow: 0;
  flex-shrink: 0;
  width: 20px;
  border-left: 1px solid var(--tree-border);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree > .sbgrid-cell.sbgrid-tree > .sbgrid-title {
  flex-grow: 1;
  display: flex;
  align-items: center;
  margin-bottom: 0.06em;
  margin-right: 0.06em;
  margin-left: 0.08em;
  outline: 1px solid var(--tree-border);
  padding-inline: 6px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree > .sbgrid-cell.sbgrid-tree > .sbgrid-title > .sbgrid-icon {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  top: 3px;
  background-position: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree > .sbgrid-cell.sbgrid-tree > .sbgrid-title .sbgrid-icon + .sbgrid-text {
  margin-left: 5px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree > .sbgrid-cell.sbgrid-tree > .sbgrid-title > .sbgrid-check {
  margin: 0 5px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree > .sbgrid-cell.sbgrid-tree > .sbgrid-title > .sbgrid-check + .sbgrid-text {
  margin-left: 0;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-tree.sbgrid-footer {
  background: var(--tree-footer-bg);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-tree.sbgrid-footer > .sbgrid-col > .sbgrid-cell > .sbgrid-title {
  padding-inline: 6px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-tree.sbgrid-footer > .sbgrid-col > .sbgrid-cell > .sbgrid-space.sbgrid-last {
  border-bottom: 1px solid var(--tree-border);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-tree.sbgrid-row.sbgrid-sticky {
  background-color: var(--sticky-row-bg);
  box-shadow: 1px 3px 5px var(--sticky-row-shadow);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-col.sbgrid-hidden {
  display: none;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-invalid > .sbgrid-indicator {
  border: 3px solid var(--indicator-bg);
  border-color: var(--indicator-bg) transparent transparent var(--indicator-bg);
  left: 0;
  transition: 0.1s all;
  position: absolute;
  top: 0;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-invalid > .sbgrid-indicator:hover {
  border: 5px solid var(--indicator-bg);
  border-color: var(--indicator-bg) transparent transparent var(--indicator-bg);
  transition: 0.1s all;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-column .sbgrid-icon.sbgrid-menu {
  /*float:right;*/
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-column.sbgrid-filter {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-status {
  font-size: 12px;
  padding: 6px;
  border: 1px solid var(--status-border);
  border-top: none;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-status > div {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-status > div .sbgrid-item {
  margin: 0 10px;
  text-shadow: 0.5px 0;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-status > div .sbgrid-item .excel.status {
  text-shadow: 0.5px 0;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-hidden {
  font-size: 9pt;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-hidden .sbgrid-col {
  border: 1px solid transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-hidden .sbgrid-col .sbgrid-cell {
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-title {
  align-items: center;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: bold;
  align-items: stretch;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-title > .sbgrid-tools {
  padding: 6px;
  border-bottom: 1px solid var(--tool-border);
  display: flex;
  align-items: center;
  flex: 1;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-group > .sbgrid-tools, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-tool > .sbgrid-tools, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-pager > .sbgrid-tools {
  flex: 1;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel .sbgrid-table .sbgrid-tr {
  overflow: hidden;
  white-space: nowrap;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel .sbgrid-table .sbgrid-align {
  overflow: hidden;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel > .sbgrid-tools .sbgrid-tool {
  color: var(--default-text);
  /*tool - right*/
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel > .sbgrid-tools .sbgrid-tool input[type=button] {
  padding: 6px 10px;
  margin-right: 5px;
  background: var(--tool-inp-bg);
  border: 1px solid var(--tool-inp-border);
  box-sizing: border-box;
  color: var(--tool-inp-text);
  transition: all 0.2s;
  cursor: pointer;
  font-size: 12px;
  border-radius: 3px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel > .sbgrid-tools .sbgrid-tool input[type=button]:hover {
  background: var(--tool-inp-bg-dark);
  transition: all 0.2s;
  border: 1px solid var(--tool-inp-border-dark);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel > .sbgrid-tools .sbgrid-tool .sbgrid-search-wrap {
  display: flex;
  align-items: center;
  border: 1px solid var(--tool-search-border);
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel > .sbgrid-tools .sbgrid-tool .sbgrid-search-wrap input[type=text] {
  height: 30px;
  padding-left: 10px;
  border: 0;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel > .sbgrid-tools .sbgrid-tool .sbgrid-search-wrap input[type=text]::-moz-placeholder {
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel > .sbgrid-tools .sbgrid-tool .sbgrid-search-wrap input[type=text]::placeholder {
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel > .sbgrid-tools .sbgrid-tool span.sbgrid-caption {
  padding: 6px;
  font-size: 12px;
  color: var(--caption-text);
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel > .sbgrid-tools .sbgrid-tool .sbgrid-grouping span.sbgrid-caption {
  color: var(--group-default-text);
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel > .sbgrid-tools .sbgrid-tool button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  padding: 0 10px;
  background: var(--menu-btn-bg);
  border: 0;
  border-radius: 3px;
  color: var(--default-text);
  font-family: inherit;
  font-size: 12px;
  transition: all 0.2s;
  cursor: pointer;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel > .sbgrid-tools .sbgrid-tool button:hover {
  background: var(--menu-btn-bg);
  transition: all 0.2s;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel > .sbgrid-tools .sbgrid-tool select {
  padding: 6px 10px;
  margin: 0 5px;
  background: var(--tool-inp-bg);
  border: 1px solid var(--tool-inp-border);
  box-sizing: border-box;
  color: var(--tool-inp-text);
  transition: all 0.2s;
  cursor: pointer;
  font-size: 12px;
  border-radius: 3px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel > .sbgrid-part {
  display: flex;
  flex-grow: 1;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel > .sbgrid-center {
  justify-content: center;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel > .sbgrid-right {
  justify-content: right;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel .sbgrid-row .sbgrid-col {
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel .sbgrid-row .sbgrid-rowno {
  /*background: #FBFBFB;*/
  background: none;
  color: var(--rowno-text);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel .sbgrid-row .sbgrid-sticky {
  background: var(--sticky-row-bg); /*color: #222;*/
  z-index: 1;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel .sbgrid-row .sbgrid-sticky.sbgrid-selected {
  background: var(--selected); /*color: #222;*/
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel .sbgrid-row .sbgrid-sticky.sbgrid-selecting {
  background: var(--sticky-selecting-bg);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel .sbgrid-row .sbgrid-sticky.sbgrid-merged.sbgrid-selecting {
  background: var(--sticky-selecting-bg);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel .sbgrid-row .sbgrid-sticky.sbgrid-merged.sbgrid-selected {
  background: var(--selected);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel .sbgrid-row.sbgrid-group .sbgrid-sticky {
  background: transparent;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel .sbgrid-part.sbgrid-fixed .sbgrid-row.sbgrid-fixed .sbgrid-sticky {
  background: none;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col {
  font-weight: bold;
  text-align: center;
  color: var(--caption-text);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-caption {
  display: flex;
  align-items: center;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools .sbgrid-order {
  margin: 1px;
  display: flex;
  align-items: center;
  width: 24px;
  height: 24px;
  justify-content: center;
  outline-offset: -3px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools .sbgrid-hidden {
  display: none;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools .sbgrid-title {
  margin-right: 2px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools:first-child {
  display: flex;
  justify-content: center;
  align-items: center;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools .sbgrid-icon.sbgrid-sort::before {
  color: var(--sbgrid-icon) -disabled;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools .sbgrid-icon.sbgrid-desc::before, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools .sbgrid-icon.sbgrid-asc::before {
  color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools .sbgrid-icon.sbgrid-sort-default {
  color: var(--caption-icon-bg);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools .sbgrid-icon.sbgrid-filter {
  padding: 0 10px;
  color: var(--caption-icon-bg);
  box-sizing: border-box;
  background-color: transparent;
  border: none;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-header > .sbgrid-area > .sbgrid-part > .sbgrid-scroll > .sbgrid-row > .sbgrid-col {
  display: flex;
  justify-content: center;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-header > .sbgrid-area > .sbgrid-part > .sbgrid-scroll > .sbgrid-row > .sbgrid-col > span.sbgrid-header {
  color: var(--total-text);
  text-shadow: 0.5px 0;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-area > .sbgrid-part > .sbgrid-scroll > .sbgrid-row.sbgrid-last {
  height: 0;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-area .sbgrid-part .sbgrid-scroll .sbgrid-row .sbgrid-col.sbgrid-group.sbgrid-title {
  border-bottom: none;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-area .sbgrid-part .sbgrid-scroll .sbgrid-row .sbgrid-col.sbgrid-group.sbgrid-indicator {
  border-top: none;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-area .sbgrid-part .sbgrid-scroll .sbgrid-row .sbgrid-col.sbgrid-group.sbgrid-indicator.sbgrid-level-first {
  border-top: none;
  border-right: none;
  border-bottom: 1px solid var(--col-border);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-area .sbgrid-part .sbgrid-scroll .sbgrid-row .sbgrid-col.sbgrid-group.sbgrid-indicator.sbgrid-level-next {
  border-top: none;
  border-right: none;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-area .sbgrid-part.sbgrid-body .sbgrid-scroll .sbgrid-row.sbgrid-sticky .sbgrid-sticky {
  background: var(--sticky-bg);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-tbody .sbgrid-part.sbgrid-body .sbgrid-scroll .sbgrid-row .sbgrid-col.sbgrid-sticky {
  box-shadow: 1px 1px 5px var(--sticky-row-shadow);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-row.sbgrid-group.sbgrid-footer:has(.sbgrid-col) {
  border-top: none;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-footer > .sbgrid-area > .sbgrid-part > .sbgrid-scroll > .sbgrid-row > .sbgrid-col {
  display: flex;
  justify-content: center;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-footer > .sbgrid-area > .sbgrid-part > .sbgrid-scroll > .sbgrid-row > .sbgrid-col > span.sbgrid-footer {
  color: var(--total-text);
  text-shadow: 0.5px 0;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-tool {
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-tool > .sbgrid-tools {
  padding: 6px;
  border-bottom: 1px solid var(--tool-border);
  flex: 1;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-scroll {
  border: 1px solid var(--scroll-border);
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tools {
  flex-grow: 1;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tools > .sbgrid-tool.sbgrid-item {
  display: inline-block;
  vertical-align: top;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tool.sbgrid-group {
  display: flex;
  flex-grow: 1;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tool.sbgrid-pager {
  padding: 0 5px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tool.sbgrid-custom {
  padding: 0 5px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-reorder-indicator.sbgrid-col {
  position: absolute;
  width: 1px;
  border-left: 3px dotted var(--secondary);
  opacity: 0;
  z-index: 10;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator {
  border: 2px dotted var(--secondary);
  opacity: 1;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-left {
  border-left: 2px dotted var(--secondary);
  opacity: 1;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-right {
  border-right: 2px dotted var(--secondary);
  opacity: 1;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-reorder-indicator.sbgrid-row {
  position: absolute;
  border-top: 2px dotted var(--secondary);
  opacity: 0;
  z-index: 20;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-reorder-head,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-reorder-tail {
  position: absolute;
  z-index: 100;
  margin-left: -7px;
  margin-top: -10px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-reorder-head.on:before,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-reorder-tail.on:before {
  transform: scale(1.5);
  transition: all 0.2s;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-resize-indicator {
  position: absolute;
  cursor: ew-resize;
  border-left: 3px solid var(--resize-bg);
  opacity: 0;
  z-index: 100;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-resize-indicator:hover {
  opacity: 1;
}
.sbgrid-grid.sbgrid-theme-a11y div.sbgrid-resize-helper {
  width: 10px;
  border-left: 2px dotted var(--helper-border);
  z-index: 10;
}
.sbgrid-grid.sbgrid-theme-a11y span.sbgrid-reorder-helper {
  border-left: 2px dotted var(--secondary);
  z-index: 10;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group .sbgrid-grouping {
  display: flex;
  align-items: center;
  height: 24px;
  margin-right: 5px;
  padding: 0 10px;
  background: var(--group-item-bg);
  border-radius: 30px;
  box-sizing: border-box;
  color: var(--group-text);
  cursor: pointer;
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-draggable-helper.sbgrid-col {
  display: inline-flex;
  align-items: center;
  height: 24px;
  background: var(--drag-bg);
  padding: 6px 15px;
  border-radius: 30px;
  box-sizing: border-box;
  font-size: 12px;
  color: var(--drag-text);
  z-index: 999;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-draggable-helper.sbgrid-col .sbgrid-row.sbgrid-moving {
  filter: opacity(1);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-draggable-helper.sbgrid-rowreorder {
  padding-left: 25px;
  cursor: move;
  background-color: transparent;
  z-index: 999;
  box-sizing: border-box;
  font-size: 12px;
  color: var(--roworder-text);
  pointer-events: none;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-draggable-helper.sbgrid-rowreorder > div {
  border: none;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-draggable-helper.sbgrid-rowreorder .sbgrid-row.sbgrid-moving {
  filter: opacity(1);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-draggable-helper.sbgrid-rowreorder {
  display: inline-flex;
  align-items: center;
  background: var(--roworder-bg);
  min-height: 30px;
  padding: 0 15px;
  box-shadow: 1px 3px 3px var(--roworder-shadow);
  border-radius: 0;
  font-size: 12px;
  color: var(--roworder-text);
  border-radius: 5px;
  border: 1px solid var(--roworder-border);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-draggable-helper.sbgrid-rowreorder .sbgrid-icon.sbgrid-rowreorder:before {
  color: var(--secondary);
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-draggable-helper.sbgrid-rowreorder .sbgrid-moving {
  background: none;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-draggable-helper.sbgrid-rowreorder .sbgrid-sticky {
  box-shadow: none !important;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-draggable-helper.sbgrid-rowreorder .sbgrid-row {
  display: inline-flex;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-draggable-helper.sbgrid-rowreorder .sbgrid-col {
  position: relative;
  padding: 0 5px !important;
  outline: none;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-draggable-helper.sbgrid-rowreorder .sbgrid-col.sbgrid-indicator.sbgrid-group {
  width: 0;
  padding: 0 0px !important;
  border: 0px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-draggable-helper.sbgrid-rowreorder .sbgrid-col.sbgrid-tree > .sbgrid-cell.sbgrid-tree > .sbgrid-space {
  width: 0;
  padding: 0 0px !important;
  border: 0px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-draggable-helper.sbgrid-rowreorder .sbgrid-col:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -3px;
  margin-top: -2px;
  display: block;
  width: 5px;
  height: 5px;
  background: var(--roworder-dot-bg);
  border-radius: 50%;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-draggable-helper.sbgrid-rowreorder > div {
  display: flex;
  align-items: center;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-draggable-helper.sbgrid-rowreorder > .sbgrid-row {
  display: flex;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-draggable-helper.sbgrid-rowreorder > .sbgrid-row > .sbgrid-col {
  outline: 0;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu {
  position: absolute;
  z-index: 1000;
  /*width:300px;*/
  width: auto;
  min-width: 100px;
  max-width: 250px;
  box-sizing: border-box;
  padding: 10px;
  background: var(--filter-bg);
  border: 1px solid var(--menu-border);
  border-radius: 5px;
  box-shadow: 0 1px 3px var(--menu-shadow);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu > span.sbgrid-checkable {
  width: 100%;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu select,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu select.sbgrid-operator,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu input.sbgrid-search,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu input[type=text] {
  margin-bottom: 4px;
  padding-left: 5px;
  height: auto;
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  background: var(--com-bg);
  border: 1px solid var(--com-border);
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: var(--default-text);
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu select:active, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu select:focus,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu select.sbgrid-operator:active,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu select.sbgrid-operator:focus,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu input.sbgrid-search:active,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu input.sbgrid-search:focus,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu input[type=text]:active,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu input[type=text]:focus {
  border-color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu select:active::before, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu select:active::after, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu select:focus::before, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu select:focus::after,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu select.sbgrid-operator:active::before,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu select.sbgrid-operator:active::after,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu select.sbgrid-operator:focus::before,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu select.sbgrid-operator:focus::after,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu input.sbgrid-search:active::before,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu input.sbgrid-search:active::after,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu input.sbgrid-search:focus::before,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu input.sbgrid-search:focus::after,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu input[type=text]:active::before,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu input[type=text]:active::after,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu input[type=text]:focus::before,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu input[type=text]:focus::after {
  color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu select::-moz-placeholder, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu select.sbgrid-operator::-moz-placeholder, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu input.sbgrid-search::-moz-placeholder, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu input[type=text]::-moz-placeholder {
  color: var(--filter-placeholder);
  font-weight: lighter;
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu select::placeholder,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu select.sbgrid-operator::placeholder,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu input.sbgrid-search::placeholder,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu input[type=text]::placeholder {
  color: var(--filter-placeholder);
  font-weight: lighter;
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu .sbgrid-value > ul {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu .sbgrid-value > ul li {
  display: flex;
  align-items: center;
  list-style: none;
  font-size: 12px;
  margin: 5px 2px 0 0;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu .sbgrid-value > ul li.sbgrid-hidden {
  height: 0;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu .sbgrid-value > ul li label {
  display: flex;
  align-items: center;
  flex-shrink: 1;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu .sbgrid-value > ul li input[type=checkbox] {
  flex-shrink: 0;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: var(--inp-bg);
  margin: 0 5px;
  border: 1px solid var(--menu-chk-border);
  border-radius: 3px;
  box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu .sbgrid-value > ul li input[type=checkbox]:checked {
  position: relative;
  background: var(--chk-active);
  border: 1px solid var(--chk-active);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu .sbgrid-value > ul li input[type=checkbox]:checked::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 4px;
  display: block;
  width: 4px;
  height: 8px;
  border: solid var(--menu-chk-bg);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu span.count {
  display: block;
  padding: 5px;
  margin: 10px 0 5px 0;
  font-size: 12px;
  text-shadow: 0.5px 0;
  background: var(--menu-count-bg);
  box-sizing: border-box;
  text-align: center;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu > .sbgrid-condition {
  margin-bottom: 10px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu > .sbgrid-condition span.sbgrid-values {
  display: inline-block;
  width: 100%;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu > .sbgrid-condition span.sbgrid-values span.sbgrid-value {
  display: inline-block;
  width: 100%;
  margin-bottom: 4px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu > .sbgrid-condition span.sbgrid-values span.sbgrid-value .sbgrid-search {
  width: 100%;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu > .sbgrid-condition div.sbgrid-operator {
  display: flex;
  justify-content: space-between;
  padding: 5px 0;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu > .sbgrid-condition div.sbgrid-operator .sbgrid-join {
  display: flex;
  align-items: center;
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu > .sbgrid-condition div.sbgrid-operator input[type=radio] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 16px;
  height: 16px;
  background: var(--inp-bg);
  border: 1px solid var(--inp-border);
  border-radius: 50%;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu > .sbgrid-condition div.sbgrid-operator input[type=radio]:checked {
  position: relative;
  border: 1px solid var(--secondary);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu > .sbgrid-condition div.sbgrid-operator input[type=radio]:checked:before {
  content: "";
  position: absolute;
  display: inline-block;
  left: 2px;
  top: 2px;
  width: 10px;
  height: 10px;
  background: var(--secondary);
  border-radius: 50%;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu > .sbgrid-condition div.sbgrid-operator label {
  display: inline-block;
  padding: 0 2px;
  line-height: 18px;
  color: var(--default-text);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu > .sbgrid-confirm {
  display: flex;
  justify-content: flex-end;
  padding-top: 10px;
  box-sizing: border-box;
  border-top: 1px solid var(--menu-border);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu > .sbgrid-confirm button {
  margin: 0 3px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu > .sbgrid-confirm button.sbgrid-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  padding: 0 10px;
  background: var(--secondary);
  color: #fff;
  font-family: inherit;
  font-size: 12px;
  border: 0;
  border-radius: 3px;
  cursor: pointer;
  transition: all 0.2s;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu > .sbgrid-confirm button.sbgrid-submit:hover {
  background: var(--secondary);
  transition: all 0.2s;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu > .sbgrid-confirm button.sbgrid-cancel {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  padding: 0 10px;
  background: var(--menu-btn-bg);
  border: 0;
  border-radius: 3px;
  color: var(--default-text);
  font-family: inherit;
  font-size: 12px;
  transition: all 0.2s;
  cursor: pointer;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu > .sbgrid-confirm button.sbgrid-cancel:hover {
  background: var(--menu-btn-bg);
  transition: all 0.2s;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu.sbgrid-hidden {
  display: none;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu .sbgrid-values > .sbgrid-value > ul {
  overflow: scroll;
  overflow-x: hidden;
  max-height: 200px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu .sbgrid-values > .sbgrid-value > ul li.sbgrid-hidden {
  visibility: hidden;
  height: 0;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu .sbgrid-values > .sbgrid-value > ul::-webkit-scrollbar {
  width: 5px;
  border-radius: 3px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu .sbgrid-values > .sbgrid-value > ul::-webkit-scrollbar-thumb {
  background-color: var(--menu-scroll-thumb);
  border-radius: 3px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu .sbgrid-values > .sbgrid-value > ul::-webkit-scrollbar-track {
  background-color: var(--menu-scroll-track);
  border-radius: 3px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-empty-message {
  padding: 20px 0;
  text-align: center;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-empty-message span {
  margin: 0;
  padding: 0 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
  line-height: normal;
  font-size: 12px;
  color: var(--empty-text);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-menu-group {
  position: absolute;
  display: table-cell;
  z-index: 2000;
  min-width: 130px;
  background-color: var(--menu-bg);
  border-radius: 5px;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-context-menu {
  position: absolute;
  display: table-cell;
  z-index: 2000;
  min-width: 130px;
  background-color: var(--menu-bg);
  border-radius: 5px;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-menu-group > .sbgrid-menu,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-context-menu > .sbgrid-menu {
  position: absolute;
  display: flex;
  flex-direction: column;
  min-width: 100%;
  background: var(--menu-bg);
  border-radius: 5px;
  box-sizing: border-box;
  border: 1px solid var(--menu-border);
  box-shadow: 0 1px 3px var(--menu-shadow);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-menu-group > .sbgrid-menu .sbgrid-item,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-context-menu > .sbgrid-menu .sbgrid-item {
  display: inline-flex;
  align-items: center;
  width: 100%;
  min-height: 26px;
  padding: 1px 5px;
  font-size: 12px;
  cursor: pointer;
  box-sizing: border-box;
  color: var(--default-text);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-menu-group > .sbgrid-menu .sbgrid-item.sbgrid-seperator,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-context-menu > .sbgrid-menu .sbgrid-item.sbgrid-seperator {
  height: 0;
  min-height: 0;
  border-top: 1px solid var(--menu-seperator-border);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-menu-group > .sbgrid-menu .sbgrid-item:hover,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-context-menu > .sbgrid-menu .sbgrid-item:hover {
  background-color: var(--hover);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-menu-group > .sbgrid-menu .sbgrid-item.sbgrid-disabled,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-context-menu > .sbgrid-menu .sbgrid-item.sbgrid-disabled {
  background: var(--menu-disabled);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-menu-group > .sbgrid-menu .sbgrid-item.sbgrid-disabled .sbgrid-icon,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-context-menu > .sbgrid-menu .sbgrid-item.sbgrid-disabled .sbgrid-icon {
  font-size: 18px;
  margin-right: 10px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-menu-group > .sbgrid-menu .sbgrid-item.sbgrid-disabled .sbgrid-icon:before,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-context-menu > .sbgrid-menu .sbgrid-item.sbgrid-disabled .sbgrid-icon:before {
  color: var(--menu-disable-icon-bg);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-menu-group > .sbgrid-menu .sbgrid-item .sbgrid-icon,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-context-menu > .sbgrid-menu .sbgrid-item .sbgrid-icon {
  font-size: 18px;
  margin-left: 3px;
  margin-right: 10px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-menu-group > .sbgrid-menu .sbgrid-item .sbgrid-subIcon,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-context-menu > .sbgrid-menu .sbgrid-item .sbgrid-subIcon {
  margin-right: 0;
  margin-left: auto;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-menu-group > .sbgrid-menu .sbgrid-item .sbgrid-subIcon:before,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-context-menu > .sbgrid-menu .sbgrid-item .sbgrid-subIcon:before {
  color: var(--menu-icon-bg);
  font-size: 11px;
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-menu-group > .sbgrid-menu .sbgrid-item .sbgrid-title,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-context-menu > .sbgrid-menu .sbgrid-item .sbgrid-title {
  flex-shrink: 0;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-menu-group > .sbgrid-column .sbgrid-values,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-context-menu > .sbgrid-column .sbgrid-values {
  width: 100%;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-menu-group > .sbgrid-column .sbgrid-values > .sbgrid-value,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-context-menu > .sbgrid-column .sbgrid-values > .sbgrid-value {
  width: 100%;
  padding: 5px 5px 5px 0;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-menu-group > .sbgrid-column .sbgrid-values > .sbgrid-value > ul,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-context-menu > .sbgrid-column .sbgrid-values > .sbgrid-value > ul {
  width: 100%;
  color: var(--default-text);
  padding: 5px;
  margin: 0;
  box-sizing: border-box;
  overflow: scroll;
  overflow-x: hidden;
  max-height: 200px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-menu-group > .sbgrid-column .sbgrid-values > .sbgrid-value > ul li.sbgrid-hidden,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-context-menu > .sbgrid-column .sbgrid-values > .sbgrid-value > ul li.sbgrid-hidden {
  visibility: hidden;
  height: 0;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-menu-group > .sbgrid-column .sbgrid-values > .sbgrid-value > ul::-webkit-scrollbar,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-context-menu > .sbgrid-column .sbgrid-values > .sbgrid-value > ul::-webkit-scrollbar {
  width: 5px;
  border-radius: 3px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-menu-group > .sbgrid-column .sbgrid-values > .sbgrid-value > ul::-webkit-scrollbar-thumb,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-context-menu > .sbgrid-column .sbgrid-values > .sbgrid-value > ul::-webkit-scrollbar-thumb {
  background-color: var(--menu-scroll-thumb);
  border-radius: 3px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-menu-group > .sbgrid-column .sbgrid-values > .sbgrid-value > ul::-webkit-scrollbar-track,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-context-menu > .sbgrid-column .sbgrid-values > .sbgrid-value > ul::-webkit-scrollbar-track {
  background-color: var(--menu-scroll-track);
  border-radius: 3px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-menu-group > .sbgrid-column .sbgrid-value > ul span.empty-space,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-context-menu > .sbgrid-column .sbgrid-value > ul span.empty-space {
  flex-shrink: 0;
  display: inline-block;
  width: 15px;
  height: 15px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-menu-group > .sbgrid-column .sbgrid-value > ul li,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-context-menu > .sbgrid-column .sbgrid-value > ul li {
  display: flex;
  align-items: center;
  list-style: none;
  font-size: 12px;
  margin: 2px 2px 0 0;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-menu-group > .sbgrid-column .sbgrid-value > ul li.sbgrid-hidden,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-context-menu > .sbgrid-column .sbgrid-value > ul li.sbgrid-hidden {
  height: 0;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-menu-group > .sbgrid-column .sbgrid-value > ul li label,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-context-menu > .sbgrid-column .sbgrid-value > ul li label {
  flex-shrink: 1;
  width: 100%;
  margin-left: 5px;
  text-overflow: ellipsis;
  text-align: initial;
  white-space: nowrap;
  overflow: hidden;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-menu-group > .sbgrid-column .sbgrid-value > ul li input[type=checkbox],
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-context-menu > .sbgrid-column .sbgrid-value > ul li input[type=checkbox] {
  flex-shrink: 0;
  display: inline-flex;
  width: 15px;
  height: 15px;
  background: var(--menu-chk-bg);
  border: 1px solid var(--menu-chk-border);
  border-radius: 3px;
  box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: "sbgrid-icon";
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-menu-group > .sbgrid-column .sbgrid-value > ul li input[type=checkbox]:checked,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-context-menu > .sbgrid-column .sbgrid-value > ul li input[type=checkbox]:checked {
  position: relative;
  background: var(--menu-chk-bg);
  border: 1px solid var(--menu-chk-border);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-menu-group > .sbgrid-column .sbgrid-value > ul li input[type=checkbox]:checked::before,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-context-menu > .sbgrid-column .sbgrid-value > ul li input[type=checkbox]:checked::before {
  content: "\e938";
  color: var(--chk-icon);
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-menu-group > .sbgrid-column > .sbgrid-confirm,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-context-menu > .sbgrid-column > .sbgrid-confirm {
  display: flex;
  justify-content: flex-end;
  padding: 10px;
  box-sizing: border-box;
  border-top: 1px solid var(--menu-border);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-menu-group > .sbgrid-column > .sbgrid-confirm button,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-context-menu > .sbgrid-column > .sbgrid-confirm button {
  margin: 0 3px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-menu-group > .sbgrid-column > .sbgrid-confirm button.sbgrid-submit,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-context-menu > .sbgrid-column > .sbgrid-confirm button.sbgrid-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  padding: 0 10px;
  background: var(--secondary);
  color: #fff;
  font-family: inherit;
  font-size: 12px;
  border: 0;
  border-radius: 3px;
  cursor: pointer;
  transition: all 0.2s;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-menu-group > .sbgrid-column > .sbgrid-confirm button.sbgrid-submit:hover,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-context-menu > .sbgrid-column > .sbgrid-confirm button.sbgrid-submit:hover {
  background: var(--secondary);
  transition: all 0.2s;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-menu-group > .sbgrid-column > .sbgrid-confirm button.sbgrid-cancel,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-context-menu > .sbgrid-column > .sbgrid-confirm button.sbgrid-cancel {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  padding: 0 10px;
  background: var(--menu-btn-bg);
  border: 0;
  border-radius: 3px;
  color: var(--default-text);
  font-family: inherit;
  font-size: 12px;
  transition: all 0.2s;
  cursor: pointer;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-menu-group > .sbgrid-column > .sbgrid-confirm button.sbgrid-cancel:hover,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-context-menu > .sbgrid-column > .sbgrid-confirm button.sbgrid-cancel:hover {
  background: var(--menu-btn-bg);
  transition: all 0.2s;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-condition {
  display: flex;
  flex-direction: column;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-ico-search {
  padding: 0 10px;
  box-sizing: border-box;
  cursor: pointer;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-footer.sbgrid-fixed {
  background: var(--fixed-footer-bg);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-footer.sbgrid-fixed > .sbgrid-col.sbgrid-rowno {
  background: var(--fixed-footer-bg);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group .sbgrid-row {
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group.sbgrid-row.sbgrid-level-0 {
  background-color: var(--group-depth0-bg);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group.sbgrid-row.sbgrid-level-0 > .sbgrid-sticky {
  background-color: var(--group-depth0-bg);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group.sbgrid-row.sbgrid-level-1 {
  background-color: var(--group-depth1-bg);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group.sbgrid-row.sbgrid-level-1 > .sbgrid-sticky {
  background-color: var(--group-depth1-bg);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group.sbgrid-row.sbgrid-level-2 {
  background-color: var(--group-depth2-bg);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group.sbgrid-row.sbgrid-level-2 > .sbgrid-sticky {
  background-color: var(--group-depth2-bg);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group.sbgrid-indicator.sbgrid-level-0 {
  background-color: var(--group-depth0-bg);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group.sbgrid-indicator.sbgrid-level-1 {
  background-color: var(--group-depth1-bg);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group.sbgrid-indicator.sbgrid-level-2 {
  background-color: var(--group-depth2-bg);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group.sbgrid-title.sbgrid-level-0 {
  background-color: var(--group-depth0-bg);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group.sbgrid-title.sbgrid-level-1 {
  background-color: var(--group-depth1-bg);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group.sbgrid-title.sbgrid-level-2 {
  background-color: var(--group-depth2-bg);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group.sbgrid-hidden {
  display: none;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group.sbgrid-title {
  cursor: pointer;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group.sbgrid-title .sbgrid-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center;
  font-weight: bold;
  color: var(--group-icon-bg);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group.sbgrid-title .sbgrid-icon.sbgrid-open, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-group.sbgrid-title .sbgrid-icon.sbgrid-close {
  font-size: 14px;
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-title,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tool,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-pager {
  display: flex;
  flex-wrap: wrap;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-title span,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group span,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tool span,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-pager span {
  cursor: pointer;
  padding-right: 3px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-title .sbgrid-pager-combo,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group .sbgrid-pager-combo,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tool .sbgrid-pager-combo,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-pager .sbgrid-pager-combo {
  width: auto;
  height: 25px;
  font-weight: normal;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-title .sbgrid-pager-combo .sbgrid-combobox,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group .sbgrid-pager-combo .sbgrid-combobox,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tool .sbgrid-pager-combo .sbgrid-combobox,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-pager .sbgrid-pager-combo .sbgrid-combobox {
  width: auto;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-title .sbgrid-pager-combo .sbgrid-combobox .sbgrid-combo-inner,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group .sbgrid-pager-combo .sbgrid-combobox .sbgrid-combo-inner,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tool .sbgrid-pager-combo .sbgrid-combobox .sbgrid-combo-inner,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-pager .sbgrid-pager-combo .sbgrid-combobox .sbgrid-combo-inner {
  width: auto;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-title .sbgrid-pager-combo .sbgrid-combobox .sbgrid-combo-inner input.sbgrid-combo-value-text,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group .sbgrid-pager-combo .sbgrid-combobox .sbgrid-combo-inner input.sbgrid-combo-value-text,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tool .sbgrid-pager-combo .sbgrid-combobox .sbgrid-combo-inner input.sbgrid-combo-value-text,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-pager .sbgrid-pager-combo .sbgrid-combobox .sbgrid-combo-inner input.sbgrid-combo-value-text {
  width: 30px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-title .sbgrid-pager-combo .sbgrid-last,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group .sbgrid-pager-combo .sbgrid-last,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tool .sbgrid-pager-combo .sbgrid-last,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-pager .sbgrid-pager-combo .sbgrid-last {
  display: flex;
  margin: 0 3px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-title .sbgrid-pager-combo .sbgrid-last .sbgrid-last,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group .sbgrid-pager-combo .sbgrid-last .sbgrid-last,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tool .sbgrid-pager-combo .sbgrid-last .sbgrid-last,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-pager .sbgrid-pager-combo .sbgrid-last .sbgrid-last {
  font-size: 12px;
  line-height: 180%;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-title .sbgrid-page-size,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group .sbgrid-page-size,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tool .sbgrid-page-size,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-pager .sbgrid-page-size {
  display: flex;
  align-items: center;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-title .sbgrid-page-size .sbgrid-text,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group .sbgrid-page-size .sbgrid-text,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tool .sbgrid-page-size .sbgrid-text,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-pager .sbgrid-page-size .sbgrid-text {
  margin-left: 5px;
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-title.sbgrid-combo-popup.sbgrid-hidden,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group.sbgrid-combo-popup.sbgrid-hidden,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tool.sbgrid-combo-popup.sbgrid-hidden,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-pager.sbgrid-combo-popup.sbgrid-hidden {
  display: none;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-title.sbgrid-combo-popup > .sbgrid-wrap-popup,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group.sbgrid-combo-popup > .sbgrid-wrap-popup,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tool.sbgrid-combo-popup > .sbgrid-wrap-popup,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-pager.sbgrid-combo-popup > .sbgrid-wrap-popup {
  width: 100%;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-disabled {
  color: var(--disabled) !important;
  pointer-events: none;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-popup {
  position: absolute;
  top: 150px;
  left: 150px;
  width: 200px;
  height: auto;
  padding: 20px;
  background-color: var(--popup-bg);
  text-align: center;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-checkbox.sbgrid-checked:before {
  content: "✓";
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-selected {
  background: var(--selected);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-unselected {
  background-color: var(--unselected);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-selecting {
  background: var(--selecting);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-focused {
  background-color: var(--focused);
  border: 3px dotted var(--secondary) !important;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-focused:not(:focus-visible) {
  outline: none;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-hover {
  position: absolute;
  transform: translate(0px, 0px);
  /* transform: scale(0); */
  background-color: var(--hover);
  pointer-events: none;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-copy-top,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-copy-top.sbgrid-fill-handle-top {
  border-top: 1px dashed var(--warning);
  z-index: 1;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-copy-left,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-copy-left.sbgrid-fill-handle-left {
  border-left: 1px dashed var(--warning);
  z-index: 1;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-copy-bottom,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-copy-bottom.sbgrid-fill-handle-bottom {
  border-bottom: 1px dashed var(--warning);
  z-index: 1;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-copy-right,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-copy-right.sbgrid-fill-handle-right {
  border-right: 1px dashed var(--warning);
  z-index: 1;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-fill-handle-top {
  border-top: 1px solid var(--active);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-fill-handle-left {
  border-left: 1px solid var(--active);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-fill-handle-bottom {
  border-bottom: 1px solid var(--active);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-fill-handle-right {
  border-right: 1px solid var(--active);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-fill-handle::after {
  content: "";
  border: 3px solid var(--active);
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-col.sbgrid-indicator.sbgrid-group {
  margin: 0px;
  border-right: 1px solid var(--group-border);
  outline: 0px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-col.sbgrid-title.sbgrid-group {
  margin-top: -0.5px;
  border-top: 1px solid var(--group-border);
  outline: 0px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tooltip {
  position: relative;
  z-index: 5;
  padding: 5px 8px;
  background-color: var(--tooltip-bg);
  font-size: 12px;
  box-shadow: 1px 2px 2px var(--tooltip-shadow);
  opacity: 0;
  border-radius: 3px;
  border: 1px solid var(--tooltip-border);
  width: -moz-max-content;
  width: max-content;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tooltip.show {
  opacity: 1;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tooltip:before {
  content: "";
  position: absolute;
  border-width: 5px;
  border-style: solid;
  border-color: var(--tooltip-bg);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tooltip:after {
  content: "";
  position: absolute;
  border-width: 5px;
  border-style: solid;
  border-color: var(--tooltip-bg);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tooltip .sbgrid-title {
  color: var(--tooltip-txt);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tooltip[data-placement=top]:before {
  top: 100%;
  left: 50%;
  margin-top: 1px;
  margin-left: -5px;
  border-color: var(--tooltip-border) transparent transparent transparent;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tooltip[data-placement=top]:after {
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-color: var(--tooltip-bg) transparent transparent transparent;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tooltip[data-placement=bottom]:before {
  top: -10px;
  left: 50%;
  margin-top: -1px;
  margin-left: -5px;
  border-color: transparent transparent var(--tooltip-border) transparent;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tooltip[data-placement=bottom]:after {
  top: -10px;
  left: 50%;
  margin-left: -5px;
  border-color: transparent transparent var(--tooltip-bg) transparent;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tooltip[data-placement=right]:before {
  top: 50%;
  left: -10px;
  margin-top: -5px;
  margin-left: -1px;
  border-color: transparent var(--tooltip-border) transparent transparent;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tooltip[data-placement=right]:after {
  top: 50%;
  left: -10px;
  margin-top: -5px;
  border-color: transparent var(--tooltip-bg) transparent transparent;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tooltip[data-placement=left]:before {
  top: 50%;
  right: -10px;
  margin-top: -5px;
  margin-right: -1px;
  border-color: transparent transparent transparent var(--tooltip-border);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tooltip[data-placement=left]:after {
  top: 50%;
  right: -10px;
  margin-top: -5px;
  border-color: transparent transparent transparent var(--tooltip-bg);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tooltip.sbgrid-invalid {
  padding: 7px 10px;
  background: var(--invalid-bg);
  border: 1px solid var(--invalid-border);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tooltip.sbgrid-invalid .sbgrid-title {
  color: var(--invalid-title);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tooltip.sbgrid-invalid:before {
  content: "";
  position: absolute;
  border-width: 5px;
  border-style: solid;
  border-color: var(--invalid-border);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tooltip.sbgrid-invalid[data-placement=top]:before {
  top: 100%;
  left: 50%;
  margin-top: 1px;
  margin-left: -5px;
  border-color: var(--invalid-border) transparent transparent transparent;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tooltip.sbgrid-invalid[data-placement=top]:after {
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-color: var(--invalid-arrow) transparent transparent transparent;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tooltip.sbgrid-invalid[data-placement=bottom]:before {
  top: -10px;
  left: 50%;
  margin-top: -1px;
  margin-left: -5px;
  border-color: transparent transparent var(--invalid-border) transparent;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tooltip.sbgrid-invalid[data-placement=bottom]:after {
  top: -10px;
  left: 50%;
  margin-left: -5px;
  border-color: transparent transparent var(--invalid-arrow) transparent;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tooltip.sbgrid-invalid[data-placement=right]:before {
  top: 50%;
  left: -10px;
  margin-top: -5px;
  margin-left: -1px;
  border-color: transparent var(--invalid-border) transparent transparent;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tooltip.sbgrid-invalid[data-placement=right]:after {
  top: 50%;
  left: -10px;
  margin-top: -5px;
  border-color: transparent var(--invalid-arrow) transparent transparent;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tooltip.sbgrid-invalid[data-placement=left]:before {
  top: 50%;
  right: -10px;
  margin-top: -5px;
  margin-right: -1px;
  border-color: transparent transparent transparent var(--invalid-border);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tooltip.sbgrid-invalid[data-placement=left]:after {
  top: 50%;
  right: -10px;
  margin-top: -5px;
  border-color: transparent transparent transparent var(--invalid-bg);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-filter .sbgrid-row .sbgrid-col,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-header .sbgrid-row .sbgrid-col {
  padding-inline: 3px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col.sbgrid-hidden,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-filter .sbgrid-row .sbgrid-col.sbgrid-hidden,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-header .sbgrid-row .sbgrid-col.sbgrid-hidden {
  padding-inline: 0px;
  border-width: 0px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-caption,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-header,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-filter .sbgrid-row .sbgrid-col .sbgrid-caption,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-filter .sbgrid-row .sbgrid-col .sbgrid-header,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-header .sbgrid-row .sbgrid-col .sbgrid-caption,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-header .sbgrid-row .sbgrid-col .sbgrid-header {
  /*display: flex;align-items: center;*/
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools.sbgrid-align.sbgrid-center,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-header .sbgrid-tools.sbgrid-align.sbgrid-center,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-filter .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools.sbgrid-align.sbgrid-center,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-filter .sbgrid-row .sbgrid-col .sbgrid-header .sbgrid-tools.sbgrid-align.sbgrid-center,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-header .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools.sbgrid-align.sbgrid-center,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-header .sbgrid-row .sbgrid-col .sbgrid-header .sbgrid-tools.sbgrid-align.sbgrid-center {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: auto;
  flex: 1;
  overflow: hidden;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools.sbgrid-align.sbgrid-center .sbgrid-title,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-header .sbgrid-tools.sbgrid-align.sbgrid-center .sbgrid-title,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-filter .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools.sbgrid-align.sbgrid-center .sbgrid-title,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-filter .sbgrid-row .sbgrid-col .sbgrid-header .sbgrid-tools.sbgrid-align.sbgrid-center .sbgrid-title,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-header .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools.sbgrid-align.sbgrid-center .sbgrid-title,
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-header .sbgrid-row .sbgrid-col .sbgrid-header .sbgrid-tools.sbgrid-align.sbgrid-center .sbgrid-title {
  min-width: 0;
  flex-shrink: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-loading > .loader-wrap {
  position: absolute;
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background: var(--loading-bg);
  /*loader01*/
  /*loader02*/
  /*loader03*/
  /*loader04*/
  /*loader05*/
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-loading > .loader-wrap.sbgrid-hidden {
  display: none;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-loading > .loader-wrap .loader01 {
  position: absolute;
  top: 50%;
  z-index: 90;
  width: 40px;
  height: 40px;
  margin: -28px auto 0;
  border: 8px solid var(--loading-active);
  border-right-color: transparent;
  border-radius: 50%;
  animation: loader-rotate 1s linear infinite;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-loading > .loader-wrap .loader01:after {
  content: "";
  position: absolute;
  top: -1px;
  left: 34px;
  width: 8px;
  height: 8px;
  background: var(--loading-active);
  border-radius: 50%;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-loading > .loader-wrap .loader01:before {
  content: "";
  position: absolute;
  top: 32px;
  left: 34px;
  width: 8px;
  height: 8px;
  background: var(--loading-active);
  border-radius: 50%;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-loading > .loader-wrap .loader02 {
  position: absolute;
  top: 50%;
  width: 50px;
  height: 50px;
  margin: -28px auto 0;
  border: 5px solid transparent;
  border-top-color: var(--loading-active);
  border-bottom-color: var(--loading-active);
  border-radius: 50%;
  animation: loader-rotate 0.7s linear infinite;
}
@keyframes loader-rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-loading > .loader-wrap .loader03 {
  position: absolute;
  top: 50%;
  width: 20px;
  height: 20px;
  margin: -46px auto 0;
  animation: loader03 1s ease infinite;
}
@keyframes loader03 {
  0%, 100% {
    box-shadow: -13px 20px 0 var(--loading-active), 13px 20px 0 var(--loading-end-color), 13px 46px 0 var(--loading-end-color), -13px 46px 0 var(--loading-end-color);
  }
  25% {
    box-shadow: -13px 20px 0 var(--loading-end-color), 13px 20px 0 var(--loading-active), 13px 46px 0 var(--loading-end-color), -13px 46px 0 var(--loading-end-color);
  }
  50% {
    box-shadow: -13px 20px 0 var(--loading-end-color), 13px 20px 0 var(--loading-end-color), 13px 46px 0 var(--loading-active), -13px 46px 0 var(--loading-end-color);
  }
  75% {
    box-shadow: -13px 20px 0 var(--loading-end-color), 13px 20px 0 var(--loading-end-color), 13px 46px 0 var(--loading-end-color), -13px 46px 0 var(--loading-active);
  }
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-loading > .loader-wrap .loader04 {
  position: absolute;
  top: 50%;
  width: 10px;
  height: 48px;
  background: var(--loading-active);
  margin: -28px auto 0;
  animation: loader04 1s ease-in-out infinite;
  animation-delay: 0.4s;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-loading > .loader-wrap .loader04:after, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-loading > .loader-wrap .loader04:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 48px;
  background: var(--loading-active);
  animation: loader04 1s ease-in-out infinite;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-loading > .loader-wrap .loader04:before {
  right: 18px;
  animation-delay: 0.2s;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-loading > .loader-wrap .loader04:after {
  left: 18px;
  animation-delay: 0.6s;
}
@keyframes loader04 {
  0%, 100% {
    box-shadow: 0 0 0 var(--loading-active), 0 0 0 var(--loading-active);
  }
  50% {
    box-shadow: 0 -13px 0 var(--loading-active), 0 13px 0 var(--loading-active);
  }
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-loading > .loader-wrap .loader04 {
  position: absolute;
  top: 50%;
  width: 10px;
  height: 48px;
  background: var(--loading-active);
  margin: -28px auto 0;
  animation: loader04 1s ease-in-out infinite;
  animation-delay: 0.4s;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-loading > .loader-wrap .loader04:after, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-loading > .loader-wrap .loader04:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 48px;
  background: var(--loading-active);
  animation: loader04 1s ease-in-out infinite;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-loading > .loader-wrap .loader04:before {
  right: 18px;
  animation-delay: 0.2s;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-loading > .loader-wrap .loader04:after {
  left: 18px;
  animation-delay: 0.6s;
}
@keyframes loader04 {
  0%, 100% {
    box-shadow: 0 0 0 var(--active), 0 0 0 var(--loading-active);
  }
  50% {
    box-shadow: 0 -13px 0 var(--loading-active), 0 13px 0 var(--loading-active);
  }
}
.sbgrid-grid.sbgrid-theme-a11y button.sbgrid-filter {
  height: 24px;
  padding: 0 2px;
  background: transparent;
  border: none;
  cursor: pointer;
}
.sbgrid-grid.sbgrid-theme-a11y button.sbgrid-filter .sbgrid-filter.sbgrid-icon {
  /*padding:0 10px;*/
  color: var(--filter-icon-bg);
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-a11y button.sbgrid-filter .sbgrid-filter.sbgrid-icon.sbgrid-filled {
  color: var(--filter-icon-filled-bg);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-template {
  width: 100%;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-empty {
  width: 100%;
  grid-column: 1/span 4;
}
.sbgrid-grid.sbgrid-theme-a11y .search-result {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.sbgrid-grid.sbgrid-theme-a11y .search-result span.search-result-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  background: var(--search-result-bg);
  height: 40px;
  width: 284px;
  font-size: 12px;
  color: var(--search-result-text);
}
.sbgrid-grid.sbgrid-theme-a11y .search-result span.search-result-wrap .sbgrid-search {
  font-weight: bold;
  color: var(--search-result-text);
  padding: 0 10px;
  font-size: 15px;
}
.sbgrid-grid.sbgrid-theme-a11y .popup-text {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  /*popup search*/
  /*popup text*/
}
.sbgrid-grid.sbgrid-theme-a11y .popup-text .popup-search-result-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--search-result-bg);
  padding: 30px 50px;
  border: 1px solid var(--popup-border);
  box-shadow: 0 3px 6px var(--popup-shadow);
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-a11y .popup-text .popup-search-result-wrap .sbgrid-search {
  font-weight: bold;
  color: var(--popup-text);
  padding: 0 10px;
  font-size: 15px;
}
.sbgrid-grid.sbgrid-theme-a11y .popup-text .popup-search-result-wrap .sbgrid-text {
  color: var(--popup-text);
}
.sbgrid-grid.sbgrid-theme-a11y .popup-text .popup-text-result-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--search-result-bg);
  padding: 2em 3em;
  border: 1px solid var(--popup-border);
  box-shadow: 0 3px 6px var(--popup-shadow);
  font-size: 12px; /* color:#ffffff;*/
}
.sbgrid-grid.sbgrid-theme-a11y .popup-text .popup-text-result-wrap .sbgrid-trial-check {
  position: relative;
  display: block;
  width: 22px;
  height: 22px;
  background: var(--active);
  border: 2px solid transparent;
  border-radius: 100px;
  box-sizing: border-box;
  box-sizing: border-box;
  scale: 1.5;
}
.sbgrid-grid.sbgrid-theme-a11y .popup-text .popup-text-result-wrap .sbgrid-trial-check::after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  left: 3px;
  top: -1px;
  width: 6px;
  height: 10px;
  border-color: currentColor;
  border-width: 0 2px 2px 0;
  color: var(--popup-border);
  border-style: solid;
  transform-origin: bottom left;
  transform: rotate(45deg);
}
.sbgrid-grid.sbgrid-theme-a11y .popup-text .popup-text-result-wrap .sbgrid-text {
  margin-left: 20px;
  flex-shrink: 1;
  flex-grow: 1;
  color: var(--popup-text);
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-last.sbgrid-row .sbgrid-col {
  height: 0;
  border: 0;
  outline: 0;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-popup.sbgrid-search {
  position: absolute;
  z-index: 999;
  cursor: move;
  position: absolute;
  z-index: 1000;
  /*width:300px;width:auto;*/
  min-width: 100px;
  padding: 10px;
  background: var(--search-bg);
  border: 1px solid var(--menu-border);
  border-radius: 5px;
  font-size: 12px;
  box-shadow: 0 3px 6px var(--menu-shadow);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-popup.sbgrid-search .sbgrid-title {
  display: none;
  margin-bottom: 1em;
  text-align: left;
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-search {
  font-size: 0;
  padding-bottom: 5px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-search span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 15px;
  color: var(--default-text);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-search span:before {
  content: "\e945";
  font-size: 14px;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-top: 3px;
  font-family: "sbgrid-icon";
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-search input[type=text] {
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  background: var(--com-bg);
  border: 1px solid var(--com-border);
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: var(--default-text);
  margin-left: 0.5em;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-search input[type=text]:active, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-search input[type=text]:focus {
  border-color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-search input[type=text]:active::before, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-search input[type=text]:active::after, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-search input[type=text]:focus::before, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-search input[type=text]:focus::after {
  color: var(--secondary);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-condition {
  margin: 10px 0;
  padding: 1em;
  background: var(--search-condition-bg);
  border-radius: 3px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-condition .sbgrid-area {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  margin-bottom: 3px;
  font-size: 11px;
  color: var(--default-text);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-condition .sbgrid-area:last-child {
  margin-bottom: 0;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-condition .sbgrid-area label {
  display: block;
  margin-left: 5px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-condition .sbgrid-area input[type=checkbox] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: var(--search-condition-chk-bg);
  margin: 0 5px;
  border: 1px solid var(--search-condition-chk-border);
  border-radius: 3px;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-condition .sbgrid-area input[type=checkbox]:checked {
  position: relative;
  background: var(--search-condition-chk-active-bg);
  border: 1px solid var(--chk-active);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-condition .sbgrid-area input[type=checkbox]:checked::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 4px;
  display: block;
  width: 4px;
  height: 8px;
  border: solid var(--search-condition-chk-active);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-button {
  display: flex;
  justify-content: flex-end;
  padding-top: 10px;
  box-sizing: border-box;
  border-top: 1px solid var(--menu-border);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-button .sbgrid-button {
  margin: 0 3px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-button .sbgrid-search {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  padding: 0 10px;
  background: var(--secondary);
  color: #fff;
  font-family: inherit;
  font-size: 12px;
  border: 0;
  border-radius: 3px;
  cursor: pointer;
  transition: all 0.2s;
  font-size: 11px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-button .sbgrid-search:hover {
  background: var(--secondary);
  transition: all 0.2s;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-button .sbgrid-cancel {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  padding: 0 10px;
  background: var(--menu-btn-bg);
  border: 0;
  border-radius: 3px;
  color: var(--default-text);
  font-family: inherit;
  font-size: 12px;
  transition: all 0.2s;
  cursor: pointer;
  font-size: 11px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-button .sbgrid-cancel:hover {
  background: var(--menu-btn-bg);
  transition: all 0.2s;
}
.sbgrid-grid.sbgrid-theme-a11y input[type=checkbox].sbgrid-half::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-draggable-helper {
  z-index: 9999999;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-draggable-helper .sbgrid-fill-handle::after {
  display: none;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-draggable-helper > div {
  display: flex;
  align-items: center;
  gap: 10px;
  background: rgba(255, 255, 255, 0.95);
  border: 1px dotted var(--secondary);
  padding: 5px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-draggable-helper > div .sbgrid-col {
  display: flex;
  align-items: center;
  border: none !important;
  background: none;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-draggable-helper > div .sbgrid-col .sbgrid-text {
  font-size: 12px;
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-draggable-helper > div .sbgrid-icon {
  color: var(--secondary);
  font-size: 10px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator {
  border: 1px dashed var(--active);
  opacity: 1;
  position: relative;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-left {
  position: relative;
  border-left: 1px dashed var(--active);
  opacity: 1;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-left:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 8px solid var(--active);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-right {
  position: relative;
  border-right: 1px dashed var(--active);
  opacity: 1;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-right:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 8px solid var(--active);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-bottom {
  position: relative;
  border-bottom: 1px dashed var(--active);
  opacity: 1;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-bottom:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid var(--active);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-top {
  position: relative;
  border-top: 1px dashed var(--active);
  opacity: 1;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-top:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 8px solid var(--active);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col > .sbgrid-cell > .sbgrid-value {
  margin: 1px;
  padding: 1px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*font size*/
/*****style*****/
/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
  touch-action: pinch-zoom; /* direct pointer events to js */
}

.mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}

.mCSB_container {
  /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto;
}

/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container {
  margin-right: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

.mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools {
  right: -26px;
} /* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px;
} /* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
  /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px; /* minimum dragger height */
  z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  /* the dragger element */
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
  text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px; /* auto-expanded scrollbar */
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px; /* auto-expanded scrollbar */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
} /* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px; /* minimum dragger width */
  height: 100%;
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px; /* auto-expanded scrollbar */
  margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px; /* auto-expanded scrollbar */
  margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px;
}

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  box-sizing: border-box;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px;
}

/* non-visible horizontal scrollbar */
/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px;
}

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

/* non-visible horizontal scrollbar */
/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/
/* 
----------------------------------------
6.1 THEMES 
----------------------------------------
*/
/* default theme ("light") */
.mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)";
}

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  background-image: url(../images/mCSB_buttons.png); /* css sprites */
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
  /* 
  sprites locations 
  light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
  dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
  */
}

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
  /* 
  sprites locations
  light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
  dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
  */
}

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
  /* 
  sprites locations 
  light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
  dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
  */
}

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
  /* 
  sprites locations 
  light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
  dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
  */
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px;
}

/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px;
}

/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px;
}

/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px;
}

/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto;
}

/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
  height: 14px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px; /* auto-expanded scrollbar */
  height: 16px;
  margin: -1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px; /* auto-expanded scrollbar */
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px; /* auto-expanded scrollbar */
  width: 16px;
  margin: 0 -1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px; /* auto-expanded scrollbar */
  margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px;
}

/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px;
}

/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px;
}

/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px;
}

/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
}

/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px;
}

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 16px;
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #b9b9b9;
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  border-radius: 7px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 5px;
}

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  right: 1px;
}

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #b9b9b9;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools {
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  left: 0;
  right: auto;
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px;
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
}

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0;
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px;
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2);
}

/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

/* ---------------------------------------- */
.sbgrid-grid {
  /*active*/
  --active: #5db9ff;
  --active-border-lighten: #6786a4;
  --secondary: #37567d /*#487190*/;
  --tertiary: #fff;
  --warning: red;
  --white: #ffffff;
  --black: #000000;
  /*icon*/
  --sbgrid-icon: #555;
  /*sbgrid-bg*/
  --sbgrid-grid-bg: #fff;
  /*border*/
  --border: #bebebe;
  --grid-outline: #cecece;
  /*hover,focus,select*/
  --hover: rgba(200, 233, 255, 0.2);
  --selected: rgba(226, 243, 255, 0.4);
  --selecting: rgba(226, 243, 255, 0.4);
  --unselected: #fff;
  --focused: rgba(81, 143, 255, 0.15);
  /*caption active*/
  --cap-line: #5a7597;
  --caption-bg: #f8f8f8;
  --caption-outline: #cecece;
  --caption-text: #222;
  --caption-icon-bg: #969696;
  --caption-focused: rgba(33, 148, 242, 0.078);
  /*reorder*/
  --reorder-bg: #aed0ff2f;
  /*status*/
  --status-border: #d4d4d4;
  /*tool*/
  --tool-inp-bg: #fefefe;
  --tool-inp-bg-dark: #f1f1f1;
  --tool-inp-border: #e2e2e2;
  --tool-inp-border-dark: #bfbfbf;
  --tool-inp-text: #222;
  --tool-search-border: var(--tool-inp-border);
  --tool-border: #cecece;
  /*caption*/
  --caption-text: #222;
  /*filter row*/
  --filter-row-bg: #fcfcfc;
  --filter-outline: #d0d0d0;
  --filter-icon-bg: #949494;
  --filter-icon-filled-bg: #949494;
  /*상단합계*/
  --header-total-bg: #fcfcfc;
  --header-total-border: #d0d0d0;
  --header-total-outline: #d0d0d0;
  /*하단합계*/
  --footer-total-bg: #fcfcfc;
  --footer-total-border: #d0d0d0;
  --footer-total-outline: #d0d0d0;
  /*하단고정*/
  --fixed-footer-bg: #f8f8f8;
  /*col 관련*/
  --col-outline: #e5e5e5;
  --col-border: var(--col-outline);
  /*row 관련*/
  --row-last-board: #cbcbcb;
  /*moving*/
  --moving-bg: #f8f8f8;
  /*CRUD-cell*/
  --cell-delete: #d15757;
  --cell-delete-bg: #fff6f6;
  --cell-insert: #5957d1;
  --cell-insert-bg: #f6f9ff;
  --cell-update: #3fc987;
  --cell-update-bg: #f6fffd;
  /*CRUD-row*/
  --row-delete: var(--cell-delete);
  --row-delete-bg: var(--cell-delete-bg);
  --row-delete-bg-lighten: transparent;
  --row-insert: var(--cell-insert);
  --row-insert-bg: var(--cell-insert-bg);
  --row-insert-bg-lighten: transparent;
  --row-update: var(--cell-update);
  --row-update-bg: var(--cell-update-bg);
  --row-update-bg-lighten: transparent;
  /*fixed rowheader*/
  --fixed-border: #d0d0d0;
  /*sticky*/
  --sticky-row-bg: #f9fbff;
  --sticky-row-shadow: rgba(62, 62, 62, 0.161);
  --sticky-col-select-bg: #ecf4ff;
  --sticky-selecting-bg: #ebf0f7;
  --sticky-bg: var(--sticky-selecting-bg);
  /*indicator*/
  --indicator-bg: red;
  /*resize*/
  --resize-bg: var(--active);
  --helper-border: #222;
  /*chk component active*/
  --chk-top-active: #487190;
  --chk-top-border: #487190;
  --chk-top-check: #fff;
  --chk-active: #487190;
  --chk-border: #d3d3d3;
  --chk-icon: #3d6d91;
  --chk-bg: #ffffff;
  --chk-top-bg: #ffffff;
  --chk-check-icon: var(--active);
  /*radio*/
  --rdo-bg: #ffffff;
  --rdo-border: #d2d2d2;
  --rdo-active: #487190;
  /*combo*/
  --combo-bg: #ffffff;
  --combo-text: #000;
  --combo-border: #d2d2d2;
  --combo-shadow: rgba(0, 0, 0, 0.15);
  --combo-selected: #3e4f6c;
  --combo-selected-text: #fff;
  /*inscroll*/
  --inscroll-thumb: #999999;
  --inscroll-track: #e3e3e3;
  /*input*/
  --inp-bg: #ffffff;
  --inp-text: #333333;
  --inp-border: #d2d2d2;
  --inp-disabled: #f5f5f5;
  /*multitext floating*/
  --floating-edit-bg: #fff;
  /*alternative*/
  --alter-bg1: #fafafa;
  --alter-bg2: #f0f0f0;
  --alter-bg3: #e6e6e6;
  /*merge*/
  --merge-row-bg: rgba(255, 255, 255, 0.2);
  /*loading*/
  --loading-bg: rgba(255, 255, 255, 0.7);
  --loading-active: var(--active);
  --loading-end-color: rgba(0, 0, 82, 236, 0.2);
  /*fixed thead*/
  --rowno-text: #222;
  /*tree*/
  --tree-border: #e5e5e5;
  --tree-space: #fff;
  --tree-footer-bg: #f8f8f8;
  /*text*/
  --default-text: #222222;
  --empty-text: #6b6f76;
  /*group*/
  --group-bg: #ffffff;
  --group-default-text: #333;
  --group-text: #222;
  --group-icon-sort: #5283ef;
  --group-item-bg: #ebebeb;
  --group-icon-bg: #555;
  --group-depth0-bg: #f0f8ff;
  --group-depth1-bg: #f5f5dc;
  --group-depth2-bg: #faebd7;
  --group-border: #dbdbe2;
  /*drag*/
  --drag-bg: #e0e0e0;
  --drag-text: #222;
  /*roworder*/
  --roworder-text: #222;
  --roworder-bg: #fff;
  --roworder-shadow: rgba(0, 0, 0, 0.1);
  --roworder-border: #c7c7c7;
  --roworder-dot-bg: #d3d3d3;
  /*scroll*/
  --scroll-border: #cecece;
  --scroll-bg: #fcfcfc;
  --scroll-thumb: #919191;
  --scroll-thumb-hover: #6e6e6e;
  --scroll-btn: var(--scroll-bg);
  /*pager*/
  --page-active: #555555;
  --pager-num: var(--default-text);
  --pager-active-text: #ffffff;
  /*total*/
  --total-text: #222;
  --total-divi: #777777;
  /*filter*/
  --filter-bg: #fdfdfd;
  --filter-placeholder: #adadb2;
  /*menu*/
  --menu-bg: #fdfdfd;
  --menu-border: #dadada;
  --menu-shadow: rgba(0, 0, 0, 0.15);
  --menu-chk-border: /*#bebebe*/ #d3d3d3;
  --menu-chk-bg: #ffffff;
  --menu-count-bg: #eaeaea;
  --menu-scroll-thumb: #999999;
  --menu-scroll-track: #e3e3e3;
  --menu-seperator-border: #e8e8e8;
  --menu-disabled: #f8f8f8;
  --menu-disable-icon-bg: #cecece;
  --menu-icon-bg: #777;
  --menu-btn-bg: #efefef;
  /*component*/
  --com-border: #d2d2d2;
  --com-bg: #ffffff;
  /*tooltip*/
  --tooltip-bg: #f8fbff;
  --tooltip-txt: #084298;
  --tooltip-border: #c1d4ed;
  --tooltip-shadow: rgba(0, 0, 0, 0.2);
  /*fix*/
  --fix-border: var(--active);
  /*disabled*/
  --disabled: #b7b7b7;
  /*popup*/
  --popup-bg: #fff;
  --popup-border: #e5e5e5;
  --popup-shadow: rgba(0, 0, 0, 0.15);
  --popup-icon-white: #fff;
  --popup-text: #000;
  --popup-inbox: #f5f5f5;
  /*search popup*/
  --search-bg: var(--filter-bg);
  --search-condition-inp-bg: #23282d;
  --search-condition-bg: #f5f5f5;
  --search-condition-chk-bg: #fff;
  --search-condition-chk-active-bg: var(--chk-active);
  --search-condition-chk-active: #fff;
  --search-condition-chk-border: #bebebe;
  /*search-result*/
  --search-result-bg: #f5f5f5;
  --search-result-text: #000;
  /*invalid*/
  --invalid-title: #000;
  --invalid-bg: #ffffff;
  --invalid-border: #dbdbdb;
  --invalid-arrow: var(--invalid-bg);
  /*badge*/
  --badge-bg: #fff;
  --badge-background-bg: #6c757d;
  /*edit mode*/
  --sbgrid-edit: #eefff7;
  /*license error*/
  --license-error: rgb(80, 89, 99);
}

/*font size*/
/*****style*****/
@font-face {
  font-family: "sbgrid-icon";
  src: url("./icon/sbgrid-icon-v1.0/fonts/sbgrid-icon.ttf?jahua9") format("truetype"), url("./icon/sbgrid-icon-v1.0/fonts/sbgrid-icon.woff?jahua9") format("woff"), url("./icon/sbgrid-icon-v1.0/fonts/sbgrid-icon.svg?jahua9#sbgrid-icon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.sbgrid-grid .sbgrid-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  font-family: "sbgrid-icon";
  color: var(--sbgrid-icon);
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
}
.sbgrid-grid .sbgrid-icon.sbgrid-cancel-red {
  color: rgb(171, 21, 21);
}
.sbgrid-grid .sbgrid-icon.sbgrid-cancel-red::before {
  content: "\e905";
  font-weight: bold;
}
.sbgrid-grid .sbgrid-icon.sbgrid-sort {
  position: relative;
  width: 13px;
  height: 13px;
  transition: all 0.1s;
}
.sbgrid-grid .sbgrid-icon.sbgrid-sort::before {
  content: "\e934";
  position: absolute;
  top: 4px;
  z-index: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 6px;
  font-weight: bold;
  opacity: 1;
  color: #969696;
  font-size: 13px;
  transition: all 0.1s;
}
.sbgrid-grid .sbgrid-icon.sbgrid-sort.sbgrid-asc {
  transition: all 0.1s;
}
.sbgrid-grid .sbgrid-icon.sbgrid-sort.sbgrid-asc::before {
  content: "\e903";
  opacity: 1;
  color: var(--active);
  transition: all 0.1s;
  font-weight: bold;
}
.sbgrid-grid .sbgrid-icon.sbgrid-sort.sbgrid-desc {
  transition: all 0.1s;
}
.sbgrid-grid .sbgrid-icon.sbgrid-sort.sbgrid-desc::before {
  content: "\e900";
  opacity: 1;
  color: var(--active);
  transition: all 0.1s;
  font-weight: bold;
}
.sbgrid-grid .sbgrid-icon.sbgrid-menu {
  font-weight: normal;
}
.sbgrid-grid .sbgrid-icon.sbgrid-menu::before {
  content: "\e90d";
}
.sbgrid-grid .sbgrid-icon.sbgrid-filter {
  font-size: 13px;
}
.sbgrid-grid .sbgrid-icon.sbgrid-filter.sbgrid-filled::before {
  content: "\e908";
  color: var(--active);
}
.sbgrid-grid .sbgrid-icon.sbgrid-filter::before {
  content: "\e907";
}
.sbgrid-grid .sbgrid-icon.sbgrid-check {
  font-size: 18px;
  color: #999;
}
.sbgrid-grid .sbgrid-icon.sbgrid-check::before {
  content: "\e938";
}
.sbgrid-grid .sbgrid-icon.sbgrid-checked {
  font-size: 18px;
}
.sbgrid-grid .sbgrid-icon.sbgrid-checked::before {
  content: "\e938";
  color: var(--active);
}
.sbgrid-grid .sbgrid-icon.sbgrid-first::before {
  content: "\e909";
}
.sbgrid-grid .sbgrid-icon.sbgrid-prev::before {
  content: "\e925";
}
.sbgrid-grid .sbgrid-icon.sbgrid-last::before {
  content: "\e90c";
}
.sbgrid-grid .sbgrid-icon.sbgrid-next::before {
  content: "\e910";
}
.sbgrid-grid .sbgrid-icon.sbgrid-close::before {
  content: "\e91a";
}
.sbgrid-grid .sbgrid-icon.sbgrid-open::before {
  font-size: 16px;
  content: "\e932";
}
.sbgrid-grid .sbgrid-icon.sbgrid-leaf::before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 3px;
  background-color: #999999;
  border-radius: 50%;
}
.sbgrid-grid .sbgrid-icon.sbgrid-reorder-head {
  transition: all 0.2;
}
.sbgrid-grid .sbgrid-icon.sbgrid-reorder-head::before {
  content: "\e91d";
  color: var(--active);
  font-size: 18px;
}
.sbgrid-grid .sbgrid-icon.sbgrid-reorder-head:hover {
  scale: 1.2;
  transition: all 0.2;
}
.sbgrid-grid .sbgrid-icon.sbgrid-reorder-tail {
  transition: all 0.2;
}
.sbgrid-grid .sbgrid-icon.sbgrid-reorder-tail::before {
  content: "\e91d";
  color: var(--active);
  font-size: 18px;
}
.sbgrid-grid .sbgrid-icon.sbgrid-reorder-tail:hover {
  scale: 1.2;
  transition: all 0.2;
}
.sbgrid-grid .sbgrid-icon.sbgrid-calendar::before {
  content: "\e936";
}
.sbgrid-grid .sbgrid-icon.sbgrid-no {
  width: auto;
  color: #6c757d;
  font-size: 12px;
}
.sbgrid-grid .sbgrid-icon.sbgrid-sticky::before {
  content: "\e917";
  font-size: 15px;
}
.sbgrid-grid .sbgrid-icon.sbgrid-sticky.sbgrid-pined::before {
  content: "\e921";
  color: var(--active);
  font-size: 15px;
}
.sbgrid-grid .sbgrid-icon.sbgrid-angle-bottom::before {
  content: "\e932";
}
.sbgrid-grid .sbgrid-icon.sbgrid-calendar::before {
  content: "\e936";
}
.sbgrid-grid .sbgrid-icon.sbgrid-detail::before {
  content: "\e91f";
  font-size: 14px;
}
.sbgrid-grid .sbgrid-icon.sbgrid-detail.sbgrid-open::before {
  rotate: -270deg;
  content: "\e91f";
}
.sbgrid-grid .sbgrid-icon.sbgrid-loading {
  display: inline-block;
  width: 20px;
  height: 20px;
}
.sbgrid-grid .sbgrid-icon.sbgrid-loading:after {
  content: " ";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-color: #ccc transparent #ccc transparent;
  animation: sbgrid-loading 1.2s linear infinite;
}
@keyframes sbgrid-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.sbgrid-grid .sbgrid-icon.sbgrid-rowreorder {
  cursor: grab;
}
.sbgrid-grid .sbgrid-icon.sbgrid-rowreorder::before {
  content: "\e93b";
  font-size: 15px;
  color: #999;
}
.sbgrid-grid .sbgrid-icon.sbgrid-column::before {
  content: "\e93c";
}
.sbgrid-grid .sbgrid-icon.sbgrid-arrow-up::before {
  content: "\e941";
}
.sbgrid-grid .sbgrid-icon.sbgrid-arrow-down::before {
  content: "\e942";
}
.sbgrid-grid .sbgrid-icon.sbgrid-reset::before {
  content: "\e969";
}
.sbgrid-grid .sbgrid-icon.sbgrid-copy::before {
  content: "\e954";
}
.sbgrid-grid .sbgrid-icon.sbgrid-cut::before {
  content: "\e968";
}
.sbgrid-grid .sbgrid-icon.sbgrid-paste::before {
  content: "\e955";
}
.sbgrid-grid .sbgrid-icon.sbgrid-undo::before {
  content: "\e957";
}
.sbgrid-grid .sbgrid-icon.sbgrid-redo::before {
  content: "\e956";
}
.sbgrid-grid .sbgrid-icon.sbgrid-fixedCol::before {
  content: "\e93d";
}
.sbgrid-grid .sbgrid-icon.sbgrid-sticky::before {
  content: "\e917";
}
.sbgrid-grid .sbgrid-icon.sbgrid-addRow::before {
  content: "\e924";
}
.sbgrid-grid .sbgrid-icon.sbgrid-deleteRow::before {
  content: "\e90f";
}
.sbgrid-grid .sbgrid-icon.sbgrid-edit::before {
  content: "\e915";
}
.sbgrid-grid .sbgrid-icon.sbgrid-escape::before {
  content: "\e927";
}
.sbgrid-grid .sbgrid-icon.sbgrid-subIcon::before {
  content: "\e91a";
}
.sbgrid-grid .sbgrid-icon.sbgrid-sticky-head::before {
  content: "\e93e";
}
.sbgrid-grid .sbgrid-icon.sbgrid-sticky-body::before {
  content: "\e940";
}
.sbgrid-grid .sbgrid-icon.sbgrid-sticky-tail::before {
  content: "\e93f";
}
.sbgrid-grid .sbgrid-icon.sbgrid-update::before {
  content: "\e916";
}
.sbgrid-grid .sbgrid-icon.sbgrid-insert::before {
  content: "\e923";
}
.sbgrid-grid .sbgrid-icon.sbgrid-delete::before {
  content: "\e90e";
}
.sbgrid-grid .sbgrid-icon.sbgrid-InsertRow::before {
  content: "\e943";
  font-size: 16px;
}
.sbgrid-grid .sbgrid-icon.sbgrid-AppendRow {
  font-size: 16px;
}
.sbgrid-grid .sbgrid-icon.sbgrid-AppendRow::before {
  content: "\e944";
  font-size: 16px;
}
.sbgrid-grid .sbgrid-icon.sbgrid-search::before {
  content: "\e945";
}
.sbgrid-grid .sbgrid-icon.sbgrid-excel::before {
  content: "\e913";
}
.sbgrid-grid .sbgrid-half::before {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  background: var(--secondary);
}
.sbgrid-grid .sbgrid-grouping .sbgrid-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "sbgrid-icon";
  color: #555555;
  font-size: 12px;
  font-style: normal;
}
.sbgrid-grid .sbgrid-grouping .sbgrid-icon.sbgrid-delete::before {
  content: "\e905";
}
.sbgrid-grid .sbgrid-grouping .sbgrid-icon.sbgrid-desc, .sbgrid-grid .sbgrid-grouping .sbgrid-icon.sbgrid-asc {
  height: 13px;
}

.sbgrid-cursor-move {
  cursor: move;
}

/*reset in sbgrid */
.sbgrid-grid {
  background: var(--sbgrid-grid-bg);
  /*공통영역*/
}
.sbgrid-grid table,
.sbgrid-grid thead,
.sbgrid-grid tbody,
.sbgrid-grid tr,
.sbgrid-grid td,
.sbgrid-grid tfoot {
  border-spacing: 0;
  margin: 0;
  padding: 0;
}
.sbgrid-grid input,
.sbgrid-grid select,
.sbgrid-grid textarea,
.sbgrid-grid label {
  margin: 0;
  padding: 0;
}
.sbgrid-grid ul,
.sbgrid-grid li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sbgrid-grid a,
.sbgrid-grid span,
.sbgrid-grid i {
  padding: 0;
  margin: 0;
}
.sbgrid-grid span {
  display: inline-block;
}
.sbgrid-grid select {
  position: relative; /*appearance: none;*/
}
.sbgrid-grid span.badge {
  display: inline-block;
  padding: 0.35em 0.65em;
  font-size: 0.75em;
  font-weight: 700;
  line-height: 1;
  color: var(--badge-bg);
  background-color: var(--badge-background-bg) !important;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}
.sbgrid-grid span.badge a {
  color: var(--badge-bg);
}

.sbgrid-grid:focus {
  outline: none;
}

#grid {
  padding: 10px 0;
  box-sizing: border-box;
}

.sbgrid-hidden {
  display: none;
}

/***********common***************/
/*전체*/
.sbgrid-grid {
  border: 1px solid var(--grid-outline);
  box-sizing: border-box;
}

/*그룹핑*/
.sbgrid-panel.sbgrid-group {
  flex-grow: 0;
  height: 40px;
  background: var(--group-bg);
  padding: 6px;
  box-sizing: border-box;
  font-size: 12px;
}
.sbgrid-panel.sbgrid-group .sbgrid-align {
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
.sbgrid-panel.sbgrid-group .sbgrid-align .sbgrid-group {
  box-sizing: border-box;
}
.sbgrid-panel.sbgrid-group .sbgrid-align .sbgrid-group.sbgrid-item {
  display: flex;
  align-items: center;
  color: var(--group-text);
  transition: all 0.2s;
  cursor: pointer;
  box-sizing: border-box;
}
.sbgrid-panel.sbgrid-group .sbgrid-align .sbgrid-group.sbgrid-item a {
  text-decoration: none;
  font-size: 12px;
  color: var(--group-text);
}
.sbgrid-panel.sbgrid-group .sbgrid-align .sbgrid-group.sbgrid-item a.sbgrid-delete {
  padding: 0 6px;
  font-size: 14px;
}
.sbgrid-panel.sbgrid-group .sbgrid-align .sbgrid-group.sbgrid-item span.sbgrid-sort i {
  font-size: 13px;
  color: var(--group-icon-sort);
}
.sbgrid-panel.sbgrid-group .sbgrid-align .sbgrid-pager.sbgrid-pager span > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0 6px;
  box-sizing: border-box;
}
.sbgrid-panel.sbgrid-group .sbgrid-align .sbgrid-pager.sbgrid-pager span.sbgrid-page {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  font-size: 12px;
  text-align: center;
  color: var(--pager-num);
}
.sbgrid-panel.sbgrid-group .sbgrid-align .sbgrid-pager.sbgrid-pager span.sbgrid-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  font-size: 16px;
  text-align: center;
  box-sizing: border-box;
}
.sbgrid-panel.sbgrid-group .sbgrid-align .sbgrid-pager.sbgrid-pager span.sbgrid-icon.sbgrid-combo-button {
  flex-shrink: 0;
  display: flex;
  width: 20px;
  font-size: inherit !important;
  height: inherit;
  font-weight: bold;
  color: var(--combo-text);
}
.sbgrid-panel.sbgrid-group .sbgrid-align .sbgrid-pager.sbgrid-pager span.sbgrid-current a {
  background: var(--page-active);
  color: var(--pager-active-text);
}

/*상단캡션*/
.sbgrid-caption .sbgrid-thead {
  background: var(--caption-bg);
  border-bottom: 1px solid var(--caption-outline);
}
.sbgrid-caption .sbgrid-thead .sbgrid-head .sbgrid-scroll {
  border-right: 1px solid var(--fixed-border);
}
.sbgrid-caption .sbgrid-thead .sbgrid-row > .sbgrid-col {
  margin-bottom: 0.06em;
  margin-right: 0.06em;
  border: 0px;
  outline: 1px solid var(--caption-outline);
}
.sbgrid-caption .sbgrid-thead .sbgrid-check .sbgrid-checkbox.sbgrid-checked {
  background: var(--chk-top-active);
  border: 1px solid var(--chk-top-border);
}
.sbgrid-caption .sbgrid-thead .sbgrid-check .sbgrid-checkbox.sbgrid-checked:before {
  color: var(--chk-top-check);
}

/*좌측 fixed 로우헤더*/
.sbgrid-part {
  /*좌측 fixed*/
  /*좌측 head*/
  /*우측 tail*/
}
.sbgrid-part.sbgrid-fixed {
  box-sizing: border-box;
}
.sbgrid-part.sbgrid-fixed > .sbgrid-scroll {
  border-right: 1px solid var(--fixed-border);
}
.sbgrid-part.sbgrid-head > .sbgrid-scroll > .sbgrid-row .sbgrid-col.sbgrid-hidden {
  outline: none;
}
.sbgrid-part.sbgrid-tail > .sbgrid-scroll > .sbgrid-row .sbgrid-col.sbgrid-hidden {
  outline: none;
}

/*필터- 상단 로우*/
.sbgrid-panel.sbgrid-scroll .sbgrid-scroll-body .sbgrid-panel.sbgrid-filter {
  background: var(--filter-row-bg);
}
.sbgrid-panel.sbgrid-scroll .sbgrid-scroll-body .sbgrid-panel.sbgrid-filter .sbgrid-row > .sbgrid-col {
  outline: 1px solid var(--filter-outline);
}

/*상단합계*/
.sbgrid-scroll-body .sbgrid-panel.sbgrid-header {
  background: var(--header-total-bg);
}
.sbgrid-scroll-body .sbgrid-panel.sbgrid-header .sbgrid-area.sbgrid-thead {
  border-bottom: 1px solid var(--header-total-border);
}
.sbgrid-scroll-body .sbgrid-panel.sbgrid-header .sbgrid-area.sbgrid-thead .sbgrid-row .sbgrid-col {
  outline-color: var(--header-total-outline);
}
.sbgrid-scroll-body .sbgrid-panel.sbgrid-header .sbgrid-area.sbgrid-thead .sbgrid-row .sbgrid-col .sbgrid-header.sbgrid-text {
  padding: 0 1px;
}

/*하단합계*/
.sbgrid-scroll-body .sbgrid-panel.sbgrid-footer {
  border-top: 1px solid var(--footer-total-border);
  background: var(--footer-total-bg);
}
.sbgrid-scroll-body .sbgrid-panel.sbgrid-footer .sbgrid-row > .sbgrid-col {
  margin-bottom: 0.06em;
  margin-right: 0.06em;
  margin-top: 0.06em;
  border: 0px;
  outline: 1px solid var(--footer-total-outline);
}
.sbgrid-scroll-body .sbgrid-panel.sbgrid-footer .sbgrid-row > .sbgrid-col .sbgrid-footer.sbgrid-text {
  padding: 0 1px;
}

/*기본 col */
.sbgrid-row {
  box-sizing: border-box;
}
.sbgrid-row > .sbgrid-col {
  border: 1px solid transparent;
  margin-bottom: 0.06em;
  margin-right: 0.06em;
  border: 0px;
  outline: 1px solid var(--col-outline);
}

/*페이징*/
.sbgrid-panel.sbgrid-title,
.sbgrid-panel.sbgrid-tool {
  padding: 0 !important;
}

.sbgrid-panel.sbgrid-title,
.sbgrid-panel.sbgrid-tool,
.sbgrid-panel.sbgrid-group,
.sbgrid-panel.sbgrid-pager {
  padding: 6px;
  box-sizing: border-box;
}
.sbgrid-panel.sbgrid-title .sbgrid-tools .sbgrid-tool.sbgrid-pager span > a,
.sbgrid-panel.sbgrid-tool .sbgrid-tools .sbgrid-tool.sbgrid-pager span > a,
.sbgrid-panel.sbgrid-group .sbgrid-tools .sbgrid-tool.sbgrid-pager span > a,
.sbgrid-panel.sbgrid-pager .sbgrid-tools .sbgrid-tool.sbgrid-pager span > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0 6px;
  box-sizing: border-box;
  color: inherit;
  font-weight: normal;
}
.sbgrid-panel.sbgrid-title .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-page,
.sbgrid-panel.sbgrid-tool .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-page,
.sbgrid-panel.sbgrid-group .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-page,
.sbgrid-panel.sbgrid-pager .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-page {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--pager-num);
  width: 25px;
  height: 25px;
  font-size: 12px;
  text-align: center;
}
.sbgrid-panel.sbgrid-title .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-icon,
.sbgrid-panel.sbgrid-tool .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-icon,
.sbgrid-panel.sbgrid-group .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-icon,
.sbgrid-panel.sbgrid-pager .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  font-size: 16px;
  text-align: center;
  box-sizing: border-box;
}
.sbgrid-panel.sbgrid-title .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-current a,
.sbgrid-panel.sbgrid-tool .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-current a,
.sbgrid-panel.sbgrid-group .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-current a,
.sbgrid-panel.sbgrid-pager .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-current a {
  background: var(--page-active);
  color: var(--pager-active-text);
}

/*전체 레이아웃*/
.sbgrid-body {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.sbgrid-panel {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-shrink: 0;
}
.sbgrid-panel.sbgrid-hidden {
  overflow: hidden;
  height: 0px;
  flex-wrap: wrap;
}
.sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col {
  display: flex;
  justify-content: center;
  flex-direction: column;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.sbgrid-panel.sbgrid-header .sbgrid-row .sbgrid-col {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding-inline: 3px;
}
.sbgrid-panel.sbgrid-header .sbgrid-row .sbgrid-col.sbgrid-focused {
  outline: 1px solid var(--header-total-outline);
}
.sbgrid-panel.sbgrid-footer .sbgrid-row .sbgrid-col {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.sbgrid-panel.sbgrid-body .sbgrid-tbody {
  align-self: flex-start;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 100%;
  overflow: hidden;
}
.sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding-inline: 3px;
}
.sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-focused {
  outline: 1px solid var(--col-outline);
}
.sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-hidden {
  display: none;
}
.sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-frozen {
  border-top: none !important;
  border: 0;
}
.sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-tbody > .sbgrid-part > .sbgrid-scroll.sbgrid-pixel > .sbgrid-row {
  position: absolute;
}
.sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-tbody .sbgrid-cell.sbgrid-edit .sbgrid-checkboxgroup .sbgrid-checkbox {
  background: var(--chk-bg);
  border: 1px solid var(--chk-active);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-tbody .sbgrid-cell.sbgrid-edit .sbgrid-checkboxgroup .sbgrid-checkbox.sbgrid-checked:before {
  color: var(--chk-icon);
  font-weight: bold;
}
.sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-tbody .sbgrid-checkboxgroup .sbgrid-checkbox {
  background: var(--chk-bg);
  border: 1px solid var(--chk-border);
}
.sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-tbody .sbgrid-checkboxgroup .sbgrid-checkbox.sbgrid-checked:before {
  color: var(--chk-icon);
  font-weight: bold;
}
.sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-thead .sbgrid-checkboxgroup .sbgrid-checkbox {
  background: var(--chk-bg);
  border: 1px solid var(--chk-border);
}
.sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-thead .sbgrid-checkboxgroup .sbgrid-checkbox.sbgrid-checked:before {
  color: var(--chk-icon);
  font-weight: bold;
}
.sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-tfoot .sbgrid-checkboxgroup .sbgrid-checkbox {
  background: var(--chk-bg);
  border: 1px solid var(--chk-border);
}
.sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-tfoot .sbgrid-checkboxgroup .sbgrid-checkbox.sbgrid-checked:before {
  color: var(--chk-icon);
  font-weight: bold;
}
.sbgrid-panel.sbgrid-thead, .sbgrid-panel.sbgrid-tfoot {
  flex-shrink: 0;
}
.sbgrid-panel.sbgrid-hidden {
  overflow: hidden;
  height: 0px;
  flex-wrap: wrap;
}
.sbgrid-panel.sbgrid-scroll {
  display: grid;
  flex-shrink: 1;
  flex-grow: 1;
  flex-basis: 100%;
  overflow: hidden;
  grid-template: "main scrollv" calc(100% - 0px) "scrollh scrollv" 0px/calc(100% - 0px) 0px;
}
.sbgrid-panel.sbgrid-scroll .sbgrid-panel {
  flex-direction: column;
}
.sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-body {
  flex-shrink: 1;
  flex-basis: 100%;
  overflow: hidden;
}
.sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary {
  width: 100%;
  display: flex;
}
.sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary select {
  position: relative;
  width: 100%;
  padding-left: 5px;
  margin: 0 1px;
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  background: var(--com-bg);
  border: 1px solid var(--com-border);
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: var(--default-text);
  box-sizing: border-box;
}
.sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary select:active, .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary select:focus {
  border-color: var(--secondary);
}
.sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary select:active::before, .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary select:active::after, .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary select:focus::before, .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary select:focus::after {
  color: var(--secondary);
}
.sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary select::after {
  position: absolute;
  right: 0;
  top: 0;
  content: "\e91d";
}
.sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary select::-moz-placeholder {
  color: var(--filter-placeholder);
  font-weight: lighter;
  font-size: 12px;
}
.sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary select::placeholder {
  color: var(--filter-placeholder);
  font-weight: lighter;
  font-size: 12px;
}
.sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values,
.sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-value {
  width: 100%;
}
.sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-value {
  margin: 0 2px;
}
.sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values {
  display: flex;
}
.sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values select,
.sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values input {
  width: 100%;
  padding-left: 5px;
  color: var(--default-text);
  margin: 0 1px;
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  background: var(--com-bg);
  border: 1px solid var(--com-border);
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: var(--default-text);
  box-sizing: border-box;
}
.sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values select:active, .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values select:focus,
.sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values input:active,
.sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values input:focus {
  border-color: var(--secondary);
}
.sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values select:active::before, .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values select:active::after, .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values select:focus::before, .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values select:focus::after,
.sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values input:active::before,
.sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values input:active::after,
.sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values input:focus::before,
.sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values input:focus::after {
  color: var(--secondary);
}
.sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values select::-moz-placeholder, .sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values input::-moz-placeholder {
  color: var(--filter-placeholder);
  font-weight: lighter;
  font-size: 12px;
}
.sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values select::placeholder,
.sbgrid-panel.sbgrid-scroll .sbgrid-panel.sbgrid-filter .sbgrid-col .sbgrid-filter.sbgrid-column .sbgrid-summary .sbgrid-values input::placeholder {
  color: var(--filter-placeholder);
  font-weight: lighter;
  font-size: 12px;
}

div.sbgrid-thead,
div.sbgrid-tbody,
div.sbgrid-tfoot,
div.sbgrid-hidden .sbgrid-col > .sbgrid-caption {
  width: 100%;
  font-size: 9pt;
}

div.sbgrid-hidden .sbgrid-col > .sbgrid-caption {
  font-weight: bold;
}

.sbgrid-area {
  display: flex;
  flex-direction: row;
}

.sbgrid-caption.sbgrid-column {
  display: flex;
  cursor: pointer;
}

/*스크롤 body 영역*/
div.sbgrid-scrollh {
  overflow-y: hidden;
  grid-area: scrollh;
  border-top: 1px solid var(--scroll-border);
  background: var(--scroll-bg);
}

div.sbgrid-scrollv {
  overflow-x: hidden;
  grid-area: scrollv;
  border-left: 1px solid var(--scroll-border);
  background: var(--scroll-bg);
}

.sbgrid-scroll-vert {
  display: flex;
  flex-direction: row;
  flex-basis: 100%;
  flex-shrink: 1;
  overflow: hidden;
  white-space: nowrap;
}

.sbgrid-scroll-body {
  display: flex;
  flex-direction: column;
  grid-area: main;
}
.sbgrid-scroll-body .sbgrid-part {
  flex-shrink: 0;
}
.sbgrid-scroll-body .sbgrid-part.sbgrid-body, .sbgrid-scroll-body .sbgrid-part.sbgrid-fixed, .sbgrid-scroll-body .sbgrid-part.sbgrid-head, .sbgrid-scroll-body .sbgrid-part.sbgrid-tail {
  overflow: hidden;
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background: var(--scroll-thumb);
}

.sbgrid-grid > .sbgrid-scroll > .sbgrid-scrollv,
.sbgrid-grid > .sbgrid-scroll > .sbgrid-scrollh {
  opacity: 0.4;
  /* Horiontal Scrollbar button (TOP-RIGHT aKa START) */
  /* Horiontal Scrollbar button (BOTTOM-RIGHT aKa END) */
  /* Vertical Scrollbar button (BOTTOM-LEFT aKa START) */
  /* Vertical Scrollbar button (BOTTOM-RIGHT aKa END) */
}
.sbgrid-grid > .sbgrid-scroll > .sbgrid-scrollv::-webkit-scrollbar,
.sbgrid-grid > .sbgrid-scroll > .sbgrid-scrollh::-webkit-scrollbar {
  width: 17px;
  height: 17px;
}
.sbgrid-grid > .sbgrid-scroll > .sbgrid-scrollv::-webkit-scrollbar-track,
.sbgrid-grid > .sbgrid-scroll > .sbgrid-scrollh::-webkit-scrollbar-track {
  background: var(--scroll-bg);
}
.sbgrid-grid > .sbgrid-scroll > .sbgrid-scrollv::-webkit-scrollbar-thumb,
.sbgrid-grid > .sbgrid-scroll > .sbgrid-scrollh::-webkit-scrollbar-thumb {
  background-color: var(--scroll-thumb);
  min-height: 20%;
  min-width: 8%;
  border-radius: 10px;
  border: 4px solid var(--scroll-bg);
  box-sizing: border-box;
}
.sbgrid-grid > .sbgrid-scroll > .sbgrid-scrollv::-webkit-scrollbar-thumb:hover,
.sbgrid-grid > .sbgrid-scroll > .sbgrid-scrollh::-webkit-scrollbar-thumb:hover {
  background-color: var(--scroll-thumb-hover);
}
.sbgrid-grid > .sbgrid-scroll > .sbgrid-scrollv::-webkit-scrollbar-button,
.sbgrid-grid > .sbgrid-scroll > .sbgrid-scrollh::-webkit-scrollbar-button {
  background: var(--scroll-btn);
  width: 18px;
  height: 18px;
  cursor: pointer;
  position: relative;
}
.sbgrid-grid > .sbgrid-scroll > .sbgrid-scrollv::-webkit-scrollbar-button:horizontal:single-button:start,
.sbgrid-grid > .sbgrid-scroll > .sbgrid-scrollh::-webkit-scrollbar-button:horizontal:single-button:start {
  position: absolute;
  content: "";
  background-image: url(../images/mCSB_buttons.png);
  background-position: -120px -112px;
}
.sbgrid-grid > .sbgrid-scroll > .sbgrid-scrollv::-webkit-scrollbar-button:horizontal:single-button:end,
.sbgrid-grid > .sbgrid-scroll > .sbgrid-scrollh::-webkit-scrollbar-button:horizontal:single-button:end {
  position: absolute;
  content: "";
  background-image: url(../images/mCSB_buttons.png);
  background-position: -120px -128px;
}
.sbgrid-grid > .sbgrid-scroll > .sbgrid-scrollv::-webkit-scrollbar-button:vertical:single-button:start,
.sbgrid-grid > .sbgrid-scroll > .sbgrid-scrollh::-webkit-scrollbar-button:vertical:single-button:start {
  position: absolute;
  content: "";
  background-image: url(../images/mCSB_buttons.png);
  background-position: -112px -72px;
}
.sbgrid-grid > .sbgrid-scroll > .sbgrid-scrollv::-webkit-scrollbar-button:vertical:single-button:end,
.sbgrid-grid > .sbgrid-scroll > .sbgrid-scrollh::-webkit-scrollbar-button:vertical:single-button:end {
  position: absolute;
  content: "";
  background-image: url(../images/mCSB_buttons.png);
  background-position: -112px -92px;
}

/*sbgrid-row*/
.sbgrid-row > .sbgrid-col.sbgrid-merged {
  outline-width: 0px;
  z-index: 1;
}
.sbgrid-row > .sbgrid-col.sbgrid-merged.sbgrid-group.sbgrid-indicator {
  background: transparent;
}
.sbgrid-row > .sbgrid-col.sbgrid-moving {
  background: var(--moving-bg);
  filter: opacity(0.5);
}
.sbgrid-row > .sbgrid-col.sbgrid-sticky {
  /*align-items: center;*/
}
.sbgrid-row.sbgrid-detail {
  color: var(--default-text);
}
.sbgrid-row.sbgrid-detail.sbgrid-hidden {
  display: none !important;
}
.sbgrid-row.sbgrid-moving {
  background: var(--moving-bg);
  filter: opacity(0.5);
}

.sbgrid-part.sbgrid-fixed > .sbgrid-scroll > .sbgrid-row > .sbgrid-col.sbgrid-sticky {
  align-items: center;
}

/*rowheader*/
.sbgrid-panel.sbgrid-body .sbgrid-area .sbgrid-part.sbgrid-fixed .sbgrid-row .sbgrid-col .sbgrid-cell.sbgrid-icon:before {
  font-size: 15px;
  cursor: pointer;
}
.sbgrid-panel.sbgrid-body .sbgrid-area .sbgrid-part.sbgrid-fixed .sbgrid-row .sbgrid-col .sbgrid-cell.sbgrid-delete:before {
  color: var(--cell-delete);
}
.sbgrid-panel.sbgrid-body .sbgrid-area .sbgrid-part.sbgrid-fixed .sbgrid-row .sbgrid-col .sbgrid-cell.sbgrid-insert:before {
  color: var(--cell-insert);
}
.sbgrid-panel.sbgrid-body .sbgrid-area .sbgrid-part.sbgrid-fixed .sbgrid-row .sbgrid-col .sbgrid-cell.sbgrid-update:before {
  color: var(--cell-update);
}
.sbgrid-panel.sbgrid-body .sbgrid-area .sbgrid-part.sbgrid-fixed .sbgrid-row .sbgrid-col .sbgrid-no,
.sbgrid-panel.sbgrid-body .sbgrid-area .sbgrid-part.sbgrid-fixed .sbgrid-row .sbgrid-col .sbgrid-sticky,
.sbgrid-panel.sbgrid-body .sbgrid-area .sbgrid-part.sbgrid-fixed .sbgrid-row .sbgrid-col .sbgrid-check,
.sbgrid-panel.sbgrid-body .sbgrid-area .sbgrid-part.sbgrid-fixed .sbgrid-row .sbgrid-col .sbgrid-roworder,
.sbgrid-panel.sbgrid-body .sbgrid-area .sbgrid-part.sbgrid-fixed .sbgrid-row .sbgrid-col .sbgrid-status {
  align-items: center;
}

/*rowheader state*/
.sbgrid-row {
  /*delete*/
  /*insert*/
  /*update*/
}
.sbgrid-row.sbgrid-delete {
  animation: sbgrid-delete 0.8s linear;
  background-color: var(--cell-delete-bg);
}
.sbgrid-row.sbgrid-delete:before {
  color: var(--row-delete);
}
@keyframes sbgrid-delete {
  0% {
    background-color: var(--row-delete-bg-lighten);
  }
  100% {
    background-color: var(--row-delete-bg);
  }
}
.sbgrid-row.sbgrid-insert {
  animation: sbgrid-insert 0.8s linear;
  background-color: var(--cell-insert-bg);
}
.sbgrid-row.sbgrid-insert:before {
  color: var(--row-insert);
}
@keyframes sbgrid-contentinsert {
  0% {
    background-color: var(--row-insert-bg-lighten);
  }
  100% {
    background-color: var(--row-insert-bg);
  }
}
.sbgrid-row.sbgrid-update {
  animation: sbgrid-update 0.8s linear;
  background-color: var(--cell-update-bg);
}
.sbgrid-row.sbgrid-update:before {
  color: var(--row-update) !important;
}
@keyframes sbgrid-update {
  0% {
    background-color: var(--row-update-bg-lighten);
  }
  100% {
    background-color: var(--row-update-bg);
  }
}
.sbgrid-row.sbgrid-alternate {
  /*delete*/
  /*insert*/
  /*update*/
}
.sbgrid-row.sbgrid-alternate.sbgrid-delete {
  animation: sbgrid-delete 0.8s linear;
  background-color: var(--row-delete-bg);
}
.sbgrid-row.sbgrid-alternate.sbgrid-delete:before {
  color: var(--row-delete);
}
@keyframes sbgrid-delete {
  0% {
    background-color: var(--row-delete-bg-lighten);
  }
  100% {
    background-color: var(--row-delete-bg);
  }
}
.sbgrid-row.sbgrid-alternate.sbgrid-insert {
  animation: sbgrid-insert 0.8s linear;
  background-color: var(--row-insert-bg);
}
.sbgrid-row.sbgrid-alternate.sbgrid-insert:before {
  color: var(--row-insert);
}
@keyframes sbgrid-contentinsert {
  0% {
    background-color: var(--row-insert-bg-lighten);
  }
  100% {
    background-color: var(--row-insert-bg);
  }
}
.sbgrid-row.sbgrid-alternate.sbgrid-update {
  animation: sbgrid-update 0.8s linear;
  background-color: var(--row-update-bg);
}
.sbgrid-row.sbgrid-alternate.sbgrid-update:before {
  color: var(--row-update) !important;
}
@keyframes sbgrid-update {
  0% {
    background-color: var(--row-update-bg-lighten);
  }
  100% {
    background-color: var(--row-update-bg);
  }
}

/*multiText*/
.sbgrid-part.sbgrid-fixed {
  position: relative;
  z-index: 3;
}

.sbgrid-part.sbgrid-head {
  position: relative;
  z-index: 3;
}

.sbgrid-part.sbgrid-body {
  position: relative;
  z-index: 0;
}

.sbgrid-part.sbgrid-tail {
  position: relative;
  z-index: 3;
}
.sbgrid-part.sbgrid-tail > .sbgrid-scroll {
  border-left: solid 1px var(--border);
}

.sbgrid-floating-edit-box {
  position: absolute;
  background: var(--floating-edit-bg);
  z-index: 9999;
  box-sizing: border-box;
  box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.2);
}

.sbgrid-floating-edit-box > textarea {
  width: 100%;
  height: 100%;
  resize: none;
}

/*열고정*/
.sbgrid-scroll > .sbgrid-scroll-body {
  flex-grow: 1;
  overflow: hidden;
}
.sbgrid-scroll .sbgrid-part.sbgrid-head.sbgrid-frozen {
  border-right: dotted var(--fix-border) 1px;
  box-sizing: border-box;
}
.sbgrid-scroll .sbgrid-part.sbgrid-tail > .sbgrig-scroll {
  border-left: solid var(--border) 1px;
}
.sbgrid-scroll .sbgrid-part.sbgrid-tail.sbgrid-frozen {
  border-left: dotted var(--fix-border) 1px;
  box-sizing: border-box;
  margin-left: auto;
}
.sbgrid-scroll .sbgrid-row.sbgrid-sticky {
  position: relative;
  background-color: var(--sticky-row-bg);
  box-shadow: 1px 3px 5px var(--sticky-row-shadow);
}
.sbgrid-scroll .sbgrid-row.sbgrid-caption .sbgrid-col .sbgrid-caption.sbgrid-sticky {
  background: none;
}

/*열고정 sbgrid-selected 시, */
.sbgrid-scroll .sbgrid-row.sbgrid-caption .sbgrid-col.sbgrid-selecting.sbgrid-sticky {
  background: var(--sticky-col-select-bg) !important;
}
.sbgrid-scroll .sbgrid-row.sbgrid-caption .sbgrid-col.sbgrid-sticky.sbgrid-focused {
  background: var(--sticky-col-select-bg) !important;
}
.sbgrid-scroll .sbgrid-row .sbgrid-col.sbgrid-selected.sbgrid-sticky {
  background: var(--sticky-col-select-bg) !important;
}

div.sbgrid-table .sbgrid-align {
  vertical-align: top;
}

.sbgrid-align {
  display: inline-block;
}
.sbgrid-align.sbgrid-left {
  text-align: left;
}
.sbgrid-align.sbgrid-right {
  text-align: right;
}
.sbgrid-align.sbgrid-center {
  text-align: center;
}

.sbgrid-check {
  display: flex;
  justify-content: center; /*align-items: center;*/
  width: auto;
}
.sbgrid-check.sbgrid-group {
  justify-content: unset;
}
.sbgrid-check .sbgrid-checkbox {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  background: var(--chk-bg);
  border: 1px solid var(--chk-border);
  border-radius: 2px;
  box-sizing: border-box;
  font-family: "sbgrid-icon";
}
.sbgrid-check .sbgrid-checkbox.sbgrid-checked {
  position: relative;
  background: var(--chk-bg);
  border: 1px solid var(--chk-border);
}
.sbgrid-check .sbgrid-checkbox.sbgrid-checked:before {
  content: "\e938";
  color: var(--chk-active);
  font-size: 15px;
  font-weight: bold;
}

.sbgrid-row.sbgrid-caption .sbgrid-check .sbgrid-checkbox {
  background: var(--chk-top-bg);
}

.sbgrid-col.sbgrid-radio:before,
.sbgrid-cell.sbgrid-radio:before {
  display: none;
}

.sbgrid-radio {
  position: relative;
}
.sbgrid-radio .sbgrid-radiogroup {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.sbgrid-radio .sbgrid-radiogroup .sbgrid-wrap-radio {
  display: flex;
  align-items: center;
}
.sbgrid-radio .sbgrid-radiogroup .sbgrid-wrap-radio .sbgrid-radio {
  display: flex;
}
.sbgrid-radio .sbgrid-radiogroup .sbgrid-text {
  margin: 0 3px;
}
.sbgrid-radio .sbgrid-text {
  display: flex;
  justify-content: center;
}
.sbgrid-radio .sbgrid-wrap-radio {
  display: flex;
  margin: 0 3px;
}
.sbgrid-radio.sbgrid-group:before {
  display: none;
}
.sbgrid-radio:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: var(--rdo-bg);
  border: 1px solid var(--rdo-border);
  border-radius: 50%;
}
.sbgrid-radio.sbgrid-checked:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: var(--rdo-bg);
  border: 1px solid var(--secondary);
  border-radius: 50%;
}
.sbgrid-radio.sbgrid-checked:after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  z-index: 1;
  width: 10px;
  height: 10px;
  background: var(--secondary);
  border-radius: 50%;
}

/*편집모드 radio*/
.sbgrid-cell.sbgrid-edit .sbgrid-radio:before {
  border: 1px solid var(--rdo-border);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.sbgrid-cell.sbgrid-edit .sbgrid-radio.sbgrid-checked:before {
  border: 1px solid var(--rdo-active);
}

/* 컴포넌트 radio, chk sbgrid-text*/
.sbgrid-grid .sbgrid-checkboxgroup {
  display: inline-flex !important;
  justify-content: center;
  align-items: center;
  vertical-align: top;
}
.sbgrid-grid .sbgrid-checkboxgroup .sbgrid-text {
  margin: 0 3px;
}

.sbgrid-grid {
  position: relative;
  /*command btn*/
  /*custom btn*/
}
.sbgrid-grid input[type=number] {
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  background: var(--com-bg);
  border: 1px solid var(--com-border);
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: var(--default-text);
}
.sbgrid-grid input[type=number]:active, .sbgrid-grid input[type=number]:focus {
  border-color: var(--secondary);
}
.sbgrid-grid input[type=number]:active::before, .sbgrid-grid input[type=number]:active::after, .sbgrid-grid input[type=number]:focus::before, .sbgrid-grid input[type=number]:focus::after {
  color: var(--secondary);
}
.sbgrid-grid input[type=password] {
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  background: var(--com-bg);
  border: 1px solid var(--com-border);
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: var(--default-text);
}
.sbgrid-grid input[type=password]:active, .sbgrid-grid input[type=password]:focus {
  border-color: var(--secondary);
}
.sbgrid-grid input[type=password]:active::before, .sbgrid-grid input[type=password]:active::after, .sbgrid-grid input[type=password]:focus::before, .sbgrid-grid input[type=password]:focus::after {
  color: var(--secondary);
}
.sbgrid-grid .sbgrid-command {
  margin: 0 2px;
}
.sbgrid-grid .sbgrid-command input[type=button] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  padding: 0 10px;
  background: var(--menu-btn-bg);
  border: 0;
  border-radius: 3px;
  color: var(--default-text);
  font-family: inherit;
  font-size: 12px;
  transition: all 0.2s;
  cursor: pointer;
}
.sbgrid-grid .sbgrid-command input[type=button]:hover {
  background: var(--menu-btn-bg);
  transition: all 0.2s;
}
.sbgrid-grid .sbgrid-custom {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: top;
}
.sbgrid-grid .sbgrid-custom > button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  padding: 0 10px;
  background: var(--menu-btn-bg);
  border: 0;
  border-radius: 3px;
  color: var(--default-text);
  font-family: inherit;
  font-size: 12px;
  transition: all 0.2s;
  cursor: pointer;
}
.sbgrid-grid .sbgrid-custom > button:hover {
  background: var(--menu-btn-bg);
  transition: all 0.2s;
}
.sbgrid-grid .sbgrid-custom > img {
  display: inline-block;
  padding: 5px;
  box-sizing: border-box;
}
.sbgrid-grid input[type=date],
.sbgrid-grid input[type=month],
.sbgrid-grid input[type=datetime-local],
.sbgrid-grid input[type=time] {
  position: relative;
  min-width: 100%;
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  background: var(--com-bg);
  border: 1px solid var(--com-border);
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: var(--default-text);
  box-sizing: border-box;
}
.sbgrid-grid input[type=date]:active, .sbgrid-grid input[type=date]:focus,
.sbgrid-grid input[type=month]:active,
.sbgrid-grid input[type=month]:focus,
.sbgrid-grid input[type=datetime-local]:active,
.sbgrid-grid input[type=datetime-local]:focus,
.sbgrid-grid input[type=time]:active,
.sbgrid-grid input[type=time]:focus {
  border-color: var(--secondary);
}
.sbgrid-grid input[type=date]:active::before, .sbgrid-grid input[type=date]:active::after, .sbgrid-grid input[type=date]:focus::before, .sbgrid-grid input[type=date]:focus::after,
.sbgrid-grid input[type=month]:active::before,
.sbgrid-grid input[type=month]:active::after,
.sbgrid-grid input[type=month]:focus::before,
.sbgrid-grid input[type=month]:focus::after,
.sbgrid-grid input[type=datetime-local]:active::before,
.sbgrid-grid input[type=datetime-local]:active::after,
.sbgrid-grid input[type=datetime-local]:focus::before,
.sbgrid-grid input[type=datetime-local]:focus::after,
.sbgrid-grid input[type=time]:active::before,
.sbgrid-grid input[type=time]:active::after,
.sbgrid-grid input[type=time]:focus::before,
.sbgrid-grid input[type=time]:focus::after {
  color: var(--secondary);
}
.sbgrid-grid input[type=date]::webkit-clear-button {
  display: none;
}
.sbgrid-grid input[type=date]::webkit-inner-spin-button,
.sbgrid-grid input[type=month]::webkit-inner-spin-button {
  display: none;
}
.sbgrid-grid input[type=date]::-webkit-calendar-picker-indicator,
.sbgrid-grid input[type=month]::-webkit-calendar-picker-indicator,
.sbgrid-grid input[type=datetime-local]::-webkit-calendar-picker-indicator,
.sbgrid-grid input[type=time]::-webkit-calendar-picker-indicator {
  background: transparent;
  z-index: 1;
}
.sbgrid-grid input[type=date]::after,
.sbgrid-grid input[type=month]::after,
.sbgrid-grid input[type=datetime-local]::after,
.sbgrid-grid input[type=time]::after {
  content: "\e936";
  position: absolute;
  top: 50%;
  right: 5px;
  z-index: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  font-family: "sbgrid-icon";
  color: var(--inp-text);
  background: var(--inp-bg);
  scale: 1.2;
}
.sbgrid-grid .sbgrid-row.sbgrid-edit {
  background: var(--sbgrid-edit);
}
.sbgrid-grid .sbgrid-cell.sbgrid-edit input[type=date],
.sbgrid-grid .sbgrid-cell.sbgrid-edit input[type=month],
.sbgrid-grid .sbgrid-cell.sbgrid-edit input[type=datetime-local],
.sbgrid-grid .sbgrid-cell.sbgrid-edit input[type=time] {
  border: 1px solid var(--chk-active);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.sbgrid-grid textarea {
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  background: var(--com-bg);
  border: 1px solid var(--com-border);
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: var(--default-text);
  height: auto;
  resize: none;
}
.sbgrid-grid textarea:active, .sbgrid-grid textarea:focus {
  border-color: var(--secondary);
}
.sbgrid-grid textarea:active::before, .sbgrid-grid textarea:active::after, .sbgrid-grid textarea:focus::before, .sbgrid-grid textarea:focus::after {
  color: var(--secondary);
}
.sbgrid-grid input[type=text] {
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  background: var(--com-bg);
  border: 1px solid var(--com-border);
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: var(--default-text);
}
.sbgrid-grid input[type=text]:active, .sbgrid-grid input[type=text]:focus {
  border-color: var(--secondary);
}
.sbgrid-grid input[type=text]:active::before, .sbgrid-grid input[type=text]:active::after, .sbgrid-grid input[type=text]:focus::before, .sbgrid-grid input[type=text]:focus::after {
  color: var(--secondary);
}
.sbgrid-grid input[type=text].disabled, .sbgrid-grid input[type=text]:disabled {
  background: var(--inp-disabled) !important;
}
.sbgrid-grid .sbgrid-cell.sbgrid-edit input[type=text] {
  color: var(--default-text);
  border: 1px solid var(--chk-active);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.sbgrid-grid input[type=password] {
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  background: var(--com-bg);
  border: 1px solid var(--com-border);
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: var(--default-text);
}
.sbgrid-grid input[type=password]:active, .sbgrid-grid input[type=password]:focus {
  border-color: var(--secondary);
}
.sbgrid-grid input[type=password]:active::before, .sbgrid-grid input[type=password]:active::after, .sbgrid-grid input[type=password]:focus::before, .sbgrid-grid input[type=password]:focus::after {
  color: var(--secondary);
}
.sbgrid-grid input[type=password].disabled, .sbgrid-grid input[type=password]:disabled {
  background: var(--inp-disabled) !important;
}
.sbgrid-grid .sbgrid-cell.sbgrid-edit input[type=password] {
  color: var(--default-text);
  border: 1px solid var(--chk-active);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.sbgrid-grid input[type=number] {
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  background: var(--com-bg);
  border: 1px solid var(--com-border);
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: var(--default-text);
}
.sbgrid-grid input[type=number]:active, .sbgrid-grid input[type=number]:focus {
  border-color: var(--secondary);
}
.sbgrid-grid input[type=number]:active::before, .sbgrid-grid input[type=number]:active::after, .sbgrid-grid input[type=number]:focus::before, .sbgrid-grid input[type=number]:focus::after {
  color: var(--secondary);
}
.sbgrid-grid .sbgrid-cell.sbgrid-edit input[type=number] {
  border: 1px solid var(--chk-active);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.sbgrid-grid .sbgrid-combobox {
  display: flex;
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  background: var(--com-bg);
  border: 1px solid var(--com-border);
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: var(--default-text);
}
.sbgrid-grid .sbgrid-combobox:active, .sbgrid-grid .sbgrid-combobox:focus {
  border-color: var(--secondary);
}
.sbgrid-grid .sbgrid-combobox:active::before, .sbgrid-grid .sbgrid-combobox:active::after, .sbgrid-grid .sbgrid-combobox:focus::before, .sbgrid-grid .sbgrid-combobox:focus::after {
  color: var(--secondary);
}
.sbgrid-grid .sbgrid-combobox .sbgrid-combo-inner {
  flex-shrink: 0;
  flex-grow: 1;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  height: inherit;
  flex-basis: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.sbgrid-grid .sbgrid-combobox .sbgrid-combo-inner input.sbgrid-combo-value-text {
  font-size: 12px;
  height: 100%;
  border: none;
  outline: none;
}
.sbgrid-grid .sbgrid-combobox .sbgrid-combo-inner span.sbgrid-combo-value-text {
  font-size: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.sbgrid-grid .sbgrid-combobox .sbgrid-combo-button {
  flex-shrink: 0;
  display: flex;
  width: 20px;
  height: inherit;
  font-weight: bold;
  color: var(--combo-text);
}
.sbgrid-grid .sbgrid-cell.sbgrid-edit .sbgrid-combobox {
  border: 1px solid var(--chk-active);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.sbgrid-grid .sbgrid-combo-popup {
  position: absolute;
  z-index: 1000;
  background: var(--combo-bg);
  border: 1px solid var(--combo-border);
  border-radius: 5px;
  box-shadow: 0 1px 3px var(--combo-shadow);
}
.sbgrid-grid .sbgrid-combo-popup div.sbgrid-wrap-popup {
  overflow: auto;
  overflow-x: hidden;
  max-height: 200px;
}
.sbgrid-grid .sbgrid-combo-popup div.sbgrid-wrap-popup ul.sbgrid-popup-items {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
.sbgrid-grid .sbgrid-combo-popup div.sbgrid-wrap-popup ul.sbgrid-popup-items li {
  display: flex;
  align-items: center;
  list-style: none;
  font-size: 12px;
  padding: 4px 5px;
  cursor: pointer;
  min-height: 16px;
  color: var(--default-text);
}
.sbgrid-grid .sbgrid-combo-popup div.sbgrid-wrap-popup ul.sbgrid-popup-items li:hover {
  background: var(--hover);
}
.sbgrid-grid .sbgrid-combo-popup div.sbgrid-wrap-popup ul.sbgrid-popup-items li.sbgrid-combo-item-selected {
  background: var(--combo-selected);
  color: var(--combo-selected-text);
}
.sbgrid-grid .sbgrid-combo-popup div.sbgrid-wrap-popup ul.sbgrid-popup-items li input[type=checkbox] {
  flex-shrink: 0;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: var(--inp-bg);
  border: 1px solid var(--menu-chk-border);
  border-radius: 3px;
  box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
}
.sbgrid-grid .sbgrid-combo-popup div.sbgrid-wrap-popup ul.sbgrid-popup-items li input[type=checkbox]:checked {
  position: relative;
  background: var(--chk-active);
  border: 1px solid var(--chk-active);
}
.sbgrid-grid .sbgrid-combo-popup div.sbgrid-wrap-popup ul.sbgrid-popup-items li input[type=checkbox]:checked::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 4px;
  display: block;
  width: 4px;
  height: 8px;
  border: solid var(--menu-chk-bg);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.sbgrid-grid .sbgrid-combo-popup div.sbgrid-wrap-popup::-webkit-scrollbar {
  width: 5px;
  border-radius: 3px;
}
.sbgrid-grid .sbgrid-combo-popup div.sbgrid-wrap-popup::-webkit-scrollbar-thumb {
  background-color: var(--inscroll-thumb);
  border-radius: 3px;
}
.sbgrid-grid .sbgrid-combo-popup div.sbgrid-wrap-popup::-webkit-scrollbar-track {
  background-color: var(--inscroll-track);
  border-radius: 3px;
}
.sbgrid-grid .sbgrid-combo-popup div.sbgrid-wrap-popup .sbgrid-text {
  margin: 0 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
}
.sbgrid-grid .sbgrid-combo-popup span.sbgrid-combo-inner {
  width: 100%;
}
.sbgrid-grid .sbgrid-combo-popup span.sbgrid-combo-inner > input {
  width: 100%;
  box-sizing: border-box;
}
.sbgrid-grid .sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-multitext {
  padding-inline: 0;
}
.sbgrid-grid .sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-multitext .sbgrid-multitext.sbgrid-text {
  margin: 0;
  padding: 0 5px;
}
.sbgrid-grid .sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-multitext .sbgrid-multitext.sbgrid-text.sbgrid-multitext-preline {
  white-space: pre-line;
  overflow-y: auto;
}
.sbgrid-grid .sbgrid-cell.sbgrid-edit textarea {
  border: 1px solid var(--chk-active);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

.sbgrid-alternate {
  background-color: var(--alter-bg1);
}
.sbgrid-alternate.sbgrid-alternate-2 {
  background-color: var(--alter-bg2);
}
.sbgrid-alternate.sbgrid-alternate-3 {
  background-color: var(--alter-bg3);
}

.sbgrid-row {
  box-sizing: border-box;
  color: var(--default-text);
}
.sbgrid-row.sbgrid-filter > .sbgrid-col {
  overflow: hidden;
}
.sbgrid-row.sbgrid-filter > .sbgrid-col.sbgrid-focused {
  position: relative; /*border:1px solid red;*/
  background: none;
}
.sbgrid-row.sbgrid-filter > .sbgrid-col.sbgrid-focused:after {
  content: "";
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: 1px solid;
  border-color: var(--active-border-lighten);
  pointer-events: none;
  box-sizing: border-box;
}
.sbgrid-row.sbgrid-filter > .sbgrid-col.sbgrid-hover {
  background: none;
}
.sbgrid-row.sbgrid-filter > .sbgrid-col:hover {
  background: none;
}
.sbgrid-row > .sbgrid-col {
  white-space: nowrap;
  box-sizing: border-box; /* border 및 padding을 너비에 포함시킨다. */
}
.sbgrid-row > .sbgrid-col > .sbgrid-text,
.sbgrid-row > .sbgrid-col .sbgrid-number {
  margin: 0; /* margin 제거 */
  padding: 0 5px; /* 내부 padding으로 여백 조정 */
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
  line-height: normal;
}
.sbgrid-row > .sbgrid-col > .sbgrid-text:has(.sbgrid-text) {
  text-overflow: unset;
}
.sbgrid-row > .sbgrid-col input {
  width: 100%;
}
.sbgrid-row > .sbgrid-col.sbgrid-group.sbgrid-title span {
  padding: 0 5px;
  overflow: hidden;
  white-space: nowrap;
  color: var(--default-text);
  text-overflow: ellipsis;
  box-sizing: border-box;
  flex-wrap: nowrap;
}
.sbgrid-row > .sbgrid-col .sbgrid-group.sbgrid-title {
  display: flex;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.sbgrid-row > .sbgrid-col.sbgrid-center {
  text-align: center;
}
.sbgrid-row > .sbgrid-col.sbgrid-left {
  text-align: left;
}
.sbgrid-row > .sbgrid-col.sbgrid-right {
  text-align: right;
}
.sbgrid-row > .sbgrid-col.sbgrid-status.sbgrid-center {
  align-items: center !important;
}
.sbgrid-row > .sbgrid-col.sbgrid-status.sbgrid-left {
  align-items: flex-start !important;
}
.sbgrid-row > .sbgrid-col.sbgrid-status.sbgrid-right {
  align-items: flex-end !important;
}
.sbgrid-row > .sbgrid-col.sbgrid-merge.sbgrid-merge-row {
  background-color: var(--merge-row-bg);
}
.sbgrid-row .sbgrid-rowno {
  text-align: center;
}
.sbgrid-row.sbgrid-hidden .sbgrid-col {
  display: none;
}
.sbgrid-row.sbgrid-variable .sbgrid-col .sbgrid-cell {
  white-space: normal;
  text-overflow: initial;
  overflow-wrap: break-word;
}
.sbgrid-row.sbgrid-variable .sbgrid-col .sbgrid-cell.sbgrid-icon {
  overflow: hidden;
}
.sbgrid-row.sbgrid-fixed > span.sbgrid-col.sbgrid-rowno.sbgrid-focused {
  outline: none;
  border-right: 2px solid var(--secondary);
  background: var(--caption-focused) !important;
}
.sbgrid-row.sbgrid-header > .sbgrid-col > .sbgrid-header {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.sbgrid-row.sbgrid-footer > .sbgrid-col > .sbgrid-footer {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.sbgrid-row.sbgrid-caption > .sbgrid-col.sbgrid-focused {
  outline: none;
  position: relative;
  background: var(--caption-focused) !important;
}
.sbgrid-row.sbgrid-caption > .sbgrid-col.sbgrid-focused:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: var(--cap-line);
  margin-bottom: -1px;
}
.sbgrid-row.sbgrid-caption > .sbgrid-col.reorderable {
  background-color: var(--reorder-bg);
}
.sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: stretch;
  height: 100%;
  padding-inline: 0px;
  margin-bottom: 0;
  margin-right: 0;
  outline: 0px;
  border: 0px;
}
.sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree.sbgrid-fill-handle-right {
  margin-right: 0.06em;
}
.sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree.sbgrid-fill-handle-bottom {
  margin-bottom: 0;
}
.sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree.sbgrid-fill-handle-left > .sbgrid-cell.sbgrid-tree > span.sbgrid-title {
  margin-left: 0;
}
.sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree > .sbgrid-cell.sbgrid-tree {
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}
.sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree > .sbgrid-cell.sbgrid-tree.sbgrid-last > .sbgrid-space.sbgrid-last {
  border-bottom: 1px solid var(--tree-border);
}
.sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree > .sbgrid-cell.sbgrid-tree > .sbgrid-space:not(.sbgrid-last) {
  background-color: var(--tree-space);
}
.sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree > .sbgrid-cell.sbgrid-tree > .sbgrid-space {
  flex-grow: 0;
  flex-shrink: 0;
  width: 20px;
  border-left: 1px solid var(--tree-border);
}
.sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree > .sbgrid-cell.sbgrid-tree > .sbgrid-title {
  flex-grow: 1;
  display: flex;
  align-items: center;
  margin-bottom: 0.06em;
  margin-right: 0.06em;
  margin-left: 0.08em;
  outline: 1px solid var(--tree-border);
  padding-inline: 6px;
}
.sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree > .sbgrid-cell.sbgrid-tree > .sbgrid-title > .sbgrid-icon {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  top: 3px;
  background-position: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree > .sbgrid-cell.sbgrid-tree > .sbgrid-title .sbgrid-icon + .sbgrid-text {
  margin-left: 5px;
}
.sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree > .sbgrid-cell.sbgrid-tree > .sbgrid-title > .sbgrid-check {
  margin: 0 5px;
}
.sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree > .sbgrid-cell.sbgrid-tree > .sbgrid-title > .sbgrid-check + .sbgrid-text {
  margin-left: 0;
}
.sbgrid-row.sbgrid-tree.sbgrid-footer {
  background: var(--tree-footer-bg);
}
.sbgrid-row.sbgrid-tree.sbgrid-footer > .sbgrid-col > .sbgrid-cell > .sbgrid-title {
  padding-inline: 6px;
}
.sbgrid-row.sbgrid-tree.sbgrid-footer > .sbgrid-col > .sbgrid-cell > .sbgrid-space.sbgrid-last {
  border-bottom: 1px solid var(--tree-border);
}
.sbgrid-row.sbgrid-tree.sbgrid-row.sbgrid-sticky {
  background-color: var(--sticky-row-bg);
  box-shadow: 1px 3px 5px var(--sticky-row-shadow);
}

.sbgrid-col.sbgrid-hidden {
  display: none;
}

.sbgrid-invalid > .sbgrid-indicator {
  border: 3px solid var(--indicator-bg);
  border-color: var(--indicator-bg) transparent transparent var(--indicator-bg);
  left: 0;
  transition: 0.1s all;
  position: absolute;
  top: 0;
}
.sbgrid-invalid > .sbgrid-indicator:hover {
  border: 5px solid var(--indicator-bg);
  border-color: var(--indicator-bg) transparent transparent var(--indicator-bg);
  transition: 0.1s all;
}

.sbgrid-column .sbgrid-icon.sbgrid-menu {
  /*float:right;*/
}
.sbgrid-column.sbgrid-filter {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}

.sbgrid-panel.sbgrid-status {
  font-size: 12px;
  padding: 6px;
  border: 1px solid var(--status-border);
  border-top: none;
  box-sizing: border-box;
}
.sbgrid-panel.sbgrid-status > div {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.sbgrid-panel.sbgrid-status > div .sbgrid-item {
  margin: 0 10px;
  text-shadow: 0.5px 0;
}
.sbgrid-panel.sbgrid-status > div .sbgrid-item .excel.status {
  text-shadow: 0.5px 0;
}
.sbgrid-panel.sbgrid-hidden {
  font-size: 9pt;
}
.sbgrid-panel.sbgrid-hidden .sbgrid-col {
  border: 1px solid transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.sbgrid-panel.sbgrid-hidden .sbgrid-col .sbgrid-cell {
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
}
.sbgrid-panel.sbgrid-title {
  align-items: center;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: bold;
  align-items: stretch;
}
.sbgrid-panel.sbgrid-title > .sbgrid-tools {
  padding: 6px;
  border-bottom: 1px solid var(--tool-border);
  display: flex;
  align-items: center;
  flex: 1;
}
.sbgrid-panel.sbgrid-group > .sbgrid-tools, .sbgrid-panel.sbgrid-tool > .sbgrid-tools, .sbgrid-panel.sbgrid-pager > .sbgrid-tools {
  flex: 1;
}
.sbgrid-panel .sbgrid-table .sbgrid-tr {
  overflow: hidden;
  white-space: nowrap;
}
.sbgrid-panel .sbgrid-table .sbgrid-align {
  overflow: hidden;
}
.sbgrid-panel > .sbgrid-tools .sbgrid-tool {
  color: var(--default-text);
  /*tool - right*/
}
.sbgrid-panel > .sbgrid-tools .sbgrid-tool input[type=button] {
  padding: 6px 10px;
  margin-right: 5px;
  background: var(--tool-inp-bg);
  border: 1px solid var(--tool-inp-border);
  box-sizing: border-box;
  color: var(--tool-inp-text);
  transition: all 0.2s;
  cursor: pointer;
  font-size: 12px;
  border-radius: 3px;
}
.sbgrid-panel > .sbgrid-tools .sbgrid-tool input[type=button]:hover {
  background: var(--tool-inp-bg-dark);
  transition: all 0.2s;
  border: 1px solid var(--tool-inp-border-dark);
}
.sbgrid-panel > .sbgrid-tools .sbgrid-tool .sbgrid-search-wrap {
  display: flex;
  align-items: center;
  border: 1px solid var(--tool-search-border);
  box-sizing: border-box;
}
.sbgrid-panel > .sbgrid-tools .sbgrid-tool .sbgrid-search-wrap input[type=text] {
  height: 30px;
  padding-left: 10px;
  border: 0;
  box-sizing: border-box;
}
.sbgrid-panel > .sbgrid-tools .sbgrid-tool .sbgrid-search-wrap input[type=text]::-moz-placeholder {
  font-size: 12px;
}
.sbgrid-panel > .sbgrid-tools .sbgrid-tool .sbgrid-search-wrap input[type=text]::placeholder {
  font-size: 12px;
}
.sbgrid-panel > .sbgrid-tools .sbgrid-tool span.sbgrid-caption {
  padding: 6px;
  font-size: 12px;
  color: var(--caption-text);
  box-sizing: border-box;
}
.sbgrid-panel > .sbgrid-tools .sbgrid-tool .sbgrid-grouping span.sbgrid-caption {
  color: var(--group-default-text);
  font-weight: bold;
}
.sbgrid-panel > .sbgrid-tools .sbgrid-tool button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  padding: 0 10px;
  background: var(--menu-btn-bg);
  border: 0;
  border-radius: 3px;
  color: var(--default-text);
  font-family: inherit;
  font-size: 12px;
  transition: all 0.2s;
  cursor: pointer;
}
.sbgrid-panel > .sbgrid-tools .sbgrid-tool button:hover {
  background: var(--menu-btn-bg);
  transition: all 0.2s;
}
.sbgrid-panel > .sbgrid-tools .sbgrid-tool select {
  padding: 6px 10px;
  margin: 0 5px;
  background: var(--tool-inp-bg);
  border: 1px solid var(--tool-inp-border);
  box-sizing: border-box;
  color: var(--tool-inp-text);
  transition: all 0.2s;
  cursor: pointer;
  font-size: 12px;
  border-radius: 3px;
}
.sbgrid-panel > .sbgrid-part {
  display: flex;
  flex-grow: 1;
}
.sbgrid-panel > .sbgrid-center {
  justify-content: center;
}
.sbgrid-panel > .sbgrid-right {
  justify-content: right;
}
.sbgrid-panel .sbgrid-row .sbgrid-col {
  box-sizing: border-box;
}
.sbgrid-panel .sbgrid-row .sbgrid-rowno {
  /*background: #FBFBFB;*/
  background: none;
  color: var(--rowno-text);
}
.sbgrid-panel .sbgrid-row .sbgrid-sticky {
  background: var(--sticky-row-bg); /*color: #222;*/
  z-index: 1;
}
.sbgrid-panel .sbgrid-row .sbgrid-sticky.sbgrid-selected {
  background: var(--selected); /*color: #222;*/
}
.sbgrid-panel .sbgrid-row .sbgrid-sticky.sbgrid-selecting {
  background: var(--sticky-selecting-bg);
}
.sbgrid-panel .sbgrid-row .sbgrid-sticky.sbgrid-merged.sbgrid-selecting {
  background: var(--sticky-selecting-bg);
}
.sbgrid-panel .sbgrid-row .sbgrid-sticky.sbgrid-merged.sbgrid-selected {
  background: var(--selected);
}
.sbgrid-panel .sbgrid-row.sbgrid-group .sbgrid-sticky {
  background: transparent;
}
.sbgrid-panel .sbgrid-part.sbgrid-fixed .sbgrid-row.sbgrid-fixed .sbgrid-sticky {
  background: none;
}
.sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col {
  font-weight: bold;
  text-align: center;
  color: var(--caption-text);
}
.sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-caption {
  display: flex;
  align-items: center;
}
.sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools .sbgrid-order {
  display: flex;
  align-items: center;
  width: 24px;
  height: 24px;
  justify-content: center;
}
.sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools .sbgrid-hidden {
  display: none;
}
.sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools .sbgrid-title {
  margin-right: 2px;
}
.sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools:first-child {
  display: flex;
  justify-content: center;
  align-items: center;
}
.sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools .sbgrid-icon.sbgrid-desc, .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools .sbgrid-icon.sbgrid-asc {
  color: var(--secondary);
}
.sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools .sbgrid-icon.sbgrid-sort-default {
  color: var(--caption-icon-bg);
}
.sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools .sbgrid-icon.sbgrid-filter {
  padding: 0 10px;
  color: var(--caption-icon-bg);
  box-sizing: border-box;
  background-color: transparent;
  border: none;
}
.sbgrid-panel.sbgrid-header > .sbgrid-area > .sbgrid-part > .sbgrid-scroll > .sbgrid-row > .sbgrid-col {
  display: flex;
  justify-content: center;
}
.sbgrid-panel.sbgrid-header > .sbgrid-area > .sbgrid-part > .sbgrid-scroll > .sbgrid-row > .sbgrid-col > span.sbgrid-header {
  color: var(--total-text);
  text-shadow: 0.5px 0;
}
.sbgrid-panel.sbgrid-body .sbgrid-area > .sbgrid-part > .sbgrid-scroll > .sbgrid-row.sbgrid-last {
  height: 0;
}
.sbgrid-panel.sbgrid-body .sbgrid-area .sbgrid-part .sbgrid-scroll .sbgrid-row .sbgrid-col.sbgrid-group.sbgrid-title {
  border-bottom: none;
}
.sbgrid-panel.sbgrid-body .sbgrid-area .sbgrid-part .sbgrid-scroll .sbgrid-row .sbgrid-col.sbgrid-group.sbgrid-indicator {
  border-top: none;
}
.sbgrid-panel.sbgrid-body .sbgrid-area .sbgrid-part .sbgrid-scroll .sbgrid-row .sbgrid-col.sbgrid-group.sbgrid-indicator.sbgrid-level-first {
  border-top: none;
  border-right: none;
  border-bottom: 1px solid var(--col-border);
}
.sbgrid-panel.sbgrid-body .sbgrid-area .sbgrid-part .sbgrid-scroll .sbgrid-row .sbgrid-col.sbgrid-group.sbgrid-indicator.sbgrid-level-next {
  border-top: none;
  border-right: none;
}
.sbgrid-panel.sbgrid-body .sbgrid-area .sbgrid-part.sbgrid-body .sbgrid-scroll .sbgrid-row.sbgrid-sticky .sbgrid-sticky {
  background: var(--sticky-bg);
}
.sbgrid-panel.sbgrid-body .sbgrid-tbody .sbgrid-part.sbgrid-body .sbgrid-scroll .sbgrid-row .sbgrid-col.sbgrid-sticky {
  box-shadow: 1px 1px 5px var(--sticky-row-shadow);
}
.sbgrid-panel.sbgrid-body .sbgrid-row.sbgrid-group.sbgrid-footer:has(.sbgrid-col) {
  border-top: none;
}
.sbgrid-panel.sbgrid-footer > .sbgrid-area > .sbgrid-part > .sbgrid-scroll > .sbgrid-row > .sbgrid-col {
  display: flex;
  justify-content: center;
}
.sbgrid-panel.sbgrid-footer > .sbgrid-area > .sbgrid-part > .sbgrid-scroll > .sbgrid-row > .sbgrid-col > span.sbgrid-footer {
  color: var(--total-text);
  text-shadow: 0.5px 0;
}
.sbgrid-panel.sbgrid-tool {
  box-sizing: border-box;
}
.sbgrid-panel.sbgrid-tool > .sbgrid-tools {
  padding: 6px;
  border-bottom: 1px solid var(--tool-border);
  flex: 1;
}
.sbgrid-panel.sbgrid-scroll {
  border: 1px solid var(--scroll-border);
  box-sizing: border-box;
}

.sbgrid-tools {
  flex-grow: 1;
}
.sbgrid-tools > .sbgrid-tool.sbgrid-item {
  display: inline-block;
  vertical-align: top;
}

.sbgrid-tool.sbgrid-group {
  display: flex;
  flex-grow: 1;
}
.sbgrid-tool.sbgrid-pager {
  padding: 0 5px;
}
.sbgrid-tool.sbgrid-custom {
  padding: 0 5px;
}

.sbgrid-panel.sbgrid-body .sbgrid-col.sbgrid-focused {
  border: 1px dotted var(--active);
}

.sbgrid-reorder-indicator.sbgrid-col {
  position: absolute;
  width: 1px;
  border-left: 3px dotted var(--secondary);
  opacity: 0;
  z-index: 10;
}

.sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator {
  border: 2px dotted var(--secondary);
  opacity: 1;
}

.sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-left {
  border-left: 2px dotted var(--secondary);
  opacity: 1;
}

.sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-right {
  border-right: 2px dotted var(--secondary);
  opacity: 1;
}

.sbgrid-reorder-indicator.sbgrid-row {
  position: absolute;
  border-top: 2px dotted var(--secondary);
  opacity: 0;
  z-index: 20;
}

.sbgrid-reorder-head,
.sbgrid-reorder-tail {
  position: absolute;
  z-index: 100;
  margin-left: -7px;
  margin-top: -10px;
}
.sbgrid-reorder-head.on:before,
.sbgrid-reorder-tail.on:before {
  transform: scale(1.5);
  transition: all 0.2s;
}

.sbgrid-resize-indicator {
  position: absolute;
  cursor: ew-resize;
  border-left: 3px solid var(--resize-bg);
  opacity: 0;
  z-index: 100;
}
.sbgrid-resize-indicator:hover {
  opacity: 1;
}

div.sbgrid-resize-helper {
  width: 10px;
  border-left: 2px dotted var(--helper-border);
  z-index: 10;
}

span.sbgrid-reorder-helper {
  border-left: 2px dotted var(--secondary);
  z-index: 10;
}

.sbgrid-group .sbgrid-grouping {
  display: flex;
  align-items: center;
  height: 24px;
  margin-right: 5px;
  padding: 0 10px;
  background: var(--group-item-bg);
  border-radius: 30px;
  box-sizing: border-box;
  color: var(--group-text);
  cursor: pointer;
  font-size: 12px;
}

.sbgrid-draggable-helper.sbgrid-col {
  display: inline-flex;
  align-items: center;
  height: 24px;
  background: var(--drag-bg);
  padding: 6px 15px;
  border-radius: 30px;
  box-sizing: border-box;
  font-size: 12px;
  color: var(--drag-text);
  z-index: 999;
}
.sbgrid-draggable-helper.sbgrid-col .sbgrid-row.sbgrid-moving {
  filter: opacity(1);
}

.sbgrid-draggable-helper.sbgrid-rowreorder {
  padding-left: 25px;
  cursor: move;
  background-color: transparent;
  z-index: 999;
  box-sizing: border-box;
  font-size: 12px;
  color: var(--roworder-text);
  pointer-events: none;
}
.sbgrid-draggable-helper.sbgrid-rowreorder > div {
  border: none;
}
.sbgrid-draggable-helper.sbgrid-rowreorder .sbgrid-row.sbgrid-moving {
  filter: opacity(1);
}

.sbgrid-draggable-helper.sbgrid-rowreorder {
  display: inline-flex;
  align-items: center;
  background: var(--roworder-bg);
  min-height: 30px;
  padding: 0 15px;
  box-shadow: 1px 3px 3px var(--roworder-shadow);
  border-radius: 0;
  font-size: 12px;
  color: var(--roworder-text);
  border-radius: 5px;
  border: 1px solid var(--roworder-border);
}
.sbgrid-draggable-helper.sbgrid-rowreorder .sbgrid-icon.sbgrid-rowreorder:before {
  color: var(--secondary);
  font-weight: bold;
}
.sbgrid-draggable-helper.sbgrid-rowreorder .sbgrid-moving {
  background: none;
}
.sbgrid-draggable-helper.sbgrid-rowreorder .sbgrid-sticky {
  box-shadow: none !important;
}
.sbgrid-draggable-helper.sbgrid-rowreorder .sbgrid-row {
  display: inline-flex;
}
.sbgrid-draggable-helper.sbgrid-rowreorder .sbgrid-col {
  position: relative;
  padding: 0 5px !important;
  outline: none;
}
.sbgrid-draggable-helper.sbgrid-rowreorder .sbgrid-col.sbgrid-indicator.sbgrid-group {
  width: 0;
  padding: 0 0px !important;
  border: 0px;
}
.sbgrid-draggable-helper.sbgrid-rowreorder .sbgrid-col.sbgrid-tree > .sbgrid-cell.sbgrid-tree > .sbgrid-space {
  width: 0;
  padding: 0 0px !important;
  border: 0px;
}
.sbgrid-draggable-helper.sbgrid-rowreorder .sbgrid-col:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -3px;
  margin-top: -2px;
  display: block;
  width: 5px;
  height: 5px;
  background: var(--roworder-dot-bg);
  border-radius: 50%;
}
.sbgrid-draggable-helper.sbgrid-rowreorder > div {
  display: flex;
  align-items: center;
}

.sbgrid-draggable-helper.sbgrid-rowreorder > .sbgrid-row {
  display: flex;
}

.sbgrid-draggable-helper.sbgrid-rowreorder > .sbgrid-row > .sbgrid-col {
  outline: 0;
}

.sbgrid-filter.sbgrid-menu {
  position: absolute;
  z-index: 1000;
  /*width:300px;*/
  width: auto;
  min-width: 100px;
  max-width: 250px;
  box-sizing: border-box;
  padding: 10px;
  background: var(--filter-bg);
  border: 1px solid var(--menu-border);
  border-radius: 5px;
  box-shadow: 0 1px 3px var(--menu-shadow);
}
.sbgrid-filter.sbgrid-menu > span.sbgrid-checkable {
  width: 100%;
}
.sbgrid-filter.sbgrid-menu select,
.sbgrid-filter.sbgrid-menu select.sbgrid-operator,
.sbgrid-filter.sbgrid-menu input.sbgrid-search,
.sbgrid-filter.sbgrid-menu input[type=text] {
  margin-bottom: 4px;
  padding-left: 5px;
  height: auto;
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  background: var(--com-bg);
  border: 1px solid var(--com-border);
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: var(--default-text);
  box-sizing: border-box;
}
.sbgrid-filter.sbgrid-menu select:active, .sbgrid-filter.sbgrid-menu select:focus,
.sbgrid-filter.sbgrid-menu select.sbgrid-operator:active,
.sbgrid-filter.sbgrid-menu select.sbgrid-operator:focus,
.sbgrid-filter.sbgrid-menu input.sbgrid-search:active,
.sbgrid-filter.sbgrid-menu input.sbgrid-search:focus,
.sbgrid-filter.sbgrid-menu input[type=text]:active,
.sbgrid-filter.sbgrid-menu input[type=text]:focus {
  border-color: var(--secondary);
}
.sbgrid-filter.sbgrid-menu select:active::before, .sbgrid-filter.sbgrid-menu select:active::after, .sbgrid-filter.sbgrid-menu select:focus::before, .sbgrid-filter.sbgrid-menu select:focus::after,
.sbgrid-filter.sbgrid-menu select.sbgrid-operator:active::before,
.sbgrid-filter.sbgrid-menu select.sbgrid-operator:active::after,
.sbgrid-filter.sbgrid-menu select.sbgrid-operator:focus::before,
.sbgrid-filter.sbgrid-menu select.sbgrid-operator:focus::after,
.sbgrid-filter.sbgrid-menu input.sbgrid-search:active::before,
.sbgrid-filter.sbgrid-menu input.sbgrid-search:active::after,
.sbgrid-filter.sbgrid-menu input.sbgrid-search:focus::before,
.sbgrid-filter.sbgrid-menu input.sbgrid-search:focus::after,
.sbgrid-filter.sbgrid-menu input[type=text]:active::before,
.sbgrid-filter.sbgrid-menu input[type=text]:active::after,
.sbgrid-filter.sbgrid-menu input[type=text]:focus::before,
.sbgrid-filter.sbgrid-menu input[type=text]:focus::after {
  color: var(--secondary);
}
.sbgrid-filter.sbgrid-menu select::-moz-placeholder, .sbgrid-filter.sbgrid-menu select.sbgrid-operator::-moz-placeholder, .sbgrid-filter.sbgrid-menu input.sbgrid-search::-moz-placeholder, .sbgrid-filter.sbgrid-menu input[type=text]::-moz-placeholder {
  color: var(--filter-placeholder);
  font-weight: lighter;
  font-size: 12px;
}
.sbgrid-filter.sbgrid-menu select::placeholder,
.sbgrid-filter.sbgrid-menu select.sbgrid-operator::placeholder,
.sbgrid-filter.sbgrid-menu input.sbgrid-search::placeholder,
.sbgrid-filter.sbgrid-menu input[type=text]::placeholder {
  color: var(--filter-placeholder);
  font-weight: lighter;
  font-size: 12px;
}
.sbgrid-filter.sbgrid-menu .sbgrid-value > ul {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
.sbgrid-filter.sbgrid-menu .sbgrid-value > ul li {
  display: flex;
  align-items: center;
  list-style: none;
  font-size: 12px;
  margin: 5px 2px 0 0;
}
.sbgrid-filter.sbgrid-menu .sbgrid-value > ul li.sbgrid-hidden {
  height: 0;
}
.sbgrid-filter.sbgrid-menu .sbgrid-value > ul li label {
  display: flex;
  align-items: center;
  flex-shrink: 1;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.sbgrid-filter.sbgrid-menu .sbgrid-value > ul li input[type=checkbox] {
  flex-shrink: 0;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: var(--inp-bg);
  margin: 0 5px;
  border: 1px solid var(--menu-chk-border);
  border-radius: 3px;
  box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
}
.sbgrid-filter.sbgrid-menu .sbgrid-value > ul li input[type=checkbox]:checked {
  position: relative;
  background: var(--chk-active);
  border: 1px solid var(--chk-active);
}
.sbgrid-filter.sbgrid-menu .sbgrid-value > ul li input[type=checkbox]:checked::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 4px;
  display: block;
  width: 4px;
  height: 8px;
  border: solid var(--menu-chk-bg);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.sbgrid-filter.sbgrid-menu span.count {
  display: block;
  padding: 5px;
  margin: 10px 0 5px 0;
  font-size: 12px;
  text-shadow: 0.5px 0;
  background: var(--menu-count-bg);
  box-sizing: border-box;
  text-align: center;
}
.sbgrid-filter.sbgrid-menu > .sbgrid-condition {
  margin-bottom: 10px;
}
.sbgrid-filter.sbgrid-menu > .sbgrid-condition span.sbgrid-values {
  display: inline-block;
  width: 100%;
}
.sbgrid-filter.sbgrid-menu > .sbgrid-condition span.sbgrid-values span.sbgrid-value {
  display: inline-block;
  width: 100%;
  margin-bottom: 4px;
}
.sbgrid-filter.sbgrid-menu > .sbgrid-condition span.sbgrid-values span.sbgrid-value .sbgrid-search {
  width: 100%;
}
.sbgrid-filter.sbgrid-menu > .sbgrid-condition div.sbgrid-operator {
  display: flex;
  justify-content: space-between;
  padding: 5px 0;
}
.sbgrid-filter.sbgrid-menu > .sbgrid-condition div.sbgrid-operator .sbgrid-join {
  display: flex;
  align-items: center;
  font-size: 12px;
}
.sbgrid-filter.sbgrid-menu > .sbgrid-condition div.sbgrid-operator input[type=radio] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 16px;
  height: 16px;
  background: var(--inp-bg);
  border: 1px solid var(--inp-border);
  border-radius: 50%;
}
.sbgrid-filter.sbgrid-menu > .sbgrid-condition div.sbgrid-operator input[type=radio]:checked {
  position: relative;
  border: 1px solid var(--secondary);
}
.sbgrid-filter.sbgrid-menu > .sbgrid-condition div.sbgrid-operator input[type=radio]:checked:before {
  content: "";
  position: absolute;
  display: inline-block;
  left: 2px;
  top: 2px;
  width: 10px;
  height: 10px;
  background: var(--secondary);
  border-radius: 50%;
}
.sbgrid-filter.sbgrid-menu > .sbgrid-condition div.sbgrid-operator label {
  display: inline-block;
  padding: 0 2px;
  line-height: 18px;
  color: var(--default-text);
}
.sbgrid-filter.sbgrid-menu > .sbgrid-confirm {
  display: flex;
  justify-content: flex-end;
  padding-top: 10px;
  box-sizing: border-box;
  border-top: 1px solid var(--menu-border);
}
.sbgrid-filter.sbgrid-menu > .sbgrid-confirm button {
  margin: 0 3px;
}
.sbgrid-filter.sbgrid-menu > .sbgrid-confirm button.sbgrid-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  padding: 0 10px;
  background: var(--secondary);
  color: #fff;
  font-family: inherit;
  font-size: 12px;
  border: 0;
  border-radius: 3px;
  cursor: pointer;
  transition: all 0.2s;
}
.sbgrid-filter.sbgrid-menu > .sbgrid-confirm button.sbgrid-submit:hover {
  background: var(--secondary);
  transition: all 0.2s;
}
.sbgrid-filter.sbgrid-menu > .sbgrid-confirm button.sbgrid-cancel {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  padding: 0 10px;
  background: var(--menu-btn-bg);
  border: 0;
  border-radius: 3px;
  color: var(--default-text);
  font-family: inherit;
  font-size: 12px;
  transition: all 0.2s;
  cursor: pointer;
}
.sbgrid-filter.sbgrid-menu > .sbgrid-confirm button.sbgrid-cancel:hover {
  background: var(--menu-btn-bg);
  transition: all 0.2s;
}
.sbgrid-filter.sbgrid-menu.sbgrid-hidden {
  display: none;
}
.sbgrid-filter.sbgrid-menu .sbgrid-values > .sbgrid-value > ul {
  overflow: scroll;
  overflow-x: hidden;
  max-height: 200px;
}
.sbgrid-filter.sbgrid-menu .sbgrid-values > .sbgrid-value > ul li.sbgrid-hidden {
  visibility: hidden;
  height: 0;
}
.sbgrid-filter.sbgrid-menu .sbgrid-values > .sbgrid-value > ul::-webkit-scrollbar {
  width: 5px;
  border-radius: 3px;
}
.sbgrid-filter.sbgrid-menu .sbgrid-values > .sbgrid-value > ul::-webkit-scrollbar-thumb {
  background-color: var(--menu-scroll-thumb);
  border-radius: 3px;
}
.sbgrid-filter.sbgrid-menu .sbgrid-values > .sbgrid-value > ul::-webkit-scrollbar-track {
  background-color: var(--menu-scroll-track);
  border-radius: 3px;
}

.sbgrid-empty-message {
  padding: 20px 0;
  text-align: center;
}
.sbgrid-empty-message span {
  margin: 0;
  padding: 0 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
  line-height: normal;
  font-size: 12px;
  color: var(--empty-text);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.sbgrid-menu-group {
  position: absolute;
  display: table-cell;
  z-index: 2000;
  min-width: 130px;
  background-color: var(--menu-bg);
  border-radius: 5px;
  box-sizing: border-box;
}

.sbgrid-context-menu {
  position: absolute;
  display: table-cell;
  z-index: 2000;
  min-width: 130px;
  background-color: var(--menu-bg);
  border-radius: 5px;
  box-sizing: border-box;
}

.sbgrid-menu-group > .sbgrid-menu,
.sbgrid-context-menu > .sbgrid-menu {
  position: absolute;
  display: flex;
  flex-direction: column;
  min-width: 100%;
  background: var(--menu-bg);
  border-radius: 5px;
  box-sizing: border-box;
  border: 1px solid var(--menu-border);
  box-shadow: 0 1px 3px var(--menu-shadow);
}
.sbgrid-menu-group > .sbgrid-menu .sbgrid-item,
.sbgrid-context-menu > .sbgrid-menu .sbgrid-item {
  display: inline-flex;
  align-items: center;
  width: 100%;
  min-height: 26px;
  padding: 1px 5px;
  font-size: 12px;
  cursor: pointer;
  box-sizing: border-box;
  color: var(--default-text);
}
.sbgrid-menu-group > .sbgrid-menu .sbgrid-item.sbgrid-seperator,
.sbgrid-context-menu > .sbgrid-menu .sbgrid-item.sbgrid-seperator {
  height: 0;
  min-height: 0;
  border-top: 1px solid var(--menu-seperator-border);
}
.sbgrid-menu-group > .sbgrid-menu .sbgrid-item:hover,
.sbgrid-context-menu > .sbgrid-menu .sbgrid-item:hover {
  background-color: var(--hover);
}
.sbgrid-menu-group > .sbgrid-menu .sbgrid-item.sbgrid-disabled,
.sbgrid-context-menu > .sbgrid-menu .sbgrid-item.sbgrid-disabled {
  background: var(--menu-disabled);
}
.sbgrid-menu-group > .sbgrid-menu .sbgrid-item.sbgrid-disabled .sbgrid-icon,
.sbgrid-context-menu > .sbgrid-menu .sbgrid-item.sbgrid-disabled .sbgrid-icon {
  font-size: 18px;
  margin-right: 10px;
}
.sbgrid-menu-group > .sbgrid-menu .sbgrid-item.sbgrid-disabled .sbgrid-icon:before,
.sbgrid-context-menu > .sbgrid-menu .sbgrid-item.sbgrid-disabled .sbgrid-icon:before {
  color: var(--menu-disable-icon-bg);
}
.sbgrid-menu-group > .sbgrid-menu .sbgrid-item .sbgrid-icon,
.sbgrid-context-menu > .sbgrid-menu .sbgrid-item .sbgrid-icon {
  font-size: 18px;
  margin-left: 3px;
  margin-right: 10px;
}
.sbgrid-menu-group > .sbgrid-menu .sbgrid-item .sbgrid-subIcon,
.sbgrid-context-menu > .sbgrid-menu .sbgrid-item .sbgrid-subIcon {
  margin-right: 0;
  margin-left: auto;
}
.sbgrid-menu-group > .sbgrid-menu .sbgrid-item .sbgrid-subIcon:before,
.sbgrid-context-menu > .sbgrid-menu .sbgrid-item .sbgrid-subIcon:before {
  color: var(--menu-icon-bg);
  font-size: 11px;
  font-weight: bold;
}
.sbgrid-menu-group > .sbgrid-menu .sbgrid-item .sbgrid-title,
.sbgrid-context-menu > .sbgrid-menu .sbgrid-item .sbgrid-title {
  flex-shrink: 0;
}

.sbgrid-menu-group > .sbgrid-column .sbgrid-values,
.sbgrid-context-menu > .sbgrid-column .sbgrid-values {
  width: 100%;
}
.sbgrid-menu-group > .sbgrid-column .sbgrid-values > .sbgrid-value,
.sbgrid-context-menu > .sbgrid-column .sbgrid-values > .sbgrid-value {
  width: 100%;
  padding: 5px 5px 5px 0;
  box-sizing: border-box;
}
.sbgrid-menu-group > .sbgrid-column .sbgrid-values > .sbgrid-value > ul,
.sbgrid-context-menu > .sbgrid-column .sbgrid-values > .sbgrid-value > ul {
  width: 100%;
  color: var(--default-text);
  padding: 5px;
  margin: 0;
  box-sizing: border-box;
  overflow: scroll;
  overflow-x: hidden;
  max-height: 200px;
}
.sbgrid-menu-group > .sbgrid-column .sbgrid-values > .sbgrid-value > ul li.sbgrid-hidden,
.sbgrid-context-menu > .sbgrid-column .sbgrid-values > .sbgrid-value > ul li.sbgrid-hidden {
  visibility: hidden;
  height: 0;
}
.sbgrid-menu-group > .sbgrid-column .sbgrid-values > .sbgrid-value > ul::-webkit-scrollbar,
.sbgrid-context-menu > .sbgrid-column .sbgrid-values > .sbgrid-value > ul::-webkit-scrollbar {
  width: 5px;
  border-radius: 3px;
}
.sbgrid-menu-group > .sbgrid-column .sbgrid-values > .sbgrid-value > ul::-webkit-scrollbar-thumb,
.sbgrid-context-menu > .sbgrid-column .sbgrid-values > .sbgrid-value > ul::-webkit-scrollbar-thumb {
  background-color: var(--menu-scroll-thumb);
  border-radius: 3px;
}
.sbgrid-menu-group > .sbgrid-column .sbgrid-values > .sbgrid-value > ul::-webkit-scrollbar-track,
.sbgrid-context-menu > .sbgrid-column .sbgrid-values > .sbgrid-value > ul::-webkit-scrollbar-track {
  background-color: var(--menu-scroll-track);
  border-radius: 3px;
}
.sbgrid-menu-group > .sbgrid-column .sbgrid-value > ul span.empty-space,
.sbgrid-context-menu > .sbgrid-column .sbgrid-value > ul span.empty-space {
  flex-shrink: 0;
  display: inline-block;
  width: 15px;
  height: 15px;
}
.sbgrid-menu-group > .sbgrid-column .sbgrid-value > ul li,
.sbgrid-context-menu > .sbgrid-column .sbgrid-value > ul li {
  display: flex;
  align-items: center;
  list-style: none;
  font-size: 12px;
  margin: 2px 2px 0 0;
}
.sbgrid-menu-group > .sbgrid-column .sbgrid-value > ul li.sbgrid-hidden,
.sbgrid-context-menu > .sbgrid-column .sbgrid-value > ul li.sbgrid-hidden {
  height: 0;
}
.sbgrid-menu-group > .sbgrid-column .sbgrid-value > ul li label,
.sbgrid-context-menu > .sbgrid-column .sbgrid-value > ul li label {
  flex-shrink: 1;
  width: 100%;
  margin-left: 5px;
  text-overflow: ellipsis;
  text-align: initial;
  white-space: nowrap;
  overflow: hidden;
}
.sbgrid-menu-group > .sbgrid-column .sbgrid-value > ul li input[type=checkbox],
.sbgrid-context-menu > .sbgrid-column .sbgrid-value > ul li input[type=checkbox] {
  flex-shrink: 0;
  display: inline-flex;
  width: 15px;
  height: 15px;
  background: var(--menu-chk-bg);
  border: 1px solid var(--menu-chk-border);
  border-radius: 3px;
  box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: "sbgrid-icon";
}
.sbgrid-menu-group > .sbgrid-column .sbgrid-value > ul li input[type=checkbox]:checked,
.sbgrid-context-menu > .sbgrid-column .sbgrid-value > ul li input[type=checkbox]:checked {
  position: relative;
  background: var(--menu-chk-bg);
  border: 1px solid var(--menu-chk-border);
}
.sbgrid-menu-group > .sbgrid-column .sbgrid-value > ul li input[type=checkbox]:checked::before,
.sbgrid-context-menu > .sbgrid-column .sbgrid-value > ul li input[type=checkbox]:checked::before {
  content: "\e938";
  color: var(--chk-icon);
  font-weight: bold;
}
.sbgrid-menu-group > .sbgrid-column > .sbgrid-confirm,
.sbgrid-context-menu > .sbgrid-column > .sbgrid-confirm {
  display: flex;
  justify-content: flex-end;
  padding: 10px;
  box-sizing: border-box;
  border-top: 1px solid var(--menu-border);
}
.sbgrid-menu-group > .sbgrid-column > .sbgrid-confirm button,
.sbgrid-context-menu > .sbgrid-column > .sbgrid-confirm button {
  margin: 0 3px;
}
.sbgrid-menu-group > .sbgrid-column > .sbgrid-confirm button.sbgrid-submit,
.sbgrid-context-menu > .sbgrid-column > .sbgrid-confirm button.sbgrid-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  padding: 0 10px;
  background: var(--secondary);
  color: #fff;
  font-family: inherit;
  font-size: 12px;
  border: 0;
  border-radius: 3px;
  cursor: pointer;
  transition: all 0.2s;
}
.sbgrid-menu-group > .sbgrid-column > .sbgrid-confirm button.sbgrid-submit:hover,
.sbgrid-context-menu > .sbgrid-column > .sbgrid-confirm button.sbgrid-submit:hover {
  background: var(--secondary);
  transition: all 0.2s;
}
.sbgrid-menu-group > .sbgrid-column > .sbgrid-confirm button.sbgrid-cancel,
.sbgrid-context-menu > .sbgrid-column > .sbgrid-confirm button.sbgrid-cancel {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  padding: 0 10px;
  background: var(--menu-btn-bg);
  border: 0;
  border-radius: 3px;
  color: var(--default-text);
  font-family: inherit;
  font-size: 12px;
  transition: all 0.2s;
  cursor: pointer;
}
.sbgrid-menu-group > .sbgrid-column > .sbgrid-confirm button.sbgrid-cancel:hover,
.sbgrid-context-menu > .sbgrid-column > .sbgrid-confirm button.sbgrid-cancel:hover {
  background: var(--menu-btn-bg);
  transition: all 0.2s;
}

.sbgrid-condition {
  display: flex;
  flex-direction: column;
}

.sbgrid-ico-search {
  padding: 0 10px;
  box-sizing: border-box;
  cursor: pointer;
}

.sbgrid-row.sbgrid-footer.sbgrid-fixed {
  background: var(--fixed-footer-bg);
}
.sbgrid-row.sbgrid-footer.sbgrid-fixed > .sbgrid-col.sbgrid-rowno {
  background: var(--fixed-footer-bg);
}

.sbgrid-group .sbgrid-row {
  box-sizing: border-box;
}
.sbgrid-group.sbgrid-row.sbgrid-level-0 {
  background-color: var(--group-depth0-bg);
}
.sbgrid-group.sbgrid-row.sbgrid-level-0 > .sbgrid-sticky {
  background-color: var(--group-depth0-bg);
}
.sbgrid-group.sbgrid-row.sbgrid-level-1 {
  background-color: var(--group-depth1-bg);
}
.sbgrid-group.sbgrid-row.sbgrid-level-1 > .sbgrid-sticky {
  background-color: var(--group-depth1-bg);
}
.sbgrid-group.sbgrid-row.sbgrid-level-2 {
  background-color: var(--group-depth2-bg);
}
.sbgrid-group.sbgrid-row.sbgrid-level-2 > .sbgrid-sticky {
  background-color: var(--group-depth2-bg);
}
.sbgrid-group.sbgrid-indicator.sbgrid-level-0 {
  background-color: var(--group-depth0-bg);
}
.sbgrid-group.sbgrid-indicator.sbgrid-level-1 {
  background-color: var(--group-depth1-bg);
}
.sbgrid-group.sbgrid-indicator.sbgrid-level-2 {
  background-color: var(--group-depth2-bg);
}
.sbgrid-group.sbgrid-title.sbgrid-level-0 {
  background-color: var(--group-depth0-bg);
}
.sbgrid-group.sbgrid-title.sbgrid-level-1 {
  background-color: var(--group-depth1-bg);
}
.sbgrid-group.sbgrid-title.sbgrid-level-2 {
  background-color: var(--group-depth2-bg);
}
.sbgrid-group.sbgrid-hidden {
  display: none;
}
.sbgrid-group.sbgrid-title {
  cursor: pointer;
}
.sbgrid-group.sbgrid-title .sbgrid-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center;
  font-weight: bold;
  color: var(--group-icon-bg);
}
.sbgrid-group.sbgrid-title .sbgrid-icon.sbgrid-open, .sbgrid-group.sbgrid-title .sbgrid-icon.sbgrid-close {
  font-size: 14px;
  font-weight: bold;
}

.sbgrid-title,
.sbgrid-group,
.sbgrid-tool,
.sbgrid-pager {
  display: flex;
  flex-wrap: wrap;
}
.sbgrid-title span,
.sbgrid-group span,
.sbgrid-tool span,
.sbgrid-pager span {
  cursor: pointer;
  padding-right: 3px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.sbgrid-title .sbgrid-pager-combo,
.sbgrid-group .sbgrid-pager-combo,
.sbgrid-tool .sbgrid-pager-combo,
.sbgrid-pager .sbgrid-pager-combo {
  width: auto;
  height: 25px;
  font-weight: normal;
}
.sbgrid-title .sbgrid-pager-combo .sbgrid-combobox,
.sbgrid-group .sbgrid-pager-combo .sbgrid-combobox,
.sbgrid-tool .sbgrid-pager-combo .sbgrid-combobox,
.sbgrid-pager .sbgrid-pager-combo .sbgrid-combobox {
  width: auto;
}
.sbgrid-title .sbgrid-pager-combo .sbgrid-combobox .sbgrid-combo-inner,
.sbgrid-group .sbgrid-pager-combo .sbgrid-combobox .sbgrid-combo-inner,
.sbgrid-tool .sbgrid-pager-combo .sbgrid-combobox .sbgrid-combo-inner,
.sbgrid-pager .sbgrid-pager-combo .sbgrid-combobox .sbgrid-combo-inner {
  width: auto;
}
.sbgrid-title .sbgrid-pager-combo .sbgrid-combobox .sbgrid-combo-inner input.sbgrid-combo-value-text,
.sbgrid-group .sbgrid-pager-combo .sbgrid-combobox .sbgrid-combo-inner input.sbgrid-combo-value-text,
.sbgrid-tool .sbgrid-pager-combo .sbgrid-combobox .sbgrid-combo-inner input.sbgrid-combo-value-text,
.sbgrid-pager .sbgrid-pager-combo .sbgrid-combobox .sbgrid-combo-inner input.sbgrid-combo-value-text {
  width: 30px;
}
.sbgrid-title .sbgrid-pager-combo .sbgrid-last,
.sbgrid-group .sbgrid-pager-combo .sbgrid-last,
.sbgrid-tool .sbgrid-pager-combo .sbgrid-last,
.sbgrid-pager .sbgrid-pager-combo .sbgrid-last {
  display: flex;
  margin: 0 3px;
}
.sbgrid-title .sbgrid-pager-combo .sbgrid-last .sbgrid-last,
.sbgrid-group .sbgrid-pager-combo .sbgrid-last .sbgrid-last,
.sbgrid-tool .sbgrid-pager-combo .sbgrid-last .sbgrid-last,
.sbgrid-pager .sbgrid-pager-combo .sbgrid-last .sbgrid-last {
  font-size: 12px;
  line-height: 180%;
}
.sbgrid-title .sbgrid-page-size,
.sbgrid-group .sbgrid-page-size,
.sbgrid-tool .sbgrid-page-size,
.sbgrid-pager .sbgrid-page-size {
  display: flex;
  align-items: center;
}
.sbgrid-title .sbgrid-page-size .sbgrid-text,
.sbgrid-group .sbgrid-page-size .sbgrid-text,
.sbgrid-tool .sbgrid-page-size .sbgrid-text,
.sbgrid-pager .sbgrid-page-size .sbgrid-text {
  margin-left: 5px;
  font-size: 12px;
}
.sbgrid-title.sbgrid-combo-popup.sbgrid-hidden,
.sbgrid-group.sbgrid-combo-popup.sbgrid-hidden,
.sbgrid-tool.sbgrid-combo-popup.sbgrid-hidden,
.sbgrid-pager.sbgrid-combo-popup.sbgrid-hidden {
  display: none;
}
.sbgrid-title.sbgrid-combo-popup > .sbgrid-wrap-popup,
.sbgrid-group.sbgrid-combo-popup > .sbgrid-wrap-popup,
.sbgrid-tool.sbgrid-combo-popup > .sbgrid-wrap-popup,
.sbgrid-pager.sbgrid-combo-popup > .sbgrid-wrap-popup {
  width: 100%;
}

.sbgrid-disabled {
  color: var(--disabled) !important;
  pointer-events: none;
}

.sbgrid-popup {
  position: absolute;
  top: 150px;
  left: 150px;
  width: 200px;
  height: auto;
  padding: 20px;
  background-color: var(--popup-bg);
  text-align: center;
}

.sbgrid-checkbox.sbgrid-checked:before {
  content: "✓";
}

.sbgrid-selected {
  background: var(--selected);
}

.sbgrid-unselected {
  background-color: var(--unselected);
}

.sbgrid-selecting {
  background: var(--selecting);
}

.sbgrid-focused {
  background-color: var(--focused);
}

.sbgrid-focused:not(:focus-visible) {
  outline: none;
}

.sbgrid-hover {
  position: absolute;
  transform: translate(0px, 0px);
  /* transform: scale(0); */
  background-color: var(--hover);
  pointer-events: none;
  z-index: 5;
}

.sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-copy-top,
.sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-copy-top.sbgrid-fill-handle-top {
  border-top: 1px dashed var(--warning);
  z-index: 1;
}
.sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-copy-left,
.sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-copy-left.sbgrid-fill-handle-left {
  border-left: 1px dashed var(--warning);
  z-index: 1;
}
.sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-copy-bottom,
.sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-copy-bottom.sbgrid-fill-handle-bottom {
  border-bottom: 1px dashed var(--warning);
  z-index: 1;
}
.sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-copy-right,
.sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-copy-right.sbgrid-fill-handle-right {
  border-right: 1px dashed var(--warning);
  z-index: 1;
}
.sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-fill-handle-top {
  border-top: 1px solid var(--active);
}
.sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-fill-handle-left {
  border-left: 1px solid var(--active);
}
.sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-fill-handle-bottom {
  border-bottom: 1px solid var(--active);
}
.sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-fill-handle-right {
  border-right: 1px solid var(--active);
}
.sbgrid-panel.sbgrid-body .sbgrid-fill-handle::after {
  content: "";
  border: 3px solid var(--active);
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
}
.sbgrid-panel.sbgrid-body .sbgrid-col.sbgrid-indicator.sbgrid-group {
  margin: 0px;
  border-right: 1px solid var(--group-border);
  outline: 0px;
}
.sbgrid-panel.sbgrid-body .sbgrid-col.sbgrid-title.sbgrid-group {
  margin-top: -0.5px;
  border-top: 1px solid var(--group-border);
  outline: 0px;
}

/*main color*/
.sbgrid-tooltip {
  position: relative;
  z-index: 5;
  padding: 5px 8px;
  background-color: var(--tooltip-bg);
  font-size: 12px;
  box-shadow: 1px 2px 2px var(--tooltip-shadow);
  opacity: 0;
  border-radius: 3px;
  border: 1px solid var(--tooltip-border);
  width: -moz-max-content;
  width: max-content;
}
.sbgrid-tooltip.show {
  opacity: 1;
}
.sbgrid-tooltip:before {
  content: "";
  position: absolute;
  border-width: 5px;
  border-style: solid;
  border-color: var(--tooltip-bg);
}
.sbgrid-tooltip:after {
  content: "";
  position: absolute;
  border-width: 5px;
  border-style: solid;
  border-color: var(--tooltip-bg);
}
.sbgrid-tooltip .sbgrid-title {
  color: var(--tooltip-txt);
}
.sbgrid-tooltip[data-placement=top]:before {
  top: 100%;
  left: 50%;
  margin-top: 1px;
  margin-left: -5px;
  border-color: var(--tooltip-border) transparent transparent transparent;
}
.sbgrid-tooltip[data-placement=top]:after {
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-color: var(--tooltip-bg) transparent transparent transparent;
}
.sbgrid-tooltip[data-placement=bottom]:before {
  top: -10px;
  left: 50%;
  margin-top: -1px;
  margin-left: -5px;
  border-color: transparent transparent var(--tooltip-border) transparent;
}
.sbgrid-tooltip[data-placement=bottom]:after {
  top: -10px;
  left: 50%;
  margin-left: -5px;
  border-color: transparent transparent var(--tooltip-bg) transparent;
}
.sbgrid-tooltip[data-placement=right]:before {
  top: 50%;
  left: -10px;
  margin-top: -5px;
  margin-left: -1px;
  border-color: transparent var(--tooltip-border) transparent transparent;
}
.sbgrid-tooltip[data-placement=right]:after {
  top: 50%;
  left: -10px;
  margin-top: -5px;
  border-color: transparent var(--tooltip-bg) transparent transparent;
}
.sbgrid-tooltip[data-placement=left]:before {
  top: 50%;
  right: -10px;
  margin-top: -5px;
  margin-right: -1px;
  border-color: transparent transparent transparent var(--tooltip-border);
}
.sbgrid-tooltip[data-placement=left]:after {
  top: 50%;
  right: -10px;
  margin-top: -5px;
  border-color: transparent transparent transparent var(--tooltip-bg);
}
.sbgrid-tooltip.sbgrid-invalid {
  padding: 7px 10px;
  background: var(--invalid-bg);
  border: 1px solid var(--invalid-border);
}
.sbgrid-tooltip.sbgrid-invalid .sbgrid-title {
  color: var(--invalid-title);
}
.sbgrid-tooltip.sbgrid-invalid:before {
  content: "";
  position: absolute;
  border-width: 5px;
  border-style: solid;
  border-color: var(--invalid-border);
}
.sbgrid-tooltip.sbgrid-invalid[data-placement=top]:before {
  top: 100%;
  left: 50%;
  margin-top: 1px;
  margin-left: -5px;
  border-color: var(--invalid-border) transparent transparent transparent;
}
.sbgrid-tooltip.sbgrid-invalid[data-placement=top]:after {
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-color: var(--invalid-arrow) transparent transparent transparent;
}
.sbgrid-tooltip.sbgrid-invalid[data-placement=bottom]:before {
  top: -10px;
  left: 50%;
  margin-top: -1px;
  margin-left: -5px;
  border-color: transparent transparent var(--invalid-border) transparent;
}
.sbgrid-tooltip.sbgrid-invalid[data-placement=bottom]:after {
  top: -10px;
  left: 50%;
  margin-left: -5px;
  border-color: transparent transparent var(--invalid-arrow) transparent;
}
.sbgrid-tooltip.sbgrid-invalid[data-placement=right]:before {
  top: 50%;
  left: -10px;
  margin-top: -5px;
  margin-left: -1px;
  border-color: transparent var(--invalid-border) transparent transparent;
}
.sbgrid-tooltip.sbgrid-invalid[data-placement=right]:after {
  top: 50%;
  left: -10px;
  margin-top: -5px;
  border-color: transparent var(--invalid-arrow) transparent transparent;
}
.sbgrid-tooltip.sbgrid-invalid[data-placement=left]:before {
  top: 50%;
  right: -10px;
  margin-top: -5px;
  margin-right: -1px;
  border-color: transparent transparent transparent var(--invalid-border);
}
.sbgrid-tooltip.sbgrid-invalid[data-placement=left]:after {
  top: 50%;
  right: -10px;
  margin-top: -5px;
  border-color: transparent transparent transparent var(--invalid-bg);
}

.sbgrid-panel.sbgrid-caption .sbgrid-row.sbgrid-variable .sbgrid-col .sbgrid-caption .sbgrid-tools.sbgrid-align.sbgrid-center .sbgrid-title,
.sbgrid-panel.sbgrid-filter .sbgrid-row.sbgrid-variable .sbgrid-col .sbgrid-caption .sbgrid-tools.sbgrid-align.sbgrid-center .sbgrid-title,
.sbgrid-panel.sbgrid-header .sbgrid-row.sbgrid-variable .sbgrid-col .sbgrid-caption .sbgrid-tools.sbgrid-align.sbgrid-center .sbgrid-title {
  white-space: normal;
  text-overflow: initial;
}
.sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col,
.sbgrid-panel.sbgrid-filter .sbgrid-row .sbgrid-col,
.sbgrid-panel.sbgrid-header .sbgrid-row .sbgrid-col {
  padding-inline: 3px;
}
.sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col.sbgrid-hidden,
.sbgrid-panel.sbgrid-filter .sbgrid-row .sbgrid-col.sbgrid-hidden,
.sbgrid-panel.sbgrid-header .sbgrid-row .sbgrid-col.sbgrid-hidden {
  padding-inline: 0px;
  border-width: 0px;
}
.sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-caption,
.sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-header,
.sbgrid-panel.sbgrid-filter .sbgrid-row .sbgrid-col .sbgrid-caption,
.sbgrid-panel.sbgrid-filter .sbgrid-row .sbgrid-col .sbgrid-header,
.sbgrid-panel.sbgrid-header .sbgrid-row .sbgrid-col .sbgrid-caption,
.sbgrid-panel.sbgrid-header .sbgrid-row .sbgrid-col .sbgrid-header {
  /*display: flex;align-items: center;*/
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools.sbgrid-align.sbgrid-center,
.sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-header .sbgrid-tools.sbgrid-align.sbgrid-center,
.sbgrid-panel.sbgrid-filter .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools.sbgrid-align.sbgrid-center,
.sbgrid-panel.sbgrid-filter .sbgrid-row .sbgrid-col .sbgrid-header .sbgrid-tools.sbgrid-align.sbgrid-center,
.sbgrid-panel.sbgrid-header .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools.sbgrid-align.sbgrid-center,
.sbgrid-panel.sbgrid-header .sbgrid-row .sbgrid-col .sbgrid-header .sbgrid-tools.sbgrid-align.sbgrid-center {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: auto;
  flex: 1;
  overflow: hidden;
}
.sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools.sbgrid-align.sbgrid-center .sbgrid-title,
.sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-header .sbgrid-tools.sbgrid-align.sbgrid-center .sbgrid-title,
.sbgrid-panel.sbgrid-filter .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools.sbgrid-align.sbgrid-center .sbgrid-title,
.sbgrid-panel.sbgrid-filter .sbgrid-row .sbgrid-col .sbgrid-header .sbgrid-tools.sbgrid-align.sbgrid-center .sbgrid-title,
.sbgrid-panel.sbgrid-header .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools.sbgrid-align.sbgrid-center .sbgrid-title,
.sbgrid-panel.sbgrid-header .sbgrid-row .sbgrid-col .sbgrid-header .sbgrid-tools.sbgrid-align.sbgrid-center .sbgrid-title {
  min-width: 0;
  flex-shrink: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.sbgrid-panel.sbgrid-loading > .loader-wrap {
  position: absolute;
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background: var(--loading-bg);
  /*loader01*/
  /*loader02*/
  /*loader03*/
  /*loader04*/
  /*loader05*/
}
.sbgrid-panel.sbgrid-loading > .loader-wrap.sbgrid-hidden {
  display: none;
}
.sbgrid-panel.sbgrid-loading > .loader-wrap .loader01 {
  position: absolute;
  top: 50%;
  z-index: 90;
  width: 40px;
  height: 40px;
  margin: -28px auto 0;
  border: 8px solid var(--loading-active);
  border-right-color: transparent;
  border-radius: 50%;
  animation: loader-rotate 1s linear infinite;
}
.sbgrid-panel.sbgrid-loading > .loader-wrap .loader01:after {
  content: "";
  position: absolute;
  top: -1px;
  left: 34px;
  width: 8px;
  height: 8px;
  background: var(--loading-active);
  border-radius: 50%;
}
.sbgrid-panel.sbgrid-loading > .loader-wrap .loader01:before {
  content: "";
  position: absolute;
  top: 32px;
  left: 34px;
  width: 8px;
  height: 8px;
  background: var(--loading-active);
  border-radius: 50%;
}
.sbgrid-panel.sbgrid-loading > .loader-wrap .loader02 {
  position: absolute;
  top: 50%;
  width: 50px;
  height: 50px;
  margin: -28px auto 0;
  border: 5px solid transparent;
  border-top-color: var(--loading-active);
  border-bottom-color: var(--loading-active);
  border-radius: 50%;
  animation: loader-rotate 0.7s linear infinite;
}
@keyframes loader-rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.sbgrid-panel.sbgrid-loading > .loader-wrap .loader03 {
  position: absolute;
  top: 50%;
  width: 20px;
  height: 20px;
  margin: -46px auto 0;
  animation: loader03 1s ease infinite;
}
@keyframes loader03 {
  0%, 100% {
    box-shadow: -13px 20px 0 var(--loading-active), 13px 20px 0 var(--loading-end-color), 13px 46px 0 var(--loading-end-color), -13px 46px 0 var(--loading-end-color);
  }
  25% {
    box-shadow: -13px 20px 0 var(--loading-end-color), 13px 20px 0 var(--loading-active), 13px 46px 0 var(--loading-end-color), -13px 46px 0 var(--loading-end-color);
  }
  50% {
    box-shadow: -13px 20px 0 var(--loading-end-color), 13px 20px 0 var(--loading-end-color), 13px 46px 0 var(--loading-active), -13px 46px 0 var(--loading-end-color);
  }
  75% {
    box-shadow: -13px 20px 0 var(--loading-end-color), 13px 20px 0 var(--loading-end-color), 13px 46px 0 var(--loading-end-color), -13px 46px 0 var(--loading-active);
  }
}
.sbgrid-panel.sbgrid-loading > .loader-wrap .loader04 {
  position: absolute;
  top: 50%;
  width: 10px;
  height: 48px;
  background: var(--loading-active);
  margin: -28px auto 0;
  animation: loader04 1s ease-in-out infinite;
  animation-delay: 0.4s;
}
.sbgrid-panel.sbgrid-loading > .loader-wrap .loader04:after, .sbgrid-panel.sbgrid-loading > .loader-wrap .loader04:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 48px;
  background: var(--loading-active);
  animation: loader04 1s ease-in-out infinite;
}
.sbgrid-panel.sbgrid-loading > .loader-wrap .loader04:before {
  right: 18px;
  animation-delay: 0.2s;
}
.sbgrid-panel.sbgrid-loading > .loader-wrap .loader04:after {
  left: 18px;
  animation-delay: 0.6s;
}
@keyframes loader04 {
  0%, 100% {
    box-shadow: 0 0 0 var(--loading-active), 0 0 0 var(--loading-active);
  }
  50% {
    box-shadow: 0 -13px 0 var(--loading-active), 0 13px 0 var(--loading-active);
  }
}
.sbgrid-panel.sbgrid-loading > .loader-wrap .loader04 {
  position: absolute;
  top: 50%;
  width: 10px;
  height: 48px;
  background: var(--loading-active);
  margin: -28px auto 0;
  animation: loader04 1s ease-in-out infinite;
  animation-delay: 0.4s;
}
.sbgrid-panel.sbgrid-loading > .loader-wrap .loader04:after, .sbgrid-panel.sbgrid-loading > .loader-wrap .loader04:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 48px;
  background: var(--loading-active);
  animation: loader04 1s ease-in-out infinite;
}
.sbgrid-panel.sbgrid-loading > .loader-wrap .loader04:before {
  right: 18px;
  animation-delay: 0.2s;
}
.sbgrid-panel.sbgrid-loading > .loader-wrap .loader04:after {
  left: 18px;
  animation-delay: 0.6s;
}
@keyframes loader04 {
  0%, 100% {
    box-shadow: 0 0 0 var(--active), 0 0 0 var(--loading-active);
  }
  50% {
    box-shadow: 0 -13px 0 var(--loading-active), 0 13px 0 var(--loading-active);
  }
}

button.sbgrid-filter {
  height: 24px;
  padding: 0 2px;
  background: transparent;
  border: none;
  cursor: pointer;
}
button.sbgrid-filter .sbgrid-filter.sbgrid-icon {
  /*padding:0 10px;*/
  color: var(--filter-icon-bg);
  box-sizing: border-box;
}
button.sbgrid-filter .sbgrid-filter.sbgrid-icon.sbgrid-filled {
  color: var(--filter-icon-filled-bg);
}

.sbgrid-template {
  width: 100%;
}

/*empty*/
.sbgrid-empty {
  width: 100%;
  grid-column: 1/span 4;
}

/*search result*/
.search-result {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.search-result span.search-result-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  background: var(--search-result-bg);
  height: 40px;
  width: 284px;
  font-size: 12px;
  color: var(--search-result-text);
}
.search-result span.search-result-wrap .sbgrid-search {
  font-weight: bold;
  color: var(--search-result-text);
  padding: 0 10px;
  font-size: 15px;
}
/*popup*/
.popup-text {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  /*popup search*/
  /*popup text*/
}
.popup-text .popup-search-result-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--search-result-bg);
  padding: 30px 50px;
  border: 1px solid var(--popup-border);
  box-shadow: 0 3px 6px var(--popup-shadow);
  font-size: 12px;
}
.popup-text .popup-search-result-wrap .sbgrid-search {
  font-weight: bold;
  color: var(--popup-text);
  padding: 0 10px;
  font-size: 15px;
}
.popup-text .popup-search-result-wrap .sbgrid-text {
  color: var(--popup-text);
}
.popup-text .popup-text-result-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--search-result-bg);
  padding: 2em 3em;
  border: 1px solid var(--popup-border);
  box-shadow: 0 3px 6px var(--popup-shadow);
  font-size: 12px; /* color:#ffffff;*/
}
.popup-text .popup-text-result-wrap .sbgrid-trial-check {
  position: relative;
  display: block;
  width: 22px;
  height: 22px;
  background: var(--active);
  border: 2px solid transparent;
  border-radius: 100px;
  box-sizing: border-box;
  box-sizing: border-box;
  scale: 1.5;
}
.popup-text .popup-text-result-wrap .sbgrid-trial-check::after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  left: 3px;
  top: -1px;
  width: 6px;
  height: 10px;
  border-color: currentColor;
  border-width: 0 2px 2px 0;
  color: var(--popup-border);
  border-style: solid;
  transform-origin: bottom left;
  transform: rotate(45deg);
}
.popup-text .popup-text-result-wrap .sbgrid-text {
  margin-left: 20px;
  flex-shrink: 1;
  flex-grow: 1;
  color: var(--popup-text);
  font-weight: bold;
}

.sbgrid-panel.sbgrid-body .sbgrid-last.sbgrid-row .sbgrid-col {
  height: 0;
  border: 0;
  outline: 0;
}

.sbgrid-popup.sbgrid-search {
  position: absolute;
  z-index: 999;
  cursor: move;
  position: absolute;
  z-index: 1000;
  /*width:300px;width:auto;*/
  min-width: 100px;
  padding: 10px;
  background: var(--search-bg);
  border: 1px solid var(--menu-border);
  border-radius: 5px;
  font-size: 12px;
  box-shadow: 0 3px 6px var(--menu-shadow);
}
.sbgrid-popup.sbgrid-search .sbgrid-title {
  display: none;
  margin-bottom: 1em;
  text-align: left;
  font-weight: bold;
}
.sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-search {
  font-size: 0;
  padding-bottom: 5px;
}
.sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-search span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 15px;
  color: var(--default-text);
}
.sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-search span:before {
  content: "\e945";
  font-size: 14px;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-top: 3px;
  font-family: "sbgrid-icon";
  font-weight: bold;
}
.sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-search input[type=text] {
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  background: var(--com-bg);
  border: 1px solid var(--com-border);
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: var(--default-text);
  margin-left: 0.5em;
}
.sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-search input[type=text]:active, .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-search input[type=text]:focus {
  border-color: var(--secondary);
}
.sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-search input[type=text]:active::before, .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-search input[type=text]:active::after, .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-search input[type=text]:focus::before, .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-search input[type=text]:focus::after {
  color: var(--secondary);
}
.sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-condition {
  margin: 10px 0;
  padding: 1em;
  background: var(--search-condition-bg);
  border-radius: 3px;
}
.sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-condition .sbgrid-area {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  margin-bottom: 3px;
  font-size: 11px;
  color: var(--default-text);
}
.sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-condition .sbgrid-area:last-child {
  margin-bottom: 0;
}
.sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-condition .sbgrid-area label {
  display: block;
  margin-left: 5px;
}
.sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-condition .sbgrid-area input[type=checkbox] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: var(--search-condition-chk-bg);
  margin: 0 5px;
  border: 1px solid var(--search-condition-chk-border);
  border-radius: 3px;
  box-sizing: border-box;
}
.sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-condition .sbgrid-area input[type=checkbox]:checked {
  position: relative;
  background: var(--search-condition-chk-active-bg);
  border: 1px solid var(--chk-active);
}
.sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-condition .sbgrid-area input[type=checkbox]:checked::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 4px;
  display: block;
  width: 4px;
  height: 8px;
  border: solid var(--search-condition-chk-active);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-button {
  display: flex;
  justify-content: flex-end;
  padding-top: 10px;
  box-sizing: border-box;
  border-top: 1px solid var(--menu-border);
}
.sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-button .sbgrid-button {
  margin: 0 3px;
}
.sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-button .sbgrid-search {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  padding: 0 10px;
  background: var(--secondary);
  color: #fff;
  font-family: inherit;
  font-size: 12px;
  border: 0;
  border-radius: 3px;
  cursor: pointer;
  transition: all 0.2s;
  font-size: 11px;
}
.sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-button .sbgrid-search:hover {
  background: var(--secondary);
  transition: all 0.2s;
}
.sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-button .sbgrid-cancel {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  padding: 0 10px;
  background: var(--menu-btn-bg);
  border: 0;
  border-radius: 3px;
  color: var(--default-text);
  font-family: inherit;
  font-size: 12px;
  transition: all 0.2s;
  cursor: pointer;
  font-size: 11px;
}
.sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-button .sbgrid-cancel:hover {
  background: var(--menu-btn-bg);
  transition: all 0.2s;
}

input[type=checkbox].sbgrid-half::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.sbgrid-draggable-helper {
  z-index: 9999999;
}
.sbgrid-draggable-helper .sbgrid-fill-handle::after {
  display: none;
}
.sbgrid-draggable-helper > div {
  display: flex;
  align-items: center;
  gap: 10px;
  background: rgba(255, 255, 255, 0.95);
  border: 1px dotted var(--secondary);
  padding: 5px;
}
.sbgrid-draggable-helper > div .sbgrid-col {
  display: flex;
  align-items: center;
  border: none !important;
  background: none;
}
.sbgrid-draggable-helper > div .sbgrid-col .sbgrid-text {
  font-size: 12px;
  font-weight: bold;
}
.sbgrid-draggable-helper > div .sbgrid-icon {
  color: var(--secondary);
  font-size: 10px;
}

.sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator {
  border: 1px dashed var(--active);
  opacity: 1;
  position: relative;
}
.sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-left {
  position: relative;
  border-left: 1px dashed var(--active);
  opacity: 1;
}
.sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-left:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 8px solid var(--active);
}
.sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-right {
  position: relative;
  border-right: 1px dashed var(--active);
  opacity: 1;
}
.sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-right:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 8px solid var(--active);
}
.sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-bottom {
  position: relative;
  border-bottom: 1px dashed var(--active);
  opacity: 1;
}
.sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-bottom:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid var(--active);
}
.sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-top {
  position: relative;
  border-top: 1px dashed var(--active);
  opacity: 1;
}
.sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-top:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 8px solid var(--active);
}

.sbgrid-license-error {
  color: var(--license-error);
  font-weight: bold;
  opacity: 0.3;
  text-align: center;
  z-index: 999;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none; /* 클릭 방지 */
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none; /* 드래그 방지 */
}