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

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

::ng-deep .dashboard-settings-popup {
  width: 46vw !important;

  .mat-dialog-container {
    padding: $grid-size * 4 !important;
  }
}

button.mat-icon-button {
  width: auto;
  display: inline-flex;
  padding: 12px;
}

.mdc-dialog__title {
  padding: 0;
}

.dialog-header {
  padding: 0 !important;

  .help-text {
    display: block;
    margin-top: math.div($grid-size, 2);
  }
}

.mat-dialog-content {
  height: 32vh;
}

div.add-dashboard {
  text-align: right;
}

form div.drag {
  display: flex;
  border-top: 1px solid $boschGray85;
  align-items: center;
}

form div.drag:last-child {
  border-bottom: 1px solid $boschGray85;
}

.mat-mdc-form-field {
  width: 100%;
  padding-top: $grid-size * 2;
}

.center {
  text-align: center;
  margin: $grid-size;
}

mat-icon.disabled {
  color: $boschGray80;
  cursor: default;
  pointer-events: none;
}

/****Smaller  Resolution****/
@media screen and (max-width: ($screen-md-min - 1)) {
  ::ng-deep .dashboard-settings-popup {
    width: auto !important;
  }
}
