/*
 * Do NOT edit this file by hand!
 * Edit the SCSS instead and re-compile.
 * Compiled 2023-09-14
 */
#loading-indicator {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.5);
}
#loading-indicator > div {
  position: relative;
  top: 100px;
}
.category-folders-search-container {
  position: relative;
  margin-left: 15px;
}
.category-folders-search-container img {
  position: absolute;
  top: 8px;
  right: 10px;
}
#category-folders-ghost {
  position: absolute;
  z-index: 1200;
  width: 250px;
  height: 40px;
  border: 1px solid #05356c;
  background-color: #92cbee;
  display: flex;
  align-items: center;
  padding-left: 12px;
}
.category-folders-config {
  border-top: 1px solid #c8c9c9;
}
.category-folders-config.drag-context .category, .category-folders-config.drag-context .folder {
  cursor: pointer;
}
.category-folders-config.drag-context .folder-children .folder-children-container {
  margin-top: -2px;
}
.category-folders-config .droppable-item {
  height: 0;
  transition: height 150ms;
}
.category-folders-config .droppable-item.open-drop {
  height: 40px;
  background-color: rgba(146, 203, 238, 0.5);
}
.category-folders-config .droppable-item.open-drop.drop {
  background-color: #92cbee;
}
.category-folders-config .folder-container {
  position: relative;
  z-index: 5;
}
.category-folders-config .folder-container.selected {
  z-index: 10 !important;
}
.category-folders-config .folder-container.selected > .folder {
  border-color: #05356c;
  background-color: #92cbee;
  z-index: 10 !important;
}
.category-folders-config .folder-container.selected > .folder .drag-handle {
  background: url("[{$dir_images}]icons/hatch-selected.gif");
}
.category-folders-config .folder-container.open-drop > .folder {
  background-color: rgba(146, 203, 238, 0.5);
}
.category-folders-config .folder-container.drop > .folder {
  background-color: #92cbee;
}
.category-folders-config .folder-container.dragged-item {
  opacity: 0.5;
}
.category-folders-config .folder, .category-folders-config .category {
  display: flex;
  align-items: center;
  height: 40px;
  padding-left: 4px;
  border: 1px solid #c8c9c9;
  margin-top: -1px;
  position: relative;
  z-index: 5;
}
.category-folders-config .folder.dragged-item, .category-folders-config .category.dragged-item {
  opacity: 0.5;
}
.category-folders-config .folder.selected, .category-folders-config .category.selected {
  border-color: #05356c !important;
  background-color: #92cbee !important;
  z-index: 10 !important;
}
.category-folders-config .folder.selected .drag-handle, .category-folders-config .category.selected .drag-handle {
  background: url("[{$dir_images}]icons/hatch-selected.gif");
}
.category-folders-config .folder .drag-handle, .category-folders-config .category .drag-handle {
  cursor: move;
  width: 11px;
  height: 14px;
  margin: 0 5px;
  background: url("[{$dir_images}]icons/hatch.gif");
}
.category-folders-config .folder .btn[data-action], .category-folders-config .category .btn[data-action] {
  opacity: 0;
  margin: 0 5px;
}
.category-folders-config .folder > span, .category-folders-config .category > span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 10px;
}
.category-folders-config .folder:hover, .category-folders-config .category:hover {
  background: #e6e7e7;
}
.category-folders-config .folder:hover .btn[data-action], .category-folders-config .category:hover .btn[data-action] {
  opacity: 1;
}
.category-folders-config.selectable .category {
  padding-left: 28px;
}
.category-folders-config.selectable .folder {
  cursor: pointer;
}
.category-folders-config.selectable .folder input[type="radio"] {
  margin-left: 4px;
  margin-right: 8px;
}
.category-folders-config .folder-children {
  border: 1px solid transparent;
  border-right-width: 0;
  border-left-color: #c8c9c9;
  border-bottom-color: #c8c9c9;
}
.category-folders-config .folder-children .folder-children-container {
  margin: -1px 0 20px 40px;
}
.category-folders-config .folder-children .folder-children-container .category:first-of-type {
  margin-top: -2px;
}
#category-folders-popup_create-folder table.contentTable tr td.key {
  width: 120px;
}
