/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Theme related colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
/* ---------------------------------------------------------
		Code below from variables-new - To-do: cleanup/merge
------------------------------------------------------------ */
/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Theme related colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Theme related colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
/* ---------------------------------------------------------
		Code below from variables-new - To-do: cleanup/merge
------------------------------------------------------------ */
/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Theme related colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* ---------------------------------------
		Import library files
--------------------------------------- */
/* --------------------------------------- 
		Override default values if the customer file is found
        PropertyTypes are: hex, integer, color. string, px, %, boolean, raw
--------------------------------------- */
/* --------------------------------------- 
		Basic colors
--------------------------------------- */
/* --------------------------------------- 
		Theme related colors
--------------------------------------- */
/* --------------------------------------- 
		Color palette light mode
--------------------------------------- */
/* --------------------------------------- 
		Color palette dark mode
--------------------------------------- */
/* --------------------------------------- 
		Generic portal variables
--------------------------------------- */
/* --------------------------------------- 
		Login screens
--------------------------------------- */
/* --------------------------------------- 
		Navigation bar
--------------------------------------- */
/* --------------------------------------- 
		Side bar
--------------------------------------- */
/* --------------------------------------- 
		Classlists
--------------------------------------- */
/* --------------------------------------- 
		Classlists - TreeGrid
--------------------------------------- */
/* --------------------------------------- 
		Graphs
--------------------------------------- */
/* --------------------------------------- 
		Source Code Editor
--------------------------------------- */
/* --------------------------------------- 
		Popup Menu
--------------------------------------- */
/* --------------------------------------- 
		Class list nav tabs
--------------------------------------- */
/* --------------------------------------- 
		Breadcrumbs
--------------------------------------- */
/* --------------------------------------- 
		Classlist
--------------------------------------- */
/* --------------------------------------- 
		Download Manager
--------------------------------------- */
/* --------------------------------------- 
		SelectTypePopup
--------------------------------------- */
/* ---------------------------------------------------------
		Code below from variables-new - To-do: cleanup/merge
------------------------------------------------------------ */
.dbq-inline-loading-indicator {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #000000;
}
.dbq-inline-loading-indicator .inline-loading-indicator,
.dbq-inline-loading-indicator .dbq-inline-loading-indicator {
  margin-right: 5px;
}

.dbq-text-align-left {
  text-align: left;
}

.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.disabled a:hover {
  cursor: not-allowed;
}
.disabled svg {
  opacity: 0.5;
}

@keyframes loading {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/* Empty text */
.dbqkbc-clearfix:after {
  content: "";
  clear: both;
  display: table;
}

textarea:focus {
  outline: none;
}

input:focus {
  outline: none;
}

.dbqkbc-container {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.dbqkbc-container::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.dbqkbc-container::-webkit-scrollbar-corner, .dbqkbc-container::-webkit-scrollbar-corner {
  background-color: #ffffff;
}
.dbqkbc-container {
  scrollbar-face-color: #ff7500;
  scrollbar-track-color: #dddddd;
}
.dbqkbc-container::-webkit-scrollbar, .dbqkbc-container::-webkit-scrollbar-corner, .dbqkbc-container::-webkit-scrollbar-track, .dbqkbc-container::-webkit-scrollbar-thumb {
  border-radius: 10px;
}
.dbqkbc-container::-webkit-scrollbar, .dbqkbc-container::-webkit-scrollbar-track {
  width: 7.5px;
  height: 7.5px;
  border-radius: 10px;
  background-color: transparent !important;
  background: transparent !important;
}
.dbqkbc-container::-webkit-scrollbar-thumb {
  border-radius: 7.5px;
  transition: all 0.4s;
  background: #dddddd !important;
  background-color: #dddddd !important;
  border: none !important;
}
.dbqkbc-container::-webkit-scrollbar-thumb:hover {
  background-color: #ff7500 !important;
}

.dbqkbc-articles-container[data-display-mode="1"] .dbqkbc-article {
  display: none;
}

.dbqkbc-files-container[data-display-mode="1"] .dbqkbc-file {
  display: none;
}

.dbqkbfc-filter-button {
  line-height: 28px;
}
.dbqkbfc-filter-button svg {
  float: left;
  margin: 2px 10px 2px 0 !important;
  fill: white;
}

.dbqkbc-filters-container {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}
.dbqkbc-filters-container .dbqkbfc-toolbar-container {
  width: 100%;
}
.dbqkbc-filters-container .dbqkbfc-toolbar-container .dbqkbfc-search-container {
  float: right;
  position: relative;
  padding: 20px 0;
}
.dbqkbc-filters-container .dbqkbfc-toolbar-container .dbqkbfc-search-container .dbqkbfc-input-search {
  float: left;
  height: 40px;
  border: 1px solid #E0E0E0;
  background: #FFFFFF;
  border-radius: 25px;
  padding: 0 15px 0 40px;
}
.dbqkbc-filters-container .dbqkbfc-toolbar-container .dbqkbfc-search-container svg {
  position: absolute;
  left: 0;
  margin: 12px;
  fill: #707070;
}
.dbqkbc-filters-container .dbqkbfc-toolbar-container .dbqkbfc-filter-button {
  float: right;
  margin-right: 20px;
}

.dbqkba-article {
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: relative;
}
.dbqkba-article .dropdown {
  position: absolute;
  top: 0;
  right: 0;
}
.dbqkba-article .dropdown .dropdown-toggle {
  background: 0;
  border: 0;
  box-shadow: none;
}
.dbqkba-article img {
  float: left;
  width: 100%;
  height: 200px;
  object-fit: cover;
  object-position: center;
  border-radius: 5px 5px 0 0;
}
.dbqkba-article h5 {
  float: left;
  width: 100%;
  color: #F9C016;
  font-size: 20px;
  font-weight: normal;
  line-height: 21px;
  padding: 20px 20px 0 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dbqkba-article h4 {
  float: left;
  width: 100%;
  color: #000000;
  font-size: 24px;
  font-weight: normal;
  line-height: 28px;
  font-style: normal;
  padding: 0 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dbqkba-article p {
  float: left;
  width: 100%;
  color: #000000;
  font-size: 16px;
  font-weight: normal;
  line-height: 28px;
  padding: 0 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: normal;
}

.dbqkbpc-load-more-button {
  float: right;
  font-weight: 600;
}

.dbqkbc-loading-spinner-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.dbqkbc-loading-spinner-container .dbqkbc-loading-spinner {
  border: 1px solid #3C3B3B;
  border-radius: 50%;
  border-right-color: transparent;
  border-bottom-color: transparent;
  width: 80px;
  height: 80px;
  animation-name: loading;
  animation-duration: 700ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.dbqkbc-loading-spinner-container {
  position: absolute;
  background: rgba(255, 255, 255, 0.5019607843);
  z-index: 2;
  margin: 0;
  padding: 15px 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.dbqkbc-loading-spinner-container.dbqkbc-loading-spinner-opaque {
  position: unset;
  opacity: 1;
  background: none;
}

.dbqkbc-empty-text {
  float: left;
  width: 100%;
}

.dbqkbc-active-item {
  background-color: #fbfbfb !important;
  border-left: 5px solid #ff7500;
}
.dbqkbc-active-item .dbqkba-article-text-container {
  padding-left: 15px !important;
  width: calc(100% - 35px) !important;
  max-width: calc(100% - 35px) !important;
}

.dbqkbc-folders-container {
  display: flex;
  margin: 0;
  float: left;
  width: 100%;
  padding: 10px 5px;
}
.dbqkbc-folders-container .dbqkbc-folder-categories-container {
  float: left;
  width: 100%;
  padding: 0;
}
.dbqkbc-folders-container .dbqkbc-folder-categories-container .dbqkbc-folder-categories-content-container {
  display: flex;
  position: relative;
}
.dbqkbc-folders-container .dbqkbc-folder-categories-container .dbqkbc-folder-categories-content-container .row {
  float: left;
  width: 100%;
  margin: 0;
}
.dbqkbc-folders-container .dbqkbc-folder-scrollbar-container {
  padding: 5px;
}

.dbqkbf-folder {
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: #FFFFFF;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1490196078);
  border-radius: 5px;
  position: relative;
}
.dbqkbf-folder .dropdown {
  position: absolute;
  top: 0;
  right: 0;
}
.dbqkbf-folder .dropdown .dropdown-toggle {
  background: 0;
  border: 0;
  box-shadow: none;
}
.dbqkbf-folder img {
  float: left;
  width: 100%;
  height: 200px;
  object-fit: cover;
  object-position: center;
  border-radius: 5px 5px 0 0;
}
.dbqkbf-folder h5 {
  float: left;
  width: 100%;
  color: #F9C016;
  font-size: 20px;
  font-weight: normal;
  line-height: 21px;
  padding: 20px 20px 0 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dbqkbf-folder h4 {
  float: left;
  width: 100%;
  color: #000000;
  font-size: 24px;
  font-weight: normal;
  line-height: 28px;
  font-style: normal;
  padding: 0 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dbqkbf-folder p {
  float: left;
  width: 100%;
  color: #000000;
  font-size: 16px;
  font-weight: normal;
  line-height: 28px;
  padding: 0 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: normal;
}

.dbqkbf-folder-img-container {
  float: left;
}

.dbqkbf-folder-text-container {
  float: left;
}

.dbqkbc-folder-paging-container {
  float: left;
  width: 100%;
}

.dbqkbc-articles-container {
  float: left;
  margin: 15px;
  background-color: #fbfbfb;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  width: calc(100% - 30px);
  min-height: 90px;
  border-radius: 10px;
}
.dbqkbc-articles-container.dbqkbc-articles-container-empty {
  display: none;
}
.dbqkbc-articles-container .dbqkbc-articles {
  float: left;
  width: 100%;
  flex: 1;
}
.dbqkbc-articles-container .dbqkbc-articles ul:not([class*=dbq-list-type-]) {
  padding-inline-start: 20px;
}
.dbqkbc-articles-container .dbqkbc-articles .row:not(.dbqdb-alert),
.dbqkbc-articles-container .dbqkbc-articles .element.flex-container,
.dbqkbc-articles-container .dbqkbc-articles ol,
.dbqkbc-articles-container .dbqkbc-articles ul {
  width: 100%;
}
.dbqkbc-articles-container .dbqkbc-articles .row:not(.dbqdb-alert),
.dbqkbc-articles-container .dbqkbc-articles .element.flex-container,
.dbqkbc-articles-container .dbqkbc-articles li > ul,
.dbqkbc-articles-container .dbqkbc-articles li > ol {
  margin: 0;
}
.dbqkbc-articles-container .dbqkbc-articles h3 {
  font-size: 24px;
  font-weight: bold;
  line-height: 40px;
  margin: 20px 0;
  padding: 0 15px;
}
.dbqkbc-articles-container .dbqkbc-articles .dbqkbc-articles-header {
  display: flex;
  flex-direction: row;
}
.dbqkba-article[data-document-version-state="0"] .dbqkba-article-content, .dbqkba-article[data-document-version-state="2"] .dbqkba-article-content {
  opacity: 0.5;
}
.dbqkba-article .dbqkba-article-content[data-has-image=false] .dbqkba-article-text-container {
  width: calc(100% - 40px);
  max-width: calc(100% - 40px);
  padding: 20px;
}

.dbqkba-document-tags .dbqkba-document-tag {
  display: inline-flex;
  font-size: 11px;
  line-height: 16px;
  font-weight: 600;
  color: #FFFFFF;
  background: #0054F0;
  padding: 3px 7px;
  margin-right: 3px;
  border-radius: 5px;
}

.dbqkba-article-content {
  width: 100%;
  height: 100%;
}

.dbqkbc-articles-empty-container {
  display: flex;
  width: 100%;
}

.dbqkbc-articles-content-container {
  display: flex;
  flex-direction: row;
  height: 100%;
}
.dbqkbc-articles-content-container .dbqkbc-articles-list-container {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  background: #f8f8fa;
  border-radius: 10px 0 0 10px;
  overflow: hidden;
}
.dbqkbc-articles-content-container .dbqkbc-articles-list-container .dbqkbc-articles-content {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
}
.dbqkbc-articles-content-container .dbqkbc-articles-list-container .dbqkbc-articles-content .dbqkbc-loading-spinner-container {
  height: 100%;
  margin-top: 0;
}
.dbqkbc-articles-content-container .dbqkbc-articles-list-container .dbqkbc-article-scrollbar-container {
  position: absolute;
  top: 3px;
  right: 0;
  bottom: 3px;
  z-index: 3;
  visibility: hidden;
}
.dbqkbc-articles-content-container .dbqkbc-articles-list-container .dbqkbc-article-scrollbar-container .dbqsb-scrollbar {
  margin: 0;
  height: 100%;
}
.dbqkbc-articles-content-container .dbqkbc-articles-list-container:hover .dbqkbc-article-scrollbar-container {
  visibility: visible;
}
.dbqkbc-articles-content-container .dbqkbc-article-content {
  padding: 15px 30px;
}
.dbqkbc-articles-content-container[data-is-compact-mode-enabled=true] .dbqkbc-articles-list-container {
  border-radius: 10px;
}
.dbqkbc-articles-content-container[data-is-compact-mode-enabled=true] .dbqkbc-articles-list-container .dbqkbc-articles-content .dbqkbc-col {
  border-bottom: 1px solid #f4f4f4;
}
.dbqkbc-articles-content-container[data-is-compact-mode-enabled=true] .dbqkbc-articles-list-container .dbqkbc-articles-content .dbqkbc-col .dbqkba-article {
  background: #fbfbfb;
}
.dbqkbc-articles-content-container[data-horizontal-ratio="1"] .dbqkbc-articles-list-container {
  width: 8%;
}
.dbqkbc-articles-content-container[data-horizontal-ratio="1"] .dbqkbc-article-content {
  width: 92%;
}
.dbqkbc-articles-content-container[data-horizontal-ratio="2"] .dbqkbc-articles-list-container {
  width: 16%;
}
.dbqkbc-articles-content-container[data-horizontal-ratio="2"] .dbqkbc-article-content {
  width: 84%;
}
.dbqkbc-articles-content-container[data-horizontal-ratio="3"] .dbqkbc-articles-list-container {
  width: 25%;
}
.dbqkbc-articles-content-container[data-horizontal-ratio="3"] .dbqkbc-article-content {
  width: 75%;
}
.dbqkbc-articles-content-container[data-horizontal-ratio="4"] .dbqkbc-articles-list-container {
  width: 34%;
}
.dbqkbc-articles-content-container[data-horizontal-ratio="4"] .dbqkbc-article-content {
  width: 66%;
}
.dbqkbc-articles-content-container[data-horizontal-ratio="5"] .dbqkbc-articles-list-container {
  width: 42%;
}
.dbqkbc-articles-content-container[data-horizontal-ratio="5"] .dbqkbc-article-content {
  width: 58%;
}
.dbqkbc-articles-content-container[data-horizontal-ratio="6"] .dbqkbc-articles-list-container {
  width: 50%;
}
.dbqkbc-articles-content-container[data-horizontal-ratio="6"] .dbqkbc-article-content {
  width: 50%;
}
.dbqkbc-articles-content-container[data-horizontal-ratio="7"] .dbqkbc-articles-list-container {
  width: 58%;
}
.dbqkbc-articles-content-container[data-horizontal-ratio="7"] .dbqkbc-article-content {
  width: 42%;
}
.dbqkbc-articles-content-container[data-horizontal-ratio="8"] .dbqkbc-articles-list-container {
  width: 66%;
}
.dbqkbc-articles-content-container[data-horizontal-ratio="8"] .dbqkbc-article-content {
  width: 34%;
}
.dbqkbc-articles-content-container[data-horizontal-ratio="9"] .dbqkbc-articles-list-container {
  width: 75%;
}
.dbqkbc-articles-content-container[data-horizontal-ratio="9"] .dbqkbc-article-content {
  width: 25%;
}
.dbqkbc-articles-content-container[data-horizontal-ratio="10"] .dbqkbc-articles-list-container {
  width: 84%;
}
.dbqkbc-articles-content-container[data-horizontal-ratio="10"] .dbqkbc-article-content {
  width: 16%;
}
.dbqkbc-articles-content-container[data-horizontal-ratio="11"] .dbqkbc-articles-list-container {
  width: 92%;
}
.dbqkbc-articles-content-container[data-horizontal-ratio="11"] .dbqkbc-article-content {
  width: 8%;
}
.dbqkbc-articles-content-container[data-is-compact-mode-enabled=true] .dbqkbc-articles-list-container {
  width: 100%;
}
.dbqkbc-articles-content-container[data-is-compact-mode-enabled=true] .dbqkbc-article-content {
  display: none !important;
}

.dbqkbc-files-container {
  float: left;
  margin: 15px;
  background-color: #fbfbfb;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  width: calc(100% - 30px);
  min-height: 90px;
  border-radius: 10px;
}
.dbqkbc-files-container.dbqkbc-files-container-empty {
  display: none;
}
.dbqkbc-files-container .dbqkbc-files {
  float: left;
  width: 100%;
}
.dbqkbc-files-container .dbqkbc-files .dbqkbc-files-content-container .dbqkbc-files-list-container .dbqkbc-files-content .row {
  margin: 0;
}
.dbqkbc-files-container .dbqkbc-files .dbqkbc-files-content-container .dbqkbc-file-content {
  background-color: #fbfbfb;
  padding: 15px 30px;
}
.dbqkbc-files-container .dbqkbc-file-item {
  display: flex;
  width: 100%;
  height: 100%;
  padding: 10px;
  cursor: pointer;
  background: transparent;
  position: relative;
}
.dbqkbc-files-container .dbqkbc-file-item .dbqkbc-file-item-type-container {
  background: #f4f4f4;
  padding: 20px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  flex-shrink: 0;
}
.dbqkbc-files-container .dbqkbc-file-item .dbqkbc-file-item-info-container {
  display: flex;
  flex-direction: column;
  margin-left: 10px;
  width: calc(100% - 130px);
}
.dbqkbc-files-container .dbqkbc-file-item .dbqkbc-file-item-info-container .dbqkbc-file-item-name {
  float: left;
  width: 100%;
  color: #000000;
  margin: 5px 0;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  font-style: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dbqkbc-files-container .dbqkbc-file-item .dbqkbc-file-item-info-container .dbqkbc-file-item-size {
  margin-bottom: 5px;
  font-size: 12px;
}
.dbqkbc-files-container .dbqkbc-file-item .dbqkbc-file-item-info-container .dbqkbc-file-item-update-time {
  font-size: 12px;
}
.dbqkbc-files-container .dbqkbc-file-item .dbqkbc-file-item-info-container .dbqkbc-file-item-description {
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.dbqkbc-files-container .dbqkbc-file-item .dbqkbc-file-item-options-container .dbqkbc-file-download-button {
  top: 0;
  outline: 0;
}
.dbqkbc-files-container .dbqkbc-file-item .dropdown {
  position: absolute;
  top: 0;
  right: 0;
}
.dbqkbc-files-container .dbqkbc-file-item .dropdown .dropdown-toggle {
  background: 0;
  border: 0;
  box-shadow: none;
}

.dbqkbc-files-empty-container {
  display: flex;
  width: 100%;
}

.dbqkbc-files-content-container {
  display: flex;
  flex-direction: row;
}
.dbqkbc-files-content-container .dbqkbc-files-list-container {
  display: flex;
  position: relative;
  flex-direction: row;
  align-items: flex-start;
  background: #f4f4f4;
  border-radius: 10px 0 0 10px;
  overflow: hidden;
}
.dbqkbc-files-content-container .dbqkbc-files-list-container .dbqkbc-files-content {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
}
.dbqkbc-files-content-container .dbqkbc-files-list-container .dbqkbc-file-scrollbar-container {
  position: absolute;
  top: 3px;
  right: 0;
  bottom: 3px;
  z-index: 3;
  visibility: hidden;
}
.dbqkbc-files-content-container .dbqkbc-files-list-container .dbqkbc-file-scrollbar-container .dbqsb-scrollbar {
  margin: 0;
  height: 100%;
}
.dbqkbc-files-content-container .dbqkbc-files-list-container:hover .dbqkbc-file-scrollbar-container {
  visibility: visible;
}
.dbqkbc-files-content-container[data-is-compact-mode-enabled=true] .dbqkbc-files-list-container {
  border-radius: 10px;
}
.dbqkbc-files-content-container[data-is-compact-mode-enabled=true] .dbqkbc-files-list-container .dbqkbc-files-content .dbqkbc-col {
  border-bottom: 1px solid #f4f4f4;
}
.dbqkbc-files-content-container[data-is-compact-mode-enabled=true] .dbqkbc-files-list-container .dbqkbc-files-content .dbqkbc-col .dbqkbc-file-item {
  background: #fbfbfb;
}
.dbqkbc-files-content-container[data-horizontal-ratio="1"] .dbqkbc-files-list-container {
  width: 8%;
}
.dbqkbc-files-content-container[data-horizontal-ratio="1"] .dbqkbc-file-content {
  width: 92%;
}
.dbqkbc-files-content-container[data-horizontal-ratio="2"] .dbqkbc-files-list-container {
  width: 16%;
}
.dbqkbc-files-content-container[data-horizontal-ratio="2"] .dbqkbc-file-content {
  width: 84%;
}
.dbqkbc-files-content-container[data-horizontal-ratio="3"] .dbqkbc-files-list-container {
  width: 25%;
}
.dbqkbc-files-content-container[data-horizontal-ratio="3"] .dbqkbc-file-content {
  width: 75%;
}
.dbqkbc-files-content-container[data-horizontal-ratio="4"] .dbqkbc-files-list-container {
  width: 34%;
}
.dbqkbc-files-content-container[data-horizontal-ratio="4"] .dbqkbc-file-content {
  width: 66%;
}
.dbqkbc-files-content-container[data-horizontal-ratio="5"] .dbqkbc-files-list-container {
  width: 42%;
}
.dbqkbc-files-content-container[data-horizontal-ratio="5"] .dbqkbc-file-content {
  width: 58%;
}
.dbqkbc-files-content-container[data-horizontal-ratio="6"] .dbqkbc-files-list-container {
  width: 50%;
}
.dbqkbc-files-content-container[data-horizontal-ratio="6"] .dbqkbc-file-content {
  width: 50%;
}
.dbqkbc-files-content-container[data-horizontal-ratio="7"] .dbqkbc-files-list-container {
  width: 58%;
}
.dbqkbc-files-content-container[data-horizontal-ratio="7"] .dbqkbc-file-content {
  width: 42%;
}
.dbqkbc-files-content-container[data-horizontal-ratio="8"] .dbqkbc-files-list-container {
  width: 66%;
}
.dbqkbc-files-content-container[data-horizontal-ratio="8"] .dbqkbc-file-content {
  width: 34%;
}
.dbqkbc-files-content-container[data-horizontal-ratio="9"] .dbqkbc-files-list-container {
  width: 75%;
}
.dbqkbc-files-content-container[data-horizontal-ratio="9"] .dbqkbc-file-content {
  width: 25%;
}
.dbqkbc-files-content-container[data-horizontal-ratio="10"] .dbqkbc-files-list-container {
  width: 84%;
}
.dbqkbc-files-content-container[data-horizontal-ratio="10"] .dbqkbc-file-content {
  width: 16%;
}
.dbqkbc-files-content-container[data-horizontal-ratio="11"] .dbqkbc-files-list-container {
  width: 92%;
}
.dbqkbc-files-content-container[data-horizontal-ratio="11"] .dbqkbc-file-content {
  width: 8%;
}
.dbqkbc-files-content-container[data-is-compact-mode-enabled=true] .dbqkbc-files-list-container {
  width: 100%;
}
.dbqkbc-files-content-container[data-is-compact-mode-enabled=true] .dbqkbc-file-content {
  display: none !important;
}

.dbqkbc-tab-bar-container {
  display: flex;
  flex-direction: row;
  float: left;
  width: calc(100% - 20px);
  margin: 0 10px;
  align-items: center;
  justify-content: center;
}
.dbqkbc-tab-bar-container .dbqkbc-tab-bar-line {
  background: #f4f4f4;
  height: 2px;
  width: 100%;
}
.dbqkbc-tab-bar-container .dbqkbc-tab-bar-divider {
  background: #f4f4f4;
  height: 2px;
  width: 10px;
}
.dbqkbc-tab-bar-container .dbqkbc-tab-bar-item-container {
  display: flex;
  align-items: center;
}
.dbqkbc-tab-bar-container .dbqkbc-tab-bar-item-container .dbqkbc-tab-bar-item {
  display: flex;
  align-items: center;
  background: #fcfcfc;
  padding: 5px 10px;
  border-radius: 10px;
}
.dbqkbc-tab-bar-container .dbqkbc-tab-bar-item-container .dbqkbc-tab-bar-item .dbqkbc-tab-bar-item-name {
  font-size: 18px;
}
.dbqkbc-tab-bar-container .dbqkbc-tab-bar-item-container .dbqkbc-tab-bar-item.dbqkbc-active {
  background: #f4f4f4;
}
.dbqkbc-tab-bar-container .dbqkbc-tab-bar-item-container .dbqkbc-tab-bar-item.dbqkbc-active .dbqkbc-tab-bar-item-name {
  font-weight: 600;
}
.dbqkbc-tab-bar-container .dbqkbc-tab-bar-item-container .dbqkbc-tab-bar-item .dbqkbc-tab-bar-item-count {
  font-size: 12px;
  margin-left: 2px;
}
.dbqkbc-tab-bar-container .dbqkbc-tab-bar-item-container .dbqkbc-tab-bar-item .dbqkbc-tab-bar-item-functions {
  display: flex;
}
.dbqkbc-tab-bar-container .dbqkbc-tab-bar-item-container .dbqkbc-tab-bar-item .dbqkbc-function-button,
.dbqkbc-tab-bar-container .dbqkbc-tab-bar-item-container .dbqkbc-tab-bar-item .dropdown .dropdown-toggle {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ff7500;
  margin-left: 5px;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  padding: 3px;
  border: 0;
  outline: 0;
}
.dbqkbc-tab-bar-container .dbqkbc-tab-bar-item-container .dbqkbc-tab-bar-item .dbqkbc-function-button svg,
.dbqkbc-tab-bar-container .dbqkbc-tab-bar-item-container .dbqkbc-tab-bar-item .dropdown .dropdown-toggle svg {
  fill: #fff;
}
.dbqkbc-tab-bar-container .dbqkbc-tab-bar-item-container .dbqkbc-tab-bar-item:not(.dbqkbc-active) {
  cursor: pointer;
}
.dbqkbc-tab-bar-container .dbqkbc-tab-bar-item-container .dbqkbc-tab-bar-item:last-of-type {
  margin-right: 0px;
}

.dbqkbc-breadcrumbs-container {
  float: left;
  width: 100%;
  margin-bottom: 30px;
  padding: 0;
}
.dbqkbc-breadcrumbs-container .dbqkbbs-breadcrumbs {
  float: left;
  width: 100%;
  padding: 0;
}
.dbqkbc-breadcrumbs-container .dbqkbbs-breadcrumbs svg {
  width: 24px;
  height: 24px;
  fill: #000;
}
.dbqkbc-breadcrumbs-container .btn {
  float: left;
  width: auto;
  height: 20px;
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 20px;
  font-weight: normal;
  border: 0;
}
.dbqkbc-breadcrumbs-container .btn svg {
  float: left;
  width: 24px;
  height: 24px;
  padding: 2px;
}
.dbqkbc-breadcrumbs-container .btn:not(:last-child):after {
  content: "";
  content: url("data:image/svg+xml,<svg fill='%239bb0c5' viewBox='0 0 8 8' xmlns='http://www.w3.org/2000/svg'><g><path d='M6.5,4c-1.3,1.3-2.7,2.7-4,4C2.2,7.7,1.9,7.4,1.6,7.1c0.9-0.9,2-2,3-3C3.6,3,2.5,2,1.5,0.9c0.4-0.3,0.7-0.7,1-0.9C3.8,1.3,5.1,2.7,6.5,4z'/></g></svg>");
  border-top: 0px solid transparent;
  border-bottom: 0px solid transparent;
  width: 8px;
  height: 8px;
  height: 20px;
  float: right;
  margin: 6px 10px;
  margin: 0 10px;
}

.dbqkbfc-document-tags-container {
  display: none;
}
.dbqkbfc-document-tags-container .dbqkbfc-document-tag-filters-container {
  float: left;
  width: 100%;
  height: 260px;
  background: #f1f1f1;
}
.dbqkbfc-document-tags-container .dbqkbfc-document-tag-filters-container .dbqkbfc-document-tag-filter-categories-container {
  float: left;
  margin: 15px;
  width: calc(50% - 30px);
  height: calc(100% - 30px);
  background: #f1f1f1;
  overflow-y: auto;
}
.dbqkbfc-document-tags-container .dbqkbfc-document-tag-filters-container .dbqkbfc-document-tag-filter-categories-container .dbqkbfc-document-tag-category {
  padding: 10px 30px;
  color: rgba(0, 0, 0, 0.8705882353);
  background: #fff;
  cursor: pointer;
  margin-bottom: 2px;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dbqkbfc-document-tags-container .dbqkbfc-document-tag-filters-container .dbqkbfc-document-tag-filter-categories-container .dbqkbfc-document-tag-category:last-of-type {
  margin-bottom: 0px;
}
.dbqkbfc-document-tags-container .dbqkbfc-document-tag-filters-container .dbqkbfc-document-tag-filter-categories-container .dbqkbfc-document-tag-category.active {
  background: #3588cc;
  color: #fff;
}
.dbqkbfc-document-tags-container .dbqkbfc-document-tag-filters-container .dbqkbfc-document-tag-filter-tags-container {
  float: left;
  margin: 15px;
  width: calc(50% - 30px);
  height: calc(100% - 30px);
  background: #fff;
  overflow-y: auto;
}
.dbqkbfc-document-tags-container .dbqkbfc-document-tag-filters-container .dbqkbfc-document-tag-filter-tags-container .dbqkbfc-document-tag label {
  display: block;
  padding: 20px 20px 10px 20px;
  float: left;
  width: 100%;
  margin-bottom: 0;
  padding: 0 20px 20px 20px;
}
.dbqkbfc-document-tags-container .dbqkbfc-document-tag-filters-container .dbqkbfc-document-tag-filter-tags-container .dbqkbfc-document-tag label span {
  float: left;
  font-size: 16px;
  line-height: 20px;
  padding: 0 0 0 10px;
}
.dbqkbfc-document-tags-container .dbqkbfc-document-tag-filters-container .dbqkbfc-document-tag-filter-tags-container .dbqkbfc-document-tag input {
  float: left;
  width: 20px;
  height: 20px;
}
.dbqkbfc-document-tags-container .dbqkbfc-document-tag-filters-container .dbqkbfc-document-tag-filter-tags-container .dbqkbfc-document-tag:first-of-type label {
  padding-top: 20px;
}
.dbqkbfc-document-tags-container .dbqkbfc-document-tag-selected-container {
  float: left;
  margin-top: 30px;
}
.dbqkbfc-document-tags-container .dbqkbfc-document-tag-selected-container .dbqkbfc-selected-document-tag-button {
  border-color: #e4e4e4;
  color: rgba(0, 0, 0, 0.8705882353);
  border-radius: 15px;
  height: 30px;
  line-height: 15px;
  font-size: 14px;
  margin-right: 15px;
  margin-bottom: 15px;
}
.dbqkbfc-document-tags-container .dbqkbfc-document-tag-selected-container .dbqkbfc-selected-document-tag-button:last-of-type {
  margin-right: 0px;
}
.dbqkbfc-document-tags-container .dbqkbfc-document-tag-selected-container .dbqkbfc-selected-document-tag-button svg {
  fill: #666666;
  width: 14px;
  height: 14px;
  margin: 0 0 0 5px;
  float: right;
}

.dbqkbfc-document-tags-container.show {
  display: block;
}

.dbqkbfc-document-tag {
  float: left;
  width: 100%;
}

@media screen and (max-width: 991px) {
  .dbqkbfc-document-tags-container .dbqkbfc-document-tag-filters-container {
    height: auto;
  }
  .dbqkbfc-document-tags-container .dbqkbfc-document-tag-filters-container .dbqkbfc-document-tag-filter-categories-container {
    width: calc(100% - 30px);
    height: auto;
  }
  .dbqkbfc-document-tags-container .dbqkbfc-document-tag-filters-container .dbqkbfc-document-tag-filter-tags-container {
    width: calc(100% - 30px);
    height: auto;
  }
}
.dbqkbc-folder-header-container {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}
.dbqkbc-folder-header-container h2 {
  font-size: 28px;
  line-height: 30px;
  font-weight: bold;
}
.dbqkbc-folder-header-container p {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
}

.dbqkbpc-pages {
  list-style: none;
  text-align: center;
}
.dbqkbpc-pages li.dbqkbpc-page {
  display: inline;
  margin: 0 5px;
  cursor: pointer;
  font-size: 12px;
  font-weight: normal;
  line-height: 20px;
  color: #B8B8B8;
}
.dbqkbpc-pages li.dbqkbpc-page.active {
  padding: 8px 14px;
  background: #3588CC;
  color: #FFFFFF;
  border-radius: 5px;
}

.dbqkbe-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 0;
}

.dbqkbe-panes {
  display: flex;
  flex-direction: row;
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
}

.dbqkbe-tree-pane {
  flex: 0 0 var(--dbqkbe-tree-width, 280px);
  width: var(--dbqkbe-tree-width, 280px);
  max-width: var(--dbqkbe-tree-width, 280px);
  min-height: 0;
  overflow-y: auto;
  box-sizing: border-box;
  background: #fbfbfb;
  border-right: 1px solid #f4f4f4;
  padding: 15px 0;
}
.dbqkbe-tree-pane::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.dbqkbe-tree-pane::-webkit-scrollbar-corner, .dbqkbe-tree-pane::-webkit-scrollbar-corner {
  background-color: #ffffff;
}
.dbqkbe-tree-pane {
  scrollbar-face-color: #ff7500;
  scrollbar-track-color: #dddddd;
}
.dbqkbe-tree-pane::-webkit-scrollbar, .dbqkbe-tree-pane::-webkit-scrollbar-corner, .dbqkbe-tree-pane::-webkit-scrollbar-track, .dbqkbe-tree-pane::-webkit-scrollbar-thumb {
  border-radius: 10px;
}
.dbqkbe-tree-pane::-webkit-scrollbar, .dbqkbe-tree-pane::-webkit-scrollbar-track {
  width: 7.5px;
  height: 7.5px;
  border-radius: 10px;
  background-color: transparent !important;
  background: transparent !important;
}
.dbqkbe-tree-pane::-webkit-scrollbar-thumb {
  border-radius: 7.5px;
  transition: all 0.4s;
  background: #dddddd !important;
  background-color: #dddddd !important;
  border: none !important;
}
.dbqkbe-tree-pane::-webkit-scrollbar-thumb:hover {
  background-color: #ff7500 !important;
}

.dbqkbe-tree-resize-handle {
  flex: 0 0 9px;
  margin: 0 -4px 0 -5px;
  z-index: 2;
}

.dbqkbe-tree-resizing {
  user-select: none;
}
.dbqkbe-tree-resizing .dbq-resize-handle::after {
  opacity: 0.5;
}

.dbqkbe-tree-header {
  position: sticky;
  top: -15px;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: -15px;
  padding: 15px 15px 7.5px 15px;
  background: #fbfbfb;
}

.dbqkbe-tree-search {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
}
.dbqkbe-tree-search > svg {
  position: absolute;
  top: 50%;
  left: 12px;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  fill: #000000;
  opacity: 0.5;
  pointer-events: none;
}
.dbqkbe-tree-search .dbqkbe-tree-search-input {
  width: 100%;
  height: 38px;
  padding: 0 10px 0 34px;
  border: 1px solid #f4f4f4;
  border-radius: 19px;
  background: #fbfbfb;
  color: #000000;
  font-size: 14px;
  outline: none;
}
.dbqkbe-tree-search .dbqkbe-tree-search-input:focus {
  border-color: #ff7500;
}

.dbqkbe-tree {
  position: relative;
  float: left;
  width: 100%;
}
.dbqkbe-tree > .dbqkbc-loading-spinner-container {
  align-items: flex-start;
}

.dbqkbe-tree-search-mark {
  padding: 0;
  border-radius: 2px;
  background: rgba(255, 117, 0, 0.25);
  color: inherit;
}

.dbqkbe-tree-search-message {
  float: left;
  width: 100%;
  padding: 8px 15px;
  box-sizing: border-box;
  color: #000000;
  opacity: 0.6;
  font-size: 14px;
}

.dbqkbe-tree-home,
.dbqkbe-tree-root,
.dbqkbe-tree-search-root,
.dbqkbe-tree-children {
  list-style: none;
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
}

.dbqkbe-tree-children > .dbqkbe-tree-node > .dbqkbe-tree-node-content {
  padding-left: 20px;
}

.dbqkbe-tree-children .dbqkbe-tree-children > .dbqkbe-tree-node > .dbqkbe-tree-node-content {
  padding-left: 36px;
}

.dbqkbe-tree-children .dbqkbe-tree-children .dbqkbe-tree-children > .dbqkbe-tree-node > .dbqkbe-tree-node-content {
  padding-left: 52px;
}

.dbqkbe-tree-children .dbqkbe-tree-children .dbqkbe-tree-children .dbqkbe-tree-children > .dbqkbe-tree-node > .dbqkbe-tree-node-content {
  padding-left: 68px;
}

.dbqkbe-tree-children .dbqkbe-tree-children .dbqkbe-tree-children .dbqkbe-tree-children .dbqkbe-tree-children > .dbqkbe-tree-node > .dbqkbe-tree-node-content {
  padding-left: 84px;
}

.dbqkbe-tree-children .dbqkbe-tree-children .dbqkbe-tree-children .dbqkbe-tree-children .dbqkbe-tree-children .dbqkbe-tree-children > .dbqkbe-tree-node > .dbqkbe-tree-node-content {
  padding-left: 100px;
}

.dbqkbe-tree-children .dbqkbe-tree-children .dbqkbe-tree-children .dbqkbe-tree-children .dbqkbe-tree-children .dbqkbe-tree-children .dbqkbe-tree-children > .dbqkbe-tree-node > .dbqkbe-tree-node-content {
  padding-left: 116px;
}

.dbqkbe-tree-children .dbqkbe-tree-children .dbqkbe-tree-children .dbqkbe-tree-children .dbqkbe-tree-children .dbqkbe-tree-children .dbqkbe-tree-children .dbqkbe-tree-children > .dbqkbe-tree-node > .dbqkbe-tree-node-content {
  padding-left: 132px;
}

.dbqkbe-tree-children .dbqkbe-tree-children .dbqkbe-tree-children .dbqkbe-tree-children .dbqkbe-tree-children .dbqkbe-tree-children .dbqkbe-tree-children .dbqkbe-tree-children .dbqkbe-tree-children > .dbqkbe-tree-node > .dbqkbe-tree-node-content {
  padding-left: 148px;
}

.dbqkbe-tree-children .dbqkbe-tree-children .dbqkbe-tree-children .dbqkbe-tree-children .dbqkbe-tree-children .dbqkbe-tree-children .dbqkbe-tree-children .dbqkbe-tree-children .dbqkbe-tree-children .dbqkbe-tree-children > .dbqkbe-tree-node > .dbqkbe-tree-node-content {
  padding-left: 164px;
}

.dbqkbe-tree-children .dbqkbe-tree-children .dbqkbe-tree-children .dbqkbe-tree-children .dbqkbe-tree-children .dbqkbe-tree-children .dbqkbe-tree-children .dbqkbe-tree-children .dbqkbe-tree-children .dbqkbe-tree-children .dbqkbe-tree-children > .dbqkbe-tree-node > .dbqkbe-tree-node-content {
  padding-left: 180px;
}

.dbqkbe-tree-children .dbqkbe-tree-children .dbqkbe-tree-children .dbqkbe-tree-children .dbqkbe-tree-children .dbqkbe-tree-children .dbqkbe-tree-children .dbqkbe-tree-children .dbqkbe-tree-children .dbqkbe-tree-children .dbqkbe-tree-children .dbqkbe-tree-children > .dbqkbe-tree-node > .dbqkbe-tree-node-content {
  padding-left: 196px;
}

.dbqkbe-tree-node {
  float: left;
  width: 100%;
  position: relative;
  margin: 0;
  line-height: 24px;
}
.dbqkbe-tree-node.dbqkbe-tree-node-selected > .dbqkbe-tree-node-content {
  background-color: #fbfbfb;
  border-left: 5px solid #ff7500;
}
.dbqkbe-tree-node.dbqkbe-tree-node-selected > .dbqkbe-tree-node-content .dbqkbe-tree-node-name {
  color: #ff7500;
  font-weight: 600;
}
.dbqkbe-tree-node.dbqkbe-tree-node-expanded > .dbqkbe-tree-node-content .dbqkbe-tree-chevron-collapsed {
  display: none;
}
.dbqkbe-tree-node.dbqkbe-tree-node-expanded > .dbqkbe-tree-node-content .dbqkbe-tree-chevron-expanded {
  display: inline-flex;
}

.dbqkbe-tree-node-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding: 4px 8px 4px 4px;
  cursor: pointer;
  border-left: 5px solid transparent;
  box-sizing: border-box;
}
.dbqkbe-tree-node-content:hover {
  background: #f8f8fa;
}
.dbqkbe-tree-node-content:hover .dbqkbe-item-functions .dropdown-toggle {
  opacity: 1;
}

.dbqkbe-tree-chevron {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.dbqkbe-tree-chevron svg {
  width: 16px;
  height: 16px;
  fill: #000000;
}
.dbqkbe-tree-chevron.dbqkbe-tree-chevron-spacer {
  cursor: default;
}
.dbqkbe-tree-chevron .dbqkbe-tree-chevron-expanded {
  display: none;
}

.dbqkbe-tree-node-icon {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  margin-right: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.dbqkbe-tree-node-icon svg {
  width: 16px;
  height: 16px;
  fill: #000000;
}
.dbqkbe-tree-node-icon img {
  width: 16px;
  height: 16px;
  object-fit: contain;
}

.dbqkbe-tree-node[data-document-version-state="0"] > .dbqkbe-tree-node-content .dbqkbe-tree-node-icon,
.dbqkbe-tree-node[data-document-version-state="0"] > .dbqkbe-tree-node-content .dbqkbe-tree-node-name,
.dbqkbe-tree-node[data-document-version-state="0"] > .dbqkbe-tree-node-content .dbqkbe-tree-node-description,
.dbqkbe-tree-node[data-document-version-state="0"] > .dbqkbe-tree-node-content .dbqkbe-tree-node-tags,
.dbqkbe-tree-node[data-document-version-state="2"] > .dbqkbe-tree-node-content .dbqkbe-tree-node-icon,
.dbqkbe-tree-node[data-document-version-state="2"] > .dbqkbe-tree-node-content .dbqkbe-tree-node-name,
.dbqkbe-tree-node[data-document-version-state="2"] > .dbqkbe-tree-node-content .dbqkbe-tree-node-description,
.dbqkbe-tree-node[data-document-version-state="2"] > .dbqkbe-tree-node-content .dbqkbe-tree-node-tags {
  opacity: 0.6;
}

.dbqkbe-tree-node-name {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #000000;
}

.dbqkbe-container.dbqkbe-tree-extended .dbqkbe-tree-pane {
  flex-basis: var(--dbqkbe-tree-width, 360px);
  width: var(--dbqkbe-tree-width, 360px);
  max-width: var(--dbqkbe-tree-width, 360px);
}

.dbqkbe-tree-node.dbqkbe-tree-node-extended > .dbqkbe-tree-node-content {
  align-items: flex-start;
  padding-top: 6px;
  padding-bottom: 6px;
}
.dbqkbe-tree-node.dbqkbe-tree-node-extended > .dbqkbe-tree-node-content > .dbqkbe-tree-chevron,
.dbqkbe-tree-node.dbqkbe-tree-node-extended > .dbqkbe-tree-node-content > .dbqkbe-tree-node-icon {
  margin-top: 0;
}

.dbqkbe-tree-node-text {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0;
}
.dbqkbe-tree-node-text .dbqkbe-tree-node-name {
  flex: 0 0 auto;
}

.dbqkbe-tree-node-description {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 12px;
  line-height: 16px;
  color: #000000;
  opacity: 0.75;
}

.dbqkbe-tree-node-tags {
  margin-top: 3px;
}
.dbqkbe-tree-node-tags .dbqkba-document-tag {
  display: inline-block;
  margin: 0 3px 2px 0;
  padding: 1px 5px;
  font-size: 10px;
  line-height: 14px;
}

.dbqkbe-tree-node.dbqkbe-tree-node-file-extended > .dbqkbe-tree-node-content > .dbqkbe-tree-node-icon {
  flex: 0 0 40px;
  width: 40px;
  height: 52px;
  margin-right: 8px;
}
.dbqkbe-tree-node.dbqkbe-tree-node-file-extended > .dbqkbe-tree-node-content > .dbqkbe-tree-node-icon img {
  width: 100%;
  height: 100%;
}

.dbqkbe-tree-node-meta {
  font-size: 12px;
  line-height: 16px;
  color: #000000;
  opacity: 0.6;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dbqkbe-container.dbqkbe-compact .dbqkbe-tree-pane,
.dbqkbe-container.dbqkbe-compact .dbqkbe-tree-resize-handle {
  display: none;
}
.dbqkbe-container.dbqkbe-compact .dbqkbe-detail-pane > .dbqkbe-detail-pane-body {
  padding-left: 0;
  padding-right: 0;
}
.dbqkbe-container.dbqkbe-compact .dbqkbe-list-toolbar {
  display: none;
}

.dbqkbe-item-functions {
  flex: 0 0 24px;
  margin-left: 4px;
}
.dbqkbe-item-functions .dropdown-toggle {
  opacity: 0;
  background: 0;
  border: 0;
  box-shadow: none;
  padding: 0;
  width: 24px;
  height: 24px;
}
.dbqkbe-item-functions .dropdown-toggle::after {
  display: none;
}
.dbqkbe-item-functions .dropdown-toggle svg {
  width: 16px;
  height: 16px;
  fill: #000000;
}
.dbqkbe-item-functions.show .dropdown-toggle {
  opacity: 1;
}

.dbqkbe-tree-node.dbqkbe-tree-node-loading > .dbqkbe-tree-node-content > .dbqkbe-tree-chevron > span {
  display: none !important;
}
.dbqkbe-tree-node.dbqkbe-tree-node-loading > .dbqkbe-tree-node-content > .dbqkbe-tree-chevron::after {
  content: "";
}

.dbqkbe-tree-node.dbqkbe-tree-node-empty > .dbqkbe-tree-node-content > .dbqkbe-tree-chevron {
  visibility: hidden;
  cursor: default;
}

.dbqkbe-tree-node.dbqkbe-tree-node-loading > .dbqkbe-tree-node-content > .dbqkbe-tree-chevron::after {
  display: inline-block;
  box-sizing: border-box;
  width: 12px;
  height: 12px;
  border: 2px solid #3C3B3B;
  border-radius: 50%;
  border-right-color: transparent;
  border-bottom-color: transparent;
  animation-name: loading;
  animation-duration: 700ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.dbqkbe-detail-pane {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  box-sizing: border-box;
}
.dbqkbe-detail-pane > .dbqkbe-filters-container {
  flex: 0 0 auto;
}

.dbqkbe-detail-pane > .dbqkbe-detail-pane-body {
  flex: 1 1 auto;
  min-height: 0;
  container: dbqkbe-detail/inline-size;
  overflow-y: auto;
  padding: 0 15px 15px 15px;
  box-sizing: border-box;
}
.dbqkbe-detail-pane > .dbqkbe-detail-pane-body::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.dbqkbe-detail-pane > .dbqkbe-detail-pane-body::-webkit-scrollbar-corner, .dbqkbe-detail-pane > .dbqkbe-detail-pane-body::-webkit-scrollbar-corner {
  background-color: #ffffff;
}
.dbqkbe-detail-pane > .dbqkbe-detail-pane-body {
  scrollbar-face-color: #ff7500;
  scrollbar-track-color: #dddddd;
}
.dbqkbe-detail-pane > .dbqkbe-detail-pane-body::-webkit-scrollbar, .dbqkbe-detail-pane > .dbqkbe-detail-pane-body::-webkit-scrollbar-corner, .dbqkbe-detail-pane > .dbqkbe-detail-pane-body::-webkit-scrollbar-track, .dbqkbe-detail-pane > .dbqkbe-detail-pane-body::-webkit-scrollbar-thumb {
  border-radius: 10px;
}
.dbqkbe-detail-pane > .dbqkbe-detail-pane-body::-webkit-scrollbar, .dbqkbe-detail-pane > .dbqkbe-detail-pane-body::-webkit-scrollbar-track {
  width: 7.5px;
  height: 7.5px;
  border-radius: 10px;
  background-color: transparent !important;
  background: transparent !important;
}
.dbqkbe-detail-pane > .dbqkbe-detail-pane-body::-webkit-scrollbar-thumb {
  border-radius: 7.5px;
  transition: all 0.4s;
  background: #dddddd !important;
  background-color: #dddddd !important;
  border: none !important;
}
.dbqkbe-detail-pane > .dbqkbe-detail-pane-body::-webkit-scrollbar-thumb:hover {
  background-color: #ff7500 !important;
}

.dbqkbe-container.dbqkbe-no-tree .dbqkbe-tree-pane {
  display: none;
}
.dbqkbe-container.dbqkbe-no-tree .dbqkbe-detail-pane {
  flex: 1 1 auto;
  width: 100%;
}
.dbqkbe-container.dbqkbe-no-tree .dbqkbe-detail-pane > .dbqkbe-detail-pane-body {
  padding-left: 0;
}

.dbqkbe-back-to-list {
  width: 100%;
  margin-bottom: 15px;
}

.dbqkbe-back-to-list-button {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  padding: 4px 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: #000000;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}
.dbqkbe-back-to-list-button svg {
  width: 18px;
  height: 18px;
  fill: #000000;
}
.dbqkbe-back-to-list-button:hover {
  color: #ff7500;
}
.dbqkbe-back-to-list-button:hover svg {
  fill: #ff7500;
}

.dbqkbe-back-to-list-label {
  line-height: 20px;
}

.dbqkbe-breadcrumbs-wrapper {
  display: none;
}

.dbqkbe-detail-pane-body,
.dbqkbe-detail,
.dbqkbe-detail-body,
.dbqkbe-folder-page,
.dbqkbe-search-results-page,
.dbqkbe-document-page,
.dbqkbe-file-page {
  width: 100%;
}

.dbqkbe-folder-header-container {
  margin-bottom: 15px;
}

.dbqkbe-list-toolbar {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding: 8px 0;
  border-bottom: 1px solid #f4f4f4;
}
.dbqkbe-list-toolbar .dbqkbe-list-title {
  font-size: 16px;
  font-weight: 600;
  color: #000000;
}
.dbqkbe-list-toolbar .dbqkbe-list-count {
  margin-left: 4px;
  font-size: 12px;
  color: #000000;
  opacity: 0.6;
}
.dbqkbe-list-toolbar .dbqkbe-list-toolbar-functions {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  margin-left: auto;
}
.dbqkbe-list-toolbar .dbqkbe-list-toolbar-functions .btn,
.dbqkbe-list-toolbar .dbqkbe-list-toolbar-functions .dropdown-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #ff7500;
  box-shadow: none;
}
.dbqkbe-list-toolbar .dbqkbe-list-toolbar-functions .btn::after,
.dbqkbe-list-toolbar .dbqkbe-list-toolbar-functions .dropdown-toggle::after {
  display: none;
}
.dbqkbe-list-toolbar .dbqkbe-list-toolbar-functions .btn svg,
.dbqkbe-list-toolbar .dbqkbe-list-toolbar-functions .dropdown-toggle svg {
  width: 18px;
  height: 18px;
  fill: #fff;
}

.dbqkbe-list {
  width: 100%;
}

.dbqkbe-list-empty {
  padding: 15px 0;
  font-size: 12px;
  color: #000000;
  opacity: 0.6;
}

.dbqkbe-list-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  min-height: 56px;
  padding: 10px 12px 10px 7px;
  box-sizing: border-box;
  border-bottom: 1px solid #f4f4f4;
  border-left: 5px solid transparent;
  cursor: pointer;
}
.dbqkbe-list-row:hover {
  background: #fbfbfb;
}
.dbqkbe-list-row:hover .dbqkbe-item-functions .dropdown-toggle {
  opacity: 1;
}
.dbqkbe-list-row:hover .dbqkbe-list-row-arrow svg {
  fill: #ff7500;
}
.dbqkbe-list-row[data-document-version-state="0"] .dbqkbe-list-row-text, .dbqkbe-list-row[data-document-version-state="2"] .dbqkbe-list-row-text {
  opacity: 0.6;
}

.dbqkbe-list-row-icon {
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  margin-right: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #f8f8fa;
  overflow: hidden;
}
.dbqkbe-list-row-icon svg {
  width: 20px;
  height: 20px;
  fill: #000000;
}
.dbqkbe-list-row-icon img {
  width: 20px;
  height: 20px;
  object-fit: contain;
}

.dbqkbe-list-row-text {
  flex: 1 1 auto;
  min-width: 0;
}

.dbqkbe-list-row-name {
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  color: #000000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dbqkbe-list-row-description {
  font-size: 12px;
  line-height: 18px;
  color: #000000;
  opacity: 0.75;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.dbqkbe-list-row-tags {
  margin-top: 4px;
}
.dbqkbe-list-row-tags .dbqkba-document-tag {
  display: inline-block;
  margin: 0 4px 2px 0;
}

.dbqkbe-list-row-meta {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-left: 12px;
  font-size: 12px;
  line-height: 18px;
  color: #000000;
  opacity: 0.6;
  white-space: nowrap;
}

@container dbqkbe-detail (max-width: 480px) {
  .dbqkbe-list-row-meta {
    display: none;
  }
}
.dbqkbe-list-row-arrow {
  flex: 0 0 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 8px;
}
.dbqkbe-list-row-arrow svg {
  width: 20px;
  height: 20px;
  fill: #000000;
}

.dbqkbe-document-container,
.dbqkbe-file-container {
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 768px) {
  .dbqkbe-panes {
    flex-direction: column;
  }
  .dbqkbe-tree-resize-handle {
    display: none;
  }
  .dbqkbe-tree-pane {
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
    position: relative;
    max-height: 40vh;
    border-right: 0;
    border-bottom: 1px solid #f4f4f4;
    margin-bottom: 15px;
  }
  .dbqkbe-detail-pane {
    flex: 1 1 auto;
    padding-left: 0;
    width: 100%;
  }
}
.dbqkbe-container .dbqkbe-detail-pane > .dbqkbe-filters-container {
  float: none;
  margin: 0;
  padding: 15px 15px 7.5px 15px;
  position: relative;
  z-index: 5;
}

.dbqkbfc-bar {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.dbqkbfc-bar-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  width: 100%;
}

.dbqkbfc-search {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
}
.dbqkbfc-search > svg {
  position: absolute;
  top: 50%;
  left: 12px;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  fill: #000000;
  opacity: 0.5;
  pointer-events: none;
}
.dbqkbfc-search .dbqkbfc-input-search {
  width: 100%;
  height: 38px;
  padding: 0 12px 0 38px;
  border: 1px solid #f4f4f4;
  border-radius: 19px;
  background: #fbfbfb;
  color: #000000;
  font-size: 14px;
  outline: none;
}
.dbqkbfc-search .dbqkbfc-input-search:focus {
  border-color: #ff7500;
}

.dbqkbfc-filter-anchor {
  position: relative;
  flex: 0 0 auto;
}

.dbqkbfc-filter-button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 38px;
  padding: 0 14px;
  border: 1px solid #f4f4f4;
  border-radius: 19px;
  background: #fbfbfb;
  color: #000000;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}
.dbqkbfc-filter-button svg {
  width: 18px;
  height: 18px;
  fill: #000000;
}
.dbqkbfc-filter-button:hover {
  border-color: #ff7500;
}
.dbqkbfc-filter-button .dbqkbfc-filter-count:empty {
  display: none;
}
.dbqkbfc-filter-button .dbqkbfc-filter-count {
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 10px;
  background: #fff;
  color: #ff7500;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
}
.dbqkbfc-filter-button.dbqkbfc-filter-button-active {
  border-color: #ff7500;
  background: #ff7500;
  color: #fff;
}
.dbqkbfc-filter-button.dbqkbfc-filter-button-active svg {
  fill: #fff;
}
.dbqkbfc-filter-button.dropdown-toggle::after {
  display: none;
}

.dbqkbfc-panel.dropdown-menu {
  width: 360px !important;
  min-width: 0;
  max-width: calc(100vw - 30px);
  max-height: min(70vh, 560px);
  margin-top: 6px;
  padding: 0;
  flex-direction: column;
  border: 1px solid #f4f4f4;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.18);
  overflow: hidden;
}
.dbqkbfc-panel.dropdown-menu.show {
  display: flex;
}

.dbqkbfc-panel-search {
  position: relative;
  flex: 0 0 auto;
  padding: 10px;
  border-bottom: 1px solid #f4f4f4;
}
.dbqkbfc-panel-search > svg {
  position: absolute;
  top: 50%;
  left: 20px;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  fill: #000000;
  opacity: 0.5;
  pointer-events: none;
}
.dbqkbfc-panel-search .dbqkbfc-tag-search-input {
  width: 100%;
  height: 32px;
  padding: 0 10px 0 32px;
  border: 1px solid #f4f4f4;
  border-radius: 16px;
  background: #fbfbfb;
  color: #000000;
  font-size: 13px;
  outline: none;
}
.dbqkbfc-panel-search .dbqkbfc-tag-search-input:focus {
  border-color: #ff7500;
}

.dbqkbfc-categories {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding: 4px 0;
}
.dbqkbfc-categories::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.dbqkbfc-categories::-webkit-scrollbar-corner, .dbqkbfc-categories::-webkit-scrollbar-corner {
  background-color: #ffffff;
}
.dbqkbfc-categories {
  scrollbar-face-color: #ff7500;
  scrollbar-track-color: #dddddd;
}
.dbqkbfc-categories::-webkit-scrollbar, .dbqkbfc-categories::-webkit-scrollbar-corner, .dbqkbfc-categories::-webkit-scrollbar-track, .dbqkbfc-categories::-webkit-scrollbar-thumb {
  border-radius: 10px;
}
.dbqkbfc-categories::-webkit-scrollbar, .dbqkbfc-categories::-webkit-scrollbar-track {
  width: 7.5px;
  height: 7.5px;
  border-radius: 10px;
  background-color: transparent !important;
  background: transparent !important;
}
.dbqkbfc-categories::-webkit-scrollbar-thumb {
  border-radius: 7.5px;
  transition: all 0.4s;
  background: #dddddd !important;
  background-color: #dddddd !important;
  border: none !important;
}
.dbqkbfc-categories::-webkit-scrollbar-thumb:hover {
  background-color: #ff7500 !important;
}

.dbqkbfc-category-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  padding: 6px 10px 6px 6px;
  cursor: pointer;
  user-select: none;
}
.dbqkbfc-category-header:hover {
  background: #f8f8fa;
}
.dbqkbfc-category-header .dbqkbfc-category-chevron {
  display: inline-flex;
  flex: 0 0 20px;
  transition: transform 0.15s ease;
}
.dbqkbfc-category-header .dbqkbfc-category-chevron svg {
  width: 20px;
  height: 20px;
  fill: #000000;
}
.dbqkbfc-category-header .dbqkbfc-category-name {
  flex: 0 1 auto;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 500;
  color: #000000;
}
.dbqkbfc-category-header .dbqkbfc-category-count {
  flex: 1 1 auto;
  font-size: 13px;
  font-weight: 600;
  color: #ff7500;
}
.dbqkbfc-category-header .dbqkbfc-category-clear-button {
  display: none;
  flex: 0 0 auto;
  padding: 0 4px;
  border: 0;
  background: none;
  color: #ff7500;
  font-size: 12px;
  cursor: pointer;
}
.dbqkbfc-category-header .dbqkbfc-category-clear-button:hover {
  text-decoration: underline;
}

.dbqkbfc-category-tags {
  display: none;
  padding: 0 10px 6px 30px;
}

.dbqkbfc-category.dbqkbfc-category-expanded .dbqkbfc-category-chevron {
  transform: rotate(90deg);
}
.dbqkbfc-category.dbqkbfc-category-expanded .dbqkbfc-category-tags {
  display: block;
}

.dbqkbfc-category.dbqkbfc-category-has-selection .dbqkbfc-category-clear-button {
  display: inline-block;
}

.dbqkbfc-tag {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  margin: 1px 0;
  padding: 6px 8px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  cursor: pointer;
  outline: none;
  user-select: none;
}
.dbqkbfc-tag .dbqkbfc-tag-name {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dbqkbfc-tag .dbqkbfc-tag-checkmark {
  display: none;
  flex: 0 0 auto;
}
.dbqkbfc-tag .dbqkbfc-tag-checkmark svg {
  width: 16px;
  height: 16px;
  fill: #000000;
}
.dbqkbfc-tag:hover, .dbqkbfc-tag.dbqkbfc-tag-selected {
  background: #eeeeee;
}
.dbqkbfc-tag:focus-visible {
  box-shadow: inset 0 0 0 2px #ff7500;
}
.dbqkbfc-tag.dbqkbfc-tag-selected {
  font-weight: 500;
}
.dbqkbfc-tag.dbqkbfc-tag-selected .dbqkbfc-tag-checkmark {
  display: inline-flex;
}

.dbqkbfc-no-tags {
  padding: 16px 10px;
  font-size: 13px;
  color: #000000;
  opacity: 0.6;
  text-align: center;
}

.dbqkbfc-panel-footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex: 0 0 auto;
  padding: 8px 10px;
  border-top: 1px solid #f4f4f4;
}
.dbqkbfc-panel-footer button {
  padding: 4px 8px;
  border: 0;
  border-radius: 4px;
  background: none;
  color: #000000;
  font-size: 13px;
  cursor: pointer;
}
.dbqkbfc-panel-footer button:hover {
  background: #f8f8fa;
}
.dbqkbfc-panel-footer .dbqkbfc-clear-all-button {
  color: #ff7500;
}

.dbqkbfc-active-tags {
  display: none;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  height: 28px;
  overflow: hidden;
}
.dbqkbfc-has-active-tags .dbqkbfc-active-tags {
  display: flex;
}

.dbqkbfc-active-tag {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  height: 28px;
  max-width: 240px;
  padding: 0 4px 0 10px;
  border: 1px solid #ff7500;
  border-radius: 14px;
  color: #ff7500;
  font-size: 13px;
  font-weight: 500;
  transition: background-color 0.15s ease;
}
.dbqkbfc-active-tag:hover {
  background: rgba(255, 117, 0, 0.1);
}
.dbqkbfc-active-tag .dbqkbfc-active-tag-name {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dbqkbfc-active-tag .dbqkbfc-active-tag-remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  padding: 0;
  border: 0;
  border-radius: 10px;
  background: none;
  cursor: pointer;
}
.dbqkbfc-active-tag .dbqkbfc-active-tag-remove svg {
  width: 14px;
  height: 14px;
  fill: #ff7500;
}
.dbqkbfc-active-tag .dbqkbfc-active-tag-remove:hover {
  background: #ff7500;
}
.dbqkbfc-active-tag .dbqkbfc-active-tag-remove:hover svg {
  fill: #fff;
}

.dbqkbfc-more-tags-button,
.dbqkbfc-clear-tags-button {
  height: 28px;
  padding: 0 8px;
  border: 0;
  border-radius: 14px;
  background: none;
  color: #000000;
  font-size: 13px;
  cursor: pointer;
  transition: background-color 0.15s ease;
}
.dbqkbfc-more-tags-button:hover,
.dbqkbfc-clear-tags-button:hover {
  background: rgba(255, 117, 0, 0.1);
}

.dbqkbfc-more-tags-button {
  font-weight: 600;
}

.dbqkbfc-clear-tags-button {
  color: #ff7500;
}

.dbqkbfc-bar button {
  outline: none;
}
.dbqkbfc-bar button:focus-visible {
  box-shadow: inset 0 0 0 2px #ff7500;
}

.dbqkbe-container.dbqkbe-has-tag-filter .dbqkbe-detail-pane-body .dbqkba-document-tag {
  cursor: pointer;
}
.dbqkbe-container.dbqkbe-has-tag-filter .dbqkbe-detail-pane-body .dbqkba-document-tag:hover {
  filter: brightness(0.92);
}