body {
  --fontName: Tahoma, Arial, sans-serif;
  /* Page layout */
  --pageLayoutWidth: auto;
  --pageLayoutMargin: 0px auto;
  --pageLayoutPadding: 0px;
  --pageLayoutBackground: transparent;
  --pageLayoutBorderThickness: 0px;
  --pageLayoutBorderType: solid;
  --pageLayoutBorderColor: transparent;
  --pageLayoutBorderRadius: 0px;
  /* Page layout - Wide */
  --pageLayoutWideMaxWidth: auto;
  /* Page layout - Narrow */
  --pageLayoutNarrowMaxWidth: 1024px;
  /* Page sections */
  --pageSectionsSideMargin: 0px;
  --pageSectionsSideMarginMediumScreen: var(--pageSectionsSideMargin);
  --pageSectionsSideMarginSmallScreen: var(--pageSectionsSideMarginMediumScreen);
  /* Header section */
  --headerBackground: transparent;
  --headerMargin: 0px;
  --headerPadding: 0px;
  --headerMinHeight: auto;
  --headerBorderThickness: 0px;
  --headerBorderType: solid;
  --headerBorderColor: transparent;
  --headerBorderRadius: 0px;
  --headerBoxShadow: none;
  /* Info */
  --infoFloat: left;
  --infoMargin: 0px;
  --infoPadding: 0px;
  --infoMediumScreenFloat: var(--infoFloat);
  --infoMediumScreenMargin: var(--infoMargin);
  --infoMediumScreenPadding: var(--infoPadding);
  --infoSmallScreenFloat: var(--infoFloat);
  --infoSmallScreenMargin: var(--infoMargin);
  --infoSmallScreenPadding: var(--infoPadding);
  --infoBackground: none;
  --infoHeight: auto;
  /* Logo */
  --logoMargin: 0px;
  --logoPadding: 0px;
  --logoMaxHeight: 65px;
  --logoMediumScreenMaxHeight: 65px;
  --logoSmallScreenMaxHeight: 50px;
  --logoAMargin: var(--logoMargin);
  --logoAPadding: var(--logoPadding);
  --logoBMargin: var(--logoMargin);
  --logoBPadding: var(--logoPadding);
  --logoAMaxHeight: var(--logoMaxHeight);
  --logoAMediumScreenMaxHeight: var(--logoMediumScreenMaxHeight);
  --logoASmallScreenMaxHeight: var(--logoSmallScreenMaxHeight);
  --logoBMaxHeight: var(--logoMaxHeight);
  --logoBMediumScreenMaxHeight: var(--logoMediumScreenMaxHeight);
  --logoBSmallScreenMaxHeight: var(--logoSmallScreenMaxHeight);
  /* Content section */
  --contentMinHeight: auto;
  --contentBackground: transparent;
  --contentMargin: 0px;
  --contentMediumScreenMargin: var(--contentMargin);
  --contentSmallScreenMargin: var(--contentMediumScreenMargin);
  --contentPadding: 0px;
  --contentBorderThickness: 0px;
  --contentBorderType: solid;
  --contentBorderColor: transparent;
  --contentBorderRadius: 0px;
  --contentBoxShadow: none;
  /* Content section - Container */
  --contentContainerBackground: transparent;
  --contentContainerMargin: 0px var(--pageSectionsSideMargin);
  --contentContainerPadding: 0px;
  --contentContainerBorderThickness: 0px;
  --contentContainerBorderType: solid;
  --contentContainerBorderColor: transparent;
  --contentContainerBorderRadius: 0px;
  --contentContainerBoxShadow: none;
  --contentContainerMediumScreenPadding: var(--contentContainerPadding);
  --contentContainerMediumScreenMargin: var(--contentContainerMargin);
  --contentContainerSmallScreenPadding: var(--contentContainerMediumScreenPadding);
  --contentContainerSmallScreenMargin: var(--contentContainerMediumScreenMargin);
  /* Content section - Outer Content */
  --outerContentBackground: transparent;
  --outerContentMargin: 0px;
  --outerContentPadding: 0px;
  --outerContentBorderThickness: 0px;
  --outerContentBorderType: solid;
  --outerContentBorderColor: transparent;
  --outerContentBorderRadius: 0px;
  --outerContentBoxShadow: none;
  --outerContentMediumScreenPadding: var(--outerContentPadding);
  --outerContentMediumScreenMargin: var(--outerContentMargin);
  --outerContentSmallScreenPadding: var(--outerContentMediumScreenPadding);
  --outerContentSmallScreenMargin: var(--outerContentMediumScreenMargin);
  /* Content section - Inner content */
  --innerContentBackground: transparent;
  --innerContentMargin: 0px;
  --innerContentPadding: 0px;
  --innerContentBorderThickness: 0px;
  --innerContentBorderType: solid;
  --innerContentBorderColor: transparent;
  --innerContentBorderRadius: 0px;
  --innerContentBoxShadow: none;
  --innerContentMediumScreenPadding: var(--innerContentPadding);
  --innerContentMediumScreenMargin: var(--innerContentMargin);
  --innerContentSmallScreenPadding: var(--innerContentMediumScreenPadding);
  --innerContentSmallScreenMargin: var(--innerContentMediumScreenMargin);
  /* Full content */
  --fullContentContainerBackground: var(--contentContainerBackground);
  --fullContentContainerMargin: var(--contentContainerMargin);
  --fullContentContainerPadding: var(--contentContainerPadding);
  --fullContentContainerBorderThickness: var(--contentContainerBorderThickness);
  --fullContentContainerBorderType: var(--contentContainerBorderType);
  --fullContentContainerBorderColor: var(--contentContainerBorderColor);
  --fullContentContainerBorderRadius: var(--contentContainerBorderRadius);
  --fullContentContainerSmallScreenPadding: var(--contentContainerSmallScreenPadding);
  --fullContentContainerSmallScreenMargin: var(--contentContainerSmallScreenMargin);
  /* Narrow content */
  --narrowContentContainerBackground: var(--contentContainerBackground);
  --narrowContentContainerMargin: var(--contentContainerMargin);
  --narrowContentContainerPadding: var(--contentContainerPadding);
  --narrowContentContainerBorderThickness: var(--contentContainerBorderThickness);
  --narrowContentContainerBorderType: var(--contentContainerBorderType);
  --narrowContentContainerBorderColor: var(--contentContainerBorderColor);
  --narrowContentContainerBorderRadius: var(--contentContainerBorderRadius);
  --narrowContentContainerSmallScreenPadding: var(--contentContainerSmallScreenPadding);
  --narrowContentContainerSmallScreenMargin: var(--contentContainerSmallScreenMargin);
  /* Frame content */
  --frameContentContainerBackground: var(--contentContainerBackground);
  --frameContentContainerMargin: 70px auto;
  --frameContentContainerPadding: 45px;
  --frameContentContainerBorderThickness: var(--contentContainerBorderThickness);
  --frameContentContainerBorderType: var(--contentContainerBorderType);
  --frameContentContainerBorderColor: var(--contentContainerBorderColor);
  --frameContentContainerBorderRadius: var(--contentContainerBorderRadius);
  --frameContentContainerSmallScreenPadding: 35px;
  --frameContentContainerSmallScreenMargin: 0px auto;
  --frameContentContainerBoxShadow: none;
  /* Navigation Menu */
  --navigationMenuMargin: 0px;
  --navigationMenuMediumScreenMargin: var(--navigationMenuMargin);
  --navigationMenuSmallScreenMargin: var(--navigationMenuMediumScreenMargin);
  --navigationMenuPadding: 0px;
  --navigationMenuShadow: none;
  --navigationMenuBorderThickness: 0px;
  --navigationMenuBorderType: solid;
  --navigationMenuBorderColor: transparent;
  --navigationMenuBorderRadius: 0px;
  --navigationMenuBackground: transparent;
  /* Navigation Menu - Item */
  --navigationMenuItemHeight: auto;
  --navigationMenuItemBackground: transparent;
  --navigationMenuItemShadow: none;
  --navigationMenuItemMargin: 0px 5px;
  --navigationMenuItemPadding: 0px;
  --navigationMenuItemFontName: inherit;
  --navigationMenuItemFontColor: var(--fontColor);
  --navigationMenuItemFontSize: 1em;
  --navigationMenuItemFontWeight: var(--fontWeight);
  --navigationMenuItemFontDecoration: none;
  --navigationMenuItemFontLetterSpacing: 0;
  --navigationMenuItemFontLineHeight: var(--footerFontLineHeight);
  --navigationMenuItemFontStyle: inherit;
  --navigationMenuItemFontShadow: none;
  --navigationMenuItemBorderThickness: 0px;
  --navigationMenuItemBorderType: solid;
  --navigationMenuItemBorderColor: transparent;
  --navigationMenuItemBorderRadius: 0px;
  --navigationMenuItemTextTransform: none;
  /* Navigation Menu - Item - Hover */
  --navigationMenuItemHoverHeight: var(--navigationMenuItemHeight);
  --navigationMenuItemHoverFontSize: var(--navigationMenuItemFontSize);
  --navigationMenuItemHoverFontName: var(--navigationMenuItemFontName);
  --navigationMenuItemHoverFontLineHeight: var(--navigationMenuItemFontLineHeight);
  --navigationMenuItemHoverFontStyle: var(--navigationMenuItemFontStyle);
  --navigationMenuItemHoverFontDecoration: var(--navigationMenuItemFontDecoration);
  --navigationMenuItemHoverFontShadow: var(--navigationMenuItemFontShadow);
  --navigationMenuItemHoverFontLetterSpacing: var(--navigationMenuItemFontLetterSpacing);
  --navigationMenuItemHoverFontColor: #989898;
  --navigationMenuItemHoverFontWeight: var(--navigationMenuItemFontWeight);
  --navigationMenuItemHoverBackground: transparent;
  --navigationMenuItemHoverBorderThickness: var(--navigationMenuItemBorderThickness);
  --navigationMenuItemHoverBorderType: var(--navigationMenuItemBorderType);
  --navigationMenuItemHoverBorderColor: var(--navigationMenuItemBorderColor);
  --navigationMenuItemHoverBorderRadius: var(--navigationMenuItemBorderRadius);
  --navigationMenuItemHoverShadow: var(--navigationMenuItemShadow);
  /* Navigation Menu - Item - Active */
  --navigationMenuItemActiveHeight: var(--navigationMenuItemHeight);
  --navigationMenuItemActiveFontSize: var(--navigationMenuItemFontSize);
  --navigationMenuItemActiveFontName: var(--navigationMenuItemFontName);
  --navigationMenuItemActiveFontLineHeight: var(--navigationMenuItemFontLineHeight);
  --navigationMenuItemActiveFontStyle: var(--navigationMenuItemFontStyle);
  --navigationMenuItemActiveFontDecoration: var(--navigationMenuItemFontDecoration);
  --navigationMenuItemActiveFontShadow: var(--navigationMenuItemFontShadow);
  --navigationMenuItemActiveFontLetterSpacing: var(--navigationMenuItemFontLetterSpacing);
  --navigationMenuItemActiveFontColor: #989898;
  --navigationMenuItemActiveFontWeight: var(--navigationMenuItemFontWeight);
  --navigationMenuItemActiveBackground: transparent;
  --navigationMenuItemActiveBorderThickness: var(--navigationMenuItemBorderThickness);
  --navigationMenuItemActiveBorderType: var(--navigationMenuItemBorderType);
  --navigationMenuItemActiveBorderColor: var(--navigationMenuItemBorderColor);
  --navigationMenuItemActiveBorderRadius: var(--navigationMenuItemBorderRadius);
  --navigationMenuItemActiveShadow: var(--navigationMenuItemShadow);
  /* Navigation Menu - Top menu */
  --navigationTopMenuFloat: right;
  --navigationTopMenuMargin: 0px;
  --navigationTopMenuPadding: var(--navigationMenuPadding);
  --navigationTopMenuBackground: var(--navigationMenuBackground);
  --navigationTopMenuBoxShadow: var(--navigationMenuShadow);
  --navigationTopMenuBorderThickness: var(--navigationMenuBorderThickness);
  --navigationTopMenuBorderType: var(--navigationMenuBorderType);
  --navigationTopMenuBorderColor: var(--navigationMenuBorderColor);
  --navigationTopMenuBorderRadius: var(--navigationMenuBorderRadius);
  --navigationTopMenuMediumScreenFloat: none;
  --navigationTopMenuSmallScreenFloat: var(--navigationTopMenuMediumScreenFloat);
  --navigationTopMenuMediumScreenMargin: var(--navigationMenuMargin);
  --navigationTopMenuSmallScreenMargin: var(--navigationMenuMediumScreenMargin);
  --navigationTopMenuDoubleMargin: var(--navigationMenuMargin);
  --navigationTopMenuDoubleMediumScreenMargin: var(--navigationTopMenuDoubleMargin);
  --navigationTopMenuDoubleSmallScreenMargin: var(--navigationTopMenuDoubleMediumScreenMargin);
  --navigationTopMenuDoublePadding: var(--navigationMenuPadding);
  --navigationTopMenuDoubleMediumScreenPadding: var(--navigationTopMenuDoublePadding);
  --navigationTopMenuDoubleSmallScreenPadding: var(--navigationTopMenuDoubleMediumScreenPadding);
  /* Navigation Menu - Top menu - Row */
  --navigationTopMenuRowHeight: auto;
  --navigationTopMenuRowMinHeight: auto;
  --navigationTopMenuRowMargin: 0px;
  --navigationTopMenuRowPadding: 0px;
  --navigationTopMenuRowBorderThickness: 0px;
  --navigationTopMenuRowBorderType: solid;
  --navigationTopMenuRowBorderColor: transparent;
  --navigationTopMenuRowBorderRadius: 0px;
  --navigationTopMenuRowContainerFloat: none;
  --navigationTopMenuRowBackground: none;
  --navigationTopMenuRowShadow: none;
  /* Navigation Menu - Top menu - Item */
  --navigationTopMenuItemFloat: left;
  /* Navigation Menu - Top menu - Main row */
  --navigationTopMenuMainRowHeight: var(--navigationTopMenuRowHeight);
  --navigationTopMenuMainRowMinHeight: var(--navigationTopMenuRowMinHeight);
  --navigationTopMenuMainRowMargin: var(--navigationTopMenuRowMargin);
  --navigationTopMenuMainRowPadding: var(--navigationTopMenuRowPadding);
  --navigationTopMenuMainRowBorderThickness: var(--navigationTopMenuRowBorderThickness);
  --navigationTopMenuMainRowBorderType: var(--navigationTopMenuRowBorderType);
  --navigationTopMenuMainRowBorderColor: var(--navigationTopMenuRowBorderColor);
  --navigationTopMenuMainRowBorderRadius: var(--navigationTopMenuRowBorderRadius);
  --navigationTopMenuMainRowContainerFloat: var(--navigationTopMenuRowContainerFloat);
  --navigationTopMenuMainRowBackground: var(--navigationTopMenuRowBackground);
  --navigationTopMenuMainRowShadow: var(--navigationTopMenuRowShadow);
  /* Navigation Menu - Top menu - Main row - Item */
  --navigationTopMenuMainRowItemMargin: var(--navigationMenuItemMargin);
  --navigationTopMenuMainRowItemPadding: var(--navigationMenuItemPadding);
  --navigationTopMenuMainRowItemBackground: var(--navigationMenuItemBackground);
  --navigationTopMenuMainRowItemShadow: var(--navigationMenuItemShadow);
  --navigationTopMenuMainRowItemHeight: var(--navigationMenuItemHeight);
  --navigationTopMenuMainRowItemFontName: var(navigationMenuItemFontName);
  --navigationTopMenuMainRowItemFontColor: var(--navigationMenuItemFontColor);
  --navigationTopMenuMainRowItemFontSize: var(--navigationMenuItemFontSize);
  --navigationTopMenuMainRowItemFontWeight: var(--navigationMenuItemFontWeight);
  --navigationTopMenuMainRowItemFontDecoration: var(--navigationMenuItemFontDecoration);
  --navigationTopMenuMainRowItemFontLetterSpacing: var(--navigationMenuItemFontLetterSpacing);
  --navigationTopMenuMainRowItemFontLineHeight: var(--navigationMenuItemFontLineHeight);
  --navigationTopMenuMainRowItemFontStyle: var(--navigationMenuItemFontStyle);
  --navigationTopMenuMainRowItemFontShadow: var(--navigationMenuItemFontShadow);
  --navigationTopMenuMainRowItemBorderThickness: var(--navigationMenuItemBorderThickness);
  --navigationTopMenuMainRowItemBorderType: var(--navigationMenuItemBorderType);
  --navigationTopMenuMainRowItemBorderColor: var(--navigationMenuItemBorderColor);
  --navigationTopMenuMainRowItemBorderRadius: var(--navigationMenuItemBorderRadius);
  --navigationTopMenuMainRowItemTextTransform: var(--navigationMenuItemTextTransform);
  /* Navigation Menu - Top menu - Main row - Item - Hover */
  --navigationTopMenuMainRowItemHoverFontName: var(--navigationMenuItemHoverFontName);
  --navigationTopMenuMainRowItemHoverFontLineHeight: var(--navigationMenuItemHoverFontLineHeight);
  --navigationTopMenuMainRowItemHoverFontStyle: var(--navigationMenuItemHoverFontStyle);
  --navigationTopMenuMainRowItemHoverFontDecoration: var(--navigationMenuItemHoverFontDecoration);
  --navigationTopMenuMainRowItemHoverFontShadow: var(--navigationMenuItemHoverFontShadow);
  --navigationTopMenuMainRowItemHoverFontLetterSpacing: var(--navigationMenuItemHoverFontLetterSpacing);
  --navigationTopMenuMainRowItemHoverFontSize: var(--navigationMenuItemHoverFontSize);
  --navigationTopMenuMainRowItemHoverFontColor: var(--navigationMenuItemHoverFontColor);
  --navigationTopMenuMainRowItemHoverFontWeight: var(--navigationMenuItemHoverFontWeight);
  --navigationTopMenuMainRowItemHoverBackground: var(--navigationMenuItemHoverBackground);
  --navigationTopMenuMainRowItemHoverShadow: var(--navigationMenuItemHoverShadow);
  --navigationTopMenuMainRowItemHoverBorderThickness: var(--navigationMenuItemHoverBorderThickness);
  --navigationTopMenuMainRowItemHoverBorderType: var(--navigationMenuItemHoverBorderType);
  --navigationTopMenuMainRowItemHoverBorderColor: var(--navigationMenuItemHoverBorderColor);
  --navigationTopMenuMainRowItemHoverBorderRadius: var(--navigationMenuItemHoverBorderRadius);
  /* Navigation Menu - Top menu - Main row - Item - Active */
  --navigationTopMenuMainRowItemActiveFontName: var(--navigationMenuItemHoverFontName);
  --navigationTopMenuMainRowItemActiveFontLineHeight: var(--navigationMenuItemHoverFontLineHeight);
  --navigationTopMenuMainRowItemActiveFontStyle: var(--navigationMenuItemHoverFontStyle);
  --navigationTopMenuMainRowItemActiveFontDecoration: var(--navigationMenuItemHoverFontDecoration);
  --navigationTopMenuMainRowItemActiveFontShadow: var(--navigationMenuItemHoverFontShadow);
  --navigationTopMenuMainRowItemActiveFontLetterSpacing: var(--navigationMenuItemHoverFontLetterSpacing);
  --navigationTopMenuMainRowItemActiveFontColor: var(--navigationMenuItemActiveFontColor);
  --navigationTopMenuMainRowItemActiveFontSize: var(--navigationMenuItemActiveFontSize);
  --navigationTopMenuMainRowItemActiveFontWeight: var(--navigationMenuItemActiveFontWeight);
  --navigationTopMenuMainRowItemActiveBackground: var(--navigationMenuItemActiveBackground);
  --navigationTopMenuMainRowItemActiveShadow: var(--navigationMenuItemActiveShadow);
  --navigationTopMenuMainRowItemActiveBorderThickness: var(--navigationMenuItemActiveBorderThickness);
  --navigationTopMenuMainRowItemActiveBorderType: var(--navigationMenuItemActiveBorderType);
  --navigationTopMenuMainRowItemActiveBorderColor: var(--navigationMenuItemActiveBorderColor);
  --navigationTopMenuMainRowItemActiveBorderRadius: var(--navigationMenuItemActiveBorderRadius);
  /* Navigation Menu - Sub Menu - Row */
  --navigationTopMenuSubRowHeight: var(--navigationTopMenuRowHeight);
  --navigationTopMenuSubRowMinHeight: var(--navigationTopMenuRowMinHeight);
  --navigationTopMenuSubRowMargin: var(--navigationTopMenuRowMargin);
  --navigationTopMenuSubRowPadding: var(--navigationTopMenuRowPadding);
  --navigationTopMenuSubRowBorderThickness: var(--navigationTopMenuRowBorderThickness);
  --navigationTopMenuSubRowBorderType: var(--navigationTopMenuRowBorderType);
  --navigationTopMenuSubRowBorderColor: var(--navigationTopMenuRowBorderColor);
  --navigationTopMenuSubRowBorderRadius: var(--navigationTopMenuRowBorderRadius);
  --navigationTopMenuSubRowContainerFloat: var(--navigationTopMenuRowContainerFloat);
  --navigationTopMenuSubRowBackground: var(--navigationTopMenuRowBackground);
  --navigationTopMenuSubRowShadow: var(--navigationTopMenuRowShadow);
  /* Navigation Menu - Sub Menu - Item */
  --navigationTopMenuSubRowItemMargin: var(--navigationMenuItemMargin);
  --navigationTopMenuSubRowItemPadding: var(--navigationMenuItemPadding);
  --navigationTopMenuSubRowItemBackground: var(--navigationMenuItemBackground);
  --navigationTopMenuSubRowItemShadow: var(--navigationMenuItemShadow);
  --navigationTopMenuSubRowItemHeight: var(--navigationMenuItemHeight);
  --navigationTopMenuSubRowItemFontName: var(--navigationMenuItemFontName);
  --navigationTopMenuSubRowItemFontColor: var(--navigationMenuItemFontColor);
  --navigationTopMenuSubRowItemFontSize: var(--navigationMenuItemFontSize);
  --navigationTopMenuSubRowItemFontWeight: var(--navigationMenuItemFontWeight);
  --navigationTopMenuSubRowItemFontDecoration: var(--navigationMenuItemFontDecoration);
  --navigationTopMenuSubRowItemFontLetterSpacing: var(--navigationMenuItemFontLetterSpacing);
  --navigationTopMenuSubRowItemFontLineHeight: var(--navigationMenuItemFontLineHeight);
  --navigationTopMenuSubRowItemFontStyle: var(--navigationMenuItemFontStyle);
  --navigationTopMenuSubRowItemFontShadow: var(--navigationMenuItemFontShadow);
  --navigationTopMenuSubRowItemBorderThickness: var(--navigationMenuItemBorderThickness);
  --navigationTopMenuSubRowItemBorderType: var(--navigationMenuItemBorderType);
  --navigationTopMenuSubRowItemBorderColor: var(--navigationMenuItemBorderColor);
  --navigationTopMenuSubRowItemBorderRadius: var(--navigationMenuItemBorderRadius);
  --navigationTopMenuSubRowItemTextTransform: var(--navigationMenuItemTextTransform);
  /* Navigation Menu - Sub menu - Item - Hover */
  --navigationTopMenuSubRowItemHoverFontName: var(--navigationMenuItemHoverFontName);
  --navigationTopMenuSubRowItemHoverFontLineHeight: var(--navigationMenuItemHoverFontLineHeight);
  --navigationTopMenuSubRowItemHoverFontStyle: var(--navigationMenuItemHoverFontStyle);
  --navigationTopMenuSubRowItemHoverFontDecoration: var(--navigationMenuItemHoverFontDecoration);
  --navigationTopMenuSubRowItemHoverFontShadow: var(--navigationMenuItemHoverFontShadow);
  --navigationTopMenuSubRowItemHoverFontLetterSpacing: var(--navigationMenuItemHoverFontLetterSpacing);
  --navigationTopMenuSubRowItemHoverFontSize: var(--navigationMenuItemHoverFontSize);
  --navigationTopMenuSubRowItemHoverFontColor: var(--navigationMenuItemHoverFontColor);
  --navigationTopMenuSubRowItemHoverFontWeight: var(--navigationMenuItemHoverFontWeight);
  --navigationTopMenuSubRowItemHoverBackground: var(--navigationMenuItemHoverBackground);
  --navigationTopMenuSubRowItemHoverShadow: var(--navigationMenuItemHoverShadow);
  --navigationTopMenuSubRowItemHoverBorderThickness: var(--navigationMenuItemHoverBorderThickness);
  --navigationTopMenuSubRowItemHoverBorderType: var(--navigationMenuItemHoverBorderType);
  --navigationTopMenuSubRowItemHoverBorderColor: var(--navigationMenuItemHoverBorderColor);
  --navigationTopMenuSubRowItemHoverBorderRadius: var(--navigationMenuItemHoverBorderRadius);
  /* Navigation Menu - Sub menu - Item - Active */
  --navigationTopMenuSubRowItemActiveFontSize: var(--navigationMenuItemHoverFontSize);
  --navigationTopMenuSubRowItemActiveFontName: var(--navigationMenuItemHoverFontName);
  --navigationTopMenuSubRowItemActiveFontLineHeight: var(--navigationMenuItemHoverFontLineHeight);
  --navigationTopMenuSubRowItemActiveFontStyle: var(--navigationMenuItemHoverFontStyle);
  --navigationTopMenuSubRowItemActiveFontDecoration: var(--navigationMenuItemHoverFontDecoration);
  --navigationTopMenuSubRowItemActiveFontShadow: var(--navigationMenuItemHoverFontShadow);
  --navigationTopMenuSubRowItemActiveFontLetterSpacing: var(--navigationMenuItemHoverFontLetterSpacing);
  --navigationTopMenuSubRowItemActiveFontColor: var(--navigationMenuItemActiveFontColor);
  --navigationTopMenuSubRowItemActiveFontWeight: var(--navigationMenuItemActiveFontWeight);
  --navigationTopMenuSubRowItemActiveBackground: var(--navigationMenuItemActiveBackground);
  --navigationTopMenuSubRowItemActiveBorderThickness: var(--navigationMenuItemActiveBorderThickness);
  --navigationTopMenuSubRowItemActiveBorderType: var(--navigationMenuItemActiveBorderType);
  --navigationTopMenuSubRowItemActiveBorderColor: var(--navigationMenuItemActiveBorderColor);
  --navigationTopMenuSubRowItemActiveBorderRadius: var(--navigationMenuItemActiveBorderRadius);
  /* Navigation Menu - Left Menu  */
  --navigationLeftMenuMargin: var(--navigationMenuMargin);
  --navigationLeftMenuPadding: var(--navigationMenuPadding);
  --navigationLeftMenuBackground: var(--navigationMenuBackground);
  --navigationLeftMenuShadow: var(--navigationMenuShadow);
  --navigationLeftMenuBorderThickness: var(--navigationMenuBorderThickness);
  --navigationLeftMenuBorderType: var(--navigationMenuBorderType);
  --navigationLeftMenuBorderColor: var(--navigationMenuBorderColor);
  --navigationLeftMenuBorderRadius: var(--navigationMenuBorderRadius);
  /* Navigation Menu - Left Menu - Item */
  --navigationLeftMenuItemHeight: var(--navigationMenuItemHeight);
  --navigationLeftMenuItemBackground: var(--navigationMenuItemBackground);
  --navigationLeftMenuItemShadow: var(--navigationMenuItemShadow);
  --navigationLeftMenuItemBorderThickness: var(--navigationMenuItemBorderThickness);
  --navigationLeftMenuItemBorderType: var(--navigationMenuItemBorderType);
  --navigationLeftMenuItemBorderColor: var(--navigationMenuItemBorderColor);
  --navigationLeftMenuItemBorderRadius: var(--navigationMenuItemBorderRadius);
  --navigationLeftMenuItemMargin: var(--navigationTopMenuSubRowItemMargin);
  --navigationLeftMenuItemPadding: var(--navigationTopMenuSubRowItemPadding);
  --navigationLeftMenuItemFontName: var(--navigationMenuItemFontName);
  --navigationLeftMenuItemFontColor: var(--navigationMenuItemFontColor);
  --navigationLeftMenuItemFontSize: var(--navigationMenuItemFontSize);
  --navigationLeftMenuItemFontWeight: var(--navigationMenuItemFontWeight);
  --navigationLeftMenuItemFontDecoration: var(--navigationMenuItemFontDecoration);
  --navigationLeftMenuItemFontLetterSpacing: var(--navigationMenuItemFontLetterSpacing);
  --navigationLeftMenuItemFontLineHeight: var(--navigationMenuItemFontLineHeight);
  --navigationLeftMenuItemFontStyle: var(--navigationMenuItemFontStyle);
  --navigationLeftMenuItemFontShadow: var(--navigationMenuItemFontShadow);
  --navigationLeftMenuItemDepth1Padding: 15px;
  --navigationLeftMenuItemDepth2Padding: 30px;
  --navigationLeftMenuItemDepth3Padding: 45px;
  --navigationLeftMenuItemDepth4Padding: 60px;
  --navigationLeftMenuItemTextTransform: var(--navigationMenuItemTextTransform);
  /* Navigation Menu - Left menu - Item - Hover */
  --navigationLeftMenuItemHoverBackground: var(--navigationMenuItemHoverBackground);
  --navigationLeftMenuItemHoverShadow: var(--navigationMenuItemHoverShadow);
  --navigationLeftMenuItemHoverBorderThickness: var(--navigationLeftMenuItemBorderThickness);
  --navigationLeftMenuItemHoverBorderType: var(--navigationLeftMenuItemBorderType);
  --navigationLeftMenuItemHoverBorderColor: var(--navigationLeftMenuItemBorderColor);
  --navigationLeftMenuItemHoverBorderRadius: var(--navigationLeftMenuItemBorderRadius);
  --navigationLeftMenuItemHoverFontName: var(--navigationMenuItemHoverFontName);
  --navigationLeftMenuItemHoverFontColor: var(--navigationMenuItemHoverFontColor);
  --navigationLeftMenuItemHoverFontSize: var(--navigationMenuItemHoverFontSize);
  --navigationLeftMenuItemHoverFontWeight: var(--navigationMenuItemHoverFontWeight);
  --navigationLeftMenuItemHoverFontDecoration: var(--navigationMenuItemHoverFontDecoration);
  --navigationLeftMenuItemHoverFontLetterSpacing: var(--navigationMenuItemHoverFontLetterSpacing);
  --navigationLeftMenuItemHoverFontLineHeight: var(--navigationMenuItemHoverFontLineHeight);
  --navigationLeftMenuItemHoverFontStyle: var(--navigationMenuItemHoverFontStyle);
  --navigationLeftMenuItemHoverFontShadow: var(--navigationMenuItemHoverFontShadow);
  /* Navigation Menu - Left menu - Item - Active */
  --navigationLeftMenuItemActiveBackground: var(--navigationMenuItemActiveBackground);
  --navigationLeftMenuItemActiveShadow: var(--navigationMenuItemActiveShadow);
  --navigationLeftMenuItemActiveBorderThickness: var(--navigationMenuItemActiveBorderThickness);
  --navigationLeftMenuItemActiveBorderType: var(--navigationMenuItemActiveBorderType);
  --navigationLeftMenuItemActiveBorderColor: var(--navigationMenuItemActiveBorderColor);
  --navigationLeftMenuItemActiveBorderRadius: var(--navigationMenuItemActiveBorderRadius);
  --navigationLeftMenuItemActiveFontName: var(--navigationMenuItemActiveFontName);
  --navigationLeftMenuItemActiveFontColor: var(--navigationMenuItemActiveFontColor);
  --navigationLeftMenuItemActiveFontSize: var(--navigationMenuItemActiveFontSize);
  --navigationLeftMenuItemActiveFontWeight: var(--navigationMenuItemActiveFontWeight);
  --navigationLeftMenuItemActiveFontDecoration: var(--navigationMenuItemActiveFontDecoration);
  --navigationLeftMenuItemActiveFontLetterSpacing: var(--navigationMenuItemActiveFontLetterSpacing);
  --navigationLeftMenuItemActiveFontLineHeight: var(--navigationMenuItemActiveFontLineHeight);
  --navigationLeftMenuItemActiveFontStyle: var(--navigationMenuItemActiveFontStyle);
  --navigationLeftMenuItemActiveFontShadow: var(--navigationMenuItemActiveFontShadow);
  /* Left Column */
  --contentLeftColumnBackground: none;
  --contentLeftColumnMargin: 0px;
  --contentLeftColumnPadding: 0px;
  --contentLeftColumnWidth: 250px;
  --contentLeftColumnBorderThickness: 0px;
  --contentLeftColumnBorderType: solid;
  --contentLeftColumnBorderColor: transparent;
  --contentLeftColumnBorderRadius: 0px;
  --contentLeftColumnBoxShadow: none;
  /* Session Menu */
  --sessionMenuMinHeight: auto;
  --sessionMenuBackground: transparent;
  --sessionMenuBorderThickness: 0px;
  --sessionMenuBorderType: solid;
  --sessionMenuBorderColor: transparent;
  --sessionMenuBorderRadius: 0px;
  --sessionMenuPadding: 0px;
  --sessionMenuMargin: 0px;
  /* Session Menu - Item */
  --sessionMenuItemFontColor: var(--fontColor);
  --sessionMenuItemFontSize: 1em;
  --sessionMenuItemFontWeight: var(--fontWeight);
  --sessionMenuItemFontDecoration: none;
  --sessionMenuItemFontLetterSpacing: 0;
  --sessionMenuItemPadding: 0px 10px;
  --sessionMenuItemMediumScreenPadding: var(--sessionMenuItemPadding);
  --sessionMenuItemSmallScreenPadding: var(--sessionMenuItemMediumScreenPadding);
  --sessionMenuItemTextTransform: none;
  --sessionMenuItemIndicatorColor: var(--sessionMenuItemFontColor);
  /* Session Menu - Item - Hover */
  --sessionMenuItemHoverFontColor: #6ba6e1;
  --sessionMenuItemHoverFontSize: 1em;
  --sessionMenuItemHoverFontWeight: var(--sessionMenuItemFontWeight);
  --sessionMenuItemHoverFontDecoration: var(--sessionMenuItemFontDecoration);
  --sessionMenuItemHoverFontLetterSpacing: var(--sessionMenuItemFontLetterSpacing);
  /* Session Menu - Item - Dropdown */
  --sessionMenuDropdownBackground: #fff;
  --sessionMenuDropdownBorderColor: #b3b3b3;
  --sessionMenuDropdownBorderThickness: 1px;
  --sessionMenuDropdownBorderType: solid;
  --sessionMenuDropdownBorderRadius: 0px;
  --sessionMenuDropdownIconRightPosition: 10px;
  /* Session Menu - Item - Dropdown - Item */
  --sessionMenuDropdownItemBackground: transparent;
  --sessionMenuDropdownItemFontColor: #333;
  --sessionMenuDropdownItemFontSize: 1em;
  --sessionMenuDropdownItemFontWeight: var(--sessionMenuItemFontWeight);
  --sessionMenuDropdownItemFontDecoration: var(--sessionMenuItemFontDecoration);
  --sessionMenuDropdownItemFontLetterSpacing: var(--sessionMenuItemFontLetterSpacing);
  --sessionMenuDropdownItemPadding: 5px;
  /* Session Menu - Item - Dropdown - Item  - Hover */
  --sessionMenuDropdownItemHoverBackground: #f2f6fc;
  --sessionMenuDropdownItemHoverFontColor: #288edf;
  --sessionMenuDropdownItemHoverFontSize: 1em;
  --sessionMenuDropdownItemHoverFontWeight: var(--sessionMenuDropdownItemFontWeight);
  --sessionMenuDropdownItemHoverFontDecoration: var(--sessionMenuDropdownItemFontDecoration);
  --sessionMenuDropdownItemHoverFontLetterSpacing: var(--sessionMenuDropdownItemFontLetterSpacing);
  /* Session Menu - Seperator */
  --sessionMenuSeperatorColor: #c1c1c1;
  --sessionMenuSeperatorShadow: none;
  --sessionMenuSeperatorThickness: 1px;
  /* Footer */
  --footerMinHeight: 26px;
  --footerFontName: inherit;
  --footerFontColor: var(--fontColor);
  --footerFontSize: 0.75em;
  --footerFontWeight: var(--fontWeight);
  --footerFontLineHeight: inherit;
  --footerFontStyle: inherit;
  --footerFontDecoration: inherit;
  --footerFontShadow: none;
  --footerFontLetterSpacing: inherit;
  --footerBackground: transparent;
  --footerPadding: 0px;
  --footerMargin: 0px;
  --footerBorderThickness: 0px;
  --footerBorderType: solid;
  --footerBorderColor: transparent;
  --footerBorderRadius: 0px;
  --footerTextAlign: none;
  /* Footer - Title */
  --footerTitleBackground: transparent;
  --footerTitleShadow: none;
  --footerTitleBorderThickness: 0px;
  --footerTitleBorderType: solid;
  --footerTitleBorderColor: transparent;
  --footerTitleBorderRadius: 0px;
  --footerTitleFontName: var(--footerFonName);
  --footerTitleFontColor: var(--footerFontColor);
  --footerTitleFontWeight: var(--footerFontWeight);
  --footerTitleFontSize: 1em;
  --footerTitleFontLineHeight: var(--footerFontLineHeight);
  --footerTitleFontStyle: var(--footerFontStyle);
  --footerTitleFontDecoration: var(--footerFontDecoration);
  --footerTitleFontShadow: var(--footerFontShadow);
  --footerTitleFontLetterSpacing: var(--footerFontLetterSpacing);
  --footerTitleMargin: 0px;
  --footerTitlePadding: 0px;
  /* Footer - Copyright */
  --footerCopyrightBackground: transparent;
  --footerCopyrightShadow: none;
  --footerCopyrightBorderThickness: 0px;
  --footerCopyrightBorderType: solid;
  --footerCopyrightBorderColor: transparent;
  --footerCopyrightBorderRadius: 0px;
  --footerCopyrightMargin: 0px;
  --footerCopyrightPadding: 0px;
  --footerCopyrightFontName: var(--footerFonName);
  --footerCopyrightFontColor: var(--footerFontColor);
  --footerCopyrightFontWeight: var(--footerFontWeight);
  --footerCopyrightFontSize: 1em;
  --footerCopyrightFontLineHeight: var(--footerFontLineHeight);
  --footerCopyrightFontStyle: var(--footerFontStyle);
  --footerCopyrightFontDecoration: var(--footerFontDecoration);
  --footerCopyrightFontShadow: var(--footerFontShadow);
  --footerCopyrightFontLetterSpacing: var(--footerFontLetterSpacing);
  --footerCopyrightTextAlign: inherit;
  /* Footer - Link */
  --footerLinkFontColor: var(--linkFontColor);
  --footerLinkFontDecoration: var(--linkFontDecoration);
  --footerLinkFontWeight: var(--linkFontWeight);
  --footerLinkFontStyle: var(--linkFontStyle);
  --footerLinkFontShadow: var(--linkFontShadow);
  /* Footer - Link - Hover */
  --footerLinkHoverFontColor: var(--linkHoverFontColor);
  --footerLinkHoverFontDecoration: var(--linkFontDecoration);
  --footerLinkHoverFontWeight: var(--linkFontWeight);
  --footerLinkHoverFontStyle: var(--linkFontStyle);
  --footerLinkHoverFontShadow: var(--linkFontShadow);
  /* Toolbar */
  --toolbarBorderType: solid;
  --toolbarBorderColor: #d4d4d4;
  --toolbarBorderThickness: 1px;
  /* Toolbar - Button - Hover */
  --toolbarButtonHoverBackground: #e3e3e3;
  --toolbarButtonHoverBorderColor: #cccccc;
  /* Toolbar - Input */
  --toolbarInputBorderColor: #DCDCDC;
  --toolbarInputBorderThickness: 1px;
  --toolbarInputBorderType: solid;
  /* Toolbar - Seperator */
  --toolbarSeperatorColor: #54626d;
  /* Table view - Head */
  --tableViewHeadRowCellFontWeight: normal;
  --tableViewHeadRowCellFontShadow: white 0 1px 0;
  --tableViewHeadRowCellBackground: #E8E8E8;
  --tableViewHeadRowBorderThickness: 1px;
  --tableViewHeadRowBorderType: solid;
  --tableViewHeadRowBorderColor: #d4d4d4;
  --tableViewHeadRowCellBorderThickness: 0px 1px;
  --tableViewHeadRowCellBorderColor: #D6D6D6;
  /* Table view - Item */
  --tableViewDataRowCellPadding: 0px 0px 0px 5px;
  --tableViewDataRowBorderThickness: 0px 1px 1px 1px;
  --tableViewDataRowBorderColor: transparent #D6D6D6 #F0F1F3 #D6D6D6;
  /* Table view - Item - Seperator */
  --tableViewSeperatorRowBorderColor: #DDDDDD;
  /* Table view - Footer */
  --tableViewFooterNavigationItemFontSize: 0.75em;
  --tableViewFooterCountFontSize: 0.75em;
  --tableViewFooterBorderThickness: 1px;
  --tableViewFooterBorderType: solid;
  --tableViewFooterBorderColor: #d4d4d4;
  --tableViewFooterBackground: #F0F0EE;
  /* Table view - Item - Hover */
  --tableViewDataRowCellHoverBackground: #fbfbfb;
  /* Listview - Item - Hover */
  --listViewItemHoverBackground: #fbfbfb;
  /* Breadcrumbs */
  --breadcrumbsHeight: auto;
  --breadcrumbsBackground: transparent;
  --breadcrumbsBorderType: solid;
  --breadcrumbsBorderColor: transparent;
  --breadcrumbsBorderThickness: 0px;
  --breadcrumbsBorderRadius: 0px;
  --breadcrumbsPadding: 5px;
  --breadcrumbsMargin: 0px 0px 10px 0px;
  --breadcrumbsFontColor: #333;
  --breadcrumbsFontWeight: 400;
  --breadcrumbsFontSize: 1em;
  --breadcrumbsFontName: inherit;
  --breadcrumbsFontShadow: inherit;
  --breadcrumbsFontLetterSpacing: inherit;
  --breadcrumbsFontLineHeight: inherit;
  --breadcrumbsFontDecoration: inherit;
  --breadcrumbsFontStyle: inherit;
  /* Breadcrumbs - Clickable */
  --breadcrumbsClickableFontColor: #626262;
  --breadcrumbsClickableFontWeight: var(--breadcrumbsFontWeight);
  --breadcrumbsClickableFontSize: 1em;
  --breadcrumbsClickableFontDecoration: none;
  --breadcrumbsClickableFontName: inherit;
  --breadcrumbsClickableFontShadow: inherit;
  --breadcrumbsClickableFontLetterSpacing: inherit;
  --breadcrumbsClickableFontLineHeight: inherit;
  --breadcrumbsClickableFontStyle: inherit;
  /* Breadcrumbs - Clickable - Hover */
  --breadcrumbsClickableHoverFontColor: #989898;
  --breadcrumbsClickableHoverFontDecoration: none;
  --breadcrumbsClickableHoverFontWeight: inherit;
  --breadcrumbsClickableHoverFontSize: inherit;
  --breadcrumbsClickableHoverFontName: inherit;
  --breadcrumbsClickableHoverFontShadow: inherit;
  --breadcrumbsClickableHoverFontLetterSpacing: inherit;
  --breadcrumbsClickableHoverFontLineHeight: inherit;
  --breadcrumbsClickableHoverFontStyle: inherit;
  /* Toolbar - OptionsToolbar */
  --optionsToolbarBackground: var(--toolbarBackground);
  --optionsToolbarBorderThickness: var(--toolbarBorderThickness);
  --optionsToolbarBorderColor: var(--toolbarBorderColor);
  --optionsToolbarBorderType: var(--toolbarBorderType);
  --optionsToolbarBorderRadius: var(--toolbarBorderRadius);
  --optionsToolbarPadding: var(--toolbarPadding);
  --optionsToolbarMargin: 0 0 10px 0;
  --optionsToolbarShadow: none;
  /* Recordview - Header */
  --recordViewHeaderPadding: 20px 8px 2px 0px;
  --recordViewHeaderBorderThickness: 1px;
  --recordViewHeaderBorderColor: #DDDDDD;
  /* QuestionnaireView - Header */
  --questionnaireViewPageHeaderPadding: 0px 8px 2px 0px;
  --questionnaireViewPageHeaderFontName: var(--fontName);
  --questionnaireViewPageHeaderFontColor: var(--fontColor);
  --questionnaireViewPageHeaderFontSize: 1em;
  --questionnaireViewPageHeaderFontWeight: bold;
  --questionnaireViewPageHeaderMargin: 0px 0px 1px 0px;
  --questionnaireViewPageHeaderBorderThickness: 0px 0px 1px 0px;
  --questionnaireViewPageHeaderBorderType: solid;
  --questionnaireViewPageHeaderBorderColor: #DDDDDD;
  /* QuestionnaireView - Border */
  --questionnaireViewBorderQuestionColor: #DDDDDD;
  --questionnaireViewBorderQuestionThickness: 1px;
  --questionnaireViewBorderQuestionStyle: solid;
  /* QuestionnaireView - Page selector - Item */
  --questionnaireViewPageSelectorItemColor: #888888;
  --questionnaireViewPageSelectorItemFontColor: var(--fontColor);
  --questionnaireViewPageSelectorItemFontWeight: var(--fontWeight);
  --questionnaireViewPageSelectorItemFontLineHeight: 1.3em;
  --questionnaireViewPageSelectorItemFontDecoration: none;
  /* QuestionnaireView - Page selector - Item - Disabled */
  --questionnaireViewPageSelectorItemDisabledColor: #888888;
  --questionnaireViewPageSelectorItemDisabledFontColor: #b3b3b3;
  --questionnaireViewPageSelectorItemDisabledFontWeight: var(--questionnaireViewPageSelectorItemFontWeight);
  --questionnaireViewPageSelectorItemDisabledFontLineHeight: var(--questionnaireViewPageSelectorItemFontLineHeight);
  --questionnaireViewPageSelectorItemDisabledFontDecoration: var(--questionnaireViewPageSelectorItemFontDecoration);
  /* QuestionnaireView - Page selector - Item - Hover */
  --questionnaireViewPageSelectorItemHoverFontColor: var(--questionnaireViewPageSelectorItemFontColor);
  --questionnaireViewPageSelectorItemHoverFontWeight: var(--questionnaireViewPageSelectorItemFontWeight);
  --questionnaireViewPageSelectorItemHoverFontLineHeight: var(--questionnaireViewPageSelectorItemFontLineHeight);
  --questionnaireViewPageSelectorItemHoverFontDecoration: var(--questionnaireViewPageSelectorItemFontDecoration);
  /* QuestionnaireView - Page selector - Item - Active */
  --questionnaireViewPageSelectorItemActiveColor: var(--fontColor);
  --questionnaireViewPageSelectorItemActiveFontColor: var(--questionnaireViewPageSelectorItemActiveColor);
  --questionnaireViewPageSelectorItemActiveFontWeight: var(--questionnaireViewPageSelectorItemFontWeight);
  --questionnaireViewPageSelectorItemActiveFontLineHeight: var(--questionnaireViewPageSelectorItemFontLineHeight);
  --questionnaireViewPageSelectorItemActiveFontDecoration: var(--questionnaireViewPageSelectorItemFontDecoration);
  --questionnaireViewPageSelectorItemActiveIndicatorColor: var(--questionnaireViewPageSelectorItemActiveColor);
  /* QuestionnaireView - Page selector - Flat horizontal bar */
  --questionnaireViewPageSelectorFlatHorizontalBarColor: var(--questionnaireViewPageSelectorItemColor);
  --questionnaireViewPageSelectorFlatHorizontalBarBorderType: solid;
  --questionnaireViewPageSelectorFlatHorizontalBarBorderThickness: 0px;
  --questionnaireViewPageSelectorFlatHorizontalBarBorderColor: transparent;
  --questionnaireViewPageSelectorFlatHorizontalBarBorderRadius: 99px;
  --questionnaireViewPageSelectorFlatHorizontalBarItemColor: var(--questionnaireViewPageSelectorItemColor);
  --questionnaireViewPageSelectorFlatHorizontalBarItemBorderType: solid;
  --questionnaireViewPageSelectorFlatHorizontalBarItemBorderThickness: 2px;
  --questionnaireViewPageSelectorFlatHorizontalBarItemBorderColor: #888888;
  --questionnaireViewPageSelectorFlatHorizontalBarItemBorderRadius: 9999px;
  --questionnaireViewPageSelectorFlatHorizontalBarItemBoxShadow: none;
  --questionnaireViewPageSelectorFlatHorizontalBarItemDisabledIndicatorColor: var(--questionnaireViewPageSelectorFlatHorizontalBarItemColor);
  --questionnaireViewPageSelectorFlatHorizontalBarItemDisabledBorderColor: var(--questionnaireViewPageSelectorFlatHorizontalBarItemBorderColor);
  --questionnaireViewPageSelectorFlatHorizontalBarItemActiveIndicatorColor: #fff;
  /* QuestionnaireView - Page selector - Flat horizontal bar - Small */
  --questionnaireViewPageSelectorFlatHorizontalBarSmallHeight: 2px;
  --questionnaireViewPageSelectorFlatHorizontalBarSmallBorderType: var(--questionnaireViewPageSelectorFlatHorizontalBarBorderType);
  --questionnaireViewPageSelectorFlatHorizontalBarSmallBorderThickness: var(--questionnaireViewPageSelectorFlatHorizontalBarBorderThickness);
  --questionnaireViewPageSelectorFlatHorizontalBarSmallBorderColor: var(--questionnaireViewPageSelectorFlatHorizontalBarBorderColor);
  --questionnaireViewPageSelectorFlatHorizontalBarSmallBorderRadius: var(--questionnaireViewPageSelectorFlatHorizontalBarBorderRadius);
  --questionnaireViewPageSelectorFlatHorizontalBarSmallItemSize: 12px;
  /* QuestionnaireView - Page selector - Flat horizontal bar - Medium */
  --questionnaireViewPageSelectorFlatHorizontalBarMediumHeight: 6px;
  --questionnaireViewPageSelectorFlatHorizontalBarMediumBorderType: var(--questionnaireViewPageSelectorFlatHorizontalBarBorderType);
  --questionnaireViewPageSelectorFlatHorizontalBarMediumBorderThickness: var(--questionnaireViewPageSelectorFlatHorizontalBarBorderThickness);
  --questionnaireViewPageSelectorFlatHorizontalBarMediumBorderColor: transparent;
  --questionnaireViewPageSelectorFlatHorizontalBarMediumBorderRadius: var(--questionnaireViewPageSelectorFlatHorizontalBarBorderRadius);
  --questionnaireViewPageSelectorFlatHorizontalBarMediumItemSize: 20px;
  /* QuestionnaireView - Page selector - Flat horizontal bar - Large */
  --questionnaireViewPageSelectorFlatHorizontalBarLargeHeight: 10px;
  --questionnaireViewPageSelectorFlatHorizontalBarLargeBorderType: var(--questionnaireViewPageSelectorFlatHorizontalBarBorderType);
  --questionnaireViewPageSelectorFlatHorizontalBarLargeBorderThickness: var(--questionnaireViewPageSelectorFlatHorizontalBarBorderThickness);
  --questionnaireViewPageSelectorFlatHorizontalBarLargeBorderColor: var(--questionnaireViewPageSelectorFlatHorizontalBarBorderColor);
  --questionnaireViewPageSelectorFlatHorizontalBarLargeBorderRadius: var(--questionnaireViewPageSelectorFlatHorizontalBarBorderRadius);
  --questionnaireViewPageSelectorFlatHorizontalBarLargeItemSize: 28px;
  /* QuestionnaireView - Page selector - 3D horizontal bar */
  --questionnaireViewPageSelector3DHorizontalBarItemActiveIndicatorColor: var(--questionnaireViewPageSelectorItemActiveIndicatorColor);
  /* QuestionnaireView - Page selector - HorizontalBlocks  */
  --questionnaireViewPageSelectorHorizontalBlocksItemActiveIndicatorColor: #fff;
  /* QuestionnaireView - Page selector - HorizontalBlocks2  */
  --questionnaireViewPageSelectorHorizontalBlocks2ItemActiveIndicatorColor: var(--questionnaireViewPageSelectorItemActiveIndicatorColor);
  /* QuestionnaireView - Page selector - VerticalBlocks  */
  --questionnaireViewPageSelectorVerticalBlocksItemActiveIndicatorColor: #fff;
  /* QuestionnaireView - Progressbar */
  --questionnaireViewProgressBorderRadius: 99px;
  /* QuestionnaireView - Progressbar - Bar */
  --questionnaireViewProgressBarBackground: #e0e0e0;
  --questionnaireViewProgressBarShadow: none;
  --questionnaireViewProgressBarSelectedBackground: #4caf50;
  --questionnaireViewProgressBarBorderColor: transparent;
  --questionnaireViewProgressBarBorderType: solid;
  --questionnaireViewProgressBarBorderThickness: 0px;
  /* QuestionnaireView - Progressbar - Value */
  --questionnaireViewProgressValueFontName: inherit;
  --questionnaireViewProgressValueFontColor: #333;
  --questionnaireViewProgressValueFontWeight: bold;
  --questionnaireViewProgressValueFontStyle: inherit;
  --questionnaireViewProgressValueFontDecoration: inherit;
  --questionnaireViewProgressValueFontShadow: inherit;
  --questionnaireViewProgressValueFontSize: inherit;
  --questionnaireViewProgressValueFontLetterSpacing: inherit;
  --questionnaireViewProgressValueOffset: -10px;
  /* Page view */
  --pageViewColumnGap: 15px;
  /* Page view - Content Line */
  --pageViewContentLineGap: 30px;
  --pageViewContentLinePadding: 0px;
  --pageViewContentLineBorderThickness: 0px;
  --pageViewContentLineBorderType: solid;
  --pageViewContentLineBorderColor: transparent;
  --pageViewContentLineBorderRadius: 0px;
  /* Page view - Title */
  --pageViewContentBlockTitleFontName: var(--header2FontName);
  --pageViewContentBlockTitleFontShadow: var(--header2FontShadow);
  --pageViewContentBlockTitleFontColor: var(--header2FontColor);
  --pageViewContentBlockTitleFontSize: var(--header2FontSize);
  --pageViewContentBlockTitleFontLetterSpacing: var(--header2FontLetterSpacing);
  --pageViewContentBlockTitleFontWeight: var(--header2FontWeight);
  --pageViewContentBlockTitleFontLineHeight: var(--header2FontLineHeight);
  --pageViewContentBlockTitleFontStyle: var(--header2FontStyle);
  --pageViewContentBlockTitleFontDecoration: var(--header2FontDecoration);
  --pageViewContentBlockTitleMargin: 0 0 0.37em 0;
  --pageViewContentBlockTitlePadding: 0;
  --pageViewContentBlockTitleBorderColor: transparent;
  --pageViewContentBlockTitleBorderThickness: 0px;
  --pageViewContentBlockTitleBorderType: solid;
  --pageViewContentBlockTitleBorderRadius: 0px;
  --pageViewContentBlockTitleMediumScreenFontSize: var(--header2MediumScreenFontSize);
  --pageViewContentBlockTitleMediumScreenFontLineHeight: var(--header2MediumScreenFontLineHeight);
  --pageViewContentBlockTitleMediumScreenFontName: var(--header2MediumScreenFontName);
  --pageViewContentBlockTitleMediumScreenFontShadow: var(--header2MediumScreenFontShadow);
  --pageViewContentBlockTitleMediumScreenFontColor: var(--header2MediumScreenFontColor);
  --pageViewContentBlockTitleMediumScreenFontLetterSpacing: var(--header2MediumScreenFontLetterSpacing);
  --pageViewContentBlockTitleMediumScreenFontWeight: var(--header2MediumScreenFontWeight);
  --pageViewContentBlockTitleMediumScreenFontStyle: var(--header2MediumScreenFontStyle);
  --pageViewContentBlockTitleMediumScreenFontDecoration: var(--header2MediumScreenFontDecoration);
  --pageViewContentBlockTitleBackground: transparent;
  /* Page view - Content block */
  --pageViewContentBlockBoxShadow: none;
  --pageViewContentBlockBackground: transparent;
  --pageViewContentBlockPadding: 0px;
  --pageViewContentBlockBorderColor: transparent;
  --pageViewContentBlockBorderType: solid;
  --pageViewContentBlockBorderThickness: 0px;
  --pageViewContentBlockBorderRadius: 0px;
  /* Page view - Main - Content block */
  --pageViewMainContentBlockFontColor: var(--fontColor);
  --pageViewMainContentBlockBoxShadow: var(--pageViewContentBlockBoxShadow);
  --pageViewMainContentBlockBackground: var(--pageViewContentBlockBackground);
  --pageViewMainContentBlockPadding: var(--pageViewContentBlockPadding);
  --pageViewMainContentBlockBorderColor: var(--pageViewContentBlockBorderColor);
  --pageViewMainContentBlockBorderType: var(--pageViewContentBlockBorderType);
  --pageViewMainContentBlockBorderThickness: var(--pageViewContentBlockBorderThickness);
  --pageViewMainContentBlockBorderRadius: var(--pageViewContentBlockBorderRadius);
  /* Page view - Main - Content block - Title */
  --pageViewMainContentBlockTitleBackground: var(--pageViewContentBlockTitleBackground);
  --pageViewMainContentBlockTitleFontName: var(--header1FontName);
  --pageViewMainContentBlockTitleFontShadow: var(--header1FontShadow);
  --pageViewMainContentBlockTitleFontColor: var(--header1FontColor);
  --pageViewMainContentBlockTitleFontSize: var(--header1FontSize);
  --pageViewMainContentBlockTitleFontLetterSpacing: var(--header1FontLetterSpacing);
  --pageViewMainContentBlockTitleFontWeight: var(--header1FontWeight);
  --pageViewMainContentBlockTitleFontLineHeight: var(--header1FontLineHeight);
  --pageViewMainContentBlockTitleFontStyle: var(--header1FontStyle);
  --pageViewMainContentBlockTitleFontDecoration: var(--header1FontDecoration);
  --pageViewMainContentBlockTitleMargin: var(--pageViewContentBlockTitleMargin);
  --pageViewMainContentBlockTitleBorderColor: var(--pageViewContentBlockTitleBorderColor);
  --pageViewMainContentBlockTitleBorderThickness: 0px;
  --pageViewMainContentBlockTitleBorderType: var(--pageViewContentBlockTitleBorderType);
  --pageViewMainContentBlockTitleBorderRadius: var(--pageViewContentBlockTitleBorderRadius);
  --pageViewMainContentBlockTitleMediumScreenFontSize: var(--header1MediumScreenFontSize);
  --pageViewMainContentBlockTitleMediumScreenFontLineHeight: var(--header1MediumScreenFontLineHeight);
  --pageViewMainContentBlockTitleMediumScreenFontName: var(--header1MediumScreenFontName);
  --pageViewMainContentBlockTitleMediumScreenFontShadow: var(--header1MediumScreenFontShadow);
  --pageViewMainContentBlockTitleMediumScreenFontColor: var(--header1MediumScreenFontColor);
  --pageViewMainContentBlockTitleMediumScreenFontLetterSpacing: var(--header1MediumScreenFontLetterSpacing);
  --pageViewMainContentBlockTitleMediumScreenFontWeight: var(--header1MediumScreenFontWeight);
  --pageViewMainContentBlockTitleMediumScreenFontStyle: var(--header1MediumScreenFontStyle);
  --pageViewMainContentBlockTitleMediumScreenFontDecoration: var(--header1MediumScreenFontDecoration);
  /* Page view - Highlight1 - Content block */
  --pageViewHighlight1ContentBlockFontColor: var(--fontColor);
  --pageViewHighlight1ContentBlockBoxShadow: var(--pageViewContentBlockBoxShadow);
  --pageViewHighlight1ContentBlockBackground: var(--pageViewContentBlockBackground);
  --pageViewHighlight1ContentBlockPadding: var(--pageViewContentBlockPadding);
  --pageViewHighlight1ContentBlockBorderColor: var(--pageViewContentBlockBorderColor);
  --pageViewHighlight1ContentBlockBorderType: var(--pageViewContentBlockBorderType);
  --pageViewHighlight1ContentBlockBorderThickness: var(--pageViewContentBlockBorderThickness);
  --pageViewHighlight1ContentBlockBorderRadius: var(--pageViewContentBlockBorderRadius);
  /* Page view - Highlight1 - Content block - Title */
  --pageViewHighlight1ContentBlockTitleBackground: var(--pageViewContentBlockTitleBackground);
  --pageViewHighlight1ContentBlockTitleFontShadow: var(--pageViewContentBlockTitleFontShadow);
  --pageViewHighlight1ContentBlockTitleFontColor: var(--pageViewContentBlockTitleFontColor);
  --pageViewHighlight1ContentBlockTitleFontSize: var(--pageViewContentBlockTitleFontSize);
  --pageViewHighlight1ContentBlockTitleFontLetterSpacing: var(--pageViewContentBlockTitleFontLetterSpacing);
  --pageViewHighlight1ContentBlockTitleFontWeight: var(--pageViewContentBlockTitleFontWeight);
  --pageViewHighlight1ContentBlockTitleFontLineHeight: var(--pageViewContentBlockTitleFontLineHeight);
  --pageViewHighlight1ContentBlockTitleFontStyle: var(--pageViewContentBlockTitleFontStyle);
  --pageViewHighlight1ContentBlockTitleFontDecoration: var(--pageViewContentBlockTitleFontDecoration);
  --pageViewHighlight1ContentBlockTitleMargin: var(--pageViewContentBlockTitleMargin);
  --pageViewHighlight1ContentBlockTitleBorderColor: var(--pageViewContentBlockTitleBorderColor);
  --pageViewHighlight1ContentBlockTitleBorderThickness: var(--pageViewContentBlockTitleBorderThickness);
  --pageViewHighlight1ContentBlockTitleBorderType: var(--pageViewContentBlockTitleBorderType);
  --pageViewHighlight1ContentBlockTitleBorderRadius: var(--pageViewContentBlockTitleBorderRadius);
  --pageViewHighlight1ContentBlockTitleMediumScreenFontSize: var(--pageViewContentBlockTitleMediumScreenFontSize);
  --pageViewHighlight1ContentBlockTitleMediumScreenFontLineHeight: var(--pageViewContentBlockTitleMediumScreenFontLineHeight);
  --pageViewHighlight1ContentBlockTitleMediumScreenFontName: var(--header1MediumScreenFontName);
  --pageViewHighlight1ContentBlockTitleMediumScreenFontShadow: var(--header1MediumScreenFontShadow);
  --pageViewHighlight1ContentBlockTitleMediumScreenFontColor: var(--header1MediumScreenFontColor);
  --pageViewHighlight1ContentBlockTitleMediumScreenFontLetterSpacing: var(--header1MediumScreenFontLetterSpacing);
  --pageViewHighlight1ContentBlockTitleMediumScreenFontWeight: var(--header1MediumScreenFontWeight);
  --pageViewHighlight1ContentBlockTitleMediumScreenFontStyle: var(--header1MediumScreenFontStyle);
  --pageViewHighlight1ContentBlockTitleMediumScreenFontDecoration: var(--header1MediumScreenFontDecoration);
  /* Page view - Highlight2 - Content block */
  --pageViewHighlight2ContentBlockFontColor: var(--fontColor);
  --pageViewHighlight2ContentBlockBoxShadow: var(--pageViewContentBlockBoxShadow);
  --pageViewHighlight2ContentBlockBackground: var(--pageViewContentBlockBackground);
  --pageViewHighlight2ContentBlockPadding: var(--pageViewContentBlockPadding);
  --pageViewHighlight2ContentBlockBorderColor: var(--pageViewContentBlockBorderColor);
  --pageViewHighlight2ContentBlockBorderType: var(--pageViewContentBlockBorderType);
  --pageViewHighlight2ContentBlockBorderThickness: var(--pageViewContentBlockBorderThickness);
  --pageViewHighlight2ContentBlockBorderRadius: var(--pageViewContentBlockBorderRadius);
  /* Page view - Highlight2 - Content block - Title */
  --pageViewHighlight2ContentBlockTitleBackground: var(--pageViewContentBlockTitleBackground);
  --pageViewHighlight2ContentBlockTitleFontShadow: var(--pageViewContentBlockTitleFontShadow);
  --pageViewHighlight2ContentBlockTitleFontColor: var(--pageViewContentBlockTitleFontColor);
  --pageViewHighlight2ContentBlockTitleFontSize: var(--pageViewContentBlockTitleFontSize);
  --pageViewHighlight2ContentBlockTitleFontLetterSpacing: var(--pageViewContentBlockTitleFontLetterSpacing);
  --pageViewHighlight2ContentBlockTitleFontWeight: var(--pageViewContentBlockTitleFontWeight);
  --pageViewHighlight2ContentBlockTitleFontLineHeight: var(--pageViewContentBlockTitleFontLineHeight);
  --pageViewHighlight2ContentBlockTitleFontStyle: var(--pageViewContentBlockTitleFontStyle);
  --pageViewHighlight2ContentBlockTitleFontDecoration: var(--pageViewContentBlockTitleFontDecoration);
  --pageViewHighlight2ContentBlockTitleMargin: var(--pageViewContentBlockTitleMargin);
  --pageViewHighlight2ContentBlockTitleBorderColor: var(--pageViewContentBlockTitleBorderColor);
  --pageViewHighlight2ContentBlockTitleBorderThickness: var(--pageViewContentBlockTitleBorderThickness);
  --pageViewHighlight2ContentBlockTitleBorderType: var(--pageViewContentBlockTitleBorderType);
  --pageViewHighlight2ContentBlockTitleBorderRadius: var(--pageViewContentBlockTitleBorderRadius);
  --pageViewHighlight2ContentBlockTitleMediumScreenFontSize: var(--pageViewContentBlockTitleMediumScreenFontSize);
  --pageViewHighlight2ContentBlockTitleMediumScreenFontLineHeight: var(--pageViewContentBlockTitleMediumScreenFontLineHeight);
  --pageViewHighlight2ContentBlockTitleMediumScreenFontName: var(--header1MediumScreenFontName);
  --pageViewHighlight2ContentBlockTitleMediumScreenFontShadow: var(--header1MediumScreenFontShadow);
  --pageViewHighlight2ContentBlockTitleMediumScreenFontColor: var(--header1MediumScreenFontColor);
  --pageViewHighlight2ContentBlockTitleMediumScreenFontLetterSpacing: var(--header1MediumScreenFontLetterSpacing);
  --pageViewHighlight2ContentBlockTitleMediumScreenFontWeight: var(--header1MediumScreenFontWeight);
  --pageViewHighlight2ContentBlockTitleMediumScreenFontStyle: var(--header1MediumScreenFontStyle);
  --pageViewHighlight2ContentBlockTitleMediumScreenFontDecoration: var(--header1MediumScreenFontDecoration);
  /* Page view - Highlight3 - Content block */
  --pageViewHighlight3ContentBlockFontColor: var(--fontColor);
  --pageViewHighlight3ContentBlockBoxShadow: var(--pageViewContentBlockBoxShadow);
  --pageViewHighlight3ContentBlockBackground: var(--pageViewContentBlockBackground);
  --pageViewHighlight3ContentBlockPadding: var(--pageViewContentBlockPadding);
  --pageViewHighlight3ContentBlockBorderColor: var(--pageViewContentBlockBorderColor);
  --pageViewHighlight3ContentBlockBorderType: var(--pageViewContentBlockBorderType);
  --pageViewHighlight3ContentBlockBorderThickness: var(--pageViewContentBlockBorderThickness);
  --pageViewHighlight3ContentBlockBorderRadius: var(--pageViewContentBlockBorderRadius);
  /* Page view - Highlight3 - Content block - Title */
  --pageViewHighlight3ContentBlockTitleBackground: var(--pageViewContentBlockTitleBackground);
  --pageViewHighlight3ContentBlockTitleFontShadow: var(--pageViewContentBlockTitleFontShadow);
  --pageViewHighlight3ContentBlockTitleFontColor: var(--pageViewContentBlockTitleFontColor);
  --pageViewHighlight3ContentBlockTitleFontSize: var(--pageViewContentBlockTitleFontSize);
  --pageViewHighlight3ContentBlockTitleFontLetterSpacing: var(--pageViewContentBlockTitleFontLetterSpacing);
  --pageViewHighlight3ContentBlockTitleFontWeight: var(--pageViewContentBlockTitleFontWeight);
  --pageViewHighlight3ContentBlockTitleFontLineHeight: var(--pageViewContentBlockTitleFontLineHeight);
  --pageViewHighlight3ContentBlockTitleFontStyle: var(--pageViewContentBlockTitleFontStyle);
  --pageViewHighlight3ContentBlockTitleFontDecoration: var(--pageViewContentBlockTitleFontDecoration);
  --pageViewHighlight3ContentBlockTitleMargin: var(--pageViewContentBlockTitleMargin);
  --pageViewHighlight3ContentBlockTitleBorderColor: var(--pageViewContentBlockTitleBorderColor);
  --pageViewHighlight3ContentBlockTitleBorderThickness: var(--pageViewContentBlockTitleBorderThickness);
  --pageViewHighlight3ContentBlockTitleBorderType: var(--pageViewContentBlockTitleBorderType);
  --pageViewHighlight3ContentBlockTitleBorderRadius: var(--pageViewContentBlockTitleBorderRadius);
  --pageViewHighlight3ContentBlockTitleMediumScreenFontSize: var(--pageViewContentBlockTitleMediumScreenFontSize);
  --pageViewHighlight3ContentBlockTitleMediumScreenFontLineHeight: var(--pageViewContentBlockTitleMediumScreenFontLineHeight);
  --pageViewHighlight3ContentBlockTitleMediumScreenFontName: var(--header1MediumScreenFontName);
  --pageViewHighlight3ContentBlockTitleMediumScreenFontShadow: var(--header1MediumScreenFontShadow);
  --pageViewHighlight3ContentBlockTitleMediumScreenFontColor: var(--header1MediumScreenFontColor);
  --pageViewHighlight3ContentBlockTitleMediumScreenFontLetterSpacing: var(--header1MediumScreenFontLetterSpacing);
  --pageViewHighlight3ContentBlockTitleMediumScreenFontWeight: var(--header1MediumScreenFontWeight);
  --pageViewHighlight3ContentBlockTitleMediumScreenFontStyle: var(--header1MediumScreenFontStyle);
  --pageViewHighlight3ContentBlockTitleMediumScreenFontDecoration: var(--header1MediumScreenFontDecoration);
  /* Page view - Text block - Image */
  --pageViewTextBlockImagePadding: 0px;
  --pageViewTextBlockImageMargin: 0px;
  --pageViewTextBlockImageMaxWidth: 100%;
  --pageViewTextBlockImageBorderColor: transparent;
  --pageViewTextBlockImageBorderThickness: 0px;
  --pageViewTextBlockImageBorderType: solid;
  --pageViewTextBlockImageBorderRadius: 0px;
  --pageViewTextBlockImageBackground: transparent;
  --pageViewTextBlockImageBoxShadow: none;
  /* Dashboard view - Options */
  --dashboardViewOptionsBackground: #e6e6e6;
  --dashboardViewOptionsBorderRadius: 5px;
  --dashboardViewOptionsPadding: 5px;
  /* Dashboard view - Options - Field */
  --dashboardViewOptionsFieldMargin: 5px 0px 0px;
  /* Content - Border - Top */
  --contentBorderTopBackground: transparent;
  --contentBorderTopHeight: 0px;
  --contentBorderTopMargin: 0px;
  --contentBorderTopPadding: 0px;
  /* Content - Border - Bottom */
  --contentBorderBottomBackground: transparent;
  --contentBorderBottomHeight: 0px;
  --contentBorderBottomMargin: 0px;
  --contentBorderBottomPadding: 0px;
  /* Messages */
  --messagesMargin: 0px;
  --messagesMaxWidth: auto;
  /* Message Box */
  --messageBoxFontLineHeight: 1.3em;
  --messageBoxFontStyle: italic;
  --messageBoxFontWeight: bold;
  --messageBoxFontName: inherit;
  --messageBoxFontColor: inherit;
  --messageBoxFontSize: inherit;
  --messageBoxFontDecoration: inherit;
  --messageBoxFontLetterSpacing: inherit;
  --messageBoxFontShadow: inherit;
  --messageBoxMargin: 0px 0px 10px 0px;
  --messageBoxPadding: 0.8em;
  --messageBoxShadow: none;
  --messageBoxBorderThickness: 1px;
  --messageBoxBorderColor: #e0e0e0;
  --messageBoxBorderType: solid;
  --messageBoxBorderRadius: 0px;
  /* Message */
  --messageBoxMessageSpacing: 0.1em;
  /* Error message Box */
  --errorMessageBoxBackground: #F8EAE8;
  --errorMessageBoxShadow: var(--messageBoxShadow);
  --errorMessageBoxBorderThickness: var(--messageBoxBorderThickness);
  --errorMessageBoxBorderColor: var(--messageBoxBorderColor);
  --errorMessageBoxBorderType: var(--messageBoxBorderType);
  --errorMessageBoxBorderRadius: var(--messageBoxBorderRadius);
  --errorMessageBoxFontColor: #CD6F5F;
  /* Warning message Box */
  --warningMessageBoxBackground: #FFFECD;
  --warningMessageBoxShadow: var(--messageBoxShadow);
  --warningMessageBoxBorderThickness: var(--messageBoxBorderThickness);
  --warningMessageBoxBorderColor: var(--messageBoxBorderColor);
  --warningMessageBoxBorderType: var(--messageBoxBorderType);
  --warningMessageBoxBorderRadius: var(--messageBoxBorderRadius);
  --warningMessageBoxFontColor: #A8A748;
  /* Info message Box */
  --infoMessageBoxBackground: #EBF2FF;
  --infoMessageBoxShadow: var(--messageBoxShadow);
  --infoMessageBoxBorderThickness: var(--messageBoxBorderThickness);
  --infoMessageBoxBorderColor: var(--messageBoxBorderColor);
  --infoMessageBoxBorderType: var(--messageBoxBorderType);
  --infoMessageBoxBorderRadius: var(--messageBoxBorderRadius);
  --infoMessageBoxFontColor: #626262;
  /* ButtonRow spacer */
  --buttonRowSpacer: 25px;
  /* TileView */
  --tileViewPadding: 15px;
  --tileViewTileWidth: 175px;
  --tileViewTileMediumScreenWidth: 150px;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "fontello", sans-serif;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-website:before {
  content: '\e800';
}
/* '' */
.icon-users:before {
  content: '\e801';
}
/* '' */
.icon-user:before {
  content: '\e802';
}
/* '' */
.icon-turn_off:before {
  content: '\e803';
}
/* '' */
.icon-config:before {
  content: '\e804';
}
/* '' */
.icon-trashbox:before {
  content: '\e805';
}
/* '' */
.icon-contract3:before {
  content: '\e806';
}
/* '' */
.icon-pencil2:before {
  content: '\e807';
}
/* '' */
.icon-pencils:before {
  content: '\e808';
}
/* '' */
.icon-pencil:before {
  content: '\e809';
}
/* '' */
.icon-loop:before {
  content: '\e80a';
}
/* '' */
.icon-home:before {
  content: '\e80b';
}
/* '' */
.icon-file_word:before {
  content: '\e80c';
}
/* '' */
.icon-file_text:before {
  content: '\e80d';
}
/* '' */
.icon-file_pdf:before {
  content: '\e80e';
}
/* '' */
.icon-world:before {
  content: '\e80f';
}
/* '' */
.icon-arrow_down:before {
  content: '\e810';
}
/* '' */
.icon-arrow_left:before {
  content: '\e811';
}
/* '' */
.icon-arrow_up:before {
  content: '\e812';
}
/* '' */
.icon-arrow_right:before {
  content: '\e813';
}
/* '' */
.icon-arrow2_down:before {
  content: '\e814';
}
/* '' */
.icon-arrow2_left:before {
  content: '\e815';
}
/* '' */
.icon-arrow2_right:before {
  content: '\e816';
}
/* '' */
.icon-arrow2_up:before {
  content: '\e817';
}
/* '' */
.icon-shape_rectangle:before {
  content: '\e818';
}
/* '' */
.icon-file_header:before {
  content: '\e819';
}
/* '' */
.icon-ask_opinion:before {
  content: '\e81a';
}
/* '' */
.icon-file_footer:before {
  content: '\e81b';
}
/* '' */
.icon-contract:before {
  content: '\e81c';
}
/* '' */
.icon-cross:before {
  content: '\e81d';
}
/* '' */
.icon-exit:before {
  content: '\e81e';
}
/* '' */
.icon-file_excel:before {
  content: '\e81f';
}
/* '' */
.icon-file:before {
  content: '\e820';
}
/* '' */
.icon-file_image:before {
  content: '\e821';
}
/* '' */
.icon-questionlist:before {
  content: '\e822';
}
/* '' */
.icon-contract2:before {
  content: '\e823';
}
/* '' */
.icon-ask:before {
  content: '\e824';
}
/* '' */
.icon-process:before {
  content: '\e826';
}
/* '' */
.icon-fork:before {
  content: '\e827';
}
/* '' */
.icon-plus:before {
  content: '\e828';
}
/* '' */
.icon-refresh:before {
  content: '\e829';
}
/* '' */
.icon-variable2:before {
  content: '\e82a';
}
/* '' */
.icon-calculate:before {
  content: '\e82b';
}
/* '' */
.icon-loop_up:before {
  content: '\e82c';
}
/* '' */
.icon-ask_text:before {
  content: '\e82d';
}
/* '' */
.icon-ask_questionlist:before {
  content: '\e82e';
}
/* '' */
.icon-ask_users:before {
  content: '\e82f';
}
/* '' */
.icon-ask_user:before {
  content: '\e830';
}
/* '' */
.icon-linegraph:before {
  content: '\e831';
}
/* '' */
.icon-bargraph:before {
  content: '\e832';
}
/* '' */
.icon-briefcase:before {
  content: '\e833';
}
/* '' */
.icon-bug:before {
  content: '\e834';
}
/* '' */
.icon-info:before {
  content: '\e835';
}
/* '' */
.icon-warning:before {
  content: '\e836';
}
/* '' */
.icon-block:before {
  content: '\e837';
}
/* '' */
.icon-lock1:before {
  content: '\e838';
}
/* '' */
.icon-lock2:before {
  content: '\e839';
}
/* '' */
.icon-unlock1:before {
  content: '\e83a';
}
/* '' */
.icon-unlock2:before {
  content: '\e83b';
}
/* '' */
.icon-tutorial:before {
  content: '\e83c';
}
/* '' */
.icon-help:before {
  content: '\e83d';
}
/* '' */
.icon-loop_down:before {
  content: '\e83e';
}
/* '' */
.icon-boxedphone:before {
  content: '\e858';
}
/* '' */
.icon-mail:before {
  content: '\e859';
}
/* '' */
.icon-skype:before {
  content: '\e85a';
}
/* '' */
.icon-facebook:before {
  content: '\e85b';
}
/* '' */
.icon-linkedin:before {
  content: '\e85c';
}
/* '' */
.icon-twitter:before {
  content: '\e85d';
}
/* '' */
.icon-input_number:before {
  content: '\e865';
}
/* '' */
.icon-input_text:before {
  content: '\e867';
}
/* '' */
.icon-input_checkbox:before {
  content: '\e868';
}
/* '' */
.icon-input_text2:before {
  content: '\e869';
}
/* '' */
.icon-text:before {
  content: '\e86a';
}
/* '' */
.icon-input_radio:before {
  content: '\e86b';
}
/* '' */
.icon-input_select:before {
  content: '\e86c';
}
/* '' */
.icon-table:before {
  content: '\e86e';
}
/* '' */
.icon-input_list_radio:before {
  content: '\e86f';
}
/* '' */
.icon-input_list_checkbox:before {
  content: '\e870';
}
/* '' */
.icon-input_list_horizontal_radio:before {
  content: '\e871';
}
/* '' */
.icon-comment:before {
  content: '\e872';
}
/* '' */
.icon-input_large_text:before {
  content: '\e873';
}
/* '' */
.icon-input_date:before {
  content: '\e874';
}
/* '' */
.icon-calendar:before {
  content: '\e875';
}
/* '' */
.icon-questionlist2:before {
  content: '\e876';
}
/* '' */
.icon-report:before {
  content: '\e877';
}
/* '' */
.icon-folder_move:before {
  content: '\e886';
}
/* '' */
.icon-file_move:before {
  content: '\e887';
}
/* '' */
.icon-reset_to_default:before {
  content: '\e888';
}
/* '' */
.icon-link:before {
  content: '\e889';
}
/* '' */
.icon-unlink:before {
  content: '\e88a';
}
/* '' */
.icon-filter:before {
  content: '\e88d';
}
/* '' */
.icon-sort:before {
  content: '\e88e';
}
/* '' */
.icon-email:before {
  content: '\e88f';
}
/* '' */
.icon-file_download:before {
  content: '\e890';
}
/* '' */
.icon-files:before {
  content: '\e891';
}
/* '' */
.icon-file_copy:before {
  content: '\e892';
}
/* '' */
.icon-database_download:before {
  content: '\e893';
}
/* '' */
.icon-database:before {
  content: '\e894';
}
/* '' */
.icon-database_upload:before {
  content: '\e895';
}
/* '' */
.icon-folder2:before {
  content: '\e896';
}
/* '' */
.icon-folder:before {
  content: '\e897';
}
/* '' */
.icon-archive:before {
  content: '\e898';
}
/* '' */
.icon-column_insert:before {
  content: '\e899';
}
/* '' */
.icon-row_order:before {
  content: '\e89a';
}
/* '' */
.icon-pricetag:before {
  content: '\e8a2';
}
/* '' */
.icon-factory:before {
  content: '\e8a3';
}
/* '' */
.icon-arrow3_up:before {
  content: '\e8a5';
}
/* '' */
.icon-factory3:before {
  content: '\e8a7';
}
/* '' */
.icon-factory2:before {
  content: '\e8a8';
}
/* '' */
.icon-tutorial3:before {
  content: '\e8a9';
}
/* '' */
.icon-tutorial4:before {
  content: '\e8aa';
}
/* '' */
.icon-tutorial2:before {
  content: '\e8ab';
}
/* '' */
.icon-menu:before {
  content: '\e8ac';
}
/* '' */
.icon-arrow4_right:before {
  content: '\e8ad';
}
/* '' */
.icon-user_manager:before {
  content: '\e8bf';
}
/* '' */
.icon-users_manager:before {
  content: '\e8c0';
}
/* '' */
.icon-ask_help:before {
  content: '\e8c1';
}
/* '' */
.icon-paperclip:before {
  content: '\e8c2';
}
/* '' */
.icon-website2:before {
  content: '\e8c3';
}
/* '' */
.icon-screen:before {
  content: '\e8c4';
}
/* '' */
.icon-screen_pencils:before {
  content: '\e8c5';
}
/* '' */
.icon-check:before {
  content: '\e8c7';
}
/* '' */
.icon-shape_bezier:before {
  content: '\e8c8';
}
/* '' */
.icon-variable:before {
  content: '\e8c9';
}
/* '' */
.icon-shape_line:before {
  content: '\e8ca';
}
/* '' */
.icon-function:before {
  content: '\e8cb';
}
/* '' */
.icon-operator:before {
  content: '\e8cc';
}
/* '' */
.icon-shape_circle:before {
  content: '\e8cd';
}
/* '' */
.icon-shape_arc:before {
  content: '\e8ce';
}
/* '' */
.icon-file_insert:before {
  content: '\e8d0';
}
/* '' */
.icon-seperator:before {
  content: '\e8d1';
}
/* '' */
.icon-columns:before {
  content: '\e8d2';
}
/* '' */
.icon-text2:before {
  content: '\e8d3';
}
/* '' */
.icon-anchor:before {
  content: '\e8d4';
}
/* '' */
.icon-row_in:before {
  content: '\e8d6';
}
/* '' */
.icon-row_out:before {
  content: '\e8d7';
}
/* '' */
.icon-row_down:before {
  content: '\e8d8';
}
/* '' */
.icon-credentials:before {
  content: '\e8ef';
}
/* '' */
.icon-move:before {
  content: '\e8f0';
}
/* '' */
.icon-move2:before {
  content: '\e8f1';
}
/* '' */
.icon-home_credentials:before {
  content: '\e8f2';
}
/* '' */
.icon-email_user:before {
  content: '\e8f3';
}
/* '' */
.icon-email_users:before {
  content: '\e8f4';
}
/* '' */
.icon-variable-1:before {
  content: '\e8f5';
}
/* '' */
.icon-folder_add:before {
  content: '\e8f6';
}
/* '' */
.icon-file_add:before {
  content: '\e8f7';
}
/* '' */
.icon-file_zip:before {
  content: '\e8f8';
}
/* '' */
.icon-file_access:before {
  content: '\e8f9';
}
/* '' */
.icon-file_powerpoint:before {
  content: '\e8fa';
}
/* '' */
.icon-ask_question:before {
  content: '\e8fb';
}
/* '' */
.icon-file_video:before {
  content: '\e906';
}
/* '' */
.icon-file_xml:before {
  content: '\e907';
}
/* '' */
.icon-input:before {
  content: '\e908';
}
/* '' */
.icon-home_divide:before {
  content: '\e916';
}
/* '' */
.icon-home_questionlist:before {
  content: '\e917';
}
/* '' */
.icon-method:before {
  content: '\e95e';
}
/* '' */
.icon-method_lock2:before {
  content: '\e95f';
}
/* '' */
.icon-method_key:before {
  content: '\e960';
}
/* '' */
.icon-property_lock2:before {
  content: '\e961';
}
/* '' */
.icon-property:before {
  content: '\e962';
}
/* '' */
.icon-property_key:before {
  content: '\e963';
}
/* '' */
.icon-property_static_key:before {
  content: '\e964';
}
/* '' */
.icon-property_static_lock2:before {
  content: '\e965';
}
/* '' */
.icon-property_static:before {
  content: '\e966';
}
/* '' */
.icon-method_static_key:before {
  content: '\e967';
}
/* '' */
.icon-method_static_lock2:before {
  content: '\e968';
}
/* '' */
.icon-method_static:before {
  content: '\e969';
}
/* '' */
.icon-method_trashbox:before {
  content: '\e96a';
}
/* '' */
.icon-method_tools:before {
  content: '\e96b';
}
/* '' */
.icon-key:before {
  content: '\e96c';
}
/* '' */
.icon-tools:before {
  content: '\e96d';
}
/* '' */
.icon-file_vector_image:before {
  content: '\e97f';
}
/* '' */
.icon-check_rules:before {
  content: '\e9c2';
}
/* '' */
.icon-check_status:before {
  content: '\e9c3';
}
/* '' */
.icon-files_questionlist:before {
  content: '\e9c4';
}
/* '' */
.icon-users_divide:before {
  content: '\e9c5';
}
/* '' */
.icon-screen_backup:before {
  content: '\e9c7';
}
/* '' */
.icon-file_questionlist:before {
  content: '\e9c8';
}
/* '' */
.icon-file_pdf_backup:before {
  content: '\e9c9';
}
/* '' */
.icon-folder_up:before {
  content: '\e9ca';
}
/* '' */
.icon-tiledisplay:before {
  content: '\e9cc';
}
/* '' */
.icon-listdisplay:before {
  content: '\e9cd';
}
/* '' */
.icon-variable_divide:before {
  content: '\e9ce';
}
/* '' */
.icon-element:before {
  content: '\e9cf';
}
/* '' */
.icon-question:before {
  content: '\e9d0';
}
/* '' */
.icon-process_pencil:before {
  content: '\e9d1';
}
/* '' */
.icon-process_function:before {
  content: '\e9d2';
}
/* '' */
.icon-process2-1:before {
  content: '\e9d4';
}
/* '' */
.icon-slider:before {
  content: '\ea01';
}
/* '' */
.icon-slider2:before {
  content: '\ea02';
}
/* '' */
.icon-slider_number:before {
  content: '\ea03';
}
/* '' */
.icon-slider_text:before {
  content: '\ea04';
}
/* '' */
/* General */
.clickable {
  cursor: pointer;
}
p {
  margin: 0px;
  padding: 5px 0px 5px 0px;
}
/*
a,
a:active {
  color: #626262;
  text-decoration: underline;
  outline: none;
}
a:link,
a:visited {
  color: #626262;
}
a:hover {
  color: #70B6D0;
  text-decoration: underline;
}*/
table {
  border: none;
}
table th,
table td {
  background-clip: padding-box;
}
/* Body */
body {
  position: static;
  margin: 0px;
}
/* Section Page */
.section.pageSection {
  position: relative;
  width: var(--pageLayoutWidth);
  padding: var(--pageLayoutPadding);
  margin: var(--pageLayoutMargin);
  background: var(--pageLayoutBackground);
  border-width: var(--pageLayoutBorderThickness);
  border-style: var(--pageLayoutBorderType);
  border-color: var(--pageLayoutBorderColor);
  border-radius: var(--pageLayoutBorderRadius);
}
.section.pageSection.widePageLayout {
  max-width: var(--pageLayoutWideMaxWidth);
}
.section.pageSection.narrowPageLayout {
  max-width: var(--pageLayoutNarrowMaxWidth);
}
/* Page Sections */
.section.headerSection > .container,
.section.contentBorderTopSection > .container,
.section.contentSection > .container,
.section.contentBorderBottomSection > .container,
.section.footerSection > .container {
  margin-left: var(--pageSectionsSideMargin);
  margin-right: var(--pageSectionsSideMargin);
}
@media screen and (max-width: 1024px) {
  .section.headerSection > .container,
  .section.contentBorderTopSection > .container,
  .section.contentSection > .container,
  .section.contentBorderBottomSection > .container,
  .section.footerSection > .container {
    margin-left: var(--pageSectionsSideMarginMediumScreen);
    margin-right: var(--pageSectionsSideMarginMediumScreen);
  }
}
@media screen and (max-width: 768px) {
  .section.headerSection > .container,
  .section.contentBorderTopSection > .container,
  .section.contentSection > .container,
  .section.contentBorderBottomSection > .container,
  .section.footerSection > .container {
    margin-left: var(--pageSectionsSideMarginSmallScreen);
    margin-right: var(--pageSectionsSideMarginSmallScreen);
  }
}
/* Section Header */
.section.headerSection {
  position: relative;
  width: auto;
  background: var(--headerBackground);
  margin: var(--headerMargin);
  padding: var(--headerPadding);
  min-height: var(--headerMinHeight);
  border-width: var(--headerBorderThickness);
  border-style: var(--headerBorderType);
  border-color: var(--headerBorderColor);
  border-radius: var(--headerBorderRadius);
  box-shadow: var(--headerBoxShadow);
}
.section.headerSection::after {
  clear: both;
  content: '';
  display: block;
}
.section.headerSection.narrowHeaderLayout > .container {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
}
.section.headerSection .info {
  float: var(--infoFloat);
  margin: var(--infoMargin);
  padding: var(--infoPadding);
  background: var(--infoBackground);
  height: var(--infoHeight);
  display: block;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .section.headerSection .info {
    float: var(--infoMediumScreenFloat);
    margin: var(--infoMediumScreenMargin);
    padding: var(--infoMediumScreenPadding);
  }
}
@media screen and (max-width: 768px) {
  .section.headerSection .info {
    float: var(--infoSmallScreenFloat);
    margin: var(--infoSmallScreenMargin);
    padding: var(--infoSmallScreenPadding);
  }
}
.section.headerSection .info .infoContainer {
  display: flex;
  /*justify-content: center;*/
  align-items: center;
}
.section.headerSection .info .logo {
  position: relative;
  text-align: center;
  flex: 0;
  width: max-content;
  margin: var(--logoMargin);
  padding: var(--logoPadding);
}
.section.headerSection .info .logo img {
  max-height: var(--logoMaxHeight);
  display: block;
}
@media screen and (max-width: 1024px) {
  .section.headerSection .info .logo img {
    max-height: var(--logoMediumScreenMaxHeight);
  }
}
@media screen and (max-width: 768px) {
  .section.headerSection .info .logo img {
    max-height: var(--logoSmallScreenMaxHeight);
  }
}
.section.headerSection .info .logo.center {
  flex: 1;
}
.section.headerSection .info .logo.logoA {
  margin: var(--logoAMargin);
  padding: var(--logoAPadding);
}
.section.headerSection .info .logo.logoA img {
  max-height: var(--logoAMaxHeight);
}
@media screen and (max-width: 1024px) {
  .section.headerSection .info .logo.logoA img {
    max-height: var(--logoAMediumScreenMaxHeight);
  }
}
@media screen and (max-width: 768px) {
  .section.headerSection .info .logo.logoA img {
    max-height: var(--logoASmallScreenMaxHeight);
  }
}
.section.headerSection .info .logo.logoB {
  margin: var(--logoBMargin);
  padding: var(--logoBPadding);
  flex: 1;
}
.section.headerSection .info .logo.logoB img {
  float: right;
  max-height: var(--logoBMaxHeight);
}
@media screen and (max-width: 1024px) {
  .section.headerSection .info .logo.logoB img {
    max-height: var(--logoBMediumScreenMaxHeight);
  }
}
@media screen and (max-width: 768px) {
  .section.headerSection .info .logo.logoB img {
    max-height: var(--logoBSmallScreenMaxHeight);
  }
}
@media screen and (max-width: 1024px) {
  .section.headerSection .info {
    float: none;
  }
}
.menu.sessionMenu {
  min-height: var(--sessionMenuMinHeight);
  color: var(--sessionMenuItemFontColor);
  font-size: var(--sessionMenuItemFontSize);
  font-weight: var(--sessionMenuItemFontWeight);
  text-decoration: var(--sessionMenuItemFontDecoration);
  letter-spacing: var(--sessionMenuItemFontLetterSpacing);
  margin: var(--sessionMenuMargin);
  padding: var(--sessionMenuPadding);
  background: var(--sessionMenuBackground);
  border-width: var(--sessionMenuBorderThickness);
  border-style: var(--sessionMenuBorderType);
  border-color: var(--sessionMenuBorderColor);
  border-radius: var(--sessionMenuBorderRadius);
  text-transform: var(--sessionMenuItemTextTransform);
}
.menu.sessionMenu:after {
  content: '';
  clear: both;
  display: block;
}
.menu.sessionMenu > .container.sessionMenuContainer {
  display: block;
  float: right;
  padding: 2px;
  /*
	a,
	a:active {
	  color: #626262;
	  text-decoration: none;
	  outline: none;
	}
	a:hover {
	  color: #626262;
	  text-decoration: none;
	}
	.input.selectBox.customSelectBox,
	.input.selectBox.customTransparentSelect {
	  padding-left: 0px;
	}*/
}
@media screen and (max-width: 768px) {
  .menu.sessionMenu > .container.sessionMenuContainer {
    float: none;
  }
}
.menu.sessionMenu > .container.sessionMenuContainer > .item {
  float: left;
  padding: var(--sessionMenuItemPadding);
  border-left: solid var(--sessionMenuSeperatorThickness) var(--sessionMenuSeperatorColor);
  box-shadow: var(--sessionMenuSeperatorShadow);
}
@media screen and (max-width: 768px) {
  .menu.sessionMenu > .container.sessionMenuContainer > .item {
    padding: var(--sessionMenuItemMediumScreenPadding);
  }
}
@media screen and (max-width: 768px) {
  .menu.sessionMenu > .container.sessionMenuContainer > .item {
    float: none;
    border-left: none;
    border-bottom: solid var(--sessionMenuSeperatorThickness) var(--sessionMenuSeperatorColor);
    padding: var(--sessionMenuItemSmallScreenPadding);
  }
}
.menu.sessionMenu > .container.sessionMenuContainer > .item.clickable {
  cursor: pointer;
  position: relative;
}
.menu.sessionMenu > .container.sessionMenuContainer > .item.clickable:hover {
  color: var(--sessionMenuItemHoverFontColor);
  font-size: var(--sessionMenuItemHoverFontSize);
  font-weight: var(--sessionMenuItemHoverFontWeight);
  text-decoration: var(--sessionMenuItemHoverFontDecoration);
  letter-spacing: var(--sessionMenuItemHoverFontLetterSpacing);
}
.menu.sessionMenu > .container.sessionMenuContainer > .item.dropdownMenu {
  cursor: pointer;
  position: relative;
  padding-right: calc(1.3em + var(--sessionMenuDropdownIconRightPosition));
  /*&.left .dropdown {
		  top: 0px;
		  right: 100%;
		  left: auto;
		}*/
}
.menu.sessionMenu > .container.sessionMenuContainer > .item.dropdownMenu:hover,
.menu.sessionMenu > .container.sessionMenuContainer > .item.dropdownMenu.focus,
.menu.sessionMenu > .container.sessionMenuContainer > .item.dropdownMenu.dropped {
  color: var(--sessionMenuItemHoverFontColor);
  font-size: var(--sessionMenuItemHoverFontSize);
  font-weight: var(--sessionMenuItemHoverFontWeight);
  text-decoration: var(--sessionMenuItemHoverFontDecoration);
  letter-spacing: var(--sessionMenuItemHoverFontLetterSpacing);
}
.menu.sessionMenu > .container.sessionMenuContainer > .item.dropdownMenu .dropdown {
  cursor: default;
  display: none;
  position: absolute;
  z-index: 110;
  border-width: var(--sessionMenuDropdownBorderThickness);
  border-style: var(--sessionMenuDropdownBorderType);
  border-color: var(--sessionMenuDropdownBorderColor);
  border-radius: var(--sessionMenuDropdownBorderRadius);
  background: var(--sessionMenuDropdownBackground);
  top: calc(100% + -1px);
  margin-top: 1px;
  padding: 0px;
}
.menu.sessionMenu > .container.sessionMenuContainer > .item.dropdownMenu .dropdown > a,
.menu.sessionMenu > .container.sessionMenuContainer > .item.dropdownMenu .dropdown > .item {
  background: var(--sessionMenuDropdownItemBackground);
  color: var(--sessionMenuDropdownItemFontColor);
  font-size: var(--sessionMenuDropdownItemFontSize);
  font-weight: var(--sessionMenuDropdownItemFontWeight);
  text-decoration: var(--sessionMenuDropdownItemFontDecoration);
  letter-spacing: var(--sessionMenuDropdownItemFontLetterSpacing);
  display: block;
  /*border-left: 5px solid transparent;*/
  white-space: nowrap;
  text-decoration: none;
  padding: var(--sessionMenuDropdownItemPadding);
}
.menu.sessionMenu > .container.sessionMenuContainer > .item.dropdownMenu .dropdown > a:hover,
.menu.sessionMenu > .container.sessionMenuContainer > .item.dropdownMenu .dropdown > .item:hover {
  background-color: var(--sessionMenuDropdownItemHoverBackground);
  color: var(--sessionMenuDropdownItemHoverFontColor);
  font-size: var(--sessionMenuDropdownItemHoverFontSize);
  font-weight: var(--sessionMenuDropdownItemHoverFontWeight);
  text-decoration: var(--sessionMenuDropdownItemHoverFontDecoration);
  letter-spacing: var(--sessionMenuDropdownItemHoverFontLetterSpacing);
  cursor: pointer;
}
.menu.sessionMenu > .container.sessionMenuContainer > .item.dropdownMenu.dropped .dropdown {
  display: block;
}
.menu.sessionMenu > .container.sessionMenuContainer > .item.dropdownMenu:after {
  text-align: center;
  right: var(--sessionMenuDropdownIconRightPosition);
  top: 50%;
  height: 1em;
  width: 1em;
  margin-top: -0.65em;
  line-height: 1em;
  pointer-events: none;
  display: block;
  font-family: "fontello";
  content: '\e810';
  position: absolute;
  color: var(--sessionMenuItemIndicatorColor);
}
@media screen and (max-width: 768px) {
  .menu.sessionMenu .sessionMenuContainer {
    float: none;
    margin-bottom: 0px;
  }
  .menu.sessionMenu .item {
    float: none;
    border: none;
    border-bottom: solid 1px #eaeaea;
    padding: 10px 0px;
  }
}
.menu.navigationMenu.topMenu {
  float: var(--navigationTopMenuFloat);
  margin: var(--navigationTopMenuMargin);
  padding: var(--navigationTopMenuPadding);
  box-shadow: var(--navigationTopMenuBoxShadow);
  border-width: var(--navigationTopMenuBorderThickness);
  border-style: var(--navigationTopMenuBorderType);
  border-color: var(--navigationTopMenuBorderColor);
  border-radius: var(--navigationTopMenuBorderRadius);
  background: var(--navigationTopMenuBackground);
  position: relative;
}
.menu.navigationMenu.topMenu.containsMainMenu.containsSubMenu {
  margin: var(--navigationTopMenuDoubleMargin);
  padding: var(--navigationTopMenuDoublePadding);
}
.menu.navigationMenu.topMenu .menuRow {
  height: var(--navigationTopMenuRowHeight);
  min-height: var(--navigationTopMenuRowMinHeight);
  margin: var(--navigationTopMenuRowMargin);
  padding: var(--navigationTopMenuRowPadding);
  border-width: var(--navigationTopMenuRowBorderThickness);
  border-style: var(--navigationTopMenuRowBorderType);
  border-color: var(--navigationTopMenuRowBorderColor);
  border-radius: var(--navigationTopMenuRowBorderRadius);
}
.menu.navigationMenu.topMenu .menuRow .menuRowContainer {
  float: var(--navigationTopMenuRowContainerFloat);
}
.menu.navigationMenu.topMenu .menuRow .menuRowContainer:after {
  content: '';
  clear: both;
  display: block;
}
.menu.navigationMenu.topMenu .menuRow .menuItem {
  float: var(--navigationTopMenuItemFloat);
  /*height: var(--navigationMenuItemHeight);
	  font-family: var(navigationMenuItemFontName);
	  color: var(--navigationMenuItemFontColor);
	  font-size: var(--navigationMenuItemFontSize);
	  font-weight: var(--navigationMenuItemFontWeight);
	  line-height: var(--navigationMenuItemFontLineHeight);
	  font-style: var(--navigationMenuItemFontStyle);
	  text-shadow: var(--navigationMenuItemFontShadow);
	  text-decoration: var(--navigationMenuItemFontDecoration);
	  letter-spacing: var(--navigationMenuItemFontLetterSpacing);
	  border-width: var(--navigationMenuItemBorderThickness);
	  border-style: var(--navigationMenuItemBorderType);
	  border-color: var(--navigationMenuItemBorderColor);
	  border-radius: var(--navigationMenuItemBorderRadius);
	  background: var(--navigationMenuItemBackground);
	  margin: var(--navigationMenuItemMargin);
	  padding: var(--navigationMenuItemMargin);
	  text-transform: var(--navigationMenuItemTextTransform);*/
  /*&.clickable:hover {
		height: var(--navigationMenuItemHoverHeight);
		color: var(--navigationMenuItemHoverFontColor);
		font-family: var(--navigationMenuItemHoverFontName);
		line-height: var(--navigationMenuItemHoverFontLineHeight);
		font-style: var(--navigationMenuItemHoverFontStyle);
		text-decoration: var(--navigationMenuItemHoverFontDecoration);
		text-shadow: var(--navigationMenuItemHoverFontShadow);
		letter-spacing: var(--navigationMenuIteHoverFontLetterSpacing);
		font-weight: var(--navigationMenuItemHoverFontWeight);
		background: var(--navigationMenuItemHoverBackground);
	  }
	  &.current {
		height: var(--navigationMenuItemActiveHeight);
		color: var(--navigationMenuItemActiveFontColor);
		font-weight: var(--navigationMenuItemActiveFontWeight);
		font-family: var(--navigationMenuItemActiveFontName);
		line-height: var(--navigationMenuItemActiveFontLineHeight);
		font-style: var(--navigationMenuItemActiveFontStyle);
		text-decoration: var(--navigationMenuItemActiveFontDecoration);
		text-shadow: var(--navigationMenuIteActiveFontShadow);
		letter-spacing: var(--navigationMenuIteActiveFontLetterSpacing);
		background: var(--navigationMenuItemActiveBackground);
		border-width: var(--navigationMenuItemActiveBorderThickness);
		border-style: var(--navigationMenuItemActiveBorderType);
		border-color: var(--navigationMenuItemActiveBorderColor);
		border-radius: var(--navigationMenuItemActiveBorderRadius);
	  }*/
}
.menu.navigationMenu.topMenu .menuRow .menuItem:first-child {
  margin-left: 0px;
}
.menu.navigationMenu.topMenu .menuRow .menuItem:last-child {
  margin-right: 0px;
}
.menu.navigationMenu.topMenu .menuRow .menuItem .icon {
  width: 20px;
  display: inline-block;
  margin-right: 7px;
}
.menu.navigationMenu.topMenu .menuRow .menuItem .icon img {
  max-width: 20px;
  max-height: 20px;
  vertical-align: middle;
  margin-right: 7px;
}
.menu.navigationMenu.topMenu .menuRow.mainMenu {
  height: var(--navigationTopMenuMainRowHeight);
  min-height: var(--navigationTopMenuMainRowMinHeight);
  margin: var(--navigationTopMenuMainRowMargin);
  padding: var(--navigationTopMenuMainRowPadding);
  background: var(--navigationTopMenuMainRowBackground);
  box-shadow: var(--navigationTopMenuMainRowShadow);
  border-width: var(--navigationTopMenuMainRowBorderThickness);
  border-style: var(--navigationTopMenuMainRowBorderType);
  border-color: var(--navigationTopMenuMainRowBorderColor);
  border-radius: var(--navigationTopMenuMainRowBorderRadius);
}
.menu.navigationMenu.topMenu .menuRow.mainMenu .menuItem {
  margin: var(--navigationTopMenuMainRowItemMargin);
  padding: var(--navigationTopMenuMainRowItemPadding);
  background: var(--navigationTopMenuMainRowItemBackground);
  font-size: var(--navigationTopMenuMainRowItemFontSize);
  font-family: var(--navigationTopMenuMainRowItemFontName);
  font-style: var(--navigationTopMenuMainRowItemFontStyle);
  text-shadow: var(--navigationTopMenuMainRowItemFontShadow);
  color: var(--navigationTopMenuMainRowItemFontColor);
  font-weight: var(--navigationTopMenuMainRowItemFontWeight);
  line-height: var(--navigationTopMenuMainRowItemFontLineHeight);
  text-decoration: var(--navigationTopMenuMainRowItemFontDecoration);
  letter-spacing: var(--navigationTopMenuMainRowItemFontLetterSpacing);
  border-width: var(--navigationTopMenuMainRowItemBorderThickness);
  border-style: var(--navigationTopMenuMainRowItemBorderType);
  border-color: var(--navigationTopMenuMainRowItemBorderColor);
  border-radius: var(--navigationTopMenuMainRowItemBorderRadius);
  text-transform: var(--navigationTopMenuMainRowItemTextTransform);
}
.menu.navigationMenu.topMenu .menuRow.mainMenu .menuItem:last-child {
  margin-right: 0px;
}
.menu.navigationMenu.topMenu .menuRow.mainMenu .menuItem:first-child {
  margin-left: 0px;
}
.menu.navigationMenu.topMenu .menuRow.mainMenu .menuItem.clickable:hover,
.menu.navigationMenu.topMenu .menuRow.mainMenu .menuItem.clickable.hover {
  background: var(--navigationTopMenuMainRowItemHoverBackground);
  box-shadow: var(--navigationTopMenuMainRowItemHoverShadow);
  border-width: var(--navigationTopMenuMainRowItemHoverBorderThickness);
  border-style: var(--navigationTopMenuMainRowItemHoverBorderType);
  border-color: var(--navigationTopMenuMainRowItemHoverBorderColor);
  border-radius: var(--navigationTopMenuMainRowItemHoverBorderRadius);
  font-size: var(--navigationTopMenuMainRowItemHoverFontSize);
  font-family: var(--navigationTopMenuMainRowItemHoverFontName);
  font-style: var(--navigationTopMenuMainRowItemHoverFontStyle);
  text-shadow: var(--navigationTopMenuMainRowItemHoverFontShadow);
  color: var(--navigationTopMenuMainRowItemHoverFontColor);
  font-weight: var(--navigationTopMenuMainRowItemHoverFontWeight);
  line-height: var(--navigationTopMenuMainRowItemHoverFontLineHeight);
  text-decoration: var(--navigationTopMenuMainRowItemHoverFontDecoration);
  letter-spacing: var(--navigationTopMenuMainRowItemHoverFontLetterSpacing);
}
.menu.navigationMenu.topMenu .menuRow.mainMenu .menuItem.current {
  background: var(--navigationTopMenuMainRowItemActiveBackground);
  box-shadow: var(--navigationTopMenuMainRowItemActiveShadow);
  border-width: var(--navigationTopMenuMainRowItemActiveBorderThickness);
  border-style: var(--navigationTopMenuMainRowItemActiveBorderType);
  border-color: var(--navigationTopMenuMainRowItemActiveBorderColor);
  border-radius: var(--navigationTopMenuMainRowItemActiveBorderRadius);
  font-size: var(--navigationTopMenuMainRowItemActiveFontSize);
  font-family: var(--navigationTopMenuMainRowItemActiveFontName);
  font-style: var(--navigationTopMenuMainRowItemActiveFontStyle);
  text-shadow: var(--navigationTopMenuMainRowItemActiveFontShadow);
  color: var(--navigationTopMenuMainRowItemActiveFontColor);
  font-weight: var(--navigationTopMenuMainRowItemActiveFontWeight);
  line-height: var(--navigationTopMenuMainRowItemActiveFontLineHeight);
  text-decoration: var(--navigationTopMenuMainRowItemActiveFontDecoration);
  letter-spacing: var(--navigationTopMenuMainRowItemActiveFontLetterSpacing);
}
.menu.navigationMenu.topMenu .menuRow.mainMenu .menuRowContainer {
  float: var(--navigationTopMenuMainRowContainerFloat);
}
.menu.navigationMenu.topMenu .menuRow.subMenu {
  height: var(--navigationTopMenuSubRowHeight);
  min-height: var(--navigationTopMenuSubRowMinHeight);
  margin: var(--navigationTopMenuSubRowMargin);
  padding: var(--navigationTopMenuSubRowPadding);
  background: var(--navigationTopMenuSubRowBackground);
  box-shadow: var(--navigationTopMenuSubRowShadow);
  border-width: var(--navigationTopMenuSubRowBorderThickness);
  border-style: var(--navigationTopMenuSubRowBorderType);
  border-color: var(--navigationTopMenuSubRowBorderColor);
  border-radius: var(--navigationTopMenuSubRowBorderRadius);
}
.menu.navigationMenu.topMenu .menuRow.subMenu .menuItem {
  margin: var(--navigationTopMenuSubRowItemMargin);
  padding: var(--navigationTopMenuSubRowItemPadding);
  background: var(--navigationTopMenuSubRowItemBackground);
  box-shadow: var(--navigationTopMenuSubRowItemShadow);
  border-width: var(--navigationTopMenuSubRowItemBorderThickness);
  border-style: var(--navigationTopMenuSubRowItemBorderType);
  border-color: var(--navigationTopMenuSubRowItemBorderColor);
  border-radius: var(--navigationTopMenuSubRowItemBorderRadius);
  font-size: var(--navigationTopMenuSubRowItemFontSize);
  font-family: var(--navigationTopMenuSubRowItemFontName);
  font-style: var(--navigationTopMenuSubRowItemFontStyle);
  text-shadow: var(--navigationTopMenuSubRowItemFontShadow);
  color: var(--navigationTopMenuSubRowItemFontColor);
  font-weight: var(--navigationTopMenuSubRowItemFontWeight);
  line-height: var(--navigationTopMenuSubRowItemFontLineHeight);
  text-decoration: var(--navigationTopMenuSubRowItemFontDecoration);
  letter-spacing: var(--navigationTopMenuSubRowItemFontLetterSpacing);
  text-transform: var(--navigationTopMenuSubRowItemTextTransform);
}
.menu.navigationMenu.topMenu .menuRow.subMenu .menuItem:last-child {
  margin-right: 0px;
}
.menu.navigationMenu.topMenu .menuRow.subMenu .menuItem:first-child {
  margin-left: 0px;
}
.menu.navigationMenu.topMenu .menuRow.subMenu .menuItem.clickable:hover,
.menu.navigationMenu.topMenu .menuRow.subMenu .menuItem.clickable.hover {
  background: var(--navigationTopMenuSubRowItemHoverBackground);
  box-shadow: var(--navigationTopMenuSubRowItemHoverShadow);
  border-width: var(--navigationTopMenuSubRowItemHoverBorderThickness);
  border-style: var(--navigationTopMenuSubRowItemHoverBorderType);
  border-color: var(--navigationTopMenuSubRowItemHoverBorderColor);
  border-radius: var(--navigationTopMenuSubRowItemHoverBorderRadius);
  font-size: var(--navigationTopMenuSubRowItemHoverFontSize);
  font-family: var(--navigationTopMenuSubRowItemHoverFontName);
  font-style: var(--navigationTopMenuSubRowItemHoverFontStyle);
  text-shadow: var(--navigationTopMenuSubRowItemHoverFontShadow);
  color: var(--navigationTopMenuSubRowItemHoverFontColor);
  font-weight: var(--navigationTopMenuSubRowItemHoverFontWeight);
  line-height: var(--navigationTopMenuSubRowItemHoverFontLineHeight);
  text-decoration: var(--navigationTopMenuSubRowItemHoverFontDecoration);
  letter-spacing: var(--navigationTopMenuSubRowItemHoverFontLetterSpacing);
}
.menu.navigationMenu.topMenu .menuRow.subMenu .menuItem.current {
  background: var(--navigationTopMenuSubRowItemActiveBackground);
  box-shadow: var(--navigationTopMenuSubRowItemActiveShadow);
  border-width: var(--navigationTopMenuSubRowItemActiveBorderThickness);
  border-style: var(--navigationTopMenuSubRowItemActiveBorderType);
  border-color: var(--navigationTopMenuSubRowItemActiveBorderColor);
  border-radius: var(--navigationTopMenuSubRowItemActiveBorderRadius);
  font-size: var(--navigationTopMenuSubRowItemActiveFontSize);
  font-family: var(--navigationTopMenuSubRowItemActiveFontName);
  font-style: var(--navigationTopMenuSubRowItemActiveFontStyle);
  text-shadow: var(--navigationTopMenuSubRowItemActiveFontShadow);
  color: var(--navigationTopMenuSubRowItemActiveFontColor);
  font-weight: var(--navigationTopMenuSubRowItemActiveFontWeight);
  line-height: var(--navigationTopMenuSubRowItemActiveFontLineHeight);
  text-decoration: var(--navigationTopMenuSubRowItemActiveFontDecoration);
  letter-spacing: var(--navigationTopMenuSubRowItemActiveFontLetterSpacing);
}
.menu.navigationMenu.topMenu .menuRow.subMenu .menuRowContainer {
  float: var(--navigationTopMenuSubRowContainerFloat);
}
@media screen and (max-width: 1024px) {
  .menu.navigationMenu.topMenu {
    float: var(--navigationTopMenuMediumScreenFloat);
    margin: var(--navigationMenuMediumScreenMargin);
  }
  .menu.navigationMenu.topMenu.containsMainMenu.containsSubMenu {
    margin: var(--navigationTopMenuDoubleMediumScreenMargin);
    padding: var(--navigationTopMenuDoubleMediumScreenPadding);
  }
}
@media screen and (max-width: 768px) {
  .menu.navigationMenu.topMenu {
    float: var(--navigationTopMenuSmallScreenFloat);
    margin: var(--navigationMenuSmallScreenMargin);
  }
  .menu.navigationMenu.topMenu.containsMainMenu.containsSubMenu {
    margin: var(--navigationTopMenuDoubleSmallScreenMargin);
    padding: var(--navigationTopMenuDoubleSmallScreenPadding);
  }
}
/* Section MessagesSection */
.section.messagesSection {
  margin: var(--messagesMargin);
  max-width: var(--messagesMaxWidth);
}
/* Section ContentSection */
.section.contentSection {
  min-height: var(--contentMinHeight);
  background: var(--contentBackground);
  margin: var(--contentMargin);
  padding: var(--contentPadding);
  border-width: var(--contentBorderThickness);
  border-style: var(--contentBorderType);
  border-color: var(--contentBorderColor);
  border-radius: var(--contentBorderRadius);
  box-shadow: var(--contentBoxShadow);
  position: relative;
}
.section.contentSection > .container {
  background: var(--contentContainerBackground);
  margin: var(--contentContainerMargin);
  padding: var(--contentContainerPadding);
  border-width: var(--contentContainerBorderThickness);
  border-style: var(--contentContainerBorderType);
  border-color: var(--contentContainerBorderColor);
  border-radius: var(--contentContainerBorderRadius);
  box-shadow: var(--contentContainerBoxShadow);
  position: relative;
}
@media screen and (max-width: 1024px) {
  .section.contentSection > .container {
    padding: var(--contentContainerMediumScreenPadding);
    margin: var(--contentContainerMediumScreenMargin);
  }
}
@media screen and (max-width: 768px) {
  .section.contentSection > .container {
    padding: var(--contentContainerSmallScreenPadding);
    margin: var(--contentContainerSmallScreenMargin);
  }
}
.section.contentSection:before {
  content: '';
  clear: both;
  display: block;
  height: 1px;
}
.section.contentSection.fullContentLayout > .container {
  background: var(--fullContentContainerBackground);
  margin: var(--fullContentContainerMargin);
  padding: var(--fullContentContainerPadding);
  border-radius: var(--fullContentContainerBorderRadius);
  border-width: var(--fullContentContainerBorderThickness);
  border-style: var(--fullContentContainerBorderType);
  border-color: var(--fullContentContainerBorderColor);
  box-shadow: var(--fullContentContainerBoxShadow);
}
@media screen and (max-width: 768px) {
  .section.contentSection.fullContentLayout > .container {
    width: 100%;
    padding: var(--fullContentContainerSmallScreenPadding);
    margin: var(--fullContentContainerSmallScreenMargin);
  }
}
.section.contentSection.narrowContentLayout > .container {
  background: var(--narrowContentContainerBackground);
  margin: var(--narrowContentContainerMargin);
  padding: var(--narrowContentContainerPadding);
  border-radius: var(--narrowContentContainerBorderRadius);
  border-width: var(--narrowContentContainerBorderThickness);
  border-style: var(--narrowContentContainerBorderType);
  border-color: var(--narrowContentContainerBorderColor);
  box-shadow: var(--narrowContentContainerBoxShadow);
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
}
.section.contentSection.frameNarrowContentLayout > .container,
.section.contentSection.frameWideContentLayout > .container {
  background: var(--frameContentContainerBackground);
  margin: var(--frameContentContainerMargin);
  padding: var(--frameContentContainerPadding);
  border-radius: var(--frameContentContainerBorderRadius);
  border-width: var(--frameContentContainerBorderThickness);
  border-style: var(--frameContentContainerBorderType);
  border-color: var(--frameContentContainerBorderColor);
  box-shadow: var(--frameContentContainerBoxShadow);
}
@media screen and (max-width: 768px) {
  .section.contentSection.frameNarrowContentLayout > .container,
  .section.contentSection.frameWideContentLayout > .container {
    width: 100%;
    padding: var(--frameContentContainerSmallScreenPadding);
    margin: var(--frameContentContainerSmallScreenMargin);
  }
}
.section.contentSection.frameNarrowContentLayout > .container {
  max-width: 640px;
}
.section.contentSection.frameWideContentLayout > .container {
  max-width: 768px;
}
.section.contentSection .contentColumns .leftColumn {
  background: var(--contentLeftColumnBackground);
  margin: var(--contentLeftColumnMargin);
  padding: var(--contentLeftColumnPadding);
  width: var(--contentLeftColumnWidth);
  max-width: var(--contentLeftColumnWidth);
  border-width: var(--contentLeftColumnBorderThickness);
  border-style: var(--contentLeftColumnBorderType);
  border-color: var(--contentLeftColumnBorderColor);
  border-radius: var(--contentLeftColumnBorderRadius);
  box-shadow: var(--contentLeftColumnBoxShadow);
  position: relative;
}
@media screen and (max-width: 768px) {
  .section.contentSection .contentColumns .contentColumns {
    display: block;
  }
  .section.contentSection .contentColumns .leftColumn {
    max-width: none;
  }
}
.section.contentSection .section.outerContentSection {
  background: var(--outerContentBackground);
  margin: var(--outerContentMargin);
  padding: var(--outerContentPadding);
  border-width: var(--outerContentBorderThickness);
  border-style: var(--outerContentBorderType);
  border-color: var(--outerContentBorderColor);
  border-radius: var(--outerContentBorderRadius);
  box-shadow: var(--outerContentBoxShadow);
}
@media screen and (max-width: 1024px) {
  .section.contentSection .section.outerContentSection {
    padding: var(--outerContentMediumScreenPadding);
    margin: var(--outerContentMediumScreenMargin);
  }
}
@media screen and (max-width: 768px) {
  .section.contentSection .section.outerContentSection {
    padding: var(--outerContentSmallScreenPadding);
    margin: var(--outerContentSmallScreenMargin);
  }
}
.section.contentSection .section.outerContentSection .section.innerContentSection {
  background: var(--innerContentBackground);
  margin: var(--innerContentMargin);
  padding: var(--innerContentPadding);
  border-width: var(--innerContentBorderThickness);
  border-style: var(--innerContentBorderType);
  border-color: var(--innerContentBorderColor);
  border-radius: var(--innerContentBorderRadius);
  box-shadow: var(--innerContentBoxShadow);
}
@media screen and (max-width: 1024px) {
  .section.contentSection .section.outerContentSection .section.innerContentSection {
    padding: var(--innerContentMediumScreenPadding);
    margin: var(--innerContentMediumScreenMargin);
  }
}
@media screen and (max-width: 768px) {
  .section.contentSection .section.outerContentSection .section.innerContentSection {
    padding: var(--innerContentSmallScreenPadding);
    margin: var(--innerContentSmallScreenMargin);
  }
}
@media screen and (max-width: 1024px) {
  .section.contentSection {
    margin: var(--contentMediumScreenMargin);
  }
}
@media screen and (max-width: 768px) {
  .section.contentSection {
    margin: var(--contentSmallScreenMargin);
  }
}
.menu.navigationMenu.leftMenu {
  margin: var(--navigationLeftMenuMargin);
  padding: var(--navigationLeftMenuPadding);
  box-shadow: var(--navigationLeftMenuShadow);
  border-width: var(--navigationLeftMenuBorderThickness);
  border-style: var(--navigationLeftMenuBorderType);
  border-color: var(--navigationLeftMenuBorderColor);
  border-radius: var(--navigationLeftMenuBorderRadius);
  background: var(--navigationLeftMenuBackground);
  height: auto;
  overflow: hidden;
  position: relative;
}
.menu.navigationMenu.leftMenu .menuItem {
  text-decoration: none;
  display: block;
  background: var(--navigationLeftMenuItemBackground);
  border-width: var(--navigationLeftMenuItemBorderThickness);
  border-style: var(--navigationLeftMenuItemBorderType);
  border-color: var(--navigationLeftMenuItemBorderColor);
  border-radius: var(--navigationLeftMenuItemBorderRadius);
  box-shadow: var(--navigationLeftMenuItemShadow);
  font-family: var(--navigationLeftMenuItemFontName);
  font-style: var(--navigationLeftMenuItemFontStyle);
  text-shadow: var(--navigationLeftMenuItemFontShadow);
  color: var(--navigationLeftMenuItemFontColor);
  font-size: var(--navigationLeftMenuItemFontSize);
  font-weight: var(--navigationLeftMenuItemFontWeight);
  line-height: var(--navigationLeftMenuItemFontLineHeight);
  text-decoration: var(--navigationLeftMenuItemFontDecoration);
  letter-spacing: var(--navigationLeftMenuItemFontLetterSpacing);
  height: var(--navigationLeftMenuItemHeight);
  padding: var(--navigationLeftMenuItemPadding);
  margin: var(--navigationLeftMenuItemMargin);
  text-transform: var(--navigationLeftMenuItemTextTransform);
}
.menu.navigationMenu.leftMenu .menuItem:first-child {
  margin-top: 0px;
}
.menu.navigationMenu.leftMenu .menuItem:last-child {
  margin-bottom: 0px;
}
.menu.navigationMenu.leftMenu .menuItem.clickable:hover,
.menu.navigationMenu.leftMenu .menuItem.clickable.hover {
  background: var(--navigationLeftMenuItemHoverBackground);
  box-shadow: var(--navigationLeftMenuItemHoverShadow);
  border-width: var(--navigationLeftMenuItemHoverBorderThickness);
  border-style: var(--navigationLeftMenuItemHoverBorderType);
  border-color: var(--navigationLeftMenuItemHoverBorderColor);
  border-radius: var(--navigationLeftMenuItemHoverBorderRadius);
  font-family: var(--navigationLeftMenuItemHoverFontName);
  font-style: var(--navigationLeftMenuItemHoverFontStyle);
  text-shadow: var(--navigationLeftMenuItemHoverFontShadow);
  color: var(--navigationLeftMenuItemHoverFontColor);
  font-size: var(--navigationLeftMenuItemHoverFontSize);
  font-weight: var(--navigationLeftMenuItemHoverFontWeight);
  line-height: var(--navigationLeftMenuItemHoverFontLineHeight);
  text-decoration: var(--navigationLeftMenuItemHoverFontDecoration);
  letter-spacing: var(--navigationLeftMenuItemHoverFontLetterSpacing);
}
.menu.navigationMenu.leftMenu .menuItem.current {
  background: var(--navigationLeftMenuItemActiveBackground);
  box-shadow: var(--navigationLeftMenuItemActiveShadow);
  border-width: var(--navigationLeftMenuItemActiveBorderThickness);
  border-style: var(--navigationLeftMenuItemActiveBorderType);
  border-color: var(--navigationLeftMenuItemActiveBorderColor);
  border-radius: var(--navigationLeftMenuItemActiveBorderRadius);
  font-family: var(--navigationLeftMenuItemActiveFontName);
  font-style: var(--navigationLeftMenuItemActiveFontStyle);
  text-shadow: var(--navigationLeftMenuItemActiveFontShadow);
  color: var(--navigationLeftMenuItemActiveFontColor);
  font-size: var(--navigationLeftMenuItemActiveFontSize);
  font-weight: var(--navigationLeftMenuItemActiveFontWeight);
  line-height: var(--navigationLeftMenuItemActiveFontLineHeight);
  text-decoration: var(--navigationLeftMenuItemActiveFontDecoration);
  letter-spacing: var(--navigationLeftMenuItemActiveFontLetterSpacing);
}
.menu.navigationMenu.leftMenu .menuItem.depth1 {
  padding-left: var(--navigationLeftMenuItemDepth1Padding);
}
.menu.navigationMenu.leftMenu .menuItem.depth2 {
  padding-left: var(--navigationLeftMenuItemDepth2Padding);
}
.menu.navigationMenu.leftMenu .menuItem.depth3 {
  padding-left: var(--navigationLeftMenuItemDepth3Padding);
}
.menu.navigationMenu.leftMenu .menuItem.depth4 {
  padding-left: var(--navigationLeftMenuItemDepth4Padding);
}
.menu.navigationMenu.leftMenu .menuItem .icon {
  /*width: 20px;*/
  display: inline-block;
  margin-right: 7px;
}
.menu.navigationMenu.leftMenu .menuItem .icon img {
  max-width: 20px;
  max-height: 20px;
  vertical-align: middle;
  margin-right: 7px;
}
/* Section contentBorderTopSection */
.section.contentBorderTopSection {
  background: var(--contentBorderTopBackground);
  height: var(--contentBorderTopHeight);
  margin: var(--contentBorderTopMargin);
  padding: var(--contentBorderTopPadding);
}
/* Section contentBorderBottomSection */
.section.contentBorderBottomSection {
  background: var(--contentBorderBottomBackground);
  height: var(--contentBorderBottomHeight);
  margin: var(--contentBorderBottomMargin);
  padding: var(--contentBorderBottomPadding);
}
/* Section Footer */
.section.footerSection {
  min-height: var(--footerMinHeight);
  font-family: var(--footerFontName);
  font-size: var(--footerFontSize);
  color: var(--footerFontColor);
  font-weight: var(--footerFontWeight);
  line-height: var(--footerFontLineHeight);
  font-style: var(--footerFontStyle);
  text-decoration: var(--footerFontDecoration);
  text-shadow: var(--footerFontShadow);
  letter-spacing: var(--footerFontLetterSpacing);
  background: var(--footerBackground);
  padding: var(--footerPadding);
  margin: var(--footerMargin);
  border-width: var(--footerBorderThickness);
  border-style: var(--footerBorderType);
  border-color: var(--footerBorderColor);
  border-radius: var(--footerBorderRadius);
  text-align: var(--footerTextAlign);
  box-shadow: var(--footerBoxShadow);
}
.section.footerSection .title {
  margin: var(--footerTitleMargin);
  padding: var(--footerTitlePadding);
  background: var(--footerTitleBackground);
  box-shadow: var(--footerTitleShadow);
  border-width: var(--footerTitleBorderThickness);
  border-style: var(--footerTitleBorderType);
  border-color: var(--footerTitleBorderColor);
  border-radius: var(--footerTitleBorderRadius);
  color: var(--footerTitleFontColor);
  font-family: var(--footerTitleFontName);
  font-weight: var(--footerTitleFontWeight);
  font-size: var(--footerTitleFontSize);
  line-height: var(--footerTitleFontLineHeight);
  font-style: var(--footerTitleFontStyle);
  text-decoration: var(--footerTitleFontDecoration);
  text-shadow: var(--footerTitleFontShadow);
  letter-spacing: var(--footerTitleFontLetterSpacing);
}
.section.footerSection .copyright {
  margin: var(--footerCopyrightMargin);
  padding: var(--footerCopyrightPadding);
  background: var(--footerCopyrightBackground);
  box-shadow: var(--footerCopyrightShadow);
  border-width: var(--footerCopyrightBorderThickness);
  border-style: var(--footerCopyrightBorderType);
  border-color: var(--footerCopyrightBorderColor);
  border-radius: var(--footerCopyrightBorderRadius);
  font-family: var(--footerCopyrightFontName);
  color: var(--footerCopyrightFontColor);
  font-weight: var(--footerCopyrightFontWeight);
  font-size: var(--footerCopyrightFontSize);
  line-height: var(--footerCopyrightFontLineHeight);
  font-style: var(--footerCopyrightFontStyle);
  text-decoration: var(--footerCopyrightFontDecoration);
  text-shadow: var(--footerCopyrightFontShadow);
  letter-spacing: var(--footerCopyrightFontLetterSpacing);
  text-align: var(--footerCopyrightTextAlign);
}
.section.footerSection.narrowFooterLayout > .container {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
}
.section.footerSection .row {
  gap: 25px;
}
.section.footerSection a,
.section.footerSection a:active,
.section.footerSection a:link,
.section.footerSection a:visited {
  color: var(--footerLinkFontColor);
  text-decoration: var(--footerLinkFontDecoration);
}
.section.footerSection a:hover {
  color: var(--footerLinkHoverFontColor);
  text-decoration: var(--footerLinkHoverFontDecoration);
  cursor: pointer;
}
.section.footerSection p {
  margin: 0px;
  padding: 0px;
}
.section.footerSection ul li {
  margin-bottom: 10px;
}
/* C2C portal header */
.c2cportalHeader {
  font-weight: 450;
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 15px;
  line-height: 1.5em;
  letter-spacing: 0.01em;
  margin: 0px;
  background: #002f74 linear-gradient(to right, #002f74, #22222e);
  color: #fff;
  height: 50px;
  position: relative;
}
.c2cportalHeader > .container {
  margin: 0px 5px;
  display: flex;
}
.c2cportalHeader > .container .headerMenuSection {
  flex: 0 1 auto;
  position: relative;
  min-width: 50px;
}
.c2cportalHeader > .container .appTitleSection {
  flex: 1 1 auto;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 50px;
}
.c2cportalHeader::after {
  clear: both;
  content: " ";
  display: block;
}
.c2cportalHeader .logo {
  position: absolute;
  left: 5px;
  top: 5px;
  height: 40px;
  width: 40px;
}
.c2cportalHeader .logo svg {
  width: 100%;
  height: 100%;
}
.c2cportalHeader .client {
  font-size: 1.25em;
  font-weight: 600;
  white-space: nowrap;
  position: absolute;
  overflow: hidden;
  top: 13px;
  left: 50px;
  right: 0px;
  text-overflow: ellipsis;
}
.c2cportalHeader .section.headerMenuSection {
  position: relative;
  float: right;
  display: block;
  z-index: 1;
  margin-top: 1px;
}
.c2cportalHeader .section.headerMenuSection .group.left {
  float: left;
}
.c2cportalHeader .section.headerMenuSection .group.right {
  float: right;
}
.c2cportalHeader .section.headerMenuSection .group.right > a:hover {
  color: #ac171e;
  border-radius: 20px;
  background-color: rgba(208, 21, 30, 0.06);
}
.c2cportalHeader .section.headerMenuSection .container .dropdownMenu {
  position: relative;
  padding-right: 1.3em;
}
.c2cportalHeader .section.headerMenuSection .container .dropdownMenu .dropdownMenu.left > .dropdown {
  top: 0px;
  right: 100%;
  left: auto;
}
.c2cportalHeader .section.headerMenuSection .container .dropdownMenu > .dropdown {
  cursor: default;
}
.c2cportalHeader .section.headerMenuSection .container .dropdownMenu > .dropdown > input[type="text"] {
  width: 100%;
  border: 1px solid #6ba6e1;
  background: #fff;
  height: 30px;
  min-height: 30px;
  border-radius: 0;
  color: #333;
  margin: 0px;
  display: inline-block;
  padding: 3px;
}
.c2cportalHeader .section.headerMenuSection .container .dropdownMenu > .dropdown {
  display: none;
  position: absolute;
  z-index: 110;
  border: 1px solid #b3b3b3;
  background: #fff;
  padding: 5px;
  top: calc(100% + -1px);
  margin-top: 1px;
}
.c2cportalHeader .section.headerMenuSection .container .dropdownMenu.dropped > .dropdown {
  display: block;
}
.c2cportalHeader .section.headerMenuSection .container .dropdownMenu:after {
  text-align: center;
  right: 0px;
  top: 50%;
  height: 1em;
  width: 1em;
  margin-top: -0.65em;
  line-height: 1em;
  pointer-events: none;
  display: block;
  font-family: "fontello";
  content: '\e810';
  position: absolute;
}
.c2cportalHeader .section.headerMenuSection .container .dropdownMenu > .value {
  padding-right: 15px;
}
.c2cportalHeader .section.headerMenuSection .container .dropdownMenu .display:after {
  display: block;
  clear: both;
  content: '';
}
.c2cportalHeader .section.headerMenuSection .container .dropdownMenu > .dropdown > a {
  display: block;
  color: #333;
  padding: 5px;
  white-space: nowrap;
  text-decoration: none;
}
.c2cportalHeader .section.headerMenuSection .container .dropdownMenu > .dropdown > a:hover {
  background-color: #f2f6fc;
  cursor: pointer;
  color: #288edf;
}
.c2cportalHeader .section.headerMenuSection .container .dropdownMenu:hover {
  cursor: pointer;
}
.c2cportalHeader .section.headerMenuSection .container > .dropdownMenu.iconDropdownMenu:after,
.c2cportalHeader .section.headerMenuSection .container > .dropdownMenu.buttonDropdownMenu:after,
.c2cportalHeader .section.headerMenuSection .container .group > .dropdownMenu.iconDropdownMenu:after,
.c2cportalHeader .section.headerMenuSection .container .group > .dropdownMenu.buttonDropdownMenu:after {
  content: '';
  display: none;
  padding: 0px;
  margin: 0px;
}
.c2cportalHeader .section.headerMenuSection .container > .dropdownMenu.iconDropdownMenu > .value,
.c2cportalHeader .section.headerMenuSection .container > .dropdownMenu.buttonDropdownMenu > .value,
.c2cportalHeader .section.headerMenuSection .container .group > .dropdownMenu.iconDropdownMenu > .value,
.c2cportalHeader .section.headerMenuSection .container .group > .dropdownMenu.buttonDropdownMenu > .value {
  padding-right: 0px;
  font-size: 1.15em;
}
.c2cportalHeader .section.headerMenuSection .container > .dropdownMenu .dropdown {
  background: #46aaff;
  color: #fff;
  border-radius: 5px;
  border: none;
}
.c2cportalHeader .section.headerMenuSection .container > .dropdownMenu > .dropdown {
  left: auto;
  right: 0px;
  margin-top: 10px;
  max-height: calc(100vh - 100px);
}
.c2cportalHeader .section.headerMenuSection .container > a,
.c2cportalHeader .section.headerMenuSection .container .group > a,
.c2cportalHeader .section.headerMenuSection .container > .dropdownMenu,
.c2cportalHeader .section.headerMenuSection .container .group > .dropdownMenu {
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  text-align: left;
  margin-left: 6px;
  padding: 13px 12px;
  border-radius: 5px;
  background-color: transparent;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  font-size: 1.1em;
  font-weight: 450;
  color: #fff;
  text-transform: none;
}
.c2cportalHeader .section.headerMenuSection .container > .dropdownMenu.buttonDropdownMenu,
.c2cportalHeader .section.headerMenuSection .container .group > .dropdownMenu.buttonDropdownMenu {
  background: #46aaff;
  border-radius: 25px;
  width: 40px;
  padding: 8px 2px;
  top: 4px;
}
.c2cportalHeader .section.headerMenuSection .container > .dropdownMenu.buttonDropdownMenu > .value,
.c2cportalHeader .section.headerMenuSection .container .group > .dropdownMenu.buttonDropdownMenu > .value {
  text-align: center;
  font-size: 1.25em;
  font-weight: 600;
}
.c2cportalHeader .section.headerMenuSection .container > a.current,
.c2cportalHeader .section.headerMenuSection .container .group > a.current {
  color: #46aaff;
}
.c2cportalHeader .section.headerMenuSection .container > a:hover,
.c2cportalHeader .section.headerMenuSection .container .group > a:hover,
.c2cportalHeader .section.headerMenuSection .container > .dropdownMenu:hover,
.c2cportalHeader .section.headerMenuSection .container > .dropdownMenu.dropped,
.c2cportalHeader .section.headerMenuSection .container .group > .dropdownMenu:hover,
.c2cportalHeader .section.headerMenuSection .container .group > .dropdownMenu.dropped {
  color: #46aaff;
}
.c2cportalHeader .section.headerMenuSection .container .dropdownMenu.buttonDropdownMenu:hover,
.c2cportalHeader .section.headerMenuSection .container .dropdownMenu.buttonDropdownMenu.dropped,
.c2cportalHeader .section.headerMenuSection .container .group > .dropdownMenu.buttonDropdownMenu:hover,
.c2cportalHeader .section.headerMenuSection .container .group > .dropdownMenu.buttonDropdownMenu.dropped {
  background: #004a94;
  color: #fff;
}
.c2cportalHeader .section.headerMenuSection .container .dropdownMenu .dropdown {
  min-width: 250px;
}
.c2cportalHeader .section.headerMenuSection .container .dropdownMenu .dropdown .header {
  display: block;
  color: #2d2d5a;
  padding: 7px 5px 5px 5px;
  white-space: nowrap;
  text-decoration: none;
  line-height: 1.8em;
  font-weight: 600;
}
.c2cportalHeader .section.headerMenuSection .container .dropdownMenu .dropdown .seperator {
  border-top: 1px solid #2d2d5a;
}
.c2cportalHeader .section.headerMenuSection .container .dropdownMenu .dropdown > a,
.c2cportalHeader .section.headerMenuSection .container .dropdownMenu .dropdown > .dropdownMenu {
  display: block;
  color: #fff;
  padding: 5px;
  white-space: nowrap;
  text-decoration: none;
  line-height: 1.8em;
  font-weight: 450;
}
.c2cportalHeader .section.headerMenuSection .container .dropdownMenu .dropdown > .dropdownMenu {
  padding-right: 20px;
}
.c2cportalHeader .section.headerMenuSection .container .dropdownMenu .dropdown > a.current {
  background-color: rgba(242, 246, 252, 0.5);
}
.c2cportalHeader .section.headerMenuSection .container .dropdownMenu .dropdown > a:hover,
.c2cportalHeader .section.headerMenuSection .container .dropdownMenu .dropdown > .dropdownMenu:hover,
.c2cportalHeader .section.headerMenuSection .container .dropdownMenu .dropdown > .dropdownMenu.dropped {
  background-color: rgba(242, 246, 252, 0.2);
  cursor: pointer;
}
.c2cportalHeader .section.headerMenuSection .container .dropdownMenu .dropdown > a > .icon,
.c2cportalHeader .section.headerMenuSection .container .dropdownMenu .dropdown > .dropdownMenu > .value > .icon {
  margin-right: 3px;
}
.c2cportalHeader .section.headerMenuSection .container .dropdownMenu {
  position: relative;
  display: inline-block;
  padding: 13px 12px;
}
@media screen and (max-width: 1200px) {
  .c2cportalHeader .section.headerMenuSection .container > a,
  .c2cportalHeader .section.headerMenuSection .container .group > a,
  .c2cportalHeader .section.headerMenuSection .container > .dropdownMenu,
  .c2cportalHeader .section.headerMenuSection .container .group > .dropdownMenu {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media screen and (max-width: 1024px) {
  .c2cportalHeader .section.headerMenuSection .container > a {
    display: none;
  }
  .c2cportalHeader .section.headerMenuSection .container > .dropdownMenu > .dropdown {
    position: fixed;
    float: none;
    left: 5px;
    right: 5px;
    top: 48px;
    bottom: 5px;
  }
  .c2cportalHeader .section.headerMenuSection .container > .dropdownMenu.buttonDropdownMenu .dropdownMenu .dropdown,
  .c2cportalHeader .section.headerMenuSection .container .group > .dropdownMenu.buttonDropdownMenu .dropdownMenu .dropdown,
  .c2cportalHeader .section.headerMenuSection .container > .dropdownMenu.buttonDropdownMenu .dropdownMenu.left .dropdown,
  .c2cportalHeader .section.headerMenuSection .container .group > .dropdownMenu.buttonDropdownMenu .dropdownMenu.left .dropdown {
    position: relative;
    right: 0px;
    left: 0px;
  }
}
@media screen and (max-width: 768px) {
  .c2cportalHeader .section.headerMenuSection .container > .dropdownMenu > .dropdown {
    top: 34px;
  }
}
/* Button */
.buttonrow {
  text-align: center;
}
.buttonrow .button {
  margin: 0px 5px;
}
.buttonrow .button:first-child {
  margin-left: 0px;
}
.buttonrow .button:last-child {
  margin-right: 0px;
}
.buttonrow .button.center {
  text-align: center;
}
.itemview + .buttonrow,
.listview + .buttonrow,
form + .buttonrow {
  margin-top: var(--buttonRowSpacer);
}
/* Breadcrumbs */
.breadcrumbs {
  background: var(--breadcrumbsBackground);
  border-style: var(--breadcrumbsBorderType);
  border-width: var(--breadcrumbsBorderThickness);
  border-color: var(--breadcrumbsBorderColor);
  border-radius: var(--breadcrumbsBorderRadius);
  padding: var(--breadcrumbsPadding);
  color: var(--breadcrumbsFontColor);
  font-weight: var(--breadcrumbsFontWeight);
  font-size: var(--breadcrumbsFontSize);
  font-family: var(--breadcrumbsFontName);
  text-shadow: var(--breadcrumbsFontShadow);
  letter-spacing: var(--breadcrumbsFontLetterSpacing);
  line-height: var(--breadcrumbsFontLineHeight);
  text-decoration: var(--breadcrumbsFontDecoration);
  font-style: var(--breadcrumbsFontStyle);
  margin: var(--breadcrumbsMargin);
  height: var(--breadcrumbsHeight);
}
.breadcrumbs:after {
  clear: both;
  content: '';
  display: block;
}
.breadcrumbs .item {
  float: left;
  position: relative;
  padding-left: 20px;
}
.breadcrumbs .item:before {
  content: '\2012';
  padding: 0px 5px;
  position: absolute;
  margin-left: -20px;
}
.breadcrumbs .item:first-child {
  padding: 0px;
}
.breadcrumbs .item:first-child:before {
  content: '';
  padding: 0px;
}
.breadcrumbs .item.clickable {
  color: var(--breadcrumbsClickableFontColor);
  font-weight: var(--breadcrumbsClickableFontWeight);
  font-size: var(--breadcrumbsClickableFontSize);
  text-decoration: var(--breadcrumbsClickableFontDecoration);
  font-family: var(--breadcrumbsClickableFontName);
  text-shadow: var(--breadcrumbsClickableFontShadow);
  letter-spacing: var(--breadcrumbsClickableFontLetterSpacing);
  line-height: var(--breadcrumbsClickableFontLineHeight);
  font-style: var(--breadcrumbsClickableFontStyle);
}
.breadcrumbs .item.clickable:hover {
  color: var(--breadcrumbsClickableHoverFontColor);
  text-decoration: var(--breadcrumbsClickableHoverFontDecoration);
  font-weight: var(--breadcrumbsClickableHoverFontWeight);
  font-size: var(--breadcrumbsClickableHoverFontSize);
  font-family: var(--breadcrumbsClickableHoverFontName);
  text-shadow: var(--breadcrumbsClickableHoverFontShadow);
  letter-spacing: var(--breadcrumbsClickableHoverFontLetterSpacing);
  line-height: var(--breadcrumbsClickableHoverFontLineHeight);
  font-style: var(--breadcrumbsClickableHoverFontStyle);
}
.breadcrumbs .item.clickable:hover:before {
  color: var(--breadcrumbsFontColor);
}
/* Listview */
.listview.confirmListview {
  max-height: 250px;
  border: 1px solid #D4D4D4;
  padding: 5px;
  background: #fff;
}
.listview.confirmListview .item {
  padding: 3px 0px;
  border: none;
}
.listview.confirmListview .item label {
  color: #6d6b6b;
  font-weight: normal;
}
.listview.confirmListview .item .check {
  width: 30px;
  float: left;
}
/* Recordview */
.recordview form > .items > .item,
.recordview > .items > .item {
  padding: 7px 0px 7px 0px;
  vertical-align: top;
}
.recordview form > .items > .item > .value,
.recordview > .items > .item > .value {
  flex: 2;
}
.recordview.reportRecordView .items > .item .slider.numberSlider {
  background: var(--inputBackground);
  padding: 0px 5px;
  height: 28px;
  max-width: 250px;
}
.recordview.reportRecordView .items > .item .slider.numberSlider .values {
  margin-top: -13px;
  line-height: 1em;
}
.recordview.reportRecordView .items > .item .slider.numberSlider .points {
  display: none;
}
.recordview.reportRecordView .items > .item .slider.numberSlider .bar {
  margin-top: 11px;
  margin-bottom: 11px;
  height: 3px;
}
.recordview.reportRecordView .items > .item .slider.numberSlider .bar .thumb {
  background: var(--primaryLightColor, var(--fontColor));
  height: 12px;
  width: 5px;
  border: none;
}
/* Messages */
.messages {
  padding: var(--messageBoxPadding);
  margin: var(--messageBoxMargin);
  font-style: var(--messageBoxFontStyle);
  font-weight: var(--messageBoxFontWeight);
  line-height: var(--messageBoxFontLineHeight);
  color: var(--messageBoxFontColor);
  text-decoration: var(--messageBoxFontDecoration);
  font-size: var(--messageBoxFontSize);
  font-family: var(--messageBoxFontName);
  text-shadow: var(--messageBoxFontShadow);
  letter-spacing: var(--messageBoxFontLetterSpacing);
  border-style: var(--messageBoxBorderType);
  border-width: var(--messageBoxBorderThickness);
  border-color: var(--messageBoxBorderColor);
  border-radius: var(--messageBoxBorderRadius);
  box-shadow: var(--messageBoxShadow);
  position: relative;
}
.messages.error {
  background-color: var(--errorMessageBoxBackground);
  border-style: var(--errorMessageBoxBorderType);
  border-width: var(--errorMessageBoxBorderThickness);
  border-color: var(--errorMessageBoxBorderColor);
  border-radius: var(--errorMessageBoxBorderRadius);
  box-shadow: var(--errorMessageBoxBoxShadow);
  color: var(--errorMessageBoxFontColor);
}
.messages.warning {
  background-color: var(--warningMessageBoxBackground);
  border-style: var(--warningMessageBoxBorderType);
  border-width: var(--warningMessageBoxBorderThickness);
  border-color: var(--warningMessageBoxBorderColor);
  border-radius: var(--warningMessageBoxBorderRadius);
  box-shadow: var(--warningMessageBoxBoxShadow);
  color: var(--warningMessageBoxFontColor);
}
.messages.info {
  background-color: var(--infoMessageBoxBackground);
  border-style: var(--infoMessageBoxBorderType);
  border-width: var(--infoMessageBoxBorderThickness);
  border-color: var(--infoMessageBoxBorderColor);
  border-radius: var(--infoMessageBoxBorderRadius);
  box-shadow: var(--infoMessageBoxBoxShadow);
  color: var(--infoMessageBoxFontColor);
}
.messages .message {
  padding: var(--messageBoxMessageSpacing) 0px;
}
.messages .message:first-child {
  padding-top: 0px;
}
.messages .message:last-child {
  padding-bottom: 0px;
}
/* General popup */
/*
div#popuptitle {
  height: 20px;
  background-color: #D6D6D6;
  color: #595959;
  font-weight: bold;
  padding: 2px;
}*/
/* Content Library Selectbox */
/*
.contentLibrarySelectBox {
  min-width: 150px;
}*/
/*
.searchableSelectBox {
  display: flex;
  flex-flow: column;
}*/
/* Input */
.input.checkboxList .list,
.input.radioList .list,
.input.imageList .list {
  max-height: none;
}
/* Group Select Box */
/* Menu Select Box */
/*
.menuselectorSelectBox .item,
.groupselectorDropdownBox .item {
  margin: 0px;
  padding: 3px 10px;
  display: block;
  white-space: nowrap;
  text-align: left;
  text-decoration: none;
  color: #626262;
  line-height: 1.5em;
  border: none;
}
.groupselectorDropdownBox .item.current,
.menuselectorDropdownBox .item.current {
  background: #dbecf3;
  color: #626262;
}
.groupselectorDropdownBox .item:hover,
.menuselectorDropdownBox .item:hover {
  background: #dbecf3;
  color: #626262;
}
.groupselectorDropdownBox .groupName,
.menuselectorDropdownBox .groupName {
  padding: 0px 2px;
  display: block;
  font-weight: bold;
}
.groupselectorDropdownBox .groupName.indent,
.menuselectorDropdownBox .groupName.indent {
  cursor: pointer;
}*/
/* Blocker */
.blocker {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.3;
  filter: alpha(opacity=60);
  -ms-filter: 'alpha(opacity=60)';
  z-index: 2000;
}
/* Window */
.window {
  position: fixed;
  z-index: 2100;
  background-color: #f9f9f9;
  border: 1px solid #b3b3b3;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 500px;
  height: 75px;
  margin: auto;
  color: #6d6b6b;
  overflow: auto;
}
.window .windowTitle {
  min-height: 50px;
  border-bottom: 1px solid #D4D4D4;
  font-size: 1.35em;
  font-weight: bold;
  line-height: 1.35em;
  background-color: #fff;
  padding: 9px 15px;
  position: relative;
}
.window .windowTitle .closeButton {
  position: absolute;
  right: 35px;
  top: 10px;
  cursor: pointer;
}
.window .windowTitle .closeButton:after {
  content: '\e81d';
  font-family: "fontello", sans-serif;
  position: absolute;
  top: 0.2em;
  left: 0.35em;
  width: 1em;
  height: 1em;
  font-size: 0.8em;
  line-height: 1em;
  vertical-align: baseline;
}
.window .windowBody {
  overflow: auto;
}
.window .windowBody .contentSection {
  padding: 5px;
}
.window .windowBody .buttonSection {
  padding: 5px;
  border-top: 1px solid #D4D4D4;
  background: #fff;
  min-height: 44px;
}
.window.popupWindow .windowBody .contentContainer,
.window.popupWindow .windowBody .contentSection {
  margin: 0px;
  padding: 9px 15px;
}
.window.messageWindow {
  position: fixed;
  z-index: 2100;
  background-color: #F0F0EE;
  border: 1px solid #D4D4D4;
  padding: 5px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 500px;
  height: 75px;
  margin: auto;
  text-align: center;
  vertical-align: center;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
}
.window.messageWindow.big {
  height: 150px;
}
.window.messageWindow .buttonrow {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .window.messageWindow {
    max-width: 100%;
  }
}
/* Toolbar */
.toolbar {
  /*
  &.verticalToolbar {
	width: 26px;
	background: #F0F0EE;
	padding-left: 2px;
	padding-right: 2px;
  }
  &.absolute {
	position: absolute;
	top: 0px;
  }
  &.right {
	float: right;
	right: 0px;
  }
  &.right.absolute {
	right: 5px;
	top: 5px;
  }
  &.small {
	border: none;
	padding: 0px;
  }
  .toolbarBlock {
	display: inline-block;
	float: left;
  }
  .toolbarBlockRight {
	display: inline-block;
	float: right;
  }*/
  /*
  img {
	padding: 2px;
	vertical-align: middle;
	margin: 0px;
	display: inline;
	border: solid 1px transparent;
	float: left;
	box-sizing: content-box;
  }
  .icon {
	line-height: 16px;
	vertical-align: middle;
	text-align: center;
	font-size: 1em;
	width: 25px;
	height: 25px;
  }
  .icon:before {
	margin-left: 0px;
	padding: 3px 0px 0px 3px;
	font-size: 1.1em;
  }*/
  /*input[type="text"] {
	border: 1px solid #DCDCDC;
	height: 22px;
  }*/
  /*
  a {
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
  }
  a:link,
  a:visited {
	text-decoration: none;
  }
  a:hover {
	color: #ca021d;
	text-decoration: none;
  }*/
  /*.toolbarSeperator {
	border-right: 1px solid #54626d;
	display: inline-block;
	float: left;
	width: 1px;
	margin: 4px 5px;
	height: 25px;
  }*/
  /*.toolbarButton {
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	color: #6d6b6b;
	text-decoration: none;
	border: solid 1px transparent;
	display: inline-block;
	float: left;
  }
  .toolbarButton:hover {
	background: #e3e3e3;
	border: solid 1px #cccccc;
	text-decoration: none;
	cursor: pointer;
  }*/
  /*
  .toolbarMenuButton {
	display: inline-block;
	color: #6d6b6b;
	float: left;
	width: 15px;
	border: solid 1px transparent;
	height: 32px;
	position: relative;
  }
  .toolbarMenuButton:after {
	content: '\e814';
	position: absolute;
	top: 2px;
	left: -1px;
	font-family: "fontello", sans-serif;
	font-size: 0.75em;
  }
  .toolbarMenuButton:hover {
	color: #77c4ff;
	text-decoration: none;
	cursor: pointer;
	border: solid 1px #e0e0e0;
  }*/
  /* &.inputToolbar {
	 border-bottom: none;
   }
   &.inlineToolbar {
	 border: none;
	 padding: 0px;
	 background-image: none;
	 background-color: transparent;
	 display: inline-block;
   }
   &.internalToolbar {
	 background: none;
	 border: 1px solid transparent;
	 .toolbarButton:hover {
	   background: transparent;
	   border: 1px solid transparent;
	   color: #77c4ff;
	 }
   }
   */
}
.toolbar.optionsToolbar {
  background: var(--optionsToolbarBackground);
  padding: var(--optionsToolbarPadding);
  margin: var(--optionsToolbarMargin);
  border-width: var(--optionsToolbarBorderThickness);
  border-style: var(--optionsToolbarBorderType);
  border-color: var(--optionsToolbarBorderColor);
  border-radius: var(--optionsToolbarBorderRadius);
  box-shadow: var(--optionsToolbarShadow);
}
/* Fieldset */
fieldset {
  border: none;
  margin: 0px;
  padding: 0px;
}
fieldset:after {
  content: '';
  display: block;
  clear: both;
}
fieldset .fieldsetrow {
  border-bottom: solid 1px #F0F1F3;
  padding: 1px 1px 1px 5px;
}
fieldset .fieldsetrow.header {
  font-weight: bold;
  padding: 20px 8px 2px 5px;
}
fieldset .fieldsetrow:after {
  content: '';
  display: block;
  clear: both;
}
fieldset .fieldsetrow label {
  color: #333;
  width: 40%;
  position: relative;
  display: block;
  height: 20px;
  line-height: 20px;
  float: left;
  margin-top: 5px;
}
fieldset .fieldsetrow label.radio,
fieldset .fieldsetrow label.checkbox {
  margin: 0px;
  display: inline;
  font-weight: normal;
  cursor: pointer;
  float: none;
}
fieldset .fieldsetrow > label + .textBox,
fieldset .fieldsetrow > label + .textArea,
fieldset .fieldsetrow > label + .field,
fieldset .fieldsetrow > label + .selectBox {
  width: 60%;
  float: right;
}
@media screen and (max-width: 768px) {
  fieldset .fieldsetrow label {
    float: none;
    width: auto;
  }
  fieldset .fieldsetrow > label + .textBox,
  fieldset .fieldsetrow > label + .textArea,
  fieldset .fieldsetrow > label + .field,
  fieldset .fieldsetrow > label + .selectBox {
    float: none;
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  fieldset.fieldset1024 label {
    float: none;
    width: auto;
  }
  fieldset.fieldset1024 .fieldsetrow > label + .textBox,
  fieldset.fieldset1024 .fieldsetrow > label + .textArea,
  fieldset.fieldset1024 .fieldsetrow > label + .field,
  fieldset.fieldset1024 .fieldsetrow > label + .selectBox {
    float: none;
    width: 100%;
  }
}
/* Center Frame */
.centerFrame {
  margin-top: 70px;
  margin-bottom: 70px;
}
@media screen and (max-width: 1024px) {
  .centerFrame {
    margin-top: 35px;
    margin-bottom: 35px;
  }
}
/* Content Frame */
.contentFrame {
  padding: 45px;
  max-width: 640px;
  margin: 70px auto;
}
.contentFrame.extraWidth {
  max-width: 768px;
}
.contentFrame .licenseText {
  overflow: auto;
  border: solid 1px #ABADB3;
  height: 250px;
  width: 100%;
  background-color: #FFFFFF;
  padding: 5px;
}
@media screen and (max-width: 768px) {
  .contentFrame {
    width: 100%;
    padding: 35px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
/* Row */
.row {
  /*width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 100%;
  > .column {
	flex: 1;
  }
  > .column.column1 {
	flex: 1;
  }
  > .column.column2 {
	flex: 2;
  }
  > .column.column3 {
	flex: 3;
  }
  > .column.column4 {
	flex: 4;
  }
  > .column.column5 {
	flex: 5;
  }
  > .column.column6 {
	flex: 6;
  }
  > .column.column7 {
	flex: 7;
  }
  > .column.column8 {
	flex: 8;
  }
  > .column.column9 {
	flex: 9;
  }
  > .column.column10 {
	flex: 10;
  }
  > .column.column11 {
	flex: 11;
  }
  > .column.column12 {
	flex: 12;
  }
  &.reverse {
	flex-direction: row-reverse;
  }
  &.columnRow {
	flex-flow: column;
  }
  @media screen and (max-width: 1024px) {
	&.row1024 {
	  display: block;
	}
  }
  @media screen and (max-width: 768px) {
	&.row768 {
	  display: block;
	}
  }*/
}
.row.seperatedRow > .column {
  padding: 0px 15px;
}
.row.seperatedRow > .column:first-child {
  padding-left: 0px;
}
.row.seperatedRow > .column:last-child {
  padding-right: 0px;
}
@media screen and (max-width: 1024px) {
  .row.seperatedRow.row1024 > .column {
    padding: 0px;
  }
}
@media screen and (max-width: 768px) {
  .row.seperatedRow.row768 > .column {
    padding: 0px;
  }
}
/* QuestionnaireView */
.questionnaireView > .progress,
.questionnaireView > .row > .column > .progress {
  width: 100%;
  max-width: 500px;
  margin: 20px auto;
}
.questionnaireView > .progress .bar,
.questionnaireView > .row > .column > .progress .bar {
  border-radius: var(--questionnaireViewProgressBorderRadius);
  width: 100%;
  height: 35px;
  position: relative;
  background: var(--questionnaireViewProgressBarBackground);
  box-shadow: var(--questionnaireViewProgressBarShadow);
  border-style: var(--questionnaireViewProgressBarBorderType);
  border-color: var(--questionnaireViewProgressBarBorderColor);
  border-width: var(--questionnaireViewProgressBarBorderThickness);
}
.questionnaireView > .progress .bar .progress,
.questionnaireView > .row > .column > .progress .bar .progress {
  border-radius: var(--questionnaireViewProgressBorderRadius);
  background: var(--questionnaireViewProgressBarSelectedBackground);
  height: 100%;
  position: relative;
}
.questionnaireView > .progress .bar .progress .progressValue,
.questionnaireView > .row > .column > .progress .bar .progress .progressValue {
  margin-left: 10px;
  text-align: center;
  font-family: var(--questionnaireViewProgressValueFontName);
  font-style: var(--questionnaireViewProgressValueFontStyle);
  text-decoration: var(--questionnaireViewProgressValueFontDecoration);
  text-shadow: var(--questionnaireViewProgressValueFontShadow);
  color: var(--questionnaireViewProgressValueFontColor);
  font-size: var(--questionnaireViewProgressValueFontSize);
  font-weight: var(--questionnaireViewProgressValueFontWeight);
  letter-spacing: var(--questionnaireViewProgressValueFontLetterSpacing);
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  left: 0;
  right: 0;
}
.questionnaireView > .progress.progressVisualBar .bar,
.questionnaireView > .row > .column > .progress.progressVisualBar .bar {
  overflow: hidden;
}
.questionnaireView > .progress.progressVisualBar .bar .progress,
.questionnaireView > .row > .column > .progress.progressVisualBar .bar .progress {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  transition: width 0.5s ease;
}
.questionnaireView > .progress.progressVisualBar .bar .progressValue,
.questionnaireView > .row > .column > .progress.progressVisualBar .bar .progressValue {
  margin-left: 10px;
}
.questionnaireView > .progress.progressVisualBar2 .bar .progress,
.questionnaireView > .row > .column > .progress.progressVisualBar2 .bar .progress {
  transition: width 0.5s ease;
}
.questionnaireView > .progress.progressVisualBar2 .bar .progressValue,
.questionnaireView > .row > .column > .progress.progressVisualBar2 .bar .progressValue {
  margin-left: 10px;
}
.questionnaireView > .progress.progressVisualBar3 .bar,
.questionnaireView > .row > .column > .progress.progressVisualBar3 .bar {
  margin-top: 50px;
  overflow: visible;
  height: 15px;
}
.questionnaireView > .progress.progressVisualBar3 .bar .progress,
.questionnaireView > .row > .column > .progress.progressVisualBar3 .bar .progress {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  transition: width 0.5s ease;
}
.questionnaireView > .progress.progressVisualBar3 .bar .progressValue,
.questionnaireView > .row > .column > .progress.progressVisualBar3 .bar .progressValue {
  position: absolute;
  left: auto;
  top: var(--questionnaireViewProgressValueOffset);
  right: -40px;
  width: 80px;
}
.questionnaireView > .progress.progressVisualBar4 .bar,
.questionnaireView > .row > .column > .progress.progressVisualBar4 .bar {
  margin-top: 50px;
  overflow: visible;
  height: 15px;
}
.questionnaireView > .progress.progressVisualBar4 .bar .progress,
.questionnaireView > .row > .column > .progress.progressVisualBar4 .bar .progress {
  transition: width 0.5s ease;
}
.questionnaireView > .progress.progressVisualBar4 .bar .progressValue,
.questionnaireView > .row > .column > .progress.progressVisualBar4 .bar .progressValue {
  position: absolute;
  left: auto;
  top: var(--questionnaireViewProgressValueOffset);
  right: -40px;
  width: 80px;
}
.questionnaireView > .progress.progressVisualBar5 .bar,
.questionnaireView > .row > .column > .progress.progressVisualBar5 .bar {
  margin-top: 50px;
  overflow: visible;
  height: 15px;
}
.questionnaireView > .progress.progressVisualBar5 .bar .progress,
.questionnaireView > .row > .column > .progress.progressVisualBar5 .bar .progress {
  border-top-right-radius: 0px;
  transition: width 0.5s ease;
}
.questionnaireView > .progress.progressVisualBar5 .bar .progress:before,
.questionnaireView > .row > .column > .progress.progressVisualBar5 .bar .progress:before {
  content: '';
  position: absolute;
  display: block;
  background: #4caf50;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  right: -13px;
  top: -8px;
}
.questionnaireView > .progress.progressVisualBar5 .bar .progressValue,
.questionnaireView > .row > .column > .progress.progressVisualBar5 .bar .progressValue {
  position: absolute;
  left: auto;
  top: calc(var(--questionnaireViewProgressValueOffset) - 10px);
  right: -40px;
  width: 80px;
}
.questionnaireView .pageHeader .description {
  font-family: var(--questionnaireViewPageHeaderFontName);
  color: var(--questionnaireViewPageHeaderFontColor);
  font-size: var(--questionnaireViewPageHeaderFontSize);
  font-weight: var(--questionnaireViewPageHeaderFontWeight);
  padding: var(--questionnaireViewPageHeaderPadding);
  margin: var(--questionnaireViewPageHeaderMargin);
  border-width: var(--questionnaireViewPageHeaderBorderThickness);
  border-style: var(--questionnaireViewPageHeaderBorderType);
  border-color: var(--questionnaireViewPageHeaderBorderColor);
}
.questionnaireView .itemborder {
  border-bottom-style: var(--questionnaireViewBorderQuestionStyle);
  border-bottom-color: var(--questionnaireViewBorderQuestionColor);
  border-bottom-width: var(--questionnaireViewBorderQuestionThickness);
}
.questionnaireView .emptyrow {
  border-bottom: none;
}
.questionnaireView p {
  padding: 0px;
}
.questionnaireView p:last-of-type {
  display: inline;
}
.questionnaireView .column.pageSelectorColumn {
  max-width: 250px;
  min-width: 100px;
  margin-right: 15px;
}
.questionnaireView .pageSelector {
  position: relative;
  /* Page Selector - Vertical Blocks */
}
.questionnaireView .pageSelector .item {
  position: relative;
  color: var(--questionnaireViewPageSelectorItemFontColor);
  font-weight: var(--questionnaireViewPageSelectorItemFontWeight);
  line-height: var(--questionnaireViewPageSelectorItemFontLineHeight);
  text-decoration: var(--questionnaireViewPageSelectorItemFontDecoration);
}
.questionnaireView .pageSelector .item.disabled {
  color: var(--questionnaireViewPageSelectorItemDisabledFontColor);
  font-weight: var(--questionnaireViewPageSelectorItemDisabledFontWeight);
  line-height: var(--questionnaireViewPageSelectorItemDisabledFontLineHeight);
  text-decoration: var(--questionnaireViewPageSelectorItemDisabledFontDecoration);
}
.questionnaireView .pageSelector .item:not(.disabled):hover {
  color: var(--questionnaireViewPageSelectorItemHoverFontColor);
  font-weight: var(--questionnaireViewPageSelectorItemHoverFontWeight);
  line-height: var(--questionnaireViewPageSelectorItemHoverFontLineHeight);
  text-decoration: var(--questionnaireViewPageSelectorItemHoverFontDecoration);
  cursor: pointer;
}
.questionnaireView .pageSelector .item.selected {
  color: var(--questionnaireViewPageSelectorItemActiveFontColor);
  font-weight: var(--questionnaireViewPageSelectorItemActiveFontWeight);
  line-height: var(--questionnaireViewPageSelectorItemActiveFontLineHeight);
  text-decoration: var(--questionnaireViewPageSelectorItemActiveFontDecoration);
}
.questionnaireView .pageSelector .item .step {
  font-weight: bold;
  padding-right: 5px;
}
.questionnaireView .pageSelector.pageSelectorTabs {
  margin-bottom: 2px;
  border-bottom: solid 1px #D6D6D6;
  height: 29px;
  padding: 0px 0px 0px 5px;
}
.questionnaireView .pageSelector.pageSelectorTabs .item {
  background: #f4f4f4;
  border-left: solid 1px #d4d4d4;
  border-top: solid 1px #d4d4d4;
  border-right: solid 1px #d4d4d4;
  padding: 3px 5px;
  display: inline-block;
  margin: 0px 2px;
  height: 29px;
}
.questionnaireView .pageSelector.pageSelectorTabs .item .step {
  padding-right: 5px;
}
.questionnaireView .pageSelector.pageSelectorTabs .item.selected {
  background: #fff;
  height: 30px;
}
.questionnaireView .pageSelector.pageSelectorHorizontalBar,
.questionnaireView .pageSelector.pageSelectorHorizontalBar2,
.questionnaireView .pageSelector.pageSelectorHorizontalBar3 {
  margin-bottom: 10px;
}
.questionnaireView .pageSelector.pageSelectorHorizontalBar .items,
.questionnaireView .pageSelector.pageSelectorHorizontalBar2 .items,
.questionnaireView .pageSelector.pageSelectorHorizontalBar3 .items {
  display: flex;
}
.questionnaireView .pageSelector.pageSelectorHorizontalBar .items:before,
.questionnaireView .pageSelector.pageSelectorHorizontalBar2 .items:before,
.questionnaireView .pageSelector.pageSelectorHorizontalBar3 .items:before {
  position: absolute;
  display: block;
  content: '';
  height: var(--questionnaireViewPageSelectorFlatHorizontalBarSmallHeight);
  width: 100%;
  background: var(--questionnaireViewPageSelectorFlatHorizontalBarColor);
  border-style: var(--questionnaireViewPageSelectorFlatHorizontalBarBorderType);
  border-width: var(--questionnaireViewPageSelectorFlatHorizontalBarBorderThickness);
  border-color: var(--questionnaireViewPageSelectorFlatHorizontalBarBorderColor);
  border-radius: var(--questionnaireViewPageSelectorFlatHorizontalBarBorderRadius);
  top: 12px;
}
.questionnaireView .pageSelector.pageSelectorHorizontalBar .items .item,
.questionnaireView .pageSelector.pageSelectorHorizontalBar2 .items .item,
.questionnaireView .pageSelector.pageSelectorHorizontalBar3 .items .item {
  top: 1px;
  flex: auto;
  text-align: center;
}
.questionnaireView .pageSelector.pageSelectorHorizontalBar .items .item:before,
.questionnaireView .pageSelector.pageSelectorHorizontalBar2 .items .item:before,
.questionnaireView .pageSelector.pageSelectorHorizontalBar3 .items .item:before {
  display: block;
  content: '';
  height: var(--questionnaireViewPageSelectorFlatHorizontalBarSmallItemSize);
  width: var(--questionnaireViewPageSelectorFlatHorizontalBarSmallItemSize);
  margin: 5px auto 0px auto;
  background: var(--questionnaireViewPageSelectorFlatHorizontalBarItemColor);
  border-style: var(--questionnaireViewPageSelectorFlatHorizontalBarItemBorderType);
  border-width: var(--questionnaireViewPageSelectorFlatHorizontalBarItemBorderThickness);
  border-color: var(--questionnaireViewPageSelectorFlatHorizontalBarItemBorderColor);
  border-radius: var(--questionnaireViewPageSelectorFlatHorizontalBarItemBorderRadius);
  box-shadow: var(--questionnaireViewPageSelectorFlatHorizontalBarItemBoxShadow);
}
.questionnaireView .pageSelector.pageSelectorHorizontalBar .items .item.disabled:before,
.questionnaireView .pageSelector.pageSelectorHorizontalBar2 .items .item.disabled:before,
.questionnaireView .pageSelector.pageSelectorHorizontalBar3 .items .item.disabled:before {
  background: var(--questionnaireViewPageSelectorFlatHorizontalBarItemDisabledIndicatorColor);
  border-color: var(--questionnaireViewPageSelectorFlatHorizontalBarItemDisabledBorderColor);
}
.questionnaireView .pageSelector.pageSelectorHorizontalBar .items .item.selected:before,
.questionnaireView .pageSelector.pageSelectorHorizontalBar2 .items .item.selected:before,
.questionnaireView .pageSelector.pageSelectorHorizontalBar3 .items .item.selected:before {
  background: var(--questionnaireViewPageSelectorFlatHorizontalBarItemActiveIndicatorColor);
  border-color: var(--questionnaireViewPageSelectorItemColor);
}
.questionnaireView .pageSelector.pageSelectorHorizontalBar2 .items:before {
  height: var(--questionnaireViewPageSelectorFlatHorizontalBarMediumHeight);
}
.questionnaireView .pageSelector.pageSelectorHorizontalBar2 .items .item {
  top: -3px;
}
.questionnaireView .pageSelector.pageSelectorHorizontalBar2 .items .item:before {
  top: 1px;
  height: var(--questionnaireViewPageSelectorFlatHorizontalBarMediumItemSize);
  width: var(--questionnaireViewPageSelectorFlatHorizontalBarMediumItemSize);
  border-width: 4px;
}
.questionnaireView .pageSelector.pageSelectorHorizontalBar3 .items:before {
  top: 15px;
  height: var(--questionnaireViewPageSelectorFlatHorizontalBarLargeHeight);
}
.questionnaireView .pageSelector.pageSelectorHorizontalBar3 .items .item {
  top: -2px;
}
.questionnaireView .pageSelector.pageSelectorHorizontalBar3 .items .item:before {
  top: 1px;
  height: var(--questionnaireViewPageSelectorFlatHorizontalBarLargeItemSize);
  width: var(--questionnaireViewPageSelectorFlatHorizontalBarLargeItemSize);
  border-width: 4px;
}
.questionnaireView .pageSelector.pageSelectorHorizontalBar4,
.questionnaireView .pageSelector.pageSelectorHorizontalBar5,
.questionnaireView .pageSelector.pageSelectorHorizontalBar6 {
  margin-bottom: 10px;
}
.questionnaireView .pageSelector.pageSelectorHorizontalBar4 .items,
.questionnaireView .pageSelector.pageSelectorHorizontalBar5 .items,
.questionnaireView .pageSelector.pageSelectorHorizontalBar6 .items {
  display: flex;
}
.questionnaireView .pageSelector.pageSelectorHorizontalBar4 .items:before,
.questionnaireView .pageSelector.pageSelectorHorizontalBar5 .items:before,
.questionnaireView .pageSelector.pageSelectorHorizontalBar6 .items:before {
  position: absolute;
  display: block;
  content: '';
  height: 5px;
  width: 100%;
  background: #f0f0f0;
  top: 8px;
  border-top: 2px solid #d5d5d5;
  border-left: 2px solid #d5d5d5;
  border-bottom: 2px solid #ececed;
  border-right: 2px solid #ececed;
  border-radius: var(--questionnaireViewPageSelectorFlatHorizontalBarBorderRadius);
}
.questionnaireView .pageSelector.pageSelectorHorizontalBar4 .items:after,
.questionnaireView .pageSelector.pageSelectorHorizontalBar5 .items:after,
.questionnaireView .pageSelector.pageSelectorHorizontalBar6 .items:after {
  position: absolute;
  display: block;
  content: '';
  height: 5px;
  left: 5px;
  right: 5px;
  background: #f0f0f0;
  top: 10px;
  border-radius: 5px;
}
.questionnaireView .pageSelector.pageSelectorHorizontalBar4 .item,
.questionnaireView .pageSelector.pageSelectorHorizontalBar5 .item,
.questionnaireView .pageSelector.pageSelectorHorizontalBar6 .item {
  flex: auto;
  padding-top: 25px;
  text-align: center;
  /*line-height: 25px;*/
}
.questionnaireView .pageSelector.pageSelectorHorizontalBar4 .item:before,
.questionnaireView .pageSelector.pageSelectorHorizontalBar5 .item:before,
.questionnaireView .pageSelector.pageSelectorHorizontalBar6 .item:before {
  position: absolute;
  display: block;
  content: '';
  height: 15px;
  width: 15px;
  border-radius: 14px;
  top: 3px;
  left: 50%;
  transform: translateX(-50%);
  background: #f0f0f0;
  border-top: 2px solid #d5d5d5;
  border-left: 2px solid #d5d5d5;
  border-bottom: 2px solid #ececed;
  border-right: 2px solid #ececed;
}
.questionnaireView .pageSelector.pageSelectorHorizontalBar4 .item:after,
.questionnaireView .pageSelector.pageSelectorHorizontalBar5 .item:after,
.questionnaireView .pageSelector.pageSelectorHorizontalBar6 .item:after {
  z-index: 100;
  position: absolute;
  display: block;
  content: '';
  height: 12px;
  width: 12px;
  border-radius: 12px;
  top: 6px;
  left: 50%;
  transform: translateX(-50%);
}
.questionnaireView .pageSelector.pageSelectorHorizontalBar4 .item.selected:after,
.questionnaireView .pageSelector.pageSelectorHorizontalBar5 .item.selected:after,
.questionnaireView .pageSelector.pageSelectorHorizontalBar6 .item.selected:after {
  background: var(--questionnaireViewPageSelector3DHorizontalBarItemActiveIndicatorColor);
  /*border-top: 1px solid #b4bc20;
		  border-left: 1px solid #b4bc20;
		  border-right: 1px solid #f2fb50;
		  border-bottom: 1px solid #f2fb50;*/
}
.questionnaireView .pageSelector.pageSelectorHorizontalBar5 .items:before {
  top: 6px;
  height: 8px;
}
.questionnaireView .pageSelector.pageSelectorHorizontalBar5 .items:after {
  top: 7px;
  height: 9px;
}
.questionnaireView .pageSelector.pageSelectorHorizontalBar5 .item:before {
  top: 1px;
  height: 20px;
  width: 20px;
  border-radius: 20px;
}
.questionnaireView .pageSelector.pageSelectorHorizontalBar5 .item:after {
  top: 4px;
  height: 16px;
  width: 16px;
  border-radius: 17px;
}
.questionnaireView .pageSelector.pageSelectorHorizontalBar6 .items:before {
  top: 10px;
  height: 12px;
}
.questionnaireView .pageSelector.pageSelectorHorizontalBar6 .items:after {
  top: 11px;
  height: 12px;
}
.questionnaireView .pageSelector.pageSelectorHorizontalBar6 .item {
  padding-top: 40px;
}
.questionnaireView .pageSelector.pageSelectorHorizontalBar6 .item:before {
  top: 0px;
  height: 35px;
  width: 35px;
  border-radius: 20px;
}
.questionnaireView .pageSelector.pageSelectorHorizontalBar6 .item:after {
  top: 4px;
  height: 29px;
  width: 29px;
  border-radius: 17px;
}
.questionnaireView .pageSelector.pageSelectorVerticalList .items {
  display: block;
}
.questionnaireView .pageSelector.pageSelectorVerticalList .item {
  display: block;
  padding-left: 25px;
  padding-bottom: 10px;
  text-align: left;
}
.questionnaireView .pageSelector.pageSelectorVerticalList .item .step {
  padding-right: 10px;
}
.questionnaireView .pageSelector.pageSelectorVerticalList .item:before {
  position: absolute;
  display: block;
  content: '';
  height: 12px;
  width: 12px;
  border-radius: 12px;
  top: 3px;
  left: 0px;
  background: #888888;
  border: 2px solid #888888;
}
.questionnaireView .pageSelector.pageSelectorVerticalList .selected:before {
  background: var(--questionnaireViewPageSelectorItemActiveIndicatorColor);
  border-color: var(--questionnaireViewPageSelectorItemActiveIndicatorColor);
}
.questionnaireView .pageSelector.pageSelectorHorizontalBlocks {
  border: solid 1px #d4d4d4;
  margin-bottom: 10px;
}
.questionnaireView .pageSelector.pageSelectorHorizontalBlocks .items {
  display: flex;
  overflow: hidden;
}
.questionnaireView .pageSelector.pageSelectorHorizontalBlocks .items .item {
  background: #e7e7e7;
  background: linear-gradient(90deg, #e7e7e7 0%, #d4d4d4 100%);
  display: inline-block;
  /*line-height: 29px;*/
  text-align: left;
  padding: 5px 0px 5px 25px;
  flex: auto;
}
.questionnaireView .pageSelector.pageSelectorHorizontalBlocks .items .item:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 50%;
  left: 100%;
  bottom: 0;
  background: linear-gradient(to right bottom, #d4d4d4 50%, transparent 50%);
  z-index: 10;
}
.questionnaireView .pageSelector.pageSelectorHorizontalBlocks .items .item:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 50%;
  left: 100%;
  top: 0;
  background: linear-gradient(to right top, #d4d4d4 50%, transparent 50%);
  z-index: 10;
}
.questionnaireView .pageSelector.pageSelectorHorizontalBlocks .items .item.selected {
  background: var(--questionnaireViewPageSelectorHorizontalBlocksItemActiveIndicatorColor);
}
.questionnaireView .pageSelector.pageSelectorHorizontalBlocks .items .item.selected:after {
  background: linear-gradient(to right bottom, var(--questionnaireViewPageSelectorHorizontalBlocksItemActiveIndicatorColor) 50%, transparent 50%);
}
.questionnaireView .pageSelector.pageSelectorHorizontalBlocks .items .item.selected:before {
  background: linear-gradient(to right top, var(--questionnaireViewPageSelectorHorizontalBlocksItemActiveIndicatorColor) 50%, transparent 50%);
}
.questionnaireView .pageSelector.pageSelectorHorizontalBlocks .items .item.selected:first-child {
  background-image: none;
  padding-left: 10px;
}
.questionnaireView .pageSelector.pageSelectorHorizontalBlocks .items .item .step {
  padding-right: 10px;
}
.questionnaireView .pageSelector.pageSelectorHorizontalBlocks2 {
  border: solid 1px #d4d4d4;
  margin-bottom: 10px;
}
.questionnaireView .pageSelector.pageSelectorHorizontalBlocks2 .items {
  display: flex;
  overflow: hidden;
}
.questionnaireView .pageSelector.pageSelectorHorizontalBlocks2 .items .item {
  background: #e7e7e7;
  flex: auto;
  text-align: left;
  padding: 5px 5px 5px 35px;
}
.questionnaireView .pageSelector.pageSelectorHorizontalBlocks2 .items .item:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 50%;
  left: 0;
  bottom: 0;
  background: linear-gradient(to right bottom, #dcdcdc 50%, transparent 50%);
  z-index: 10;
}
.questionnaireView .pageSelector.pageSelectorHorizontalBlocks2 .items .item:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 50%;
  left: 0;
  top: 0;
  background: linear-gradient(to right top, #dcdcdc 50%, transparent 50%);
  z-index: 10;
}
.questionnaireView .pageSelector.pageSelectorHorizontalBlocks2 .items .item:last-child {
  border-right: none;
}
.questionnaireView .pageSelector.pageSelectorHorizontalBlocks2 .items .item.selected:after {
  background: linear-gradient(to right bottom, var(--questionnaireViewPageSelectorHorizontalBlocks2ItemActiveIndicatorColor) 50%, transparent 50%);
}
.questionnaireView .pageSelector.pageSelectorHorizontalBlocks2 .items .item.selected:before {
  background: linear-gradient(to right top, var(--questionnaireViewPageSelectorHorizontalBlocks2ItemActiveIndicatorColor) 50%, transparent 50%);
}
.questionnaireView .pageSelector.pageSelectorHorizontalBlocks2 .items .item .step {
  font-weight: bold;
  padding-right: 10px;
}
.questionnaireView .pageSelector.pageSelectorVerticalBlocks {
  border: solid 1px #d4d4d4;
  background-color: #E8E8E8;
}
.questionnaireView .pageSelector.pageSelectorVerticalBlocks .items {
  display: block;
  overflow: hidden;
}
.questionnaireView .pageSelector.pageSelectorVerticalBlocks .item {
  background: #e7e7e7;
  background: linear-gradient(180deg, #e7e7e7 0%, #d4d4d4 100%);
  display: block;
  padding: 25px 10px 10px;
  margin: 0px;
  text-align: center;
}
.questionnaireView .pageSelector.pageSelectorVerticalBlocks .item:first-child {
  padding-top: 10px;
}
.questionnaireView .pageSelector.pageSelectorVerticalBlocks .item:first-child.selected {
  padding-top: 10px;
  background: var(--questionnaireViewPageSelectorVerticalBlocksItemActiveIndicatorColor);
}
.questionnaireView .pageSelector.pageSelectorVerticalBlocks .item:last-child {
  padding-bottom: 15px;
}
.questionnaireView .pageSelector.pageSelectorVerticalBlocks .item:last-child:after,
.questionnaireView .pageSelector.pageSelectorVerticalBlocks .item:last-child:before {
  background: none;
}
.questionnaireView .pageSelector.pageSelectorVerticalBlocks .item:after {
  content: "";
  position: absolute;
  height: 10px;
  width: 50%;
  right: 0;
  bottom: -10px;
  background: linear-gradient(to right bottom, #d4d4d4 50%, transparent 50%);
  z-index: 10;
}
.questionnaireView .pageSelector.pageSelectorVerticalBlocks .item:before {
  content: "";
  position: absolute;
  width: 50%;
  height: 10px;
  left: 0;
  bottom: -10px;
  background: linear-gradient(to right top, transparent 50%, #d4d4d4 50%);
  z-index: 10;
}
.questionnaireView .pageSelector.pageSelectorVerticalBlocks .item.selected {
  background: #fff;
}
.questionnaireView .pageSelector.pageSelectorVerticalBlocks .item.selected:after {
  background: linear-gradient(to right bottom, var(--questionnaireViewPageSelectorVerticalBlocksItemActiveIndicatorColor) 50%, transparent 50%);
}
.questionnaireView .pageSelector.pageSelectorVerticalBlocks .item.selected:before {
  background: linear-gradient(to right top, transparent 50%, var(--questionnaireViewPageSelectorVerticalBlocksItemActiveIndicatorColor) 50%);
}
.questionnaireView .pageSelector.pageSelectorVerticalBlocks .item .step {
  padding-right: 5px;
}
/* Icon */
.icon.helpIndicator {
  cursor: help;
  position: relative;
}
.icon.errorIndicator {
  cursor: help;
  color: #d0151e;
}
.icon.warningIndicator {
  cursor: help;
  color: #c19a12;
}
.icon.infoIndicator {
  cursor: help;
  color: #202af9;
}
/* Jquery UI */
.ui-dialog {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.2em;
  outline: 0;
  z-index: 101;
}
.ui-dialog .ui-dialog-titlebar {
  padding: 0.4em 1em;
  position: relative;
  background: #f6f7f6;
  font-weight: 600;
  color: #4b4b4a;
}
.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0.1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
  border: none;
  background: transparent;
}
.ui-dialog .ui-dialog-titlebar-close .ui-icon {
  font-family: "fontello", sans-serif;
  content: '\e81d';
  font-size: 1em;
  line-height: 18px;
  width: 20px;
  height: 20px;
}
.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 1em;
  background: none;
  overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: 0.5em;
  padding: 0.3em 1em 0.5em 0.4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
}
.ui-dialog .ui-resizable-se {
  width: 12px;
  height: 12px;
  right: -5px;
  bottom: -5px;
  background-position: 16px 16px;
}
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}
.ui-widget-overlay {
  background: #aaaaaa 50% 50% repeat-x;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #aaaaaa 50% 50% repeat-x;
  opacity: 0.3;
  filter: alpha(opacity=30);
  border-radius: 8px;
}
.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}
.ui-helper-clearfix {
  min-height: 0;
}
.ui-widget-content {
  border: 1px solid #bcbcbc;
  background: #fff;
  color: #444;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
  display: inline-block;
  cursor: pointer;
}
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}
.ui-datepicker {
  z-index: 9999 !important;
  border: 1px solid #b3b3b3;
  margin-top: 3px;
  padding: 0px;
  display: none;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}
.ui-datepicker-header,
.ui-datepicker .ui-datepicker-header {
  background: none;
  border: none;
  background: #F1F1F1;
  border-bottom: 1px solid #e0e0e0;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0px 30px;
}
.ui-datepicker-prev,
.ui-datepicker-next {
  background: none;
  border: none;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 6px;
  width: 25px;
  height: 25px;
  text-align: center;
}
.ui-datepicker .ui-datepicker-next {
  right: 0px;
}
.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}
.ui-datepicker .ui-datepicker-prev .ui-state-hover,
.ui-datepicker .ui-datepicker-next .ui-state-hover {
  border: none;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  border: none;
  background: none;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 2px;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 0px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  margin: 0px;
  color: #d0151e;
}
.ui-datepicker .ui-datepicker-prev-hover span,
.ui-datepicker .ui-datepicker-next-hover span {
  color: #4b4b4a;
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev .ui-icon,
.ui-datepicker .ui-datepicker-next .ui-icon {
  background: none;
  border: none;
  margin: 0px;
  width: 25px;
  height: 25px;
}
.ui-datepicker .ui-datepicker-prev .ui-icon:after {
  padding: 3px 0px 0px 3px;
  font-family: "fontello", sans-serif;
  content: '\e811';
  font-size: 1em;
  right: 0px;
  top: 0px;
  position: absolute;
  pointer-events: none;
  z-index: 1;
  height: 25px;
  width: 25px;
  line-height: 18px;
}
.ui-datepicker .ui-datepicker-next .ui-icon:after {
  padding: 3px 5px 0px 0px;
  font-family: "fontello", sans-serif;
  content: '\e813';
  font-size: 1em;
  right: 0px;
  top: 0px;
  position: absolute;
  pointer-events: none;
  z-index: 1;
  height: 25px;
  width: 25px;
  line-height: 18px;
}
.ui-datepicker select.ui-datepicker-month {
  width: 65%;
}
.ui-datepicker select.ui-datepicker-year {
  width: 35%;
}
.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content,
.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-header,
.ui-datepicker .ui-state-default {
  background: #f6f7f6;
  font-weight: bold;
  color: #828282;
  border: 1px solid #b3b3b3;
}
.ui-datepicker .ui-datepicker-calendar {
  border-spacing: 5px;
  border-collapse: inherit;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-default {
  text-align: center;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-hover {
  background-color: #4b4b4a;
  color: #fff;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-active,
.ui-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-active {
  border: 1px solid #9DC1E9;
  background: #177e50;
  color: #fff;
}
/* PageView */
.pageView .row {
  gap: var(--pageViewColumnGap);
  /*> .column {
	  margin: 0px var(--pageViewColumnGap);
	  padding: 0px;
	  &:first-child {
		margin-top: 0px;
		margin-left: 0px;
	  }
	  &:last-child {
		margin-right: 0px;
		margin-bottom: 0px;
	  }
	  @media screen and (max-width: 1024px) {
		margin: var(--pageViewColumnGap) 0px;
	  }
	}*/
}
@media screen and (max-width: 1024px) {
  .pageView .row {
    gap: var(--pageViewColumnGap);
  }
}
.pageView .contentLine {
  margin: 0px 0px var(--pageViewContentLineGap) 0px;
  padding: var(--pageViewContentLinePadding);
  border-width: var(--pageViewContentLineBorderThickness);
  border-style: var(--pageViewContentLineBorderType);
  border-color: var(--pageViewContentLineBorderColor);
  border-radius: var(--pageViewContentLineBorderRadius);
}
.pageView .contentLine:last-child {
  margin-bottom: 0px;
}
.pageView .contentLine:after {
  display: block;
  content: '';
  clear: both;
}
.pageView .contentBlock {
  position: relative;
  overflow: visible;
  display: block;
  box-shadow: var(--pageViewContentBlockBoxShadow);
  background: var(--pageViewContentBlockBackground);
  padding: var(--pageViewContentBlockPadding);
  border-width: var(--pageViewContentBlockBorderThickness);
  border-style: var(--pageViewContentBlockBorderType);
  border-color: var(--pageViewContentBlockBorderColor);
  border-radius: var(--pageViewContentBlockBorderRadius);
  /*&.contentBlockMenu .tile {
	  margin: 20px;
	  text-align: left;
	  cursor: pointer;
	  .icon {
		float: left;
		height: 105px;
		text-align: center;
		vertical-align: middle;
		position: relative;
		img {
		  max-width: 100px;
		  max-height: 100px;
		  position: absolute;
		  display: block;
		  top: 50%;
		  left: 50%;
		  transform: translateY(-50%) translateX(-50%);
		}
	  }
	}*/
  /*
	&.contentBlockQuickreport .listview .item,
	&.contentBlockRecentPeriods .listview .item,
	&.contentBlockSurveys .listview .item,
	&.contentBlockMessages .listview .item {
	  padding: 5px 0px;
	}*/
}
.pageView .contentBlock > .title {
  font-family: var(--pageViewContentBlockTitleFontName);
  font-size: var(--pageViewContentBlockTitleFontSize);
  font-weight: var(--pageViewContentBlockTitleFontWeight);
  text-shadow: var(--pageViewContentBlockTitleFontShadow);
  color: var(--pageViewContentBlockTitleFontColor);
  letter-spacing: var(--pageViewContentBlockTitleFontLetterSpacing);
  line-height: var(--pageViewContentBlockTitleFontLineHeight);
  font-style: var(--pageViewContentBlockTitleFontStyle);
  text-decoration: var(--pageViewContentBlockTitleFontDecoration);
  margin: var(--pageViewContentBlockTitleMargin);
  padding: var(--pageViewContentBlockTitlePadding);
  border-width: var(--pageViewContentBlockTitleBorderThickness);
  border-style: var(--pageViewContentBlockTitleBorderType);
  border-color: var(--pageViewContentBlockTitleBorderColor);
  border-radius: var(--pageViewContentBlockTitleBorderRadius);
  background: var(--pageViewContentBlockTitleBackground);
}
@media screen and (max-width: 1024px) {
  .pageView .contentBlock > .title {
    font-size: var(--pageViewContentBlockTitleMediumScreenFontSize);
    line-height: var(--pageViewContentBlockTitleMediumScreenFontLineHeight);
    font-family: var(--pageViewContentBlockTitleMediumScreenFontName);
    text-shadow: var(--pageViewContentBlockTitleMediumScreenFontShadow);
    color: var(--pageViewContentBlockTitleMediumScreenFontColor);
    letter-spacing: var(--pageViewContentBlockTitleMediumScreenFontLetterSpacing);
    font-weight: var(--pageViewContentBlockTitleMediumScreenFontWeight);
    font-style: var(--pageViewContentBlockTitleMediumScreenFontStyle);
    text-decoration: var(--pageViewContentBlockTitleMediumScreenFontDecoration);
  }
}
.pageView .contentBlock.main {
  color: var(--pageViewMainContentBlockFontColor);
  box-shadow: var(--pageViewMainContentBlockBoxShadow);
  background: var(--pageViewMainContentBlockBackground);
  padding: var(--pageViewMainContentBlockPadding);
  border-width: var(--pageViewContentBlockBorderThickness);
  border-style: var(--pageViewContentBlockBorderType);
  border-color: var(--pageViewContentBlockBorderColor);
  border-radius: var(--pageViewMainContentBlockBorderRadius);
}
.pageView .contentBlock.main > .title {
  background: var(--pageViewMainContentBlockTitleBackground);
  font-family: var(--pageViewMainContentBlockTitleFontName);
  text-shadow: var(--pageViewMainContentBlockTitleFontShadow);
  color: var(--pageViewMainContentBlockTitleFontColor);
  font-size: var(--pageViewMainContentBlockTitleFontSize);
  letter-spacing: var(--pageViewMainContentBlockTitleFontLetterSpacing);
  font-weight: var(--pageViewMainContentBlockTitleFontWeight);
  line-height: var(--pageViewMainContentBlockTitleFontLineHeight);
  font-style: var(--pageViewMainContentBlockTitleFontStyle);
  text-decoration: var(--pageViewMainContentBlockTitleFontDecoration);
  margin: var(--pageViewMainContentBlockTitleMargin);
  border-width: var(--pageViewMainContentBlockTitleBorderThickness);
  border-style: var(--pageViewMainContentBlockTitleBorderType);
  border-color: var(--pageViewMainContentBlockTitleBorderColor);
  border-radius: var(--pageViewMainContentBlockTitleBorderRadius);
}
@media screen and (max-width: 1024px) {
  .pageView .contentBlock.main > .title {
    font-size: var(--pageViewMainContentBlockTitleMediumScreenFontSize);
    line-height: var(--pageViewMainContentBlockTitleMediumScreenFontLineHeight);
    font-family: var(--pageViewMainContentBlockTitleMediumScreenFontName);
    text-shadow: var(--pageViewMainContentBlockTitleMediumScreenFontShadow);
    color: var(--pageViewMainContentBlockTitleMediumScreenFontColor);
    letter-spacing: var(--pageViewMainContentBlockTitleMediumScreenFontLetterSpacing);
    font-weight: var(--pageViewMainContentBlockTitleMediumScreenFontWeight);
    font-style: var(--pageViewMainContentBlockTitleMediumScreenFontStyle);
    text-decoration: var(--pageViewMainContentBlockTitleMediumScreenFontDecoration);
  }
}
.pageView .contentBlock.highlighted1 {
  color: var(--pageViewHighlight1ContentBlockFontColor);
  box-shadow: var(--pageViewHighlight1ContentBlockBoxShadow);
  background: var(--pageViewHighlight1ContentBlockBackground);
  padding: var(--pageViewHighlight1ContentBlockPadding);
  border-width: var(--pageViewHighlight1ContentBlockBorderThickness);
  border-style: var(--pageViewHighlight1ContentBlockBorderType);
  border-color: var(--pageViewHighlight1ContentBlockBorderColor);
  border-radius: var(--pageViewHighlight1ContentBlockBorderRadius);
}
.pageView .contentBlock.highlighted1 > .title {
  background: var(--pageViewHighlight1ContentBlockTitleBackground);
  text-shadow: var(--pageViewHighlight1ContentBlockTitleFontShadow);
  color: var(--pageViewHighlight1ContentBlockTitleFontColor);
  font-size: var(--pageViewHighlight1ContentBlockTitleFontSize);
  letter-spacing: var(--pageViewHighlight1ContentBlockTitleFontLetterSpacing);
  font-weight: var(--pageViewHighlight1ContentBlockTitleFontWeight);
  line-height: var(--pageViewHighlight1ContentBlockTitleFontLineHeight);
  font-style: var(--pageViewHighlight1ContentBlockTitleFontStyle);
  text-decoration: var(--pageViewHighlight1ContentBlockTitleFontDecoration);
  margin: var(--pageViewHighlight1ContentBlockTitleMargin);
  border-width: var(--pageViewHighlight1ContentBlockTitleBorderThickness);
  border-style: var(--pageViewHighlight1ContentBlockTitleBorderType);
  border-color: var(--pageViewHighlight1ContentBlockTitleBorderColor);
  border-radius: var(--pageViewHighlight1ContentBlockTitleBorderRadius);
}
@media screen and (max-width: 1024px) {
  .pageView .contentBlock.highlighted1 > .title {
    font-size: var(--pageViewHighlight1ContentBlockTitleMediumScreenFontSize);
    line-height: var(--pageViewHighlight1ContentBlockTitleMediumScreenFontLineHeight);
    font-family: var(--pageViewHighlight1ContentBlockTitleMediumScreenFontName);
    text-shadow: var(--pageViewHighlight1ContentBlockTitleMediumScreenFontShadow);
    color: var(--pageViewHighlight1ContentBlockTitleMediumScreenFontColor);
    letter-spacing: var(--pageViewHighlight1ContentBlockTitleMediumScreenFontLetterSpacing);
    font-weight: var(--pageViewHighlight1ContentBlockTitleMediumScreenFontWeight);
    font-style: var(--pageViewHighlight1ContentBlockTitleMediumScreenFontStyle);
    text-decoration: var(--pageViewHighlight1ContentBlockTitleMediumScreenFontDecoration);
  }
}
.pageView .contentBlock.highlighted2 {
  color: var(--pageViewHighlight2ContentBlockFontColor);
  box-shadow: var(--pageViewHighlight2ContentBlockBoxShadow);
  background: var(--pageViewHighlight2ContentBlockBackground);
  padding: var(--pageViewHighlight2ContentBlockPadding);
  border-width: var(--pageViewHighlight2ContentBlockBorderThickness);
  border-style: var(--pageViewHighlight2ContentBlockBorderType);
  border-color: var(--pageViewHighlight2ContentBlockBorderColor);
  border-radius: var(--pageViewHighlight2ContentBlockBorderRadius);
}
.pageView .contentBlock.highlighted2 > .title {
  background: var(--pageViewHighlight2ContentBlockTitleBackground);
  text-shadow: var(--pageViewHighlight2ContentBlockTitleFontShadow);
  color: var(--pageViewHighlight2ContentBlockTitleFontColor);
  font-size: var(--pageViewHighlight2ContentBlockTitleFontSize);
  letter-spacing: var(--pageViewHighlight2ContentBlockTitleFontLetterSpacing);
  font-weight: var(--pageViewHighlight2ContentBlockTitleFontWeight);
  line-height: var(--pageViewHighlight2ContentBlockTitleFontLineHeight);
  font-style: var(--pageViewHighlight2ContentBlockTitleFontStyle);
  text-decoration: var(--pageViewHighlight2ContentBlockTitleFontDecoration);
  margin: var(--pageViewHighlight2ContentBlockTitleMargin);
  border-width: var(--pageViewHighlight2ContentBlockTitleBorderThickness);
  border-style: var(--pageViewHighlight2ContentBlockTitleBorderType);
  border-color: var(--pageViewHighlight2ContentBlockTitleBorderColor);
  border-radius: var(--pageViewHighlight2ContentBlockTitleBorderRadius);
}
@media screen and (max-width: 1024px) {
  .pageView .contentBlock.highlighted2 > .title {
    font-size: var(--pageViewHighlight2ContentBlockTitleMediumScreenFontSize);
    line-height: var(--pageViewHighlight2ContentBlockTitleMediumScreenFontLineHeight);
    font-family: var(--pageViewHighlight2ContentBlockTitleMediumScreenFontName);
    text-shadow: var(--pageViewHighlight2ContentBlockTitleMediumScreenFontShadow);
    color: var(--pageViewHighlight2ContentBlockTitleMediumScreenFontColor);
    letter-spacing: var(--pageViewHighlight2ContentBlockTitleMediumScreenFontLetterSpacing);
    font-weight: var(--pageViewHighlight2ContentBlockTitleMediumScreenFontWeight);
    font-style: var(--pageViewHighlight2ContentBlockTitleMediumScreenFontStyle);
    text-decoration: var(--pageViewHighlight2ContentBlockTitleMediumScreenFontDecoration);
  }
}
.pageView .contentBlock.highlighted3 {
  color: var(--pageViewHighlight3ContentBlockFontColor);
  box-shadow: var(--pageViewHighlight3ContentBlockBoxShadow);
  background: var(--pageViewHighlight3ContentBlockBackground);
  padding: var(--pageViewHighlight3ContentBlockPadding);
  border-width: var(--pageViewHighlight3ContentBlockBorderThickness);
  border-style: var(--pageViewHighlight3ContentBlockBorderType);
  border-color: var(--pageViewHighlight3ContentBlockBorderColor);
  border-radius: var(--pageViewHighlight3ContentBlockBorderRadius);
}
.pageView .contentBlock.highlighted3 > .title {
  background: var(--pageViewHighlight3ContentBlockTitleBackground);
  text-shadow: var(--pageViewHighlight3ContentBlockTitleFontShadow);
  color: var(--pageViewHighlight3ContentBlockTitleFontColor);
  font-size: var(--pageViewHighlight3ContentBlockTitleFontSize);
  letter-spacing: var(--pageViewHighlight3ContentBlockTitleFontLetterSpacing);
  font-weight: var(--pageViewHighlight3ContentBlockTitleFontWeight);
  line-height: var(--pageViewHighlight3ContentBlockTitleFontLineHeight);
  font-style: var(--pageViewHighlight3ContentBlockTitleFontStyle);
  text-decoration: var(--pageViewHighlight3ContentBlockTitleFontDecoration);
  margin: var(--pageViewHighlight3ContentBlockTitleMargin);
  border-width: var(--pageViewHighlight3ContentBlockTitleBorderThickness);
  border-style: var(--pageViewHighlight3ContentBlockTitleBorderType);
  border-color: var(--pageViewHighlight3ContentBlockTitleBorderColor);
  border-radius: var(--pageViewHighlight3ContentBlockTitleBorderRadius);
}
@media screen and (max-width: 1024px) {
  .pageView .contentBlock.highlighted3 > .title {
    font-size: var(--pageViewHighlight3ContentBlockTitleMediumScreenFontSize);
    line-height: var(--pageViewHighlight3ContentBlockTitleMediumScreenFontLineHeight);
    font-family: var(--pageViewHighlight3ContentBlockTitleMediumScreenFontName);
    text-shadow: var(--pageViewHighlight3ContentBlockTitleMediumScreenFontShadow);
    color: var(--pageViewHighlight3ContentBlockTitleMediumScreenFontColor);
    letter-spacing: var(--pageViewHighlight3ContentBlockTitleMediumScreenFontLetterSpacing);
    font-weight: var(--pageViewHighlight3ContentBlockTitleMediumScreenFontWeight);
    font-style: var(--pageViewHighlight3ContentBlockTitleMediumScreenFontStyle);
    text-decoration: var(--pageViewHighlight3ContentBlockTitleMediumScreenFontDecoration);
  }
}
.pageView .contentBlock.floating {
  float: left;
  margin: 15px;
}
.pageView .contentBlock:not(.floating):first-child {
  margin-top: 0px;
}
.pageView .contentBlock:not(.floating):last-child {
  margin-bottom: 0px;
}
.pageView .contentBlock.contentBlockText img {
  padding: var(--pageViewTextBlockImagePadding);
  margin: var(--pageViewTextBlockImageMargin);
  max-width: var(--pageViewTextBlockImageMaxWidth);
  display: block;
  border-width: var(--pageViewTextBlockImageBorderThickness);
  border-style: var(--pageViewTextBlockImageBorderType);
  border-color: var(--pageViewTextBlockImageBorderColor);
  border-radius: var(--pageViewTextBlockImageBorderRadius);
  background: var(--pageViewTextBlockImageBackground);
  box-shadow: var(--pageViewTextBlockImageBoxShadow);
}
.pageView .contentBlock.contentBlockVerline {
  width: 1px;
  border-left: solid 1px #E8E8E8;
  height: 100%;
}
.pageView .contentBlock.contentBlockHorline {
  height: 1px;
  border-top: solid 1px #E8E8E8;
  margin: 0px auto;
}
.pageView .contentBlock.contentBlockCompanyselect > .selectBox {
  width: 100%;
}
.pageView .contentBlock.contentBlockRecentPeriods .listview .item {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.pageView .contentBlock.contentBlockRecentPeriods .listview .item .recentPeriodsGroupName {
  font-weight: bold;
}
.pageView .contentBlock.contentBlockRecentPeriods .listview .item .recentPeriodsName,
.pageView .contentBlock.contentBlockRecentPeriods .listview .item .recentPeriodsStatus,
.pageView .contentBlock.contentBlockRecentPeriods .listview .item .recentPeriodsProgress,
.pageView .contentBlock.contentBlockRecentPeriods .listview .item .recentPeriodsToolbar {
  flex: 1;
}
.pageView .contentBlock.contentBlockRecentPeriods .listview .item .recentPeriodsToolbar {
  max-width: 60px;
}
.pageView .contentBlock.contentBlockRecentPeriods ul.groupByPeriod li.item {
  padding-left: 15px;
}
.pageView .contentBlock.contentBlockMessages .listview .item .messageDate {
  font-style: italic;
}
.pageView .contentBlock.contentBlockMessages .listview .item .messageTitle {
  font-weight: bold;
}
/* dashboardView */
.dashboardView .dashboardItem.diagramItem.downloadableItem.selected .diagram {
  background: #f3f1ee;
  border: 1px solid #d4d4d4;
}
.dashboardView .dashboardItem.downloadableItem .downloadbar:after {
  position: absolute;
  display: block;
  content: '';
  width: 0px;
  left: 50%;
  margin-left: -7px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #e6e6e6;
  border-bottom: 0 solid transparent;
}
.dashboardView .dashboardItem.downloadableItem .downloadbar .toolbar {
  box-shadow: none;
  margin: 0px;
}
.dashboardView .dashboardItem.downloadableItem .selected {
  background: #f3f1ee;
}
.dashboardView .dashboardItem.diagramItem.downloadableItem.selected .diagram {
  background: #f3f1ee;
  border: 1px solid #d4d4d4;
}
.dashboardView .dashboardItem.downloadableItem .downloadbar:after {
  position: absolute;
  display: block;
  content: '';
  width: 0px;
  left: 50%;
  margin-left: -7px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #e6e6e6;
  border-bottom: 0 solid transparent;
}
.dashboardView .dashboardItem.downloadableItem .downloadbar .toolbar {
  box-shadow: none;
  margin: 0px;
}
.dashboardView .dashboardItem.downloadableItem .selected {
  background: #f3f1ee;
}
.dashboardView .dashboardItem.tableItem .tableview,
.dashboardView .dashboardItem.tableItem .tableview table tbody tr td {
  border: none;
  background: none;
  padding: 0px;
  margin: 0px;
}
.dashboardView .dashboardItem.tableItem > table {
  min-width: 100%;
}
/*old */
.showOn1024,
.showOn768 {
  display: none;
}
@media screen and (max-width: 1024px) {
  .hideOn1024 {
    display: none;
  }
  .showOn1024 {
    display: inherit;
  }
}
@media screen and (max-width: 768px) {
  .hideOn768 {
    display: none;
  }
  .showOn768 {
    display: inherit;
  }
}
/* Tabs */
.dashboard .tableview {
  border: none;
}
.dashboard .toolOptions .input.selectBox > .display > .value,
.dashboard .toolOptions .fakeInput.selectBox > .display > .value {
  white-space: normal;
}
/*# sourceMappingURL=c2cclient.css.map */