body {
  /* Style Specific */
  --primaryColor: #3c3e47;
  --backgroundPrimaryColor: #fff;
  --edgeLightColor: #aaaaaa;
  --inputEdgeColor: rgba(179, 179, 179, 0.3);
  --primaryLightColor: rgb(from var(--primaryColor) r g b / 0.8);
  --primaryLighterColor: rgb(from var(--primaryColor) r g b / 0.3);
  /* Generel */
  --fontName: 'Raleway', sans-serif;
  --fontColor: #222222;
  --fontLineHeight: 1.6em;
  --fontLetterSpacing: 0.005em;
  --fontSecondaryColor: #555555;
  --background: var(--backgroundPrimaryColor);
  /* Header section */
  --headerMargin: 0px 0px 15px 0px;
  /* Page sections */
  --pageSectionsSideMargin: 50px;
  --pageSectionsSideMarginMediumScreen: 25px;
  --pageSectionsSideMarginSmallScreen: 5px;
  /* Navigation Menu */
  --navigationTopMenuDoubleMargin: 0px;
  --navigationMenuItemFontWeight: 500;
  --navigationMenuItemFontLetterSpacing: 0.1em;
  /* Navigation Menu - Item */
  --navigationMenuItemPadding: 5px;
  /* Navigation Menu - Item - Hover */
  --navigationMenuItemHoverFontColor: var(--primaryColor);
  /* Navigation Menu - Item - Active */
  --navigationMenuItemActiveFontColor: var(--primaryColor);
  /* Navigation Menu - Main menu - Item */
  --navigationTopMenuMainRowItemPadding: 5px 10px 0px 10px;
  /* Session Menu - Item - Hover */
  --sessionMenuItemHoverFontColor: var(--primaryColor);
  /* Session Menu - Item - Dropdown - Hover */
  --sessionMenuDropdownItemHoverBackground: #f2f6fc;
  --sessionMenuDropdownItemHoverFontColor: var(--primaryColor);
  --navigationTopMenuRowContainerFloat: right;
  /* Input */
  --inputBorderThickness: 2px;
  --inputBorderRadius: 5px;
  --inputBorderColor: rgba(179, 179, 179, 0.3);
  --inputIndicatorColor: var(--primaryColor);
  /* Input - Hover */
  --inputHoverBorderColor: rgba(179, 179, 179, 0.8);
  /* Button */
  --buttonBorderThickness: 2px;
  --buttonBorderColor: var(--primaryColor);
  --buttonBorderRadius: 15px;
  --buttonBackground: var(--backgroundPrimaryColor);
  --buttonPadding: 8px;
  --buttonFontSize: 16px;
  --buttonFontColor: var(--primaryColor);
  --buttonFontWeight: 700;
  /* Button - Disabled */
  --buttonDisabledFontColor: #c4bbbb;
  /* Button - Hover */
  --buttonHoverFontColor: var(--backgroundPrimaryColor);
  --buttonHoverBackground: var(--primaryColor);
  /* Button - Secondair */
  --buttonSecondairBackground: var(--primaryColor);
  --buttonSecondairFontColor: var(--backgroundPrimaryColor);
  /* Button - Secondair - Disabled */
  --buttonSecondairDisabledBackground: var(--backgroundPrimaryColor);
  --buttonSecondairDisabledFontColor: var(--primaryColor);
  /* Headers - 1 */
  --header1FontColor: var(--primaryColor);
  --header1BorderColor: var(--primaryColor);
  --header1BorderThickness: 0px 0px 2px 0px;
  --header1Padding: 0px 0px 3px 0px;
  /* Headers -4 */
  --header4FontColor: var(--fontColor);
  /* Input */
  --inputPadding: 2px;
  /* Dashboard - Tile */
  --dashboardViewTileGap: 25px;
  --dashboardViewTileBorderColor: var(--inputEdgeColor);
  --dashboardViewTileBorderThickness: 2px;
  --dashboardViewTileBorderRadius: 5px;
  --dashboardViewTilePadding: 15px;
  /* Recordview */
  --recordViewHeaderFontColor: var(--primaryColor);
  --recordViewHeaderFontLetterSpacing: 0.1em;
  --recordViewHeaderBorderThickness: 1px;
  --recordViewHeaderBorderColor: var(--edgeLightColor);
  /* Listview - Item - Hover */
  --listViewItemHoverFontColor: var(--primaryColor);
  /* Navigation Menu */
  --navigationMenuMargin: 15px 0px 0px 0px;
  /* Navigation Menu - Item */
  /* Navigation Menu - Item - Active */
  --navigationMenuItemActiveBorderColor: var(--primaryColor);
  --navigationMenuItemHoverBorderColor: transparent;
  /* Navigation Menu - Main menu - Item */
  --navigationTopMenuMainRowItemMargin: 5px;
  /* Navigation Menu - Sub Menu - Item */
  --navigationTopMenuSubRowItemMargin: 10px;
  --navigationTopMenuSubRowItemPadding: 0px 5px;
  --navigationTopMenuSubRowMargin: 5px 0px 0px 0px;
  /* Navigation Menu - Main menu - Item - Active */
  --navigationTopMenuMainRowItemBorderThickness: 0px 0px 3px 0px;
  --navigationTopMenuMainRowItemActiveBorderThickness: 0px 0px 3px 0px;
  --navigationTopMenuMainRowItemHoverBorderThickness: 0px 0px 3px 0px;
  /* Navigation Menu - Sub menu - Item - Active */
  --navigationTopMenuSubRowItemBorderThickness: 0px 0px 2px 0px;
  --navigationTopMenuSubRowItemActiveBorderThickness: 0px 0px 2px 0px;
  --navigationTopMenuSubRowItemHoverBorderThickness: 0px 0px 2px 0px;
  --navigationTopMenuSubRowItemFontSize: 0.9em;
  --navigationTopMenuSubRowItemHoverFontSize: 0.9em;
  --navigationTopMenuSubRowItemActiveFontSize: 0.9em;
  /* Navigation Menu - Left Menu - Item */
  --navigationLeftMenuItemBorderThickness: 0px 0px 0px 5px;
  /* Navigation Menu - Left menu - Item - Active */
  --navigationLeftMenuItemActiveBorderThickness: 0px 0px 0px 5px;
  --navigationLeftMenuItemActiveBorderColor: var(--primaryColor);
  /* Frame */
  --frameContentContainerBorderThickness: 2px;
  --frameContentContainerBorderColor: var(--inputEdgeColor);
  --frameContentContainerBorderRadius: 15px;
  /* Footer */
  --footerFontColor: #fff;
  --footerBackground: rgb(from var(--primaryColor) r g b / 1);
  --footerMargin: 50px 0px 0px 0px;
  --footerPadding: 50px;
  /* Footer - Title */
  --footerTitleFontWeight: 700;
  --footerTitleMargin: 0px 0px 5px 0px;
  --footerTitleFontSize: 1.5em;
  /* Footer - Copyright */
  --footerCopyrightFontLineHeight: 1.3em;
  --footerCopyrightPadding: 5px;
  --footerCopyrightTextAlign: right;
  /* Footer - Link */
  --footerLinkFontColor: #fff;
  /* Tile */
  --tileViewTileBorderThickness: 2px;
  --tileViewTileBorderColor: rgba(45, 99, 167, 0.1);
  --tileViewTileBorderRadius: 15px;
  --tileViewTileTitleFontWeight: 500;
  --tileViewTileTitleFontLetterSpacing: 0.05em;
  /* Tile - Hover */
  --tileViewTileHoverBorderColor: var(--primaryLighterColor);
  --tileViewTileHoverTitleFontColor: var(--primaryColor);
  /* QuestionnaireView - Header */
  --questionnaireViewPageHeaderFontColor: var(--primaryColor);
  /* QuestionnaireView - Page selector - Item - Active */
  --questionnaireViewPageSelectorItemActiveFontColor: var(--primaryColor);
  --questionnaireViewPageSelectorItemActiveColor: var(--primaryColor);
  /* Dashboard view - Options */
  --dashboardViewOptionsBackground: transparent;
  --dashboardViewOptionsSpace: 5px;
  /* Dashboard view - Options - Header */
  --dashboardViewOptionsHeaderBackground: transparent;
  --dashboardViewOptionsHeaderBorderThickness: 0px 0px 2px 0px;
  --dashboardViewOptionsHeaderTextShadow: none;
  --dashboardViewOptionsHeaderPadding: 5px;
  --dashboardViewOptionsHeaderFontWeight: 600;
  /* Dashboard view - Options - Field */
  --dashboardViewOptionsFieldBorderThickness: 0px;
  /* TableView - Head */
  --tableViewHeadRowCellFontWeight: 500;
  --tableViewHeadRowCellFontColor: var(--primaryColor);
  --tableViewHeadRowCellBackground: transparent;
  --tableViewHeadRowBorderThickness: 0px 0px 1px 0px;
  --tableViewHeadRowBorderColor: var(--primaryColor);
  --tableViewHeadRowCellBorderThickness: 0px;
  /* Table view - Body */
  --tableViewDataRowBorderThickness: 0px;
  /* Table view - Footer */
  --tableViewFooterBorderThickness: 1px 0px 0px 0px;
  --tableViewFooterBorderColor: #D6D6D6;
  /* Table view - Item - Hover */
  --tableViewDataRowCellHoverFontColor: var(--primaryColor);
  /* Page view - Highlight1 - Content block */
  --pageViewHighlight1ContentBlockPadding: 15px;
  --pageViewHighlight1ContentBlockBackground: var(--primaryLightColor);
  --pageViewHighlight1ContentBlockFontColor: var(--backgroundPrimaryColor);
  /* Page view - Highlight1 - Content block - Title */
  --pageViewHighlight1ContentBlockTitleFontColor: var(--backgroundPrimaryColor);
  --pageViewHighlight1ContentBlockTitleFontSize: 1.5em;
  --pageViewHighlight1ContentBlockTitleBorderThickness: 0px 0px 2px 0px;
  --pageViewHighlight1ContentBlockTitleBorderColor: var(--backgroundPrimaryColor);
  /* Page view - Highlight2 - Content block */
  --pageViewHighlight2ContentBlockPadding: 15px;
  --pageViewHighlight2ContentBlockBorderColor: var(--primaryColor);
  --pageViewHighlight2ContentBlockBorderThickness: 2px;
  --pageViewHighlight2ContentBlockBorderRadius: 15px;
  /* Page view - Highlight3 - Content block */
  --pageViewHighlight3ContentBlockPadding: 15px;
  --pageViewHighlight3ContentBlockBackground: var(--primaryLighterColor);
  --pageViewHighlight3ContentBlockFontColor: var(--fontSecondaryColor);
  /* Content section */
  --contentMinHeight: calc(100vh - 180px);
  /* Page view - Text block - Image */
  --pageViewTextBlockImagePadding: 10px;
  --pageViewTextBlockImageMargin: 5px auto;
  --pageViewTextBlockImageMaxWidth: 90%;
  --pageViewTextBlockImageBorderRadius: 15px;
  --pageViewTextBlockImageBoxShadow: 1px 1px 5px #6d6d6d;
}
body .tabs {
  /* Tab view */
  --tabViewTabFontWeight: 500;
  --tabViewBorderThickness: 0px;
  /* Tab view - Header */
  --tabViewHeaderMarginLeft: 0px;
  --tabViewHeaderMarginBottom: 5px;
  /* Tab view - Tab */
  --tabViewTabBackground: transparent;
  --tabViewTabFontColor: var(--fontColor);
  --tabViewTabBorderThickness: 0px;
  /* Tab view - Tab - Active */
  --tabViewTabActiveBackground: transparent;
  --tabViewTabActiveBorderThickness: 0px 0px 3px 0px;
  --tabViewTabActiveBorderColor: var(--primaryColor);
  --tabViewTabActiveFontColor: var(--primaryColor);
  /* Tab view - Tab - Hover */
  --tabViewTabHoverBackground: transparent;
  --tabViewTabHoverFontColor: var(--primaryColor);
  /* Tab view - Body */
  --tabViewBodyBorderThickness: 0px;
  --tabViewBodyBackground: none;
  --tabViewBodyPadding: 15px 0px 0px 0px;
}
body.blueSkyColorTemplate {
  --primaryColor: #2d63a7;
  --footerBackground: #2d63a7;
  --inputHoverBorderColor: #2f80f1;
}
body.forestGreenColorTemplate {
  --primaryColor: #025b63;
  --inputHoverBorderColor: #208d98;
}
body.sunsetColorTemplate {
  --primaryColor: #ac2e2d;
  --inputHoverBorderColor: #b33e3e;
}
/*# sourceMappingURL=c2cparis.css.map */