#actions-menu .dropdown-item span {
  display: inline-block;
  margin-left: 1.5rem;
}

/* For Submitted and Draft Report alerts */
.report-alert {
  padding: 2.5rem 0;
  background-color: var(--addgene-yellow-bg);
  border: none;
  font-size: 1.125rem;

  &.alert-warning {
    color: var(--addgene-gray);
  }

  & + main {
    margin-top: 5rem !important;
  }
}

/* For Report Content */
.hybridoma-indicator {
  color: #fff;
  padding: .3rem .5rem .3rem .6rem;
  background-color: var(--addgene-dark-blue);

  a {
    color: #fff;
    margin-left: .2rem;
  }
}

#details-view {
  figcaption {
    margin-top: 1.25rem;
  }

  #image-section {
    .row > * {
      padding-left: .625rem;
      padding-right: .625rem;
    }

    dl {
      margin: 0;
    }

    dd {
      margin-bottom: 1.25rem;

      &:last-of-type {
        margin-bottom: 0;
      }
    }

    .panel {
      padding: 2rem 1.25rem;

      .panel-text {
        margin-bottom: 2.5rem;
      }

      @media (min-width: 768px) {
        padding: 35px;

        .panel-text {
          margin-bottom: 65px;
        }
      }
    }
  }

  .data-definition-section {
    &:first-of-type {
      margin: 5.25rem 0;
    }

    &:not(.non-bordered) .role-sub-section {
      padding: .5rem 0;
      border: thin solid var(--addgene-border-gray-1);
      border-radius: var(--addgene-round-button-radius);

      @media (min-width: 768px) {
        padding: .75rem 0;
      }
    }

    &.non-bordered {
      .data-definition-heading {
        margin-bottom: 1.25rem;
      }

      &:not(:first-of-type) {
        margin-top: 4.125rem;
      }

      .datasheet-wrapper dl dt {
        padding-left: 0;
      }
    }
  }

  .data-definition-heading {
    margin-bottom: 2.25rem;
  }

  .role-sub-section {
    &:not(:last-of-type) {
      margin: 2.25rem 0 1.875rem;
    }

    h3 {
      margin: 1.25rem;

      @media (min-width: 768px) {
        margin-left: 2.25rem;
      }
    }

    .view-in-addgene-catalog {
      margin: 1.75rem 0 1.25rem 1.25rem;
      padding: .625rem 1.875rem;
      font-size: .875em;

      @media (min-width: 768px) {
        margin-top: 2.5rem;
      }
    }
  }
}

.submission-details {
  &:last-of-type {
    margin-bottom: 2.25rem;
  }

  .submission-details-dd:not(:last-of-type) {
    margin-bottom: .625rem;

    @media (min-width: 992px) {
      margin-bottom: .375rem;
    }
  }

  .submission-details-dd {
    max-width: 100%;

    @media (min-width: 992px) {
      max-width: 82%;
    }

    @media (min-width: 1200px) {
      max-width: 85%;
    }

    @media (min-width: 1400px) {
      max-width: 87%;
    }
  }

  @media (min-width: 768px) {
    .submission-details-dt {
      width: 10.625rem;
    }
  }
}

.citation-text {
  border-radius: var(--addgene-panel-border-radius);
  background-color: var(--addgene-gray-0);
  font-size: .88rem;
}

.datasheet-wrapper {
  .datasheet-info {
    margin: 0;
  }

  dl {
    dt {
      padding: 1rem .5625rem 1rem 1.25rem;

      @media (min-width: 768px) {
        padding: 1.25rem 2.25rem;
      }
    }

    dd {
      padding: 1rem 1.25rem 1rem .5625rem;

      @media (min-width: 768px) {
        padding: 1.25rem 2.25rem;
      }
    }

    dd,
    dt {
      border-bottom: thin solid var(--addgene-border-gray-1);
      margin: 0;

      &:last-of-type {
        border-bottom: 0;
      }
    }
  }
}