/*--------------------------------------------------------------
# Active and Inactive Classes
--------------------------------------------------------------*/

.activeMode {
  display: flex !important;
}

.inactiveMode {
  display: none !important;
}

/*--------------------------------------------------------------
# Article Site
--------------------------------------------------------------*/

.accordion-button-article::after {
  margin-left: 1rem !important;
}

/*--------------------------------------------------------------
# Collection Site
--------------------------------------------------------------*/

.table-row,
.table-row button,
.collection-summary-title-button {
  font-size: 0.85rem !important;
}

.table.dataTable.firstNo thead > tr > th:first-child.sorting:before,
.table.dataTable.firstNo thead > tr > th:first-child.sorting:after,
.table.dataTable.firstNo thead > tr > th:first-child.sorting_asc:before,
.table.dataTable.firstNo thead > tr > th:first-child.sorting_asc:after,
.table.dataTable.firstNo thead > tr > th:first-child.sorting_desc:before,
.table.dataTable.firstNo thead > tr > th:first-child.sorting_desc:after {
  display: none;
}

.collection-table.table.dataTable thead > tr > th.sorting:after,
.collection-table.table.dataTable thead > tr > th.sorting_asc:after,
.collection-table.table.dataTable thead > tr > th.sorting_desc:after {
  top: 25% !important;
}

.collection-table.table.dataTable thead > tr > th.sorting:before,
.collection-table.table.dataTable thead > tr > th.sorting_asc:before,
.collection-table.table.dataTable thead > tr > th.sorting_desc:before {
  bottom: 75% !important;
}

.table.dataTable tr th:first-child {
  padding-right: 8px;
  padding-bottom: 6px;
}

.table.dataTable tr td:nth-child(2) {
  padding-right: 26px;
}

.hidden-information {
  visibility: hidden;
  padding: 0;
  margin: 0;
  width: 0;
  height: 0;
  position: absolute;
  overflow: hidden;
}

.dtsp-clearAll,
.dtsp-showAll,
.dtsp-collapseAll {
  padding: 4px 8px !important;
  margin: 0;
}

.dataTables_wrapper div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane {
  margin: 0px !important;
}

.dataTables_scrollBody {
  height: unset !important;
}

.dataTables_length,
.dataTables_info {
  float: left;
}

.dataTables_filter,
.dataTables_paginate {
  float: right;
}

.dataTables_length,
.dataTables_filter {
  margin-bottom: 1rem;
}

.dataTables_info,
.dataTables_paginate {
  margin-top: 1rem !important;
}

/* .dtsp-titleRow {
  display: none!important;
} */

/*--------------------------------------------------------------
# Evaluation
--------------------------------------------------------------*/

#buttonsRelevance i,
#buttonsEvaluation i {
  font-size: 1.75rem;
}

#buttonsEvaluation i:hover,
#buttonsRelevance i:hover,
.purchase-switch:hover,
#buttonsStatus .badge:hover {
  cursor: pointer;
}

.bg-app-green {
  background: var(--bs-app-green);
}

.bg-app-mint {
  background: var(--bs-app-mint);
}

.bg-app-yellow {
  background: var(--bs-app-yellow);
}

.bg-app-bronze {
  background: var(--bs-app-bronze);
}

.bg-app-brown {
  background: var(--bs-app-brown);
}

.btn-outline-warning:hover {
  color: white !important;
}

#dropPdfArea.drag-active,
#dropArea.drag-active {
  background: var(--bs-database-drag-active);
}

/*--------------------------------------------------------------
# App
--------------------------------------------------------------*/

.template-input-collector {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.alert-input-collector {
  padding: 0.5rem 3rem 0.5rem 0.5rem;
  font-size: small;
}

.alert-input-collector button {
  padding: 0.7rem 1rem !important;
}

.alert-input-collector span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.box-shadow {
  box-shadow: 0px 0px 10px var(--bs-box-shadow-1);
}

.box-shadow-inset {
  box-shadow: inset 0px 0px 5px var(--bs-box-shadow-1);
  border-radius: var(--bs-border-radius);
}

.form-input-validate-error,
.form-input-validate-error {
  border-color: var(--bs-danger);
  box-shadow: 0 0 0 0.25rem var(--bs-danger);
}

@media (min-width: 768px) {
  .dropdown-menu-arrow-left::before {
    left: 20px;
  }
}

.select-project-status {
  padding: 0.15em 0.25em !important;
}

#database-one-tab,
#database-two-tab {
  width: 100px;
}

#database-one-tab:hover,
#database-two-tab:hover {
  background: var(--bs-database-tab-hover);
}

#database-one-tab.active,
#database-two-tab.active {
  background: var(--bs-database-tab);
}

#database-one-tab img,
#database-two-tab img {
  height: 100%;
  width: 100%;
}

/*--------------------------------------------------------------
# Branding QDC
--------------------------------------------------------------*/

.btn-primary,
.back-to-top,
.active > .page-link,
.form-check-input:checked,
.nav-pills .nav-link.active:not(:has(> img)) {
  color: #fff !important;
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}

.btn-primary:hover,
.back-to-top:hover {
  background: var(--bs-primary-hover) !important;
  border-color: var(--bs-primary-hover) !important;
}

.border-primary {
  border-color: var(--bs-primary) !important;
}

.bg-primary {
  background: var(--bs-primary) !important;
}

.btn-outline-primary {
  color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}

.btn-outline-primary:hover {
  color: #fff !important;
  background: var(--bs-primary-hover) !important;
  border-color: var(--bs-primary-hover) !important;
}

a:not(.btn):not(.back-to-top):not(.page-link),
.link-primary,
.btn-link:not(.bg-transparent),
input.page-link,
a:not(.btn):not(.back-to-top) > i,
.page-item:not(.disabled):not(.active) .page-link:not(.disabled),
.summary-title-button h2,
.nav-pills .nav-link,
.text-primary,
.accordion-flush .accordion-button:not(.collapsed) {
  color: var(--bs-primary) !important;
}

a:not(.btn):not(.back-to-top):not(.page-link):hover,
.link-primary:hover,
.btn-link:hover,
a:not(.btn):not(.back-to-top):hover > i,
.page-item:not(.disabled) .page-link:not(.disabled):not(a):hover,
.summary-title-button:hover h2 {
  color: var(--bs-primary-hover) !important;
}

.nav-tabs-bordered .nav-link.active {
  color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}

.nav-tabs-bordered .nav-link:hover {
  color: var(--bs-primary-hover) !important;
}

.pagetitle h1,
.card-title {
  color: var(--bs-dark-blue-2) !important;
}

.sidebar-nav .nav-link:hover,
.dropdown-menu .dropdown-item:hover {
  background: unset !important;
}

.footer {
  border-top: 1px solid var(--bs-border-color) !important;
}

.sidebar-nav .nav-heading,
.card-footer p,
.footer .copyright {
  color: var(--bs-text-muted);
}

/* Breadcrumb Links im Evaluierungsmodus */
.breadcrumb-link[disabled="true"] {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
}