mpp-tool/httpdocs/public/assets/scss/components/_listing.scss

.new-user {
  padding: 0 0 3rem 0;
}

.listing {
  ul {
    
  }
  li {
    background: $color-bim-10;
    padding: 0.75rem 1.5rem;
    margin-bottom: 2px;
    &:nth-child(even) {
      background: $color-bim-20;
    }
    &.inactive {
      opacity: .3;
    }
  }
  &--header {
    padding: 0.5rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    @media (max-width: 1024px) {
      display: block;
    }
    h3 {
      padding: 0 !important;
    }
    .buttons {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: center;
      * {
        margin-left: 1.5rem;
        @media (max-width: 1024px) {
          margin-top: 10px;
          margin-left: 0;
          margin-right: 1.5rem;
        }
      }
      .pdfs {
        display: flex;
        @media (max-width: 1024px) {
          order: 2;
        }
        a {
          display: block;
          width: 2rem;
          height: 2rem;
          background: transparent url("../images/elements/pdf.svg") no-repeat left top;
          background-size: 100% auto;
          position: relative;
          &.latest {
            &:after {
              content: "";
              display: block;
              position: absolute;
              right: -0.25rem;
              top: -0.25rem;
              width: 1rem;
              height: 1rem;
              background: green;
              border-radius: 50%;
            }
          }
        }
      }
    }
  }
  &--details {
    display: none;
    li.open & {
      
    }
  }
  &--details-inside {
    padding: 0.5rem 0;    
  }
}