.color-unzer {
  color: #fc1154;
}

.bi {
  width: 1em;
  height: 1em;
  vertical-align: -.125em;
  fill: currentcolor;
}

.bi.caret {
  vertical-align: -.115em;
}

.monogram {
  width: 1.5em;
  height: 1.5em;
  vertical-align: -.09em;
  fill: #fc1154;
}

.pt {
  width: 3em;
}

.pt img {
  height: 1em;
  width: 2.5em;
}

.pt img[src$=".gif"] {
  width: auto;
}
.btn-primary {
  --bs-btn-bg: #FC1154;
  --bs-btn-border-color: #FC1154;
  --bs-btn-hover-bg: #E30F4C;
  /* 10% darker */
  --bs-btn-hover-border-color: #E30F4C;
  --bs-btn-focus-shadow-rgb: 252, 17, 84;
  --bs-btn-active-bg: #CA0E43;
  /* 20% darker */
  --bs-btn-active-border-color: #CA0E43;
  --bs-btn-disabled-bg: #FC1154;
  --bs-btn-disabled-border-color: #FC1154;
}
.btn.min-width {
  min-width: 6.5em;
}

.input-group-text.fixed-width {
  width: 3.5em;
}

.table-hover>tbody>tr.no-hover:hover>* {
  --bs-table-hover-bg: transparent;
}

.table-truncate-column {
  max-width: 0;
}

.amount-column {
  min-width: 5em;
}

.login-background {
  background-image: url('../img/backgrounds/login.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 100vh;
}

.datepicker-title {
  background-color: var(--bs-card-bg);
}

.datepicker-controls .btn:focus,
.datepicker-controls .btn:hover {
  color: var(--bs-light);
  background-color: var(--bs-tertiary-color);
}

.datepicker-picker {
  background-color: var(--bs-card-bg);
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.brand-suffix {
  font-size: 10px;
  margin-left: -5px;
}

.input-group .datepicker-input {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.datepicker-controls .btn {
  background-color: var(--bs-card-bg);
}

.datepicker-cell:not(.selected):not(.disabled):hover {
  color: var(--bs-light);
  background-color: var(--bs-tertiary-color);
}

.datepicker-cell.selected,
.datepicker-cell.selected:hover {
  color: var(--bs-light);
  background-color: var(--bs-primary);
}

.datepicker-cell.focused:not(.selected) {
  color: var(--bs-light);
  background-color: var(--bs-tertiary-color);
}