/*!
  *  Copyright (C) 2018 Robert Bosch GmbH Copyright (C) 2018 Robert Bosch Manufacturing Solutions GmbH, Germany. All rights reserved.
 */

@import '@bci-web-core/common-styles/sass/bci/bci-variables';

.mat-dialog-content {
  font-size: $font-size-base !important;
  line-height: 1.5 !important;
  color: $boschBlack !important;
  font-family: $font-family-sans;
  max-height: none;
}

.dialog-icon {
  margin-right: 8px;
}

.dialog-header {
  margin: 0px 0px 2 * $grid-size 0px !important;

  .dialog-title-icon {
    min-height: 30px;
    line-height: 30px;
    display: flex;
  }

  .dialog-title {
    font-size: 24px;
    font-weight: $font-weight-strong;
    line-height: 30px;
    font-family: $font-family-sans;
  }
}

.filter-view {
  width: 47%;
}

.close-button {
  top: 0;
  right: 0;
}

.optionalButton {
  justify-self: flex-end;
}

@media screen and (max-width: $screen-xs-min) {
  :host ::ng-deep button:not(.mat-mdc-icon-button) {
    margin-top: 2 * $grid-size;
  }
  :host ::ng-deep mat-dialog-actions div {
    width: 100%;
  }
  .dialog-header {
    margin-top: 10px !important;
  }
  .mat-dialog-content {
    max-height: none;
  }
  .dialog-content-wrapper {
    max-height: calc(100% - 128px);
    overflow: scroll;
  }
  .mat-mdc-dialog-actions {
    position: absolute;
    bottom: 0;
    width: calc(100% - 28px) !important;
    padding-bottom: 2 * $grid-size !important;
    margin-bottom: 0px !important;
  }
}

@media screen and (min-width: ($screen-xs-min + 1)) {
  ::ng-deep .mat-mdc-dialog-container {
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25) !important;
  }
  :host ::ng-deep .mat-mdc-dialog-actions button:not(.mat-mdc-icon-button) {
    margin: $grid-size 0 0 2 * $grid-size;
  }
  .dialog-title {
    font-size: 24px !important;
    line-height: $line-height-base !important;
    padding-right: 2 * $grid-size !important;
  }
  .mat-mdc-dialog-actions {
    padding-top: 16px !important;
  }
}
@media screen and (min-width: ($screen-sm-min + 1)) {
  .dialog-title {
    font-size: 24px !important;
    line-height: 30px !important;
  }
}
