.sales-summary-container {

  .sales-summary-bar {
    background: #f2f2f2;
    color: #fff;
    div {
      animation: expand 2.5s ease;
      span {
        display: block;
        padding: 10px 13px;
        white-space: nowrap;
      }
    }
  }
  .sales-summary-turnover {
    background: #2b3a44;
    //background: rgb(45,209,159);
    //background: linear-gradient(109deg, rgba(45,209,159,1) 0%, rgba(64,208,203,1) 36%, rgba(44,138,181,1) 100%);
  }
  .sales-summary-profit {
    background: #589476;
    background: linear-gradient(109deg, #589476 0%, #a9ebaa 100%);
    //background: rgb(179,208,47);
    //background: linear-gradient(109deg, rgba(179,208,47,1) 0%, rgba(64,208,70,1) 36%, rgba(44,181,91,1) 100%);
  }
}

@keyframes expand {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}

.mat-mdc-tab-list .mat-ripple {
  background: #f6f6f6;
}
.mat-mdc-tab-list .mdc-tab-indicator--active .mat-ripple {
  background: #f2f2f2;
}
.mat-ripple:not(:empty) {
  background: #f6f6f6;
}
.mat-mdc-tab .mdc-tab__text-label,
.mat-mdc-tab:hover .mdc-tab__text-label {
  color: #000 !important;
}
.mat-mdc-tab .mdc-tab-indicator__content--underline,
.mat-mdc-tab.mdc-tab--active:hover .mdc-tab-indicator__content--underline {
  border-color: $color-imaq !important;
}
.mat-mdc-tab.mdc-tab--active .mdc-tab__text-label,
.mat-mdc-tab.mdc-tab--active:hover .mdc-tab__text-label {
  color: $color-imaq !important;
}
.mat-mdc-tab-body {
  padding-top: 30px;
}