@import 'assets/material-theme.scss';

.mat-radio-group {
  display: flex;
  flex-direction: column;
}

.mat-stepper-vertical {
  width: 731px;
  @media screen and (max-width: 960px) {
    width: auto;
  }
}

.mat-radio-button {
  margin: 5px;
}

.mat-form-field {
  display: block;

  & + & {
    margin-top: 15px;
  }
}

.step-actions {
  margin-top: 15px;
  display: flex;
  justify-content: flex-end;
}

.credit-selector {
  display: flex;
  flex-direction: row;

  & + & {
    margin-top: 15px;
  }

  label {
    display: block;
    flex-grow: 1;
  }

  mat-form-field {
    width: 90px;
    display: block;
    flex-grow: 0;
    text-align: right;
  }
}

button[type='submit'] {
  color: mat-color($my-app-primary);
}