@charset "UTF-8";
/*active*/
/*icon*/
/*sbgrid-bg*/
/*border*/
/*hover,focus,select*/
/*caption active*/
/*reorder*/
/*status*/
/*tool*/
/*caption*/
/*filter row*/
/*상단합계*/
/*하단합계*/
/*하단고정*/
/*col 관련*/
/*row 관련*/
/*moving*/
/*CRUD-cell*/
/*CRUD-row*/
/*fixed rowheader*/
/*sticky*/
/*indicator*/
/*resize*/
/*chk component active*/
/*radio*/
/*combo*/
/*inscroll*/
/*input*/
/*multitext floating*/
/*alternative*/
/*merge*/
/*loading*/
/*fixed thead*/
/*tree*/
/*text*/
/*group*/
/*drag*/
/*roworder*/
/*scroll*/
/*pager*/
/*total*/
/*filter*/
/*menu*/
/*component*/
/*tooltip*/
/*fix*/
/*disabled*/
/*popup*/
/*search popup*/
/*search-result*/
/*invalid*/
/*badge*/
/*edit mode*/
.sbgrid-grid.sbgrid-theme-dark {
  position: relative;
  /*active*/
  /*icon*/
  /*sbgrid-bg*/
  /*border*/
  /*hover,focus,select*/
  /*caption active*/
  /*reorder*/
  /*status*/
  /*tool*/
  /*caption*/
  /*filter row*/
  /*상단합계*/
  /*하단합계*/
  /*하단고정*/
  /*col 관련*/
  /*row 관련*/
  /*moving*/
  /*CRUD-cell*/
  /*CRUD-row*/
  /*fixed rowheader*/
  /*sticky*/
  /*indicator*/
  /*resize*/
  /*chk component active*/
  /*radio*/
  /*combo*/
  /*inscroll*/
  /*input*/
  /*multitext floating*/
  /*alternative*/
  /*merge*/
  /*loading*/
  /*fixed thead*/
  /*tree*/
  /*text*/
  /*group*/
  /*drag*/
  /*roworder*/
  /*scroll*/
  /*pager*/
  /*total*/
  /*filter*/
  /*menu*/
  /*component*/
  /*tooltip*/
  /*fix*/
  /*disabled*/
  /*popup*/
  /*search popup*/
  /*search-result*/
  /*invalid*/
  /*badge*/
  /*edit mode*/
  /*font size*/
  /*****style*****/
  /****************************/
  /*active*/
  /*icon*/
  /*sbgrid-bg*/
  /*border*/
  /*hover,focus,select*/
  /*caption active*/
  /*reorder*/
  /*status*/
  /*tool*/
  /*caption*/
  /*filter row*/
  /*상단합계*/
  /*하단합계*/
  /*하단고정*/
  /*col 관련*/
  /*row 관련*/
  /*moving*/
  /*CRUD-cell*/
  /*CRUD-row*/
  /*fixed rowheader*/
  /*sticky*/
  /*indicator*/
  /*resize*/
  /*chk component active*/
  /*radio*/
  /*combo*/
  /*inscroll*/
  /*input*/
  /*multitext floating*/
  /*alternative*/
  /*merge*/
  /*loading*/
  /*fixed thead*/
  /*tree*/
  /*text*/
  /*group*/
  /*drag*/
  /*roworder*/
  /*scroll*/
  /*pager*/
  /*total*/
  /*filter*/
  /*menu*/
  /*component*/
  /*tooltip*/
  /*fix*/
  /*disabled*/
  /*popup*/
  /*search popup*/
  /*search-result*/
  /*invalid*/
  /*badge*/
  /*row edit mode*/
  /*************************************/
  /*grid bg*/
  background: #212529;
  /*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: #555;
  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: #5db9ff;
  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: #5db9ff;
  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: #5db9ff;
}
.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: #5db9ff;
}
.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: #5db9ff;
  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: #5db9ff;
  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: #5db9ff;
  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: #37567d;
}
.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: #adadad;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-half:before {
  background: #3d72f9;
}
.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: #272c32;
  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: #fff;
  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: #fff;
}
.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: #5283ef;
}
.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: #999999;
}
.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: #293c6a;
  color: #ffffff;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-caption .sbgrid-thead {
  background: #343a40;
  border-bottom: 1px solid #505963;
}
.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 #505963;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-caption .sbgrid-thead .sbgrid-check .sbgrid-checkbox.sbgrid-checked {
  background: #1a1e21;
  border: 1px solid #1a1e21;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-caption .sbgrid-thead .sbgrid-check .sbgrid-checkbox.sbgrid-checked:before {
  color: #3d72f9;
}
.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 #505963;
}
.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: #343a40;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-scroll .sbgrid-scroll-body .sbgrid-panel.sbgrid-filter .sbgrid-row > .sbgrid-col {
  outline: 1px solid #505963;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll-body .sbgrid-panel.sbgrid-header {
  background: #343a40;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll-body .sbgrid-panel.sbgrid-header .sbgrid-area.sbgrid-thead {
  border-bottom: 1px solid #505963;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll-body .sbgrid-panel.sbgrid-header .sbgrid-area.sbgrid-thead .sbgrid-row .sbgrid-col {
  outline-color: #505963;
}
.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 #505963;
  background: #343a40;
}
.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 #505963;
}
.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 #343a40;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-pager {
  padding: 6px;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-pager .sbgrid-tools {
  flex: 1;
}
.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;
}
.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: #999999;
  width: 25px;
  height: 25px;
  font-size: 12px;
  text-align: center;
}
.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-pager .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-current a {
  background: #293c6a;
  color: #ffffff;
}
.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 #505963;
}
.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 #343a40;
}
.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: #373c40;
  border: 1px solid #373c40;
  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: #3d72f9;
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-tbody .sbgrid-checkboxgroup .sbgrid-checkbox {
  background: #373c40;
  border: 1px solid #373c40;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-tbody .sbgrid-checkboxgroup .sbgrid-checkbox.sbgrid-checked:before {
  color: #3d72f9;
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-thead .sbgrid-checkboxgroup .sbgrid-checkbox {
  background: #373c40;
  border: 1px solid #373c40;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-thead .sbgrid-checkboxgroup .sbgrid-checkbox.sbgrid-checked:before {
  color: #3d72f9;
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-tfoot .sbgrid-checkboxgroup .sbgrid-checkbox {
  background: #373c40;
  border: 1px solid #373c40;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-tfoot .sbgrid-checkboxgroup .sbgrid-checkbox.sbgrid-checked:before {
  color: #3d72f9;
  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: #1a1e21;
  border: 1px solid #1a1e21;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #fff;
  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: #3d72f9;
}
.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: #3d72f9;
}
.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: #adadb2;
  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: #adadb2;
  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: #fff;
  margin: 0 1px;
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  background: #1a1e21;
  border: 1px solid #1a1e21;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #fff;
  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: #3d72f9;
}
.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: #3d72f9;
}
.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: #adadb2;
  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: #adadb2;
  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 #505963;
  background: #212529;
}
.sbgrid-grid.sbgrid-theme-dark div.sbgrid-scrollv {
  overflow-x: hidden;
  grid-area: scrollv;
  border-left: 1px solid #505963;
  background: #212529;
}
.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: #505963;
}
.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: #212529;
}
.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: #505963;
  min-height: 5%;
  min-width: 8%;
  border-radius: 10px;
  border: 4px solid #212529;
  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: #707983;
}
.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: #212529;
  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: #181b1e;
  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: #fff;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-detail.sbgrid-hidden {
  display: none !important;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-moving {
  background: #181b1e;
  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: #d15757;
}
.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: #5957d1;
}
.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: #3fc987;
}
.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: rgba(209, 87, 87, 0.1);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-delete:before {
  color: #d15757;
}
@keyframes sbgrid-delete {
  0% {
    background-color: rgba(220, 127, 127, 0.1);
  }
  100% {
    background-color: rgba(209, 87, 87, 0.1);
  }
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-insert {
  animation: none;
  background-color: rgba(89, 87, 209, 0.1);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-insert:before {
  color: #5957d1;
}
@keyframes sbgrid-contentinsert {
  0% {
    background-color: rgba(129, 127, 220, 0.1);
  }
  100% {
    background-color: rgba(89, 87, 209, 0.1);
  }
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-update {
  animation: none;
  background-color: rgba(63, 201, 135, 0.1);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-update:before {
  color: #3fc987 !important;
}
@keyframes sbgrid-update {
  0% {
    background-color: rgba(103, 212, 160, 0.1);
  }
  100% {
    background-color: rgba(63, 201, 135, 0.1);
  }
}
.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: rgba(209, 87, 87, 0.1);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-alternate.sbgrid-delete:before {
  color: #d15757;
}
@keyframes sbgrid-delete {
  0% {
    background-color: rgba(220, 127, 127, 0.1);
  }
  100% {
    background-color: rgba(209, 87, 87, 0.1);
  }
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-alternate.sbgrid-insert {
  animation: none;
  background-color: rgba(89, 87, 209, 0.1);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-alternate.sbgrid-insert:before {
  color: #5957d1;
}
@keyframes sbgrid-contentinsert {
  0% {
    background-color: rgba(129, 127, 220, 0.1);
  }
  100% {
    background-color: rgba(89, 87, 209, 0.1);
  }
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-alternate.sbgrid-update {
  animation: none;
  background-color: rgba(63, 201, 135, 0.1);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-alternate.sbgrid-update:before {
  color: #3fc987 !important;
}
@keyframes sbgrid-update {
  0% {
    background-color: rgba(103, 212, 160, 0.1);
  }
  100% {
    background-color: rgba(63, 201, 135, 0.1);
  }
}
.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: #fff;
  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 #3d72f9 1px;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll .sbgrid-part.sbgrid-tail > .sbgrig-scroll {
  border-left: solid #bebebe 1px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll .sbgrid-part.sbgrid-tail.sbgrid-frozen {
  border-left: dotted #3d72f9 1px;
  box-sizing: border-box;
  margin-left: auto;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll .sbgrid-row.sbgrid-sticky {
  position: relative;
  background-color: #29323a;
  box-shadow: 1px 3px 5px rgba(62, 62, 62, 0.161);
}
.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: rgba(61, 114, 249, 0.1) !important;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll .sbgrid-row.sbgrid-caption .sbgrid-col.sbgrid-sticky.sbgrid-focused {
  background: rgba(61, 114, 249, 0.1) !important;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll .sbgrid-row .sbgrid-col.sbgrid-selected.sbgrid-sticky {
  background: rgba(61, 114, 249, 0.1) !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: #fff;
  background-color: #6c757d !important;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}
.sbgrid-grid.sbgrid-theme-dark span.badge a {
  color: #fff;
}
.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: #373c40;
  border: 1px solid #373c40;
  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: #373c40;
  border: 1px solid #373c40;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-check .sbgrid-checkbox.sbgrid-checked:before {
  content: "\e938";
  color: #3d72f9;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-caption .sbgrid-check .sbgrid-checkbox {
  background: #1a1e21;
}
.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: none;
  border: 1px solid #505963;
  border-radius: 50%;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-radio.sbgrid-checked:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: none;
  border: 1px solid #3d72f9;
  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: #3d72f9;
  border-radius: 50%;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-cell.sbgrid-edit .sbgrid-radio:before {
  border: 1px solid #505963;
  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 #3d72f9;
}
.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: #1a1e21;
  border: 1px solid #1a1e21;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #fff;
}
.sbgrid-grid.sbgrid-theme-dark input[type=number]:active, .sbgrid-grid.sbgrid-theme-dark input[type=number]:focus {
  border-color: #3d72f9;
}
.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: #3d72f9;
}
.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: #484e55;
  border: 0;
  border-radius: 3px;
  color: #fff;
  font-family: inherit;
  font-size: 12px;
  transition: all 0.2s;
  cursor: pointer;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-command input[type=button]:hover {
  background: #313539;
  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: #484e55;
  border: 0;
  border-radius: 3px;
  color: #fff;
  font-family: inherit;
  font-size: 12px;
  transition: all 0.2s;
  cursor: pointer;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-custom > button:hover {
  background: #313539;
  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: #1a1e21;
  border: 1px solid #1a1e21;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #fff;
  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: #3d72f9;
}
.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: #3d72f9;
}
.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: #fff;
  background: #1a1e21;
  scale: 1.2;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-edit {
  background: #343a40;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-cell.sbgrid-edit input[type=date],
.sbgrid-grid.sbgrid-theme-dark .sbgrid-cell.sbgrid-edit input[type=month] {
  border: 1px solid #373c40;
  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: #1a1e21;
  border: 1px solid #1a1e21;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #fff;
  height: auto;
  resize: none;
}
.sbgrid-grid.sbgrid-theme-dark textarea:active, .sbgrid-grid.sbgrid-theme-dark textarea:focus {
  border-color: #3d72f9;
}
.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: #3d72f9;
}
.sbgrid-grid.sbgrid-theme-dark input[type=text] {
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  background: #1a1e21;
  border: 1px solid #1a1e21;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #fff;
}
.sbgrid-grid.sbgrid-theme-dark input[type=text]:active, .sbgrid-grid.sbgrid-theme-dark input[type=text]:focus {
  border-color: #3d72f9;
}
.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: #3d72f9;
}
.sbgrid-grid.sbgrid-theme-dark input[type=text].disabled, .sbgrid-grid.sbgrid-theme-dark input[type=text]:disabled {
  background: #2b3035 !important;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-cell.sbgrid-edit input[type=text] {
  color: #fff;
  border: 1px solid #373c40;
  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: #1a1e21;
  border: 1px solid #1a1e21;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #fff;
}
.sbgrid-grid.sbgrid-theme-dark input[type=number]:active, .sbgrid-grid.sbgrid-theme-dark input[type=number]:focus {
  border-color: #3d72f9;
}
.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: #3d72f9;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-cell.sbgrid-edit input[type=number] {
  border: 1px solid #373c40;
  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: #1a1e21;
  border: 1px solid #1a1e21;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #fff;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-combobox:active, .sbgrid-grid.sbgrid-theme-dark .sbgrid-combobox:focus {
  border-color: #3d72f9;
}
.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: #3d72f9;
}
.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: #fff;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-cell.sbgrid-edit .sbgrid-combobox {
  border: 1px solid #373c40;
  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: #1a1e21;
  border: 1px solid #494e53;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.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: #fff;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-combo-popup div.sbgrid-wrap-popup ul.sbgrid-popup-items li:hover {
  background: rgba(187, 211, 247, 0.1);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-combo-popup div.sbgrid-wrap-popup ul.sbgrid-popup-items li.sbgrid-combo-item-selected {
  background: #3e4f6c;
  color: #fff;
}
.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: #999999;
  border-radius: 3px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-combo-popup div.sbgrid-wrap-popup::-webkit-scrollbar-track {
  background-color: #e3e3e3;
  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-cell.sbgrid-edit textarea {
  border: 1px solid #373c40;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-alternate {
  background-color: #1d2124;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-alternate.sbgrid-alternate-2 {
  background-color: #1a1d20;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-alternate.sbgrid-alternate-3 {
  background-color: #16181a;
}
.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: #87a8fb;
  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: #fff;
  line-height: normal;
  display: grid;
}
.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: #fff;
  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: rgba(34, 38, 42, 0.6);
}
.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 #3d72f9;
  background: rgba(33, 148, 242, 0.078) !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: rgba(33, 148, 242, 0.078) !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: #3d72f9;
  margin-bottom: -1px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-caption > .sbgrid-col.reorderable {
  background-color: rgba(174, 208, 255, 0.1843137255);
}
.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 #343a40;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree > .sbgrid-cell.sbgrid-tree > .sbgrid-space:not(.sbgrid-last) {
  background-color: inherit;
}
.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 #343a40;
}
.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 #343a40;
  padding-inline: 6px;
  color: #fff;
}
.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: #fff;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-tree.sbgrid-footer {
  background: #f8f8f8;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-tree.sbgrid-footer > .sbgrid-col > .sbgrid-cell {
  color: #fff;
}
.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 #343a40;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-tree.sbgrid-row.sbgrid-sticky {
  background-color: #29323a;
  box-shadow: 1px 3px 5px rgba(62, 62, 62, 0.161);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-col.sbgrid-hidden {
  display: none;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-invalid > .sbgrid-indicator {
  border: 3px solid red;
  border-color: red transparent transparent red;
  left: 0;
  transition: 0.1s all;
  position: absolute;
  top: 0;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-invalid > .sbgrid-indicator:hover {
  border: 5px solid red;
  border-color: red transparent transparent red;
  transition: 0.1s all;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-column .sbgrid-icon.sbgrid-menu {
  /*float:right;*/
  color: #adadad;
}
.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 #d4d4d4;
  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 #505963;
  display: flex;
  align-items: center;
}
.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: #fff;
  /*tool - right*/
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel > .sbgrid-tools .sbgrid-tool input[type=button] {
  padding: 6px 10px;
  margin-right: 5px;
  background: #343a40;
  border: 1px solid #6c757d;
  box-sizing: border-box;
  color: #fff;
  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: #2d3238;
  transition: all 0.2s;
  border: 1px solid #545b62;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel > .sbgrid-tools .sbgrid-tool .sbgrid-search-wrap {
  display: flex;
  align-items: center;
  border: 1px solid #6c757d;
  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: #ffffff;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel > .sbgrid-tools .sbgrid-tool .sbgrid-grouping span.sbgrid-caption {
  color: #fff;
  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: #484e55;
  border: 0;
  border-radius: 3px;
  color: #fff;
  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: #313539;
  transition: all 0.2s;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel > .sbgrid-tools .sbgrid-tool select {
  padding: 6px 10px;
  margin: 0 5px;
  background: #343a40;
  border: 1px solid #6c757d;
  box-sizing: border-box;
  color: #fff;
  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: #fff;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel .sbgrid-row .sbgrid-sticky {
  background: #29323a; /*color: #222;*/
  z-index: 1;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel .sbgrid-row .sbgrid-sticky.sbgrid-selected {
  background: rgba(61, 114, 249, 0.1); /*color: #222;*/
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel .sbgrid-row .sbgrid-sticky.sbgrid-selecting {
  background: rgba(61, 114, 249, 0.1);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel .sbgrid-row .sbgrid-sticky.sbgrid-merged.sbgrid-selecting {
  background: rgba(61, 114, 249, 0.1);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel .sbgrid-row .sbgrid-sticky.sbgrid-merged.sbgrid-selected {
  background: rgba(61, 114, 249, 0.1);
}
.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: #ffffff;
}
.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: #3d72f9;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools .sbgrid-icon.sbgrid-sort-default {
  color: #969696;
}
.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: #969696;
  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: #ffffff;
  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 #343a40;
}
.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: rgba(61, 114, 249, 0.1);
}
.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 rgba(62, 62, 62, 0.161);
}
.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: #ffffff;
  text-shadow: 0.5px 0;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-tool {
  padding: 6px;
  border-bottom: 1px solid #505963;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-scroll {
  border: 1px solid #505963;
  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;
}
.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 #3d72f9;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-reorder-indicator.sbgrid-col {
  position: absolute;
  width: 1px;
  border-left: 3px dotted #3d72f9;
  opacity: 0;
  z-index: 10;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-reorder-indicator.sbgrid-row {
  position: absolute;
  border-top: 2px dotted #3d72f9;
  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 #3d72f9;
  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 #222;
  z-index: 10;
}
.sbgrid-grid.sbgrid-theme-dark span.sbgrid-reorder-helper {
  border-left: 2px dotted #3d72f9;
  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: #1b1f23;
  border-radius: 30px;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-draggable-helper.sbgrid-col {
  display: inline-flex;
  align-items: center;
  height: 24px;
  background: #1b1f23;
  padding: 6px 15px;
  border-radius: 30px;
  box-sizing: border-box;
  font-size: 12px;
  color: #fff;
  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: #fff;
  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: #424a52;
  min-height: 30px;
  padding: 0 15px;
  box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.1);
  border-radius: 0;
  font-size: 12px;
  color: #fff;
  border-radius: 5px;
  border: 1px solid #545b63;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-draggable-helper.sbgrid-rowreorder .sbgrid-icon.sbgrid-rowreorder:before {
  color: #3d72f9;
  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: #889099;
  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: #343a40;
  border: 1px solid #505963;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.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: #1a1e21;
  border: 1px solid #1a1e21;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #fff;
  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: #3d72f9;
}
.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: #3d72f9;
}
.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: #adadb2;
  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: #adadb2;
  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: #1a1e21;
  margin: 0 5px;
  border: 1px solid #1a1e21;
  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: #1a1e21;
  border: 1px solid #373c40;
}
.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: #252a2f;
  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: #1a1e21;
  border: 1px solid #d2d2d2;
  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 #3d72f9;
}
.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: #3d72f9;
  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: #fff;
}
.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 #505963;
}
.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: #3d72f9;
  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: #0c4ef7;
  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: #484e55;
  border: 0;
  border-radius: 3px;
  color: #fff;
  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: #313539;
  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: #505963;
  border-radius: 3px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu .sbgrid-values > .sbgrid-value > ul::-webkit-scrollbar-track {
  background-color: #212529;
  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: #959ea9;
  -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: #23282c;
  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: #23282c;
  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: #23282c;
  border-radius: 5px;
  box-sizing: border-box;
  border: 1px solid #505963;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.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: #fff;
}
.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 #505963;
}
.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: rgba(187, 211, 247, 0.1);
}
.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: none;
}
.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: rgba(255, 255, 255, 0.3);
}
.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: #adadad;
}
.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: #fff;
  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: #fff;
  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: #505963;
  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: #212529;
  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: #373c40;
  border: 1px solid #1a1e21;
  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: #373c40;
  border: 1px solid #1a1e21;
}
.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: #3d72f9;
  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 #505963;
}
.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: #3d72f9;
  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: #0c4ef7;
  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: #484e55;
  border: 0;
  border-radius: 3px;
  color: #fff;
  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: #313539;
  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: #292d32;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-footer.sbgrid-fixed > .sbgrid-col.sbgrid-rowno {
  background: #292d32;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group .sbgrid-row {
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group .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: #555;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group .sbgrid-icon.sbgrid-open, .sbgrid-grid.sbgrid-theme-dark .sbgrid-group .sbgrid-icon.sbgrid-close {
  font-size: 14px;
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group.sbgrid-row.sbgrid-level-0 {
  background-color: #131415;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group.sbgrid-row.sbgrid-level-0 > .sbgrid-sticky {
  background-color: #131415;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group.sbgrid-row.sbgrid-level-1 {
  background-color: #1a1c1f;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group.sbgrid-row.sbgrid-level-1 > .sbgrid-sticky {
  background-color: #1a1c1f;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group.sbgrid-row.sbgrid-level-2 {
  background-color: #242929;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group.sbgrid-row.sbgrid-level-2 > .sbgrid-sticky {
  background-color: #242929;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group.sbgrid-indicator.sbgrid-level-0 {
  background-color: #131415;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group.sbgrid-indicator.sbgrid-level-1 {
  background-color: #1a1c1f;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group.sbgrid-indicator.sbgrid-level-2 {
  background-color: #242929;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group.sbgrid-title.sbgrid-level-0 {
  background-color: #131415;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group.sbgrid-title.sbgrid-level-1 {
  background-color: #1a1c1f;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group.sbgrid-title.sbgrid-level-2 {
  background-color: #242929;
}
.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-pager {
  display: flex;
  align-items: center;
}
.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-pager .sbgrid-pager-combo {
  width: auto;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-pager .sbgrid-pager-combo .sbgrid-combobox {
  width: auto;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-pager .sbgrid-pager-combo .sbgrid-combobox .sbgrid-combo-inner {
  width: auto;
}
.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-pager .sbgrid-pager-combo .sbgrid-last {
  display: flex;
  margin: 0 3px;
}
.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-pager .sbgrid-page-size {
  display: flex;
  align-items: center;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-pager .sbgrid-page-size .sbgrid-text {
  margin-left: 5px;
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-pager.sbgrid-combo-popup.sbgrid-hidden {
  display: none;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-pager.sbgrid-combo-popup > .sbgrid-wrap-popup {
  width: 100%;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-disabled {
  color: rgba(33, 37, 41, 0.2) !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: #fff;
  text-align: center;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-checkbox.sbgrid-checked:before {
  content: "✓";
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-selected {
  background: rgba(61, 114, 249, 0.1);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-unselected {
  background-color: inherit;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-selecting {
  background: rgba(61, 114, 249, 0.1);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-focused {
  background-color: rgba(81, 143, 255, 0.15);
}
.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: rgba(187, 211, 247, 0.1);
  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 red;
}
.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 red;
}
.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 red;
}
.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 red;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-fill-handle-top {
  border-top: 1px solid #3d72f9;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-fill-handle-left {
  border-left: 1px solid #3d72f9;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-fill-handle-bottom {
  border-bottom: 1px solid #3d72f9;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-fill-handle-right {
  border-right: 1px solid #3d72f9;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-fill-handle::after {
  content: "";
  border: 3px solid #3d72f9;
  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 #343a40;
  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 #343a40;
  outline: 0px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tooltip {
  position: relative;
  z-index: 5;
  padding: 5px 8px;
  background-color: #405265;
  font-size: 12px;
  box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
  opacity: 0;
  border-radius: 3px;
  border: 1px solid #405265;
  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: #405265;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tooltip:after {
  content: "";
  position: absolute;
  border-width: 5px;
  border-style: solid;
  border-color: #405265;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tooltip .sbgrid-title {
  color: #fff;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tooltip[data-placement=top]:before {
  top: 100%;
  left: 50%;
  margin-top: 1px;
  margin-left: -5px;
  border-color: #405265 transparent transparent transparent;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tooltip[data-placement=top]:after {
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-color: #405265 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 #405265 transparent;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tooltip[data-placement=bottom]:after {
  top: -10px;
  left: 50%;
  margin-left: -5px;
  border-color: transparent transparent #405265 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 #405265 transparent transparent;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tooltip[data-placement=right]:after {
  top: 50%;
  left: -10px;
  margin-top: -5px;
  border-color: transparent #405265 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 #405265;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tooltip[data-placement=left]:after {
  top: 50%;
  right: -10px;
  margin-top: -5px;
  border-color: transparent transparent transparent #405265;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tooltip.sbgrid-invalid {
  padding: 7px 10px;
  background: #ffffff;
  border: 1px solid #dbdbdb;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tooltip.sbgrid-invalid .sbgrid-title {
  color: #000;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tooltip.sbgrid-invalid:before {
  content: "";
  position: absolute;
  border-width: 5px;
  border-style: solid;
  border-color: #dbdbdb;
}
.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: #dbdbdb 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: #ffffff 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 #dbdbdb 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 #ffffff 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 #dbdbdb 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 #ffffff 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 #dbdbdb;
}
.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 #ffffff;
}
.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: rgba(255, 255, 255, 0.7);
  /*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 #3d72f9;
  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: #3d72f9;
  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: #3d72f9;
  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: #3d72f9;
  border-bottom-color: #3d72f9;
  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 #3d72f9, 13px 20px 0 rgba(0, 82, 236, 0.2), 13px 46px 0 rgba(0, 82, 236, 0.2), -13px 46px 0 rgba(0, 82, 236, 0.2);
  }
  25% {
    box-shadow: -13px 20px 0 rgba(0, 82, 236, 0.2), 13px 20px 0 #3d72f9, 13px 46px 0 rgba(0, 82, 236, 0.2), -13px 46px 0 rgba(0, 82, 236, 0.2);
  }
  50% {
    box-shadow: -13px 20px 0 rgba(0, 82, 236, 0.2), 13px 20px 0 rgba(0, 82, 236, 0.2), 13px 46px 0 #3d72f9, -13px 46px 0 rgba(0, 82, 236, 0.2);
  }
  75% {
    box-shadow: -13px 20px 0 rgba(0, 82, 236, 0.2), 13px 20px 0 rgba(0, 82, 236, 0.2), 13px 46px 0 rgba(0, 82, 236, 0.2), -13px 46px 0 #3d72f9;
  }
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-loading > .loader-wrap .loader04 {
  position: absolute;
  top: 50%;
  width: 10px;
  height: 48px;
  background: #3d72f9;
  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: #3d72f9;
  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 #3d72f9, 0 0 0 #3d72f9;
  }
  50% {
    box-shadow: 0 -13px 0 #3d72f9, 0 13px 0 #3d72f9;
  }
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-loading > .loader-wrap .loader04 {
  position: absolute;
  top: 50%;
  width: 10px;
  height: 48px;
  background: #3d72f9;
  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: #3d72f9;
  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 #3d72f9, 0 0 0 #3d72f9;
  }
  50% {
    box-shadow: 0 -13px 0 #3d72f9, 0 13px 0 #3d72f9;
  }
}
.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: #949494;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-dark button.sbgrid-filter .sbgrid-filter.sbgrid-icon.sbgrid-filled {
  color: #949494;
}
.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: #191c1e;
  height: 40px;
  width: 284px;
  font-size: 12px;
  color: #fff;
}
.sbgrid-grid.sbgrid-theme-dark .search-result span.search-result-wrap .sbgrid-search {
  font-weight: bold;
  color: #fff;
  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: #191c1e;
  padding: 30px 50px;
  border: 1px solid #e5e5e5;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-dark .popup-text .popup-search-result-wrap .sbgrid-search {
  font-weight: bold;
  color: #fff;
  padding: 0 10px;
  font-size: 15px;
}
.sbgrid-grid.sbgrid-theme-dark .popup-text .popup-search-result-wrap .sbgrid-text {
  color: #fff;
}
.sbgrid-grid.sbgrid-theme-dark .popup-text .popup-text-result-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #191c1e;
  padding: 2em 3em;
  border: 1px solid #e5e5e5;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
  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: #3d72f9;
  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: #e5e5e5;
  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: #fff;
  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: #343a40;
  border: 1px solid #505963;
  border-radius: 5px;
  font-size: 12px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}
.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: #fff;
}
.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: #1a1e21;
  border: 1px solid #1a1e21;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #fff;
  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: #3d72f9;
}
.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: #3d72f9;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-condition {
  margin: 10px 0;
  padding: 1em;
  background: #23282d;
  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: #fff;
}
.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: #373c40;
  margin: 0 5px;
  border: 1px solid #373c40;
  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: #373c40;
  border: 1px solid #373c40;
}
.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 #3d72f9;
  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 #505963;
}
.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: #3d72f9;
  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: #0c4ef7;
  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: #484e55;
  border: 0;
  border-radius: 3px;
  color: #fff;
  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: #313539;
  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: #181b1e;
  border: 1px dotted #3d72f9;
  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: #ffffff;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-draggable-helper > div .sbgrid-icon {
  color: #3d72f9;
  font-size: 10px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator {
  border: 1px dashed #3d72f9;
  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 #3d72f9;
  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 #3d72f9;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-right {
  position: relative;
  border-right: 1px dashed #3d72f9;
  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 #3d72f9;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-bottom {
  position: relative;
  border-bottom: 1px dashed #3d72f9;
  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 #3d72f9;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-top {
  position: relative;
  border-top: 1px dashed #3d72f9;
  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 #3d72f9;
}

.sbgrid-grid.sbgrid-theme-bootstrap {
  position: relative;
  border-radius: 10px;
  /*active*/
  /*icon*/
  /*sbgrid-bg*/
  /*border*/
  /*hover,focus,select*/
  /*caption active*/
  /*reorder*/
  /*status*/
  /*tool*/
  /*caption*/
  /*filter row*/
  /*상단합계*/
  /*하단합계*/
  /*하단고정*/
  /*col 관련*/
  /*row 관련*/
  /*moving*/
  /*CRUD-cell*/
  /*CRUD-row*/
  /*fixed rowheader*/
  /*sticky*/
  /*indicator*/
  /*resize*/
  /*chk component active*/
  /*radio*/
  /*combo*/
  /*inscroll*/
  /*input*/
  /*multitext floating*/
  /*alternative*/
  /*merge*/
  /*loading*/
  /*fixed thead*/
  /*tree*/
  /*text*/
  /*group*/
  /*drag*/
  /*roworder*/
  /*scroll*/
  /*pager*/
  /*total*/
  /*filter*/
  /*menu*/
  /*component*/
  /*tooltip*/
  /*fix*/
  /*disabled*/
  /*popup*/
  /*search popup*/
  /*search-result*/
  /*invalid*/
  /*badge*/
  /*edit mode*/
  /*font size*/
  /*****style*****/
  /****************************/
  /*active*/
  /*icon*/
  /*sbgrid-bg*/
  /*border*/
  /*hover,focus,select*/
  /*caption active*/
  /*reorder*/
  /*status*/
  /*title*/
  /*tool*/
  /*filter row*/
  /*상단합계*/
  /*하단합계*/
  /*하단고정*/
  /*col 관련*/
  /*row 관련*/
  /*moving*/
  /*CRUD-cell*/
  /*CRUD-row*/
  /*fixed rowheader*/
  /*sticky*/
  /*indicator*/
  /*resize*/
  /*chk component active*/
  /*radio*/
  /*combo*/
  /*inscroll*/
  /*input*/
  /*multitext floating*/
  /*alternative*/
  /*merge*/
  /*loading*/
  /*fixed thead*/
  /*tree*/
  /*text*/
  /*group*/
  /*drag*/
  /*roworder*/
  /*scroll*/
  /*pager*/
  /*total*/
  /*filter*/
  /*menu*/
  /*component*/
  /*tooltip*/
  /*fix*/
  /*disabled*/
  /*popup*/
  /*search popup*/
  /*search-result*/
  /*invalid*/
  /*badge*/
  /*edit mode*/
  /*************************************/
  /*grid bg*/
  background: #fff;
  /*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: #555;
  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: #5db9ff;
  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: #5db9ff;
  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: #5db9ff;
}
.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: #5db9ff;
}
.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: #5db9ff;
  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: #5db9ff;
  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: #5db9ff;
  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: #37567d;
}
.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: #0a2156;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-half:before {
  background: #3d72f9;
}
.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: #f1f3f5;
  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: #222;
  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: #222;
}
.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: #7e8a9b;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-group .sbgrid-align .sbgrid-group.sbgrid-item span.sbgrid-sort i {
  font-size: 13px;
  color: #5283ef;
}
.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: #3d72f9;
}
.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: #222222;
}
.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-current a {
  font-weight: bold;
  background: #ccd7e9;
  color: #0a2156;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-caption .sbgrid-thead {
  background: #f1f3f5;
  border-bottom: 1px solid #cecece;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-caption .sbgrid-thead .sbgrid-icon {
  color: #0a2156;
}
.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-check .sbgrid-checkbox.sbgrid-checked {
  background: #3d72f9;
  border: 1px solid #3d72f9;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-caption .sbgrid-thead .sbgrid-check .sbgrid-checkbox.sbgrid-checked:before {
  color: #fff;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-caption .sbgrid-thead .sbgrid-icon.sbgrid-sort:after, .sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-caption .sbgrid-thead .sbgrid-icon.sbgrid-sort:before {
  color: #b1bed0;
}
.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: #3d72f9;
}
.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 #d0d9f0;
}
.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: #f1f3f5;
  border-bottom: 1px solid #cacfdb;
}
.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: #3d72f9;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll-body .sbgrid-panel.sbgrid-header {
  background: #fcfcfc;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll-body .sbgrid-panel.sbgrid-header .sbgrid-area.sbgrid-thead {
  border-bottom: 1px solid #cacfdb;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll-body .sbgrid-panel.sbgrid-header .sbgrid-area.sbgrid-thead .sbgrid-row .sbgrid-col {
  outline-color: #ebeff5;
  outline: 1px solid #ebeff5;
}
.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 #d0d0d0;
  background: #fcfcfc;
}
.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 #ebeff5;
}
.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 #3d72f9 !important;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row > .sbgrid-col.sbgrid-selected.sbgrid-fill-handle-bottom {
  border-bottom: 1px solid #3d72f9 !important;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-pager {
  padding: 6px;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-pager .sbgrid-tools {
  flex: 1;
}
.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;
}
.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: #222222;
  width: 25px;
  height: 25px;
  font-size: 12px;
  text-align: center;
}
.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-pager .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-current a {
  background: #ccd7e9;
  color: #0a2156;
}
.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: #f1f3f5;
  border-bottom: 1px solid #cacfdb;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-tool {
  background: #f1f3f5;
}
.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 #ebeff5;
}
.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 #e5e5e5;
}
.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: #ffffff;
  border: 1px solid #9ab7ff;
  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: #3d72f9;
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-tbody .sbgrid-checkboxgroup .sbgrid-checkbox {
  background: #ffffff;
  border: 1px solid #d3d3d3;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-tbody .sbgrid-checkboxgroup .sbgrid-checkbox.sbgrid-checked:before {
  color: #3d72f9;
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-thead .sbgrid-checkboxgroup .sbgrid-checkbox {
  background: #ffffff;
  border: 1px solid #d3d3d3;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-thead .sbgrid-checkboxgroup .sbgrid-checkbox.sbgrid-checked:before {
  color: #3d72f9;
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-tfoot .sbgrid-checkboxgroup .sbgrid-checkbox {
  background: #ffffff;
  border: 1px solid #d3d3d3;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-tfoot .sbgrid-checkboxgroup .sbgrid-checkbox.sbgrid-checked:before {
  color: #3d72f9;
  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: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #222222;
  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: #2c4275;
}
.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: #2c4275;
}
.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: #adadb2;
  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: #adadb2;
  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: #222222;
  margin: 0 1px;
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  background: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #222222;
  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: #2c4275;
}
.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: #2c4275;
}
.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: #adadb2;
  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: #adadb2;
  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 #cecece;
  background: #fcfcfc;
}
.sbgrid-grid.sbgrid-theme-bootstrap div.sbgrid-scrollv {
  overflow-x: hidden;
  grid-area: scrollv;
  border-left: 1px solid #cecece;
  background: #fcfcfc;
}
.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: #bac1ca;
}
.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: #fcfcfc;
}
.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: #bac1ca;
  min-height: 5%;
  min-width: 8%;
  border-radius: 10px;
  border: 4px solid #fcfcfc;
  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: #9ca7b4;
}
.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: #fcfcfc;
  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: #222222;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-detail.sbgrid-hidden {
  display: none !important;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-moving {
  background: #f8f8f8;
  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: #d15757;
}
.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: #5957d1;
}
.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: #3fc987;
}
.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: #3d72f9 !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: #3d72f9 !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: #fff6f6;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-delete:before {
  color: #d15757;
}
@keyframes sbgrid-delete {
  0% {
    background-color: white;
  }
  100% {
    background-color: #fff6f6;
  }
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-insert {
  animation: none;
  background-color: #f6f9ff;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-insert:before {
  color: #5957d1;
}
@keyframes sbgrid-contentinsert {
  0% {
    background-color: white;
  }
  100% {
    background-color: #f6f9ff;
  }
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-update {
  animation: none;
  background-color: #f6fffd;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-update:before {
  color: #3fc987 !important;
}
@keyframes sbgrid-update {
  0% {
    background-color: white;
  }
  100% {
    background-color: #f6fffd;
  }
}
.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: #fff6f6;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-alternate.sbgrid-delete:before {
  color: #d15757;
}
@keyframes sbgrid-delete {
  0% {
    background-color: white;
  }
  100% {
    background-color: #fff6f6;
  }
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-alternate.sbgrid-insert {
  animation: none;
  background-color: #f6f9ff;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-alternate.sbgrid-insert:before {
  color: #5957d1;
}
@keyframes sbgrid-contentinsert {
  0% {
    background-color: white;
  }
  100% {
    background-color: #f6f9ff;
  }
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-alternate.sbgrid-update {
  animation: none;
  background-color: #f6fffd;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-alternate.sbgrid-update:before {
  color: #3fc987 !important;
}
@keyframes sbgrid-update {
  0% {
    background-color: white;
  }
  100% {
    background-color: #f6fffd;
  }
}
.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: #fff;
  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 #3d72f9 1px;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll .sbgrid-part.sbgrid-tail > .sbgrig-scroll {
  border-left: solid #bebebe 1px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll .sbgrid-part.sbgrid-tail.sbgrid-frozen {
  border-left: dotted #3d72f9 1px;
  box-sizing: border-box;
  margin-left: auto;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll .sbgrid-row.sbgrid-sticky {
  position: relative;
  background-color: #ebeffa;
  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: #ecf4ff !important;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll .sbgrid-row.sbgrid-caption .sbgrid-col.sbgrid-sticky.sbgrid-focused {
  background: #ecf4ff !important;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll .sbgrid-row .sbgrid-col.sbgrid-selected.sbgrid-sticky {
  background: #ecf4ff !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: #fff;
  background-color: #6c757d !important;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}
.sbgrid-grid.sbgrid-theme-bootstrap span.badge a {
  color: #fff;
}
.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: #ffffff;
  border: 1px solid #d3d3d3;
  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: #3d72f9;
  border: 1px solid #3d72f9;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-check .sbgrid-checkbox.sbgrid-checked:before {
  content: "\e938";
  color: #3d72f9;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-caption .sbgrid-check .sbgrid-checkbox {
  background: #ffffff;
}
.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: #ffffff;
  border: 1px solid #9ab7ff;
  border-radius: 50%;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-radio.sbgrid-checked:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #ffffff;
  border: 1px solid #2c4275;
  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: #3d72f9;
  border-radius: 50%;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-cell.sbgrid-edit .sbgrid-radio:before {
  border: 1px solid #9ab7ff;
  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 #3d72f9;
}
.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: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #222222;
}
.sbgrid-grid.sbgrid-theme-bootstrap input[type=number]:active, .sbgrid-grid.sbgrid-theme-bootstrap input[type=number]:focus {
  border-color: #2c4275;
}
.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: #2c4275;
}
.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: #efefef;
  border: 0;
  border-radius: 3px;
  color: #222222;
  font-family: inherit;
  font-size: 12px;
  transition: all 0.2s;
  cursor: pointer;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-command input[type=button]:hover {
  background: #d6d6d6;
  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: #efefef;
  border: 0;
  border-radius: 3px;
  color: #222222;
  font-family: inherit;
  font-size: 12px;
  transition: all 0.2s;
  cursor: pointer;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-custom > button:hover {
  background: #d6d6d6;
  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: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #222222;
  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: #2c4275;
}
.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: #2c4275;
}
.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: #333333;
  background: #ffffff;
  scale: 1.2;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-edit {
  background: #eefff7;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-cell.sbgrid-edit input[type=date],
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-cell.sbgrid-edit input[type=month] {
  border: 1px solid #3d72f9;
  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: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #222222;
  height: auto;
  resize: none;
}
.sbgrid-grid.sbgrid-theme-bootstrap textarea:active, .sbgrid-grid.sbgrid-theme-bootstrap textarea:focus {
  border-color: #2c4275;
}
.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: #2c4275;
}
.sbgrid-grid.sbgrid-theme-bootstrap input[type=text] {
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  background: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #222222;
}
.sbgrid-grid.sbgrid-theme-bootstrap input[type=text]:active, .sbgrid-grid.sbgrid-theme-bootstrap input[type=text]:focus {
  border-color: #2c4275;
}
.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: #2c4275;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-cell.sbgrid-edit input[type=text] {
  color: #222222;
  border: 1px solid #3d72f9;
  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: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #222222;
}
.sbgrid-grid.sbgrid-theme-bootstrap input[type=number]:active, .sbgrid-grid.sbgrid-theme-bootstrap input[type=number]:focus {
  border-color: #2c4275;
}
.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: #2c4275;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-cell.sbgrid-edit input[type=number] {
  border: 1px solid #3d72f9;
  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: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #222222;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-combobox:active, .sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-combobox:focus {
  border-color: #2c4275;
}
.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: #2c4275;
}
.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: #000;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-cell.sbgrid-edit .sbgrid-combobox {
  border: 1px solid #3d72f9;
  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: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.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: #222222;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-combo-popup div.sbgrid-wrap-popup ul.sbgrid-popup-items li:hover {
  background: rgba(200, 233, 255, 0.2);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-combo-popup div.sbgrid-wrap-popup ul.sbgrid-popup-items li.sbgrid-combo-item-selected {
  background: #3e4f6c;
  color: #fff;
}
.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: #999999;
  border-radius: 3px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-combo-popup div.sbgrid-wrap-popup::-webkit-scrollbar-track {
  background-color: #e3e3e3;
  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-cell.sbgrid-edit textarea {
  border: 1px solid #3d72f9;
  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: #f7f9fb;
  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: #f0f0f0;
  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: #e6e6e6;
  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: #87a8fb;
  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: #222222;
  line-height: normal;
  display: grid;
}
.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: #222222;
  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: rgba(255, 255, 255, 0.2);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row > .sbgrid-col.sbgrid-alternate {
  background-color: #f7f9fb;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row > .sbgrid-col.sbgrid-alternate.sbgrid-alternate-2 {
  background-color: #f0f0f0;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row > .sbgrid-col.sbgrid-alternate.sbgrid-alternate-2.sbgrid-alternate-3 {
  background-color: #e6e6e6;
}
.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 #2c4275;
  background: #ccd7e9 !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: #ccd7e9 !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:$cap-line;
 margin-bottom: -1px;*/
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-caption > .sbgrid-col.reorderable {
  background-color: rgba(174, 208, 255, 0.1843137255);
}
.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 #e5e5e5;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree > .sbgrid-cell.sbgrid-tree > .sbgrid-space:not(.sbgrid-last) {
  background-color: #fff;
}
.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 #e5e5e5;
}
.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 #e5e5e5;
  padding-inline: 6px;
  color: #222222;
}
.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: #222222;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-tree.sbgrid-footer {
  background: #f8f8f8;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-tree.sbgrid-footer > .sbgrid-col > .sbgrid-cell {
  color: #222222;
}
.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 #e5e5e5;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-tree.sbgrid-row.sbgrid-sticky {
  background-color: #ebeffa;
  box-shadow: 1px 3px 5px rgba(62, 62, 62, 0.161);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-col.sbgrid-hidden {
  display: none;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-invalid > .sbgrid-indicator {
  border: 3px solid red;
  border-color: red transparent transparent red;
  left: 0;
  transition: 0.1s all;
  position: absolute;
  top: 0;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-invalid > .sbgrid-indicator:hover {
  border: 5px solid red;
  border-color: red transparent transparent red;
  transition: 0.1s all;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-column .sbgrid-icon.sbgrid-menu {
  /*float:right;*/
  color: #0a2156;
}
.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 #d4d4d4;
  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 #cacfdb;
  display: flex;
  align-items: center;
}
.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: #222222;
  /*tool - right*/
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel > .sbgrid-tools .sbgrid-tool input[type=button] {
  padding: 6px 10px;
  margin-right: 5px;
  background: #fefefe;
  border: 1px solid #cdd2d9;
  box-sizing: border-box;
  color: #222;
  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 {
  background: #f6f6f6;
  transition: all 0.2s;
  border: 1px solid #b0b8c3;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel > .sbgrid-tools .sbgrid-tool .sbgrid-search-wrap {
  display: flex;
  align-items: center;
  border: 1px solid #cdd2d9;
  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: #0a2156;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel > .sbgrid-tools .sbgrid-tool .sbgrid-grouping span.sbgrid-caption {
  color: #333;
  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: #efefef;
  border: 0;
  border-radius: 3px;
  color: #222222;
  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: #d6d6d6;
  transition: all 0.2s;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel > .sbgrid-tools .sbgrid-tool select {
  padding: 6px 10px;
  margin: 0 5px;
  background: #fefefe;
  border: 1px solid #cdd2d9;
  box-sizing: border-box;
  color: #222;
  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: #222;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel .sbgrid-row .sbgrid-sticky {
  background: #ebeffa; /*color: #222;*/
  z-index: 1;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel .sbgrid-row .sbgrid-sticky.sbgrid-selected {
  background: rgba(226, 243, 255, 0.4); /*color: #222;*/
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel .sbgrid-row .sbgrid-sticky.sbgrid-selecting {
  background: #ebf0f7;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel .sbgrid-row .sbgrid-sticky.sbgrid-merged.sbgrid-selecting {
  background: #ebf0f7;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel .sbgrid-row .sbgrid-sticky.sbgrid-merged.sbgrid-selected {
  background: rgba(226, 243, 255, 0.4);
}
.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: #0a2156;
}
.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: #2c4275;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools .sbgrid-icon.sbgrid-sort-default {
  color: #969696;
}
.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: #969696;
  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: #222;
  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 #e5e5e5;
}
.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: #dfe5f7;
}
.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: #222;
  text-shadow: 0.5px 0;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-tool {
  background: #f1f3f5;
  padding: 6px;
  border-bottom: 1px solid #cacfdb;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-scroll {
  border: 1px solid #cecece;
  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;
}
.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 #3d72f9;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-reorder-indicator.sbgrid-col {
  position: absolute;
  width: 1px;
  border-left: 3px dotted #2c4275;
  opacity: 0;
  z-index: 10;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-reorder-indicator.sbgrid-row {
  position: absolute;
  border-top: 2px dotted #2c4275;
  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 #3d72f9;
  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 #222;
  z-index: 10;
}
.sbgrid-grid.sbgrid-theme-bootstrap span.sbgrid-reorder-helper {
  border-left: 2px dotted #2c4275;
  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: #d2d9e4;
  border-radius: 5px;
  box-sizing: border-box;
  color: #222;
  cursor: pointer;
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-draggable-helper.sbgrid-col {
  display: inline-flex;
  align-items: center;
  height: 24px;
  background: #d2d9e4;
  padding: 6px 15px;
  border-radius: 5px;
  box-sizing: border-box;
  font-size: 12px;
  color: #0a2156;
  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: #222;
  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: #fff;
  min-height: 30px;
  padding: 0 15px;
  box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.1);
  border-radius: 0;
  font-size: 12px;
  color: #222;
  border-radius: 5px;
  border: 1px solid #c7c7c7;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-draggable-helper.sbgrid-rowreorder .sbgrid-icon.sbgrid-rowreorder:before {
  color: #2c4275;
  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: #d3d3d3;
  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: #fdfdfd;
  border: 1px solid #dadada;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.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: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #222222;
  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: #2c4275;
}
.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: #2c4275;
}
.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: #adadb2;
  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: #adadb2;
  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: #ffffff;
  margin: 0 5px;
  border: 1px solid #d3d3d3;
  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: #3d72f9;
  border: 1px solid #3d72f9;
}
.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 #ffffff;
  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: #eaeaea;
  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: #ffffff;
  border: 1px solid #d2d2d2;
  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 #2c4275;
}
.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: #2c4275;
  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: #222222;
}
.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 #dadada;
}
.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: #2c4275;
  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: #1e2d50;
  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: #efefef;
  border: 0;
  border-radius: 3px;
  color: #222222;
  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: #d6d6d6;
  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: #999999;
  border-radius: 3px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu .sbgrid-values > .sbgrid-value > ul::-webkit-scrollbar-track {
  background-color: #e3e3e3;
  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: #6b6f76;
  -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: #fdfdfd;
  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: #fdfdfd;
  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: #fdfdfd;
  border-radius: 5px;
  box-sizing: border-box;
  border: 1px solid #dadada;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.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: #222222;
}
.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 #e8e8e8;
}
.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: rgba(200, 233, 255, 0.2);
}
.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: #f8f8f8;
}
.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: #cecece;
}
.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: #0a2156;
}
.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: #777;
  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: #222222;
  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: #999999;
  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: #e3e3e3;
  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: #ffffff;
  border: 1px solid #d3d3d3;
  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: #ffffff;
  border: 1px solid #d3d3d3;
}
.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: #3d72f9;
  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 #dadada;
}
.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: #2c4275;
  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: #1e2d50;
  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: #efefef;
  border: 0;
  border-radius: 3px;
  color: #222222;
  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: #d6d6d6;
  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: #f8f8f8;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-footer.sbgrid-fixed > .sbgrid-col.sbgrid-rowno {
  background: #f8f8f8;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group .sbgrid-row {
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group .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: #555;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group .sbgrid-icon.sbgrid-open, .sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group .sbgrid-icon.sbgrid-close {
  font-size: 14px;
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group.sbgrid-row.sbgrid-level-0 {
  background-color: #f0f8ff;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group.sbgrid-row.sbgrid-level-0 > .sbgrid-sticky {
  background-color: #f0f8ff;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group.sbgrid-row.sbgrid-level-1 {
  background-color: #f5f5dc;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group.sbgrid-row.sbgrid-level-1 > .sbgrid-sticky {
  background-color: #f5f5dc;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group.sbgrid-row.sbgrid-level-2 {
  background-color: #faebd7;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group.sbgrid-row.sbgrid-level-2 > .sbgrid-sticky {
  background-color: #faebd7;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group.sbgrid-indicator.sbgrid-level-0 {
  background-color: #f0f8ff;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group.sbgrid-indicator.sbgrid-level-1 {
  background-color: #f5f5dc;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group.sbgrid-indicator.sbgrid-level-2 {
  background-color: #faebd7;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group.sbgrid-title.sbgrid-level-0 {
  background-color: #f0f8ff;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group.sbgrid-title.sbgrid-level-1 {
  background-color: #f5f5dc;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group.sbgrid-title.sbgrid-level-2 {
  background-color: #faebd7;
}
.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-pager {
  display: flex;
  align-items: center;
}
.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-pager .sbgrid-pager-combo {
  width: auto;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-pager .sbgrid-pager-combo .sbgrid-combobox {
  width: auto;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-pager .sbgrid-pager-combo .sbgrid-combobox .sbgrid-combo-inner {
  width: auto;
}
.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-pager .sbgrid-pager-combo .sbgrid-last {
  display: flex;
  margin: 0 3px;
}
.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-pager .sbgrid-page-size {
  display: flex;
  align-items: center;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-pager .sbgrid-page-size .sbgrid-text {
  margin-left: 5px;
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-pager.sbgrid-combo-popup.sbgrid-hidden {
  display: none;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-pager.sbgrid-combo-popup > .sbgrid-wrap-popup {
  width: 100%;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-disabled {
  color: #b7b7b7 !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: #fff;
  text-align: center;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-checkbox.sbgrid-checked:before {
  content: "✓";
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-selected {
  background: rgba(226, 243, 255, 0.4);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-unselected {
  background-color: #fff;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-selecting {
  background: rgba(226, 243, 255, 0.4);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-focused {
  background-color: rgba(81, 143, 255, 0.15);
}
.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: rgba(200, 233, 255, 0.2);
  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 red;
}
.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 red;
}
.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 red;
}
.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 red;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-fill-handle-top {
  border-top: 1px solid #3d72f9;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-fill-handle-left {
  border-left: 1px solid #3d72f9;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-fill-handle-bottom {
  border-bottom: 1px solid #3d72f9;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-fill-handle-right {
  border-right: 1px solid #3d72f9;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-fill-handle::after {
  content: "";
  border: 3px solid #3d72f9;
  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 #ebeff5;
  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 #ebeff5;
  outline: 0px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tooltip {
  position: relative;
  z-index: 5;
  padding: 5px 8px;
  background-color: #f8fbff;
  font-size: 12px;
  box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
  opacity: 0;
  border-radius: 3px;
  border: 1px solid #c1d4ed;
  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: #f8fbff;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tooltip:after {
  content: "";
  position: absolute;
  border-width: 5px;
  border-style: solid;
  border-color: #f8fbff;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tooltip .sbgrid-title {
  color: #084298;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tooltip[data-placement=top]:before {
  top: 100%;
  left: 50%;
  margin-top: 1px;
  margin-left: -5px;
  border-color: #c1d4ed transparent transparent transparent;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tooltip[data-placement=top]:after {
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-color: #f8fbff 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 #c1d4ed transparent;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tooltip[data-placement=bottom]:after {
  top: -10px;
  left: 50%;
  margin-left: -5px;
  border-color: transparent transparent #f8fbff 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 #c1d4ed transparent transparent;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tooltip[data-placement=right]:after {
  top: 50%;
  left: -10px;
  margin-top: -5px;
  border-color: transparent #f8fbff 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 #c1d4ed;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tooltip[data-placement=left]:after {
  top: 50%;
  right: -10px;
  margin-top: -5px;
  border-color: transparent transparent transparent #f8fbff;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tooltip.sbgrid-invalid {
  padding: 7px 10px;
  background: #ffffff;
  border: 1px solid #dbdbdb;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tooltip.sbgrid-invalid .sbgrid-title {
  color: #000;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tooltip.sbgrid-invalid:before {
  content: "";
  position: absolute;
  border-width: 5px;
  border-style: solid;
  border-color: #dbdbdb;
}
.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: #dbdbdb 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: #ffffff 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 #dbdbdb 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 #ffffff 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 #dbdbdb 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 #ffffff 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 #dbdbdb;
}
.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 #ffffff;
}
.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: rgba(255, 255, 255, 0.7);
  /*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 #3d72f9;
  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: #3d72f9;
  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: #3d72f9;
  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: #3d72f9;
  border-bottom-color: #3d72f9;
  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 #3d72f9, 13px 20px 0 rgba(0, 82, 236, 0.2), 13px 46px 0 rgba(0, 82, 236, 0.2), -13px 46px 0 rgba(0, 82, 236, 0.2);
  }
  25% {
    box-shadow: -13px 20px 0 rgba(0, 82, 236, 0.2), 13px 20px 0 #3d72f9, 13px 46px 0 rgba(0, 82, 236, 0.2), -13px 46px 0 rgba(0, 82, 236, 0.2);
  }
  50% {
    box-shadow: -13px 20px 0 rgba(0, 82, 236, 0.2), 13px 20px 0 rgba(0, 82, 236, 0.2), 13px 46px 0 #3d72f9, -13px 46px 0 rgba(0, 82, 236, 0.2);
  }
  75% {
    box-shadow: -13px 20px 0 rgba(0, 82, 236, 0.2), 13px 20px 0 rgba(0, 82, 236, 0.2), 13px 46px 0 rgba(0, 82, 236, 0.2), -13px 46px 0 #3d72f9;
  }
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-loading > .loader-wrap .loader04 {
  position: absolute;
  top: 50%;
  width: 10px;
  height: 48px;
  background: #3d72f9;
  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: #3d72f9;
  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 #3d72f9, 0 0 0 #3d72f9;
  }
  50% {
    box-shadow: 0 -13px 0 #3d72f9, 0 13px 0 #3d72f9;
  }
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-loading > .loader-wrap .loader04 {
  position: absolute;
  top: 50%;
  width: 10px;
  height: 48px;
  background: #3d72f9;
  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: #3d72f9;
  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 #3d72f9, 0 0 0 #3d72f9;
  }
  50% {
    box-shadow: 0 -13px 0 #3d72f9, 0 13px 0 #3d72f9;
  }
}
.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: #8d9eb6;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-bootstrap button.sbgrid-filter .sbgrid-filter.sbgrid-icon.sbgrid-filled {
  color: #949494;
}
.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: #f5f8fa;
  height: 40px;
  width: 284px;
  font-size: 12px;
  color: #536175;
}
.sbgrid-grid.sbgrid-theme-bootstrap .search-result span.search-result-wrap .sbgrid-search {
  font-weight: bold;
  color: #536175;
  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: #f5f8fa;
  padding: 30px 50px;
  border: 1px solid #e5e5e5;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .popup-text .popup-search-result-wrap .sbgrid-search {
  font-weight: bold;
  color: #000;
  padding: 0 10px;
  font-size: 15px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .popup-text .popup-search-result-wrap .sbgrid-text {
  color: #000;
}
.sbgrid-grid.sbgrid-theme-bootstrap .popup-text .popup-text-result-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f5f8fa;
  padding: 2em 3em;
  border: 1px solid #e5e5e5;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
  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: #3d72f9;
  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: #e5e5e5;
  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: #000;
  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: #fdfdfd;
  border: 1px solid #dadada;
  border-radius: 5px;
  font-size: 12px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}
.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: #222222;
}
.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: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #222222;
  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: #2c4275;
}
.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: #2c4275;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-condition {
  margin: 10px 0;
  padding: 1em;
  background: #f5f5f5;
  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: #222222;
}
.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: #fff;
  margin: 0 5px;
  border: 1px solid #bebebe;
  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: #3d72f9;
  border: 1px solid #3d72f9;
}
.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 #fff;
  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 #dadada;
}
.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: #2c4275;
  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: #1e2d50;
  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: #efefef;
  border: 0;
  border-radius: 3px;
  color: #222222;
  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: #d6d6d6;
  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 #2c4275;
  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: #2c4275;
  font-size: 10px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator {
  border: 1px dashed #3d72f9;
  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 #3d72f9;
  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 #3d72f9;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-right {
  position: relative;
  border-right: 1px dashed #3d72f9;
  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 #3d72f9;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-bottom {
  position: relative;
  border-bottom: 1px dashed #3d72f9;
  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 #3d72f9;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-top {
  position: relative;
  border-top: 1px dashed #3d72f9;
  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 #3d72f9;
}

.sbgrid-grid.sbgrid-theme-a11y {
  position: relative;
  /*active*/
  /*icon*/
  /*sbgrid-bg*/
  /*border*/
  /*hover,focus,select*/
  /*caption active*/
  /*reorder*/
  /*status*/
  /*tool*/
  /*caption*/
  /*filter row*/
  /*상단합계*/
  /*하단합계*/
  /*하단고정*/
  /*col 관련*/
  /*row 관련*/
  /*moving*/
  /*CRUD-cell*/
  /*CRUD-row*/
  /*fixed rowheader*/
  /*sticky*/
  /*indicator*/
  /*resize*/
  /*chk component active*/
  /*radio*/
  /*combo*/
  /*inscroll*/
  /*input*/
  /*multitext floating*/
  /*alternative*/
  /*merge*/
  /*loading*/
  /*fixed thead*/
  /*tree*/
  /*text*/
  /*group*/
  /*drag*/
  /*roworder*/
  /*scroll*/
  /*pager*/
  /*total*/
  /*filter*/
  /*menu*/
  /*component*/
  /*tooltip*/
  /*fix*/
  /*disabled*/
  /*popup*/
  /*search popup*/
  /*search-result*/
  /*invalid*/
  /*badge*/
  /*edit mode*/
  /*font size*/
  /*****style*****/
  /****************************/
  /*active*/
  /*icon*/
  /*sbgrid-bg*/
  /*border*/
  /*hover,focus,select*/
  /*caption active*/
  /*reorder*/
  /*status*/
  /*tool*/
  /*caption*/
  /*filter row*/
  /*상단합계*/
  /*하단합계*/
  /*하단고정*/
  /*col 관련*/
  /*row 관련*/
  /*moving*/
  /*CRUD-cell*/
  /*CRUD-row*/
  /*fixed rowheader*/
  /*sticky*/
  /*indicator*/
  /*resize*/
  /*chk component active*/
  /*radio*/
  /*combo*/
  /*inscroll*/
  /*input*/
  /*multitext floating*/
  /*alternative*/
  /*merge*/
  /*loading*/
  /*fixed thead*/
  /*tree*/
  /*text*/
  /*group*/
  /*drag*/
  /*roworder*/
  /*scroll*/
  /*pager*/
  /*total*/
  /*filter*/
  /*menu*/
  /*component*/
  /*tooltip*/
  /*fix*/
  /*disabled*/
  /*popup*/
  /*search popup*/
  /*search-result*/
  /*invalid*/
  /*badge*/
  /*edit mode*/
  /*************************************/
  /*grid bg*/
  background: #fff;
  /*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: #555;
  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: #5db9ff;
  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: #5db9ff;
  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: #5db9ff;
}
.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: #5db9ff;
}
.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: #5db9ff;
  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: #5db9ff;
  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: #5db9ff;
  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: #37567d;
}
.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: #37567d;
}
.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: #ffffff;
  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: #222;
  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: #222;
}
.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: #5283ef;
}
.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: #222222;
}
.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-current a {
  background: #555555;
  color: #ffffff;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-caption .sbgrid-thead {
  background: #f8f8f8;
  border-bottom: 1px solid #cecece;
}
.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 #cecece;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-caption .sbgrid-thead .sbgrid-check .sbgrid-checkbox.sbgrid-checked {
  background: #487190;
  border: 1px solid #487190;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-caption .sbgrid-thead .sbgrid-check .sbgrid-checkbox.sbgrid-checked:before {
  color: #fff;
}
.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 #d0d0d0;
}
.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: #fcfcfc;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-scroll .sbgrid-scroll-body .sbgrid-panel.sbgrid-filter .sbgrid-row > .sbgrid-col {
  outline: 1px solid #d0d0d0;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-scroll-body .sbgrid-panel.sbgrid-header {
  background: #fcfcfc;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-scroll-body .sbgrid-panel.sbgrid-header .sbgrid-area.sbgrid-thead {
  border-bottom: 1px solid #d0d0d0;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-scroll-body .sbgrid-panel.sbgrid-header .sbgrid-area.sbgrid-thead .sbgrid-row .sbgrid-col {
  outline-color: none;
}
.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 #d0d0d0;
  background: #fcfcfc;
}
.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 #d0d0d0;
}
.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 #e5e5e5;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-pager {
  padding: 6px;
  box-sizing: border-box;
}
.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;
}
.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: #222222;
  width: 25px;
  height: 25px;
  font-size: 12px;
  text-align: center;
}
.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-pager .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-icon.sbgrid-prev {
  margin-right: 2px;
}
.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-pager .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-current a {
  background: #555555;
  color: #ffffff;
  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 none;
}
.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: #ffffff;
  border: 1px solid #487190;
  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: #3d6d91;
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-tbody .sbgrid-checkboxgroup .sbgrid-checkbox {
  background: #ffffff;
  border: 1px solid #d3d3d3;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-tbody .sbgrid-checkboxgroup .sbgrid-checkbox.sbgrid-checked:before {
  color: #3d6d91;
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-thead .sbgrid-checkboxgroup .sbgrid-checkbox {
  background: #ffffff;
  border: 1px solid #d3d3d3;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-thead .sbgrid-checkboxgroup .sbgrid-checkbox.sbgrid-checked:before {
  color: #3d6d91;
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-tfoot .sbgrid-checkboxgroup .sbgrid-checkbox {
  background: #ffffff;
  border: 1px solid #d3d3d3;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-tfoot .sbgrid-checkboxgroup .sbgrid-checkbox.sbgrid-checked:before {
  color: #3d6d91;
  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: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #222222;
  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: #37567d;
}
.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: #37567d;
}
.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: #adadb2;
  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: #adadb2;
  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: #222222;
  margin: 0 1px;
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  background: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #222222;
  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: #37567d;
}
.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: #37567d;
}
.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: #adadb2;
  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: #adadb2;
  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 #cecece;
  background: #fcfcfc;
}
.sbgrid-grid.sbgrid-theme-a11y div.sbgrid-scrollv {
  overflow-x: hidden;
  grid-area: scrollv;
  border-left: 1px solid #cecece;
  background: #fcfcfc;
}
.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: #919191;
}
.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: #fcfcfc;
}
.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: #919191;
  min-height: 20%;
  min-width: 8%;
  border-radius: 10px;
  border: 4px solid #fcfcfc;
  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: #6e6e6e;
}
.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: #fcfcfc;
  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: #f8f8f8;
  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: #222222;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-detail.sbgrid-hidden {
  display: none !important;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-moving {
  background: #f8f8f8;
  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: transparent;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-delete:before {
  color: transparent;
}
@keyframes sbgrid-delete {
  0% {
    background-color: rgba(26, 26, 26, 0);
  }
  100% {
    background-color: transparent;
  }
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-insert {
  animation: sbgrid-insert 0.8s linear;
  background-color: transparent;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-insert:before {
  color: transparent;
}
@keyframes sbgrid-contentinsert {
  0% {
    background-color: rgba(26, 26, 26, 0);
  }
  100% {
    background-color: transparent;
  }
}
@keyframes sbgrid-update {
  0% {
    background-color: rgba(26, 26, 26, 0);
  }
  100% {
    background-color: transparent;
  }
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-alternate {
  /*delete*/
  /*insert*/
  /*update*/
}
@keyframes sbgrid-delete {
  0% {
    background-color: rgba(26, 26, 26, 0);
  }
  100% {
    background-color: transparent;
  }
}
@keyframes sbgrid-contentinsert {
  0% {
    background-color: rgba(26, 26, 26, 0);
  }
  100% {
    background-color: transparent;
  }
}
@keyframes sbgrid-update {
  0% {
    background-color: rgba(26, 26, 26, 0);
  }
  100% {
    background-color: transparent;
  }
}
.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 #bebebe;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-floating-edit-box {
  position: absolute;
  background: #fff;
  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 #37567d 1px;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-scroll .sbgrid-part.sbgrid-tail > .sbgrig-scroll {
  border-left: solid #bebebe 1px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-scroll .sbgrid-part.sbgrid-tail.sbgrid-frozen {
  border-left: dotted #37567d 1px;
  box-sizing: border-box;
  margin-left: auto;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-scroll .sbgrid-row.sbgrid-sticky {
  position: relative;
  background-color: #f9fbff;
  box-shadow: 1px 3px 5px rgba(62, 62, 62, 0.161);
}
.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: #ecf4ff !important;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-scroll .sbgrid-row.sbgrid-caption .sbgrid-col.sbgrid-sticky.sbgrid-focused {
  background: #ecf4ff !important;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-scroll .sbgrid-row .sbgrid-col.sbgrid-selected.sbgrid-sticky {
  background: #ecf4ff !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: #ffffff;
  border: 1px solid #d3d3d3;
  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: #ffffff;
  border: 1px solid #d3d3d3;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-check .sbgrid-checkbox.sbgrid-checked:before {
  content: "\e938";
  color: #487190;
  font-size: 15px;
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-caption .sbgrid-check .sbgrid-checkbox {
  background: #ffffff;
}
.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: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 50%;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-radio.sbgrid-checked:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #ffffff;
  border: 1px solid #37567d;
  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: #37567d;
  border-radius: 50%;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-cell.sbgrid-edit .sbgrid-radio:before {
  border: 1px solid #d2d2d2;
  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 #487190;
}
.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: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #222222;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=number]:active, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=number]:focus {
  border-color: #37567d;
}
.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: #37567d;
}
.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: #efefef;
  border: 0;
  border-radius: 3px;
  color: #222222;
  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: #d6d6d6;
  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: #efefef;
  border: 0;
  border-radius: 3px;
  color: #222222;
  font-family: inherit;
  font-size: 12px;
  transition: all 0.2s;
  cursor: pointer;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-custom > button:hover {
  background: #d6d6d6;
  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: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #222222;
  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: #37567d;
}
.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: #37567d;
}
.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: #333333;
  background: #ffffff;
  scale: 1.2;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-row.sbgrid-edit {
  background: #fff;
}
.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] {
  border: 1px solid #487190;
  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: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #222222;
  height: auto;
  resize: none;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid textarea:active, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid textarea:focus {
  border-color: #37567d;
}
.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: #37567d;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=text] {
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  background: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #222222;
  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: #37567d;
}
.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: #37567d;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=text].disabled, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=text]:disabled {
  background: #f5f5f5 !important;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-cell.sbgrid-edit input[type=text] {
  color: #222222;
  border: 1px solid #487190;
  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: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #222222;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=number]:active, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=number]:focus {
  border-color: #37567d;
}
.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: #37567d;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-cell.sbgrid-edit input[type=number] {
  outline: auto;
  border: 1px solid #487190;
  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: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #222222;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-combobox:active, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-combobox:focus {
  border-color: #37567d;
}
.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: #37567d;
}
.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: #000;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-cell.sbgrid-edit .sbgrid-combobox {
  border: 1px solid #487190;
  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: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.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: #222222;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-combo-popup div.sbgrid-wrap-popup ul.sbgrid-popup-items li:hover {
  background: rgba(200, 233, 255, 0.2);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-combo-popup div.sbgrid-wrap-popup ul.sbgrid-popup-items li.sbgrid-combo-item-selected {
  background: #3e4f6c;
  color: #fff;
}
.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: #ffffff;
  border: 1px solid #d3d3d3;
  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: #487190;
  border: 1px solid #487190;
}
.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 #ffffff;
  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: #999999;
  border-radius: 3px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-combo-popup div.sbgrid-wrap-popup::-webkit-scrollbar-track {
  background-color: #e3e3e3;
  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-cell.sbgrid-edit textarea {
  border: 1px solid #487190;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-alternate {
  background-color: #fafafa;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-alternate.sbgrid-alternate-2 {
  background-color: #f0f0f0;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-alternate.sbgrid-alternate-3 {
  background-color: #e6e6e6;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row {
  box-sizing: border-box;
  color: #222222;
}
.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: #4f7bb2;
  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 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: #222222;
  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: rgba(255, 255, 255, 0.2);
}
.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 #37567d;
  background: #fff !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: #fff !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: rgba(174, 208, 255, 0.1843137255);
}
.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 #e5e5e5;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree > .sbgrid-cell.sbgrid-tree > .sbgrid-space:not(.sbgrid-last) {
  background-color: #fff;
}
.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 #e5e5e5;
}
.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 #e5e5e5;
  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: #f8f8f8;
}
.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 #e5e5e5;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-tree.sbgrid-row.sbgrid-sticky {
  background-color: #f9fbff;
  box-shadow: 1px 3px 5px rgba(62, 62, 62, 0.161);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-col.sbgrid-hidden {
  display: none;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-invalid > .sbgrid-indicator {
  border: 3px solid red;
  border-color: red transparent transparent red;
  left: 0;
  transition: 0.1s all;
  position: absolute;
  top: 0;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-invalid > .sbgrid-indicator:hover {
  border: 5px solid red;
  border-color: red transparent transparent red;
  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 #d4d4d4;
  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 #cecece;
  display: flex;
  align-items: center;
}
.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: #222222;
  /*tool - right*/
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel > .sbgrid-tools .sbgrid-tool input[type=button] {
  padding: 6px 10px;
  margin-right: 5px;
  background: #fefefe;
  border: 1px solid #e2e2e2;
  box-sizing: border-box;
  color: #222;
  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: #f6f6f6;
  transition: all 0.2s;
  border: 1px solid #c9c9c9;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel > .sbgrid-tools .sbgrid-tool .sbgrid-search-wrap {
  display: flex;
  align-items: center;
  border: 1px solid #e2e2e2;
  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: #222;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel > .sbgrid-tools .sbgrid-tool .sbgrid-grouping span.sbgrid-caption {
  color: #333;
  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: #efefef;
  border: 0;
  border-radius: 3px;
  color: #222222;
  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: #d6d6d6;
  transition: all 0.2s;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel > .sbgrid-tools .sbgrid-tool select {
  padding: 6px 10px;
  margin: 0 5px;
  background: #fefefe;
  border: 1px solid #e2e2e2;
  box-sizing: border-box;
  color: #222;
  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: #222;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel .sbgrid-row .sbgrid-sticky {
  background: #f9fbff; /*color: #222;*/
  z-index: 1;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel .sbgrid-row .sbgrid-sticky.sbgrid-selected {
  background: rgba(226, 243, 255, 0.4); /*color: #222;*/
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel .sbgrid-row .sbgrid-sticky.sbgrid-selecting {
  background: #ebf0f7;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel .sbgrid-row .sbgrid-sticky.sbgrid-merged.sbgrid-selecting {
  background: #ebf0f7;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel .sbgrid-row .sbgrid-sticky.sbgrid-merged.sbgrid-selected {
  background: rgba(226, 243, 255, 0.4);
}
.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: #222;
}
.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: #787878;
}
.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: #37567d;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools .sbgrid-icon.sbgrid-sort-default {
  color: #969696;
}
.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: #969696;
  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: #222;
  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 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-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: #ebf0f7;
}
.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 rgba(62, 62, 62, 0.161);
}
.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: #222;
  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 #cecece;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-scroll {
  border: 1px solid #cecece;
  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;
}
.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 #37567d;
  opacity: 0;
  z-index: 10;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator {
  border: 2px dotted #37567d;
  opacity: 1;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-left {
  border-left: 2px dotted #37567d;
  opacity: 1;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-right {
  border-right: 2px dotted #37567d;
  opacity: 1;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-reorder-indicator.sbgrid-row {
  position: absolute;
  border-top: 2px dotted #37567d;
  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 #37567d;
  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 #222;
  z-index: 10;
}
.sbgrid-grid.sbgrid-theme-a11y span.sbgrid-reorder-helper {
  border-left: 2px dotted #37567d;
  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: #ebebeb;
  border-radius: 30px;
  box-sizing: border-box;
  color: #222;
  cursor: pointer;
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-draggable-helper.sbgrid-col {
  display: inline-flex;
  align-items: center;
  height: 24px;
  background: #e0e0e0;
  padding: 6px 15px;
  border-radius: 30px;
  box-sizing: border-box;
  font-size: 12px;
  color: #222;
  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: #222;
  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: #fff;
  min-height: 30px;
  padding: 0 15px;
  box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.1);
  border-radius: 0;
  font-size: 12px;
  color: #222;
  border-radius: 5px;
  border: 1px solid #c7c7c7;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-draggable-helper.sbgrid-rowreorder .sbgrid-icon.sbgrid-rowreorder:before {
  color: #37567d;
  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: #d3d3d3;
  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: #fdfdfd;
  border: 1px solid #dadada;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.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: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #222222;
  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: #37567d;
}
.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: #37567d;
}
.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: #adadb2;
  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: #adadb2;
  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: #ffffff;
  margin: 0 5px;
  border: 1px solid #d3d3d3;
  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: #487190;
  border: 1px solid #487190;
}
.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 #ffffff;
  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: #eaeaea;
  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: #ffffff;
  border: 1px solid #d2d2d2;
  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 #37567d;
}
.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: #37567d;
  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: #222222;
}
.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 #dadada;
}
.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: #37567d;
  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: #273e5a;
  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: #efefef;
  border: 0;
  border-radius: 3px;
  color: #222222;
  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: #d6d6d6;
  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: #999999;
  border-radius: 3px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu .sbgrid-values > .sbgrid-value > ul::-webkit-scrollbar-track {
  background-color: #e3e3e3;
  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: #6b6f76;
  -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: #fdfdfd;
  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: #fdfdfd;
  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: #fdfdfd;
  border-radius: 5px;
  box-sizing: border-box;
  border: 1px solid #dadada;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.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: #222222;
}
.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 #e8e8e8;
}
.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: rgba(200, 233, 255, 0.2);
}
.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: #f8f8f8;
}
.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: #cecece;
}
.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: #777;
  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: #222222;
  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: #999999;
  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: #e3e3e3;
  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: #ffffff;
  border: 1px solid #d3d3d3;
  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: #ffffff;
  border: 1px solid #d3d3d3;
}
.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: #3d6d91;
  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 #dadada;
}
.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: #37567d;
  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: #273e5a;
  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: #efefef;
  border: 0;
  border-radius: 3px;
  color: #222222;
  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: #d6d6d6;
  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: #f8f8f8;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-footer.sbgrid-fixed > .sbgrid-col.sbgrid-rowno {
  background: #f8f8f8;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group .sbgrid-row {
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group .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: #555;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group .sbgrid-icon.sbgrid-open, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-group .sbgrid-icon.sbgrid-close {
  font-size: 14px;
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group.sbgrid-row.sbgrid-level-0 {
  background-color: #f0f8ff;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group.sbgrid-row.sbgrid-level-0 > .sbgrid-sticky {
  background-color: #f0f8ff;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group.sbgrid-row.sbgrid-level-1 {
  background-color: #f5f5dc;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group.sbgrid-row.sbgrid-level-1 > .sbgrid-sticky {
  background-color: #f5f5dc;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group.sbgrid-row.sbgrid-level-2 {
  background-color: #faebd7;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group.sbgrid-row.sbgrid-level-2 > .sbgrid-sticky {
  background-color: #faebd7;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group.sbgrid-indicator.sbgrid-level-0 {
  background-color: #f0f8ff;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group.sbgrid-indicator.sbgrid-level-1 {
  background-color: #f5f5dc;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group.sbgrid-indicator.sbgrid-level-2 {
  background-color: #faebd7;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group.sbgrid-title.sbgrid-level-0 {
  background-color: #f0f8ff;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group.sbgrid-title.sbgrid-level-1 {
  background-color: #f5f5dc;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group.sbgrid-title.sbgrid-level-2 {
  background-color: #faebd7;
}
.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-pager {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.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-pager .sbgrid-pager-combo {
  width: auto;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-pager .sbgrid-pager-combo .sbgrid-combobox {
  width: auto;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-pager .sbgrid-pager-combo .sbgrid-combobox .sbgrid-combo-inner {
  width: auto;
}
.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-pager .sbgrid-pager-combo .sbgrid-last {
  display: flex;
  margin: 0 3px;
}
.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-pager .sbgrid-page-size {
  display: flex;
  align-items: center;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-pager .sbgrid-page-size .sbgrid-text {
  margin-left: 5px;
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-pager.sbgrid-combo-popup.sbgrid-hidden {
  display: none;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-pager.sbgrid-combo-popup > .sbgrid-wrap-popup {
  width: 100%;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-disabled {
  color: #555 !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: #fff;
  text-align: center;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-checkbox.sbgrid-checked:before {
  content: "✓";
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-selected {
  background: rgba(226, 243, 255, 0.4);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-unselected {
  background-color: #fff;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-selecting {
  background: rgba(226, 243, 255, 0.4);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-focused {
  background-color: #fff;
  border: 3px dotted #37567d !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: rgba(200, 233, 255, 0.2);
  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 red;
  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 red;
  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 red;
  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 red;
  z-index: 1;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-fill-handle-top {
  border-top: 1px solid #37567d;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-fill-handle-left {
  border-left: 1px solid #37567d;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-fill-handle-bottom {
  border-bottom: 1px solid #37567d;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-fill-handle-right {
  border-right: 1px solid #37567d;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-fill-handle::after {
  content: "";
  border: 3px solid #37567d;
  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 #dbdbe2;
  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 #dbdbe2;
  outline: 0px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tooltip {
  position: relative;
  z-index: 5;
  padding: 5px 8px;
  background-color: #f8fbff;
  font-size: 12px;
  box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
  opacity: 0;
  border-radius: 3px;
  border: 1px solid #c1d4ed;
  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: #f8fbff;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tooltip:after {
  content: "";
  position: absolute;
  border-width: 5px;
  border-style: solid;
  border-color: #f8fbff;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tooltip .sbgrid-title {
  color: #084298;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tooltip[data-placement=top]:before {
  top: 100%;
  left: 50%;
  margin-top: 1px;
  margin-left: -5px;
  border-color: #c1d4ed transparent transparent transparent;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tooltip[data-placement=top]:after {
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-color: #f8fbff 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 #c1d4ed transparent;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tooltip[data-placement=bottom]:after {
  top: -10px;
  left: 50%;
  margin-left: -5px;
  border-color: transparent transparent #f8fbff 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 #c1d4ed transparent transparent;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tooltip[data-placement=right]:after {
  top: 50%;
  left: -10px;
  margin-top: -5px;
  border-color: transparent #f8fbff 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 #c1d4ed;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tooltip[data-placement=left]:after {
  top: 50%;
  right: -10px;
  margin-top: -5px;
  border-color: transparent transparent transparent #f8fbff;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tooltip.sbgrid-invalid {
  padding: 7px 10px;
  background: #ffffff;
  border: 1px solid #dbdbdb;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tooltip.sbgrid-invalid .sbgrid-title {
  color: #000;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tooltip.sbgrid-invalid:before {
  content: "";
  position: absolute;
  border-width: 5px;
  border-style: solid;
  border-color: #dbdbdb;
}
.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: #dbdbdb 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: #ffffff 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 #dbdbdb 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 #ffffff 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 #dbdbdb 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 #ffffff 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 #dbdbdb;
}
.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 #ffffff;
}
.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: rgba(255, 255, 255, 0.7);
  /*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 #37567d;
  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: #37567d;
  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: #37567d;
  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: #37567d;
  border-bottom-color: #37567d;
  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 #37567d, 13px 20px 0 rgba(0, 82, 236, 0.2), 13px 46px 0 rgba(0, 82, 236, 0.2), -13px 46px 0 rgba(0, 82, 236, 0.2);
  }
  25% {
    box-shadow: -13px 20px 0 rgba(0, 82, 236, 0.2), 13px 20px 0 #37567d, 13px 46px 0 rgba(0, 82, 236, 0.2), -13px 46px 0 rgba(0, 82, 236, 0.2);
  }
  50% {
    box-shadow: -13px 20px 0 rgba(0, 82, 236, 0.2), 13px 20px 0 rgba(0, 82, 236, 0.2), 13px 46px 0 #37567d, -13px 46px 0 rgba(0, 82, 236, 0.2);
  }
  75% {
    box-shadow: -13px 20px 0 rgba(0, 82, 236, 0.2), 13px 20px 0 rgba(0, 82, 236, 0.2), 13px 46px 0 rgba(0, 82, 236, 0.2), -13px 46px 0 #37567d;
  }
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-loading > .loader-wrap .loader04 {
  position: absolute;
  top: 50%;
  width: 10px;
  height: 48px;
  background: #37567d;
  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: #37567d;
  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 #37567d, 0 0 0 #37567d;
  }
  50% {
    box-shadow: 0 -13px 0 #37567d, 0 13px 0 #37567d;
  }
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-loading > .loader-wrap .loader04 {
  position: absolute;
  top: 50%;
  width: 10px;
  height: 48px;
  background: #37567d;
  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: #37567d;
  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 #37567d, 0 0 0 #37567d;
  }
  50% {
    box-shadow: 0 -13px 0 #37567d, 0 13px 0 #37567d;
  }
}
.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: #949494;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-a11y button.sbgrid-filter .sbgrid-filter.sbgrid-icon.sbgrid-filled {
  color: #949494;
}
.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: #f5f5f5;
  height: 40px;
  width: 284px;
  font-size: 12px;
  color: #000;
}
.sbgrid-grid.sbgrid-theme-a11y .search-result span.search-result-wrap .sbgrid-search {
  font-weight: bold;
  color: #000;
  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: #f5f5f5;
  padding: 30px 50px;
  border: 1px solid #e5e5e5;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-a11y .popup-text .popup-search-result-wrap .sbgrid-search {
  font-weight: bold;
  color: #000;
  padding: 0 10px;
  font-size: 15px;
}
.sbgrid-grid.sbgrid-theme-a11y .popup-text .popup-search-result-wrap .sbgrid-text {
  color: #000;
}
.sbgrid-grid.sbgrid-theme-a11y .popup-text .popup-text-result-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f5f5f5;
  padding: 2em 3em;
  border: 1px solid #e5e5e5;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
  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: #37567d;
  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: #e5e5e5;
  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: #000;
  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: #fdfdfd;
  border: 1px solid #dadada;
  border-radius: 5px;
  font-size: 12px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}
.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: #222222;
}
.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: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #222222;
  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: #37567d;
}
.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: #37567d;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-condition {
  margin: 10px 0;
  padding: 1em;
  background: #f5f5f5;
  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: #222222;
}
.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: #fff;
  margin: 0 5px;
  border: 1px solid #bebebe;
  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: #487190;
  border: 1px solid #487190;
}
.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 #fff;
  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 #dadada;
}
.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: #37567d;
  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: #273e5a;
  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: #efefef;
  border: 0;
  border-radius: 3px;
  color: #222222;
  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: #d6d6d6;
  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 #37567d;
  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: #37567d;
  font-size: 10px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator {
  border: 1px dashed #37567d;
  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 #37567d;
  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 #37567d;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-right {
  position: relative;
  border-right: 1px dashed #37567d;
  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 #37567d;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-bottom {
  position: relative;
  border-bottom: 1px dashed #37567d;
  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 #37567d;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-top {
  position: relative;
  border-top: 1px dashed #37567d;
  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 #37567d;
}
.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;
}

/*active*/
/*icon*/
/*sbgrid-bg*/
/*border*/
/*hover,focus,select*/
/*caption active*/
/*reorder*/
/*status*/
/*tool*/
/*caption*/
/*filter row*/
/*상단합계*/
/*하단합계*/
/*하단고정*/
/*col 관련*/
/*row 관련*/
/*moving*/
/*CRUD-cell*/
/*CRUD-row*/
/*fixed rowheader*/
/*sticky*/
/*indicator*/
/*resize*/
/*chk component active*/
/*radio*/
/*combo*/
/*inscroll*/
/*input*/
/*multitext floating*/
/*alternative*/
/*merge*/
/*loading*/
/*fixed thead*/
/*tree*/
/*text*/
/*group*/
/*drag*/
/*roworder*/
/*scroll*/
/*pager*/
/*total*/
/*filter*/
/*menu*/
/*component*/
/*tooltip*/
/*fix*/
/*disabled*/
/*popup*/
/*search popup*/
/*search-result*/
/*invalid*/
/*badge*/
/*edit mode*/
/*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);
}

/* ---------------------------------------- */
/*active*/
/*icon*/
/*sbgrid-bg*/
/*border*/
/*hover,focus,select*/
/*caption active*/
/*reorder*/
/*status*/
/*tool*/
/*caption*/
/*filter row*/
/*상단합계*/
/*하단합계*/
/*하단고정*/
/*col 관련*/
/*row 관련*/
/*moving*/
/*CRUD-cell*/
/*CRUD-row*/
/*fixed rowheader*/
/*sticky*/
/*indicator*/
/*resize*/
/*chk component active*/
/*radio*/
/*combo*/
/*inscroll*/
/*input*/
/*multitext floating*/
/*alternative*/
/*merge*/
/*loading*/
/*fixed thead*/
/*tree*/
/*text*/
/*group*/
/*drag*/
/*roworder*/
/*scroll*/
/*pager*/
/*total*/
/*filter*/
/*menu*/
/*component*/
/*tooltip*/
/*fix*/
/*disabled*/
/*popup*/
/*search popup*/
/*search-result*/
/*invalid*/
/*badge*/
/*edit mode*/
.sbgrid-grid.sbgrid-theme-dark {
  position: relative;
  /*active*/
  /*icon*/
  /*sbgrid-bg*/
  /*border*/
  /*hover,focus,select*/
  /*caption active*/
  /*reorder*/
  /*status*/
  /*tool*/
  /*caption*/
  /*filter row*/
  /*상단합계*/
  /*하단합계*/
  /*하단고정*/
  /*col 관련*/
  /*row 관련*/
  /*moving*/
  /*CRUD-cell*/
  /*CRUD-row*/
  /*fixed rowheader*/
  /*sticky*/
  /*indicator*/
  /*resize*/
  /*chk component active*/
  /*radio*/
  /*combo*/
  /*inscroll*/
  /*input*/
  /*multitext floating*/
  /*alternative*/
  /*merge*/
  /*loading*/
  /*fixed thead*/
  /*tree*/
  /*text*/
  /*group*/
  /*drag*/
  /*roworder*/
  /*scroll*/
  /*pager*/
  /*total*/
  /*filter*/
  /*menu*/
  /*component*/
  /*tooltip*/
  /*fix*/
  /*disabled*/
  /*popup*/
  /*search popup*/
  /*search-result*/
  /*invalid*/
  /*badge*/
  /*edit mode*/
  /*font size*/
  /*****style*****/
  /****************************/
  /*active*/
  /*icon*/
  /*sbgrid-bg*/
  /*border*/
  /*hover,focus,select*/
  /*caption active*/
  /*reorder*/
  /*status*/
  /*tool*/
  /*caption*/
  /*filter row*/
  /*상단합계*/
  /*하단합계*/
  /*하단고정*/
  /*col 관련*/
  /*row 관련*/
  /*moving*/
  /*CRUD-cell*/
  /*CRUD-row*/
  /*fixed rowheader*/
  /*sticky*/
  /*indicator*/
  /*resize*/
  /*chk component active*/
  /*radio*/
  /*combo*/
  /*inscroll*/
  /*input*/
  /*multitext floating*/
  /*alternative*/
  /*merge*/
  /*loading*/
  /*fixed thead*/
  /*tree*/
  /*text*/
  /*group*/
  /*drag*/
  /*roworder*/
  /*scroll*/
  /*pager*/
  /*total*/
  /*filter*/
  /*menu*/
  /*component*/
  /*tooltip*/
  /*fix*/
  /*disabled*/
  /*popup*/
  /*search popup*/
  /*search-result*/
  /*invalid*/
  /*badge*/
  /*row edit mode*/
  /*************************************/
  /*grid bg*/
  background: #212529;
  /*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: #555;
  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: #5db9ff;
  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: #5db9ff;
  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: #5db9ff;
}
.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: #5db9ff;
}
.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: #5db9ff;
  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: #5db9ff;
  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: #5db9ff;
  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: #37567d;
}
.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: #adadad;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-half:before {
  background: #3d72f9;
}
.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: #272c32;
  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: #fff;
  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: #fff;
}
.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: #5283ef;
}
.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: #999999;
}
.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: #293c6a;
  color: #ffffff;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-caption .sbgrid-thead {
  background: #343a40;
  border-bottom: 1px solid #505963;
}
.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 #505963;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-caption .sbgrid-thead .sbgrid-check .sbgrid-checkbox.sbgrid-checked {
  background: #1a1e21;
  border: 1px solid #1a1e21;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-caption .sbgrid-thead .sbgrid-check .sbgrid-checkbox.sbgrid-checked:before {
  color: #3d72f9;
}
.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 #505963;
}
.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: #343a40;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-scroll .sbgrid-scroll-body .sbgrid-panel.sbgrid-filter .sbgrid-row > .sbgrid-col {
  outline: 1px solid #505963;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll-body .sbgrid-panel.sbgrid-header {
  background: #343a40;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll-body .sbgrid-panel.sbgrid-header .sbgrid-area.sbgrid-thead {
  border-bottom: 1px solid #505963;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll-body .sbgrid-panel.sbgrid-header .sbgrid-area.sbgrid-thead .sbgrid-row .sbgrid-col {
  outline-color: #505963;
}
.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 #505963;
  background: #343a40;
}
.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 #505963;
}
.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 #343a40;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-pager {
  padding: 6px;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-pager .sbgrid-tools {
  flex: 1;
}
.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;
}
.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: #999999;
  width: 25px;
  height: 25px;
  font-size: 12px;
  text-align: center;
}
.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-pager .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-current a {
  background: #293c6a;
  color: #ffffff;
}
.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 #505963;
}
.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 #343a40;
}
.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: #373c40;
  border: 1px solid #373c40;
  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: #3d72f9;
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-tbody .sbgrid-checkboxgroup .sbgrid-checkbox {
  background: #373c40;
  border: 1px solid #373c40;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-tbody .sbgrid-checkboxgroup .sbgrid-checkbox.sbgrid-checked:before {
  color: #3d72f9;
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-thead .sbgrid-checkboxgroup .sbgrid-checkbox {
  background: #373c40;
  border: 1px solid #373c40;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-thead .sbgrid-checkboxgroup .sbgrid-checkbox.sbgrid-checked:before {
  color: #3d72f9;
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-tfoot .sbgrid-checkboxgroup .sbgrid-checkbox {
  background: #373c40;
  border: 1px solid #373c40;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-tfoot .sbgrid-checkboxgroup .sbgrid-checkbox.sbgrid-checked:before {
  color: #3d72f9;
  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: #1a1e21;
  border: 1px solid #1a1e21;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #fff;
  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: #3d72f9;
}
.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: #3d72f9;
}
.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: #adadb2;
  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: #adadb2;
  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: #fff;
  margin: 0 1px;
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  background: #1a1e21;
  border: 1px solid #1a1e21;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #fff;
  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: #3d72f9;
}
.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: #3d72f9;
}
.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: #adadb2;
  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: #adadb2;
  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 #505963;
  background: #212529;
}
.sbgrid-grid.sbgrid-theme-dark div.sbgrid-scrollv {
  overflow-x: hidden;
  grid-area: scrollv;
  border-left: 1px solid #505963;
  background: #212529;
}
.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: #505963;
}
.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: #212529;
}
.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: #505963;
  min-height: 5%;
  min-width: 8%;
  border-radius: 10px;
  border: 4px solid #212529;
  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: #707983;
}
.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: #212529;
  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: #181b1e;
  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: #fff;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-detail.sbgrid-hidden {
  display: none !important;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-moving {
  background: #181b1e;
  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: #d15757;
}
.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: #5957d1;
}
.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: #3fc987;
}
.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: rgba(209, 87, 87, 0.1);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-delete:before {
  color: #d15757;
}
@keyframes sbgrid-delete {
  0% {
    background-color: rgba(220, 127, 127, 0.1);
  }
  100% {
    background-color: rgba(209, 87, 87, 0.1);
  }
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-insert {
  animation: none;
  background-color: rgba(89, 87, 209, 0.1);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-insert:before {
  color: #5957d1;
}
@keyframes sbgrid-contentinsert {
  0% {
    background-color: rgba(129, 127, 220, 0.1);
  }
  100% {
    background-color: rgba(89, 87, 209, 0.1);
  }
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-update {
  animation: none;
  background-color: rgba(63, 201, 135, 0.1);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-update:before {
  color: #3fc987 !important;
}
@keyframes sbgrid-update {
  0% {
    background-color: rgba(103, 212, 160, 0.1);
  }
  100% {
    background-color: rgba(63, 201, 135, 0.1);
  }
}
.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: rgba(209, 87, 87, 0.1);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-alternate.sbgrid-delete:before {
  color: #d15757;
}
@keyframes sbgrid-delete {
  0% {
    background-color: rgba(220, 127, 127, 0.1);
  }
  100% {
    background-color: rgba(209, 87, 87, 0.1);
  }
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-alternate.sbgrid-insert {
  animation: none;
  background-color: rgba(89, 87, 209, 0.1);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-alternate.sbgrid-insert:before {
  color: #5957d1;
}
@keyframes sbgrid-contentinsert {
  0% {
    background-color: rgba(129, 127, 220, 0.1);
  }
  100% {
    background-color: rgba(89, 87, 209, 0.1);
  }
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-alternate.sbgrid-update {
  animation: none;
  background-color: rgba(63, 201, 135, 0.1);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-alternate.sbgrid-update:before {
  color: #3fc987 !important;
}
@keyframes sbgrid-update {
  0% {
    background-color: rgba(103, 212, 160, 0.1);
  }
  100% {
    background-color: rgba(63, 201, 135, 0.1);
  }
}
.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: #fff;
  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 #3d72f9 1px;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll .sbgrid-part.sbgrid-tail > .sbgrig-scroll {
  border-left: solid #bebebe 1px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll .sbgrid-part.sbgrid-tail.sbgrid-frozen {
  border-left: dotted #3d72f9 1px;
  box-sizing: border-box;
  margin-left: auto;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll .sbgrid-row.sbgrid-sticky {
  position: relative;
  background-color: #29323a;
  box-shadow: 1px 3px 5px rgba(62, 62, 62, 0.161);
}
.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: rgba(61, 114, 249, 0.1) !important;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll .sbgrid-row.sbgrid-caption .sbgrid-col.sbgrid-sticky.sbgrid-focused {
  background: rgba(61, 114, 249, 0.1) !important;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-scroll .sbgrid-row .sbgrid-col.sbgrid-selected.sbgrid-sticky {
  background: rgba(61, 114, 249, 0.1) !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: #fff;
  background-color: #6c757d !important;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}
.sbgrid-grid.sbgrid-theme-dark span.badge a {
  color: #fff;
}
.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: #373c40;
  border: 1px solid #373c40;
  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: #373c40;
  border: 1px solid #373c40;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-check .sbgrid-checkbox.sbgrid-checked:before {
  content: "\e938";
  color: #3d72f9;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-caption .sbgrid-check .sbgrid-checkbox {
  background: #1a1e21;
}
.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: none;
  border: 1px solid #505963;
  border-radius: 50%;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-radio.sbgrid-checked:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: none;
  border: 1px solid #3d72f9;
  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: #3d72f9;
  border-radius: 50%;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-cell.sbgrid-edit .sbgrid-radio:before {
  border: 1px solid #505963;
  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 #3d72f9;
}
.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: #1a1e21;
  border: 1px solid #1a1e21;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #fff;
}
.sbgrid-grid.sbgrid-theme-dark input[type=number]:active, .sbgrid-grid.sbgrid-theme-dark input[type=number]:focus {
  border-color: #3d72f9;
}
.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: #3d72f9;
}
.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: #484e55;
  border: 0;
  border-radius: 3px;
  color: #fff;
  font-family: inherit;
  font-size: 12px;
  transition: all 0.2s;
  cursor: pointer;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-command input[type=button]:hover {
  background: #313539;
  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: #484e55;
  border: 0;
  border-radius: 3px;
  color: #fff;
  font-family: inherit;
  font-size: 12px;
  transition: all 0.2s;
  cursor: pointer;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-custom > button:hover {
  background: #313539;
  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: #1a1e21;
  border: 1px solid #1a1e21;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #fff;
  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: #3d72f9;
}
.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: #3d72f9;
}
.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: #fff;
  background: #1a1e21;
  scale: 1.2;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-edit {
  background: #343a40;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-cell.sbgrid-edit input[type=date],
.sbgrid-grid.sbgrid-theme-dark .sbgrid-cell.sbgrid-edit input[type=month] {
  border: 1px solid #373c40;
  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: #1a1e21;
  border: 1px solid #1a1e21;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #fff;
  height: auto;
  resize: none;
}
.sbgrid-grid.sbgrid-theme-dark textarea:active, .sbgrid-grid.sbgrid-theme-dark textarea:focus {
  border-color: #3d72f9;
}
.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: #3d72f9;
}
.sbgrid-grid.sbgrid-theme-dark input[type=text] {
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  background: #1a1e21;
  border: 1px solid #1a1e21;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #fff;
}
.sbgrid-grid.sbgrid-theme-dark input[type=text]:active, .sbgrid-grid.sbgrid-theme-dark input[type=text]:focus {
  border-color: #3d72f9;
}
.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: #3d72f9;
}
.sbgrid-grid.sbgrid-theme-dark input[type=text].disabled, .sbgrid-grid.sbgrid-theme-dark input[type=text]:disabled {
  background: #2b3035 !important;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-cell.sbgrid-edit input[type=text] {
  color: #fff;
  border: 1px solid #373c40;
  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: #1a1e21;
  border: 1px solid #1a1e21;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #fff;
}
.sbgrid-grid.sbgrid-theme-dark input[type=number]:active, .sbgrid-grid.sbgrid-theme-dark input[type=number]:focus {
  border-color: #3d72f9;
}
.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: #3d72f9;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-cell.sbgrid-edit input[type=number] {
  border: 1px solid #373c40;
  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: #1a1e21;
  border: 1px solid #1a1e21;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #fff;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-combobox:active, .sbgrid-grid.sbgrid-theme-dark .sbgrid-combobox:focus {
  border-color: #3d72f9;
}
.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: #3d72f9;
}
.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: #fff;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-cell.sbgrid-edit .sbgrid-combobox {
  border: 1px solid #373c40;
  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: #1a1e21;
  border: 1px solid #494e53;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.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: #fff;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-combo-popup div.sbgrid-wrap-popup ul.sbgrid-popup-items li:hover {
  background: rgba(187, 211, 247, 0.1);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-combo-popup div.sbgrid-wrap-popup ul.sbgrid-popup-items li.sbgrid-combo-item-selected {
  background: #3e4f6c;
  color: #fff;
}
.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: #999999;
  border-radius: 3px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-combo-popup div.sbgrid-wrap-popup::-webkit-scrollbar-track {
  background-color: #e3e3e3;
  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-cell.sbgrid-edit textarea {
  border: 1px solid #373c40;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-alternate {
  background-color: #1d2124;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-alternate.sbgrid-alternate-2 {
  background-color: #1a1d20;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-alternate.sbgrid-alternate-3 {
  background-color: #16181a;
}
.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: #87a8fb;
  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: #fff;
  line-height: normal;
  display: grid;
}
.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: #fff;
  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: rgba(34, 38, 42, 0.6);
}
.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 #3d72f9;
  background: rgba(33, 148, 242, 0.078) !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: rgba(33, 148, 242, 0.078) !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: #3d72f9;
  margin-bottom: -1px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-caption > .sbgrid-col.reorderable {
  background-color: rgba(174, 208, 255, 0.1843137255);
}
.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 #343a40;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree > .sbgrid-cell.sbgrid-tree > .sbgrid-space:not(.sbgrid-last) {
  background-color: inherit;
}
.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 #343a40;
}
.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 #343a40;
  padding-inline: 6px;
  color: #fff;
}
.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: #fff;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-tree.sbgrid-footer {
  background: #f8f8f8;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-tree.sbgrid-footer > .sbgrid-col > .sbgrid-cell {
  color: #fff;
}
.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 #343a40;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-tree.sbgrid-row.sbgrid-sticky {
  background-color: #29323a;
  box-shadow: 1px 3px 5px rgba(62, 62, 62, 0.161);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-col.sbgrid-hidden {
  display: none;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-invalid > .sbgrid-indicator {
  border: 3px solid red;
  border-color: red transparent transparent red;
  left: 0;
  transition: 0.1s all;
  position: absolute;
  top: 0;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-invalid > .sbgrid-indicator:hover {
  border: 5px solid red;
  border-color: red transparent transparent red;
  transition: 0.1s all;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-column .sbgrid-icon.sbgrid-menu {
  /*float:right;*/
  color: #adadad;
}
.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 #d4d4d4;
  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 #505963;
  display: flex;
  align-items: center;
}
.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: #fff;
  /*tool - right*/
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel > .sbgrid-tools .sbgrid-tool input[type=button] {
  padding: 6px 10px;
  margin-right: 5px;
  background: #343a40;
  border: 1px solid #6c757d;
  box-sizing: border-box;
  color: #fff;
  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: #2d3238;
  transition: all 0.2s;
  border: 1px solid #545b62;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel > .sbgrid-tools .sbgrid-tool .sbgrid-search-wrap {
  display: flex;
  align-items: center;
  border: 1px solid #6c757d;
  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: #ffffff;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel > .sbgrid-tools .sbgrid-tool .sbgrid-grouping span.sbgrid-caption {
  color: #fff;
  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: #484e55;
  border: 0;
  border-radius: 3px;
  color: #fff;
  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: #313539;
  transition: all 0.2s;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel > .sbgrid-tools .sbgrid-tool select {
  padding: 6px 10px;
  margin: 0 5px;
  background: #343a40;
  border: 1px solid #6c757d;
  box-sizing: border-box;
  color: #fff;
  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: #fff;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel .sbgrid-row .sbgrid-sticky {
  background: #29323a; /*color: #222;*/
  z-index: 1;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel .sbgrid-row .sbgrid-sticky.sbgrid-selected {
  background: rgba(61, 114, 249, 0.1); /*color: #222;*/
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel .sbgrid-row .sbgrid-sticky.sbgrid-selecting {
  background: rgba(61, 114, 249, 0.1);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel .sbgrid-row .sbgrid-sticky.sbgrid-merged.sbgrid-selecting {
  background: rgba(61, 114, 249, 0.1);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel .sbgrid-row .sbgrid-sticky.sbgrid-merged.sbgrid-selected {
  background: rgba(61, 114, 249, 0.1);
}
.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: #ffffff;
}
.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: #3d72f9;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools .sbgrid-icon.sbgrid-sort-default {
  color: #969696;
}
.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: #969696;
  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: #ffffff;
  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 #343a40;
}
.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: rgba(61, 114, 249, 0.1);
}
.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 rgba(62, 62, 62, 0.161);
}
.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: #ffffff;
  text-shadow: 0.5px 0;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-tool {
  padding: 6px;
  border-bottom: 1px solid #505963;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-scroll {
  border: 1px solid #505963;
  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;
}
.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 #3d72f9;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-reorder-indicator.sbgrid-col {
  position: absolute;
  width: 1px;
  border-left: 3px dotted #3d72f9;
  opacity: 0;
  z-index: 10;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-reorder-indicator.sbgrid-row {
  position: absolute;
  border-top: 2px dotted #3d72f9;
  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 #3d72f9;
  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 #222;
  z-index: 10;
}
.sbgrid-grid.sbgrid-theme-dark span.sbgrid-reorder-helper {
  border-left: 2px dotted #3d72f9;
  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: #1b1f23;
  border-radius: 30px;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-draggable-helper.sbgrid-col {
  display: inline-flex;
  align-items: center;
  height: 24px;
  background: #1b1f23;
  padding: 6px 15px;
  border-radius: 30px;
  box-sizing: border-box;
  font-size: 12px;
  color: #fff;
  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: #fff;
  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: #424a52;
  min-height: 30px;
  padding: 0 15px;
  box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.1);
  border-radius: 0;
  font-size: 12px;
  color: #fff;
  border-radius: 5px;
  border: 1px solid #545b63;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-draggable-helper.sbgrid-rowreorder .sbgrid-icon.sbgrid-rowreorder:before {
  color: #3d72f9;
  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: #889099;
  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: #343a40;
  border: 1px solid #505963;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.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: #1a1e21;
  border: 1px solid #1a1e21;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #fff;
  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: #3d72f9;
}
.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: #3d72f9;
}
.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: #adadb2;
  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: #adadb2;
  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: #1a1e21;
  margin: 0 5px;
  border: 1px solid #1a1e21;
  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: #1a1e21;
  border: 1px solid #373c40;
}
.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: #252a2f;
  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: #1a1e21;
  border: 1px solid #d2d2d2;
  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 #3d72f9;
}
.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: #3d72f9;
  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: #fff;
}
.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 #505963;
}
.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: #3d72f9;
  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: #0c4ef7;
  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: #484e55;
  border: 0;
  border-radius: 3px;
  color: #fff;
  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: #313539;
  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: #505963;
  border-radius: 3px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-filter.sbgrid-menu .sbgrid-values > .sbgrid-value > ul::-webkit-scrollbar-track {
  background-color: #212529;
  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: #959ea9;
  -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: #23282c;
  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: #23282c;
  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: #23282c;
  border-radius: 5px;
  box-sizing: border-box;
  border: 1px solid #505963;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.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: #fff;
}
.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 #505963;
}
.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: rgba(187, 211, 247, 0.1);
}
.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: none;
}
.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: rgba(255, 255, 255, 0.3);
}
.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: #adadad;
}
.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: #fff;
  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: #fff;
  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: #505963;
  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: #212529;
  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: #373c40;
  border: 1px solid #1a1e21;
  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: #373c40;
  border: 1px solid #1a1e21;
}
.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: #3d72f9;
  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 #505963;
}
.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: #3d72f9;
  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: #0c4ef7;
  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: #484e55;
  border: 0;
  border-radius: 3px;
  color: #fff;
  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: #313539;
  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: #292d32;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-row.sbgrid-footer.sbgrid-fixed > .sbgrid-col.sbgrid-rowno {
  background: #292d32;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group .sbgrid-row {
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group .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: #555;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group .sbgrid-icon.sbgrid-open, .sbgrid-grid.sbgrid-theme-dark .sbgrid-group .sbgrid-icon.sbgrid-close {
  font-size: 14px;
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group.sbgrid-row.sbgrid-level-0 {
  background-color: #131415;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group.sbgrid-row.sbgrid-level-0 > .sbgrid-sticky {
  background-color: #131415;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group.sbgrid-row.sbgrid-level-1 {
  background-color: #1a1c1f;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group.sbgrid-row.sbgrid-level-1 > .sbgrid-sticky {
  background-color: #1a1c1f;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group.sbgrid-row.sbgrid-level-2 {
  background-color: #242929;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group.sbgrid-row.sbgrid-level-2 > .sbgrid-sticky {
  background-color: #242929;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group.sbgrid-indicator.sbgrid-level-0 {
  background-color: #131415;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group.sbgrid-indicator.sbgrid-level-1 {
  background-color: #1a1c1f;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group.sbgrid-indicator.sbgrid-level-2 {
  background-color: #242929;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group.sbgrid-title.sbgrid-level-0 {
  background-color: #131415;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group.sbgrid-title.sbgrid-level-1 {
  background-color: #1a1c1f;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-group.sbgrid-title.sbgrid-level-2 {
  background-color: #242929;
}
.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-pager {
  display: flex;
  align-items: center;
}
.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-pager .sbgrid-pager-combo {
  width: auto;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-pager .sbgrid-pager-combo .sbgrid-combobox {
  width: auto;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-pager .sbgrid-pager-combo .sbgrid-combobox .sbgrid-combo-inner {
  width: auto;
}
.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-pager .sbgrid-pager-combo .sbgrid-last {
  display: flex;
  margin: 0 3px;
}
.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-pager .sbgrid-page-size {
  display: flex;
  align-items: center;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-pager .sbgrid-page-size .sbgrid-text {
  margin-left: 5px;
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-pager.sbgrid-combo-popup.sbgrid-hidden {
  display: none;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-pager.sbgrid-combo-popup > .sbgrid-wrap-popup {
  width: 100%;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-disabled {
  color: rgba(33, 37, 41, 0.2) !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: #fff;
  text-align: center;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-checkbox.sbgrid-checked:before {
  content: "✓";
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-selected {
  background: rgba(61, 114, 249, 0.1);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-unselected {
  background-color: inherit;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-selecting {
  background: rgba(61, 114, 249, 0.1);
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-focused {
  background-color: rgba(81, 143, 255, 0.15);
}
.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: rgba(187, 211, 247, 0.1);
  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 red;
}
.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 red;
}
.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 red;
}
.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 red;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-fill-handle-top {
  border-top: 1px solid #3d72f9;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-fill-handle-left {
  border-left: 1px solid #3d72f9;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-fill-handle-bottom {
  border-bottom: 1px solid #3d72f9;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-fill-handle-right {
  border-right: 1px solid #3d72f9;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-fill-handle::after {
  content: "";
  border: 3px solid #3d72f9;
  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 #343a40;
  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 #343a40;
  outline: 0px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tooltip {
  position: relative;
  z-index: 5;
  padding: 5px 8px;
  background-color: #405265;
  font-size: 12px;
  box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
  opacity: 0;
  border-radius: 3px;
  border: 1px solid #405265;
  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: #405265;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tooltip:after {
  content: "";
  position: absolute;
  border-width: 5px;
  border-style: solid;
  border-color: #405265;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tooltip .sbgrid-title {
  color: #fff;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tooltip[data-placement=top]:before {
  top: 100%;
  left: 50%;
  margin-top: 1px;
  margin-left: -5px;
  border-color: #405265 transparent transparent transparent;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tooltip[data-placement=top]:after {
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-color: #405265 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 #405265 transparent;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tooltip[data-placement=bottom]:after {
  top: -10px;
  left: 50%;
  margin-left: -5px;
  border-color: transparent transparent #405265 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 #405265 transparent transparent;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tooltip[data-placement=right]:after {
  top: 50%;
  left: -10px;
  margin-top: -5px;
  border-color: transparent #405265 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 #405265;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tooltip[data-placement=left]:after {
  top: 50%;
  right: -10px;
  margin-top: -5px;
  border-color: transparent transparent transparent #405265;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tooltip.sbgrid-invalid {
  padding: 7px 10px;
  background: #ffffff;
  border: 1px solid #dbdbdb;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tooltip.sbgrid-invalid .sbgrid-title {
  color: #000;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-tooltip.sbgrid-invalid:before {
  content: "";
  position: absolute;
  border-width: 5px;
  border-style: solid;
  border-color: #dbdbdb;
}
.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: #dbdbdb 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: #ffffff 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 #dbdbdb 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 #ffffff 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 #dbdbdb 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 #ffffff 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 #dbdbdb;
}
.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 #ffffff;
}
.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: rgba(255, 255, 255, 0.7);
  /*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 #3d72f9;
  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: #3d72f9;
  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: #3d72f9;
  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: #3d72f9;
  border-bottom-color: #3d72f9;
  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 #3d72f9, 13px 20px 0 rgba(0, 82, 236, 0.2), 13px 46px 0 rgba(0, 82, 236, 0.2), -13px 46px 0 rgba(0, 82, 236, 0.2);
  }
  25% {
    box-shadow: -13px 20px 0 rgba(0, 82, 236, 0.2), 13px 20px 0 #3d72f9, 13px 46px 0 rgba(0, 82, 236, 0.2), -13px 46px 0 rgba(0, 82, 236, 0.2);
  }
  50% {
    box-shadow: -13px 20px 0 rgba(0, 82, 236, 0.2), 13px 20px 0 rgba(0, 82, 236, 0.2), 13px 46px 0 #3d72f9, -13px 46px 0 rgba(0, 82, 236, 0.2);
  }
  75% {
    box-shadow: -13px 20px 0 rgba(0, 82, 236, 0.2), 13px 20px 0 rgba(0, 82, 236, 0.2), 13px 46px 0 rgba(0, 82, 236, 0.2), -13px 46px 0 #3d72f9;
  }
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-loading > .loader-wrap .loader04 {
  position: absolute;
  top: 50%;
  width: 10px;
  height: 48px;
  background: #3d72f9;
  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: #3d72f9;
  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 #3d72f9, 0 0 0 #3d72f9;
  }
  50% {
    box-shadow: 0 -13px 0 #3d72f9, 0 13px 0 #3d72f9;
  }
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-loading > .loader-wrap .loader04 {
  position: absolute;
  top: 50%;
  width: 10px;
  height: 48px;
  background: #3d72f9;
  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: #3d72f9;
  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 #3d72f9, 0 0 0 #3d72f9;
  }
  50% {
    box-shadow: 0 -13px 0 #3d72f9, 0 13px 0 #3d72f9;
  }
}
.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: #949494;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-dark button.sbgrid-filter .sbgrid-filter.sbgrid-icon.sbgrid-filled {
  color: #949494;
}
.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: #191c1e;
  height: 40px;
  width: 284px;
  font-size: 12px;
  color: #fff;
}
.sbgrid-grid.sbgrid-theme-dark .search-result span.search-result-wrap .sbgrid-search {
  font-weight: bold;
  color: #fff;
  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: #191c1e;
  padding: 30px 50px;
  border: 1px solid #e5e5e5;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-dark .popup-text .popup-search-result-wrap .sbgrid-search {
  font-weight: bold;
  color: #fff;
  padding: 0 10px;
  font-size: 15px;
}
.sbgrid-grid.sbgrid-theme-dark .popup-text .popup-search-result-wrap .sbgrid-text {
  color: #fff;
}
.sbgrid-grid.sbgrid-theme-dark .popup-text .popup-text-result-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #191c1e;
  padding: 2em 3em;
  border: 1px solid #e5e5e5;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
  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: #3d72f9;
  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: #e5e5e5;
  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: #fff;
  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: #343a40;
  border: 1px solid #505963;
  border-radius: 5px;
  font-size: 12px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}
.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: #fff;
}
.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: #1a1e21;
  border: 1px solid #1a1e21;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #fff;
  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: #3d72f9;
}
.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: #3d72f9;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-condition {
  margin: 10px 0;
  padding: 1em;
  background: #23282d;
  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: #fff;
}
.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: #373c40;
  margin: 0 5px;
  border: 1px solid #373c40;
  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: #373c40;
  border: 1px solid #373c40;
}
.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 #3d72f9;
  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 #505963;
}
.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: #3d72f9;
  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: #0c4ef7;
  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: #484e55;
  border: 0;
  border-radius: 3px;
  color: #fff;
  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: #313539;
  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: #181b1e;
  border: 1px dotted #3d72f9;
  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: #ffffff;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-draggable-helper > div .sbgrid-icon {
  color: #3d72f9;
  font-size: 10px;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator {
  border: 1px dashed #3d72f9;
  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 #3d72f9;
  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 #3d72f9;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-right {
  position: relative;
  border-right: 1px dashed #3d72f9;
  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 #3d72f9;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-bottom {
  position: relative;
  border-bottom: 1px dashed #3d72f9;
  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 #3d72f9;
}
.sbgrid-grid.sbgrid-theme-dark .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-top {
  position: relative;
  border-top: 1px dashed #3d72f9;
  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 #3d72f9;
}

.sbgrid-grid.sbgrid-theme-bootstrap {
  position: relative;
  border-radius: 10px;
  /*active*/
  /*icon*/
  /*sbgrid-bg*/
  /*border*/
  /*hover,focus,select*/
  /*caption active*/
  /*reorder*/
  /*status*/
  /*tool*/
  /*caption*/
  /*filter row*/
  /*상단합계*/
  /*하단합계*/
  /*하단고정*/
  /*col 관련*/
  /*row 관련*/
  /*moving*/
  /*CRUD-cell*/
  /*CRUD-row*/
  /*fixed rowheader*/
  /*sticky*/
  /*indicator*/
  /*resize*/
  /*chk component active*/
  /*radio*/
  /*combo*/
  /*inscroll*/
  /*input*/
  /*multitext floating*/
  /*alternative*/
  /*merge*/
  /*loading*/
  /*fixed thead*/
  /*tree*/
  /*text*/
  /*group*/
  /*drag*/
  /*roworder*/
  /*scroll*/
  /*pager*/
  /*total*/
  /*filter*/
  /*menu*/
  /*component*/
  /*tooltip*/
  /*fix*/
  /*disabled*/
  /*popup*/
  /*search popup*/
  /*search-result*/
  /*invalid*/
  /*badge*/
  /*edit mode*/
  /*font size*/
  /*****style*****/
  /****************************/
  /*active*/
  /*icon*/
  /*sbgrid-bg*/
  /*border*/
  /*hover,focus,select*/
  /*caption active*/
  /*reorder*/
  /*status*/
  /*title*/
  /*tool*/
  /*filter row*/
  /*상단합계*/
  /*하단합계*/
  /*하단고정*/
  /*col 관련*/
  /*row 관련*/
  /*moving*/
  /*CRUD-cell*/
  /*CRUD-row*/
  /*fixed rowheader*/
  /*sticky*/
  /*indicator*/
  /*resize*/
  /*chk component active*/
  /*radio*/
  /*combo*/
  /*inscroll*/
  /*input*/
  /*multitext floating*/
  /*alternative*/
  /*merge*/
  /*loading*/
  /*fixed thead*/
  /*tree*/
  /*text*/
  /*group*/
  /*drag*/
  /*roworder*/
  /*scroll*/
  /*pager*/
  /*total*/
  /*filter*/
  /*menu*/
  /*component*/
  /*tooltip*/
  /*fix*/
  /*disabled*/
  /*popup*/
  /*search popup*/
  /*search-result*/
  /*invalid*/
  /*badge*/
  /*edit mode*/
  /*************************************/
  /*grid bg*/
  background: #fff;
  /*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: #555;
  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: #5db9ff;
  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: #5db9ff;
  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: #5db9ff;
}
.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: #5db9ff;
}
.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: #5db9ff;
  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: #5db9ff;
  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: #5db9ff;
  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: #37567d;
}
.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: #0a2156;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-half:before {
  background: #3d72f9;
}
.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: #f1f3f5;
  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: #222;
  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: #222;
}
.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: #7e8a9b;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-group .sbgrid-align .sbgrid-group.sbgrid-item span.sbgrid-sort i {
  font-size: 13px;
  color: #5283ef;
}
.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: #3d72f9;
}
.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: #222222;
}
.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-current a {
  font-weight: bold;
  background: #ccd7e9;
  color: #0a2156;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-caption .sbgrid-thead {
  background: #f1f3f5;
  border-bottom: 1px solid #cecece;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-caption .sbgrid-thead .sbgrid-icon {
  color: #0a2156;
}
.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-check .sbgrid-checkbox.sbgrid-checked {
  background: #3d72f9;
  border: 1px solid #3d72f9;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-caption .sbgrid-thead .sbgrid-check .sbgrid-checkbox.sbgrid-checked:before {
  color: #fff;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-caption .sbgrid-thead .sbgrid-icon.sbgrid-sort:after, .sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-caption .sbgrid-thead .sbgrid-icon.sbgrid-sort:before {
  color: #b1bed0;
}
.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: #3d72f9;
}
.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 #d0d9f0;
}
.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: #f1f3f5;
  border-bottom: 1px solid #cacfdb;
}
.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: #3d72f9;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll-body .sbgrid-panel.sbgrid-header {
  background: #fcfcfc;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll-body .sbgrid-panel.sbgrid-header .sbgrid-area.sbgrid-thead {
  border-bottom: 1px solid #cacfdb;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll-body .sbgrid-panel.sbgrid-header .sbgrid-area.sbgrid-thead .sbgrid-row .sbgrid-col {
  outline-color: #ebeff5;
  outline: 1px solid #ebeff5;
}
.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 #d0d0d0;
  background: #fcfcfc;
}
.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 #ebeff5;
}
.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 #3d72f9 !important;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row > .sbgrid-col.sbgrid-selected.sbgrid-fill-handle-bottom {
  border-bottom: 1px solid #3d72f9 !important;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-pager {
  padding: 6px;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-pager .sbgrid-tools {
  flex: 1;
}
.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;
}
.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: #222222;
  width: 25px;
  height: 25px;
  font-size: 12px;
  text-align: center;
}
.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-pager .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-current a {
  background: #ccd7e9;
  color: #0a2156;
}
.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: #f1f3f5;
  border-bottom: 1px solid #cacfdb;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-tool {
  background: #f1f3f5;
}
.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 #ebeff5;
}
.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 #e5e5e5;
}
.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: #ffffff;
  border: 1px solid #9ab7ff;
  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: #3d72f9;
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-tbody .sbgrid-checkboxgroup .sbgrid-checkbox {
  background: #ffffff;
  border: 1px solid #d3d3d3;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-tbody .sbgrid-checkboxgroup .sbgrid-checkbox.sbgrid-checked:before {
  color: #3d72f9;
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-thead .sbgrid-checkboxgroup .sbgrid-checkbox {
  background: #ffffff;
  border: 1px solid #d3d3d3;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-thead .sbgrid-checkboxgroup .sbgrid-checkbox.sbgrid-checked:before {
  color: #3d72f9;
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-tfoot .sbgrid-checkboxgroup .sbgrid-checkbox {
  background: #ffffff;
  border: 1px solid #d3d3d3;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-tfoot .sbgrid-checkboxgroup .sbgrid-checkbox.sbgrid-checked:before {
  color: #3d72f9;
  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: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #222222;
  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: #2c4275;
}
.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: #2c4275;
}
.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: #adadb2;
  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: #adadb2;
  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: #222222;
  margin: 0 1px;
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  background: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #222222;
  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: #2c4275;
}
.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: #2c4275;
}
.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: #adadb2;
  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: #adadb2;
  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 #cecece;
  background: #fcfcfc;
}
.sbgrid-grid.sbgrid-theme-bootstrap div.sbgrid-scrollv {
  overflow-x: hidden;
  grid-area: scrollv;
  border-left: 1px solid #cecece;
  background: #fcfcfc;
}
.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: #bac1ca;
}
.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: #fcfcfc;
}
.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: #bac1ca;
  min-height: 5%;
  min-width: 8%;
  border-radius: 10px;
  border: 4px solid #fcfcfc;
  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: #9ca7b4;
}
.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: #fcfcfc;
  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: #222222;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-detail.sbgrid-hidden {
  display: none !important;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-moving {
  background: #f8f8f8;
  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: #d15757;
}
.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: #5957d1;
}
.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: #3fc987;
}
.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: #3d72f9 !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: #3d72f9 !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: #fff6f6;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-delete:before {
  color: #d15757;
}
@keyframes sbgrid-delete {
  0% {
    background-color: white;
  }
  100% {
    background-color: #fff6f6;
  }
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-insert {
  animation: none;
  background-color: #f6f9ff;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-insert:before {
  color: #5957d1;
}
@keyframes sbgrid-contentinsert {
  0% {
    background-color: white;
  }
  100% {
    background-color: #f6f9ff;
  }
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-update {
  animation: none;
  background-color: #f6fffd;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-update:before {
  color: #3fc987 !important;
}
@keyframes sbgrid-update {
  0% {
    background-color: white;
  }
  100% {
    background-color: #f6fffd;
  }
}
.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: #fff6f6;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-alternate.sbgrid-delete:before {
  color: #d15757;
}
@keyframes sbgrid-delete {
  0% {
    background-color: white;
  }
  100% {
    background-color: #fff6f6;
  }
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-alternate.sbgrid-insert {
  animation: none;
  background-color: #f6f9ff;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-alternate.sbgrid-insert:before {
  color: #5957d1;
}
@keyframes sbgrid-contentinsert {
  0% {
    background-color: white;
  }
  100% {
    background-color: #f6f9ff;
  }
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-alternate.sbgrid-update {
  animation: none;
  background-color: #f6fffd;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-alternate.sbgrid-update:before {
  color: #3fc987 !important;
}
@keyframes sbgrid-update {
  0% {
    background-color: white;
  }
  100% {
    background-color: #f6fffd;
  }
}
.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: #fff;
  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 #3d72f9 1px;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll .sbgrid-part.sbgrid-tail > .sbgrig-scroll {
  border-left: solid #bebebe 1px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll .sbgrid-part.sbgrid-tail.sbgrid-frozen {
  border-left: dotted #3d72f9 1px;
  box-sizing: border-box;
  margin-left: auto;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll .sbgrid-row.sbgrid-sticky {
  position: relative;
  background-color: #ebeffa;
  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: #ecf4ff !important;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll .sbgrid-row.sbgrid-caption .sbgrid-col.sbgrid-sticky.sbgrid-focused {
  background: #ecf4ff !important;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-scroll .sbgrid-row .sbgrid-col.sbgrid-selected.sbgrid-sticky {
  background: #ecf4ff !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: #fff;
  background-color: #6c757d !important;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}
.sbgrid-grid.sbgrid-theme-bootstrap span.badge a {
  color: #fff;
}
.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: #ffffff;
  border: 1px solid #d3d3d3;
  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: #3d72f9;
  border: 1px solid #3d72f9;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-check .sbgrid-checkbox.sbgrid-checked:before {
  content: "\e938";
  color: #3d72f9;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-caption .sbgrid-check .sbgrid-checkbox {
  background: #ffffff;
}
.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: #ffffff;
  border: 1px solid #9ab7ff;
  border-radius: 50%;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-radio.sbgrid-checked:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #ffffff;
  border: 1px solid #2c4275;
  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: #3d72f9;
  border-radius: 50%;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-cell.sbgrid-edit .sbgrid-radio:before {
  border: 1px solid #9ab7ff;
  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 #3d72f9;
}
.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: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #222222;
}
.sbgrid-grid.sbgrid-theme-bootstrap input[type=number]:active, .sbgrid-grid.sbgrid-theme-bootstrap input[type=number]:focus {
  border-color: #2c4275;
}
.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: #2c4275;
}
.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: #efefef;
  border: 0;
  border-radius: 3px;
  color: #222222;
  font-family: inherit;
  font-size: 12px;
  transition: all 0.2s;
  cursor: pointer;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-command input[type=button]:hover {
  background: #d6d6d6;
  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: #efefef;
  border: 0;
  border-radius: 3px;
  color: #222222;
  font-family: inherit;
  font-size: 12px;
  transition: all 0.2s;
  cursor: pointer;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-custom > button:hover {
  background: #d6d6d6;
  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: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #222222;
  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: #2c4275;
}
.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: #2c4275;
}
.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: #333333;
  background: #ffffff;
  scale: 1.2;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-edit {
  background: #eefff7;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-cell.sbgrid-edit input[type=date],
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-cell.sbgrid-edit input[type=month] {
  border: 1px solid #3d72f9;
  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: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #222222;
  height: auto;
  resize: none;
}
.sbgrid-grid.sbgrid-theme-bootstrap textarea:active, .sbgrid-grid.sbgrid-theme-bootstrap textarea:focus {
  border-color: #2c4275;
}
.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: #2c4275;
}
.sbgrid-grid.sbgrid-theme-bootstrap input[type=text] {
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  background: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #222222;
}
.sbgrid-grid.sbgrid-theme-bootstrap input[type=text]:active, .sbgrid-grid.sbgrid-theme-bootstrap input[type=text]:focus {
  border-color: #2c4275;
}
.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: #2c4275;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-cell.sbgrid-edit input[type=text] {
  color: #222222;
  border: 1px solid #3d72f9;
  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: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #222222;
}
.sbgrid-grid.sbgrid-theme-bootstrap input[type=number]:active, .sbgrid-grid.sbgrid-theme-bootstrap input[type=number]:focus {
  border-color: #2c4275;
}
.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: #2c4275;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-cell.sbgrid-edit input[type=number] {
  border: 1px solid #3d72f9;
  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: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #222222;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-combobox:active, .sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-combobox:focus {
  border-color: #2c4275;
}
.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: #2c4275;
}
.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: #000;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-cell.sbgrid-edit .sbgrid-combobox {
  border: 1px solid #3d72f9;
  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: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.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: #222222;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-combo-popup div.sbgrid-wrap-popup ul.sbgrid-popup-items li:hover {
  background: rgba(200, 233, 255, 0.2);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-combo-popup div.sbgrid-wrap-popup ul.sbgrid-popup-items li.sbgrid-combo-item-selected {
  background: #3e4f6c;
  color: #fff;
}
.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: #999999;
  border-radius: 3px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-combo-popup div.sbgrid-wrap-popup::-webkit-scrollbar-track {
  background-color: #e3e3e3;
  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-cell.sbgrid-edit textarea {
  border: 1px solid #3d72f9;
  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: #f7f9fb;
  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: #f0f0f0;
  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: #e6e6e6;
  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: #87a8fb;
  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: #222222;
  line-height: normal;
  display: grid;
}
.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: #222222;
  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: rgba(255, 255, 255, 0.2);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row > .sbgrid-col.sbgrid-alternate {
  background-color: #f7f9fb;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row > .sbgrid-col.sbgrid-alternate.sbgrid-alternate-2 {
  background-color: #f0f0f0;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row > .sbgrid-col.sbgrid-alternate.sbgrid-alternate-2.sbgrid-alternate-3 {
  background-color: #e6e6e6;
}
.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 #2c4275;
  background: #ccd7e9 !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: #ccd7e9 !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:$cap-line;
 margin-bottom: -1px;*/
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-caption > .sbgrid-col.reorderable {
  background-color: rgba(174, 208, 255, 0.1843137255);
}
.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 #e5e5e5;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree > .sbgrid-cell.sbgrid-tree > .sbgrid-space:not(.sbgrid-last) {
  background-color: #fff;
}
.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 #e5e5e5;
}
.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 #e5e5e5;
  padding-inline: 6px;
  color: #222222;
}
.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: #222222;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-tree.sbgrid-footer {
  background: #f8f8f8;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-tree.sbgrid-footer > .sbgrid-col > .sbgrid-cell {
  color: #222222;
}
.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 #e5e5e5;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-tree.sbgrid-row.sbgrid-sticky {
  background-color: #ebeffa;
  box-shadow: 1px 3px 5px rgba(62, 62, 62, 0.161);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-col.sbgrid-hidden {
  display: none;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-invalid > .sbgrid-indicator {
  border: 3px solid red;
  border-color: red transparent transparent red;
  left: 0;
  transition: 0.1s all;
  position: absolute;
  top: 0;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-invalid > .sbgrid-indicator:hover {
  border: 5px solid red;
  border-color: red transparent transparent red;
  transition: 0.1s all;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-column .sbgrid-icon.sbgrid-menu {
  /*float:right;*/
  color: #0a2156;
}
.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 #d4d4d4;
  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 #cacfdb;
  display: flex;
  align-items: center;
}
.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: #222222;
  /*tool - right*/
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel > .sbgrid-tools .sbgrid-tool input[type=button] {
  padding: 6px 10px;
  margin-right: 5px;
  background: #fefefe;
  border: 1px solid #cdd2d9;
  box-sizing: border-box;
  color: #222;
  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 {
  background: #f6f6f6;
  transition: all 0.2s;
  border: 1px solid #b0b8c3;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel > .sbgrid-tools .sbgrid-tool .sbgrid-search-wrap {
  display: flex;
  align-items: center;
  border: 1px solid #cdd2d9;
  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: #0a2156;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel > .sbgrid-tools .sbgrid-tool .sbgrid-grouping span.sbgrid-caption {
  color: #333;
  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: #efefef;
  border: 0;
  border-radius: 3px;
  color: #222222;
  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: #d6d6d6;
  transition: all 0.2s;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel > .sbgrid-tools .sbgrid-tool select {
  padding: 6px 10px;
  margin: 0 5px;
  background: #fefefe;
  border: 1px solid #cdd2d9;
  box-sizing: border-box;
  color: #222;
  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: #222;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel .sbgrid-row .sbgrid-sticky {
  background: #ebeffa; /*color: #222;*/
  z-index: 1;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel .sbgrid-row .sbgrid-sticky.sbgrid-selected {
  background: rgba(226, 243, 255, 0.4); /*color: #222;*/
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel .sbgrid-row .sbgrid-sticky.sbgrid-selecting {
  background: #ebf0f7;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel .sbgrid-row .sbgrid-sticky.sbgrid-merged.sbgrid-selecting {
  background: #ebf0f7;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel .sbgrid-row .sbgrid-sticky.sbgrid-merged.sbgrid-selected {
  background: rgba(226, 243, 255, 0.4);
}
.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: #0a2156;
}
.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: #2c4275;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools .sbgrid-icon.sbgrid-sort-default {
  color: #969696;
}
.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: #969696;
  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: #222;
  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 #e5e5e5;
}
.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: #dfe5f7;
}
.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: #222;
  text-shadow: 0.5px 0;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-tool {
  background: #f1f3f5;
  padding: 6px;
  border-bottom: 1px solid #cacfdb;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-scroll {
  border: 1px solid #cecece;
  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;
}
.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 #3d72f9;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-reorder-indicator.sbgrid-col {
  position: absolute;
  width: 1px;
  border-left: 3px dotted #2c4275;
  opacity: 0;
  z-index: 10;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-reorder-indicator.sbgrid-row {
  position: absolute;
  border-top: 2px dotted #2c4275;
  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 #3d72f9;
  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 #222;
  z-index: 10;
}
.sbgrid-grid.sbgrid-theme-bootstrap span.sbgrid-reorder-helper {
  border-left: 2px dotted #2c4275;
  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: #d2d9e4;
  border-radius: 5px;
  box-sizing: border-box;
  color: #222;
  cursor: pointer;
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-draggable-helper.sbgrid-col {
  display: inline-flex;
  align-items: center;
  height: 24px;
  background: #d2d9e4;
  padding: 6px 15px;
  border-radius: 5px;
  box-sizing: border-box;
  font-size: 12px;
  color: #0a2156;
  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: #222;
  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: #fff;
  min-height: 30px;
  padding: 0 15px;
  box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.1);
  border-radius: 0;
  font-size: 12px;
  color: #222;
  border-radius: 5px;
  border: 1px solid #c7c7c7;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-draggable-helper.sbgrid-rowreorder .sbgrid-icon.sbgrid-rowreorder:before {
  color: #2c4275;
  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: #d3d3d3;
  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: #fdfdfd;
  border: 1px solid #dadada;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.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: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #222222;
  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: #2c4275;
}
.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: #2c4275;
}
.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: #adadb2;
  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: #adadb2;
  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: #ffffff;
  margin: 0 5px;
  border: 1px solid #d3d3d3;
  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: #3d72f9;
  border: 1px solid #3d72f9;
}
.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 #ffffff;
  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: #eaeaea;
  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: #ffffff;
  border: 1px solid #d2d2d2;
  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 #2c4275;
}
.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: #2c4275;
  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: #222222;
}
.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 #dadada;
}
.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: #2c4275;
  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: #1e2d50;
  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: #efefef;
  border: 0;
  border-radius: 3px;
  color: #222222;
  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: #d6d6d6;
  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: #999999;
  border-radius: 3px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-filter.sbgrid-menu .sbgrid-values > .sbgrid-value > ul::-webkit-scrollbar-track {
  background-color: #e3e3e3;
  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: #6b6f76;
  -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: #fdfdfd;
  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: #fdfdfd;
  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: #fdfdfd;
  border-radius: 5px;
  box-sizing: border-box;
  border: 1px solid #dadada;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.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: #222222;
}
.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 #e8e8e8;
}
.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: rgba(200, 233, 255, 0.2);
}
.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: #f8f8f8;
}
.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: #cecece;
}
.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: #0a2156;
}
.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: #777;
  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: #222222;
  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: #999999;
  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: #e3e3e3;
  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: #ffffff;
  border: 1px solid #d3d3d3;
  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: #ffffff;
  border: 1px solid #d3d3d3;
}
.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: #3d72f9;
  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 #dadada;
}
.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: #2c4275;
  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: #1e2d50;
  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: #efefef;
  border: 0;
  border-radius: 3px;
  color: #222222;
  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: #d6d6d6;
  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: #f8f8f8;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-row.sbgrid-footer.sbgrid-fixed > .sbgrid-col.sbgrid-rowno {
  background: #f8f8f8;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group .sbgrid-row {
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group .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: #555;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group .sbgrid-icon.sbgrid-open, .sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group .sbgrid-icon.sbgrid-close {
  font-size: 14px;
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group.sbgrid-row.sbgrid-level-0 {
  background-color: #f0f8ff;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group.sbgrid-row.sbgrid-level-0 > .sbgrid-sticky {
  background-color: #f0f8ff;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group.sbgrid-row.sbgrid-level-1 {
  background-color: #f5f5dc;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group.sbgrid-row.sbgrid-level-1 > .sbgrid-sticky {
  background-color: #f5f5dc;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group.sbgrid-row.sbgrid-level-2 {
  background-color: #faebd7;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group.sbgrid-row.sbgrid-level-2 > .sbgrid-sticky {
  background-color: #faebd7;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group.sbgrid-indicator.sbgrid-level-0 {
  background-color: #f0f8ff;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group.sbgrid-indicator.sbgrid-level-1 {
  background-color: #f5f5dc;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group.sbgrid-indicator.sbgrid-level-2 {
  background-color: #faebd7;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group.sbgrid-title.sbgrid-level-0 {
  background-color: #f0f8ff;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group.sbgrid-title.sbgrid-level-1 {
  background-color: #f5f5dc;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-group.sbgrid-title.sbgrid-level-2 {
  background-color: #faebd7;
}
.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-pager {
  display: flex;
  align-items: center;
}
.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-pager .sbgrid-pager-combo {
  width: auto;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-pager .sbgrid-pager-combo .sbgrid-combobox {
  width: auto;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-pager .sbgrid-pager-combo .sbgrid-combobox .sbgrid-combo-inner {
  width: auto;
}
.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-pager .sbgrid-pager-combo .sbgrid-last {
  display: flex;
  margin: 0 3px;
}
.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-pager .sbgrid-page-size {
  display: flex;
  align-items: center;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-pager .sbgrid-page-size .sbgrid-text {
  margin-left: 5px;
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-pager.sbgrid-combo-popup.sbgrid-hidden {
  display: none;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-pager.sbgrid-combo-popup > .sbgrid-wrap-popup {
  width: 100%;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-disabled {
  color: #b7b7b7 !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: #fff;
  text-align: center;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-checkbox.sbgrid-checked:before {
  content: "✓";
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-selected {
  background: rgba(226, 243, 255, 0.4);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-unselected {
  background-color: #fff;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-selecting {
  background: rgba(226, 243, 255, 0.4);
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-focused {
  background-color: rgba(81, 143, 255, 0.15);
}
.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: rgba(200, 233, 255, 0.2);
  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 red;
}
.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 red;
}
.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 red;
}
.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 red;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-fill-handle-top {
  border-top: 1px solid #3d72f9;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-fill-handle-left {
  border-left: 1px solid #3d72f9;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-fill-handle-bottom {
  border-bottom: 1px solid #3d72f9;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-fill-handle-right {
  border-right: 1px solid #3d72f9;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-fill-handle::after {
  content: "";
  border: 3px solid #3d72f9;
  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 #ebeff5;
  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 #ebeff5;
  outline: 0px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tooltip {
  position: relative;
  z-index: 5;
  padding: 5px 8px;
  background-color: #f8fbff;
  font-size: 12px;
  box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
  opacity: 0;
  border-radius: 3px;
  border: 1px solid #c1d4ed;
  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: #f8fbff;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tooltip:after {
  content: "";
  position: absolute;
  border-width: 5px;
  border-style: solid;
  border-color: #f8fbff;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tooltip .sbgrid-title {
  color: #084298;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tooltip[data-placement=top]:before {
  top: 100%;
  left: 50%;
  margin-top: 1px;
  margin-left: -5px;
  border-color: #c1d4ed transparent transparent transparent;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tooltip[data-placement=top]:after {
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-color: #f8fbff 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 #c1d4ed transparent;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tooltip[data-placement=bottom]:after {
  top: -10px;
  left: 50%;
  margin-left: -5px;
  border-color: transparent transparent #f8fbff 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 #c1d4ed transparent transparent;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tooltip[data-placement=right]:after {
  top: 50%;
  left: -10px;
  margin-top: -5px;
  border-color: transparent #f8fbff 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 #c1d4ed;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tooltip[data-placement=left]:after {
  top: 50%;
  right: -10px;
  margin-top: -5px;
  border-color: transparent transparent transparent #f8fbff;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tooltip.sbgrid-invalid {
  padding: 7px 10px;
  background: #ffffff;
  border: 1px solid #dbdbdb;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tooltip.sbgrid-invalid .sbgrid-title {
  color: #000;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-tooltip.sbgrid-invalid:before {
  content: "";
  position: absolute;
  border-width: 5px;
  border-style: solid;
  border-color: #dbdbdb;
}
.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: #dbdbdb 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: #ffffff 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 #dbdbdb 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 #ffffff 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 #dbdbdb 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 #ffffff 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 #dbdbdb;
}
.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 #ffffff;
}
.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: rgba(255, 255, 255, 0.7);
  /*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 #3d72f9;
  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: #3d72f9;
  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: #3d72f9;
  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: #3d72f9;
  border-bottom-color: #3d72f9;
  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 #3d72f9, 13px 20px 0 rgba(0, 82, 236, 0.2), 13px 46px 0 rgba(0, 82, 236, 0.2), -13px 46px 0 rgba(0, 82, 236, 0.2);
  }
  25% {
    box-shadow: -13px 20px 0 rgba(0, 82, 236, 0.2), 13px 20px 0 #3d72f9, 13px 46px 0 rgba(0, 82, 236, 0.2), -13px 46px 0 rgba(0, 82, 236, 0.2);
  }
  50% {
    box-shadow: -13px 20px 0 rgba(0, 82, 236, 0.2), 13px 20px 0 rgba(0, 82, 236, 0.2), 13px 46px 0 #3d72f9, -13px 46px 0 rgba(0, 82, 236, 0.2);
  }
  75% {
    box-shadow: -13px 20px 0 rgba(0, 82, 236, 0.2), 13px 20px 0 rgba(0, 82, 236, 0.2), 13px 46px 0 rgba(0, 82, 236, 0.2), -13px 46px 0 #3d72f9;
  }
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-loading > .loader-wrap .loader04 {
  position: absolute;
  top: 50%;
  width: 10px;
  height: 48px;
  background: #3d72f9;
  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: #3d72f9;
  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 #3d72f9, 0 0 0 #3d72f9;
  }
  50% {
    box-shadow: 0 -13px 0 #3d72f9, 0 13px 0 #3d72f9;
  }
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-loading > .loader-wrap .loader04 {
  position: absolute;
  top: 50%;
  width: 10px;
  height: 48px;
  background: #3d72f9;
  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: #3d72f9;
  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 #3d72f9, 0 0 0 #3d72f9;
  }
  50% {
    box-shadow: 0 -13px 0 #3d72f9, 0 13px 0 #3d72f9;
  }
}
.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: #8d9eb6;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-bootstrap button.sbgrid-filter .sbgrid-filter.sbgrid-icon.sbgrid-filled {
  color: #949494;
}
.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: #f5f8fa;
  height: 40px;
  width: 284px;
  font-size: 12px;
  color: #536175;
}
.sbgrid-grid.sbgrid-theme-bootstrap .search-result span.search-result-wrap .sbgrid-search {
  font-weight: bold;
  color: #536175;
  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: #f5f8fa;
  padding: 30px 50px;
  border: 1px solid #e5e5e5;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .popup-text .popup-search-result-wrap .sbgrid-search {
  font-weight: bold;
  color: #000;
  padding: 0 10px;
  font-size: 15px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .popup-text .popup-search-result-wrap .sbgrid-text {
  color: #000;
}
.sbgrid-grid.sbgrid-theme-bootstrap .popup-text .popup-text-result-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f5f8fa;
  padding: 2em 3em;
  border: 1px solid #e5e5e5;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
  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: #3d72f9;
  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: #e5e5e5;
  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: #000;
  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: #fdfdfd;
  border: 1px solid #dadada;
  border-radius: 5px;
  font-size: 12px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}
.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: #222222;
}
.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: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #222222;
  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: #2c4275;
}
.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: #2c4275;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-condition {
  margin: 10px 0;
  padding: 1em;
  background: #f5f5f5;
  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: #222222;
}
.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: #fff;
  margin: 0 5px;
  border: 1px solid #bebebe;
  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: #3d72f9;
  border: 1px solid #3d72f9;
}
.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 #fff;
  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 #dadada;
}
.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: #2c4275;
  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: #1e2d50;
  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: #efefef;
  border: 0;
  border-radius: 3px;
  color: #222222;
  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: #d6d6d6;
  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 #2c4275;
  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: #2c4275;
  font-size: 10px;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator {
  border: 1px dashed #3d72f9;
  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 #3d72f9;
  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 #3d72f9;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-right {
  position: relative;
  border-right: 1px dashed #3d72f9;
  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 #3d72f9;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-bottom {
  position: relative;
  border-bottom: 1px dashed #3d72f9;
  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 #3d72f9;
}
.sbgrid-grid.sbgrid-theme-bootstrap .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-top {
  position: relative;
  border-top: 1px dashed #3d72f9;
  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 #3d72f9;
}

.sbgrid-grid.sbgrid-theme-a11y {
  position: relative;
  /*active*/
  /*icon*/
  /*sbgrid-bg*/
  /*border*/
  /*hover,focus,select*/
  /*caption active*/
  /*reorder*/
  /*status*/
  /*tool*/
  /*caption*/
  /*filter row*/
  /*상단합계*/
  /*하단합계*/
  /*하단고정*/
  /*col 관련*/
  /*row 관련*/
  /*moving*/
  /*CRUD-cell*/
  /*CRUD-row*/
  /*fixed rowheader*/
  /*sticky*/
  /*indicator*/
  /*resize*/
  /*chk component active*/
  /*radio*/
  /*combo*/
  /*inscroll*/
  /*input*/
  /*multitext floating*/
  /*alternative*/
  /*merge*/
  /*loading*/
  /*fixed thead*/
  /*tree*/
  /*text*/
  /*group*/
  /*drag*/
  /*roworder*/
  /*scroll*/
  /*pager*/
  /*total*/
  /*filter*/
  /*menu*/
  /*component*/
  /*tooltip*/
  /*fix*/
  /*disabled*/
  /*popup*/
  /*search popup*/
  /*search-result*/
  /*invalid*/
  /*badge*/
  /*edit mode*/
  /*font size*/
  /*****style*****/
  /****************************/
  /*active*/
  /*icon*/
  /*sbgrid-bg*/
  /*border*/
  /*hover,focus,select*/
  /*caption active*/
  /*reorder*/
  /*status*/
  /*tool*/
  /*caption*/
  /*filter row*/
  /*상단합계*/
  /*하단합계*/
  /*하단고정*/
  /*col 관련*/
  /*row 관련*/
  /*moving*/
  /*CRUD-cell*/
  /*CRUD-row*/
  /*fixed rowheader*/
  /*sticky*/
  /*indicator*/
  /*resize*/
  /*chk component active*/
  /*radio*/
  /*combo*/
  /*inscroll*/
  /*input*/
  /*multitext floating*/
  /*alternative*/
  /*merge*/
  /*loading*/
  /*fixed thead*/
  /*tree*/
  /*text*/
  /*group*/
  /*drag*/
  /*roworder*/
  /*scroll*/
  /*pager*/
  /*total*/
  /*filter*/
  /*menu*/
  /*component*/
  /*tooltip*/
  /*fix*/
  /*disabled*/
  /*popup*/
  /*search popup*/
  /*search-result*/
  /*invalid*/
  /*badge*/
  /*edit mode*/
  /*************************************/
  /*grid bg*/
  background: #fff;
  /*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: #555;
  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: #5db9ff;
  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: #5db9ff;
  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: #5db9ff;
}
.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: #5db9ff;
}
.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: #5db9ff;
  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: #5db9ff;
  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: #5db9ff;
  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: #37567d;
}
.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: #37567d;
}
.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: #ffffff;
  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: #222;
  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: #222;
}
.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: #5283ef;
}
.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: #222222;
}
.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-current a {
  background: #555555;
  color: #ffffff;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-caption .sbgrid-thead {
  background: #f8f8f8;
  border-bottom: 1px solid #cecece;
}
.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 #cecece;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-caption .sbgrid-thead .sbgrid-check .sbgrid-checkbox.sbgrid-checked {
  background: #487190;
  border: 1px solid #487190;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-caption .sbgrid-thead .sbgrid-check .sbgrid-checkbox.sbgrid-checked:before {
  color: #fff;
}
.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 #d0d0d0;
}
.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: #fcfcfc;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-scroll .sbgrid-scroll-body .sbgrid-panel.sbgrid-filter .sbgrid-row > .sbgrid-col {
  outline: 1px solid #d0d0d0;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-scroll-body .sbgrid-panel.sbgrid-header {
  background: #fcfcfc;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-scroll-body .sbgrid-panel.sbgrid-header .sbgrid-area.sbgrid-thead {
  border-bottom: 1px solid #d0d0d0;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-scroll-body .sbgrid-panel.sbgrid-header .sbgrid-area.sbgrid-thead .sbgrid-row .sbgrid-col {
  outline-color: none;
}
.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 #d0d0d0;
  background: #fcfcfc;
}
.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 #d0d0d0;
}
.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 #e5e5e5;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-pager {
  padding: 6px;
  box-sizing: border-box;
}
.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;
}
.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: #222222;
  width: 25px;
  height: 25px;
  font-size: 12px;
  text-align: center;
}
.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-pager .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-icon.sbgrid-prev {
  margin-right: 2px;
}
.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-pager .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-current a {
  background: #555555;
  color: #ffffff;
  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 none;
}
.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: #ffffff;
  border: 1px solid #487190;
  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: #3d6d91;
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-tbody .sbgrid-checkboxgroup .sbgrid-checkbox {
  background: #ffffff;
  border: 1px solid #d3d3d3;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-tbody .sbgrid-checkboxgroup .sbgrid-checkbox.sbgrid-checked:before {
  color: #3d6d91;
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-thead .sbgrid-checkboxgroup .sbgrid-checkbox {
  background: #ffffff;
  border: 1px solid #d3d3d3;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-thead .sbgrid-checkboxgroup .sbgrid-checkbox.sbgrid-checked:before {
  color: #3d6d91;
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-tfoot .sbgrid-checkboxgroup .sbgrid-checkbox {
  background: #ffffff;
  border: 1px solid #d3d3d3;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-tfoot .sbgrid-checkboxgroup .sbgrid-checkbox.sbgrid-checked:before {
  color: #3d6d91;
  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: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #222222;
  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: #37567d;
}
.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: #37567d;
}
.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: #adadb2;
  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: #adadb2;
  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: #222222;
  margin: 0 1px;
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  background: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #222222;
  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: #37567d;
}
.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: #37567d;
}
.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: #adadb2;
  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: #adadb2;
  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 #cecece;
  background: #fcfcfc;
}
.sbgrid-grid.sbgrid-theme-a11y div.sbgrid-scrollv {
  overflow-x: hidden;
  grid-area: scrollv;
  border-left: 1px solid #cecece;
  background: #fcfcfc;
}
.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: #919191;
}
.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: #fcfcfc;
}
.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: #919191;
  min-height: 20%;
  min-width: 8%;
  border-radius: 10px;
  border: 4px solid #fcfcfc;
  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: #6e6e6e;
}
.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: #fcfcfc;
  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: #f8f8f8;
  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: #222222;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-detail.sbgrid-hidden {
  display: none !important;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-moving {
  background: #f8f8f8;
  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: transparent;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-delete:before {
  color: transparent;
}
@keyframes sbgrid-delete {
  0% {
    background-color: rgba(26, 26, 26, 0);
  }
  100% {
    background-color: transparent;
  }
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-insert {
  animation: sbgrid-insert 0.8s linear;
  background-color: transparent;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-insert:before {
  color: transparent;
}
@keyframes sbgrid-contentinsert {
  0% {
    background-color: rgba(26, 26, 26, 0);
  }
  100% {
    background-color: transparent;
  }
}
@keyframes sbgrid-update {
  0% {
    background-color: rgba(26, 26, 26, 0);
  }
  100% {
    background-color: transparent;
  }
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-alternate {
  /*delete*/
  /*insert*/
  /*update*/
}
@keyframes sbgrid-delete {
  0% {
    background-color: rgba(26, 26, 26, 0);
  }
  100% {
    background-color: transparent;
  }
}
@keyframes sbgrid-contentinsert {
  0% {
    background-color: rgba(26, 26, 26, 0);
  }
  100% {
    background-color: transparent;
  }
}
@keyframes sbgrid-update {
  0% {
    background-color: rgba(26, 26, 26, 0);
  }
  100% {
    background-color: transparent;
  }
}
.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 #bebebe;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-floating-edit-box {
  position: absolute;
  background: #fff;
  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 #37567d 1px;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-scroll .sbgrid-part.sbgrid-tail > .sbgrig-scroll {
  border-left: solid #bebebe 1px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-scroll .sbgrid-part.sbgrid-tail.sbgrid-frozen {
  border-left: dotted #37567d 1px;
  box-sizing: border-box;
  margin-left: auto;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-scroll .sbgrid-row.sbgrid-sticky {
  position: relative;
  background-color: #f9fbff;
  box-shadow: 1px 3px 5px rgba(62, 62, 62, 0.161);
}
.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: #ecf4ff !important;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-scroll .sbgrid-row.sbgrid-caption .sbgrid-col.sbgrid-sticky.sbgrid-focused {
  background: #ecf4ff !important;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-scroll .sbgrid-row .sbgrid-col.sbgrid-selected.sbgrid-sticky {
  background: #ecf4ff !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: #ffffff;
  border: 1px solid #d3d3d3;
  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: #ffffff;
  border: 1px solid #d3d3d3;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-check .sbgrid-checkbox.sbgrid-checked:before {
  content: "\e938";
  color: #487190;
  font-size: 15px;
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-caption .sbgrid-check .sbgrid-checkbox {
  background: #ffffff;
}
.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: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 50%;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-radio.sbgrid-checked:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #ffffff;
  border: 1px solid #37567d;
  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: #37567d;
  border-radius: 50%;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-cell.sbgrid-edit .sbgrid-radio:before {
  border: 1px solid #d2d2d2;
  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 #487190;
}
.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: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #222222;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=number]:active, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=number]:focus {
  border-color: #37567d;
}
.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: #37567d;
}
.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: #efefef;
  border: 0;
  border-radius: 3px;
  color: #222222;
  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: #d6d6d6;
  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: #efefef;
  border: 0;
  border-radius: 3px;
  color: #222222;
  font-family: inherit;
  font-size: 12px;
  transition: all 0.2s;
  cursor: pointer;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-custom > button:hover {
  background: #d6d6d6;
  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: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #222222;
  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: #37567d;
}
.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: #37567d;
}
.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: #333333;
  background: #ffffff;
  scale: 1.2;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-row.sbgrid-edit {
  background: #fff;
}
.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] {
  border: 1px solid #487190;
  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: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #222222;
  height: auto;
  resize: none;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid textarea:active, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid textarea:focus {
  border-color: #37567d;
}
.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: #37567d;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=text] {
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  background: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #222222;
  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: #37567d;
}
.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: #37567d;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=text].disabled, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=text]:disabled {
  background: #f5f5f5 !important;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-cell.sbgrid-edit input[type=text] {
  color: #222222;
  border: 1px solid #487190;
  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: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #222222;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=number]:active, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid input[type=number]:focus {
  border-color: #37567d;
}
.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: #37567d;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-cell.sbgrid-edit input[type=number] {
  outline: auto;
  border: 1px solid #487190;
  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: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #222222;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-combobox:active, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-combobox:focus {
  border-color: #37567d;
}
.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: #37567d;
}
.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: #000;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-cell.sbgrid-edit .sbgrid-combobox {
  border: 1px solid #487190;
  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: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.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: #222222;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-combo-popup div.sbgrid-wrap-popup ul.sbgrid-popup-items li:hover {
  background: rgba(200, 233, 255, 0.2);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-combo-popup div.sbgrid-wrap-popup ul.sbgrid-popup-items li.sbgrid-combo-item-selected {
  background: #3e4f6c;
  color: #fff;
}
.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: #ffffff;
  border: 1px solid #d3d3d3;
  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: #487190;
  border: 1px solid #487190;
}
.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 #ffffff;
  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: #999999;
  border-radius: 3px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-grid .sbgrid-combo-popup div.sbgrid-wrap-popup::-webkit-scrollbar-track {
  background-color: #e3e3e3;
  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-cell.sbgrid-edit textarea {
  border: 1px solid #487190;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-alternate {
  background-color: #fafafa;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-alternate.sbgrid-alternate-2 {
  background-color: #f0f0f0;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-alternate.sbgrid-alternate-3 {
  background-color: #e6e6e6;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row {
  box-sizing: border-box;
  color: #222222;
}
.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: #4f7bb2;
  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 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: #222222;
  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: rgba(255, 255, 255, 0.2);
}
.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 #37567d;
  background: #fff !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: #fff !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: rgba(174, 208, 255, 0.1843137255);
}
.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 #e5e5e5;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree > .sbgrid-cell.sbgrid-tree > .sbgrid-space:not(.sbgrid-last) {
  background-color: #fff;
}
.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 #e5e5e5;
}
.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 #e5e5e5;
  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: #f8f8f8;
}
.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 #e5e5e5;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-tree.sbgrid-row.sbgrid-sticky {
  background-color: #f9fbff;
  box-shadow: 1px 3px 5px rgba(62, 62, 62, 0.161);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-col.sbgrid-hidden {
  display: none;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-invalid > .sbgrid-indicator {
  border: 3px solid red;
  border-color: red transparent transparent red;
  left: 0;
  transition: 0.1s all;
  position: absolute;
  top: 0;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-invalid > .sbgrid-indicator:hover {
  border: 5px solid red;
  border-color: red transparent transparent red;
  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 #d4d4d4;
  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 #cecece;
  display: flex;
  align-items: center;
}
.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: #222222;
  /*tool - right*/
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel > .sbgrid-tools .sbgrid-tool input[type=button] {
  padding: 6px 10px;
  margin-right: 5px;
  background: #fefefe;
  border: 1px solid #e2e2e2;
  box-sizing: border-box;
  color: #222;
  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: #f6f6f6;
  transition: all 0.2s;
  border: 1px solid #c9c9c9;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel > .sbgrid-tools .sbgrid-tool .sbgrid-search-wrap {
  display: flex;
  align-items: center;
  border: 1px solid #e2e2e2;
  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: #222;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel > .sbgrid-tools .sbgrid-tool .sbgrid-grouping span.sbgrid-caption {
  color: #333;
  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: #efefef;
  border: 0;
  border-radius: 3px;
  color: #222222;
  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: #d6d6d6;
  transition: all 0.2s;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel > .sbgrid-tools .sbgrid-tool select {
  padding: 6px 10px;
  margin: 0 5px;
  background: #fefefe;
  border: 1px solid #e2e2e2;
  box-sizing: border-box;
  color: #222;
  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: #222;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel .sbgrid-row .sbgrid-sticky {
  background: #f9fbff; /*color: #222;*/
  z-index: 1;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel .sbgrid-row .sbgrid-sticky.sbgrid-selected {
  background: rgba(226, 243, 255, 0.4); /*color: #222;*/
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel .sbgrid-row .sbgrid-sticky.sbgrid-selecting {
  background: #ebf0f7;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel .sbgrid-row .sbgrid-sticky.sbgrid-merged.sbgrid-selecting {
  background: #ebf0f7;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel .sbgrid-row .sbgrid-sticky.sbgrid-merged.sbgrid-selected {
  background: rgba(226, 243, 255, 0.4);
}
.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: #222;
}
.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: #787878;
}
.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: #37567d;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools .sbgrid-icon.sbgrid-sort-default {
  color: #969696;
}
.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: #969696;
  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: #222;
  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 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-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: #ebf0f7;
}
.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 rgba(62, 62, 62, 0.161);
}
.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: #222;
  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 #cecece;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-scroll {
  border: 1px solid #cecece;
  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;
}
.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 #37567d;
  opacity: 0;
  z-index: 10;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator {
  border: 2px dotted #37567d;
  opacity: 1;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-left {
  border-left: 2px dotted #37567d;
  opacity: 1;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-right {
  border-right: 2px dotted #37567d;
  opacity: 1;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-reorder-indicator.sbgrid-row {
  position: absolute;
  border-top: 2px dotted #37567d;
  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 #37567d;
  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 #222;
  z-index: 10;
}
.sbgrid-grid.sbgrid-theme-a11y span.sbgrid-reorder-helper {
  border-left: 2px dotted #37567d;
  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: #ebebeb;
  border-radius: 30px;
  box-sizing: border-box;
  color: #222;
  cursor: pointer;
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-draggable-helper.sbgrid-col {
  display: inline-flex;
  align-items: center;
  height: 24px;
  background: #e0e0e0;
  padding: 6px 15px;
  border-radius: 30px;
  box-sizing: border-box;
  font-size: 12px;
  color: #222;
  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: #222;
  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: #fff;
  min-height: 30px;
  padding: 0 15px;
  box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.1);
  border-radius: 0;
  font-size: 12px;
  color: #222;
  border-radius: 5px;
  border: 1px solid #c7c7c7;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-draggable-helper.sbgrid-rowreorder .sbgrid-icon.sbgrid-rowreorder:before {
  color: #37567d;
  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: #d3d3d3;
  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: #fdfdfd;
  border: 1px solid #dadada;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.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: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #222222;
  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: #37567d;
}
.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: #37567d;
}
.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: #adadb2;
  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: #adadb2;
  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: #ffffff;
  margin: 0 5px;
  border: 1px solid #d3d3d3;
  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: #487190;
  border: 1px solid #487190;
}
.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 #ffffff;
  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: #eaeaea;
  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: #ffffff;
  border: 1px solid #d2d2d2;
  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 #37567d;
}
.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: #37567d;
  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: #222222;
}
.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 #dadada;
}
.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: #37567d;
  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: #273e5a;
  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: #efefef;
  border: 0;
  border-radius: 3px;
  color: #222222;
  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: #d6d6d6;
  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: #999999;
  border-radius: 3px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-filter.sbgrid-menu .sbgrid-values > .sbgrid-value > ul::-webkit-scrollbar-track {
  background-color: #e3e3e3;
  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: #6b6f76;
  -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: #fdfdfd;
  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: #fdfdfd;
  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: #fdfdfd;
  border-radius: 5px;
  box-sizing: border-box;
  border: 1px solid #dadada;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.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: #222222;
}
.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 #e8e8e8;
}
.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: rgba(200, 233, 255, 0.2);
}
.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: #f8f8f8;
}
.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: #cecece;
}
.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: #777;
  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: #222222;
  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: #999999;
  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: #e3e3e3;
  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: #ffffff;
  border: 1px solid #d3d3d3;
  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: #ffffff;
  border: 1px solid #d3d3d3;
}
.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: #3d6d91;
  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 #dadada;
}
.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: #37567d;
  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: #273e5a;
  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: #efefef;
  border: 0;
  border-radius: 3px;
  color: #222222;
  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: #d6d6d6;
  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: #f8f8f8;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-row.sbgrid-footer.sbgrid-fixed > .sbgrid-col.sbgrid-rowno {
  background: #f8f8f8;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group .sbgrid-row {
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group .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: #555;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group .sbgrid-icon.sbgrid-open, .sbgrid-grid.sbgrid-theme-a11y .sbgrid-group .sbgrid-icon.sbgrid-close {
  font-size: 14px;
  font-weight: bold;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group.sbgrid-row.sbgrid-level-0 {
  background-color: #f0f8ff;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group.sbgrid-row.sbgrid-level-0 > .sbgrid-sticky {
  background-color: #f0f8ff;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group.sbgrid-row.sbgrid-level-1 {
  background-color: #f5f5dc;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group.sbgrid-row.sbgrid-level-1 > .sbgrid-sticky {
  background-color: #f5f5dc;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group.sbgrid-row.sbgrid-level-2 {
  background-color: #faebd7;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group.sbgrid-row.sbgrid-level-2 > .sbgrid-sticky {
  background-color: #faebd7;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group.sbgrid-indicator.sbgrid-level-0 {
  background-color: #f0f8ff;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group.sbgrid-indicator.sbgrid-level-1 {
  background-color: #f5f5dc;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group.sbgrid-indicator.sbgrid-level-2 {
  background-color: #faebd7;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group.sbgrid-title.sbgrid-level-0 {
  background-color: #f0f8ff;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group.sbgrid-title.sbgrid-level-1 {
  background-color: #f5f5dc;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-group.sbgrid-title.sbgrid-level-2 {
  background-color: #faebd7;
}
.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-pager {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.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-pager .sbgrid-pager-combo {
  width: auto;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-pager .sbgrid-pager-combo .sbgrid-combobox {
  width: auto;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-pager .sbgrid-pager-combo .sbgrid-combobox .sbgrid-combo-inner {
  width: auto;
}
.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-pager .sbgrid-pager-combo .sbgrid-last {
  display: flex;
  margin: 0 3px;
}
.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-pager .sbgrid-page-size {
  display: flex;
  align-items: center;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-pager .sbgrid-page-size .sbgrid-text {
  margin-left: 5px;
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-pager.sbgrid-combo-popup.sbgrid-hidden {
  display: none;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-pager.sbgrid-combo-popup > .sbgrid-wrap-popup {
  width: 100%;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-disabled {
  color: #555 !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: #fff;
  text-align: center;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-checkbox.sbgrid-checked:before {
  content: "✓";
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-selected {
  background: rgba(226, 243, 255, 0.4);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-unselected {
  background-color: #fff;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-selecting {
  background: rgba(226, 243, 255, 0.4);
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-focused {
  background-color: #fff;
  border: 3px dotted #37567d !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: rgba(200, 233, 255, 0.2);
  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 red;
  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 red;
  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 red;
  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 red;
  z-index: 1;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-fill-handle-top {
  border-top: 1px solid #37567d;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-fill-handle-left {
  border-left: 1px solid #37567d;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-fill-handle-bottom {
  border-bottom: 1px solid #37567d;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-fill-handle-right {
  border-right: 1px solid #37567d;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-fill-handle::after {
  content: "";
  border: 3px solid #37567d;
  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 #dbdbe2;
  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 #dbdbe2;
  outline: 0px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tooltip {
  position: relative;
  z-index: 5;
  padding: 5px 8px;
  background-color: #f8fbff;
  font-size: 12px;
  box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
  opacity: 0;
  border-radius: 3px;
  border: 1px solid #c1d4ed;
  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: #f8fbff;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tooltip:after {
  content: "";
  position: absolute;
  border-width: 5px;
  border-style: solid;
  border-color: #f8fbff;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tooltip .sbgrid-title {
  color: #084298;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tooltip[data-placement=top]:before {
  top: 100%;
  left: 50%;
  margin-top: 1px;
  margin-left: -5px;
  border-color: #c1d4ed transparent transparent transparent;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tooltip[data-placement=top]:after {
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-color: #f8fbff 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 #c1d4ed transparent;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tooltip[data-placement=bottom]:after {
  top: -10px;
  left: 50%;
  margin-left: -5px;
  border-color: transparent transparent #f8fbff 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 #c1d4ed transparent transparent;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tooltip[data-placement=right]:after {
  top: 50%;
  left: -10px;
  margin-top: -5px;
  border-color: transparent #f8fbff 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 #c1d4ed;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tooltip[data-placement=left]:after {
  top: 50%;
  right: -10px;
  margin-top: -5px;
  border-color: transparent transparent transparent #f8fbff;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tooltip.sbgrid-invalid {
  padding: 7px 10px;
  background: #ffffff;
  border: 1px solid #dbdbdb;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tooltip.sbgrid-invalid .sbgrid-title {
  color: #000;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-tooltip.sbgrid-invalid:before {
  content: "";
  position: absolute;
  border-width: 5px;
  border-style: solid;
  border-color: #dbdbdb;
}
.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: #dbdbdb 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: #ffffff 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 #dbdbdb 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 #ffffff 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 #dbdbdb 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 #ffffff 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 #dbdbdb;
}
.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 #ffffff;
}
.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: rgba(255, 255, 255, 0.7);
  /*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 #37567d;
  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: #37567d;
  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: #37567d;
  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: #37567d;
  border-bottom-color: #37567d;
  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 #37567d, 13px 20px 0 rgba(0, 82, 236, 0.2), 13px 46px 0 rgba(0, 82, 236, 0.2), -13px 46px 0 rgba(0, 82, 236, 0.2);
  }
  25% {
    box-shadow: -13px 20px 0 rgba(0, 82, 236, 0.2), 13px 20px 0 #37567d, 13px 46px 0 rgba(0, 82, 236, 0.2), -13px 46px 0 rgba(0, 82, 236, 0.2);
  }
  50% {
    box-shadow: -13px 20px 0 rgba(0, 82, 236, 0.2), 13px 20px 0 rgba(0, 82, 236, 0.2), 13px 46px 0 #37567d, -13px 46px 0 rgba(0, 82, 236, 0.2);
  }
  75% {
    box-shadow: -13px 20px 0 rgba(0, 82, 236, 0.2), 13px 20px 0 rgba(0, 82, 236, 0.2), 13px 46px 0 rgba(0, 82, 236, 0.2), -13px 46px 0 #37567d;
  }
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-loading > .loader-wrap .loader04 {
  position: absolute;
  top: 50%;
  width: 10px;
  height: 48px;
  background: #37567d;
  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: #37567d;
  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 #37567d, 0 0 0 #37567d;
  }
  50% {
    box-shadow: 0 -13px 0 #37567d, 0 13px 0 #37567d;
  }
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-loading > .loader-wrap .loader04 {
  position: absolute;
  top: 50%;
  width: 10px;
  height: 48px;
  background: #37567d;
  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: #37567d;
  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 #37567d, 0 0 0 #37567d;
  }
  50% {
    box-shadow: 0 -13px 0 #37567d, 0 13px 0 #37567d;
  }
}
.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: #949494;
  box-sizing: border-box;
}
.sbgrid-grid.sbgrid-theme-a11y button.sbgrid-filter .sbgrid-filter.sbgrid-icon.sbgrid-filled {
  color: #949494;
}
.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: #f5f5f5;
  height: 40px;
  width: 284px;
  font-size: 12px;
  color: #000;
}
.sbgrid-grid.sbgrid-theme-a11y .search-result span.search-result-wrap .sbgrid-search {
  font-weight: bold;
  color: #000;
  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: #f5f5f5;
  padding: 30px 50px;
  border: 1px solid #e5e5e5;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
  font-size: 12px;
}
.sbgrid-grid.sbgrid-theme-a11y .popup-text .popup-search-result-wrap .sbgrid-search {
  font-weight: bold;
  color: #000;
  padding: 0 10px;
  font-size: 15px;
}
.sbgrid-grid.sbgrid-theme-a11y .popup-text .popup-search-result-wrap .sbgrid-text {
  color: #000;
}
.sbgrid-grid.sbgrid-theme-a11y .popup-text .popup-text-result-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f5f5f5;
  padding: 2em 3em;
  border: 1px solid #e5e5e5;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
  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: #37567d;
  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: #e5e5e5;
  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: #000;
  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: #fdfdfd;
  border: 1px solid #dadada;
  border-radius: 5px;
  font-size: 12px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}
.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: #222222;
}
.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: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #222222;
  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: #37567d;
}
.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: #37567d;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-condition {
  margin: 10px 0;
  padding: 1em;
  background: #f5f5f5;
  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: #222222;
}
.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: #fff;
  margin: 0 5px;
  border: 1px solid #bebebe;
  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: #487190;
  border: 1px solid #487190;
}
.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 #fff;
  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 #dadada;
}
.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: #37567d;
  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: #273e5a;
  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: #efefef;
  border: 0;
  border-radius: 3px;
  color: #222222;
  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: #d6d6d6;
  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 #37567d;
  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: #37567d;
  font-size: 10px;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator {
  border: 1px dashed #37567d;
  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 #37567d;
  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 #37567d;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-right {
  position: relative;
  border-right: 1px dashed #37567d;
  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 #37567d;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-bottom {
  position: relative;
  border-bottom: 1px dashed #37567d;
  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 #37567d;
}
.sbgrid-grid.sbgrid-theme-a11y .sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-top {
  position: relative;
  border-top: 1px dashed #37567d;
  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 #37567d;
}
.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;
}

/*active*/
/*icon*/
/*sbgrid-bg*/
/*border*/
/*hover,focus,select*/
/*caption active*/
/*reorder*/
/*status*/
/*tool*/
/*caption*/
/*filter row*/
/*상단합계*/
/*하단합계*/
/*하단고정*/
/*col 관련*/
/*row 관련*/
/*moving*/
/*CRUD-cell*/
/*CRUD-row*/
/*fixed rowheader*/
/*sticky*/
/*indicator*/
/*resize*/
/*chk component active*/
/*radio*/
/*combo*/
/*inscroll*/
/*input*/
/*multitext floating*/
/*alternative*/
/*merge*/
/*loading*/
/*fixed thead*/
/*tree*/
/*text*/
/*group*/
/*drag*/
/*roworder*/
/*scroll*/
/*pager*/
/*total*/
/*filter*/
/*menu*/
/*component*/
/*tooltip*/
/*fix*/
/*disabled*/
/*popup*/
/*search popup*/
/*search-result*/
/*invalid*/
/*badge*/
/*edit mode*/
/*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: #555;
  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: #5db9ff;
  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: #5db9ff;
  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: #5db9ff;
}
.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: #5db9ff;
}
.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: #5db9ff;
  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: #5db9ff;
  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: #5db9ff;
  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: #37567d;
}
.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: #fff;
  /*공통영역*/
}
.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: #fff;
  background-color: #6c757d !important;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}
.sbgrid-grid span.badge a {
  color: #fff;
}

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

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

.sbgrid-hidden {
  display: none;
}

/***********common***************/
/*전체*/
.sbgrid-grid {
  border: 1px solid #cecece;
  box-sizing: border-box;
}

/*그룹핑*/
.sbgrid-panel.sbgrid-group {
  flex-grow: 0;
  height: 40px;
  background: #ffffff;
  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: #222;
  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: #222;
}
.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: #5283ef;
}
.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: #222222;
}
.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-current a {
  background: #555555;
  color: #ffffff;
}

/*상단캡션*/
.sbgrid-caption .sbgrid-thead {
  background: #f8f8f8;
  border-bottom: 1px solid #cecece;
}
.sbgrid-caption .sbgrid-thead .sbgrid-row > .sbgrid-col {
  margin-bottom: 0.06em;
  margin-right: 0.06em;
  border: 0px;
  outline: 1px solid #cecece;
}
.sbgrid-caption .sbgrid-thead .sbgrid-check .sbgrid-checkbox.sbgrid-checked {
  background: #487190;
  border: 1px solid #487190;
}
.sbgrid-caption .sbgrid-thead .sbgrid-check .sbgrid-checkbox.sbgrid-checked:before {
  color: #fff;
}

/*좌측 fixed 로우헤더*/
.sbgrid-part {
  /*좌측 fixed*/
  /*좌측 head*/
  /*우측 tail*/
}
.sbgrid-part.sbgrid-fixed {
  box-sizing: border-box;
}
.sbgrid-part.sbgrid-fixed > .sbgrid-scroll {
  border-right: 1px solid #d0d0d0;
}
.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: #fcfcfc;
}
.sbgrid-panel.sbgrid-scroll .sbgrid-scroll-body .sbgrid-panel.sbgrid-filter .sbgrid-row > .sbgrid-col {
  outline: 1px solid #d0d0d0;
}

/*상단합계*/
.sbgrid-scroll-body .sbgrid-panel.sbgrid-header {
  background: #fcfcfc;
}
.sbgrid-scroll-body .sbgrid-panel.sbgrid-header .sbgrid-area.sbgrid-thead {
  border-bottom: 1px solid #d0d0d0;
}
.sbgrid-scroll-body .sbgrid-panel.sbgrid-header .sbgrid-area.sbgrid-thead .sbgrid-row .sbgrid-col {
  outline-color: #d0d0d0;
}
.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 #d0d0d0;
  background: #fcfcfc;
}
.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 #d0d0d0;
}
.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 #e5e5e5;
}

/*페이징*/
.sbgrid-panel.sbgrid-pager {
  padding: 6px;
  box-sizing: border-box;
}
.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;
}
.sbgrid-panel.sbgrid-pager .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-page {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #222222;
  width: 25px;
  height: 25px;
  font-size: 12px;
  text-align: center;
}
.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-pager .sbgrid-tools .sbgrid-tool.sbgrid-pager span.sbgrid-current a {
  background: #555555;
  color: #ffffff;
}

/*전체 레이아웃*/
.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 #d0d0d0;
}
.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 #e5e5e5;
}
.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: #ffffff;
  border: 1px solid #487190;
  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: #3d6d91;
  font-weight: bold;
}
.sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-tbody .sbgrid-checkboxgroup .sbgrid-checkbox {
  background: #ffffff;
  border: 1px solid #d3d3d3;
}
.sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-tbody .sbgrid-checkboxgroup .sbgrid-checkbox.sbgrid-checked:before {
  color: #3d6d91;
  font-weight: bold;
}
.sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-thead .sbgrid-checkboxgroup .sbgrid-checkbox {
  background: #ffffff;
  border: 1px solid #d3d3d3;
}
.sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-thead .sbgrid-checkboxgroup .sbgrid-checkbox.sbgrid-checked:before {
  color: #3d6d91;
  font-weight: bold;
}
.sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-tfoot .sbgrid-checkboxgroup .sbgrid-checkbox {
  background: #ffffff;
  border: 1px solid #d3d3d3;
}
.sbgrid-panel.sbgrid-body > .sbgrid-area.sbgrid-tfoot .sbgrid-checkboxgroup .sbgrid-checkbox.sbgrid-checked:before {
  color: #3d6d91;
  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: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #222222;
  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: #37567d;
}
.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: #37567d;
}
.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: #adadb2;
  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: #adadb2;
  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: #222222;
  margin: 0 1px;
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  background: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #222222;
  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: #37567d;
}
.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: #37567d;
}
.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: #adadb2;
  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: #adadb2;
  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 #cecece;
  background: #fcfcfc;
}

div.sbgrid-scrollv {
  overflow-x: hidden;
  grid-area: scrollv;
  border-left: 1px solid #cecece;
  background: #fcfcfc;
}

.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: #919191;
}

.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: #fcfcfc;
}
.sbgrid-grid > .sbgrid-scroll > .sbgrid-scrollv::-webkit-scrollbar-thumb,
.sbgrid-grid > .sbgrid-scroll > .sbgrid-scrollh::-webkit-scrollbar-thumb {
  background-color: #919191;
  min-height: 20%;
  min-width: 8%;
  border-radius: 10px;
  border: 4px solid #fcfcfc;
  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: #6e6e6e;
}
.sbgrid-grid > .sbgrid-scroll > .sbgrid-scrollv::-webkit-scrollbar-button,
.sbgrid-grid > .sbgrid-scroll > .sbgrid-scrollh::-webkit-scrollbar-button {
  background: #fcfcfc;
  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: #f8f8f8;
  filter: opacity(0.5);
}
.sbgrid-row > .sbgrid-col.sbgrid-sticky {
  /*align-items: center;*/
}
.sbgrid-row.sbgrid-detail {
  color: #222222;
}
.sbgrid-row.sbgrid-detail.sbgrid-hidden {
  display: none !important;
}
.sbgrid-row.sbgrid-moving {
  background: #f8f8f8;
  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: #d15757;
}
.sbgrid-panel.sbgrid-body .sbgrid-area .sbgrid-part.sbgrid-fixed .sbgrid-row .sbgrid-col .sbgrid-cell.sbgrid-insert:before {
  color: #5957d1;
}
.sbgrid-panel.sbgrid-body .sbgrid-area .sbgrid-part.sbgrid-fixed .sbgrid-row .sbgrid-col .sbgrid-cell.sbgrid-update:before {
  color: #3fc987;
}
.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: #fff6f6;
}
.sbgrid-row.sbgrid-delete:before {
  color: #d15757;
}
@keyframes sbgrid-delete {
  0% {
    background-color: white;
  }
  100% {
    background-color: #fff6f6;
  }
}
.sbgrid-row.sbgrid-insert {
  animation: sbgrid-insert 0.8s linear;
  background-color: #f6f9ff;
}
.sbgrid-row.sbgrid-insert:before {
  color: #5957d1;
}
@keyframes sbgrid-contentinsert {
  0% {
    background-color: white;
  }
  100% {
    background-color: #f6f9ff;
  }
}
.sbgrid-row.sbgrid-update {
  animation: sbgrid-update 0.8s linear;
  background-color: #f6fffd;
}
.sbgrid-row.sbgrid-update:before {
  color: #3fc987 !important;
}
@keyframes sbgrid-update {
  0% {
    background-color: white;
  }
  100% {
    background-color: #f6fffd;
  }
}
.sbgrid-row.sbgrid-alternate {
  /*delete*/
  /*insert*/
  /*update*/
}
.sbgrid-row.sbgrid-alternate.sbgrid-delete {
  animation: sbgrid-delete 0.8s linear;
  background-color: #fff6f6;
}
.sbgrid-row.sbgrid-alternate.sbgrid-delete:before {
  color: #d15757;
}
@keyframes sbgrid-delete {
  0% {
    background-color: white;
  }
  100% {
    background-color: #fff6f6;
  }
}
.sbgrid-row.sbgrid-alternate.sbgrid-insert {
  animation: sbgrid-insert 0.8s linear;
  background-color: #f6f9ff;
}
.sbgrid-row.sbgrid-alternate.sbgrid-insert:before {
  color: #5957d1;
}
@keyframes sbgrid-contentinsert {
  0% {
    background-color: white;
  }
  100% {
    background-color: #f6f9ff;
  }
}
.sbgrid-row.sbgrid-alternate.sbgrid-update {
  animation: sbgrid-update 0.8s linear;
  background-color: #f6fffd;
}
.sbgrid-row.sbgrid-alternate.sbgrid-update:before {
  color: #3fc987 !important;
}
@keyframes sbgrid-update {
  0% {
    background-color: white;
  }
  100% {
    background-color: #f6fffd;
  }
}

/*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 #bebebe;
}

.sbgrid-floating-edit-box {
  position: absolute;
  background: #fff;
  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 #5db9ff 1px;
  box-sizing: border-box;
}
.sbgrid-scroll .sbgrid-part.sbgrid-tail > .sbgrig-scroll {
  border-left: solid #bebebe 1px;
}
.sbgrid-scroll .sbgrid-part.sbgrid-tail.sbgrid-frozen {
  border-left: dotted #5db9ff 1px;
  box-sizing: border-box;
  margin-left: auto;
}
.sbgrid-scroll .sbgrid-row.sbgrid-sticky {
  position: relative;
  background-color: #f9fbff;
  box-shadow: 1px 3px 5px rgba(62, 62, 62, 0.161);
}
.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: #ecf4ff !important;
}
.sbgrid-scroll .sbgrid-row.sbgrid-caption .sbgrid-col.sbgrid-sticky.sbgrid-focused {
  background: #ecf4ff !important;
}
.sbgrid-scroll .sbgrid-row .sbgrid-col.sbgrid-selected.sbgrid-sticky {
  background: #ecf4ff !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: #ffffff;
  border: 1px solid #d3d3d3;
  border-radius: 2px;
  box-sizing: border-box;
  font-family: "sbgrid-icon";
}
.sbgrid-check .sbgrid-checkbox.sbgrid-checked {
  position: relative;
  background: #ffffff;
  border: 1px solid #d3d3d3;
}
.sbgrid-check .sbgrid-checkbox.sbgrid-checked:before {
  content: "\e938";
  color: #487190;
  font-size: 15px;
  font-weight: bold;
}

.sbgrid-row.sbgrid-caption .sbgrid-check .sbgrid-checkbox {
  background: #ffffff;
}

.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: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 50%;
}
.sbgrid-radio.sbgrid-checked:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #ffffff;
  border: 1px solid #37567d;
  border-radius: 50%;
}
.sbgrid-radio.sbgrid-checked:after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  z-index: 1;
  width: 10px;
  height: 10px;
  background: #37567d;
  border-radius: 50%;
}

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

/* 컴포넌트 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: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #222222;
}
.sbgrid-grid input[type=number]:active, .sbgrid-grid input[type=number]:focus {
  border-color: #37567d;
}
.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: #37567d;
}
.sbgrid-grid input[type=password] {
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  background: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #222222;
}
.sbgrid-grid input[type=password]:active, .sbgrid-grid input[type=password]:focus {
  border-color: #37567d;
}
.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: #37567d;
}
.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: #efefef;
  border: 0;
  border-radius: 3px;
  color: #222222;
  font-family: inherit;
  font-size: 12px;
  transition: all 0.2s;
  cursor: pointer;
}
.sbgrid-grid .sbgrid-command input[type=button]:hover {
  background: #d6d6d6;
  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: #efefef;
  border: 0;
  border-radius: 3px;
  color: #222222;
  font-family: inherit;
  font-size: 12px;
  transition: all 0.2s;
  cursor: pointer;
}
.sbgrid-grid .sbgrid-custom > button:hover {
  background: #d6d6d6;
  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: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #222222;
  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: #37567d;
}
.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: #37567d;
}
.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: #333333;
  background: #ffffff;
  scale: 1.2;
}
.sbgrid-grid .sbgrid-row.sbgrid-edit {
  background: #eefff7;
}
.sbgrid-grid .sbgrid-cell.sbgrid-edit input[type=date],
.sbgrid-grid .sbgrid-cell.sbgrid-edit input[type=month] {
  border: 1px solid #487190;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.sbgrid-grid textarea {
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  background: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #222222;
  height: auto;
  resize: none;
}
.sbgrid-grid textarea:active, .sbgrid-grid textarea:focus {
  border-color: #37567d;
}
.sbgrid-grid textarea:active::before, .sbgrid-grid textarea:active::after, .sbgrid-grid textarea:focus::before, .sbgrid-grid textarea:focus::after {
  color: #37567d;
}
.sbgrid-grid input[type=text] {
  width: 100%;
  min-height: 24px;
  padding: 0 6px;
  background: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #222222;
}
.sbgrid-grid input[type=text]:active, .sbgrid-grid input[type=text]:focus {
  border-color: #37567d;
}
.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: #37567d;
}
.sbgrid-grid input[type=text].disabled, .sbgrid-grid input[type=text]:disabled {
  background: #f5f5f5 !important;
}
.sbgrid-grid .sbgrid-cell.sbgrid-edit input[type=text] {
  color: #222222;
  border: 1px solid #487190;
  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: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #222222;
}
.sbgrid-grid input[type=password]:active, .sbgrid-grid input[type=password]:focus {
  border-color: #37567d;
}
.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: #37567d;
}
.sbgrid-grid input[type=password].disabled, .sbgrid-grid input[type=password]:disabled {
  background: #f5f5f5 !important;
}
.sbgrid-grid .sbgrid-cell.sbgrid-edit input[type=password] {
  color: #222222;
  border: 1px solid #487190;
  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: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #222222;
}
.sbgrid-grid input[type=number]:active, .sbgrid-grid input[type=number]:focus {
  border-color: #37567d;
}
.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: #37567d;
}
.sbgrid-grid .sbgrid-cell.sbgrid-edit input[type=number] {
  border: 1px solid #487190;
  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: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #222222;
}
.sbgrid-grid .sbgrid-combobox:active, .sbgrid-grid .sbgrid-combobox:focus {
  border-color: #37567d;
}
.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: #37567d;
}
.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: #000;
}
.sbgrid-grid .sbgrid-cell.sbgrid-edit .sbgrid-combobox {
  border: 1px solid #487190;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.sbgrid-grid .sbgrid-combo-popup {
  position: absolute;
  z-index: 1000;
  background: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.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: #222222;
}
.sbgrid-grid .sbgrid-combo-popup div.sbgrid-wrap-popup ul.sbgrid-popup-items li:hover {
  background: rgba(200, 233, 255, 0.2);
}
.sbgrid-grid .sbgrid-combo-popup div.sbgrid-wrap-popup ul.sbgrid-popup-items li.sbgrid-combo-item-selected {
  background: #3e4f6c;
  color: #fff;
}
.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: #ffffff;
  border: 1px solid #d3d3d3;
  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: #487190;
  border: 1px solid #487190;
}
.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 #ffffff;
  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: #999999;
  border-radius: 3px;
}
.sbgrid-grid .sbgrid-combo-popup div.sbgrid-wrap-popup::-webkit-scrollbar-track {
  background-color: #e3e3e3;
  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-cell.sbgrid-edit textarea {
  border: 1px solid #487190;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

.sbgrid-alternate {
  background-color: #fafafa;
}
.sbgrid-alternate.sbgrid-alternate-2 {
  background-color: #f0f0f0;
}
.sbgrid-alternate.sbgrid-alternate-3 {
  background-color: #e6e6e6;
}

.sbgrid-row {
  box-sizing: border-box;
  color: #222222;
}
.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: #aadaff;
  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 input {
  width: 100%;
}
.sbgrid-row > .sbgrid-col.sbgrid-group.sbgrid-title span {
  padding: 0 5px;
  overflow: hidden;
  white-space: nowrap;
  color: #222222;
  text-overflow: ellipsis;
  box-sizing: border-box;
}
.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: rgba(255, 255, 255, 0.2);
}
.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;
}
.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 #37567d;
  background: rgba(33, 148, 242, 0.078) !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: rgba(33, 148, 242, 0.078) !important;
}
.sbgrid-row.sbgrid-caption > .sbgrid-col.sbgrid-focused:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: #476ea0;
  margin-bottom: -1px;
}
.sbgrid-row.sbgrid-caption > .sbgrid-col.reorderable {
  background-color: rgba(174, 208, 255, 0.1843137255);
}
.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 #e5e5e5;
}
.sbgrid-row.sbgrid-tree > .sbgrid-col.sbgrid-tree > .sbgrid-cell.sbgrid-tree > .sbgrid-space:not(.sbgrid-last) {
  background-color: #fff;
}
.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 #e5e5e5;
}
.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 #e5e5e5;
  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: #f8f8f8;
}
.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 #e5e5e5;
}
.sbgrid-row.sbgrid-tree.sbgrid-row.sbgrid-sticky {
  background-color: #f9fbff;
  box-shadow: 1px 3px 5px rgba(62, 62, 62, 0.161);
}

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

.sbgrid-invalid > .sbgrid-indicator {
  border: 3px solid red;
  border-color: red transparent transparent red;
  left: 0;
  transition: 0.1s all;
  position: absolute;
  top: 0;
}
.sbgrid-invalid > .sbgrid-indicator:hover {
  border: 5px solid red;
  border-color: red transparent transparent red;
  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 #d4d4d4;
  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 #cecece;
  display: flex;
  align-items: center;
}
.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: #222222;
  /*tool - right*/
}
.sbgrid-panel > .sbgrid-tools .sbgrid-tool input[type=button] {
  padding: 6px 10px;
  margin-right: 5px;
  background: #fefefe;
  border: 1px solid #e2e2e2;
  box-sizing: border-box;
  color: #222;
  transition: all 0.2s;
  cursor: pointer;
  font-size: 12px;
  border-radius: 3px;
}
.sbgrid-panel > .sbgrid-tools .sbgrid-tool input[type=button]:hover {
  background: #f6f6f6;
  transition: all 0.2s;
  border: 1px solid #c9c9c9;
}
.sbgrid-panel > .sbgrid-tools .sbgrid-tool .sbgrid-search-wrap {
  display: flex;
  align-items: center;
  border: 1px solid #e2e2e2;
  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: #222;
  box-sizing: border-box;
}
.sbgrid-panel > .sbgrid-tools .sbgrid-tool .sbgrid-grouping span.sbgrid-caption {
  color: #333;
  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: #efefef;
  border: 0;
  border-radius: 3px;
  color: #222222;
  font-family: inherit;
  font-size: 12px;
  transition: all 0.2s;
  cursor: pointer;
}
.sbgrid-panel > .sbgrid-tools .sbgrid-tool button:hover {
  background: #d6d6d6;
  transition: all 0.2s;
}
.sbgrid-panel > .sbgrid-tools .sbgrid-tool select {
  padding: 6px 10px;
  margin: 0 5px;
  background: #fefefe;
  border: 1px solid #e2e2e2;
  box-sizing: border-box;
  color: #222;
  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: #222;
}
.sbgrid-panel .sbgrid-row .sbgrid-sticky {
  background: #f9fbff; /*color: #222;*/
  z-index: 1;
}
.sbgrid-panel .sbgrid-row .sbgrid-sticky.sbgrid-selected {
  background: rgba(226, 243, 255, 0.4); /*color: #222;*/
}
.sbgrid-panel .sbgrid-row .sbgrid-sticky.sbgrid-selecting {
  background: #ebf0f7;
}
.sbgrid-panel .sbgrid-row .sbgrid-sticky.sbgrid-merged.sbgrid-selecting {
  background: #ebf0f7;
}
.sbgrid-panel .sbgrid-row .sbgrid-sticky.sbgrid-merged.sbgrid-selected {
  background: rgba(226, 243, 255, 0.4);
}
.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: #222;
}
.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: #37567d;
}
.sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools .sbgrid-icon.sbgrid-sort-default {
  color: #969696;
}
.sbgrid-panel.sbgrid-caption .sbgrid-row .sbgrid-col .sbgrid-caption .sbgrid-tools .sbgrid-icon.sbgrid-filter {
  padding: 0 10px;
  color: #969696;
  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: #222;
  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 #e5e5e5;
}
.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: #ebf0f7;
}
.sbgrid-panel.sbgrid-body .sbgrid-tbody .sbgrid-part.sbgrid-body .sbgrid-scroll .sbgrid-row .sbgrid-col.sbgrid-sticky {
  box-shadow: 1px 1px 5px rgba(62, 62, 62, 0.161);
}
.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: #222;
  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 #cecece;
}
.sbgrid-panel.sbgrid-scroll {
  border: 1px solid #cecece;
  box-sizing: border-box;
}

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

.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 #5db9ff;
}

.sbgrid-reorder-indicator.sbgrid-col {
  position: absolute;
  width: 1px;
  border-left: 3px dotted #37567d;
  opacity: 0;
  z-index: 10;
}

.sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator {
  border: 2px dotted #37567d;
  opacity: 1;
}

.sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-left {
  border-left: 2px dotted #37567d;
  opacity: 1;
}

.sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-right {
  border-right: 2px dotted #37567d;
  opacity: 1;
}

.sbgrid-reorder-indicator.sbgrid-row {
  position: absolute;
  border-top: 2px dotted #37567d;
  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 #5db9ff;
  opacity: 0;
  z-index: 100;
}
.sbgrid-resize-indicator:hover {
  opacity: 1;
}

div.sbgrid-resize-helper {
  width: 10px;
  border-left: 2px dotted #222;
  z-index: 10;
}

span.sbgrid-reorder-helper {
  border-left: 2px dotted #37567d;
  z-index: 10;
}

.sbgrid-group .sbgrid-grouping {
  display: flex;
  align-items: center;
  height: 24px;
  margin-right: 5px;
  padding: 0 10px;
  background: #ebebeb;
  border-radius: 30px;
  box-sizing: border-box;
  color: #222;
  cursor: pointer;
  font-size: 12px;
}

.sbgrid-draggable-helper.sbgrid-col {
  display: inline-flex;
  align-items: center;
  height: 24px;
  background: #e0e0e0;
  padding: 6px 15px;
  border-radius: 30px;
  box-sizing: border-box;
  font-size: 12px;
  color: #222;
  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: #222;
  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: #fff;
  min-height: 30px;
  padding: 0 15px;
  box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.1);
  border-radius: 0;
  font-size: 12px;
  color: #222;
  border-radius: 5px;
  border: 1px solid #c7c7c7;
}
.sbgrid-draggable-helper.sbgrid-rowreorder .sbgrid-icon.sbgrid-rowreorder:before {
  color: #37567d;
  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: #d3d3d3;
  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: #fdfdfd;
  border: 1px solid #dadada;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.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: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #222222;
  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: #37567d;
}
.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: #37567d;
}
.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: #adadb2;
  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: #adadb2;
  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: #ffffff;
  margin: 0 5px;
  border: 1px solid #d3d3d3;
  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: #487190;
  border: 1px solid #487190;
}
.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 #ffffff;
  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: #eaeaea;
  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: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 50%;
}
.sbgrid-filter.sbgrid-menu > .sbgrid-condition div.sbgrid-operator input[type=radio]:checked {
  position: relative;
  border: 1px solid #37567d;
}
.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: #37567d;
  border-radius: 50%;
}
.sbgrid-filter.sbgrid-menu > .sbgrid-condition div.sbgrid-operator label {
  display: inline-block;
  padding: 0 2px;
  line-height: 18px;
  color: #222222;
}
.sbgrid-filter.sbgrid-menu > .sbgrid-confirm {
  display: flex;
  justify-content: flex-end;
  padding-top: 10px;
  box-sizing: border-box;
  border-top: 1px solid #dadada;
}
.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: #37567d;
  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: #273e5a;
  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: #efefef;
  border: 0;
  border-radius: 3px;
  color: #222222;
  font-family: inherit;
  font-size: 12px;
  transition: all 0.2s;
  cursor: pointer;
}
.sbgrid-filter.sbgrid-menu > .sbgrid-confirm button.sbgrid-cancel:hover {
  background: #d6d6d6;
  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: #999999;
  border-radius: 3px;
}
.sbgrid-filter.sbgrid-menu .sbgrid-values > .sbgrid-value > ul::-webkit-scrollbar-track {
  background-color: #e3e3e3;
  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: #6b6f76;
  -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: #fdfdfd;
  border-radius: 5px;
  box-sizing: border-box;
}

.sbgrid-context-menu {
  position: absolute;
  display: table-cell;
  z-index: 2000;
  min-width: 130px;
  background-color: #fdfdfd;
  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: #fdfdfd;
  border-radius: 5px;
  box-sizing: border-box;
  border: 1px solid #dadada;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.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: #222222;
}
.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 #e8e8e8;
}
.sbgrid-menu-group > .sbgrid-menu .sbgrid-item:hover,
.sbgrid-context-menu > .sbgrid-menu .sbgrid-item:hover {
  background-color: rgba(200, 233, 255, 0.2);
}
.sbgrid-menu-group > .sbgrid-menu .sbgrid-item.sbgrid-disabled,
.sbgrid-context-menu > .sbgrid-menu .sbgrid-item.sbgrid-disabled {
  background: #f8f8f8;
}
.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: #cecece;
}
.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: #777;
  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: #222222;
  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: #999999;
  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: #e3e3e3;
  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: #ffffff;
  border: 1px solid #d3d3d3;
  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: #ffffff;
  border: 1px solid #d3d3d3;
}
.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: #3d6d91;
  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 #dadada;
}
.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: #37567d;
  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: #273e5a;
  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: #efefef;
  border: 0;
  border-radius: 3px;
  color: #222222;
  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: #d6d6d6;
  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: #f8f8f8;
}
.sbgrid-row.sbgrid-footer.sbgrid-fixed > .sbgrid-col.sbgrid-rowno {
  background: #f8f8f8;
}

.sbgrid-group .sbgrid-row {
  box-sizing: border-box;
}
.sbgrid-group .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: #555;
}
.sbgrid-group .sbgrid-icon.sbgrid-open, .sbgrid-group .sbgrid-icon.sbgrid-close {
  font-size: 14px;
  font-weight: bold;
}
.sbgrid-group.sbgrid-row.sbgrid-level-0 {
  background-color: #f0f8ff;
}
.sbgrid-group.sbgrid-row.sbgrid-level-0 > .sbgrid-sticky {
  background-color: #f0f8ff;
}
.sbgrid-group.sbgrid-row.sbgrid-level-1 {
  background-color: #f5f5dc;
}
.sbgrid-group.sbgrid-row.sbgrid-level-1 > .sbgrid-sticky {
  background-color: #f5f5dc;
}
.sbgrid-group.sbgrid-row.sbgrid-level-2 {
  background-color: #faebd7;
}
.sbgrid-group.sbgrid-row.sbgrid-level-2 > .sbgrid-sticky {
  background-color: #faebd7;
}
.sbgrid-group.sbgrid-indicator.sbgrid-level-0 {
  background-color: #f0f8ff;
}
.sbgrid-group.sbgrid-indicator.sbgrid-level-1 {
  background-color: #f5f5dc;
}
.sbgrid-group.sbgrid-indicator.sbgrid-level-2 {
  background-color: #faebd7;
}
.sbgrid-group.sbgrid-title.sbgrid-level-0 {
  background-color: #f0f8ff;
}
.sbgrid-group.sbgrid-title.sbgrid-level-1 {
  background-color: #f5f5dc;
}
.sbgrid-group.sbgrid-title.sbgrid-level-2 {
  background-color: #faebd7;
}
.sbgrid-group.sbgrid-hidden {
  display: none;
}
.sbgrid-group.sbgrid-title {
  cursor: pointer;
}

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

.sbgrid-disabled {
  color: #b7b7b7 !important;
  pointer-events: none;
}

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

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

.sbgrid-selected {
  background: rgba(226, 243, 255, 0.4);
}

.sbgrid-unselected {
  background-color: #fff;
}

.sbgrid-selecting {
  background: rgba(226, 243, 255, 0.4);
}

.sbgrid-focused {
  background-color: rgba(81, 143, 255, 0.15);
}

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

.sbgrid-hover {
  position: absolute;
  transform: translate(0px, 0px);
  /* transform: scale(0); */
  background-color: rgba(200, 233, 255, 0.2);
  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 red;
  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 red;
  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 red;
  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 red;
  z-index: 1;
}
.sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-fill-handle-top {
  border-top: 1px solid #5db9ff;
}
.sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-fill-handle-left {
  border-left: 1px solid #5db9ff;
}
.sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-fill-handle-bottom {
  border-bottom: 1px solid #5db9ff;
}
.sbgrid-panel.sbgrid-body .sbgrid-row > .sbgrid-col.sbgrid-fill-handle-right {
  border-right: 1px solid #5db9ff;
}
.sbgrid-panel.sbgrid-body .sbgrid-fill-handle::after {
  content: "";
  border: 3px solid #5db9ff;
  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 #dbdbe2;
  outline: 0px;
}
.sbgrid-panel.sbgrid-body .sbgrid-col.sbgrid-title.sbgrid-group {
  margin-top: -0.5px;
  border-top: 1px solid #dbdbe2;
  outline: 0px;
}

/*main color*/
.sbgrid-tooltip {
  position: relative;
  z-index: 5;
  padding: 5px 8px;
  background-color: #f8fbff;
  font-size: 12px;
  box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
  opacity: 0;
  border-radius: 3px;
  border: 1px solid #c1d4ed;
  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: #f8fbff;
}
.sbgrid-tooltip:after {
  content: "";
  position: absolute;
  border-width: 5px;
  border-style: solid;
  border-color: #f8fbff;
}
.sbgrid-tooltip .sbgrid-title {
  color: #084298;
}
.sbgrid-tooltip[data-placement=top]:before {
  top: 100%;
  left: 50%;
  margin-top: 1px;
  margin-left: -5px;
  border-color: #c1d4ed transparent transparent transparent;
}
.sbgrid-tooltip[data-placement=top]:after {
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-color: #f8fbff transparent transparent transparent;
}
.sbgrid-tooltip[data-placement=bottom]:before {
  top: -10px;
  left: 50%;
  margin-top: -1px;
  margin-left: -5px;
  border-color: transparent transparent #c1d4ed transparent;
}
.sbgrid-tooltip[data-placement=bottom]:after {
  top: -10px;
  left: 50%;
  margin-left: -5px;
  border-color: transparent transparent #f8fbff transparent;
}
.sbgrid-tooltip[data-placement=right]:before {
  top: 50%;
  left: -10px;
  margin-top: -5px;
  margin-left: -1px;
  border-color: transparent #c1d4ed transparent transparent;
}
.sbgrid-tooltip[data-placement=right]:after {
  top: 50%;
  left: -10px;
  margin-top: -5px;
  border-color: transparent #f8fbff transparent transparent;
}
.sbgrid-tooltip[data-placement=left]:before {
  top: 50%;
  right: -10px;
  margin-top: -5px;
  margin-right: -1px;
  border-color: transparent transparent transparent #c1d4ed;
}
.sbgrid-tooltip[data-placement=left]:after {
  top: 50%;
  right: -10px;
  margin-top: -5px;
  border-color: transparent transparent transparent #f8fbff;
}
.sbgrid-tooltip.sbgrid-invalid {
  padding: 7px 10px;
  background: #ffffff;
  border: 1px solid #dbdbdb;
}
.sbgrid-tooltip.sbgrid-invalid .sbgrid-title {
  color: #000;
}
.sbgrid-tooltip.sbgrid-invalid:before {
  content: "";
  position: absolute;
  border-width: 5px;
  border-style: solid;
  border-color: #dbdbdb;
}
.sbgrid-tooltip.sbgrid-invalid[data-placement=top]:before {
  top: 100%;
  left: 50%;
  margin-top: 1px;
  margin-left: -5px;
  border-color: #dbdbdb transparent transparent transparent;
}
.sbgrid-tooltip.sbgrid-invalid[data-placement=top]:after {
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-color: #ffffff 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 #dbdbdb transparent;
}
.sbgrid-tooltip.sbgrid-invalid[data-placement=bottom]:after {
  top: -10px;
  left: 50%;
  margin-left: -5px;
  border-color: transparent transparent #ffffff transparent;
}
.sbgrid-tooltip.sbgrid-invalid[data-placement=right]:before {
  top: 50%;
  left: -10px;
  margin-top: -5px;
  margin-left: -1px;
  border-color: transparent #dbdbdb transparent transparent;
}
.sbgrid-tooltip.sbgrid-invalid[data-placement=right]:after {
  top: 50%;
  left: -10px;
  margin-top: -5px;
  border-color: transparent #ffffff 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 #dbdbdb;
}
.sbgrid-tooltip.sbgrid-invalid[data-placement=left]:after {
  top: 50%;
  right: -10px;
  margin-top: -5px;
  border-color: transparent transparent transparent #ffffff;
}

.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: rgba(255, 255, 255, 0.7);
  /*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 #5db9ff;
  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: #5db9ff;
  border-radius: 50%;
}
.sbgrid-panel.sbgrid-loading > .loader-wrap .loader01:before {
  content: "";
  position: absolute;
  top: 32px;
  left: 34px;
  width: 8px;
  height: 8px;
  background: #5db9ff;
  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: #5db9ff;
  border-bottom-color: #5db9ff;
  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 #5db9ff, 13px 20px 0 rgba(0, 82, 236, 0.2), 13px 46px 0 rgba(0, 82, 236, 0.2), -13px 46px 0 rgba(0, 82, 236, 0.2);
  }
  25% {
    box-shadow: -13px 20px 0 rgba(0, 82, 236, 0.2), 13px 20px 0 #5db9ff, 13px 46px 0 rgba(0, 82, 236, 0.2), -13px 46px 0 rgba(0, 82, 236, 0.2);
  }
  50% {
    box-shadow: -13px 20px 0 rgba(0, 82, 236, 0.2), 13px 20px 0 rgba(0, 82, 236, 0.2), 13px 46px 0 #5db9ff, -13px 46px 0 rgba(0, 82, 236, 0.2);
  }
  75% {
    box-shadow: -13px 20px 0 rgba(0, 82, 236, 0.2), 13px 20px 0 rgba(0, 82, 236, 0.2), 13px 46px 0 rgba(0, 82, 236, 0.2), -13px 46px 0 #5db9ff;
  }
}
.sbgrid-panel.sbgrid-loading > .loader-wrap .loader04 {
  position: absolute;
  top: 50%;
  width: 10px;
  height: 48px;
  background: #5db9ff;
  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: #5db9ff;
  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 #5db9ff, 0 0 0 #5db9ff;
  }
  50% {
    box-shadow: 0 -13px 0 #5db9ff, 0 13px 0 #5db9ff;
  }
}
.sbgrid-panel.sbgrid-loading > .loader-wrap .loader04 {
  position: absolute;
  top: 50%;
  width: 10px;
  height: 48px;
  background: #5db9ff;
  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: #5db9ff;
  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 #5db9ff, 0 0 0 #5db9ff;
  }
  50% {
    box-shadow: 0 -13px 0 #5db9ff, 0 13px 0 #5db9ff;
  }
}

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: #949494;
  box-sizing: border-box;
}
button.sbgrid-filter .sbgrid-filter.sbgrid-icon.sbgrid-filled {
  color: #949494;
}

.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: #f5f5f5;
  height: 40px;
  width: 284px;
  font-size: 12px;
  color: #000;
}
.search-result span.search-result-wrap .sbgrid-search {
  font-weight: bold;
  color: #000;
  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: #f5f5f5;
  padding: 30px 50px;
  border: 1px solid #e5e5e5;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
  font-size: 12px;
}
.popup-text .popup-search-result-wrap .sbgrid-search {
  font-weight: bold;
  color: #000;
  padding: 0 10px;
  font-size: 15px;
}
.popup-text .popup-search-result-wrap .sbgrid-text {
  color: #000;
}
.popup-text .popup-text-result-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f5f5f5;
  padding: 2em 3em;
  border: 1px solid #e5e5e5;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
  font-size: 12px; /* color:#ffffff;*/
}
.popup-text .popup-text-result-wrap .sbgrid-trial-check {
  position: relative;
  display: block;
  width: 22px;
  height: 22px;
  background: #5db9ff;
  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: #e5e5e5;
  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: #000;
  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: #fdfdfd;
  border: 1px solid #dadada;
  border-radius: 5px;
  font-size: 12px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}
.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: #222222;
}
.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: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 12px;
  box-sizing: border-box;
  outline: 0;
  color: #222222;
  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: #37567d;
}
.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: #37567d;
}
.sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-condition {
  margin: 10px 0;
  padding: 1em;
  background: #f5f5f5;
  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: #222222;
}
.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: #fff;
  margin: 0 5px;
  border: 1px solid #bebebe;
  border-radius: 3px;
  box-sizing: border-box;
}
.sbgrid-popup.sbgrid-search .sbgrid-area.sbgrid-condition .sbgrid-area input[type=checkbox]:checked {
  position: relative;
  background: #487190;
  border: 1px solid #487190;
}
.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 #fff;
  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 #dadada;
}
.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: #37567d;
  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: #273e5a;
  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: #efefef;
  border: 0;
  border-radius: 3px;
  color: #222222;
  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: #d6d6d6;
  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 #37567d;
  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: #37567d;
  font-size: 10px;
}

.sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator {
  border: 1px dashed #5db9ff;
  opacity: 1;
  position: relative;
}
.sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-left {
  position: relative;
  border-left: 1px dashed #5db9ff;
  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 #5db9ff;
}
.sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-right {
  position: relative;
  border-right: 1px dashed #5db9ff;
  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 #5db9ff;
}
.sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-bottom {
  position: relative;
  border-bottom: 1px dashed #5db9ff;
  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 #5db9ff;
}
.sbgrid-panel.sbgrid-body .sbgrid-row .sbgrid-col.sbgrid-cell-indicator-top {
  position: relative;
  border-top: 1px dashed #5db9ff;
  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 #5db9ff;
}