.header {
  background-color: var(--headerBackgroundColor);
  color: var(--headerColor);

  padding: var(--headerPadding);

  display: flex;
  justify-content: space-between;
  vertical-align: middle;
  align-items: center;
}

.leftHeader {
  flex: 8 0 0;
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;

  /* fix for ie11 */

  width: 100%;
}

.interactionType {
  font-size: var(--interactionTypeFontSize);
  margin-left: var(--interactionTypeLeftMargin);
  margin-right: var(--interactionTypeRightMargin);
}

.dividingLine {
  width: 0;
  border-left: var(--dividingLineLeftBorder);
}

.titleHolder {
  display: flex;
  flex: 1 1 auto;
}

.titleInput {
  flex: 1 1 auto;
  font-size: var(--titleInputFontSize);
  white-space: nowrap;
  text-overflow: ellipsis;
}
