/* Success syling */
.mat-button.mat-success,
.mat-stroked-button.mat-success {
    color: #4caf50;
}
.mat-button.mat-success:hover,
.mat-stroked-button.mat-success:hover {
  background-color: #f0fff3;
}

.mat-raised-button.mat-success,
.mat-flat-button.mat-success,
.mat-fab.mat-success,
.mat-mini-fab.mat-success {
  color: #f0fff3;
  background-color: #4caf50;
}

.mat-icon-button.mat-success {
  color:#4caf50;
}

/* cancel syling */
.mat-button.mat-cancel,
.mat-stroked-button.mat-cancel {
    color: #919191;
}
.mat-button.mat-cancel:hover,
.mat-stroked-button.mat-cancel:hover {
  background-color: #fff;
}

.mat-raised-button.mat-cancel,
.mat-flat-button.mat-cancel,
.mat-fab.mat-cancel,
.mat-mini-fab.mat-cancel {
  color: #fff;
  background-color: #919191;
}

.mat-icon-button.mat-cancel {
  color:#919191;
}