/* password forgotten on main page */
#id_password_helptext {
  visibility: hidden;
}

.hch-multiselect {
  display: block;
  width: 100%;
}

.hch-multiselect h2 {
  font-size: 1.5em;
}

.selector {
  width: 100%;
}

.selector-available {
  margin: 20px;
  width: 30%;
  float: left;
}

/* #id_kex_selector_chosen {*/
.selector-chooser {
  margin: 20px;
  margin-top: 100px;
  width: 30%;
  float: left;
}
.selector-chosen {
  margin: 20px;
  width: 30%;
  float: left;
}

.selector-chooseall {
  float: left;
  list-style: none;
  padding: 0.375rem 0.75rem;
  cursor: pointer;
  user-select: none;
  background-color: #cccccc;
  color: #000;
  border: 1px solid #000000;
  text-decoration: none;
}
.selector-clearall {
  float: left;
  list-style: none;
  padding: 0.375rem 0.75rem;
  cursor: pointer;
  user-select: none;
  background-color: #cccccc;
  color: #000;
  border: 1px solid #000000;
  text-decoration: none;
}

.selector-chooser li {
  list-style: none;
  padding: 0.375rem 0.75rem;
  margin-bottom: 10px;
  cursor: pointer;
  user-select: none;
  background-color: #cccccc;
  border: 1px solid #000000;
}
.selector-chooser a {
  color: #000;
  text-decoration: none;
}

/* the select boxes themselves */
.hch-multiselect select {
  width: 100%;
}

.kennzahlen-nav {
  min-width: 260px;
}

.btn.btn-delete {
  --bs-btn-color: #f3953e;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: #f3953e;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #dc3545;
  --bs-btn-hover-border-color: #dc3545;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #dc3545;
  --bs-btn-active-border-color: #dc3545;
  --bs-btn-disabled-color: #f3953e;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f3953e;
  color: #f3953e;
  background-color: transparent;
  border-color: #f3953e;
}

.btn.btn-delete:hover,
.btn.btn-delete:focus,
.btn.btn-delete:active {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

/* sortable table headers */
.sortable {
  cursor: pointer;
}

.sortable-icon-col {
  width: 30px;
}

.w-20 {
  width: 20%;
}

.w-16 {
  width: 16%;
}

.w-30 {
  width: 30%;
}

.h-55 {
  height: 55px;
}

.wiki-content-container {
  margin-top: 60px;
}

/* shortcuts page */
.shortcuts-modal-image-preview {
  max-height: 120px;
  max-width: 100%;
  object-fit: contain;
}

.tabcontent {
  display: none;
}

.kodierbroschuere-sidenav {
  top: 100px;
  max-height: calc(100vh - 120px);
  overflow-y: auto;
}

.sort-icon-hidden {
  display: none;
}

/* spendenkampagne2024 donation campaign page */
.spendenkampagne-slogan {
  font-size: 1.5em;
  padding-top: 10px;
  font-weight: 300;
}

.spendenkampagne-name-input {
  margin-bottom: 20px;
  font-size: 1.1em;
}

.spendenkampagne-campaign-text {
  width: 60%;
  padding: 20px;
  vertical-align: top;
}

.spendenkampagne-campaign-text--wide-padding {
  width: 60%;
  padding: 25px;
  vertical-align: top;
}

.spendenkampagne-campaign-image {
  width: 40%;
}

.spendenkampagne-radio {
  height: 35px;
  width: 35px;
  float: left;
  margin: 25px;
}

.spendenkampagne-radio--extra-margin {
  height: 35px;
  width: 35px;
  float: left;
  margin: 25px;
  margin-bottom: 50px;
}

.spendenkampagne-img-100 {
  height: 100px;
}

.spendenkampagne-img-150 {
  height: 150px;
}