:root {
  --c-gray: #d6d6d6;
  --border_color: var(--color_light);
  --background_color: var(--color_light);
}

/* Bootstrap */

.gutter-20 > [class*='col-'] {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.row.gutter-20 {
  margin-left: -10px !important;
  margin-right: -10px !important;
}

.mb-20 {
  margin-bottom: 20px;
}

.mt-20 {
  margin-top: 20px;
}

.col-xs-3 > .donation-widget-wrapper {
  /* Die Box fuer "Abgeschlossene Aufgaben" ist IMMER hoeher als die anderen, damit alle die selbe Hoehe haben wurde
  eine "min-height" angegeben */
  min-height: 153px;
}

.donation-widget-wrapper {
  background-color: var(--background_color);
  display: flex;
  flex-direction: column;
  padding: 25px 30px;
  color: var(--color_dark);
  border-radius: 5px;
  border: 1px solid var(--border_color);
  gap: 8px;
  justify-content: center;
}

#donation_journal > .donation-widget-wrapper {
  padding: 15px 25px;
}

.donation-widget-wrapper:hover {
  text-decoration: unset;
  color: var(--color_dark);
}

.donation-widget-wrapper > .donation-widget-value {
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 5px;
}

.donation-widget-wrapper > .donation-widget-desc {
  font-weight: 600;
}

.donation-widget-cost-bar { /* Progressbar */
  background-color: var(--c-gray);
  border-radius: 5px;
  position: relative;
  overflow: hidden;

  height: 10px;
  width: 100%;

  div:first-of-type {
    background-color: var(--color_dark);
    border-radius: 5px;
    position: absolute;

    height: 10px;
    left: 0;
    top: 0;
  }
}

/* Saldo -------------------- */
#donation_saldo > .donation-widget-wrapper {
  background: var(--color_dark);
  border-color: var(--color_dark);
}

#donation_saldo  > .donation-widget-wrapper > .donation-widget-value,
#donation_saldo  > .donation-widget-wrapper > .donation-widget-desc {
  color: white;
}

#donation_saldo  > .donation-widget-wrapper > .donation-widget-value > div > .icon_info_svg {
  fill: white;
}

/* Journals */

.antrag-list-table-wrapper,
.antrag-journal-table-wrapper {
  width: 100%;
}

.antrag-list-table-wrapper > tbody > .antrag-list-table-entry,
.antrag-list-table-wrapper > tbody > .antrag-list-table-head,
.antrag-journal-table-wrapper > tbody > .antrag-journal-table-entry,
.antrag-journal-table-wrapper > tbody> .antrag-journal-table-head {
  border-color: var(--color_grey_221) !important;
  border-top: 1px solid var(--color_grey_221);
  position: relative;
}

.antrag-list-table-wrapper > tbody > .antrag-list-table-head,
.antrag-journal-table-wrapper.subtasks > tbody > .antrag-journal-table-head {
  border-top: unset;
}

.antrag-list-table-wrapper > tbody > .antrag-list-table-entry,
.antrag-list-table-wrapper > tbody > .antrag-list-table-head,
.antrag-list-table-wrapper > tbody > .antrag-list-table-entry > td,
.antrag-list-table-wrapper > tbody > .antrag-list-table-head > td,
.antrag-journal-table-wrapper > tbody > .antrag-journal-table-entry,
.antrag-journal-table-wrapper > tbody > .antrag-journal-table-head,
.antrag-journal-table-wrapper > tbody > .antrag-journal-table-entry > td,
.antrag-journal-table-wrapper > tbody > .antrag-journal-table-head > td {
  background-color: unset !important;
}

.antrag-list-table-wrapper > tbody > .antrag-list-table-head > th {
  color: var(--color_grey);
  padding: 14px 0px;
  font-size: 15px;
}

.antrag-journal-table-wrapper > tbody > .antrag-journal-table-head > th {
  color: var(--color_dark);
  padding: 14px 0px;
  font-size: 15px;
}

.antrag-list-table-wrapper > tbody > .antrag-list-table-entry > td,
.antrag-journal-table-wrapper > tbody > .antrag-journal-table-entry > td {
  color: var(--color_grey);
  padding: 14px 0px;
  font-size: 16px;
}

.antrag-journal-table-wrapper > .antrag-journal-table-stage > tr > td {
  padding-bottom: 20px;
  font-size: 16px;
}

.antrag-journal-table-wrapper > .antrag-journal-table-stage:not(:first-of-type) > tr > td {
  padding-top: 40px;
}


/*   */
.antrag-donation-widget-wrapper {
  background-color: var(--background_color);
  display: flex;
  flex-direction: column;
  padding: 32px 30px;
  color: var(--color_dark);
  border-radius: 5px;
  gap: 8px;
  justify-content: center;
}


.antrag-donation-widget-wrapper > .antrag-donation-value {
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}

.antrag-donation-widget-wrapper > .antrag-donation-status {
  text-align: center;
}


.antrag-list-table-wrapper > tbody > .antrag-list-table-entry > td.name > a {
  text-decoration-color: var(--color_dark);
  cursor: pointer;
}

/* Dontaion Check / All Journals */

#donation_check {
  overflow: hidden;
}

#donation_check.border-right-green {
  border-right: 4px solid var(--green_success_collapse);
}

#donation_check.border-right-red {
  border-right: 4px solid var(--red_error_collapse)
}