@import '../../colors.scss';
@import '../../sizes.scss';

.AppBar {
  background-color: $background-color !important;
  z-index: 1400 !important;
  height: $header-height;
  flex-direction: row !important;
  align-items: center;

  border-bottom: solid 1px rgba(0, 0, 0, 0.075);

  .toolbar {
    flex-grow: 1;
    display: flex;
    align-items: center;
  }

  .logoWrapper {
    height: 50px;
    width: 155px;
    display: flex;
    align-items: center;
    cursor: pointer;

    img {
      max-height: 100%;
      max-width: 150px;
    }
  }

  .rightSideBox {
    flex-grow: 1;
    display: flex;
    justify-content: flex-end;
  }
}