@import 'colors';
@import 'constants';
@import 'mixins';

.procedure-list {
  .procedure-logo-link {
    background-image: none;
  }

  > li {
    border-top: 1px solid var(--border-default-grey);
  }

  .procedure-logo {
    @include ie-compatible-background-image();

    height: 93px;
    width: 93px;
    margin-right: 3 * $default-spacer;
    background-position: 95% 50%;
  }

  .procedure-stats {
    list-style-type: none;
    padding-inline-start: 0;

    li {
      min-height: 36px;
      min-width: 6em;
      color: var(--text-default-grey);
      position: relative;

      &:first-child {
        border-left: none;
      }

      &:hover {
        background-color: rgba(0, 0, 0, 0.05);
      }

      .notifications {
        top: 3px;
        right: 18px;
      }
    }
  }
}