.export-qrcode {
  display: inline-block;
}
.export-qrcode-image,
.qrcode-image {
  display: none;
  width: 160px;
  height: 160px;
  position: absolute;
  background: white;
  box-shadow: var(--shadow-light);
  svg {
    width: 100%;
    height: 100%;
  }
}
.export-qrcode-image {
  right: 0;
}
.export-qrcode:hover .export-qrcode-image,
.qrcode:hover .qrcode-image {
  display: block;
}

.copyable-text {
  cursor: pointer;
  &:hover {
    background: $gray-lightest;
    box-shadow: 0px 0px 4px 4px $gray-lightest;
  }
}

.mail-card .card-header {
  cursor: pointer;
}

.state-fragment {
  white-space: nowrap;
}

.list-group .logentry.list-group-item {
  display: flex;
  flex-direction: column;
  .time {
    color: var(--color-text-muted);
  }
  span i.fa {
    padding-right: 4px;
  }
}

.submission-state-deleted,
.submission-state-withdrawn,
.submission-state-canceled {
  --submission-color-primary: var(--color-grey);
  --submission-color-secondary: var(--color-grey);
  --highlight-color: var(--color-grey);
  --highlight-color-text: var(--color-grey);
}
.submission-state-dropdown.submission-state-pending-deleted,
.submission-state-dropdown.submission-state-pending-withdrawn,
.submission-state-dropdown.submission-state-pending-canceled {
  --submission-color-secondary: var(--color-grey);
}

.submission-state-submitted,
.submission-state-review {
  --submission-color-primary: var(--color-info);
  --submission-color-secondary: var(--color-info);
  --highlight-color: var(--color-info);
  --highlight-color-text: var(--color-info-dark);
}
.submission-state-dropdown.submission-state-pending-submitted {
  --submission-color-secondary: var(--color-info);
}

.submission-state-accepted {
  --submission-color-primary: var(--color-primary);
  --submission-color-secondary: var(--color-primary);
  --highlight-color: var(--color-success);
  --highlight-color-text: var(--color-success-dark);
}
.submission-state-dropdown.submission-state-pending-accepted {
  --submission-color-secondary: var(--color-primary);
}

.submission-state-confirmed {
  --submission-color-primary: var(--color-primary-text);
  --submission-color-secondary: var(--color-primary-text);
  --highlight-color: var(--color-success);
  --highlight-color-text: var(--color-success-dark);
}
.submission-state-dropdown.submission-state-pending-confirmed {
  --submission-color-secondary: var(--color-primary-text);
}

.submission-state-rejected {
  --submission-color-primary: var(--color-danger);
  --submission-color-secondary: var(--color-danger);
  --highlight-color: var(--color-danger);
  --highlight-color-text: var(--color-danger);
}
.submission-state-dropdown.submission-state-pending-rejected {
  --submission-color-secondary: var(--color-danger);
}

.badge.submission-state {
  background-color: var(--submission-color-primary);
}