/*!
 *  Copyright (C) 2022 Robert Bosch GmbH Copyright (C) 2022 Robert Bosch Manufacturing Solutions GmbH, Germany. All rights reserved.
 */
@import '@bci-web-core/common-styles/sass/bci/_mixins';
@import '@bci-web-core/common-styles/sass/bci/_bci-variables';
::ng-deep .mat-mdc-form-field-subscript-wrapper.bci-notification,
::ng-deep bci-select,
:host {
  .mat-mdc-form-field-hint-wrapper,
  .mat-mdc-form-field-error-wrapper {
    display: none !important;
  }
  .notification-wrapper {
    font-size: $font-size-base;
    font-weight: 400;
    padding: $grid-size * 0.5 $grid-size * 2;
    line-height: $grid-size * 3;
    display: flex;
    column-gap: 6px;
    background-color: $boschBlue90;
    div {
      display: flex;
      align-items: flex-start;
    }
    &.success {
      padding-left: 12px;
      background-color: $boschGreen90;
      .notification-icon {
        &:before {
          @include make-icon($Bosch-Ic-notification-success-outline);
        }
      }
    }
    &.warning {
      padding-left: 12px;
      background-color: $boschYellow90;
      .notification-icon {
        &:before {
          @include make-icon($Bosch-Ic-notification-outline);
        }
      }
    }
    &.error {
      padding-left: 12px;
      background-color: $boschRed90;
      .notification-icon {
        &:before {
          @include make-icon($Bosch-Ic-notification-error-outline);
        }
      }
    }
    &.info {
      padding-left: 12px;
      .notification-icon {
        &:before {
          @include make-icon($Bosch-Ic-notification-info);
        }
      }
    }
  }
}
