@import "../palette";
@import "../typography";
@import "../mixins/fontSize";

.application-header {

  align-items: center;
  padding-bottom: 1em;
  position: relative;
  margin-bottom: 1.5em;

  &__part {

    position: relative;
    border-right: 1px solid $light-blue-color;
    @include font-size(18px);
    color: $white-color;
    cursor: default;
    height: 2.1em;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;

    &:last-child {
      border-right: none;
    }

    &--with-label {
      margin: 0.35em 0;
      label {
        font-family: $global-primary-font;
        line-height: 0.75;
        @include font-size(13px);
        display: block;
        color: $brand-color;
      }
    }
    &__right {
      text-align: right;
      flex: 1 0 1px;
    }
  }
}