body {
  /* Theme */
  --primaryColor: #d8d8d8;
  --secondaryColor: #606060;
  --tertiaryColor: #979797;
  /* General */
  --fontName: 'Raleway', sans-serif;
  --background: var(--backgroundPrimaryColor);
  --fontColor: #222222;
  --fontLineHeight: 1.6em;
  --fontLetterSpacing: 0.005em;
  --backgroundPrimaryColor: #fff;
  --fontMenuColor: #686868;
  /* Page layout */
  --pageSectionsSideMargin: 5%;
  --pageSectionsSideMarginMediumScreen: 25px;
  --pageSectionsSideMarginSmallScreen: 15px;
  /* Info */
  --infoFloat: none;
  /* Navigation Menu */
  --navigationTopMenuFloat: none;
  /* Frame */
  --frameContentContainerBorderColor: rgba(179, 179, 179, 0.3);
  --frameContentContainerBorderThickness: 2px;
  --frameContentContainerBorderRadius: 15px;
  /* Footer */
  --footerMinHeight: 150px;
  --footerBackground: #686868;
  --footerFontColor: #fff;
  --footerPadding: 50px 0px;
  --footerMargin: 50px 0px 0px 0px;
  --footerLinkHoverFontColor: #fff;
  /* Footer - Title */
  --footerTitleFontColor: var(--footerFontColor);
  --footerTitleFontWeight: 700;
  --footerTitleFontSize: 1.5em;
  --footerTitleMargin: 0px 0px 5px 0px;
  /* Footer - Copyright */
  --footerCopyrightFontSize: 1em;
  --footerCopyrightFontLineHeight: 1.3em;
  --footerCopyrightPadding: 5px;
  --footerCopyrightTextAlign: right;
  /* Navigation Menu */
  --navigationMenuMargin: 15px 0px 0px 0px;
  /* Navigation Menu - Item */
  --navigationMenuItemFontColor: var(--fontMenuColor);
  --navigationMenuItemFontWeight: 600;
  --navigationMenuItemFontLetterSpacing: 0.1em;
  --navigationMenuItemBackground: var(--primaryColor);
  --navigationMenuItemMargin: 5px;
  /* Navigation Menu - Item - Hover */
  --navigationMenuItemHoverFontColor: #fff;
  --navigationMenuItemHoverBackground: var(--tertiaryColor);
  /* Navigation Menu - Item - Active */
  --navigationMenuItemActiveFontColor: #fff;
  --navigationMenuItemActiveBackground: var(--secondaryColor);
  /* Navigation Menu - Main menu - Item */
  --navigationTopMenuMainRowItemPadding: 5px 13px;
  /* Navigation Menu - Sub Menu - Item */
  --navigationTopMenuSubRowItemPadding: 3px 8px;
  /* Navigation Menu - Left Menu */
  --navigationLeftMenuMargin: 0px;
  /* Navigation Menu - Left Menu - Item */
  --navigationLeftMenuItemMargin: 5px 5px 5px 0px;
  /* Content Submenu */
  --navigationTopMenuSubRowItemFontSize: 0.9em;
  --navigationTopMenuSubRowItemHoverFontSize: 0.9em;
  --navigationTopMenuSubRowItemActiveFontSize: 0.9em;
  /* Session Menu - Item - Hover */
  --sessionMenuItemHoverFontColor: var(--secondaryColor);
  /* Session Menu - Item - Dropdown - Hover */
  --sessionMenuDropdownItemHoverFontColor: var(--secondaryColor);
  /* Headers - 1 */
  --header1FontName: 'Merriweather', sans-serif;
  --header1FontColor: var(--tertiaryColor);
  /* Headers - 2 */
  --header2FontColor: var(--secondaryColor);
  /* Headers - 3 */
  --header3FontName: var(--fontName);
  --header3FontColor: var(--fontColor);
  /* Input */
  --inputBorderThickness: 1px;
  --inputBorderColor: #aaaaaa;
  --inputIndicatorColor: var(--secondaryColor);
  /* Input - Hover */
  --inputHoverBorderColor: var(--secondaryColor);
  /* Input - Focus */
  --inputFocusBorderColor: var(--secondaryColor);
  /* Button */
  --buttonPadding: 8px;
  --buttonBackground: var(--tertiaryColor);
  --buttonBorderRadius: 0px;
  --buttonBorderThickness: 0px;
  --buttonFontColor: #ffffff;
  --buttonFontSize: 16px;
  --buttonFontWeight: 700;
  /* Button - Hover */
  --buttonHoverBackground: var(--primaryColor);
  /* Dashboard view - Options */
  --dashboardViewOptionsSpace: 5px;
  /* Dashboard view - Options - Header */
  --dashboardViewOptionsHeaderTextShadow: none;
  /* Dashboard view - Options - Field */
  --dashboardViewOptionsFieldMargin: 0px;
  --dashboardViewOptionsFieldBorderThickness: 0px 1px 1px 1px;
  /* Dashboard view - Tile */
  --dashboardViewTilePadding: 15px;
  /* Dashboard view - Big Number */
  --dashboardViewBigNumberFontColor: #6d6d6d;
  /* Tile */
  --tileViewTileBorderThickness: 2px;
  /* Tile - Hover */
  --tileViewTileHoverBorderColor: var(--tileViewTileBorderColor);
  --tileViewTileHoverBackground: var(--primaryColor);
  --tileViewTileHoverTitleFontColor: #fff;
  /* Breadcrumbs */
  --breadcrumbsBackground: var(--secondaryColor);
  --breadcrumbsPadding: 5px 10px;
  --breadcrumbsMargin: 0px 0px 15px 0px;
  --breadcrumbsFontColor: #fff;
  --breadcrumbsFontWeight: 500;
  --breadcrumbsClickableFontColor: #fff;
  --breadcrumbsClickableFontWeight: 500;
  --breadcrumbsClickableHoverFontColor: #222222;
  /* Toolbar - OptionsToolbar */
  --optionsToolbarMargin: 0 0 25px 0;
  --optionsToolbarBackground: #E8E8E8;
  --optionsToolbarBorderThickness: 0px;
  --optionsToolbarPadding: 3px;
  /* Tableview */
  /* Table view - Head */
  --tableViewHeadRowCellBackground: #E8E8E8;
  --tableViewHeadRowCellFontWeight: 500;
  /* Table view - Item - Hover */
  --tableViewDataRowCellHoverFontColor: var(--secondaryColor);
  /* Table view - Footer */
  --tableViewFooterBackground: #E8E8E8;
  --tableViewFooterBorderThickness: 1px 0px 0px 0px;
  --tableViewFooterBorderColor: #D6D6D6;
  /* Listview - Item - Hover */
  --listViewItemHoverFontColor: var(--secondaryColor);
  /* Recordview */
  --recordViewHeaderFontColor: var(--primaryColor);
  --recordViewHeaderFontLetterSpacing: 0.1em;
  --recordViewHeaderBorderColor: #aaaaaa;
  --recordViewHeaderBorderType: solid;
  --recordViewHeaderBorderThickness: 1px;
  /* QuestionnaireView - Header */
  --questionnaireViewPageHeaderFontColor: var(--secondaryColor);
  /* QuestionnaireView - Page selector */
  --questionnaireViewPageSelectorItemHoverFontColor: var(--secondaryColor);
  /* QuestionnaireView - Page selector - Item - Active */
  --questionnaireViewPageSelectorItemActiveFontColor: var(--secondaryColor);
  /* Page view */
  --pageViewContentLineGap: 25px;
  /* Page view - Title */
  --pageViewContentBlockTitleFontName: 'Merriweather', sans-serif;
  --pageViewContentBlockTitleBorderColor: #b9d3cc;
  --pageViewContentBlockTitleBorderThickness: 0px 0px 1px 0px;
  --pageViewContentBlockTitleBorderType: solid;
  /* Page view - Highlight1 - Content block */
  --pageViewHighlight1ContentBlockBackground: var(--primaryColor);
  --pageViewHighlight1ContentBlockPadding: 15px;
  /* Page view - Highlight1 - Content block - Title */
  --pageViewHighlight1ContentBlockTitleFontColor: var(--tertiaryColor);
  --pageViewHighlight1ContentBlockTitleFontSize: 1.5em;
  --pageViewHighlight1ContentBlockTitleBorderColor: var(--tertiaryColor);
  /* Page view - Highlight2 - Content block */
  --pageViewHighlight2ContentBlockPadding: 15px;
  --pageViewHighlight2ContentBlockBorderRadius: 15px;
  --pageViewHighlight2ContentBlockBorderThickness: 2px;
  --pageViewHighlight2ContentBlockBorderColor: var(--primaryColor);
  /* Page view - Highlight2 - Content block - Title */
  --pageViewHighlight2ContentBlockTitleFontColor: var(--tertiaryColor);
  --pageViewHighlight2ContentBlockTitleFontSize: 1.5em;
  /* Content section */
  --contentMinHeight: calc(100vh - 180px);
}
body .dashboardView .tabs {
  /* Tab view - Tab - Active */
  --tabViewTabActiveFontWeight: 700;
  /* Tab view - Body */
  --tabViewBodyBorderThickness: 1px 0px 0px 0px;
}
body.coolColorTemplate {
  --primaryColor: #a6e5ff;
  --secondaryColor: #01a0dc;
  --tertiaryColor: #04bbfe;
  --fontMenuColor: #01a0dc;
}
body.summerColorTemplate {
  --primaryColor: #ffca05;
  --secondaryColor: #fc923a;
  --tertiaryColor: #fe5b04;
}
body.vibeColorTemplate {
  --primaryColor: #ad1ff3;
  --secondaryColor: #ca28da;
  --tertiaryColor: #f06dfd;
  --fontMenuColor: #bdbdbd;
}
/*# sourceMappingURL=c2cbarcelona.css.map */