

.mat-accordion .mat-expansion-panel:first-of-type {
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.mat-accordion .mat-expansion-panel:last-of-type {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.mat-accordion {
  .mat-expansion-panel {
    border-radius:0 !important;
    border-bottom: 1px solid $lightgrey-1;

    .mat-expansion-panel-header {
      padding: .25rem 0;
      margin-bottom: 0;
      background-color: $white;

      .mat-content {
        padding: 0.375rem 0.75rem;
        flex-wrap: wrap;
        border: 1px solid transparent;
      }

      .mat-expansion-panel-header-title {
        flex-basis:auto;
        align-items:center;

        .mat-chip-list{
          margin-left:0.4rem;
        }
      }
      .mat-expansion-panel-header-description {
        margin-right:0!important;
        flex-basis:auto;
        justify-content: flex-end;
        align-items: center;
      }
    }



    .mat-expansion-panel-content {
      @include ui-typography-reposive($fontConfig-sm, $fontConfig-m, $fontConfig-l, 'body-1');

      .mat-expansion-panel-body {
        padding:1rem !important;
      }
    }

  }

  .mat-expansion-panel:hover {
    .mat-expansion-panel-header-title {
      h4 {
        color: $ochre;
      }
    }
    .mat-expansion-panel-header-description {
      span {
        color: $ochre;
      }
    }
  }
}

.mat-expansion-panel-spacing {
  margin: 0 !important;
}

