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

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

.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: 72px;
    display: block;
    flex-grow: 0;
    text-align: right;
  }
}

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

#what-if-degree-plan-select {
  mat-select-trigger {
    height: 24px;
    display: inline-block;
    position: relative;
    top: 1px;

    .plan-name {
      position: relative;
      top: 1px;
      display: inline-block;
      vertical-align: top;
      height: 24px;
      line-height: 24px;
    }
  }

  .primary-star {
    margin-right: 12px;
  }
}