.root {
  @include background($navigationpage-background);
  font-weight: normal;
}

.page {
  /* Disable touch behaviors, like pan and zoom for IE10*/
  @include touch-action(none);
  @include backface-visibility(hidden);
  @include background($navigationpage-background);

  position: absolute;
  height: 100%;
  width:100%;
}

.page.active:not(.animationChild) {
  z-index: 100;
}

.content:not(.group) .form-title {
  text-indent:px-to-rem(15);
}

.root, .scroll {
  font-family:  $application-font;
  color:  $application-text-color;
}

.group {
  padding: px-to-rem(10);
}

.group.bordered {
  @include border-radius($group-border-radius);
  @include background($group-background);

  border: px-to-rem(1) solid $group-border-color;
  margin: px-to-rem(10);
}

.qx-hbox:not(.qx-flex-reverse) > .gap:not(.exclude) + .gap {
  margin-left: px-to-rem(5);
}

div:not(.qx-hbox):not(.qx-flex-reverse) > .gap:not(.exclude) + .gap {
  margin-top: px-to-rem(5);
}

.qx-hbox.qx-flex-reverse > .gap:not(.exclude) + .gap {
  margin-right: px-to-rem(5);
}

div:not(.qx-hbox).qx-flex-reverse > .gap:not(.exclude) + .gap {
  margin-bottom: px-to-rem(5);
}