@import "j-ui-kit/mixins/all";
@import "mixins/all";

#modal-client-reports {
  .modal-dialog {
    width: 35rem;
  }
  article{
    header {
      font-weight: 600;
      margin-bottom: 1rem;
    }
    #search-client {
      width: 100%;
      border: { radius: 0.5rem 0.5rem 0 0; bottom: 0 }
    }
    #client-list {
      list-style: none;
      height: 20rem;
      overflow-y: auto;
      overflow-x: hidden;
      -webkit-overflow-scrolling: touch;
      margin: 0;
      padding: 0;
      border: 0.1rem solid $inputBorderColor;
      border-radius: 0 0 0.5rem 0.5rem;
      li {
        height: 2rem;
        line-height: 2rem;
        padding: 0.5rem 1.7rem;
        border: { style: solid; color: transparent; width: 0.1rem 0rem; }
        cursor: pointer;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        &:hover:not(.header), &.selected {
          background: { color: $itemHoverBackgroundColor; }
          border-color: $itemHoverBorderColor;
        }
        &.filtered-out-content { display: none; }
        &.header {
          background-color: #F2F2F2;
          color: #999999;
          font-size: 1.1rem;
          font-weight: 500;
          line-height: 1.2rem;
          padding-left: 0.7rem;
          height: 1rem;
          text-transform: uppercase;
        }
      }
    }
  }
}