@mixin approveterms-theme($theme){
    $accent-palette: map-get($theme, accent);
    $accent: mat-color($accent-palette, A200);
    $complete: mat-color($accent-palette, A400);

    $background: map-get($theme, background);

    .approve-terms-tabs {
        margin-top: 20px;
        border-bottom: 1px solid mat-color($background,disabled-button-toggle);
        padding-right: 30px;

        span {
          font-size: 16px;
          flex-grow: 1;
          cursor: pointer;

          &.active {
            border-bottom: 2px solid $accent;
            font-weight: normal;
          }

          &:last-child {
            text-align: right;
            font-size: inherit;
          }

          &.tabs-sm {
            margin: 10px 0;
          }
        }

      }
}
