:root {
  --color-primary: #f4bb32;
  --color-secondary: #c6982a;
  --color-secondary-glow: #c6982a80;
  --color-primary-highlight: #e2a104;
}


.btn-primary {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}

.btn-primary.disabled, .btn-primary:disabled {
  background-color: var(--color-secondary);
  border-color: var(--color-secondary);
}

.btn-primary:hover, .btn-primary:focus {
  background-color: var(--color-secondary);
  border-color: var(--color-secondary);
}

.btn-primary:hover:disabled, .btn-primary:focus:disabled {
  background-color: var(--color-secondary);
  border-color: var(--color-secondary);
}

.bcd__header__credentials-widget .initials {
  background: var(--color-primary);
}

.bcd__header__logo img {
  width: 6rem;
}

.bcd-singleselect-empty {
  visibility: hidden;
}

.strike {
  text-decoration: line-through;
}

input.bcdValidationPending {
  pointer-events: none;
  background-color: #eee;
}

.modal-backdrop {
  z-index: 10;
}

.modal {
  z-index: 20;
}

a, a:hover {
  color: var(--color-primary-highlight);
}

.order-desc::after {
  display: inline-block;
  content: "\25BC";
  pointer-events: all;
  margin-left: 0.25em;
}

.order-asc::after {
  display: inline-block;
  content: "\25B2";
  pointer-events: all;
  margin-left: 0.25em;
}

h1 {
  color: black;
}

h2 {
  border-bottom: 1px solid var(--color-primary);
}

.bcd__login-wrapper--light-gray:after {
  background-image: none;
}

.bcdLoading, .statusNotReady {
  background: url(images/loading.gif) top left no-repeat;
}

.bcdChipChooser .bcdUpper .bcdItem {
  background-color: #fff;
  color: #495057;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  cursor: pointer;
}

.bcdChipChooser .bcdUpper .bcdConnectableHover .bcdItem, .bcdChipChooser .bcdUpper .ui-selected .bcdItem {
  background-color: #6c757d;
}

.bcdChipChooser .bcdUpper .ui-selected .bcdItem .bcdCloseItem:after, .bcdChipChooser .bcdUpper .bcdConnectableHover .bcdItem .bcdCloseItem:after {
  background-color: #6c757d;
}

.bcdPagingPanel table .bcdPagingButtonActive {
  background-color: var(--color-secondary);
}

#bcdAlerter .bcdSuccess {
    background: color-mix(in srgb,var(--color-primary),transparent 50%);
    border-color: color-mix(in srgb,var(--color-primary),transparent 10%)
}

table.table thead {
  position: sticky;
  top: 2.7em;
  z-index: 1;
  background-color: #fff;
}


.img-download {
    text-align: center;
    &:after {
      cursor: pointer;
      font-family: "Font Awesome 5 Free", Sans-serif; font-weight: 600; font-style: normal; color: #555; content: "\f019";
    }
 }
.img-download-lg {
    text-align: center;
    &:after {
      cursor: pointer;
      font-family: "Font Awesome 5 Free", Sans-serif; font-weight: 600; font-style: normal; color: #555; content: "\f019"; font-size: larger;
    }
 }
div.no-data::after {
  content: "Keine Daten"
}


.bcdMenu .credentials .user {
  display: none;
}

fieldset:disabled {
  label, p {
    color: black;
  }
}

.bcdDisabled {
  color: #777 !important;
}

.bcdReadOnly, .handsontable .htDimmed {
  color: black !important;
}

td.num_cel {
  text-align: right;
}

tr {
  &.row--details {
    & > td {
      padding-left: 2em;
    }
  }
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
  background-color: var(--color-secondary);
  border-color: var(--color-secondary);
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled):focus,
input:not(:disabled):not(.disabled).active:focus,
input:not(:disabled):not(.disabled):active:focus,
input:not(:disabled):not(.disabled):focus,
select:not(:disabled):not(.disabled).active:focus,
select:not(:disabled):not(.disabled):active:focus,
select:not(:disabled):not(.disabled):focus,
.show>.btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2em var(--color-secondary-glow);
}

.form-control:focus,
.form-control.focus {
  border-color: var(--color-secondary);
}

.invoice {
  & .container-references {
    border-bottom: .125em dashed #ccc;
  }
  
  & .container-lines {
    & fieldset {
      border: 1px solid #ccc;
      padding: 0 .25em .25em .25em;
      
      & input {
        border: none;
        background: none;
        padding: 0;
        margin: 0;
      }
      
      & legend {
       display: inline;
       width: auto;
       max-width: none;
       margin: 0;
       font-size: 1em;
      }
    }
  }
}