This project was generated with Angular CLI version 8.3.17.

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

Run ng test to execute the unit tests via Karma.

Run ng e2e to execute the end-to-end tests via Protractor.

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.

#Adding New stepper

::ng-deep .mat-step-header .mat-step-label { overflow: visible; }

::ng-deep .mat-step-header .mat-step-icon-not-touched span, ::ng-deep .mat-step-header .mat-step-icon span, ::ng-deep .mat-step-header .mat-step-icon-not-touched .mat-icon, ::ng-deep .mat-step-header .mat-step-icon .mat-icon { display: none; }

#add new stepper type (ng-deep .mat-step-header:nth-of-type(1)) for everystepper we add.

::ng-deep .mat-step-header:nth-of-type(1) .mat-step-icon-not-touched:after,
::ng-deep .mat-step-header:nth-of-type(2) .mat-step-icon-not-touched:after,
::ng-deep .mat-step-header:nth-of-type(3) .mat-step-icon-not-touched:after, ::ng-deep .mat-step-header:nth-of-type(1) .mat-step-icon:after { content: 'STEP 1'; display: flex; justify-content: center; margin-top: -20px; color: #939393; font-family: var(--secondary-font); font-size: 9px; font-weight: 900; line-height: 12px; }

::ng-deep .mat-step-header:nth-of-type(2) .mat-step-icon:after { content: 'STEP 2' !important; display: flex; justify-content: center; margin-top: -20px; color: #939393; font-family: var(--secondary-font); font-size: 9px; font-weight: 900; line-height: 12px; }

::ng-deep .mat-step-header:nth-of-type(3) .mat-step-icon:after { content: 'STEP 3' !important; display: flex; justify-content: center; margin-top: -20px; color: #939393; font-family: var(--secondary-font); font-size: 9px; font-weight: 900; line-height: 12px; }

.active-step-1 mat-step-header:nth-of-type(1) .mat-step-icon-not-touched::after, .active-step-1 mat-step-header:nth-of-type(1) .mat-step-icon::after { content: 'add_circle' !important; font-family: 'Material Icons' !important; font-feature-settings: 'liga' 1; }