.application-header {
  align-items: center;

  &__part {
    position: relative;
    color: $ui-5-color;
    cursor: default;
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1;
    @include borderRight($top-nav-border-color);
    &:last-child {
      border-right: none;
    }

    &--no-border {
      // Provides added control when things get weird ;)
      border-right: none;
    }

    &--with-label {
      margin: 0.35em 0;
    }

    &__label {
      font-family: $global-primary-font;
      line-height: 1;
      @include font-size(13px);
      display: block;
      color: $brand-color;
    }

    &__children {
      @media (min-width: $breakpoint-xlarge)  {
        padding-left: 15%;
      }
    }

    &:first-child {
      .application-header__part__children {
        @media (min-width: $breakpoint-xlarge)  {
          padding-left: 0;
        }
      }
    }

    &--has-dropdown {
      &:before {
        content: '\E90F';
        font-family: 'nuvi_icons_bold';
        position: absolute;
        right: 20%;
        top: 12px;
        color: $icon-color;
        @include font-size(13px);
        pointer-events: none;
      }
      .application-header__part__children {
        padding-right: 16%;
      }
    }

    &__right {
      text-align: right;
      flex: 1 0 1px;
    }
  }
}