.mat-expansion-panel {
  margin-top: 14px;
  margin-right: 14px;
  section {
    margin-left: -10px;
  }
  &.panel-content-type {
    margin-top: 20px;
    section {
      margin-left: 0;
    }
  }
  ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
  }
  mat-panel-title,
  li {
    position: relative;
    line-height: 40px;
    padding-left: 40px;
    mat-icon {
      position: absolute;
      left: 0;
      top: 8px;
    }
  }
  li {
    cursor: pointer;
    mat-icon {
      top: 6px;
    }
    small {
      float: right;
      font-size: 0.8rem;
    }
  }
  mat-checkbox {
    display: block;
    ::ng-deep label {
      min-width: 220px;
    }
    small {
      margin-left: 10px;
      position: absolute;
      right: 0;
    }
  }
}

.search-form {
  padding-top: 20px;
  padding-bottom: 10px;
  position: relative;
  clear: both;
  display: flex;
  flex-wrap: wrap;
  .form-field-container {
    display: inline-flex;
    flex-direction: column;
    position: relative;
    margin-left: 20px;
    padding-bottom: 20px;
    button {
      top: 8px;
    }
    &.form-field-container-order-by {
      padding-right: 40px;
      button {
        position: absolute;
        right: 0;
      }
    }
    &.form-field-container-search-query {
      width: 300px;
      button {
        position: absolute;
        right: 0;
      }
      ::ng-deep .mat-mdc-form-field-infix {
        padding-right: 50px;
      }
    }
  }
  .button-container-toggle-direction {
    margin-left: 4px;
  }
}

app-paginator {
  float: right;
  padding-top: 14px;
  padding-bottom: 20px;
}
