*::-webkit-scrollbar {
  width: 8px; /* 스크롤바의 너비 */
  height: 8px;
}

*::-webkit-scrollbar-thumb {
  background: var(--qt-bg-focus); /* 스크롤바의 색상 */
  border-radius: 2rem;
  background-clip: padding-box;
  border: 2px solid transparent;
  transition: background 0.2s;
}
*::-webkit-scrollbar-thumb:hover {
  background: var(--qt-ch-secondary); /* 스크롤바의 색상 */
  background-clip: padding-box;
  border: 2px solid transparent;
}

*::-webkit-scrollbar-track {
  background: transparent; /*스크롤바 뒷 배경 색상*/
  border-radius: 2rem;
}

.react-grid-item.react-grid-placeholder {
  border-radius: 0.5rem !important;
  background: rgba(0, 0, 0, 0.5) !important;
  filter: blur(8px) !important;
}

.rst__tree {
  overflow: auto;
  flex-shrink: 1;
  flex-grow: 1;
  height: 25rem;
  /*border: 1px solid #bbb;*/
}

.rst__tree .rst__virtualScrollOverride > div {
  padding-top: 0.5rem;
}
.rst__tree .rst__rowWrapper {
  padding: 0.5rem 0.5rem 0.5rem 0;
}
.rst__tree .rst__rowWrapper .rst__row {
  height: 1rem;
}
.rst__tree .rst__rowWrapper .rst__row:focus-within {
  border-color: #5b7eff;
}
.rst__tree .rst__rowWrapper .rst__row .rst__rowSearchMatch {
  border-color: #5b7eff;
  outline: 1px solid #5b7eff;
}
.rst__tree .rst__rowWrapper .rst__row .rst__rowSearchFocus {
  background-color: #5b7eff35;
}

.rst__tree .rst__rowWrapper .rst__moveHandle {
  width: 18px;
  border: none;
  box-shadow: none;
  border-radius: 0;
  background-size: 28px;
}

.rst__tree .rst__rowWrapper .rst__rowContents {
  padding: 0;
  box-shadow: none;
  border-radius: 0;
  border: none;
  background-color: transparent;
  min-width: 10rem;
}

.rst__tree .rst__rowWrapper .rst__rowContents .rst__rowLabel {
  flex: 1 1 0;
  padding: 0;
}
.rst__tree .rst__rowWrapper .rst__rowContents .rst__rowLabel > input {
  width: 100%;
  padding: 0;
  outline: none;
  font-weight: 500;
  text-overflow: ellipsis;
}
.rst__tree
  .rst__rowWrapper
  .rst__rowContents
  .rst__rowLabel
  > input::placeholder {
  color: #ccc;
}

.rst__tree .rst__rowWrapper .rst__rowContents .rst__rowToolbar {
}

.rst__tree
  .rst__rowWrapper
  .rst__rowContents
  .rst__rowToolbar
  .rst__toolbarButton {
  display: flex;
}

.rst__tree
  .rst__rowWrapper
  .rst__rowContents
  .rst__rowToolbar
  .rst__toolbarButton
  > button {
  width: 20px;
  aspect-ratio: 1;
  border-radius: 2px;
  background-color: #eee;
  color: #fff;
  margin-left: 3px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.rst__tree
  .rst__rowWrapper
  .rst__rowContents
  .rst__rowToolbar
  .rst__toolbarButton
  > button.minus {
}

.rst__tree
  .rst__rowWrapper
  .rst__rowContents
  .rst__rowToolbar
  .rst__toolbarButton
  > button.minus::before {
  content: '';
  width: 0.5rem;
  height: 1px;
  background-color: #5b7eff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.rst__tree
  .rst__rowWrapper
  .rst__rowContents
  .rst__rowToolbar
  .rst__toolbarButton
  > button.plus {
}

.rst__tree
  .rst__rowWrapper
  .rst__rowContents
  .rst__rowToolbar
  .rst__toolbarButton
  > button.plus::before {
  content: '';
  width: 0.5rem;
  height: 1px;
  background-color: #5b7eff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.rst__tree
  .rst__rowWrapper
  .rst__rowContents
  .rst__rowToolbar
  .rst__toolbarButton
  > button.plus::after {
  content: '';
  width: 1px;
  height: 8px;
  background-color: #5b7eff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.rst__tree .rst__expandButton {
  width: 1rem;
  height: 1rem;
  box-shadow: none;
  object-fit: cover;

  background-size: 1rem;
  top: 1rem;
  padding: 0.5rem !important;
  right: 0 !important;
  background-image: url('../img/category/plusicon.svg');
  background-color: transparent;
  border-radius: 0;
}

.rst__tree .rst__expandButton:hover:not(:active) {
  width: 1rem;
  height: 1rem;
  background-size: 1rem;
  border-color: blue;
}

.rst__tree .rst__collapseButton {
  width: 1rem;
  height: 1rem;
  box-shadow: none;
  object-fit: cover;

  background-size: 1rem;
  top: 1rem;
  background-image: url('../img/category/minusicon.svg');
  background-color: transparent;
  border-radius: 0;
}

.rst__tree .rst__collapseButton:hover:not(:active) {
  width: 1rem;
  height: 1rem;
  background-size: 1rem;
  border-color: blue;
}
.rst__lineChildren {
  left: -2rem !important;
}
.rst__tree .rst__lineChildren::after {
  background-color: #000;
  display: none;
}
.rst__tree .rst__lineHalfHorizontalRight::before {
  background-color: #000;
  display: none;
}
.rst__tree .rst__lineFullVertical::after {
  background-color: #000;
  display: none;
}
.rst__tree .rst__lineHalfVerticalTop::after {
  background-color: #000;
  display: none;
}
.rst__tree .rst__lineHalfVerticalBottom::after {
  background-color: #000;
  display: none;
}
.rst__lineBlock {
  display: none !important;
}
.rst__node {
  display: flex;
}

.rst__rowTitle {
  font-size: 1rem !important;
  font-weight: normal !important;
  color: var(--bs-dark);
}

.rst__nodeContent {
  top: 0 !important;
}

.notification-container {
  top: auto !important;
  bottom: 1rem !important;
}

.table > :not(caption) > * > * {
  padding: 0.8rem 0.4rem;
  background-color: transparent;
}
.table-hover > tbody > tr:hover > * {
  box-shadow: none;
}