/*!
 *  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.scss';

.ol-toolbar {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: none;

  position: absolute;
  top: 1.5em;
  left: 5em;

  background-color: $boschWhite;
}

:host ::ng-deep {
  mat-button-toggle-group {
    vertical-align: middle;
  }

  mat-button-toggle {
    display: block;
    margin: 0;
    color: $boschGray20;
    font-size: 3 * $grid-size;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    height: 4 * $grid-size;
    width: 5 * $grid-size;
    line-height: 0.4em;

    transition: $transition-time-quarter;

    button {
      width: 100%;
    }

    .mat-button-toggle-label-content {
      padding: 0;
      line-height: 4 * $grid-size;
    }

    &,
    &:focus {
      background-color: $boschWhite;
    }

    &:hover {
      background-color: $boschGray95;
      color: #000;
    }

    &:active {
      transition: 0s;
      background-color: $boschGray95;
    }
  }

  ::ng-deep label {
    padding: 0;
  }

  .mat-button-toggle-group,
  .mat-button-toggle-standalone {
    box-shadow: none;
  }

  .mat-button-toggle-checked {
    background-color: $boschGray95;
  }

  .toolbar-spacer {
    border: solid $boschGray40;
    border-right-width: 1px;
    border-left-width: 0;
  }
}
