Noosfero/noosfero

form.profile-selector {
  border-top: 1px solid #ccc;
  padding-top: 10px;

  > input {
    width: 100%;
    margin-bottom: 10px;
  }

  .profile-selector-container {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
    max-height: 250px;
    overflow: scroll;

    .profile-selector-entry {
      width: 50%;
      display: flex;
      align-items: center;

      &:hover {
        border-radius: 3px;
        background-color: #eee;
        box-shadow: 0px 1px 2px #ccc;
      }

      img {
        margin: 10px;
        width: 50px;
        height: 50px;
      }

      span.profile-forms-count {
        color: #777;
      }
    }

    .profile-selector-entry-info {
      display: flex;
      flex-direction: column;
    }
  }

  .profile-selector-actions {
    display: flex;

    .selection-actions {
      display: inline-flex;
      justify-content: center;
      flex: 1;

      button {
        border: none;
      }
    }
  }
}