/*FORMS*/
::ng-deep {
  .mat-form-field-appearance-outline .mat-form-field-wrapper {
    margin-bottom: $spacing-l;
  }
  .mat-form-field-appearance-outline .mat-form-field-infix {
    padding: $spacing-xs * 3 0;

    font-size: $font-m;
  }
  .mat-error {
    font-size: $font-s;
  }
  .mat-radio-label-content {
    font-size: $font-m;

    @include for-size(md-down) {
      font-size: 18px;
    }
  }
}
::ng-deep .mat-typography p.heading {
  margin-bottom: $spacing-l;
}

::ng-deep .mat-menu-panel {
  max-width: 171px !important;
}

::ng-deep .mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: $primary;
}
::ng-deep .mat-form-field.mat-focused .mat-form-field-label {
  color: $primary;
}
::ng-deep .mat-form-field-appearance-outline .mat-form-field-outline {
  color: $primary;
  // opacity: 1!important;
}
::ng-deep
.read-only
.mat-form-field-appearance-outline.mat-focused
.mat-form-field-outline-thick {
  color: #e9f0f9 !important;

  cursor: not-allowed !important;
}
::ng-deep .read-only .mat-form-field-appearance-outline {
  opacity: 0.8;

  cursor: not-allowed !important;
}

::ng-deep .mat-drawer-container {
  height: 100vh;
}

/*DIALOGS*/
::ng-deep {
  .mat-dialog-container {
    min-height: 250px !important;
    padding: $spacing-xl !important;

    background: $background-primary;
  }
  .mat-dialog-actions {

    button {
      margin: 0 calc($spacing-m / 2);
    }
  }
}

/*SELECTS*/
::ng-deep {
  .mat-select-panel {
    max-height: 400px !important;
  }
  .mat-form-field-label-wrapper {
    top: -19px !important;
  }
  .mat-form-field-prefix .mat-icon,
  .mat-form-field-suffix .mat-icon {
    position: relative;
    top: -4px;
  }
}

::ng-deep {
  button.mat-menu-item {
    font-size: $font-m;
  }

  .mat-spinner circle {
    stroke: $primary;
  }

  .mat-checkbox-checked.mat-accent .mat-checkbox-background,
  .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
    background-color: $primary !important;
  }

  .mat-dialog-container {
    overflow: hidden !important;
  }
  .mat-dialog-content {
    max-height: 95vh !important;
    overflow: hidden !important;
  }
  .mat-dialog-actions {
    justify-content: flex-end;
  }
  .mat-dialog-title {
    text-align: center;
  }
}
