body {
  /* General */
  --fontName: inherit;
  --fontColor: #626262;
  --fontSize: 1em;
  --fontLineHeight: 1.5em;
  --fontWeight: 400;
  --fontDecoration: none;
  --fontLetterSpacing: 0em;
  --fontStyle: inherit;
  --fontShadow: none;
  --mediumScreenFontSize: 0.9em;
  --mediumScreenFontLineHeight: 1.4em;
  --mediumScreenFontWeight: var(--fontWeight);
  --background: transparent;
  /* Input */
  --inputBackground: #fff;
  --inputPadding: 0;
  --inputMargin: 0;
  --inputFontName: var(--fontName);
  --inputFontColor: var(--fontColor);
  --inputFontSize: var(--fontSize);
  --inputFontLineHeight: var(--fontSize);
  --inputFontWeight: var(--fontWeight);
  --inputFontDecoration: var(--fontDecoration);
  --inputFontLetterSpacing: var(--fontLetterSpacing);
  --inputFontStyle: var(--fontStyle);
  --inputFontShadow: var(--fontShadow);
  --inputBorderThickness: 1px;
  --inputBorderType: solid;
  --inputBorderColor: #b3b3b3;
  --inputBorderRadius: 0px;
  --inputContentMinimumHeight: 28px;
  --inputIndicatorSize: calc(var(--inputContentMinimumHeight) * 0.715);
  --inputIndicatorColor: var(--inputFontColor);
  --inputBoxShadow: none;
  --inputItemSelectedBackground: #dbecf3;
  /* Input - Hover */
  --inputHoverFontColor: var(--inputFontColor);
  --inputHoverBorderThickness: var(--inputBorderThickness);
  --inputHoverBorderType: var(--inputBorderType);
  --inputHoverBorderColor: #6ba6e1;
  --inputHoverBorderRadius: var(--inputBorderRadius);
  --inputHoverBackground: var(--inputBackground);
  /* Input - Focus */
  --inputFocusFontColor: var(--inputFontColor);
  --inputFocusBorderThickness: var(--inputBorderThickness);
  --inputFocusBorderType: var(--inputBorderType);
  --inputFocusBorderColor: #6ba6e1;
  --inputFocusBorderRadius: var(--inputBorderRadius);
  --inputFocusBackground: var(--inputBackground);
  --inputFocusBoxShadow: var(--inputBoxShadow);
  /* Input - Error */
  --inputErrorFontColor: red;
  --inputErrorBackground: var(--inputBackground);
  --inputErrorBorderThickness: var(--inputBorderThickness);
  --inputErrorBorderType: var(--inputBorderType);
  --inputErrorBorderColor: #db7b7b;
  --inputErrorBorderRadius: var(--inputBorderRadius);
  --inputErrorIndicatorContent: '!';
  --inputErrorIndicatorSize: 16px;
  --inputErrorIndicatorRadius: 99999px;
  --inputErrorIndicatorBackground: #c70e15;
  --inputErrorIndicatorFontName: inherit;
  --inputErrorIndicatorFontDecoration: inherit;
  --inputErrorIndicatorFontLetterSpacing: inherit;
  --inputErrorIndicatorFontStyle: inherit;
  --inputErrorIndicatorFontShadow: inherit;
  --inputErrorIndicatorFontColor: #fff;
  --inputErrorIndicatorFontWeight: 700;
  --inputErrorIndicatorFontLineHeight: 1em;
  --inputErrorIndicatorFontSize: inherit;
  /* Input - Disabled */
  --inputDisabledFontColor: #808080;
  --inputDisabledBackground: #EBEBEB;
  --inputDisabledCheckedBackground: #858585;
  --inputDisabledBorderThickness: var(--inputBorderThickness);
  --inputDisabledBorderType: var(--inputBorderType);
  --inputDisabledBorderColor: var(--inputBorderColor);
  --inputDisabledBorderRadius: var(--inputBorderRadius);
  --inputDisabledIconColor: #b3b3b3;
  /* Input TextBox */
  /* Input TextBox - Field */
  --inputTextBoxInputFieldPadding: 0px 5px;
  /* Input TextArea */
  /* Input TextBox - Field */
  --inputTextAreaInputFieldPadding: 0px 5px;
  /* Input - Select */
  --inputSelectIndicatorSize: var(--inputIndicatorSize);
  /* Input - SelectBox - Dropdown */
  --inputSelectBoxDropdownBackground: #fff;
  --inputSelectBoxDropdownBorderThickness: 1px;
  --inputSelectBoxDropdownBorderType: solid;
  --inputSelectBoxDropdownBorderColor: #b3b3b3;
  --inputSelectBoxDropdownBorderRadius: 0px;
  /* Input - SelectBox - Dropdown - Group */
  --inputSelectBoxDropdownGroupBackground: var(--inputSelectBoxDropdownBackground);
  --inputSelectBoxDropdownGroupFontColor: var(--inputFontColor);
  --inputSelectBoxDropdownGroupBorderColor: transparent;
  --inputSelectBoxDropdownGroupBorderType: solid;
  --inputSelectBoxDropdownGroupBorderThickness: 0px;
  --inputSelectBoxDropdownGroupBorderRadius: 0px;
  /* Input - SelectBox - Dropdown - Item */
  --inputSelectBoxDropdownItemPadding: 3px;
  /* Input - SelectBox - Dropdown - Item - Active */
  --inputSelectBoxDropdownItemActiveBackground: var(--inputItemSelectedBackground);
  --inputSelectBoxDropdownItemActiveFontColor: #333;
  /* Input - SelectBox - Dropdown - Item - Hover */
  --inputSelectBoxDropdownItemHoverBackground: var(--inputItemSelectedBackground);
  --inputSelectBoxDropdownItemHoverFontColor: #333;
  /* Input - Font Select Box - Dropdown */
  --inputFontSelectBoxDropdownPadding: 5px;
  /* Input - Margin Select Box - Dropdown */
  --inputMarginSelectBoxDropdownPadding: 5px;
  /* Input - Slider */
  --inputSliderMargin: 12px 0px 10px;
  --inputSliderPadding: 5px;
  --inputSliderBackground: transparent;
  --inputSliderBorderThickness: 1px;
  --inputSliderBorderType: solid;
  --inputSliderBorderColor: transparent;
  --inputSliderBorderRadius: 0px;
  --inputSliderHeight: auto;
  /* Input - Slider - Bar */
  --inputSliderBarMargin: 12px 0px 10px;
  --inputSliderBarPadding: 0px;
  --inputSliderBarBackground: #e1e1e1;
  --inputSliderBarShadow: none;
  --inputSliderBarBorderThickness: 1px;
  --inputSliderBarBorderType: solid;
  --inputSliderBarBorderColor: #b3b3b3;
  --inputSliderBarBorderRadius: 0px;
  --inputSliderBarHeight: 10px;
  /* Input - Slider - Thumb */
  --inputSliderThumbOffsetTop: 0px;
  --inputSliderThumbMargin: -10px 0px 0px 0px;
  --inputSliderThumbPadding: 0px;
  --inputSliderThumbBackground: var(--inputIndicatorColor);
  --inputSliderThumbShadow: none;
  --inputSliderThumbBorderThickness: 1px;
  --inputSliderThumbBorderType: solid;
  --inputSliderThumbBorderColor: #b3b3b3;
  --inputSliderThumbBorderRadius: 0px;
  --inputSliderThumbHeight: 25px;
  --inputSliderThumbWidth: 10px;
  /* Input - Slider - Points */
  --inputSliderPointsOffsetTop: -6px;
  --inputSliderPointsOffsetLeft: 0px;
  --inputSliderPointsOffsetRight: 0px;
  --inputSliderPointsHeight: 12px;
  /* Input - Slider - Point */
  --inputSliderPointMargin: auto;
  --inputSliderPointPadding: 0px;
  --inputSliderPointBackground: #e1e1e1;
  --inputSliderPointShadow: none;
  --inputSliderPointBorderThickness: 1px;
  --inputSliderPointBorderType: solid;
  --inputSliderPointBorderColor: #b3b3b3;
  --inputSliderPointBorderRadius: 0px;
  --inputSliderPointHeight: 20px;
  --inputSliderPointWidth: 3px;
  /* Input - Value Slider */
  --inputValueSliderMargin: var(--inputSliderMargin);
  --inputValueSliderPadding: var(--inputSliderPadding);
  --inputValueSliderBackground: var(--inputSliderBackground);
  --inputValueSliderBorderThickness: var(--inputSliderBorderThickness);
  --inputValueSliderBorderType: var(--inputSliderBorderType);
  --inputValueSliderBorderColor: var(--inputSliderBorderColor);
  --inputValueSliderBorderRadius: var(--inputSliderBorderRadius);
  --inputValueSliderHeight: var(--inputSliderHeight);
  /* Input - Value Slider - Bar */
  --inputValueSliderBarMargin: var(--inputSliderBarMargin);
  --inputValueSliderBarPadding: var(--inputSliderBarPadding);
  --inputValueSliderBarBackground: var(--inputSliderBarBackground);
  --inputValueSliderBarShadow: var(--inputSliderBarShadow);
  --inputValueSliderBarBorderThickness: var(--inputSliderBarBorderThickness);
  --inputValueSliderBarBorderType: var(--inputSliderBarBorderType);
  --inputValueSliderBarBorderColor: var(--inputSliderBarBorderColor);
  --inputValueSliderBarBorderRadius: var(--inputSliderBarBorderRadius);
  --inputValueSliderBarHeight: var(--inputSliderBarHeight);
  /* Input - Value Slider - Thumb */
  --inputValueSliderThumbOffsetTop: var(--inputSliderThumbOffsetTop);
  --inputValueSliderThumbMargin: var(--inputSliderThumbMargin);
  --inputValueSliderThumbPadding: var(--inputSliderThumbPadding);
  --inputValueSliderThumbBackground: var(--inputSliderThumbBackground);
  --inputValueSliderThumbShadow: var(--inputSliderThumbShadow);
  --inputValueSliderThumbBorderThickness: var(--inputSliderThumbBorderThickness);
  --inputValueSliderThumbBorderType: var(--inputSliderThumbBorderType);
  --inputValueSliderThumbBorderColor: var(--inputSliderThumbBorderColor);
  --inputValueSliderThumbBorderRadius: var(--inputSliderThumbBorderRadius);
  --inputValueSliderThumbHeight: var(--inputSliderThumbHeight);
  --inputValueSliderThumbWidth: var(--inputSliderThumbWidth);
  /* Input - Value Slider - Points */
  --inputValueSliderPointsOffsetTop: var(--inputSliderPointsOffsetTop);
  --inputValueSliderPointsOffsetLeft: var(--inputSliderPointsOffsetLeft);
  --inputValueSliderPointsOffsetRight: var(--inputSliderPointsOffsetRight);
  --inputValueSliderPointsHeight: var(--inputSliderPointsHeight);
  /* Input - Value Slider - Point */
  --inputValueSliderPointMargin: var(--inputSliderPointMargin);
  --inputValueSliderPointPadding: var(--inputSliderPointPadding);
  --inputValueSliderPointBackground: var(--inputSliderPointBackground);
  --inputValueSliderPointShadow: var(--inputSliderPointShadow);
  --inputValueSliderPointBorderThickness: var(--inputSliderPointBorderThickness);
  --inputValueSliderPointBorderType: var(--inputSliderPointBorderType);
  --inputValueSliderPointBorderColor: var(--inputSliderPointBorderColor);
  --inputValueSliderPointBorderRadius: var(--inputSliderPointBorderRadius);
  --inputValueSliderPointHeight: var(--inputSliderPointHeight);
  --inputValueSliderPointWidth: var(--inputSliderPointWidth);
  /* Input - Number Slider */
  --inputNumberSliderMargin: var(--inputSliderMargin);
  --inputNumberSliderPadding: var(--inputSliderPadding);
  --inputNumberSliderBackground: var(--inputSliderBackground);
  --inputNumberSliderBorderThickness: var(--inputSliderBorderThickness);
  --inputNumberSliderBorderType: var(--inputSliderBorderType);
  --inputNumberSliderBorderColor: var(--inputSliderBorderColor);
  --inputNumberSliderBorderRadius: var(--inputSliderBorderRadius);
  --inputNumberSliderHeight: var(--inputSliderHeight);
  /* Input - Number Slider - Bar */
  --inputNumberSliderBarMargin: var(--inputSliderBarMargin);
  --inputNumberSliderBarPadding: var(--inputSliderBarPadding);
  --inputNumberSliderBarBackground: var(--inputSliderBarBackground);
  --inputNumberSliderBarShadow: var(--inputSliderBarShadow);
  --inputNumberSliderBarBorderThickness: var(--inputSliderBarBorderThickness);
  --inputNumberSliderBarBorderType: var(--inputSliderBarBorderType);
  --inputNumberSliderBarBorderColor: var(--inputSliderBarBorderColor);
  --inputNumberSliderBarBorderRadius: var(--inputSliderBarBorderRadius);
  --inputNumberSliderBarHeight: var(--inputSliderBarHeight);
  /* Input - Number Slider - Thumb */
  --inputNumberSliderThumbOffsetTop: var(--inputSliderThumbOffsetTop);
  --inputNumberSliderThumbMargin: var(--inputSliderThumbMargin);
  --inputNumberSliderThumbPadding: var(--inputSliderThumbPadding);
  --inputNumberSliderThumbBackground: var(--inputSliderThumbBackground);
  --inputNumberSliderThumbShadow: var(--inputSliderThumbShadow);
  --inputNumberSliderThumbBorderThickness: var(--inputSliderThumbBorderThickness);
  --inputNumberSliderThumbBorderType: var(--inputSliderThumbBorderType);
  --inputNumberSliderThumbBorderColor: var(--inputSliderThumbBorderColor);
  --inputNumberSliderThumbBorderRadius: var(--inputSliderThumbBorderRadius);
  --inputNumberSliderThumbHeight: var(--inputSliderThumbHeight);
  --inputNumberSliderThumbWidth: var(--inputSliderThumbWidth);
  /* Input - Number Slider - Points */
  --inputNumberSliderPointsOffsetTop: var(--inputSliderPointsOffsetTop);
  --inputNumberSliderPointsOffsetLeft: var(--inputSliderPointsOffsetLeft);
  --inputNumberSliderPointsOffsetRight: var(--inputSliderPointsOffsetRight);
  --inputNumberSliderPointsHeight: var(--inputSliderPointsHeight);
  /* Input - Number Slider - Point */
  --inputNumberSliderPointMargin: var(--inputSliderPointMargin);
  --inputNumberSliderPointPadding: var(--inputSliderPointPadding);
  --inputNumberSliderPointBackground: var(--inputSliderPointBackground);
  --inputNumberSliderPointShadow: var(--inputSliderPointShadow);
  --inputNumberSliderPointBorderThickness: var(--inputSliderPointBorderThickness);
  --inputNumberSliderPointBorderType: var(--inputSliderPointBorderType);
  --inputNumberSliderPointBorderColor: var(--inputSliderPointBorderColor);
  --inputNumberSliderPointBorderRadius: var(--inputSliderPointBorderRadius);
  --inputNumberSliderPointHeight: var(--inputSliderPointHeight);
  --inputNumberSliderPointWidth: var(--inputSliderPointWidth);
  /* Input - List */
  --inputListPadding: 3px;
  --inputListBorderThickness: var(--inputBorderThickness);
  --inputListBorderType: var(--inputBorderType);
  --inputListBorderColor: var(--inputBorderColor);
  --inputListBorderRadius: var(--inputBorderRadius);
  --inputListBackground: var(--inputBackground);
  --inputListMargin: var(--inputMargin);
  --inputListBoxShadow: var(--inputBoxShadow);
  /* Input - List - Item */
  --inputListItemSeperatorHeight: 3px;
  /* Input - ImageList */
  --inputImageListBorderThickness: var(--inputListBorderThickness);
  --inputImageListBorderType: var(--inputListBorderType);
  --inputImageListBorderColor: var(--inputListBorderColor);
  --inputImageListBorderRadius: var(--inputListBorderRadius);
  --inputImageListBackground: var(--inputListBackground);
  --inputImageListPadding: var(--inputListPadding);
  --inputImageListMargin: var(--inputListMargin);
  --inputImageListBoxShadow: var(--inputListBoxShadow);
  /* Input - ImageList - Item */
  --inputImageListItemSeperatorHeight: var(--inputListItemSeperatorHeight);
  /* Input - ImageList - Item */
  --inputImageListItemBackground: transparent;
  --inputImageListItemBorderThickness: 0px;
  --inputImageListItemBorderType: solid;
  --inputImageListItemBorderColor: transparent;
  --inputImageListItemBorderRadius: 0px;
  --inputImageListItemPadding: 5px;
  /* Input - ImageList - Item - Active */
  --inputImageListItemActiveBackground: var(--inputItemSelectedBackground);
  --inputImageListItemActiveBorderThickness: var(--inputImageListItemBorderThickness);
  --inputImageListItemActiveBorderType: var(--inputImageListItemBorderType);
  --inputImageListItemActiveBorderColor: var(--inputImageListItemBorderColor);
  --inputImageListItemActiveBorderRadius: var(--inputImageListItemBorderRadius);
  /* Input - ImageList - Item - Hover */
  --inputImageListItemHoverBackground: var(--inputItemSelectedBackground);
  --inputImageListItemHoverBorderThickness: var(--inputImageListItemBorderThickness);
  --inputImageListItemHoverBorderType: var(--inputImageListItemBorderType);
  --inputImageListItemHoverBorderColor: var(--inputImageListItemBorderColor);
  --inputImageListItemHoverBorderRadius: var(--inputImageListItemBorderRadius);
  /* Input - Radio list */
  --inputRadioListBorderThickness: var(--inputListBorderThickness);
  --inputRadioListBorderType: var(--inputListBorderType);
  --inputRadioListBorderColor: var(--inputListBorderColor);
  --inputRadioListBorderRadius: var(--inputListBorderRadius);
  --inputRadioListBackground: var(--inputListBackground);
  --inputRadioListPadding: var(--inputListPadding);
  --inputRadioListMargin: var(--inputListMargin);
  --inputRadioListBoxShadow: var(--inputListBoxShadow);
  /* Input - Radio list - Error */
  --inputRadioListErrorBackground: var(--inputRadioListBackground);
  --inputRadioListErrorBorderThickness: var(--inputRadioListBorderThickness);
  --inputRadioListErrorBorderType: var(--inputRadioListBorderType);
  --inputRadioListErrorBorderColor: var(--inputErrorBorderColor);
  --inputRadioListErrorBorderRadius: var(--inputRadioListBorderRadius);
  /* Input - Radio list - Item */
  --inputRadioListItemFontColor: var(--inputFontColor);
  --inputRadioListItemFontWeight: var(--inputFontWeight);
  --inputRadioListItemFontSize: var(--inputFontSize);
  --inputRadioListItemFontName: inherit;
  --inputRadioListItemFontShadow: inherit;
  --inputRadioListItemFontLetterSpacing: inherit;
  --inputRadioListItemFontLineHeight: inherit;
  --inputRadioListItemFontDecoration: inherit;
  --inputRadioListItemFontStyle: inherit;
  --inputRadioListItemBorderThickness: 0px;
  --inputRadioListItemBorderType: solid;
  --inputRadioListItemBorderColor: transparent;
  --inputRadioListItemBorderRadius: 0px;
  --inputRadioListItemBackground: none;
  --inputRadioListItemPadding: 0px;
  --inputRadioListItemSeperatorHeight: var(--inputListItemSeperatorHeight);
  --inputRadioListItemBoxShadow: none;
  /* Input - Radio list - Item - Hover */
  --inputRadioListItemHoverFontColor: var(--inputRadioListItemFontColor);
  --inputRadioListItemHoverFontWeight: var(--inputRadioListItemFontWeight);
  --inputRadioListItemHoverFontSize: var(--inputRadioListItemFontSize);
  --inputRadioListItemHoverFontName: var(--inputRadioListItemFontName);
  --inputRadioListItemHoverFontShadow: var(--inputRadioListItemFontShadow);
  --inputRadioListItemHoverFontLetterSpacing: var(--inputRadioListItemFontLetterSpacing);
  --inputRadioListItemHoverFontLineHeight: var(--inputRadioListItemFontLineHeight);
  --inputRadioListItemHoverFontDecoration: var(--inputRadioListItemFontDecoration);
  --inputRadioListItemHoverFontStyle: var(--inputRadioListItemFontStyle);
  /* Input - Radio list - Item - Error */
  --inputRadioListItemErrorFontColor: var(--inputErrorFontColor);
  --inputRadioListItemErrorFontWeight: var(--inputRadioListItemFontWeight);
  --inputRadioListItemErrorFontSize: var(--inputRadioListItemFontSize);
  --inputRadioListItemErrorFontName: var(--inputRadioListItemFontName);
  --inputRadioListItemErrorFontShadow: var(--inputRadioListItemFontShadow);
  --inputRadioListItemErrorFontLetterSpacing: var(--inputRadioListItemFontLetterSpacing);
  --inputRadioListItemErrorFontLineHeight: var(--inputRadioListItemFontLineHeight);
  --inputRadioListItemErrorFontDecoration: var(--inputRadioListItemFontDecoration);
  --inputRadioListItemErrorFontStyle: var(--inputRadioListItemFontStyle);
  /* Input - Radio Button */
  --inputRadioButtonWidth: var(--inputContentMinimumHeight);
  --inputRadioButtonHeight: var(--inputContentMinimumHeight);
  --inputRadioButtonIndicatorSize: var(--inputIndicatorSize);
  --inputRadioButtonIndicatorColor: var(--inputIndicatorColor);
  --inputRadioButtonIndicatorTranslate: translate(-50%, -50%);
  --inputRadioButtonIndicatorContent: '\e8cd';
  --inputRadioButtonBackground: var(--inputBackground);
  --inputRadioButtonBorderThickness: var(--inputBorderThickness);
  --inputRadioButtonBorderType: var(--inputBorderType);
  --inputRadioButtonBorderColor: var(--inputBorderColor);
  --inputRadioButtonBorderRadius: 9999px;
  /* Input - Checkbox list */
  --inputCheckboxListBorderThickness: var(--inputListBorderThickness);
  --inputCheckboxListBorderType: var(--inputListBorderType);
  --inputCheckboxListBorderColor: var(--inputListBorderColor);
  --inputCheckboxListBorderRadius: var(--inputListBorderRadius);
  --inputCheckboxListBackground: var(--inputListBackground);
  --inputCheckboxListPadding: var(--inputListPadding);
  --inputCheckboxListMargin: var(--inputListMargin);
  --inputCheckboxListBoxShadow: var(--inputListBoxShadow);
  /* Input - Checkbox list - Item */
  --inputCheckboxListItemFontColor: var(--inputFontColor);
  --inputCheckboxListItemFontWeight: var(--inputFontWeight);
  --inputCheckboxListItemFontSize: var(--inputFontSize);
  --inputCheckboxListItemFontName: inherit;
  --inputCheckboxListItemFontShadow: inherit;
  --inputCheckboxListItemFontLetterSpacing: inherit;
  --inputCheckboxListItemFontLineHeight: inherit;
  --inputCheckboxListItemFontDecoration: inherit;
  --inputCheckboxListItemFontStyle: inherit;
  --inputCheckboxListItemBorderThickness: 0px;
  --inputCheckboxListItemBorderType: solid;
  --inputCheckboxListItemBorderColor: transparent;
  --inputCheckboxListItemBorderRadius: 0px;
  --inputCheckboxListItemBackground: none;
  --inputCheckboxListItemPadding: 0px;
  --inputCheckboxListItemBoxShadow: none;
  --inputCheckboxListItemSeperatorHeight: var(--inputListItemSeperatorHeight);
  /* Input - Checkbox list - Item - Hover */
  --inputCheckboxListItemHoverFontColor: var(--inputCheckboxListItemFontColor);
  --inputCheckboxListItemHoverFontWeight: var(--inputCheckboxListItemFontWeight);
  --inputCheckboxListItemHoverFontSize: var(--inputCheckboxListItemFontSize);
  --inputCheckboxListItemHoverFontName: var(--inputCheckboxListItemFontName);
  --inputCheckboxListItemHoverFontShadow: var(--inputCheckboxListItemFontShadow);
  --inputCheckboxListItemHoverFontLetterSpacing: var(--inputCheckboxListItemFontLetterSpacing);
  --inputCheckboxListItemHoverFontLineHeight: var(--inputCheckboxListItemFontLineHeight);
  --inputCheckboxListItemHoverFontDecoration: var(--inputCheckboxListItemFontDecoration);
  --inputCheckboxListItemHoverFontStyle: var(--inputCheckboxListItemFontStyle);
  /* Input - Checkbox list - Item - Error */
  --inputCheckboxListItemErrorFontColor: var(--inputErrorFontColor);
  --inputCheckboxListItemErrorFontWeight: var(--inputCheckboxListItemFontWeight);
  --inputCheckboxListItemErrorFontSize: var(--inputCheckboxListItemFontSize);
  --inputCheckboxListItemErrorFontName: var(--inputCheckboxListItemFontName);
  --inputCheckboxListItemErrorFontShadow: var(--inputCheckboxListItemFontShadow);
  --inputCheckboxListItemErrorFontLetterSpacing: var(--inputCheckboxListItemFontLetterSpacing);
  --inputCheckboxListItemErrorFontLineHeight: var(--inputCheckboxListItemFontLineHeight);
  --inputCheckboxListItemErrorFontDecoration: var(--inputCheckboxListItemFontDecoration);
  --inputCheckboxListItemErrorFontStyle: var(--inputCheckboxListItemFontStyle);
  /* Input - Checkbox list - Error */
  --inputCheckboxListErrorBackground: var(--inputCheckboxListBackground);
  --inputCheckboxListErrorBorderThickness: var(--inputCheckboxListBorderThickness);
  --inputCheckboxListErrorBorderType: var(--inputCheckboxListBorderType);
  --inputCheckboxListErrorBorderColor: var(--inputErrorBorderColor);
  --inputCheckboxListErrorBorderRadius: var(--inputCheckboxListBorderRadius);
  /* Input - Checkbox */
  --inputCheckboxWidth: var(--inputContentMinimumHeight);
  --inputCheckboxHeight: var(--inputContentMinimumHeight);
  --inputCheckboxIndicatorSize: var(--inputIndicatorSize);
  --inputCheckboxIndicatorColor: var(--inputIndicatorColor);
  --inputCheckboxIndicatorTranslate: translate(-50%, -50%);
  --inputCheckboxIndicatorContent: '\e8c7';
  --inputCheckboxBorderThickness: var(--inputBorderThickness);
  --inputCheckboxBorderColor: var(--inputBorderColor);
  --inputCheckboxBorderType: var(--inputBorderType);
  --inputCheckboxBorderRadius: var(--inputBorderRadius);
  --inputCheckboxBackground: var(--inputBackground);
  /* Button */
  --buttonBorderThickness: 2px;
  --buttonBorderType: solid;
  --buttonBorderColor: #d0d0d0;
  --buttonBorderRadius: 5px;
  --buttonBackground: #f2f2f2;
  --buttonPadding: 5px;
  --buttonFontName: var(--fontName);
  --buttonFontSize: 1em;
  --buttonFontColor: var(--fontColor);
  --buttonFontWeight: 600;
  --buttonFontLineHeight: var(--fontLineHeight);
  --buttonFontStyle: none;
  --buttonFontDecoration: none;
  --buttonFontShadow: none;
  /* Button - Disabled */
  --buttonDisabledBackground: #EBEBEB;
  --buttonDisabledFontColor: #c4bbbb;
  --buttonDisabledBorderThickness: var(--buttonBorderThickness);
  --buttonDisabledBorderType: var(--buttonBorderType);
  --buttonDisabledBorderColor: var(--buttonBorderColor);
  --buttonDisabledBorderRadius: var(--buttonBorderRadius);
  /* Button - Hover */
  --buttonHoverFontColor: var(--buttonFontColor);
  --buttonHoverBorderThickness: var(--buttonBorderThickness);
  --buttonHoverBorderType: var(--buttonBorderType);
  --buttonHoverBorderColor: var(--buttonBorderColor);
  --buttonHoverBorderRadius: var(--buttonBorderRadius);
  --buttonHoverBackground: #ededed;
  /* Button - Secondair */
  --buttonSecondairBackground: transparent;
  --buttonSecondairFontColor: var(--buttonBackground);
  --buttonSecondairBorderThickness: var(--buttonBorderThickness);
  --buttonSecondairBorderType: var(--buttonBorderType);
  --buttonSecondairBorderColor: var(--buttonBackground);
  --buttonSecondairBorderRadius: var(--buttonBorderRadius);
  /* Button - Secondair - Disabled */
  --buttonSecondairDisabledBackground: transparent;
  --buttonSecondairDisabledFontColor: var(--buttonDisabledFontColor);
  --buttonSecondairDisabledBorderThickness: var(--buttonSecondairBorderThickness);
  --buttonSecondairDisabledBorderType: var(--buttonSecondairBorderType);
  --buttonSecondairDisabledBorderColor: #EBEBEB;
  --buttonSecondairDisabledBorderRadius: var(--buttonSecondairBorderRadius);
  /* Link */
  --linkFontColor: #1f497d;
  --linkFontWeight: inherit;
  --linkFontStyle: none;
  --linkFontDecoration: none;
  --linkFontShadow: none;
  /* Link - Hover */
  --linkHoverFontColor: #2f80f1;
  --linkHoverFontWeight: inherit;
  --linkHoverFontStyle: none;
  --linkHoverFontDecoration: underline;
  --linkHoverFontShadow: none;
  /* Headers - 1 */
  --header1FontName: var(--fontName);
  --header1FontShadow: none;
  --header1FontColor: var(--fontColor);
  --header1FontSize: 2.125em;
  --header1FontLetterSpacing: 0.05em;
  --header1FontWeight: 700;
  --header1FontLineHeight: 1.25em;
  --header1FontDecoration: none;
  --header1FontStyle: none;
  --header1MediumScreenFontSize: 1.8em;
  --header1MediumScreenFontLineHeight: 1.15em;
  --header1MediumScreenFontWeight: var(--header1FontWeight);
  --header1BorderThickness: 0px;
  --header1BorderType: solid;
  --header1BorderColor: transparent;
  --header1BorderRadius: 0px;
  --header1Padding: 0px;
  --header1Margin: 0 0 0.67em 0;
  /* Headers - 2 */
  --header2FontName: var(--header1FontName);
  --header2FontShadow: var(--header1FontShadow);
  --header2FontColor: var(--header1FontColor);
  --header2FontSize: 1.875em;
  --header2FontLetterSpacing: 0.025em;
  --header2FontWeight: 700;
  --header2FontLineHeight: 1.25em;
  --header2FontDecoration: none;
  --header2FontStyle: none;
  --header2MediumScreenFontSize: 1.5em;
  --header2MediumScreenFontLineHeight: 1.15em;
  --header2MediumScreenFontWeight: var(--header2FontWeight);
  --header2BorderThickness: 0px;
  --header2BorderType: solid;
  --header2BorderColor: transparent;
  --header2BorderRadius: 0px;
  --header2Padding: 0px;
  --header2Margin: 0 0 0.37em 0;
  /* Headers - 3 */
  --header3FontName: var(--header2FontName);
  --header3FontShadow: var(--header2FontShadow);
  --header3FontColor: var(--header2FontColor);
  --header3FontSize: 1.5em;
  --header3FontLetterSpacing: 0.015em;
  --header3FontWeight: 700;
  --header3FontLineHeight: 1.25em;
  --header3FontDecoration: none;
  --header3FontStyle: none;
  --header3MediumScreenFontSize: 1.25em;
  --header3MediumScreenFontLineHeight: 1.15em;
  --header3MediumScreenFontWeight: var(--header3FontWeight);
  --header3BorderThickness: 0px;
  --header3BorderType: solid;
  --header3BorderColor: transparent;
  --header3BorderRadius: 0px;
  --header3Padding: 0px;
  --header3Margin: 0 0 0.27em 0;
  /* Headers - 4 */
  --header4FontName: var(--header3FontName);
  --header4FontShadow: var(--header3FontShadow);
  --header4FontColor: var(--header3FontColor);
  --header4FontSize: 1.25em;
  --header4FontLetterSpacing: 0.01em;
  --header4FontWeight: 700;
  --header4FontLineHeight: 1.25em;
  --header4FontDecoration: none;
  --header4FontStyle: none;
  --header4MediumScreenFontSize: 1.15em;
  --header4MediumScreenFontLineHeight: 1.15em;
  --header4MediumScreenFontWeight: var(--header4FontWeight);
  --header4BorderThickness: 0px;
  --header4BorderType: solid;
  --header4BorderColor: transparent;
  --header4BorderRadius: 0px;
  --header4Padding: 0px;
  --header4Margin: 0 0 0.17em 0;
  /* Headers - 5 */
  --header5FontName: var(--header4FontName);
  --header5FontShadow: var(--header4FontShadow);
  --header5FontColor: var(--header4FontColor);
  --header5FontSize: 1em;
  --header5FontLetterSpacing: 0em;
  --header5FontWeight: 700;
  --header5FontDecoration: none;
  --header5FontStyle: none;
  --header5FontLineHeight: 1.25em;
  --header5MediumScreenFontSize: 1em;
  --header5MediumScreenFontLineHeight: 1.15em;
  --header5MediumScreenFontWeight: var(--header5FontWeight);
  --header5BorderThickness: 0px;
  --header5BorderType: solid;
  --header5BorderColor: transparent;
  --header5BorderRadius: 0px;
  --header5Padding: 0px;
  --header5Margin: 0 0 0.07em 0;
  /* Toolbar */
  --toolbarBackground: none;
  --toolbarMargin: 0px;
  --toolbarPadding: 2px;
  --toolbarBorderType: solid;
  --toolbarBorderColor: transparent;
  --toolbarBorderThickness: 0px;
  --toolbarBorderRadius: 0px;
  --toolbarShadow: none;
  /* Toolbar - Input */
  --toolbarInputBorderColor: var(--inputBorderColor);
  --toolbarInputBorderThickness: var(--inputBorderThickness);
  --toolbarInputBorderType: var(--inputBorderType);
  --toolbarInputBorderRadius: var(--inputBorderRadius);
  /* Toolbar - Seperator */
  --toolbarSeperatorColor: #b3b3b3;
  --toolbarSeperatorThickness: 1px;
  --toolbarSeperatorShadow: none;
  /* Toolbar - Button */
  --toolbarButtonSize: 27px;
  --toolbarButtonBackground: transparent;
  --toolbarButtonBorderType: solid;
  --toolbarButtonBorderThickness: 1px;
  --toolbarButtonBorderColor: transparent;
  --toolbarButtonBorderRadius: 0px;
  --toolbarButtonFontColor: var(--fontColor);
  --toolbarButtonFontSize: 18px;
  /* Toolbar - Button - Hover */
  --toolbarButtonHoverBackground: var(--toolbarButtonBackground);
  --toolbarButtonHoverBorderType: var(--toolbarButtonBorderType);
  --toolbarButtonHoverBorderThickness: var(--toolbarButtonBorderThickness);
  --toolbarButtonHoverBorderColor: var(--toolbarButtonBorderColor);
  --toolbarButtonHoverBorderRadius: var(--toolbarButtonBorderRadius);
  --toolbarButtonHoverFontColor: var(--fontColor);
  --toolbarButtonHoverFontSize: var(--toolbarButtonFontSize);
  /* Toolbar - Button - Active */
  --toolbarButtonActiveBackground: #cccccc;
  --toolbarButtonActiveFontColor: var(--fontColor);
  --toolbarButtonActiveBorderType: var(--toolbarButtonBorderType);
  --toolbarButtonActiveBorderThickness: var(--toolbarButtonBorderThickness);
  --toolbarButtonActiveBorderColor: var(--toolbarButtonBorderColor);
  --toolbarButtonActiveBorderRadius: var(--toolbarButtonBorderRadius);
  --toolbarButtonActiveFontSize: var(--toolbarButtonFontSize);
  /* Toolbar - Button - Active */
  --toolbarButtonDisabledBackground: var(--toolbarButtonBackground);
  --toolbarButtonDisabledFontColor: var(--inputDisabledIconColor);
  --toolbarButtonDisabledBorderType: var(--toolbarButtonBorderType);
  --toolbarButtonDisabledBorderThickness: var(--toolbarButtonBorderThickness);
  --toolbarButtonDisabledBorderColor: var(--toolbarButtonBorderColor);
  --toolbarButtonDisabledBorderRadius: var(--toolbarButtonBorderRadius);
  --toolbarButtonDisabledFontSize: var(--toolbarButtonFontSize);
  /* Toolbar - Button - Dropdown */
  --toolbarButtonDropdownBackground: #fff;
  --toolbarButtonDropdownBorderType: solid;
  --toolbarButtonDropdownBorderThickness: 1px;
  --toolbarButtonDropdownBorderColor: #b3b3b3;
  --toolbarButtonDropdownBorderRadius: 0px;
  /* Toolbar - Button - Dropdown - Item */
  --toolbarButtonDropdownItemFontColor: var(--fontColor);
  --toolbarButtonDropdownItemBackground: transparent;
  /* Toolbar - Button - Dropdown - Item - Hover */
  --toolbarButtonDropdownItemHoverFontColor: var(--toolbarButtonDropdownItemFontColor);
  --toolbarButtonDropdownItemHoverBackground: #dbecf3;
  /* Dashboard - Tile */
  --dashboardViewTileGap: 15px;
  --dashboardViewTileBorderColor: #b3b3b3;
  --dashboardViewTileBorderThickness: 1px;
  --dashboardViewTileBorderType: solid;
  --dashboardViewTileBorderRadius: 0px;
  --dashboardViewTilePadding: 5px;
  --dashboardViewTileBackground: #fff;
  --dashboardViewTileBoxShadow: none;
  /* Dashboard - Tile - Title */
  --dashboardViewTileTitleFontColor: var(--fontColor);
  --dashboardViewTileTitleFontLetterSpacing: 0.05em;
  --dashboardViewTileTitleFontSize: 2em;
  --dashboardViewTileTitleFontLineHeight: 1.25em;
  --dashboardViewTileTitleFontWeight: inherit;
  --dashboardViewTileTitleFontName: inherit;
  --dashboardViewTileTitleFontShadow: inherit;
  --dashboardViewTileTitleFontDecoration: inherit;
  --dashboardViewTileTitleFontStyle: inherit;
  /* Dashboard - Big number */
  --dashboardViewBigNumberFontColor: var(--fontColor);
  --dashboardViewBigNumberFontLetterSpacing: 0.05em;
  --dashboardViewBigNumberFontWeight: 700;
  --dashboardViewBigNumberFontSize: 3em;
  --dashboardViewBigNumberFontLineHeight: 1.25em;
  --dashboardViewBigNumberFontName: inherit;
  --dashboardViewBigNumberFontShadow: none;
  --dashboardViewBigNumberFontDecoration: inherit;
  --dashboardViewBigNumberFontStyle: inherit;
  --dashboardViewBigNumberShrinkageColor: #df5858;
  --dashboardViewBigNumberGrowthColor: #6aac6a;
  --dashboardViewBigNumberMargin: 0px;
  --dashboardViewBigNumberPadding: 0px;
  /* Dashboard - Compare number */
  --dashboardViewCompareNumberFontColor: var(--fontColor);
  --dashboardViewCompareNumberFontLetterSpacing: inherit;
  --dashboardViewCompareNumberFontWeight: inherit;
  --dashboardViewCompareNumberFontSize: inherit;
  --dashboardViewCompareNumberFontLineHeight: inherit;
  --dashboardViewCompareNumberFontName: inherit;
  --dashboardViewCompareNumberFontShadow: none;
  --dashboardViewCompareNumberFontDecoration: inherit;
  --dashboardViewCompareNumberFontStyle: inherit;
  --dashboardViewCompareNumberMargin: 0px;
  --dashboardViewCompareNumberPadding: 0px;
  /* Dashboard view - Options */
  --dashboardViewOptionsBackground: transparent;
  --dashboardViewOptionsBorderThickness: 0px;
  --dashboardViewOptionsBorderType: solid;
  --dashboardViewOptionsBorderColor: transparent;
  --dashboardViewOptionsBorderRadius: 0px;
  --dashboardViewOptionsPadding: 0px;
  --dashboardViewOptionsSpace: 0px;
  /* Dashboard view - Options - Item */
  --dashboardViewOptionsItemBackground: transparent;
  --dashboardViewOptionsItemBorderColor: transparent;
  --dashboardViewOptionsItemBorderType: solid;
  --dashboardViewOptionsItemBorderThickness: 0px;
  --dashboardViewOptionsItemBorderRadius: 0px;
  --dashboardViewOptionsItemBoxShadow: none;
  --dashboardViewOptionsItemPadding: 0px;
  --dashboardViewOptionsItemMargin: 0px;
  /* Dashboard view - Options - Header */
  --dashboardViewOptionsHeaderBackground: #E8E8E8;
  --dashboardViewOptionsHeaderBorderColor: #D6D6D6;
  --dashboardViewOptionsHeaderBorderType: solid;
  --dashboardViewOptionsHeaderBorderThickness: 1px;
  --dashboardViewOptionsHeaderBorderRadius: 0px;
  --dashboardViewOptionsHeaderFontColor: var(--fontColor);
  --dashboardViewOptionsHeaderFontWeight: var(--fontWeight);
  --dashboardViewOptionsHeaderFontSize: var(--fontSize);
  --dashboardViewOptionsHeaderFontLineHeight: var(--fontLineHeight);
  --dashboardViewOptionsHeaderTextShadow: white 0 1px 0;
  --dashboardViewOptionsHeaderFontLetterSpacing: inherit;
  --dashboardViewOptionsHeaderFontName: inherit;
  --dashboardViewOptionsHeaderFontShadow: inherit;
  --dashboardViewOptionsHeaderFontDecoration: inherit;
  --dashboardViewOptionsHeaderFontStyle: inherit;
  --dashboardViewOptionsHeaderPadding: 0px;
  --dashboardViewOptionsHeaderMinHeight: var(--dashboardViewOptionsHeaderFontLineHeight);
  /* Dashboard view - Options - Field */
  --dashboardViewOptionsFieldBackground: #E8E8E8;
  --dashboardViewOptionsFieldBorderColor: #D6D6D6;
  --dashboardViewOptionsFieldBorderType: solid;
  --dashboardViewOptionsFieldBorderThickness: 1px;
  --dashboardViewOptionsFieldBorderRadius: 0px;
  --dashboardViewOptionsFieldFontColor: var(--fontColor);
  --dashboardViewOptionsFieldFontWeight: var(--fontWeight);
  --dashboardViewOptionsFieldFontSize: var(--fontSize);
  --dashboardViewOptionsFieldFontLineHeight: var(--fontLineHeight);
  --dashboardViewOptionsFieldFontLetterSpacing: inherit;
  --dashboardViewOptionsFieldFontName: inherit;
  --dashboardViewOptionsFieldFontShadow: inherit;
  --dashboardViewOptionsFieldFontDecoration: inherit;
  --dashboardViewOptionsFieldFontStyle: inherit;
  --dashboardViewOptionsFieldPadding: 3px 5px;
  --dashboardViewOptionsFieldMargin: 0px;
  /* Questionnaire view */
  --questionnaireViewPadding: 0px;
  --questionnaireViewMargin: 0px;
  --questionnaireViewMaxWidth: auto;
  /* Questionnaire view - Header */
  --questionnaireViewHeaderBackground: none;
  --questionnaireViewHeaderBorderType: solid;
  --questionnaireViewHeaderBorderThickness: 0px;
  --questionnaireViewHeaderBorderColor: transparent;
  --questionnaireViewHeaderBorderRadius: 0px;
  --questionnaireViewHeaderFontName: inherit;
  --questionnaireViewHeaderFontColor: #06094A;
  --questionnaireViewHeaderFontSize: inherit;
  --questionnaireViewHeaderFontLineHeight: inherit;
  --questionnaireViewHeaderFontWeight: 700;
  --questionnaireViewHeaderFontDecoration: inherit;
  --questionnaireViewHeaderFontLetterSpacing: inherit;
  --questionnaireViewHeaderFontStyle: inherit;
  --questionnaireViewHeaderFontShadow: inherit;
  --questionnaireViewHeaderPadding: 0px;
  --questionnaireViewHeaderMargin: 0px 0px 7px 0px;
  /* Questionnaire view - Question */
  --questionnaireViewQuestionMargin: 0px 0px 7px 0px;
  --questionnaireViewQuestionBackground: none;
  --questionnaireViewQuestionBorderType: solid;
  --questionnaireViewQuestionBorderThickness: 0px;
  --questionnaireViewQuestionBorderColor: transparent;
  --questionnaireViewQuestionBorderRadius: 0px;
  --questionnaireViewQuestionPadding: 0px;
  /* Questionnaire view - Question - Numbering */
  --questionnaireViewQuestionNumberingFontName: inherit;
  --questionnaireViewQuestionNumberingFontSize: 1em;
  --questionnaireViewQuestionNumberingFontColor: inherit;
  --questionnaireViewQuestionNumberingFontStyle: inherit;
  --questionnaireViewQuestionNumberingFontWeight: inherit;
  --questionnaireViewQuestionNumberingFontLineHeight: inherit;
  --questionnaireViewQuestionNumberingFontDecoration: inherit;
  --questionnaireViewQuestionNumberingFontLetterSpacing: inherit;
  --questionnaireViewQuestionNumberingFontShadow: inherit;
  --questionnaireViewQuestionNumberingPadding: 0px;
  --questionnaireViewQuestionNumberingMargin: 0px;
  /* Questionnaire view - Question - Description */
  --questionnaireViewQuestionDescriptionFontName: inherit;
  --questionnaireViewQuestionDescriptionFontSize: 1em;
  --questionnaireViewQuestionDescriptionFontColor: inherit;
  --questionnaireViewQuestionDescriptionFontStyle: inherit;
  --questionnaireViewQuestionDescriptionFontWeight: inherit;
  --questionnaireViewQuestionDescriptionFontLineHeight: inherit;
  --questionnaireViewQuestionDescriptionFontDecoration: inherit;
  --questionnaireViewQuestionDescriptionFontLetterSpacing: inherit;
  --questionnaireViewQuestionDescriptionFontShadow: inherit;
  --questionnaireViewQuestionDescriptionPadding: 0px;
  --questionnaireViewQuestionDescriptionMargin: 0px;
  /* Tile View */
  --tileViewGap: 30px;
  --tileViewBorderThickness: 0px;
  --tileViewBorderRadius: 0px;
  --tileViewBorderColor: transparent;
  --tileViewBorderType: solid;
  --tileViewBackground: transparent;
  --tileViewShadow: none;
  --tileViewMediumScreenGap: 20px;
  --tileViewMargin: 0px;
  --tileViewPadding: 0px;
  /* Tile View - Tile */
  --tileViewTileBorderThickness: 1px;
  --tileViewTileBorderRadius: 0px;
  --tileViewTileBorderColor: rgba(45, 99, 167, 0.1);
  --tileViewTileBorderType: solid;
  --tileViewTileBackground: transparent;
  --tileViewTileShadow: none;
  --tileViewTileTitleTextTransform: none;
  --tileViewTileWidth: 150px;
  --tileViewTileHeight: 150px;
  --tileViewTileMediumScreenWidth: 125px;
  --tileViewTileMediumScreenHeight: 125px;
  /* Tile View - Tile - Title */
  --tileViewTileTitlePadding: 10px 5px 0px 5px;
  --tileViewTileTitleFontColor: var(--fontColor);
  --tileViewTileTitleFontSize: var(--fontSize);
  --tileViewTileTitleFontWeight: var(--fontWeight);
  --tileViewTileTitleFontLetterSpacing: var(--fontLetterSpacing);
  --tileViewTileTitleFontName: inherit;
  --tileViewTileTitleFontLineHeight: inherit;
  --tileViewTileTitleFontStyle: none;
  --tileViewTileTitleFontDecoration: none;
  --tileViewTileTitleFontShadow: none;
  /* Tile View - Tile - Icon */
  --tileViewTileIconColor: var(--tileViewTileTitleFontColor);
  --tileViewTileIconPadding: 10px 0 0 0;
  --tileViewTileIconSize: 75px;
  --tileViewTileMediumScreenIconPadding: var(--tileViewTileIconPadding);
  --tileViewTileMediumScreenIconSize: 55px;
  /* Tile View - Tile - Hover */
  --tileViewTileHoverBorderThickness: var(--tileViewTileBorderThickness);
  --tileViewTileHoverBorderRadius: var(--tileViewTileBorderRadius);
  --tileViewTileHoverBorderType: var(--tileViewTileBorderType);
  --tileViewTileHoverBorderColor: var(--tileViewTileBorderColor);
  --tileViewTileHoverBackground: var(--tileViewTileBackground);
  --tileViewTileHoverShadow: var(--tileViewTileShadow);
  /* Tile View - Tile - Hover - Title */
  --tileViewTileHoverTitleFontColor: #989898;
  --tileViewTileHoverTitleFontSize: var(--tileViewTileTitleFontSize);
  --tileViewTileHoverTitleFontWeight: var(--tileViewTileTitleFontWeight);
  --tileViewTileHoverTitleFontLetterSpacing: var(--tileViewTileTitleFontLetterSpacing);
  --tileViewTileHoverTitleFontName: var(--tileViewTileTitleFontName);
  --tileViewTileHoverTitleFontLineHeight: var(--tileViewTileTitleFontLineHeight);
  --tileViewTileHoverTitleFontStyle: var(--tileViewTileTitleFontStyle);
  --tileViewTileHoverTitleFontDecoration: var(--tileViewTileTitleFontDecoration);
  --tileViewTileHoverTitleFontShadow: var(--tileViewTileTitleFontShadow);
  /* Tile View - Tile - Hover - Icon */
  --tileViewTileHoverIconColor: var(--tileViewTileHoverTitleFontColor);
  /* Table view */
  --tableViewBorderSpacing: 0;
  --tableViewBorderCollapse: collapse;
  --tableViewBorderThickness: 0px;
  --tableViewBorderType: solid;
  --tableViewBorderColor: transparent;
  --tableViewBorderRadius: 0px;
  --tableViewPadding: 0px;
  --tableViewMargin: 0px;
  --tableViewBackground: transparent;
  /* Table view - Indent */
  --tableViewIndentFillerColor: #c1c1c1;
  /* Table view - Head Row*/
  --tableViewHeadRowBackground: transparent;
  --tableViewHeadRowBorderThickness: 0px;
  --tableViewHeadRowBorderType: solid;
  --tableViewHeadRowBorderColor: transparent;
  /* Table view - Head Row - Cell */
  --tableViewHeadRowCellPadding: 5px;
  --tableViewHeadRowCellFontColor: inherit;
  --tableViewHeadRowCellFontSize: inherit;
  --tableViewHeadRowCellFontWeight: 600;
  --tableViewHeadRowCellFontLetterSpacing: inherit;
  --tableViewHeadRowCellFontName: inherit;
  --tableViewHeadRowCellFontLineHeight: inherit;
  --tableViewHeadRowCellFontStyle: inherit;
  --tableViewHeadRowCellFontDecoration: inherit;
  --tableViewHeadRowCellFontShadow: inherit;
  --tableViewHeadRowCellBackground: transparent;
  --tableViewHeadRowCellBorderThickness: 0px;
  --tableViewHeadRowCellBorderType: solid;
  --tableViewHeadRowCellBorderColor: transparent;
  /* Table view - Data Row  */
  --tableViewDataRowBackground: transparent;
  --tableViewDataRowBorderThickness: 0px;
  --tableViewDataRowBorderType: solid;
  --tableViewDataRowBorderColor: transparent;
  /* Table view - Data Row - Hover */
  --tableViewDataRowHoverBorderThickness: var(--tableViewDataRowBorderThickness);
  --tableViewDataRowHoverBorderType: var(--tableViewDataRowBorderType);
  --tableViewDataRowHoverBorderColor: var(--tableViewDataRowBorderColor);
  /* Table view - Data Row - Cell */
  --tableViewDataRowCellPadding: 0px;
  --tableViewDataRowCellFontColor: inherit;
  --tableViewDataRowCellFontSize: inherit;
  --tableViewDataRowCellFontWeight: 400;
  --tableViewDataRowCellFontLetterSpacing: inherit;
  --tableViewDataRowCellFontName: inherit;
  --tableViewDataRowCellFontLineHeight: inherit;
  --tableViewDataRowCellFontStyle: inherit;
  --tableViewDataRowCellFontDecoration: inherit;
  --tableViewDataRowCellFontShadow: inherit;
  --tableViewDataRowCellBackground: transparent;
  --tableViewDataRowCellBorderThickness: 0px;
  --tableViewDataRowCellBorderType: solid;
  --tableViewDataRowCellBorderColor: transparent;
  --tableViewDataRowCellHeight: auto;
  /* Table view - Data Row - Cell - Hover */
  --tableViewDataRowCellHoverBackground: transparent;
  --tableViewDataRowCellHoverFontColor: var(--tableViewDataRowCellFontColor);
  --tableViewDataRowCellHoverFontSize: var(--tableViewDataRowCellFontSize);
  --tableViewDataRowCellHoverFontWeight: var(--tableViewDataRowCellFontWeight);
  --tableViewDataRowCellHoverFontLetterSpacing: var(--tableViewDataRowCellFontLetterSpacing);
  --tableViewDataRowCellHoverFontName: var(--tableViewDataRowCellFontName);
  --tableViewDataRowCellHoverFontLineHeight: var(--tableViewDataRowCellFontLineHeight);
  --tableViewDataRowCellHoverFontStyle: var(--tableViewDataRowCellFontStyle);
  --tableViewDataRowCellHoverFontDecoration: var(--tableViewDataRowCellFontDecoration);
  --tableViewDataRowCellHoverFontShadow: var(--tableViewDataRowCellFontShadow);
  /* Table view - Seperator Row */
  --tableViewSeperatorRowBorderThickness: 1px;
  --tableViewSeperatorRowBorderColor: #f2f2f2;
  --tableViewSeperatorRowBorderType: solid;
  /* Table view - Summary Row */
  --tableViewSummaryRowBackground: transparent;
  --tableViewSummaryRowBorderThickness: 0px;
  --tableViewSummaryRowBorderType: solid;
  --tableViewSummaryRowBorderColor: transparent;
  /* Table view - Summary Row - Cell */
  --tableViewSummaryRowCellFontColor: inherit;
  --tableViewSummaryRowCellFontSize: inherit;
  --tableViewSummaryRowCellFontWeight: 700;
  --tableViewSummaryRowCellFontLetterSpacing: inherit;
  --tableViewSummaryRowCellFontName: inherit;
  --tableViewSummaryRowCellFontLineHeight: inherit;
  --tableViewSummaryRowCellFontStyle: inherit;
  --tableViewSummaryRowCellFontDecoration: inherit;
  --tableViewSummaryRowCellFontShadow: inherit;
  --tableViewSummaryRowCellBorderThickness: 2px;
  --tableViewSummaryRowCellBorderColor: #f2f2f2;
  --tableViewSummaryRowCellBorderType: solid;
  /* Table view - Footer */
  --tableViewFooterFontColor: inherit;
  --tableViewFooterFontSize: inherit;
  --tableViewFooterFontWeight: inherit;
  --tableViewFooterFontLetterSpacing: inherit;
  --tableViewFooterFontName: inherit;
  --tableViewFooterFontLineHeight: inherit;
  --tableViewFooterFontStyle: inherit;
  --tableViewFooterFontDecoration: inherit;
  --tableViewFooterFontShadow: inherit;
  --tableViewFooterBackground: none;
  --tableViewFooterBorderThickness: 0px;
  --tableViewFooterBorderType: solid;
  --tableViewFooterBorderColor: transparent;
  --tableViewFooterBorderRadius: 0px;
  /* Table view - Footer - Navigation */
  --tableViewFooterNavigationPadding: 1px 5px;
  --tableViewFooterNavigationAlign: center;
  /* Table view - Footer - Navigation - Item */
  --tableViewFooterNavigationItemPadding: 0px;
  --tableViewFooterNavigationItemBackground: transparent;
  --tableViewFooterNavigationItemBorderThickness: 0px;
  --tableViewFooterNavigationItemBorderColor: transparent;
  --tableViewFooterNavigationItemBorderType: solid;
  --tableViewFooterNavigationItemBorderRadius: 0px;
  --tableViewFooterNavigationItemFontColor: inherit;
  --tableViewFooterNavigationItemFontSize: inherit;
  --tableViewFooterNavigationItemFontWeight: bold;
  --tableViewFooterNavigationItemFontLetterSpacing: inherit;
  --tableViewFooterNavigationItemFontName: inherit;
  --tableViewFooterNavigationItemFontLineHeight: inherit;
  --tableViewFooterNavigationItemFontStyle: inherit;
  --tableViewFooterNavigationItemFontDecoration: inherit;
  --tableViewFooterNavigationItemFontShadow: inherit;
  /* Table view - Footer - Navigation - Item - Active */
  --tableViewFooterNavigationItemActivePadding: var(--tableViewFooterNavigationItemPadding);
  --tableViewFooterNavigationItemActiveBackground: var(--tableViewFooterNavigationItemBackground);
  --tableViewFooterNavigationItemActiveBorderThickness: var(--tableViewFooterNavigationItemBorderThickness);
  --tableViewFooterNavigationItemActiveBorderColor: var(--tableViewFooterNavigationItemBorderColor);
  --tableViewFooterNavigationItemActiveBorderType: var(--tableViewFooterNavigationItemBorderType);
  --tableViewFooterNavigationItemActiveBorderRadius: var(--tableViewFooterNavigationItemBorderRadius);
  --tableViewFooterNavigationItemActiveFontColor: #70B6D0;
  --tableViewFooterNavigationItemActiveFontSize: var(--tableViewFooterNavigationItemFontSize);
  --tableViewFooterNavigationItemActiveFontWeight: var(--tableViewFooterNavigationItemFontWeight);
  --tableViewFooterNavigationItemActiveFontLetterSpacing: var(--tableViewFooterNavigationItemFontLetterSpacing);
  --tableViewFooterNavigationItemActiveFontName: var(--tableViewFooterNavigationItemFontName);
  --tableViewFooterNavigationItemActiveFontLineHeight: var(--tableViewFooterNavigationItemFontLineHeight);
  --tableViewFooterNavigationItemActiveFontStyle: var(--tableViewFooterNavigationItemFontStyle);
  --tableViewFooterNavigationItemActiveFontDecoration: var(--tableViewFooterNavigationItemFontDecoration);
  --tableViewFooterNavigationItemActiveFontShadow: var(--tableViewFooterNavigationItemFontShadow);
  /* Table view - Footer - Navigation - Item - Hover */
  --tableViewFooterNavigationItemHoverPadding: var(--tableViewFooterNavigationItemPadding);
  --tableViewFooterNavigationItemHoverBackground: var(--tableViewFooterNavigationItemBackground);
  --tableViewFooterNavigationItemHoverBorderThickness: var(--tableViewFooterNavigationItemBorderThickness);
  --tableViewFooterNavigationItemHoverBorderColor: var(--tableViewFooterNavigationItemBorderColor);
  --tableViewFooterNavigationItemHoverBorderType: var(--tableViewFooterNavigationItemBorderType);
  --tableViewFooterNavigationItemHoverBorderRadius: var(--tableViewFooterNavigationItemBorderRadius);
  --tableViewFooterNavigationItemHoverFontColor: #70B6D0;
  --tableViewFooterNavigationItemHoverFontSize: var(--tableViewFooterNavigationItemFontSize);
  --tableViewFooterNavigationItemHoverFontWeight: var(--tableViewFooterNavigationItemFontWeight);
  --tableViewFooterNavigationItemHoverFontLetterSpacing: var(--tableViewFooterNavigationItemFontLetterSpacing);
  --tableViewFooterNavigationItemHoverFontName: var(--tableViewFooterNavigationItemFontName);
  --tableViewFooterNavigationItemHoverFontLineHeight: var(--tableViewFooterNavigationItemFontLineHeight);
  --tableViewFooterNavigationItemHoverFontStyle: var(--tableViewFooterNavigationItemFontStyle);
  --tableViewFooterNavigationItemHoverFontDecoration: var(--tableViewFooterNavigationItemFontDecoration);
  --tableViewFooterNavigationItemHoverFontShadow: var(--tableViewFooterNavigationItemFontShadow);
  /* Table view - Footer - Count */
  --tableViewFooterCountPadding: 2px 5px;
  --tableViewFooterCountFontColor: inherit;
  --tableViewFooterCountFontSize: inherit;
  --tableViewFooterCountFontWeight: inherit;
  --tableViewFooterCountFontLetterSpacing: inherit;
  --tableViewFooterCountFontName: inherit;
  --tableViewFooterCountFontLineHeight: inherit;
  --tableViewFooterCountFontStyle: inherit;
  --tableViewFooterCountFontDecoration: inherit;
  --tableViewFooterCountFontShadow: inherit;
  --tableViewFooterCountTextAlign: right;
  /* Record view - Header */
  --recordViewHeaderPadding: 0px;
  --recordViewHeaderFontColor: var(--fontColor);
  --recordViewHeaderFontLetterSpacing: var(--fontLetterSpacing);
  --recordViewHeaderFontWeight: var(--fontWeight);
  --recordViewHeaderFontLineHeight: var(--fontLineHeight);
  --recordViewHeaderBorderColor: transparent;
  --recordViewHeaderBorderType: solid;
  --recordViewHeaderBorderThickness: 0px;
  /* Listview - Header */
  --listViewHeaderBackground: transparent;
  --listViewHeaderPadding: 20px 8px 2px 5px;
  /* Listview - Item */
  --listViewItemFontColor: inherit;
  --listViewItemFontSize: inherit;
  --listViewItemFontWeight: inherit;
  --listViewItemFontLetterSpacing: inherit;
  --listViewItemFontName: inherit;
  --listViewItemFontLineHeight: inherit;
  --listViewItemFontStyle: inherit;
  --listViewItemFontDecoration: inherit;
  --listViewItemFontShadow: inherit;
  --listViewItemBackground: transparent;
  --listViewItemPadding: 10px 0px 10px 5px;
  --listViewItemMargin: 0px;
  --listViewItemBorderColor: #f2f2f2;
  --listViewItemBorderType: solid;
  --listViewItemBorderThickness: 0px 0px 1px 0px;
  --listViewItemBorderRadius: 0px;
  /* Listview - Item - Hover */
  --listViewItemHoverBackground: var(--listViewItemBackground);
  --listViewItemHoverFontColor: var(--listViewItemFontColor);
  --listViewItemHoverFontSize: var(--listViewItemFontSize);
  --listViewItemHoverFontWeight: var(--listViewItemFontWeight);
  --listViewItemHoverFontLetterSpacing: var(--listViewItemFontLetterSpacing);
  --listViewItemHoverFontName: var(--listViewItemFontName);
  --listViewItemHoverFontLineHeight: var(--listViewItemFontLineHeight);
  --listViewItemHoverFontStyle: var(--listViewItemFontStyle);
  --listViewItemHoverFontDecoration: var(--listViewItemFontDecoration);
  --listViewItemHoverFontShadow: var(--listViewItemFontShadow);
}
body .tabs {
  /* Tab view */
  --tabViewBackground: transparent;
  --tabViewBorderThickness: 0px;
  --tabViewBorderType: solid;
  --tabViewBorderColor: transparent;
  --tabViewBorderRadius: 0px;
  --tabViewShadow: none;
  /* Tab view - Header */
  --tabViewHeaderMarginLeft: 5px;
  --tabViewHeaderMarginBottom: -1px;
  --tabViewHeaderGap: 5px;
  /* Tab view - Tab */
  --tabViewTabPadding: 4px 5px 5px 5px;
  --tabViewTabFontName: var(--fontName);
  --tabViewTabFontColor: var(--fontColor);
  --tabViewTabFontSize: inherit;
  --tabViewTabFontLineHeight: 22px;
  --tabViewTabFontWeight: 600;
  --tabViewTabFontDecoration: none;
  --tabViewTabFontLetterSpacing: var(--fontLetterSpacing);
  --tabViewTabFontStyle: none;
  --tabViewTabFontShadow: none;
  --tabViewTabBackground: #ececec;
  --tabViewTabBorderThickness: 1px 1px 0px 1px;
  --tabViewTabBorderType: solid;
  --tabViewTabBorderColor: #b3b3b3;
  --tabViewTabBorderRadius: 0px;
  --tabViewTabShadow: none;
  --tabViewTabHeight: 30px;
  /* Tab view - Tab - Active */
  --tabViewTabActivePadding: var(--tabViewTabPadding);
  --tabViewTabActiveFontName: var(--tabViewTabFontName);
  --tabViewTabActiveFontColor: var(--tabViewTabFontColor);
  --tabViewTabActiveFontSize: var(--tabViewTabFontSize);
  --tabViewTabActiveFontLineHeight: var(--tabViewTabFontLineHeight);
  --tabViewTabActiveFontWeight: var(--tabViewTabFontWeight);
  --tabViewTabActiveFontDecoration: var(--tabViewTabFontDecoration);
  --tabViewTabActiveFontLetterSpacing: var(--tabViewTabFontLetterSpacing);
  --tabViewTabActiveFontStyle: var(--tabViewTabFontStyle);
  --tabViewTabActiveFontShadow: var(--tabViewTabFontShadow);
  --tabViewTabActiveBorderThickness: var(--tabViewTabBorderThickness);
  --tabViewTabActiveBorderType: var(--tabViewTabBorderType);
  --tabViewTabActiveBorderColor: var(--tabViewTabBorderColor);
  --tabViewTabActiveBorderRadius: var(--tabViewTabBorderRadius);
  --tabViewTabActiveBackground: var(--tabViewBodyBackground);
  --tabViewTabActiveShadow: none;
  --tabViewTabActiveHeight: 32px;
  /* Tab view - Tab - Hover */
  --tabViewTabHoverBorderThickness: var(--tabViewTabBorderThickness);
  --tabViewTabHoverBorderType: var(--tabViewTabBorderType);
  --tabViewTabHoverBorderColor: var(--tabViewTabBorderColor);
  --tabViewTabHoverBorderRadius: var(--tabViewTabBorderRadius);
  --tabViewTabHoverBackground: var(--tabViewBodyBackground);
  --tabViewTabHoverFontName: var(--tabViewTabFontName);
  --tabViewTabHoverFontColor: var(--tabViewTabFontColor);
  --tabViewTabHoverFontSize: var(--tabViewTabFontSize);
  --tabViewTabHoverFontLineHeight: var(--tabViewTabFontLineHeight);
  --tabViewTabHoverFontWeight: var(--tabViewTabFontWeight);
  --tabViewTabHoverFontDecoration: var(--tabViewTabFontDecoration);
  --tabViewTabHoverFontLetterSpacing: var(--tabViewTabFontLetterSpacing);
  --tabViewTabHoverFontStyle: var(--tabViewTabFontStyle);
  --tabViewTabHoverFontShadow: var(--tabViewTabFontShadow);
  --tabViewTabHoverShadow: none;
  --tabViewTabHoverHeight: var(--tabViewTabHeight);
  /* Tab view - Body */
  --tabViewBodyBackground: #fff;
  --tabViewBodyBorderThickness: 1px;
  --tabViewBodyBorderType: var(--tabViewTabActiveBorderType);
  --tabViewBodyBorderColor: var(--tabViewTabActiveBorderColor);
  --tabViewBodyBorderRadius: var(--tabViewTabActiveBorderRadius);
  --tabViewBodyPadding: 5px;
}
/* Generated on:Wed Oct 19 2016 19:19:11 GMT+0000 (UTC) */
/* ==========================================================================
   normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css
   ========================================================================== */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
  padding: 0;
  font-family: var(--fontName);
  color: var(--fontColor);
  font-size: var(--fontSize);
  line-height: var(--fontLineHeight);
  font-weight: var(--fontWeight);
  text-decoration: var(--fontDecoration);
  letter-spacing: var(--fontLetterSpacing);
  font-style: var(--fontStyle);
  text-shadow: var(--fontShadow);
  text-justify: inter-word;
  text-indent: 0px;
  background: var(--background);
}
@media screen and (max-width: 1024px) {
  body {
    font-size: var(--mediumScreenFontSize);
    line-height: var(--mediumScreenFontLineHeight);
    font-weight: var(--mediumScreenFontWeight);
  }
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
* {
  box-sizing: border-box;
}
/* Link */
a,
a:active,
a:link,
a:visited {
  color: var(--linkFontColor);
  font-weight: var(--linkFontWeight);
  font-style: var(--linkFontStyle);
  text-decoration: var(--linkFontDecoration);
  text-shadow: var(--linkFontShadow);
  outline: 0;
  background: transparent;
}
a:hover {
  color: var(--linkHoverFontColor);
  font-weight: var(--linkHoverFontWeight);
  font-style: var(--linkHoverFontStyle);
  text-decoration: var(--linkHoverFontDecoration);
  text-shadow: var(--linkHoverFontShadow);
  cursor: pointer;
}
h1 {
  font-family: var(--header1FontName);
  text-shadow: var(--header1FontShadow);
  color: var(--header1FontColor);
  font-size: var(--header1FontSize);
  letter-spacing: var(--header1FontLetterSpacing);
  font-weight: var(--header1FontWeight);
  line-height: var(--header1FontLineHeight);
  text-decoration: var(--header1FontDecoration);
  font-style: var(--header1FontStyle);
  border-width: var(--header1BorderThickness);
  border-style: var(--header1BorderType);
  border-color: var(--header1BorderColor);
  border-radius: var(--header1BorderRadius);
  padding: var(--header1Padding);
  margin: var(--header1Margin);
}
@media screen and (max-width: 1024px) {
  h1 {
    font-size: var(--header1MediumScreenFontSize);
    line-height: var(--header1MediumScreenFontLineHeight);
  }
}
h2 {
  font-family: var(--header2FontName);
  text-shadow: var(--header2FontShadow);
  color: var(--header2FontColor);
  font-size: var(--header2FontSize);
  letter-spacing: var(--header2FontLetterSpacing);
  font-weight: var(--header2FontWeight);
  line-height: var(--header2FontLineHeight);
  text-decoration: var(--header2FontDecoration);
  font-style: var(--header2FontStyle);
  border-width: var(--header2BorderThickness);
  border-style: var(--header2BorderType);
  border-color: var(--header2BorderColor);
  border-radius: var(--header2BorderRadius);
  padding: var(--header2Padding);
  margin: var(--header2Margin);
}
@media screen and (max-width: 1024px) {
  h2 {
    font-size: var(--header2MediumScreenFontSize);
    line-height: var(--header2MediumScreenFontLineHeight);
  }
}
h3 {
  font-family: var(--header2FontName);
  text-shadow: var(--header3FontShadow);
  color: var(--header3FontColor);
  font-size: var(--header3FontSize);
  letter-spacing: var(--header3FontLetterSpacing);
  font-weight: var(--header3FontWeight);
  line-height: var(--header3FontLineHeight);
  text-decoration: var(--header3FontDecoration);
  border-width: var(--header3BorderThickness);
  font-style: var(--header3FontStyle);
  border-style: var(--header3BorderType);
  border-color: var(--header3BorderColor);
  border-radius: var(--header3BorderRadius);
  padding: var(--header3Padding);
  margin: var(--header3Margin);
}
@media screen and (max-width: 1024px) {
  h3 {
    font-size: var(--header3MediumScreenFontSize);
    line-height: var(--header3MediumScreenFontLineHeight);
  }
}
h4 {
  font-family: var(--header4FontName);
  text-shadow: var(--header4FontShadow);
  color: var(--header4FontColor);
  font-size: var(--header4FontSize);
  letter-spacing: var(--header4FontLetterSpacing);
  font-weight: var(--header4FontWeight);
  line-height: var(--header4FontLineHeight);
  text-decoration: var(--header4FontDecoration);
  font-style: var(--header4FontStyle);
  padding: var(--header4Padding);
  margin: var(--header4Margin);
  border-width: var(--header4BorderThickness);
  border-style: var(--header4BorderType);
  border-color: var(--header4BorderColor);
  border-radius: var(--header4BorderRadius);
}
@media screen and (max-width: 1024px) {
  h4 {
    font-size: var(--header4MediumScreenFontSize);
    line-height: var(--header4MediumScreenFontLineHeight);
  }
}
h5 {
  font-family: var(--header5FontName);
  text-shadow: var(--header5FontShadow);
  color: var(--header5FontColor);
  font-size: var(--header5FontSize);
  letter-spacing: var(--header5FontLetterSpacing);
  font-weight: var(--header5FontWeight);
  line-height: var(--header5FontLineHeight);
  text-decoration: var(--header5FontDecoration);
  font-style: var(--header5FontStyle);
  border-width: var(--header5BorderThickness);
  border-style: var(--header5BorderType);
  border-color: var(--header5BorderColor);
  border-radius: var(--header5BorderRadius);
  padding: var(--header5Padding);
  margin: var(--header5Margin);
}
@media screen and (max-width: 1024px) {
  h5 {
    font-size: var(--header5MediumScreenFontSize);
    line-height: var(--header5MediumScreenFontLineHeight);
  }
}
/* Row */
.row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 100%;
}
.row.leftalign {
  display: flex;
}
.row.leftalign:after {
  content: '';
  display: block;
  clear: both;
}
.row.leftalign > .column {
  flex: 0 auto;
}
.row > .column {
  flex: 1;
}
.row > .column.columnFit {
  flex-basis: auto;
  flex-grow: 0;
}
.row > .column.columnFill {
  flex: 1;
}
.row > .column.column1 {
  flex: 1;
}
.row > .column.column2 {
  flex: 2;
}
.row > .column.column3 {
  flex: 3;
}
.row > .column.column4 {
  flex: 4;
}
.row > .column.column5 {
  flex: 5;
}
.row > .column.column6 {
  flex: 6;
}
.row > .column.column7 {
  flex: 7;
}
.row > .column.column8 {
  flex: 8;
}
.row > .column.column9 {
  flex: 9;
}
.row > .column.column10 {
  flex: 10;
}
.row > .column.column11 {
  flex: 11;
}
.row > .column.column12 {
  flex: 12;
}
.row.propertyRow .column {
  padding: 0px 5px;
}
.row.propertyRow .column:first-child {
  padding-left: 0px;
}
.row.propertyRow .column:last-child {
  padding-right: 0px;
}
@media screen and (max-width: 1024px) {
  .row.row1024 {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .row.row768 {
    display: block;
  }
}
/* Columns */
.columns {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 100%;
}
.columns > .column {
  flex: 1;
  min-width: 0;
  position: relative;
}
/* Input */
input,
textarea,
select {
  outline: none;
  -webkit-appearance: none;
  appearance: none;
  box-shadow: none;
  border: none;
}
input:focus,
textarea:focus,
select:focus {
  outline: none;
  border: none;
  -webkit-appearance: none;
  appearance: none;
  box-shadow: none;
}
textarea {
  padding: 3px;
  height: 100px;
}
label {
  font-weight: 600;
  display: block;
  /*padding-bottom: 2px;*/
}
.input .displayConditions,
.calculationBox .displayConditions {
  display: none;
}
.input,
.calculationBox {
  position: relative;
}
.input::placeholder,
.input > .display > .value > .placeholder {
  color: #919191;
  opacity: 1;
}
.input.warning:before,
.calculationBox.warning:before {
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: -8px;
  right: -8px;
  background: #bd9900;
  border-radius: 15px;
  content: '!';
  color: #fff;
  font-weight: 700;
  padding: 0px;
  text-align: center;
  line-height: 1em;
}
.input.invalid:before,
.calculationBox.invalid:before {
  display: block;
  width: var(--inputErrorIndicatorSize);
  height: var(--inputErrorIndicatorSize);
  position: absolute;
  top: -8px;
  right: -8px;
  background: var(--inputErrorIndicatorBackground);
  border-radius: var(--inputErrorIndicatorRadius);
  content: var(--inputErrorIndicatorContent);
  color: var(--inputErrorIndicatorFontColor);
  font-weight: var(--inputErrorIndicatorFontWeight);
  font-size: var(--inputErrorIndicatorFontSize);
  font-family: var(--inputErrorIndicatorFontName);
  text-shadow: var(--inputErrorIndicatorFontShadow);
  letter-spacing: var(--inputErrorIndicatorFontLetterSpacing);
  text-decoration: var(--inputErrorIndicatorFontDecoration);
  font-style: var(--inputErrorIndicatorFontStyle);
  padding: 0px;
  text-align: center;
  line-height: var(--inputErrorIndicatorFontLineHeight);
  z-index: 10;
}
.input .validations,
.calculationBox .validations {
  display: none;
}
.textArea,
.textBox,
.checkboxList,
.radioList,
.imageList,
.selectBox,
.folderSelectBox,
.selectList,
.switchBox {
  outline: none;
  border-radius: 0;
  color: #333;
  margin: 0px;
  padding: 0px;
  display: inline-block;
  border: none;
  background: transparent;
  line-height: 1.5em;
}
.input.textBox,
.input.textArea,
.input.selectBox,
.input.checkboxList,
.input.radioList,
.input.imageList,
.input.folderSelectBox,
.input.selectList,
.input.switchBox,
.input.radioButton,
.input.checkbox,
.fakeInput.textBox,
.fakeInput.textArea,
.fakeInput.selectBox,
.fakeInput.checkboxList,
.fakeInput.radioList,
.fakeInput.imageList,
.fakeInput.folderSelectBox,
.fakeInput.selectList,
.fakeInput.switchBox,
.fakeInput.radioButton,
.fakeInput.checkbox {
  display: inline-block;
  vertical-align: middle;
  font-family: var(--inputFontName);
  color: var(--inputFontColor);
  font-size: var(--inputFontSize);
  line-height: var(--inputFontLineHeight);
  font-weight: var(--inputFontWeight);
  text-decoration: var(--inputFontDecoration);
  letter-spacing: var(--inputFontLetterSpacing);
  font-style: var(--inputFontStyle);
  text-shadow: var(--inputFontShadow);
  border-width: var(--inputBorderThickness);
  border-style: var(--inputBorderType);
  border-color: var(--inputBorderColor);
  border-radius: var(--inputBorderRadius);
  background: var(--inputBackground);
  padding: var(--inputPadding);
  margin: var(--inputMargin);
  box-shadow: var(--inputBoxShadow);
}
.input.textBox.invalid,
.input.selectBox.invalid,
.input.radioList.invalid,
.input.checkboxList.invalid,
.input.radioButton.invalid,
.input.checkbox.invalid,
.input.textArea.invalid,
.input.datetimeSelectBox.invalid > .input,
.input.emailAddressSelectBox.invalid > .input,
.input.domainSelectBox.invalid > .input,
.input.imageList.invalid,
.input.checkbutton.invalid,
.input.selectList.invalid,
.input.timeSelectBox.invalid,
.input.borderSelectBox.invalid {
  color: var(--inputErrorFontColor);
  border-width: var(--inputErrorBorderThickness);
  border-style: var(--inputErrorBorderType);
  border-radius: var(--inputErrorBorderRadius);
  border-color: var(--inputErrorBorderColor);
  background: var(--inputErrorBackground);
}
.input.checkboxList.invalid .input.checkbox,
.input.radioList.invalid .input.radioButton {
  border-color: #db7b7b;
}
.input.textBox[disabled],
.input.textArea[disabled],
.input.selectBox[disabled],
.input.selectList[disabled],
.input.checkbox[disabled],
.input.radioButton[disabled],
.input.textBox[disabled],
.input.textArea[disabled],
.input.checkboxList[disabled],
.input.radioList[disabled],
.input.imageList[disabled],
.input.selectBox.colorSelectBox[disabled],
.input.selectBox.marginSelectBox[disabled],
.input.selectBox.fontSelectBox[disabled],
.input.selectBox.borderSelectBox[disabled],
.input.selectBox.customSelectBox[disabled],
.input.selectBox.resourceSelectBox[disabled] input[type="text"] {
  background: var(--inputDisabledBackground);
  color: var(--inputDisabledFontColor);
  border-width: var(--inputDisabledBorderThickness);
  border-style: var(--inputDisabledBorderType);
  border-radius: var(--inputDisabledBorderRadius);
  border-color: var(--inputDisabledBorderColor);
}
.input.checkboxList[disabled] label.checkbox,
.input.radioList[disabled] label.radioButton,
.input.imageList[disabled] label.image {
  color: var(--inputDisabledFontColor);
}
.input.textBox:not(.readonly):not([disabled]).hover,
.input.passwordBox:not(.readonly):not([disabled]).hover,
.input.textArea:not(.readonly):not([disabled]).hover,
.input.selectBox:not(.readonly):not([disabled]).hover {
  color: var(--inputHoverFontColor);
  border-width: var(--inputHoverBorderThickness);
  border-style: var(--inputHoverBorderType);
  border-radius: var(--inputHoverBorderRadius);
  border-color: var(--inputHoverBorderColor);
  background: var(--inputHoverBackground);
}
.input.checkbox:not(.readonly):not(.readonly):not([disabled]).hover,
.input.radioButton:not(.readonly):not(.readonly):not([disabled]).hover,
.input.checkboxList li:hover .input.checkbox:not(.readonly):not([disabled]):not(.readonly),
.input.radioList li:hover .input.radioButton:not(.readonly):not([disabled]):not(.readonly) {
  color: var(--inputHoverFontColor);
  border-color: var(--inputHoverBorderColor);
  background: var(--inputHoverBackground);
}
.input.textBox:not(.readonly):not([disabled]).focus,
.input.textArea:not(.readonly):not([disabled]).focus,
.input.selectBox:not(.readonly):not([disabled]).focus,
.input.checkboxList:not(.readonly):not([disabled]).focus,
.input.checkbox:not(.readonly):not([disabled]).focus {
  color: var(--inputFocusFontColor);
  border-width: var(--inputFocusBorderThickness);
  border-style: var(--inputFocusBorderType);
  border-radius: var(--inputFocusBorderRadius);
  border-color: var(--inputFocusBorderColor);
  background: var(--inputFocusBackground);
  box-shadow: var(--inputFocusBoxShadow);
}
.input.textBox,
.fakeInput.textBox {
  width: 200px;
}
.input.textBox input[type="text"],
.fakeInput.textBox input[type="text"],
.textBox:not(label):not(.input) input[type="text"],
.input.textBox input[type="password"],
.fakeInput.textBox input[type="password"],
.textBox:not(label):not(.input) input[type="password"],
.input.textBox .value,
.fakeInput.textBox .value,
.textBox:not(label):not(.input) .value {
  width: 100%;
  min-height: var(--inputContentMinimumHeight);
  background: transparent;
}
.input.textBox .value,
.fakeInput.textBox .value,
.textBox:not(label):not(.input) .value {
  padding-top: 3px;
}
.input.textBox .toolbar,
.fakeInput.textBox .toolbar,
.textBox:not(label):not(.input) .toolbar {
  border: none;
  border-bottom: 1px solid #d8d8d8;
}
.input.textBox > input,
.fakeInput.textBox > input,
.textBox:not(label):not(.input) > input {
  padding: var(--inputTextBoxInputFieldPadding);
}
.input.textBox.numberBox,
.fakeInput.textBox.numberBox,
.textBox:not(label):not(.input).numberBox {
  text-align: right;
}
.input.textBox.numberBox > input,
.fakeInput.textBox.numberBox > input,
.textBox:not(label):not(.input).numberBox > input {
  text-align: right;
}
.input.textBox.numberBox.updownNumberBox,
.fakeInput.textBox.numberBox.updownNumberBox,
.textBox:not(label):not(.input).numberBox.updownNumberBox {
  position: relative;
}
.input.textBox.numberBox.updownNumberBox.input:not([disabled]) .arrows .arrow:after,
.fakeInput.textBox.numberBox.updownNumberBox.input:not([disabled]) .arrows .arrow:after,
.textBox:not(label):not(.input).numberBox.updownNumberBox.input:not([disabled]) .arrows .arrow:after {
  cursor: pointer;
}
.input.textBox.numberBox.updownNumberBox .arrows .arrow:after,
.fakeInput.textBox.numberBox.updownNumberBox .arrows .arrow:after,
.textBox:not(label):not(.input).numberBox.updownNumberBox .arrows .arrow:after {
  text-align: center;
  display: block;
  font-family: "fontello";
  position: absolute;
  right: 5px;
  font-size: var(--inputIndicatorSize);
  height: calc(var(--inputIndicatorSize) * 0.7);
  width: var(--inputIndicatorSize);
  line-height: calc(var(--inputIndicatorSize) * 0.5);
  color: var(--inputIndicatorColor);
  transform: translateY(-50%);
}
.input.textBox.numberBox.updownNumberBox .arrows .arrow.up:after,
.fakeInput.textBox.numberBox.updownNumberBox .arrows .arrow.up:after,
.textBox:not(label):not(.input).numberBox.updownNumberBox .arrows .arrow.up:after {
  content: '\E817';
  top: calc(50% - 0.3em);
}
.input.textBox.numberBox.updownNumberBox .arrows .arrow.down:after,
.fakeInput.textBox.numberBox.updownNumberBox .arrows .arrow.down:after,
.textBox:not(label):not(.input).numberBox.updownNumberBox .arrows .arrow.down:after {
  content: '\E814';
  top: calc(50% + 0.3em);
}
.input.textBox.numberBox.updownNumberBox > input,
.fakeInput.textBox.numberBox.updownNumberBox > input,
.textBox:not(label):not(.input).numberBox.updownNumberBox > input,
.input.textBox.numberBox.updownNumberBox > .value,
.fakeInput.textBox.numberBox.updownNumberBox > .value,
.textBox:not(label):not(.input).numberBox.updownNumberBox > .value {
  padding-right: calc(var(--inputIndicatorSize) + 5px);
}
.input.textBox.numberBox.updownNumberBox[disabled] > .arrows > .arrow:after,
.fakeInput.textBox.numberBox.updownNumberBox[disabled] > .arrows > .arrow:after,
.textBox:not(label):not(.input).numberBox.updownNumberBox[disabled] > .arrows > .arrow:after {
  color: var(--inputDisabledIconColor);
}
.switchBox,
.input.switchBox {
  position: relative;
  min-height: var(--inputContentMinimumHeight);
  min-width: calc(var(--inputContentMinimumHeight) * 2.1);
  border-radius: 999px;
  cursor: pointer;
  box-sizing: content-box;
}
.switchBox:after,
.input.switchBox:after {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: var(--inputContentMinimumHeight);
  background: var(--inputIndicatorColor);
  border-radius: 999px;
}
.switchBox.on:after,
.input.switchBox.on:after {
  right: 0px;
}
.switchBox .onIcon,
.input.switchBox .onIcon {
  position: absolute;
  left: 3px;
  top: 2px;
  font-size: 1.3em;
  padding: var(--inputPadding);
}
.switchBox .offIcon,
.input.switchBox .offIcon {
  position: absolute;
  right: 3px;
  top: 2px;
  font-size: 1.3em;
  padding: var(--inputPadding);
}
.input.switchBox {
  /*height: 30px;
  width: 50px;
  border-radius: 15px;
  cursor: pointer;
  .switch {
    height: 26px;
    width: 26px;
    border-radius: 15px;
    background: #808080;
  }
  &.on .switch {
    margin-left: 20px;
  }*/
}
.switchBoxLabel {
  display: inline-block;
  cursor: pointer;
  font-weight: normal;
}
.selectList,
.input.selectList {
  height: auto;
  padding: 0px;
}
.selectList > select,
.input.selectList > select {
  width: 100%;
  appearance: none;
  background: none;
  border: none;
  margin: 0px;
  text-indent: 0px;
  overflow-y: auto;
  cursor: pointer;
}
.textArea {
  height: auto;
  width: 100%;
  position: relative;
}
.textArea > textarea {
  background: transparent;
  resize: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  padding: var(--inputTextAreaInputFieldPadding);
}
.textArea .toolbar {
  border: none;
  border-bottom: 1px solid #d8d8d8;
}
.textArea.input,
.textArea.fakeInput {
  min-height: 150px;
  min-width: 225px;
}
.textArea.small {
  min-height: 50px;
}
.textArea.large {
  min-height: 250px;
}
.textArea.extraLarge {
  min-height: 450px;
}
.textArea.aceTextArea {
  /*border-radius: 0px;*/
  position: relative;
  width: 100%;
  min-height: 205px;
  /*border: 1px solid #eaeaea;*/
}
.textArea.aceTextArea > textarea {
  display: none;
  width: 0px;
  height: 0px;
}
.textArea.aceTextArea .toolbar {
  border: none;
  border-bottom: 1px solid #d8d8d8;
}
.textArea.aceTextArea .editor {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0px;
  height: auto !important;
}
.textArea.aceTextArea.small {
  min-height: 115px;
}
.textArea.aceTextArea.large {
  min-height: 305px;
}
.textArea.aceTextArea.extraLarge {
  min-height: 545px;
}
.textArea.aceTextArea.withToolbar .editor {
  top: 35px;
  font-family: monospace;
}
.textArea.aceTextArea.withStatusbar .editor {
  bottom: 20px;
}
.textArea.aceTextArea .ace_hidden-cursors {
  opacity: 0;
}
.textArea.aceTextArea .ace_folding-enabled > .ace_gutter-cell {
  padding-right: 5px;
}
.textArea.aceTextArea > .statusbar {
  display: none;
}
.textArea.aceTextArea[disabled]:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: var(--inputDisabledBackground);
  z-index: 5;
  opacity: 0.6;
}
.textArea.htmlTinyMceTextArea .mce-tinymce {
  border: none;
}
.textArea.htmlTinyMceTextArea[disabled]::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: var(--inputDisabledBackground);
  z-index: 5;
  opacity: 0.6;
}
.textArea.input {
  width: 100%;
}
.textArea.input.aceTextArea > .statusbar {
  display: block;
  height: 20px;
  color: #a6a2a2;
  text-align: right;
  padding: 0px 5px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: #efefef;
  border-top: 1px solid #d8d8d8;
  line-height: 18px;
}
.selectBox {
  position: relative;
  min-width: 2em;
  min-height: var(--inputContentMinimumHeight);
  height: auto;
  /*
  > select optgroup,
  .dropdown .group .groupName {
	background: #fffefe;
	font-weight: bold;
	border-bottom: 1px solid #000;
  }
  > select option[disabled] {
	background: #f4f4f4;
  }
  > select option:checked,
  > select option:hover {
	background: #dbecf3;
	border: none;
	outline: none;
	box-shadow: 0px 1px 0 #DEDEDE, 0px -1px 0 #DEDEDE;
	-webkit-box-shadow: 0px 1px 0 #DEDEDE, 0px -1px 0 #DEDEDE;
	-moz-box-shadow: 0px 1px 0 #DEDEDE, 0px -1px 0 #DEDEDE;
  }*/
}
.selectBox.attachmentSelectBox ul {
  list-style-type: none;
}
.selectBox.attachmentSelectBox ul li {
  border: 1px solid #b3b3b3;
  margin: 1px;
  padding: 2px;
  line-height: 1.1em;
}
.selectBox.attachmentSelectBox ul li::before {
  display: none;
}
.selectBox.attachmentSelectBox ul li .fileUploadProgressBar {
  display: inline-block;
  width: 200px;
  height: 17px;
  margin-left: 10px;
  padding-top: 2px;
}
.selectBox.attachmentSelectBox ul li .fileUploadProgressBar .description {
  display: none;
}
.selectBox.attachmentSelectBox ul li:hover {
  border: 1px solid #b3b3b3;
}
.selectBox.attachmentSelectBox ul.singleAttachment ul li {
  border: none;
}
.selectBox.input.resourceSelectBox input[type="text"],
.selectBox.input.dateSelectBox input[type="text"],
.selectBox.input.timeSelectBox input[type="text"],
.selectBox.input.attachmentSelectBox .display {
  width: 100%;
  min-height: var(--inputContentMinimumHeight);
  background: transparent;
}
.selectBox.input.dateSelectBox input[type="text"],
.selectBox.input.timeSelectBox input[type="text"] {
  height: var(--inputContentMinimumHeight);
}
.selectBox.input:not([disabled]) {
  cursor: pointer;
}
.selectBox.input[disabled]:after {
  color: var(--inputDisabledIconColor);
}
.selectBox.input:hover:after {
  cursor: pointer;
}
.selectBox.input > select:not([disabled]) {
  cursor: pointer;
}
.selectBox.input > select::-ms-expand {
  display: none;
}
.selectBox.input.borderSelectBox:not([disabled]),
.selectBox.input.colorSelectBox:not([disabled]),
.selectBox.input.marginSelectBox:not([disabled]) {
  cursor: pointer;
}
.selectBox.input.colorSelectBox .minicolors {
  left: 0px;
  right: 0px;
  display: block;
}
.selectBox.input.borderSelectBox > .dropdown {
  padding: 5px;
}
.selectBox.input.borderSelectBox > .dropdown .borderType {
  width: 150px;
}
.selectBox.input.borderSelectBox > .dropdown .borderType,
.selectBox.input.borderSelectBox > .dropdown .borderSize,
.selectBox.input.borderSelectBox > .dropdown .borderColor {
  margin: 2px 0px;
}
.selectBox.input.fontSelectBox > .dropdown {
  padding: var(--inputFontSelectBoxDropdownPadding);
}
.selectBox.input.fontSelectBox > .dropdown * {
  word-break: normal;
}
.selectBox.input.fontSelectBox > .dropdown .fontFamily,
.selectBox.input.fontSelectBox > .dropdown .fontStyle {
  min-width: 250px;
}
.selectBox.input.fontSelectBox > .dropdown .row > .column {
  min-width: auto;
}
.selectBox.input.marginSelectBox > .dropdown {
  padding: var(--inputMarginSelectBoxDropdownPadding);
}
.selectBox.input.attachmentSelectBox ul {
  list-style-type: none;
}
.selectBox.input.attachmentSelectBox ul li {
  border: 1px solid #b3b3b3;
  margin: 1px;
  padding: 2px;
  line-height: 1.1em;
}
.selectBox.input.attachmentSelectBox ul li .fileUploadProgressBar {
  display: inline-block;
  width: 200px;
  height: 17px;
  margin-left: 10px;
  padding-top: 2px;
}
.selectBox.input.attachmentSelectBox ul li .fileUploadProgressBar .description {
  display: none;
}
.selectBox.input.attachmentSelectBox ul li:hover {
  border: 1px solid #b3b3b3;
}
.selectBox.input.attachmentSelectBox ul.singleAttachment ul li {
  border: none;
}
.selectBox.input:after,
.selectBox.fakeInput:after {
  text-align: center;
  display: block;
  font-family: "fontello";
  content: '\e810';
  position: absolute;
  right: 5px;
  top: calc(50% - 0.1em);
  height: var(--inputSelectIndicatorSize);
  width: var(--inputSelectIndicatorSize);
  font-size: var(--inputSelectIndicatorSize);
  line-height: var(--inputSelectIndicatorSize);
  pointer-events: none;
  color: var(--inputIndicatorColor);
  transform: translateY(-50%);
}
.selectBox.input.customSelectBox,
.selectBox.fakeInput.customSelectBox,
.selectBox.input.customTransparentSelect,
.selectBox.fakeInput.customTransparentSelect {
  padding-right: 1.75em;
}
.selectBox.input > .display > .value,
.selectBox.fakeInput > .display > .value {
  padding-left: 5px;
  /*padding-top: 4px;*/
  padding-right: 5px;
  /*white-space: nowrap;*/
  overflow: hidden;
  min-height: var(--inputContentMinimumHeight);
}
.selectBox.input.resourceSelectBox:not([disabled]):after,
.selectBox.fakeInput.resourceSelectBox:not([disabled]):after {
  pointer-events: auto;
}
.selectBox.fakeInput.attachmentSelectBox ul li {
  cursor: pointer;
}
.selectBox > select,
.selectBox > .display,
.selectBox > input,
.selectBox > .value {
  width: 100%;
  height: var(--inputContentMinimumHeight);
  appearance: none;
  background: none;
  border: none;
  outline: none;
  margin: 0px;
  text-indent: 0px;
  padding-right: calc(var(--inputSelectIndicatorSize) + 10px);
  line-height: var(--inputContentMinimumHeight);
}
.selectBox .display {
  min-height: var(--inputContentMinimumHeight);
  height: auto;
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}
.selectBox .dropdown {
  display: none;
  position: absolute;
  z-index: 110;
  background: var(--inputSelectBoxDropdownBackground);
  border-width: var(--inputSelectBoxDropdownBorderThickness);
  border-style: var(--inputSelectBoxDropdownBorderType);
  border-color: var(--inputSelectBoxDropdownBorderColor);
  border-radius: var(--inputSelectBoxDropdownBorderRadius);
  top: 100%;
  margin: 2px 0px;
  /*> .items {
	  padding: 5px;
	}*/
}
.selectBox .dropdown .dropdown {
  top: 0px;
  left: 100%;
}
.selectBox .dropdown .item,
.selectBox select option {
  position: relative;
  white-space: nowrap;
  display: block;
  background: var(--inputSelectBoxDropdownBackground);
  padding: var(--inputSelectBoxDropdownItemPadding);
  margin: 0px;
  text-align: left;
  text-decoration: none;
  line-height: 1.5em;
  min-height: 1.5em;
  border: none;
  cursor: default;
}
.selectBox .dropdown .item:not([disabled]),
.selectBox select option:not([disabled]) {
  cursor: pointer;
}
.selectBox .dropdown .item[disabled],
.selectBox select option[disabled] {
  background: #f4f4f4;
}
.selectBox .dropdown .item.current,
.selectBox select option.current {
  background: var(--inputSelectBoxDropdownItemActiveBackground);
  color: var(--inputSelectBoxDropdownItemActiveFontColor);
}
.selectBox .dropdown .item:not([disabled]):hover,
.selectBox select option:not([disabled]):hover {
  background: var(--inputSelectBoxDropdownItemHoverBackground);
  color: var(--inputSelectBoxDropdownItemHoverFontColor);
}
.selectBox .dropdown .item:not([disabled]):hover .dropdown,
.selectBox select option:not([disabled]):hover .dropdown {
  color: var(--inputFontColor);
}
.selectBox .dropdown > .items > .group,
.selectBox .dropdown > .column > .group,
.selectBox > select optgroup {
  background: var(--inputSelectBoxDropdownGroupBackground);
  color: var(--inputSelectBoxDropdownGroupFontColor);
  border-width: var(--inputSelectBoxDropdownGroupBorderThickness);
  border-style: var(--inputSelectBoxDropdownGroupBorderType);
  border-color: var(--inputSelectBoxDropdownGroupBorderColor);
  border-radius: var(--inputSelectBoxDropdownGroupBorderRadius);
  min-height: 28.5px;
  margin: 0px;
  padding: var(--inputSelectBoxDropdownItemPadding);
  display: block;
  white-space: nowrap;
  text-align: left;
  text-decoration: none;
  line-height: 1.5em;
  cursor: default;
  font-weight: bold;
}
.selectBox .dropdown > .items > .group > .groupName,
.selectBox .dropdown > .column > .group > .groupName,
.selectBox > select optgroup > .groupName {
  padding: 3px 2px;
  display: block;
  font-weight: bold;
}
.selectBox .dropdown > .items > .group > .groupName.indent,
.selectBox .dropdown > .column > .group > .groupName.indent,
.selectBox > select optgroup > .groupName.indent {
  cursor: pointer;
}
.selectBox .dropdown2 {
  z-index: 120;
}
.selectBox .dropdown3 {
  z-index: 130;
}
.selectBox .dropdown4 {
  z-index: 140;
}
.selectBox .dropdown5 {
  z-index: 150;
}
.selectBox.dropped > .dropdown,
.selectBox .dropdown.dropped {
  display: block;
}
.selectBox.dropped.right > .dropdown {
  right: 0;
}
.selectBox.dateSelectBox,
.selectBox.borderSelectBox,
.selectBox.colorSelectBox,
.selectBox.marginSelectBox,
.selectBox.dateSelectBox > .display,
.selectBox.borderSelectBox > .display,
.selectBox.colorSelectBox > .display,
.selectBox.marginSelectBox > .display {
  min-height: var(--inputContentMinimumHeight);
}
.selectBox.borderSelectBox > .display {
  padding-top: 3px;
  padding-left: 3px;
  overflow: hidden;
  min-width: 60px;
}
.selectBox.borderSelectBox > .display > .preview {
  height: 24px;
  width: 24px;
  max-height: 24px;
  max-width: 24px;
  background-image: url("../image/jquery-minicolors.png");
  background-position: -80px 0;
  overflow: hidden;
}
.selectBox.colorSelectBox {
  width: 135px;
}
.selectBox.colorSelectBox input[type="text"].value {
  border: none;
  background: transparent;
  width: 100%;
  height: var(--inputContentMinimumHeight);
  padding-left: 30px;
}
.selectBox.colorSelectBox:not(.input) .display .value {
  padding-left: 30px;
}
.selectBox.colorSelectBox .display .preview {
  position: absolute;
  height: 100%;
  display: inline-block;
  margin: 3px 3px 2px 2px;
  width: 24px;
  line-height: 24px;
  background-image: url("../image/jquery-minicolors.png");
  background-position: -80px 0;
}
.selectBox.dateSelectBox .value,
.selectBox.timeSelectBox .value {
  border: none;
  background: transparent;
  width: 100%;
  height: 100%;
  line-height: var(--inputContentMinimumHeight);
}
.selectBox.timeSelectBox .dropdown {
  padding: 1px 0px 0px 0px;
}
.selectBox.timeSelectBox .dropdown .time {
  display: flex;
}
.selectBox.timeSelectBox .dropdown .time:after {
  content: '';
  display: block;
  clear: both;
}
.selectBox.timeSelectBox .dropdown .hours,
.selectBox.timeSelectBox .dropdown .minutes,
.selectBox.timeSelectBox .dropdown .seconds {
  flex: 1;
  width: 50px;
  border-radius: 5px;
}
.selectBox.timeSelectBox .dropdown .selectList {
  border-top: none;
  border-bottom: none;
  border-left: none;
}
.selectBox.timeSelectBox .dropdown .selectList:last-child {
  border-right: none;
}
.selectBox.resourceSelectBox,
.selectBox.resourceSelectBox input,
.selectBox.attachmentSelectBox,
.selectBox.attachmentSelectBox input {
  width: 100%;
}
.selectBox.columnSelectBox.dropped .dropdown {
  display: flex;
}
.selectBox.columnSelectBox .dropdown {
  padding: 0px;
}
.selectBox.columnSelectBox .dropdown > .column {
  flex: 1;
  padding-left: 10px;
}
.selectBox.columnSelectBox .dropdown > .column:first-child {
  padding-left: 0px;
}
.selectBox.menuSelectBox .dropdown {
  padding: 0px;
}
.selectBox.itemSelectBox .dropdown .items {
  max-height: 40vh;
  max-width: 400px;
  overflow: auto;
}
.selectBox.searchableSelectBox .dropdown {
  padding: 0px;
  min-width: 150px;
}
.selectBox.searchableSelectBox .dropdown > input[type=text] {
  border-width: 0px 0px var(--inputBorderThickness) 0px;
  border-color: var(--inputBorderColor);
  background: var(--inputBackground);
  height: var(--inputContentMinimumHeight);
  border-style: solid;
  width: 100%;
}
.selectBox.multiSelectBox .display .checkbox {
  display: none;
}
.selectBox.multiSelectBox .dropdown .items .item .checkbox {
  width: 19px;
  height: 19px;
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
}
.selectBox.multiSelectBox .dropdown .items .item .checkbox:after {
  font-size: 19px;
}
.selectBox.multiSelectBox .dropdown .items .item .checkbox:not(.readonly):not([disabled]):hover {
  cursor: pointer;
}
.selectBox.multiSelectBox .dropdown .items .item.current .checkbox:after {
  content: '\e8c7';
  font-family: "fontello";
  position: absolute;
  width: 1em;
  height: 1em;
  font-size: 19px;
  line-height: 1em;
  color: #333;
}
.selectBox.attachmentSelectBox {
  height: auto;
}
.selectBox.attachmentSelectBox ul {
  padding: 1px;
  margin: 0px;
  list-style-type: none;
}
.selectBox.attachmentSelectBox ul:after {
  content: '';
  display: block;
  clear: both;
}
.selectBox.attachmentSelectBox ul li {
  float: left;
  margin: 0px;
}
.selectBox.attachmentSelectBox.singleAttachment ul li {
  float: none;
}
.selectBox.attachmentSelectBox.input:after,
.selectBox.attachmentSelectBox.fakeInput:after {
  content: '\e8c2';
}
.selectBox.resourceSelectBox.input:after,
.selectBox.resourceSelectBox.fakeInput:after {
  content: '\e897';
}
.datetimeSelectBox {
  display: inline-block;
}
.datetimeSelectBox > .dateSelectBox {
  display: inline-block;
  margin-right: 5px;
}
.datetimeSelectBox > .timeSelectBox {
  display: inline-block;
}
.emailAddressSelectBox {
  display: flex;
}
.emailAddressSelectBox div,
.emailAddressSelectBox span {
  flex: 1;
}
.emailAddressSelectBox span {
  max-width: 25px;
  text-align: center;
  padding: 0px 5px;
}
.emailAddressSelectBox > .textBox {
  width: auto;
}
.domainSelectBox {
  display: flex;
}
.domainSelectBox div,
.domainSelectBox span {
  flex: 1;
}
.domainSelectBox span {
  max-width: 15px;
  text-align: center;
}
.domainSelectBox > .textBox {
  width: auto;
}
.checkboxList,
.radioList,
.imageList {
  padding: 0px;
  /*margin: 0px 0px -2px 0px;*/
  list-style-type: none;
  width: 100%;
}
.checkboxList.input,
.radioList.input,
.imageList.input,
.checkboxList.fakeInput,
.radioList.fakeInput,
.imageList.fakeInput {
  display: block;
  /*padding: 3px 3px 0px 3px;*/
  margin: 0px;
}
.checkboxList.input .list,
.radioList.input .list,
.imageList.input .list,
.checkboxList.fakeInput .list,
.radioList.fakeInput .list,
.imageList.fakeInput .list {
  max-height: 350px;
  overflow-y: auto;
}
.checkboxList > .list,
.radioList > .list,
.imageList > .list {
  padding: var(--inputListPadding);
}
.checkboxList > .list > .item,
.radioList > .list > .item,
.imageList > .list > .item {
  margin-bottom: 3px;
}
.input.checkboxList,
.fakeInput.checkboxList,
.checkboxList:not(label):not(.input) {
  border-width: var(--inputCheckboxListBorderThickness);
  border-style: var(--inputCheckboxListBorderType);
  border-color: var(--inputCheckboxListBorderColor);
  border-radius: var(--inputCheckboxListBorderRadius);
  background: var(--inputCheckboxListBackground);
  margin: var(--inputCheckboxListMargin);
  box-shadow: var(--inputCheckboxListBoxShadow);
}
.input.checkboxList.invalid,
.fakeInput.checkboxList.invalid,
.checkboxList:not(label):not(.input).invalid {
  border-width: var(--inputCheckboxListErrorBorderThickness);
  border-style: var(--inputCheckboxListErrorBorderType);
  border-radius: var(--inputCheckboxListErrorBorderRadius);
  border-color: var(--inputCheckboxListErrorBorderColor);
  background: var(--inputCheckboxListErrorBackground);
}
.input.checkboxList.invalid > .list > .item,
.fakeInput.checkboxList.invalid > .list > .item,
.checkboxList:not(label):not(.input).invalid > .list > .item {
  color: var(--inputCheckboxListItemErrorFontColor);
  font-weight: var(--inputCheckboxListItemmErrorFontWeight);
  font-size: var(--inputCheckboxListItemmErrorFontSize);
  font-family: var(--inputCheckboxListItemmErrorFontName);
  line-height: var(--inputCheckboxListItemmErrorFontLineHeight);
  text-decoration: var(--inputCheckboxListItemmErrorFontDecoration);
  letter-spacing: var(--inputCheckboxListItemmErrorFontLetterSpacing);
  font-style: var(--inputCheckboxListItemmErrorFontStyle);
  text-shadow: var(--inputCheckboxListItemmErrorFontShadow);
}
.input.checkboxList > .list,
.fakeInput.checkboxList > .list,
.checkboxList:not(label):not(.input) > .list {
  padding: var(--inputCheckboxListPadding);
}
.input.checkboxList > .list > .item,
.fakeInput.checkboxList > .list > .item,
.checkboxList:not(label):not(.input) > .list > .item {
  color: var(--inputCheckboxListItemFontColor);
  font-weight: var(--inputCheckboxListItemFontWeight);
  font-size: var(--inputCheckboxListItemFontSize);
  font-family: var(--inputCheckboxListItemFontName);
  line-height: var(--inputCheckboxListItemFontLineHeight);
  text-decoration: var(--inputCheckboxListItemFontDecoration);
  letter-spacing: var(--inputCheckboxListItemFontLetterSpacing);
  font-style: var(--inputCheckboxListItemFontStyle);
  text-shadow: var(--inputCheckboxListItemFontShadow);
  border-width: var(--inputCheckboxListItemBorderThickness);
  border-style: var(--inputCheckboxListItemBorderType);
  border-color: var(--inputCheckboxListItemBorderColor);
  border-radius: var(--inputCheckboxListItemBorderRadius);
  background: var(--inputCheckboxListItemBackground);
  padding: var(--inputCheckboxListItemPadding);
  margin-bottom: var(--inputCheckboxListItemSeperatorHeight);
  box-shadow: var(--inputCheckboxListItemBoxShadow);
  display: flex;
}
.input.checkboxList > .list > .item > div.checkbox,
.fakeInput.checkboxList > .list > .item > div.checkbox,
.checkboxList:not(label):not(.input) > .list > .item > div.checkbox {
  margin-right: 5px;
  flex: 0 0 var(--inputContentMinimumHeight);
}
.input.checkboxList > .list > .item > label,
.fakeInput.checkboxList > .list > .item > label,
.checkboxList:not(label):not(.input) > .list > .item > label {
  flex: 1;
}
.input.checkboxList > .list > .item:last-child,
.fakeInput.checkboxList > .list > .item:last-child,
.checkboxList:not(label):not(.input) > .list > .item:last-child {
  margin-bottom: 0px;
}
.input.checkboxList > .list > .item:hover,
.fakeInput.checkboxList > .list > .item:hover,
.checkboxList:not(label):not(.input) > .list > .item:hover {
  color: var(--inputCheckboxItemHoverFontColor);
  font-weight: var(--inputCheckboxItemHoverFontWeight);
  font-size: var(--inputCheckboxItemHoverFontSize);
  font-family: var(--inputCheckboxItemHoverFontName);
  line-height: var(--inputCheckboxItemHoverFontLineHeight);
  text-decoration: var(--inputCheckboxItemHoverFontDecoration);
  letter-spacing: var(--inputCheckboxItemHoverFontLetterSpacing);
  font-style: var(--inputCheckboxItemHoverFontStyle);
  text-shadow: var(--inputCheckboxItemHoverFontShadow);
}
.input.checkboxList .header,
.fakeInput.checkboxList .header,
.checkboxList:not(label):not(.input) .header {
  font-weight: bold;
  margin: 3px 0px;
  background: #fffefe;
  border-bottom: 1px solid #000;
}
.input.checkboxList .item.depth1,
.fakeInput.checkboxList .item.depth1,
.checkboxList:not(label):not(.input) .item.depth1 {
  margin-left: 20px;
}
.input.checkboxList .item.depth2,
.fakeInput.checkboxList .item.depth2,
.checkboxList:not(label):not(.input) .item.depth2 {
  margin-left: 40px;
}
.input.checkboxList .item.depth3,
.fakeInput.checkboxList .item.depth3,
.checkboxList:not(label):not(.input) .item.depth3 {
  margin-left: 60px;
}
.input.checkboxList .item.depth4,
.fakeInput.checkboxList .item.depth4,
.checkboxList:not(label):not(.input) .item.depth4 {
  margin-left: 80px;
}
.input.checkboxList .item.depth5,
.fakeInput.checkboxList .item.depth5,
.checkboxList:not(label):not(.input) .item.depth5 {
  margin-left: 100px;
}
.input.checkboxList .item.depth6,
.fakeInput.checkboxList .item.depth6,
.checkboxList:not(label):not(.input) .item.depth6 {
  margin-left: 120px;
}
.input.checkboxList .item.depth7,
.fakeInput.checkboxList .item.depth7,
.checkboxList:not(label):not(.input) .item.depth7 {
  margin-left: 140px;
}
.input.checkboxList .item.depth8,
.fakeInput.checkboxList .item.depth8,
.checkboxList:not(label):not(.input) .item.depth8 {
  margin-left: 160px;
}
.input.checkboxList .item.depth9,
.fakeInput.checkboxList .item.depth9,
.checkboxList:not(label):not(.input) .item.depth9 {
  margin-left: 180px;
}
.input.checkboxList .item.depth10,
.fakeInput.checkboxList .item.depth10,
.checkboxList:not(label):not(.input) .item.depth10 {
  margin-left: 200px;
}
.input.checkboxList.readonly:not(.fakeInput),
.fakeInput.checkboxList.readonly:not(.fakeInput),
.checkboxList:not(label):not(.input).readonly:not(.fakeInput) {
  border: none;
}
.checkboxList:not(label):not(.input):not(.fakeInput) {
  border: none;
}
.input.radioList,
.fakeInput.radioList,
.radioList {
  border-width: var(--inputRadioListBorderThickness);
  border-style: var(--inputRadioListBorderType);
  border-color: var(--inputRadioListBorderColor);
  border-radius: var(--inputRadioListBorderRadius);
  background: var(--inputRadioListBackground);
  margin: var(--inputRadioListMargin);
  box-shadow: var(--inputRadioListBoxShadow);
  --inputListBorderRadius: var(--inputRadioListBorderRadius);
  --inputErrorBorderRadius: var(--inputListBorderRadius);
  --inputDisabledBorderRadius: var(--inputListBorderRadius);
}
.input.radioList > .list,
.fakeInput.radioList > .list,
.radioList > .list {
  padding: var(--inputRadioListPadding);
}
.input.radioList > .list > .item,
.fakeInput.radioList > .list > .item,
.radioList > .list > .item {
  color: var(--inputRadioListItemFontColor);
  font-weight: var(--inputRadioListItemFontWeight);
  font-size: var(--inputRadioListItemFontSize);
  font-family: var(--inputRadioListItemFontName);
  line-height: var(--inputRadioListItemFontLineHeight);
  text-decoration: var(--inputRadioListItemFontDecoration);
  letter-spacing: var(--inputRadioListItemFontLetterSpacing);
  font-style: var(--inputRadioListItemFontStyle);
  text-shadow: var(--inputRadioListItemFontShadow);
  border-width: var(--inputRadioListItemBorderThickness);
  border-style: var(--inputRadioListItemBorderType);
  border-color: var(--inputRadioListItemBorderColor);
  border-radius: var(--inputRadioListItemBorderRadius);
  background: var(--inputRadioListItemBackground);
  padding: var(--inputRadioListItemPadding);
  margin-bottom: var(--inputRadioListItemSeperatorHeight);
  box-shadow: var(--inputRadioListItemBoxShadow);
  display: flex;
}
.input.radioList > .list > .item > div.radioButton,
.fakeInput.radioList > .list > .item > div.radioButton,
.radioList > .list > .item > div.radioButton {
  margin-right: 5px;
  flex: 0 0 var(--inputContentMinimumHeight);
}
.input.radioList > .list > .item > label,
.fakeInput.radioList > .list > .item > label,
.radioList > .list > .item > label {
  flex: 1;
}
.input.radioList > .list > .item:last-child,
.fakeInput.radioList > .list > .item:last-child,
.radioList > .list > .item:last-child {
  margin-bottom: 0px;
}
.input.radioList > .list > .item:hover,
.fakeInput.radioList > .list > .item:hover,
.radioList > .list > .item:hover {
  color: var(--inputRadioListItemHoverFontColor);
  font-weight: var(--inputRadioListItemHoverFontWeight);
  font-size: var(--inputRadioListItemHoverFontSize);
  font-family: var(--inputRadioListItemHoverFontName);
  line-height: var(--inputRadioListItemHoverFontLineHeight);
  text-decoration: var(--inputRadioListItemHoverFontDecoration);
  letter-spacing: var(--inputRadioListItemHoverFontLetterSpacing);
  font-style: var(--inputRadioListItemHoverFontStyle);
  text-shadow: var(--inputRadioListItemHoverFontShadow);
}
.input.radioList.readonly:not(.fakeInput),
.fakeInput.radioList.readonly:not(.fakeInput),
.radioList.readonly:not(.fakeInput) {
  border: none;
}
.input.radioList.invalid,
.fakeInput.radioList.invalid,
.radioList.invalid {
  border-width: var(--inputRadioListErrorBorderThickness);
  border-style: var(--inputRadioListErrorBorderType);
  border-radius: var(--inputRadioListErrorBorderRadius);
  border-color: var(--inputRadioListErrorBorderColor);
  background: var(--inputRadioListErrorBackground);
}
.input.radioList.invalid > .list > .item,
.fakeInput.radioList.invalid > .list > .item,
.radioList.invalid > .list > .item {
  color: var(--inputRadioListItemErrorFontColor);
  font-weight: var(--inputRadioListItemErrorFontWeight);
  font-size: var(--inputRadioListItemErrorFontSize);
  font-family: var(--inputRadioListItemErrorFontName);
  line-height: var(--inputRadioListItemErrorFontLineHeight);
  text-decoration: var(--inputRadioListItemErrorFontDecoration);
  letter-spacing: var(--inputRadioListItemErrorFontLetterSpacing);
  font-style: var(--inputRadioListItemErrorFontStyle);
  text-shadow: var(--inputRadioListItemErrorFontShadow);
}
.radioList:not(label):not(.input):not(.fakeInput) {
  border: none;
}
.input.imageList,
.fakeInput.imageList,
.imageList:not(label):not(.input) {
  border-width: var(--inputImageListBorderThickness);
  border-style: var(--inputImageListBorderType);
  border-color: var(--inputImageListBorderColor);
  border-radius: var(--inputImageListBorderRadius);
  background: var(--inputImageListBackground);
  margin: var(--inputImageListMargin);
  box-shadow: var(--inputImageListBoxShadow);
}
.input.imageList > .list,
.fakeInput.imageList > .list,
.imageList:not(label):not(.input) > .list {
  padding: var(--inputImageListPadding);
}
.input.imageList > .list > .item,
.fakeInput.imageList > .list > .item,
.imageList:not(label):not(.input) > .list > .item {
  margin-bottom: var(--inputImageListItemSeperatorHeight);
}
.input.imageList > .list > .item:last-child,
.fakeInput.imageList > .list > .item:last-child,
.imageList:not(label):not(.input) > .list > .item:last-child {
  margin-bottom: 0px;
}
.imageList:not(label):not(.input):not(.fakeInput) {
  border: none;
}
.imageList .item,
.horizontalImageListItem {
  /*border: 1px solid transparent;*/
  background: var(--inputImageListItemBackground);
  border-color: var(--inputImageListItemBorderColor);
  border-style: var(--inputImageListItemBorderType);
  border-width: var(--inputImageListItemBorderThickness);
  border-radius: var(--inputImageListItemBorderRadius);
  padding: var(--inputImageListItemPadding);
}
.input.imageList:not([disabled]) .item:hover,
.input.horizontalImageListItem:hover {
  background: var(--inputImageListItemHoverBackground);
  border-style: var(--inputImageListItemHoverBorderType);
  border-width: var(--inputImageListItemHoverBorderThickness);
  border-color: var(--inputImageListItemHoverBorderColor);
  border-radius: var(--inputImageListItemHoverBorderRadius);
}
.input.imageList .item:hover *,
.input.horizontalImageListItem:hover * {
  cursor: pointer;
}
.input.imageList .item.selected,
.fakeInput.imageList .item.selected,
.horizontalImageListItem.selected {
  background: var(--inputImageListItemActiveBackground);
  border-style: var(--inputImageListItemActiveBorderType);
  border-width: var(--inputImageListItemActiveBorderThickness);
  border-color: var(--inputImageListItemActiveBorderColor);
  border-radius: var(--inputImageListItemActiveBorderRadius);
}
.input.checkbox:not(.readonly):not([disabled]):hover,
.input.radioButton:not(.readonly):not([disabled]):hover {
  cursor: pointer;
}
label.checkbox,
label.radioButton,
label.image {
  display: inline-block;
  float: none;
  font-weight: normal;
  /*padding-top: 3px;*/
  padding-left: 5px;
  line-height: var(--inputContentMinimumHeight);
  /*min-height: var(--inputContentMinimumHeight);*/
}
.input.checkbox:not(.readonly):not([disabled]) + label.checkbox p,
.input.radioButton:not(.readonly):not([disabled]) + label.radioButton p,
.fakeInput.checkbox:not(.readonly):not([disabled]) + label.checkbox p,
.fakeInput.radioButton:not(.readonly):not([disabled]) + label.radioButton p {
  display: inline;
}
.input.checkbox:not(.readonly):not([disabled]) + label.checkbox,
.input.radioButton:not(.readonly):not([disabled]) + label.radioButton {
  cursor: pointer;
}
.input.checkbox input[type='checkbox'],
.input.radioButton input[type='radio'] {
  position: absolute;
  z-index: -1;
  opacity: 0;
  appearance: none;
  display: inherit;
}
.input.radioButton,
.fakeInput.radioButton,
.radioButton:not(label):not(.input) {
  width: var(--inputRadioButtonWidth);
  height: var(--inputRadioButtonHeight);
  border-width: var(--inputRadioButtonBorderThickness);
  border-style: var(--inputRadioButtonBorderType);
  border-color: var(--inputRadioButtonBorderColor);
  border-radius: var(--inputRadioButtonBorderRadius);
  background: var(--inputRadioButtonBackground);
  --inputBackground: var(--inputRadioButtonBackground);
  --inputBorderRadius: var(--inputRadioButtonBorderRadius);
  --inputErrorBackground: var(--inputBackground);
  --inputErrorBorderThickness: var(--inputBorderThickness);
  --inputErrorBorderType: var(--inputBorderType);
  --inputErrorBorderRadius: var(--inputBorderRadius);
  --inputDisabledBorderThickness: var(--inputBorderThickness);
  --inputDisabledBorderType: var(--inputBorderType);
  --inputDisabledBorderColor: var(--inputBorderColor);
  --inputDisabledBorderRadius: var(--inputBorderRadius);
  box-sizing: content-box;
  position: relative;
  display: inline-block;
}
.input.radioButton:after,
.fakeInput.radioButton:after,
.radioButton:not(label):not(.input):after {
  font-family: "fontello";
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--inputRadioButtonIndicatorSize);
  height: var(--inputRadioButtonIndicatorSize);
  font-size: var(--inputRadioButtonIndicatorSize);
  line-height: var(--inputRadioButtonIndicatorSize);
  transform: var(--inputRadioButtonIndicatorTranslate);
  color: var(--inputRadioButtonIndicatorColor);
}
.input.radioButton.checked:after,
.fakeInput.radioButton.checked:after,
.radioButton:not(label):not(.input).checked:after {
  content: var(--inputRadioButtonIndicatorContent);
}
.input.radioButton[disabled]:after,
.fakeInput.radioButton[disabled]:after,
.radioButton:not(label):not(.input)[disabled]:after {
  color: var(--inputDisabledIconColor);
}
.radioButton:not(label):not(.input):not(.fakeInput) {
  border: none;
}
.input.checkbox,
.fakeInput.checkbox,
.checkbox:not(label) {
  width: var(--inputCheckboxWidth);
  height: var(--inputCheckboxHeight);
  box-sizing: content-box;
  position: relative;
  display: inline-block;
}
.input.checkbox.input,
.fakeInput.checkbox.input,
.checkbox:not(label).input,
.input.checkbox.fakeInput,
.fakeInput.checkbox.fakeInput,
.checkbox:not(label).fakeInput {
  border-width: var(--inputCheckboxBorderThickness);
  border-style: var(--inputCheckboxBorderType);
  border-color: var(--inputCheckboxBorderColor);
  border-radius: var(--inputCheckboxBorderRadius);
  background: var(--inputCheckboxBackground);
}
.input.checkbox:after,
.fakeInput.checkbox:after,
.checkbox:not(label):after {
  font-family: "fontello";
  position: absolute;
  top: calc(50%);
  left: 50%;
  transform: var(--inputCheckboxIndicatorTranslate);
  width: var(--inputCheckboxIndicatorSize);
  height: var(--inputCheckboxIndicatorSize);
  font-size: var(--inputCheckboxIndicatorSize);
  line-height: var(--inputCheckboxIndicatorSize);
  color: var(--inputCheckboxIndicatorColor);
}
.input.checkbox.checked:after,
.fakeInput.checkbox.checked:after,
.checkbox:not(label).checked:after {
  content: var(--inputCheckboxIndicatorContent);
}
.input.checkbox[disabled]:after,
.fakeInput.checkbox[disabled]:after,
.checkbox:not(label)[disabled]:after {
  color: var(--inputDisabledIconColor);
}
.input.checkbox.input.readonly,
.fakeInput.checkbox.input.readonly,
.checkbox:not(label).input.readonly {
  border: none;
}
.input.checkbox[disabled],
.fakeInput.checkbox[disabled],
.checkbox:not(label)[disabled] {
  border-radius: var(--inputCheckboxBorderRadius);
}
.input.checkbutton,
.fakeInput.checkbutton {
  background: #fff;
  position: relative;
  padding: 0px 8px;
  /*margin: 5px;*/
  color: var(--inputFontColor);
  font-weight: var(--inputFontWeight);
  font-size: var(--inputFontSize);
  border-width: var(--inputBorderThickness);
  border-style: var(--inputBorderType);
  border-color: var(--inputBorderColor);
  border-radius: var(--inputBorderRadius);
  background: var(--inputBackground);
  user-select: none;
}
.input.checkbutton.checked,
.fakeInput.checkbutton.checked {
  background: var(--inputIndicatorColor);
  color: #fff;
}
.input.checkbutton[disabled],
.fakeInput.checkbutton[disabled] {
  background: var(--inputDisabledBackground);
  color: var(--inputDisabledFontColor);
  border-width: var(--inputDisabledBorderThickness);
  border-style: var(--inputDisabledBorderType);
  border-radius: var(--inputDisabledBorderRadius);
  border-color: var(--inputDisabledBorderColor);
}
.input.checkbutton[disabled].checked,
.fakeInput.checkbutton[disabled].checked {
  background: var(--inputDisabledCheckedBackground);
  color: #fff;
}
.input.checkbutton:not(.readonly):not([disabled]):hover {
  border-width: var(--inputHoverBorderThickness);
  border-style: var(--inputHoverBorderType);
  border-radius: var(--inputHoverBorderRadius);
  border-color: var(--inputHoverBorderColor);
}
.input.checkbutton.input {
  cursor: pointer;
}
.input.checkbuttonList,
.fakeInput.checkbuttonList,
.input.checkbuttonSwitchList,
.fakeInput.checkbuttonSwitchList {
  /*
  &:after {
	display: block;
	content: '';
	clear: both;
  }*/
}
.input.checkbuttonList .list,
.fakeInput.checkbuttonList .list,
.input.checkbuttonSwitchList .list,
.fakeInput.checkbuttonSwitchList .list {
  display: flex;
  gap: 5px;
}
.input.checkbuttonList .list .checkbutton,
.fakeInput.checkbuttonList .list .checkbutton,
.input.checkbuttonSwitchList .list .checkbutton,
.fakeInput.checkbuttonSwitchList .list .checkbutton {
  flex: 0 1 auto;
}
/* Listview */
.listview {
  position: relative;
  border-spacing: 0;
  border-collapse: collapse;
  display: block;
  padding: 0px;
  margin: 0px;
  list-style: none;
}
.listview > .header {
  background: var(--listViewHeaderBackground);
  padding: var(--listViewHeaderPadding);
}
.listview > .items {
  display: inline-block;
  min-width: 100%;
}
.listview > .items > .item {
  font-family: var(--listViewItemFontName);
  color: var(--listViewItemFontColor);
  font-size: var(--listViewItemFontSize);
  line-height: var(--listViewItemFontLineHeight);
  font-weight: var(--listViewItemFontWeight);
  text-decoration: var(--listViewItemFontDecoration);
  letter-spacing: var(--listViewItemFontLetterSpacing);
  font-style: var(--listViewItemFontStyle);
  text-shadow: var(--listViewItemFontShadow);
  background: var(--listViewItemBackground);
  padding: var(--listViewItemPadding);
  margin: var(--listViewItemMargin);
  border-width: var(--listViewItemBorderThickness);
  border-style: var(--listViewItemBorderType);
  border-color: var(--listViewItemBorderColor);
  border-radius: var(--listViewItemBorderRadius);
  position: relative;
  overflow: visible;
}
.listview > .items > .item.depth1 {
  margin-left: 20px;
}
.listview > .items > .item.depth2 {
  margin-left: 40px;
}
.listview > .items > .item.depth3 {
  margin-left: 60px;
}
.listview > .items > .item.depth4 {
  margin-left: 80px;
}
.listview > .items > .item.depth5 {
  margin-left: 100px;
}
.listview > .items > .item.depth6 {
  margin-left: 120px;
}
.listview > .items > .item.depth7 {
  margin-left: 140px;
}
.listview > .items > .item.depth8 {
  margin-left: 160px;
}
.listview > .items > .item.depth9 {
  margin-left: 180px;
}
.listview > .items > .item.depth10 {
  margin-left: 200px;
}
.listview > .items > .item.blocked {
  background: #f6f6f6;
}
.listview > .items > .item.clickable:hover {
  cursor: pointer;
  background: var(--listViewItemHoverBackground);
  font-family: var(--listViewItemHoverFontName);
  color: var(--listViewItemHoverFontColor);
  font-size: var(--listViewItemHoverFontSize);
  line-height: var(--listViewItemHoverFontLineHeight);
  font-weight: var(--listViewItemHoverFontWeight);
  text-decoration: var(--listViewItemHoverFontDecoration);
  letter-spacing: var(--listViewItemHoverFontLetterSpacing);
  font-style: var(--listViewItemHoverFontStyle);
  text-shadow: var(--listViewItemHoverFontShadow);
}
.listview > .items > .item.indent1 {
  padding-left: 29px;
}
.listview > .items > .item.indent2 {
  padding-left: 48px;
}
.listview > .items > .item.indent3 {
  padding-left: 77px;
}
.listview > .items > .item.indent4 {
  padding-left: 86px;
}
.listview > .items > .item.indent5 {
  padding-left: 115px;
}
.listview > .items > .item.indent6 {
  padding-left: 144px;
}
.listview > .items > .item.indent7 {
  padding-left: 173px;
}
.listview > .items > .item.indent8 {
  padding-left: 202px;
}
.listview > .items > .item.indent9 {
  padding-left: 260px;
}
.listview > .items > .item.indent10 {
  padding-left: 289px;
}
.listview > .items > .item:last-child {
  border-bottom: none;
}
.listview > .items > .item > .toolbar {
  position: absolute;
  right: 0px;
  top: 2px;
}
/* FolderListview */
.folderListview .items .item .messageBox {
  display: block;
  width: auto;
  height: 16px;
  position: absolute;
  top: -7px;
  right: 5px;
}
.folderListview .items .item .messageBox .errorBox,
.folderListview .items .item .messageBox .warningBox,
.folderListview .items .item .messageBox .infoBox {
  float: right;
  display: block;
  height: 16px;
  background: #d0151e;
  border-radius: 15px;
  color: #fff;
  font-size: 0.8em;
  font-weight: 400;
  padding: 2px 3px 2px 3px;
  text-align: center;
  line-height: 1em;
  margin: 0px 0px 0px 5px;
}
.folderListview .items .item .messageBox .warningBox {
  background: #c19a12;
}
.folderListview .items .item .messageBox .infoBox {
  background: #46aaff;
}
/* ArrangleableListview */
.arrangeableListview {
  overflow: visible;
}
.arrangeableListview > .items > .item .icon {
  display: inline-block;
}
.arrangeableListview > .items > .item .icon:before {
  font-size: 17px;
}
.arrangeableListview > .items > .item.moving {
  position: relative;
  margin-left: 0px;
  opacity: 0.5;
  cursor: ns-resize;
}
.arrangeableListview > .items > .item.moving ul {
  padding: 0px;
  list-style-type: none;
  margin: 0px 0px 0px 25px;
}
.arrangeableListview > .items > .item.moving:before {
  display: block;
  font-size: 20px;
  font-family: "fontello";
  content: '\e816';
  position: absolute;
  top: calc(50% - 13px);
  left: -15px;
}
.arrangeableListview > .items > .item.selected {
  border: solid 1px #cccccc;
}
/* ArrangeableElementList */
.arrangeableElementList > .items > .arrangeableElementListElement {
  margin: 5px 0px;
  border: 1px solid #f2f2f2;
}
.arrangeableElementList > .items > .arrangeableElementListElement .verticalToolbar {
  border: none;
  margin-right: 5px;
}
.arrangeableElementList.input > .items > .arrangeableElementListElement {
  border: 1px solid #b3b3b3;
}
.arrangeableElementList.input > .items > .arrangeableElementListElement > .row > .column.toolbarColumn {
  max-width: 35px;
  background: #f0f0f0;
  border: none;
  border-right: solid 1px #b3b3b3;
}
.arrangeableElementList.input > .items > .arrangeableElementListElement.template > .row > .column.toolbarColumn {
  max-width: none;
  border: none;
}
.arrangeableElementList.input.rightToolbar > .items > .arrangeableElementListElement > .row > .column.toolbarColumn {
  border: none;
  border-left: solid 1px #b3b3b3;
}
.arrangeableElementList.input.horizontalToolbar > .items > .arrangeableElementListElement > .row > .column.toolbarColumn {
  max-width: 125px;
  min-height: 44px;
}
.arrangeableElementList.input.horizontalToolbar > .items > .arrangeableElementListElement > .row > .column.toolbarColumn .toolbar {
  display: inline-block;
  padding-top: 3px;
}
.arrangeableElementList > .items > .arrangeableElementListElement > .row > .column.dataColumn,
.arrangeableElementList > .items > .arrangeableElementListElement > .row > .column.summaryColumn {
  padding: 5px;
}
.arrangeableElementList > .items > .arrangeableElementListElement > .row > .column.summaryColumn {
  cursor: pointer;
}
.arrangeableElementList > .items > .arrangeableElementListElement > .row > .column > label {
  font-weight: 600;
  color: #333;
  display: block;
  padding: 0px 0px 3px 0px;
}
.arrangeableElementList > .items > .arrangeableElementListElement .row.seperator {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 3px;
  border: solid 1px #b3b3b3;
  background: #f0f0f0;
  padding: 5px 5px 0px 5px;
  font-weight: 600;
}
.arrangeableElementList > .items > .arrangeableElementListElement.moving {
  position: relative;
  margin-left: 0px;
  opacity: 0.5;
  cursor: ns-resize;
}
.arrangeableElementList > .items > .arrangeableElementListElement.moving:before {
  display: block;
  font-size: 20px;
  font-family: "fontello";
  content: '\e816';
  position: absolute;
  top: calc(50% - 13px);
  left: -15px;
}
.arrangeableElementList > .items > .arrangeableElementListElement .templateButton {
  display: none;
}
.arrangeableElementList > .items > .arrangeableElementListElement .nonTemplateButton {
  display: initial;
}
.arrangeableElementList.wrappable > .items > .arrangeableElementListElement .summaryButton {
  display: initial;
}
.arrangeableElementList.wrappable > .items > .arrangeableElementListElement .dataButton {
  display: none;
}
.arrangeableElementList.wrappable > .items > .arrangeableElementListElement .dataColumn {
  display: none;
}
.arrangeableElementList.wrappable > .items > .arrangeableElementListElement .summaryColumn {
  display: initial;
}
.arrangeableElementList.wrappable > .items > .arrangeableElementListElement.unwrapped > .row > .toolbarColumn .summaryButton {
  display: none;
}
.arrangeableElementList.wrappable > .items > .arrangeableElementListElement.unwrapped > .row > .toolbarColumn .dataButton {
  display: initial;
}
.arrangeableElementList.wrappable > .items > .arrangeableElementListElement.unwrapped > .row > .dataColumn {
  display: initial;
}
.arrangeableElementList.wrappable > .items > .arrangeableElementListElement.unwrapped > .row > .summaryColumn {
  display: none;
}
.arrangeableElementList > .items > .arrangeableElementListElement.template > .row > .toolbarColumn .templateButton {
  display: initial;
}
.arrangeableElementList > .items > .arrangeableElementListElement.template > .row > .toolbarColumn .nonTemplateButton {
  display: none;
}
.arrangeableElementList > .items > .arrangeableElementListElement.template > .row > .dataColumn {
  display: none;
}
.arrangeableElementList > .items > .arrangeableElementListElement.template > .row > .summaryColumn {
  display: none;
}
/* multiLingualElement */
.multiLingualElement .multiLingualElementLanguage {
  display: flex;
  margin-bottom: 5px;
}
.multiLingualElement .language {
  flex: 1;
  font-weight: 500;
  max-width: 150px;
  margin-right: 10px;
}
.multiLingualElement .value {
  flex: 1;
}
.multiLingualElement > .tabs > .tabBody > .tab > .input.textBox,
.multiLingualElement > .tabs > .tabBody > .tab > .input.textArea {
  width: 100%;
}
.recordview > .items > .item > .value > .multiLingualElement.readonly {
  margin-left: -160px;
}
/* columnSelectview */
.columnSelectview .selectedItemsColumn {
  margin-left: 30px;
}
.columnSelectview .selectedItemsColumn .arrangeableListview > .items > .item .textBox:not(.numberBox) {
  position: absolute;
  top: 5px;
  left: 450px;
  width: calc(100% - 705px);
}
.columnSelectview .selectedItemsColumn .arrangeableListview > .items > .item .numberBox {
  position: absolute;
  top: 5px;
  right: 150px;
  max-width: 100px;
}
/* columnSortview */
.columnSortview .selectedItemsColumn {
  margin-left: 30px;
}
.columnSortview .selectedItemsColumn .arrangeableListview > .items > .item .selectBox {
  position: absolute;
  top: 7px;
  right: 150px;
  max-width: 150px;
}
.extraDescription {
  padding-left: 5px;
}
/* Tableview */
.tableview {
  position: relative;
  padding: var(--tableViewPadding);
  margin: var(--tableViewMargin);
  background: var(--tableViewBackground);
  overflow: auto;
  display: block;
  list-style: none;
  border-width: var(--tableViewBorderThickness);
  border-style: var(--tableViewBorderType);
  border-color: var(--tableViewBorderColor);
  border-radius: var(--tableViewBorderRadius);
}
.tableview .expandor {
  max-width: 25px;
  width: 25px;
}
.tableview .expandor .depthFiller {
  border-left: 1px solid var(--tableViewIndentFillerColor);
  margin-left: 8px;
  width: 2px;
  height: calc(100% + 20px);
  margin-top: -10px;
  margin-bottom: -10px;
  display: inline-block;
}
.tableview .expandor .expandableIcon {
  display: inline-block;
  height: 100%;
  position: relative;
}
.tableview .expandor .expandableIcon:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  opacity: 0.8;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em;
  content: '\e816';
  position: absolute;
  display: block;
  top: 50%;
  transform: translateY(-50%);
}
.tableview .groupselector {
  --inputCheckboxWidth: 18px;
  --inputCheckboxHeight: 18px;
  --inputCheckboxIndicatorSize: 16px;
  text-align: center;
}
.tableview .item {
  transform-origin: top left;
  background: var(--tableViewDataRowBackground);
  border-width: var(--tableViewDataRowBorderThickness);
  border-style: var(--tableViewDataRowBorderType);
  border-color: var(--tableViewDataRowBorderColor);
}
.tableview .item td {
  padding: var(--tableViewDataRowCellPadding);
  background: var(--tableViewDataRowCellBackground);
  border-width: var(--tableViewDataRowCellBorderThickness);
  border-style: var(--tableViewDataRowCellBorderType);
  border-color: var(--tableViewDataRowCellBorderColor);
  height: var(--tableViewDataRowCellHeight);
  font-family: var(--tableViewDataRowCellFontName);
  color: var(--tableViewDataRowCellFontColor);
  font-size: var(--tableViewDataRowCellFontSize);
  line-height: var(--tableViewDataRowCellFontLineHeight);
  font-weight: var(--tableViewDataRowCellFontWeight);
  text-decoration: var(--tableViewDataRowCellFontDecoration);
  letter-spacing: var(--tableViewDataRowCellFontLetterSpacing);
  font-style: var(--tableViewDataRowCellFontStyle);
  text-shadow: var(--tableViewDataRowCellFontShadow);
}
.tableview .item:last-child {
  border-bottom: none;
}
.tableview .item.itemDepth1 > td:not(:last-child):not(:first-child) {
  transform: translateX(10px);
}
.tableview .item.itemDepth2 > td:not(:last-child):not(:first-child) {
  transform: translateX(20px);
}
.tableview .item.itemDepth3 > td:not(:last-child):not(:first-child) {
  transform: translateX(30px);
}
.tableview .item.itemDepth4 > td:not(:last-child):not(:first-child) {
  transform: translateX(40px);
}
.tableview .item.itemDepth5 > td:not(:last-child):not(:first-child) {
  transform: translateX(50px);
}
.tableview .item.itemDepth5 > td:not(:last-child):not(:first-child) {
  transform: translateX(60px);
}
.tableview .item.itemDepth6 > td:not(:last-child):not(:first-child) {
  transform: translateX(70px);
}
.tableview .item.blocked {
  background: #f6f6f6;
}
.tableview .item.clickable:hover {
  cursor: pointer;
  border-width: var(--tableViewDataRowHoverBorderThickness);
  border-style: var(--tableViewDataRowHoverBorderType);
  border-color: var(--tableViewDataRowHoverBorderColor);
}
.tableview .item.clickable:hover td {
  background: var(--tableViewDataRowCellHoverBackground);
  font-family: var(--tableViewDataRowCellHoverFontName);
  color: var(--tableViewDataRowCellHoverFontColor);
  font-size: var(--tableViewDataRowCellHoverFontSize);
  line-height: var(--tableViewDataRowCellHoverFontLineHeight);
  font-weight: var(--tableViewDataRowCellHoverFontWeight);
  text-decoration: var(--tableViewDataRowCellHoverFontDecoration);
  letter-spacing: var(--tableViewDataRowCellHoverFontLetterSpacing);
  font-style: var(--tableViewDataRowCellHoverFontStyle);
  text-shadow: var(--tableViewDataRowCellHoverFontShadow);
}
.tableview .item.clickable:hover:last-child {
  border-bottom: none;
}
.tableview .item.expanded .expandableIcon:before {
  content: '\e814';
}
.tableview .item.seperator td {
  border-width: var(--tableViewSeperatorRowBorderThickness);
  border-style: var(--tableViewSeperatorRowBorderType);
  border-color: var(--tableViewSeperatorRowBorderColor);
}
.tableview .item.totals {
  background: var(--tableViewSummaryRowBackground);
  border-width: var(--tableViewDataSummaryRowBorderThickness);
  border-style: var(--tableViewDataSummaryRowBorderType);
  border-color: var(--tableViewDataSummaryRowBorderColor);
}
.tableview .item.totals td {
  font-family: var(--tableViewSummaryRowCellFontName);
  color: var(--tableViewSummaryRowCellFontColor);
  font-size: var(--tableViewSummaryRowCellFontSize);
  line-height: var(--tableViewSummaryRowCellFontLineHeight);
  font-weight: var(--tableViewSummaryRowCellFontWeight);
  text-decoration: var(--tableViewSummaryRowCellFontDecoration);
  letter-spacing: var(--tableViewSummaryRowCellFontLetterSpacing);
  font-style: var(--tableViewSummaryRowCellFontStyle);
  text-shadow: var(--tableViewSummaryRowCellFontShadow);
  border-width: var(--tableViewSummaryRowCellBorderThickness);
  border-style: var(--tableViewSummaryRowCellBorderType);
  border-color: var(--tableViewSummaryRowCellBorderColor);
}
.tableview.listselect {
  border: solid 1px #f2f2f2;
}
.tableview.listselect .item.active {
  background: #f59505;
  color: white;
}
.tableview.fixed table {
  table-layout: fixed;
  width: 100%;
}
.tableview table {
  border-spacing: var(--tableViewBorderSpacing);
  border-collapse: var(--tableViewBorderCollapse);
  min-width: 100%;
}
.tableview table thead tr {
  background: var(--tableViewHeadRowBackground);
  border-width: var(--tableViewHeadRowBorderThickness);
  border-style: var(--tableViewHeadRowBorderType);
  border-color: var(--tableViewHeadRowBorderColor);
}
.tableview table thead tr th {
  padding: var(--tableViewHeadRowCellPadding);
  background: var(--tableViewHeadRowCellBackground);
  border-width: var(--tableViewHeadRowCellBorderThickness);
  border-style: var(--tableViewHeadRowCellBorderType);
  border-color: var(--tableViewHeadRowCellBorderColor);
  font-family: var(--tableViewHeadRowCellFontName);
  color: var(--tableViewHeadRowCellFontColor);
  font-size: var(--tableViewHeadRowCellFontSize);
  line-height: var(--tableViewHeadRowCellFontLineHeight);
  font-weight: var(--tableViewHeadRowCellFontWeight);
  text-decoration: var(--tableViewHeadRowCellFontDecoration);
  letter-spacing: var(--tableViewHeadRowCellFontLetterSpacing);
  font-style: var(--tableViewHeadRowCellFontStyle);
  text-shadow: var(--tableViewHeadRowCellFontShadow);
  overflow: hidden;
  text-align: left;
}
.tableview table thead tr th.alignRight {
  text-align: right;
}
.tableview table thead tr th.alignMiddle {
  text-align: center;
}
.tableview .toolbar {
  height: 1px;
  background: none;
  border: none;
}
.tableview .toolbar .toolbarButton:hover {
  background: transparent;
  border: none;
}
.tableview .toolbar .toolbarBlock {
  float: none;
}
.tableview .footer {
  font-family: var(--tableViewFooterFontName);
  color: var(--tableViewFooterFontColor);
  font-size: var(--tableViewFooterFontSize);
  line-height: var(--tableViewFooterFontLineHeight);
  font-weight: var(--tableViewFooterFontWeight);
  text-decoration: var(--tableViewFooterFontDecoration);
  letter-spacing: var(--tableViewFooterFontLetterSpacing);
  font-style: var(--tableViewFooterFontStyle);
  text-shadow: var(--tableViewFooterFontShadow);
  background: var(--tableViewFooterBackground);
  border-width: var(--tableViewFooterBorderThickness);
  border-style: var(--tableViewFooterBorderType);
  border-color: var(--tableViewFooterBorderColor);
  border-radius: var(--tableViewFooterBorderRadius);
  display: flex;
}
.tableview .footer .navigation {
  flex: 1;
  text-align: var(--tableViewFooterNavigationAlign);
  padding: var(--tableViewFooterNavigationPadding);
}
.tableview .footer .navigation .item,
.tableview .footer .navigation .item:active,
.tableview .footer .navigation .item:link,
.tableview .footer .navigation .item:visited {
  padding: var(--tableViewFooterNavigationItemPadding);
  background: var(--tableViewFooterNavigationItemBackground);
  border-width: var(--tableViewFooterNavigationItemBorderThickness);
  border-style: var(--tableViewFooterNavigationItemBorderType);
  border-color: var(--tableViewFooterNavigationItemBorderColor);
  border-radius: var(--tableViewFooterNavigationItemBorderRadius);
  font-family: var(--tableViewFooterNavigationItemFontName);
  color: var(--tableViewFooterNavigationItemFontColor);
  font-size: var(--tableViewFooterNavigationItemFontSize);
  line-height: var(--tableViewFooterNavigationItemFontLineHeight);
  font-weight: var(--tableViewFooterNavigationItemFontWeight);
  text-decoration: var(--tableViewFooterNavigationItemFontDecoration);
  letter-spacing: var(--tableViewFooterNavigationItemFontLetterSpacing);
  font-style: var(--tableViewFooterNavigationItemFontStyle);
  text-shadow: var(--tableViewFooterNavigationItemFontShadow);
}
.tableview .footer .navigation .selected {
  padding: var(--tableViewFooterNavigationItemActivePadding);
  background: var(--tableViewFooterNavigationItemActiveBackground);
  border-width: var(--tableViewFooterNavigationItemActiveBorderThickness);
  border-style: var(--tableViewFooterNavigationItemActiveBorderType);
  border-color: var(--tableViewFooterNavigationItemActiveBorderColor);
  border-radius: var(--tableViewFooterNavigationItemActiveBorderRadius);
  font-family: var(--tableViewFooterNavigationItemActiveFontName);
  color: var(--tableViewFooterNavigationItemActiveFontColor);
  font-size: var(--tableViewFooterNavigationItemActiveFontSize);
  line-height: var(--tableViewFooterNavigationItemActiveFontLineHeight);
  font-weight: var(--tableViewFooterNavigationItemActiveFontWeight);
  text-decoration: var(--tableViewFooterNavigationItemActiveFontDecoration);
  letter-spacing: var(--tableViewFooterNavigationItemActiveFontLetterSpacing);
  font-style: var(--tableViewFooterNavigationItemActiveFontStyle);
  text-shadow: var(--tableViewFooterNavigationItemActiveFontShadow);
}
.tableview .footer .navigation .item:hover {
  padding: var(--tableViewFooterNavigationItemHoverPadding);
  background: var(--tableViewFooterNavigationItemHoverBackground);
  border-width: var(--tableViewFooterNavigationItemHoverBorderThickness);
  border-style: var(--tableViewFooterNavigationItemHoverBorderType);
  border-color: var(--tableViewFooterNavigationItemHoverBorderColor);
  border-radius: var(--tableViewFooterNavigationItemHoverBorderRadius);
  font-family: var(--tableViewFooterNavigationItemHoverFontName);
  color: var(--tableViewFooterNavigationItemHoverFontColor);
  font-size: var(--tableViewFooterNavigationItemHoverFontSize);
  line-height: var(--tableViewFooterNavigationItemHoverFontLineHeight);
  font-weight: var(--tableViewFooterNavigationItemHoverFontWeight);
  text-decoration: var(--tableViewFooterNavigationItemHoverFontDecoration);
  letter-spacing: var(--tableViewFooterNavigationItemHoverFontLetterSpacing);
  font-style: var(--tableViewFooterNavigationItemHoverFontStyle);
  text-shadow: var(--tableViewFooterNavigationItemHoverFontShadow);
}
.tableview .footer .count {
  flex: 0 1 auto;
  margin-left: auto;
  padding: var(--tableViewFooterCountPadding);
  font-family: var(--tableViewFooterCountFontName);
  color: var(--tableViewFooterCountFontColor);
  font-size: var(--tableViewFooterCountFontSize);
  line-height: var(--tableViewFooterCountFontLineHeight);
  font-weight: var(--tableViewFooterCountFontWeight);
  text-decoration: var(--tableViewFooterCountFontDecoration);
  letter-spacing: var(--tableViewFooterCountFontLetterSpacing);
  font-style: var(--tableViewFooterCountFontStyle);
  text-shadow: var(--tableViewFooterCountFontShadow);
  text-align: var(--tableViewFooterCountTextAlign);
}
.tableview .groupselector {
  display: none;
  max-width: 25px;
}
.tableview.groupselect .groupselector {
  display: table-cell;
}
/* Recordview */
.recordview {
  /* FilterView */
}
.recordview > form > .items .subitems,
.recordview > .items .subitems {
  padding-left: 25px;
}
.recordview > form > .items > .item,
.recordview > .items > .item {
  display: flex;
}
.recordview > form > .items > .item > .description,
.recordview > .items > .item > .description {
  flex: 1;
  max-width: 550px;
}
.recordview > form > .items > .item > .info,
.recordview > .items > .item > .info {
  flex: 1;
  max-width: 40px;
  text-align: center;
}
.recordview > form > .items > .item > .value,
.recordview > .items > .item > .value {
  flex: 1;
  min-height: 30px;
}
.recordview > form > .items > .item.header,
.recordview > .items > .item.header {
  padding: var(--recordViewHeaderPadding);
  color: var(--recordViewHeaderFontColor);
  letter-spacing: var(--recordViewHeaderFontLetterSpacing);
  border-bottom: var(--recordViewHeaderBorderThickness) var(--recordViewHeaderBorderType) var(--recordViewHeaderBorderColor);
  font-weight: var(--recordViewHeaderFontWeight);
  line-height: var(--recordViewHeaderFontLineHeight);
}
.recordview > form > .items > .item.header > .description .info,
.recordview > .items > .item.header > .description .info {
  display: inline-block;
}
.recordview.small .items > .item {
  display: block;
}
.recordview.small .items > .item > .description {
  display: inline-block;
}
.recordview.small .items > .item > .info {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .recordview .items > .item {
    display: block;
  }
  .recordview .items > .item .description {
    display: inline-block;
  }
  .recordview .items > .item .info {
    display: inline-block;
  }
}
.recordview.filterview {
  border-spacing: 0px;
}
.recordview.filterview .items > .item.filterItem {
  display: flex;
  padding: 2px;
}
.recordview.filterview .items > .item.filterItem.active {
  background: #8ee6ff;
}
.recordview.filterview .items > .item.filterItem > .title,
.recordview.filterview .items > .item.filterItem > .data {
  flex: 1;
  display: flex;
}
.recordview.filterview .items > .item.filterItem > .title > .expand {
  margin-top: -2px;
  width: 25px;
}
.recordview.filterview .items > .item.filterItem > .title > .expand.expandableIcon {
  cursor: pointer;
}
.recordview.filterview .items > .item.filterItem > .title > .expand.expandableIcon:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  opacity: 0.8;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em;
  content: '\e816';
}
.recordview.filterview .items > .item.filterItem.expanded > .title > .expand.expandableIcon:before {
  content: '\e814';
}
.recordview.filterview .items > .item.filterItem > .title > .description {
  flex: 1;
  font-weight: 600;
  max-width: none;
}
.recordview.filterview .items > .item.filterItem > .title > .info {
  flex: 1;
  max-width: 40px;
  text-align: center;
}
.recordview.filterview .items > .item.filterItem > .data > .compare {
  margin-right: 5px;
  width: 150px;
}
.recordview.filterview .items > .item.filterItem > .data > .value {
  flex: 1;
  max-width: 850px;
}
@media screen and (max-width: 1024px) {
  .recordview.filterview .items > .item.filterItem {
    display: block;
    padding: 0px;
  }
  .recordview.filterview .items > .item.filterItem > .title > .expand {
    width: auto;
  }
}
/* PropertyView */
.propertyView {
  border: 2px solid var(--inputBorderColor);
}
.propertyView .propertyItem,
.propertyView .propertyGroup {
  display: flex;
  flex-direction: row;
}
.propertyView .propertyItem > .description,
.propertyView .propertyGroup > .description {
  flex: 2;
  padding-left: 3px;
  border-bottom: 1px solid var(--inputBorderColor);
}
.propertyView .propertyItem > .description > .info,
.propertyView .propertyGroup > .description > .info {
  display: inline-block;
}
.propertyView .propertyItem > .value,
.propertyView .propertyGroup > .value {
  flex: 3;
  border-bottom: 1px solid var(--inputBorderColor);
}
.propertyView .propertyGroup {
  flex-direction: column;
}
.propertyView .propertyGroup > .description {
  flex: 0 0 100%;
  font-weight: bold;
}
.propertyView .propertyGroup > .items {
  margin-left: 20px;
}
.propertyView .propertyItem {
  --inputContentMinimumHeight: 24px;
  --inputBorderThickness: 0px;
  --inputHoverBorderThickness: 0px;
  --inputFocusBorderThickness: 0px;
  --inputTextBoxInputFieldPadding: 0px 3px;
}
.propertyView .propertyItem .input {
  width: 100%;
}
.propertyView .propertyItem > .description {
  max-width: 250px;
}
/* QuestionnaireView */
.questionnaireView {
  padding: var(--questionnaireViewPadding);
  margin: var(--questionnaireViewMargin);
  max-width: var(--questionnaireViewMaxWidth);
}
.questionnaireView .items .item.questionItem:not(.itemGroup):not(.questionCellItem) {
  display: flex;
  padding: var(--questionnaireViewQuestionPadding);
  background: var(--questionnaireViewQuestionBackground);
  border-style: var(--questionnaireViewQuestionBorderType);
  border-width: var(--questionnaireViewQuestionBorderThickness);
  border-color: var(--questionnaireViewQuestionBorderColor);
  border-radius: var(--questionnaireViewQuestionBorderRadius);
}
.questionnaireView .items .item.questionItem > .numbering {
  font-family: var(--questionnaireViewQuestionNumberingFontName);
  font-size: var(--questionnaireViewQuestionNumberingFontSize);
  color: var(--questionnaireViewQuestionNumberingFontColor);
  font-style: var(--questionnaireViewQuestionNumberingFontStyle);
  font-weight: var(--questionnaireViewQuestionNumberingFontWeight);
  padding: var(--questionnaireViewQuestionNumberingPadding);
  margin: var(--questionnaireViewQuestionNumberingMargin);
  line-height: var(--questionnaireViewQuestionNumberingFontLineHeight);
  text-decoration: var(--questionnaireViewQuestionNumberingFontDecoration);
  letter-spacing: var(--questionnaireViewQuestionNumberingFontLetterSpacing);
  text-shadow: var(--questionnaireViewQuestionNumberingFontShadow);
}
.questionnaireView .items .item.questionItem > .description {
  font-family: var(--questionnaireViewQuestionDescriptionFontName);
  font-size: var(--questionnaireViewQuestionDescriptionFontSize);
  color: var(--questionnaireViewQuestionDescriptionFontColor);
  font-style: var(--questionnaireViewQuestionDescriptionFontStyle);
  font-weight: var(--questionnaireViewQuestionDescriptionFontWeight);
  padding: var(--questionnaireViewQuestionDescriptionPadding);
  margin: var(--questionnaireViewQuestionDescriptionMargin);
  line-height: var(--questionnaireViewQuestionDescriptionFontLineHeight);
  text-decoration: var(--questionnaireViewQuestionDescriptionFontDecoration);
  letter-spacing: var(--questionnaireViewQuestionDescriptionFontLetterSpacing);
  text-shadow: var(--questionnaireViewQuestionDescriptionFontShadow);
}
.questionnaireView .items .item.questionItem.singleColumnLayout > .description {
  /*font-family: var(--questionnaireViewQuestionSingleColumnLayoutDescriptionFontName);
		  font-size: var(--questionnaireViewQuestionSingleColumnLayoutDescriptionFontSize);
		  color: var(--questionnaireViewQuestionSingleColumnLayoutDescriptionFontColor);
		  font-style: var(--questionnaireViewQuestionSingleColumnLayoutDescriptionFontStyle);
		  font-weight: var(--questionnaireViewQuestionSingleColumnLayoutDescriptionFontWeight);
		  padding: var(--questionnaireViewQuestionSingleColumnLayoutDescriptionPadding);
		  margin: var(--questionnaireViewQuestionSingleColumnLayoutDescriptionMargin);*/
}
.questionnaireView > .items > .questionItem,
.questionnaireView > .items .itemGroup > .questionItem,
.questionnaireView > form > .items > .questionItem,
.questionnaireView > form > .items .itemGroup > .questionItem {
  line-height: 2em;
  vertical-align: top;
  margin: var(--questionnaireViewQuestionMargin);
}
.questionnaireView > .items > .questionItem:last-child,
.questionnaireView > .items .itemGroup > .questionItem:last-child,
.questionnaireView > form > .items > .questionItem:last-child,
.questionnaireView > form > .items .itemGroup > .questionItem:last-child {
  margin-bottom: 0px;
}
.questionnaireView .items > .item.matrixLayout,
.questionnaireView .items .itemGroup > .item.matrixLayout,
.questionnaireView .items > .item.threeColumnLayout,
.questionnaireView .items .itemGroup > .item.threeColumnLayout {
  display: flex;
}
.questionnaireView .items > .item.twoColumnLayout,
.questionnaireView .items .itemGroup > .item.twoColumnLayout,
.questionnaireView .items > .item.singleColumnLayout,
.questionnaireView .items .itemGroup > .item.singleColumnLayout {
  flex-wrap: wrap;
}
.questionnaireView .items > .item > .numbering,
.questionnaireView .items .itemGroup > .item > .numbering {
  flex: 1;
  max-width: 50px;
}
.questionnaireView .items > .item.threeColumnLayout > .description,
.questionnaireView .items .itemGroup > .item.threeColumnLayout > .description,
.questionnaireView .items > .item.twoColumnLayout > .description,
.questionnaireView .items .itemGroup > .item.twoColumnLayout > .description {
  flex: 1;
  max-width: 550px;
}
.questionnaireView .items > .item.singleColumnLayout > .description,
.questionnaireView .items .itemGroup > .item.singleColumnLayout > .description {
  flex: 1;
}
.questionnaireView .items > .item.threeColumnLayout > .info,
.questionnaireView .items .itemGroup > .item.threeColumnLayout > .info {
  flex: 1;
  max-width: 40px;
  text-align: center;
}
.questionnaireView .items > .item.twoColumnLayout > .info,
.questionnaireView .items .itemGroup > .item.twoColumnLayout > .info,
.questionnaireView .items > .item.singleColumnLayout > .info,
.questionnaireView .items .itemGroup > .item.singleColumnLayout > .info {
  display: inline-block;
}
.questionnaireView .items > .item.singleColumnLayout > .info,
.questionnaireView .items .itemGroup > .item.singleColumnLayout > .info {
  flex-basis: 100%;
  margin-left: 50px;
}
.questionnaireView .items > .item.threeColumnLayout > .value,
.questionnaireView .items .itemGroup > .item.threeColumnLayout > .value,
.questionnaireView .items > .item.twoColumnLayout > .value,
.questionnaireView .items .itemGroup > .item.twoColumnLayout > .value,
.questionnaireView .items > .item.matrixLayout > .value,
.questionnaireView .items .itemGroup > .item.matrixLayout > .value {
  flex: 2;
  min-height: 30px;
}
.questionnaireView .items > .item.singleColumnLayout > .value,
.questionnaireView .items .itemGroup > .item.singleColumnLayout > .value {
  flex: 2;
  flex-basis: 100%;
}
.questionnaireView .items > .item.header,
.questionnaireView .items .itemGroup > .item.header {
  background: var(--questionnaireViewHeaderBackground);
  border-style: var(--questionnaireViewHeaderBorderType);
  border-width: var(--questionnaireViewHeaderBorderThickness);
  border-color: var(--questionnaireViewHeaderBorderColor);
  border-radius: var(--questionnaireViewHeaderBorderRadius);
  padding: var(--questionnaireViewHeaderPadding);
  font-family: var(--questionnaireViewHeaderFontName);
  color: var(--questionnaireViewHeaderFontColor);
  font-size: var(--questionnaireViewHeaderFontSize);
  line-height: var(--questionnaireViewHeaderFontLineHeight);
  font-weight: var(--questionnaireViewHeaderFontWeight);
  text-decoration: var(--questionnaireViewHeaderFontDecoration);
  letter-spacing: var(--questionnaireViewHeaderFontLetterSpacing);
  font-style: var(--questionnaireViewHeaderFontStyle);
  text-shadow: var(--questionnaireViewHeaderFontShadow);
  margin: var(--questionnaireViewHeaderMargin);
}
.questionnaireView .items .item.emptyrow {
  height: 25px;
}
.questionnaireView .items > .item .extraDescription {
  padding-left: 5px;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .questionnaireView .items .item.questionItem:not(.itemGroup):not(.questionCellItem),
  .questionnaireView .items .item.matrixLayout,
  .questionnaireView .items .item.threeColumnLayout.questionItem:not(.itemGroup):not(.questionCellItem),
  .questionnaireView .items .item.twoColumnLayout.questionItem:not(.itemGroup):not(.questionCellItem),
  .questionnaireView .items .item.singleColumnLayout.questionItem:not(.itemGroup):not(.questionCellItem) {
    display: block;
  }
  .questionnaireView .items .item.threeColumnLayout.questionItem:not(.itemGroup):not(.questionCellItem) > .description {
    display: inline-block;
  }
  .questionnaireView .items .item.threeColumnLayout.questionItem:not(.itemGroup):not(.questionCellItem) > .info {
    display: inline-block;
  }
}
.questionnaireView .compareValue {
  font-style: italic;
}
.questionnaireView .compareValue:before {
  content: '(';
}
.questionnaireView .compareValue:after {
  content: ')';
}
.questionnaireView .compareValue.after {
  display: inline-block;
  padding-left: 5px;
}
/* Tabs */
.tabs {
  border-width: var(--tabViewBorderThickness);
  border-style: var(--tabViewBorderType);
  border-color: var(--tabViewBorderColor);
  border-radius: var(--tabViewBorderRadius);
  background: var(--tabViewBackground);
  box-shadow: var(--tabViewShadow);
}
.tabs > .tabHeader {
  padding-left: var(--tabViewHeaderMarginLeft);
  margin-bottom: var(--tabViewHeaderMarginBottom);
  position: relative;
  margin-top: -5px;
}
.tabs > .tabHeader:after {
  content: '';
  display: block;
  clear: both;
}
.tabs > .tabHeader .tab {
  float: left;
  font-family: var(--tabViewTabFontName);
  font-size: var(--tabViewTabFontSize);
  color: var(--tabViewTabFontColor);
  font-weight: var(--tabViewTabFontWeight);
  line-height: var(--tabViewTabFontLineHeight);
  text-decoration: var(--tabViewTabFontDecoration);
  letter-spacing: var(--tabViewTabFontLetterSpacing);
  font-style: var(--tabViewTabFontStyle);
  text-shadow: var(--tabViewTabFontShadow);
  padding: var(--tabViewTabPadding);
  border-width: var(--tabViewTabBorderThickness);
  border-style: var(--tabViewTabBorderType);
  border-color: var(--tabViewTabBorderColor);
  border-radius: var(--tabViewTabBorderRadius);
  background: var(--tabViewTabBackground);
  box-shadow: var(--tabViewTabShadow);
  height: var(--tabViewTabHeight);
  position: relative;
  /*margin-bottom: 1px;*/
  margin-top: 5px;
  margin-right: var(--tabViewHeaderGap);
}
.tabs > .tabHeader .tab .icon {
  display: inline-block;
  font-size: 18px;
  margin-top: -2px;
}
.tabs > .tabHeader .tab:hover {
  cursor: pointer;
  font-family: var(--tabViewTabHoverFontName);
  font-size: var(--tabViewTabHoverFontSize);
  color: var(--tabViewTabHoverFontColor);
  font-weight: var(--tabViewTabHoverFontWeight);
  line-height: var(--tabViewTabHoverFontLineHeight);
  text-decoration: var(--tabViewTabHoverFontDecoration);
  letter-spacing: var(--tabViewTabHoverFontLetterSpacing);
  font-style: var(--tabViewTabHoverFontStyle);
  text-shadow: var(--tabViewTabHoverFontShadow);
  border-width: var(--tabViewTabHoverBorderThickness);
  border-style: var(--tabViewTabHoverBorderType);
  border-color: var(--tabViewTabHoverBorderColor);
  border-radius: var(--tabViewTabHoverBorderRadius);
  background: var(--tabViewTabHoverBackground);
  box-shadow: var(--tabViewTabHoverShadow);
  height: var(--tabViewTabHoverHeight);
}
.tabs > .tabHeader .tab.active {
  font-family: var(--tabViewTabActiveFontName);
  font-size: var(--tabViewTabActiveFontSize);
  color: var(--tabViewTabActiveFontColor);
  font-weight: var(--tabViewTabActiveFontWeight);
  line-height: var(--tabViewTabActiveFontLineHeight);
  text-decoration: var(--tabViewTabActiveFontDecoration);
  letter-spacing: var(--tabViewTabActiveFontLetterSpacing);
  font-style: var(--tabViewTabActiveFontStyle);
  text-shadow: var(--tabViewTabActiveFontShadow);
  padding: var(--tabViewTabActivePadding);
  border-width: var(--tabViewTabActiveBorderThickness);
  border-style: var(--tabViewTabActiveBorderType);
  border-color: var(--tabViewTabActiveBorderColor);
  border-radius: var(--tabViewTabActiveBorderRadius);
  background: var(--tabViewTabActiveBackground);
  box-shadow: var(--tabViewTabActiveShadow);
  height: var(--tabViewTabActiveHeight);
}
.tabs > .tabHeader .tab.active:after {
  right: 100%;
}
.tabs > .tabHeader .tab .toolbar {
  float: right;
  border: none;
  background: none;
  padding: 0px;
  margin-top: -7px;
}
.tabs > .tabHeader .tab .toolbar .toolbarBlock.activeOnly {
  display: none;
}
.tabs > .tabHeader .tab .toolbar .toolbarBlock.templateButton {
  display: none;
}
.tabs > .tabHeader .tab.active .toolbar .toolbarBlock.activeOnly {
  display: block;
}
.tabs > .tabHeader .tab.template .toolbar .toolbarBlock.templateButton {
  display: block;
}
.tabs > .tabHeader .tab:last-child {
  margin-right: 0px;
}
.tabs > .tabBody {
  border-width: var(--tabViewBodyBorderThickness);
  border-style: var(--tabViewBodyBorderType);
  border-color: var(--tabViewBodyBorderColor);
  border-radius: var(--tabViewBodyBorderRadius);
  background: var(--tabViewBodyBackground);
  padding: var(--tabViewBodyPadding);
}
.tabs > .tabBody > .tab {
  display: none;
  flex: 1;
}
.tabs > .tabBody > .tab.active {
  display: inherit;
}
/* Toolbar */
.toolbar {
  background: var(--toolbarBackground);
  border-width: var(--toolbarBorderThickness);
  border-style: var(--toolbarBorderType);
  border-color: var(--toolbarBorderColor);
  border-radius: var(--toolbarBorderRadius);
  box-shadow: var(--toolbarShadow);
  padding: var(--toolbarPadding);
  margin: var(--toolbarMargin);
  min-height: calc(var(--toolbarButtonSize) + var(--toolbarPadding) + var(--toolbarPadding));
  vertical-align: top;
  white-space: nowrap;
  /*
  &.white {
	border: none;
	padding: 4px;
	height: 40px;
	background: none;
	.icon {
	  font-size: 23px;
	  line-height: 21px;
	  width: 30px;
	  height: 30px;
	}
  }*/
  /*
	.input.selectBox:not(.readonly):not([disabled]):hover,
	.input.textBox:not(.readonly):not([disabled]):hover {
	  border: none
	}*/
  /*
  .textBox input[type="text"],
  .textBox input[type="password"],
  .textBox .value,
  .input.selectBox.resourceSelectBox input[type="text"],
  .input.selectBox.dateSelectBox input[type="text"],
  .input.selectBox.timeSelectBox input[type="text"] {
	min-height: 23px;
  }*/
  /*
  .selectBox > select {
	height: 23px;
	line-height: 23px;
  }*/
}
.toolbar.inputToolbar {
  border-bottom: none;
}
.toolbar.inputToolbar + .input.aceTextArea {
  border-radius: 0px;
}
.toolbar.absolute {
  position: absolute;
  top: 0px;
}
.toolbar.right {
  float: right;
  right: 0px;
}
.toolbar.right.absolute {
  right: 5px;
  top: 5px;
}
.toolbar.small {
  border: none;
  padding: 0px;
}
.toolbar.smallToolbar {
  display: inline-block;
}
.toolbar.verticalToolbar {
  width: 34px;
}
.toolbar.verticalToolbar .toolbarBlock {
  float: left;
}
.toolbar.inlineToolbar {
  border: none;
  padding: 0px;
  background: transparent;
}
.toolbar:after {
  content: '';
  display: block;
  clear: both;
}
.toolbar .toolbarBlock {
  display: inline-block;
  float: left;
  height: var(--toolbarButtonSize);
}
.toolbar .toolbarBlock.right {
  float: right;
}
.toolbar .input.textBox,
.toolbar .input.selectBox {
  margin: 0px;
  border-width: var(--toolbarInputBorderThickness);
  border-style: var(--toolbarInputBorderType);
  border-color: var(--toolbarInputBorderColor);
  height: var(--toolbarButtonSize);
}
.toolbar .input.textBox > select,
.toolbar .input.selectBox > select,
.toolbar .input.textBox > .display,
.toolbar .input.selectBox > .display,
.toolbar .input.textBox > input,
.toolbar .input.selectBox > input,
.toolbar .input.textBox > .value,
.toolbar .input.selectBox > .value {
  height: 100%;
}
.toolbar .toolbarSeperator {
  border-right: var(--toolbarSeperatorThickness) solid var(--toolbarSeperatorColor);
  display: inline-block;
  float: left;
  width: 1px;
  margin: 3px 5px;
  height: calc(var(--toolbarButtonSize) - 3px - 3px);
  box-shadow: var(--toolbarSeperatorShadow);
}
.toolbar .toolbarSeperator.right {
  float: right;
}
.toolbar .toolbarButton {
  vertical-align: middle;
  margin: 0px;
  padding: 0px;
  text-decoration: none;
  background: var(--toolbarButtonBackground);
  border-width: var(--toolbarButtonBorderThickness);
  border-style: var(--toolbarButtonBorderType);
  border-color: var(--toolbarButtonBorderColor);
  border-radius: var(--toolbarButtonBorderRadius);
  color: var(--toolbarButtonFontColor);
  display: block;
  position: relative;
  float: left;
  width: var(--toolbarButtonSize);
  height: var(--toolbarButtonSize);
}
.toolbar .toolbarButton > .icon {
  vertical-align: middle;
  text-align: center;
  width: calc(var(--toolbarButtonSize) - var(--toolbarButtonBorderThickness) - var(--toolbarButtonBorderThickness));
  height: calc(var(--toolbarButtonSize) - var(--toolbarButtonBorderThickness) - var(--toolbarButtonBorderThickness));
  position: relative;
}
.toolbar .toolbarButton > .icon:before {
  font-size: var(--toolbarButtonFontSize);
  line-height: var(--toolbarButtonFontSize);
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: auto;
  margin: 0px;
  padding: 0px;
  text-align: left;
  position: absolute;
  display: block;
}
.toolbar .toolbarButton[disabled] {
  background: var(--toolbarButtonDisabledBackground);
  border-width: var(--toolbarButtonDisabledBorderThickness);
  border-style: var(--toolbarButtonDisabledBorderType);
  border-color: var(--toolbarButtonnisabledBorderColor);
  border-radius: var(--toolbarButtonDisabledBorderRadius);
  color: var(--toolbarButtonDisabledFontColor);
}
.toolbar .toolbarButton[disabled] > .icon::before {
  font-size: var(--toolbarButtonDisabledFontSize);
  line-height: var(--toolbarButtonDisabledFontSize);
}
.toolbar .toolbarButton:not(.readonly):not([disabled]):hover,
.toolbar .toolbarButton:not(.readonly):not([disabled]).focus,
.toolbar .toolbarButton:not(.readonly):not([disabled]).dropped {
  background: var(--toolbarButtonHoverBackground);
  border-width: var(--toolbarButtonHoverBorderThickness);
  border-style: var(--toolbarButtonHoverBorderType);
  border-color: var(--toolbarButtonHoverBorderColor);
  border-radius: var(--toolbarButtonHoverBorderRadius);
  cursor: pointer;
  color: var(--toolbarButtonHoverFontColor);
}
.toolbar .toolbarButton:not(.readonly):not([disabled]):hover > .icon::before,
.toolbar .toolbarButton:not(.readonly):not([disabled]).focus > .icon::before,
.toolbar .toolbarButton:not(.readonly):not([disabled]).dropped > .icon::before {
  font-size: var(--toolbarButtonHoverFontSize);
  line-height: var(--toolbarButtonHoverFontSize);
}
.toolbar .toolbarButton:not(.readonly):not([disabled]).active {
  background: var(--toolbarButtonActiveBackground);
  border-width: var(--toolbarButtonActiveBorderThickness);
  border-style: var(--toolbarButtonActiveBorderType);
  border-color: var(--toolbarButtonActiveBorderColor);
  border-radius: var(--toolbarButtonActiveBorderRadius);
  color: var(--toolbarButtonActiveFontColor);
}
.toolbar .toolbarButton:not(.readonly):not([disabled]).active > .icon::before {
  font-size: var(--toolbarButtonActiveFontSize);
  line-height: var(--toolbarButtonActiveFontSize);
}
.toolbar .toolbarButton.dropped > .dropdown {
  display: block;
}
.toolbar .toolbarButton.dropped.top > .dropdown {
  top: auto;
  bottom: 100%;
}
.toolbar .toolbarButton > img {
  padding: 2px;
  vertical-align: middle;
  margin: 0px;
  display: inline;
  border: solid 1px transparent;
  float: left;
  box-sizing: content-box;
}
.toolbar .toolbarButton .dropdown > .dropdownItems > .item {
  margin: 0px;
  padding: 2px 10px;
  display: block;
  white-space: nowrap;
  text-align: left;
  vertical-align: middle;
  text-decoration: none;
  color: var(--toolbarButtonDropdownItemFontColor);
  position: relative;
  line-height: 17px;
}
.toolbar .toolbarButton .dropdown > .dropdownItems > .item .expandIcon {
  width: 15px;
  height: 15px;
  line-height: 15px;
  font-size: 15px;
}
.toolbar .toolbarButton .dropdown > .dropdownItems > .item.withSubMenu {
  padding-right: 15px;
}
.toolbar .toolbarButton .dropdown > .dropdownItems > .item.withSubMenu .dropdown {
  top: 0px;
  left: 100%;
}
.toolbar .toolbarButton .dropdown > .dropdownItems > .item.withSubMenu.dropped > .dropdown {
  display: block;
}
.toolbar .toolbarButton .dropdown > .dropdownItems > .item.withSubMenu.dropped.top > .dropdown {
  top: auto;
  bottom: 0px;
  left: 100%;
}
.toolbar .toolbarButton .dropdown > .dropdownItems > .item > .icon:before {
  padding-right: 2px;
  margin: 0px;
  width: 20px;
}
.toolbar .toolbarButton .dropdown > .dropdownItems > .item:hover {
  background: var(--toolbarButtonDropdownItemHoverBackground);
  color: var(--toolbarButtonDropdownItemHoverFontColor);
}
.toolbar .toolbarButton .dropdown > .dropdownItems > .item > .expandIcon {
  position: absolute;
  right: 0px;
  padding: 0px 0px 0px 0px;
  margin-top: -2px;
}
.toolbar .toolbarButton .dropdown {
  display: none;
  position: absolute;
  z-index: 110;
  border-width: var(--toolbarButtonDropdownBorderThickness);
  border-style: var(--toolbarButtonDropdownBorderType);
  border-color: var(--toolbarButtonDropdownBorderColor);
  border-radius: var(--toolbarButtonDropdownBorderRadius);
  background: var(--toolbarButtonDropdownBackground);
  padding: 0px;
  left: -1px;
  margin-top: 1px;
}
.toolbar .toolbarButton .dropdown > .dropdownItems {
  position: relative;
  max-height: 50vh;
  overflow-y: auto;
  overflow-x: hidden;
}
.toolbar .toolbarButton .dropdown.dropped {
  display: block;
}
.toolbar .toolbarButton .dropdown > .dropdownMenus {
  position: absolute;
  top: 0px;
  right: 0px;
}
.toolbar .toolbarMenuButton {
  display: inline-block;
  float: left;
  width: 15px;
  border: solid 1px transparent;
  height: var(--toolbarButtonSize);
  position: relative;
}
.toolbar .toolbarMenuButton[disabled] {
  color: var(--inputDisabledIconColor);
}
.toolbar .toolbarMenuButton:after {
  content: '\e814';
  position: absolute;
  font-family: "fontello";
  font-size: 13px;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  display: block;
}
.toolbar .toolbarMenuButton:not(.readonly):not([disabled]):hover,
.toolbar .toolbarMenuButton:not(.readonly):not([disabled]).focus,
.toolbar .toolbarMenuButton:not(.readonly):not([disabled]).dropped {
  background: var(--toolbarButtonHoverBackground);
  border: var(--toolbarButtonHoverBorderType) var(--toolbarButtonHoverBorderThickness) var(--toolbarButtonHoverBorderColor);
  text-decoration: none;
  cursor: pointer;
}
/* Position Blocks */
.positionBlocks {
  display: flex;
}
.positionBlocks .positionBlock {
  flex: 1;
}
/* Progress Blocks */
.groupStatusBlocks {
  height: 11px;
}
.groupStatusBlocks .groupStatusBlock {
  height: 11px;
  width: 8px;
  float: left;
  margin-right: 2px;
}
.groupStatusBlocks.valid .groupStatusBlock {
  background: #00ff00;
}
.groupStatusBlocks.invalid .groupStatusBlock {
  background: #ff0000;
}
/* Progress */
.progressBar {
  width: 100%;
  max-width: 450px;
  margin: 0px auto;
}
.progressBar .bar {
  border-width: var(--inputBorderThickness);
  border-style: var(--inputBorderType);
  border-color: var(--inputBorderColor);
  border-radius: var(--inputBorderRadius);
  padding: 2px;
  height: 100%;
}
.progressBar .bar .progress {
  background: black;
  height: 100%;
  min-height: 18px;
  width: 0%;
}
.progressBar .description.running:before {
  content: '';
  background-image: url("../image/icons/16/loading.gif");
  background-repeat: no-repeat;
  background-position: 0px 2px;
  display: inline-block;
  width: 20px;
  height: 20px;
  bottom: 0;
  vertical-align: bottom;
}
.progressBar .description {
  text-align: center;
  min-height: 22px;
  vertical-align: bottom;
}
.progressBar.fileUploadProgressBar {
  height: 25px;
}
/* Matrixview */
.matrixView .cell {
  padding: 1px 8px 1px 8px;
  vertical-align: top;
}
.matrixView .cell .questionItem {
  display: inline-block;
}
.matrixView .cell .description,
.matrixView .cell .description > p {
  display: inline;
}
.matrixView .cell .info {
  display: inline;
}
.matrixView tr td.cell:first-child {
  padding-left: 0px;
}
.matrixView tr td.cell:last-child {
  padding-right: 0px;
}
/* CalculationBox */
.calculationBox {
  display: inline-block;
  min-height: var(--inputContentMinimumHeight);
  vertical-align: middle;
  padding: var(--inputTextBoxInputFieldPadding);
}
.calculationBox.numberCalculationBox {
  text-align: right;
}
/* Slider */
.slider {
  width: 100%;
  height: auto;
  position: relative;
}
.slider .bar {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  outline: none;
  cursor: pointer;
  min-width: 200px;
  position: relative;
  overflow: visible;
}
.slider .bar:focus {
  outline: none;
}
.slider .bar .thumb {
  position: absolute;
  box-sizing: content-box;
  display: none;
}
.slider .bar .points {
  position: absolute;
  right: 0px;
  display: flex;
}
.slider .bar .points .point {
  flex: 2;
  text-align: center;
}
.slider .bar .points .point:before {
  content: '';
  display: block;
}
.slider .values {
  display: flex;
}
.slider .values .value {
  cursor: pointer;
  flex: 2;
  text-align: center;
}
.slider.readonly {
  cursor: default;
}
.slider[disabled] {
  color: #808080;
}
.slider[disabled] > .bar {
  cursor: default;
}
.slider[disabled] > .bar > .thumb {
  background: var(--inputDisabledIconColor);
}
.slider.numberSlider {
  margin: var(--inputNumberSliderMargin);
  padding: var(--inputNumberSliderPadding);
  background: var(--inputNumberSliderBackground);
  border-width: var(--inputNumberSliderBorderThickness);
  border-style: var(--inputNumberSliderBorderType);
  border-color: var(--inputNumberSliderBorderColor);
  border-radius: var(--inputNumberSliderBorderRadius);
  height: var(--inputNumberSliderHeight);
}
.slider.numberSlider > .values {
  margin-left: var(--inputNumberSliderPointsOffsetLeft);
  margin-right: var(--inputNumberSliderPointsOffsetRight);
}
.slider.numberSlider > .values > .value:first-child {
  text-align: left;
  flex: 1;
}
.slider.numberSlider > .values > .value:last-child {
  text-align: right;
  flex: 1;
}
.slider.numberSlider > .bar {
  margin: var(--inputNumberSliderBarMargin);
  padding: var(--inputNumberSliderBarPadding);
  background: var(--inputNumberSliderBarBackground);
  box-shadow: var(--inputNumberSliderBarShadow);
  border-width: var(--inputNumberSliderBarBorderThickness);
  border-style: var(--inputNumberSliderBarBorderType);
  border-color: var(--inputNumberSliderBarBorderColor);
  border-radius: var(--inputNumberSliderBarBorderRadius);
  height: var(--inputNumberSliderBarHeight);
}
.slider.numberSlider > .bar > .thumb {
  top: var(--inputNumberSliderThumbOffsetTop);
  margin: var(--inputNumberSliderThumbMargin);
  padding: var(--inputNumberSliderThumbPadding);
  background: var(--inputNumberSliderThumbBackground);
  box-shadow: var(--inputNumberSliderThumbShadow);
  border-width: var(--inputNumberSliderThumbBorderThickness);
  border-style: var(--inputNumberSliderThumbBorderType);
  border-color: var(--inputNumberSliderThumbBorderColor);
  border-radius: var(--inputNumberSliderThumbBorderRadius);
  height: var(--inputNumberSliderThumbHeight);
  width: var(--inputNumberSliderThumbWidth);
}
.slider.numberSlider > .bar > .points {
  top: var(--inputNumberSliderPointsOffsetTop);
  left: var(--inputNumberSliderPointsOffsetLeft);
  right: var(--inputNumberSliderPointsOffsetRight);
  height: var(--inputNumberSliderPointsHeight);
}
.slider.numberSlider > .bar > .points > .point:first-child {
  flex: 1;
}
.slider.numberSlider > .bar > .points > .point:first-child:before {
  margin-left: 0px;
}
.slider.numberSlider > .bar > .points > .point:last-child {
  flex: 1;
}
.slider.numberSlider > .bar > .points > .point:last-child:before {
  margin-right: 0px;
}
.slider.numberSlider > .bar > .points > .point:before {
  margin: var(--inputNumberSliderPointMargin);
  padding: var(--inputNumberSliderPointPadding);
  background: var(--inputNumberSliderPointBackground);
  box-shadow: var(--inputNumberSliderPointShadow);
  border-width: var(--inputNumberSliderPointBorderThickness);
  border-style: var(--inputNumberSliderPointBorderType);
  border-color: var(--inputNumberSliderPointBorderColor);
  border-radius: var(--inputNumberSliderPointBorderRadius);
  height: var(--inputNumberSliderPointHeight);
  width: var(--inputNumberSliderPointWidth);
}
.slider.valueSlider {
  margin: var(--inputValueSliderMargin);
  padding: var(--inputValueSliderPadding);
  background: var(--inputValueSliderBackground);
  border-width: var(--inputValueSliderBorderThickness);
  border-style: var(--inputValueSliderBorderType);
  border-color: var(--inputValueSliderBorderColor);
  border-radius: var(--inputValueSliderBorderRadius);
  height: var(--inputValueSliderHeight);
}
.slider.valueSlider > .bar {
  margin: var(--inputValueSliderBarMargin);
  padding: var(--inputValueSliderBarPadding);
  background: var(--inputValueSliderBarBackground);
  box-shadow: var(--inputValueSliderBarShadow);
  border-width: var(--inputValueSliderBarBorderThickness);
  border-style: var(--inputValueSliderBarBorderType);
  border-color: var(--inputValueSliderBarBorderColor);
  border-radius: var(--inputValueSliderBarBorderRadius);
  height: var(--inputValueSliderBarHeight);
}
.slider.valueSlider > .bar > .thumb {
  top: var(--inputValueSliderThumbOffsetTop);
  margin: var(--inputValueSliderThumbMargin);
  padding: var(--inputValueSliderThumbPadding);
  background: var(--inputValueSliderThumbBackground);
  box-shadow: var(--inputValueSliderThumbShadow);
  border-width: var(--inputValueSliderThumbBorderThickness);
  border-style: var(--inputValueSliderThumbBorderType);
  border-color: var(--inputValueSliderThumbBorderColor);
  border-radius: var(--inputValueSliderThumbBorderRadius);
  height: var(--inputValueSliderThumbHeight);
  width: var(--inputValueSliderThumbWidth);
}
.slider.valueSlider > .bar > .points {
  top: var(--inputValueSliderPointsOffsetTop);
  left: var(--inputValueSliderPointsOffsetLeft);
  right: var(--inputValueSliderPointsOffsetRight);
  height: var(--inputValueSliderPointsHeight);
}
.slider.valueSlider > .bar > .points > .point:before {
  margin: var(--inputValueSliderPointMargin);
  padding: var(--inputValueSliderPointPadding);
  background: var(--inputValueSliderPointBackground);
  box-shadow: var(--inputValueSliderPointShadow);
  border-width: var(--inputValueSliderPointBorderThickness);
  border-style: var(--inputValueSliderPointBorderType);
  border-color: var(--inputValueSliderPointBorderColor);
  border-radius: var(--inputValueSliderPointBorderRadius);
  height: var(--inputValueSliderPointHeight);
  width: var(--inputValueSliderPointWidth);
}
.slider.valueSlider > .values {
  margin-left: var(--inputValueSliderPointsOffsetLeft);
  margin-right: var(--inputValueSliderPointsOffsetRight);
}
/* CardSlider */
.cardSlider > .slide {
  display: none;
}
.cardSlider > .slide.active {
  display: block;
}
.cardSlider > .navigation {
  margin-top: 15px;
}
.cardSlider > .navigation > .container {
  display: flex;
  justify-content: center;
}
.cardSlider > .navigation > .container:after {
  content: '';
  display: block;
  clear: both;
}
.cardSlider > .navigation > .container > .item {
  float: left;
  background: #f5f5f5;
  border-radius: 15px;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  cursor: pointer;
  margin: 0px 5px;
}
.cardSlider > .navigation > .container > .item.active {
  background: #46aaff;
  color: #fff;
}
/* Droppable */
.droppable.hover {
  outline: 2px dashed black;
  outline-offset: 5px;
}
/* Tooltip */
.c2c-ui-tooltip-content {
  font: 13px/1.7 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #333;
  background: #fffff0;
  padding: 9px 17px;
  max-width: 350px;
  text-align: left;
  box-shadow: 0 2px 2px #d5d5d5;
}
.c2c-ui-tooltip-content ul {
  margin: 0px 0px 0px 15px;
  padding: 0px;
}
.c2c-ui-tooltip-container {
  display: none;
  z-index: 9000;
  position: absolute;
  border: 1px solid #dcdcdc;
}
.c2c-ui-tooltip-container.below {
  margin-top: 13px;
}
.c2c-ui-tooltip-container.above {
  margin-top: -13px;
}
.c2c-ui-tooltip-point {
  position: relative;
}
.c2c-ui-tooltip-point.after:before,
.c2c-ui-tooltip-point.after:after {
  position: absolute;
  pointer-events: none;
  border: solid transparent;
  top: 100%;
  content: "";
  height: 0;
  width: 0;
}
.c2c-ui-tooltip-point.after:after {
  border-top-color: #fffff0;
  border-width: 8px;
  left: 50%;
  margin-left: -8px;
}
.c2c-ui-tooltip-point.after:before {
  border-top-color: #dcdcdc;
  border-width: 9px;
  left: 50%;
  margin-left: -9px;
}
.c2c-ui-tooltip-point.before:before,
.c2c-ui-tooltip-point.before:after {
  position: absolute;
  pointer-events: none;
  border: solid transparent;
  bottom: 100%;
  content: "";
  height: 0;
  width: 0;
}
.c2c-ui-tooltip-point.before:after {
  border-bottom-color: #fffff0;
  border-width: 8px;
  left: 50%;
  margin-left: -8px;
}
.c2c-ui-tooltip-point.before:before {
  border-bottom-color: #dcdcdc;
  border-width: 9px;
  left: 50%;
  margin-left: -9px;
}
.c2c-ui-tooltip-container.below .c2c-ui-tooltip-point.after,
.c2c-ui-tooltip-container.above .c2c-ui-tooltip-point.before {
  display: none;
}
.c2c-ui-tooltip-container .c2c-ui-tooltip-content.error,
.c2c-ui-tooltip-container.error .c2c-ui-tooltip-content {
  background: #F8EAE8;
}
.c2c-ui-tooltip-container.error .c2c-ui-tooltip-point.before:after {
  border-bottom-color: #F8EAE8;
}
.c2c-ui-tooltip-container.error .c2c-ui-tooltip-point.after:after {
  border-top-color: #F8EAE8;
}
.c2c-ui-tooltip-container .c2c-ui-tooltip-content.warning,
.c2c-ui-tooltip-container.warning .c2c-ui-tooltip-content {
  background: #FFFECD;
}
.c2c-ui-tooltip-container.warning .c2c-ui-tooltip-point.before:after {
  border-bottom-color: #FFFECD;
}
.c2c-ui-tooltip-container.warning .c2c-ui-tooltip-point.after:after {
  border-top-color: #FFFECD;
}
.c2c-ui-tooltip-container .c2c-ui-tooltip-content.info,
.c2c-ui-tooltip-container.info .c2c-ui-tooltip-content {
  background: #EBF2FF;
}
.c2c-ui-tooltip-container.info .c2c-ui-tooltip-point.before:after {
  border-bottom-color: #EBF2FF;
}
.c2c-ui-tooltip-container.info .c2c-ui-tooltip-point.after:after {
  border-top-color: #EBF2FF;
}
/* 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;
}
.popupMessage {
  display: none;
  padding: 15px;
}
.window .popupMessage {
  display: block;
}
/* Window */
.window {
  position: fixed;
  z-index: 2100;
  background: #f9f9f9;
  border: 1px solid #b3b3b3;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 500px;
  height: 75px;
  margin: auto;
  overflow: auto;
}
.window .windowBody {
  overflow: auto;
}
.window .windowBody .contentSection {
  padding: 5px;
}
.window .windowTitle {
  min-height: 50px;
  /*color: #6d6b6b;*/
  border-bottom: 1px solid #D4D4D4;
  font-size: 1.35em;
  font-weight: bold;
  line-height: 1.35em;
  background: #fff;
  padding: 9px 15px;
}
.window .windowTitle .caption {
  padding-right: 40px;
}
.window .windowTitle .closeButton {
  position: absolute;
  right: 8px;
  top: 8px;
  height: 1em;
  width: 1em;
}
.window .windowTitle .closeButton:after {
  content: '\e81d';
  text-align: center;
  display: block;
  font-family: "fontello";
  position: absolute;
  right: 0px;
  top: 0px;
  height: 1em;
  width: 1em;
  line-height: 1em;
  pointer-events: none;
}
.window .windowTitle .closeButton:hover {
  color: #77c4ff;
  text-decoration: none;
  cursor: pointer;
}
.window.popupWindow .windowBody .contentContainer {
  margin: 0px;
  padding: 9px 15px;
  position: relative;
}
.window.resourceSelectWindow {
  width: 750px;
  height: 572px;
}
.window.resourceSelectWindow .windowBody {
  height: 495px;
}
.window.resourceSelectWindow .windowBody .contentSection {
  height: 450px;
}
.window.resourceSelectWindow .fileList,
.window.resourceSelectWindow .fileTiles {
  height: 408px;
  border: 1px solid #b3b3b3;
  background: #fff;
  padding: 3px;
  overflow: auto;
}
.window.resourceSelectWindow .fileList .item {
  border-left: 5px solid transparent;
}
.window.resourceSelectWindow .fileList .item .name {
  cursor: pointer;
  height: 32px;
  padding-top: 4px;
}
.window.resourceSelectWindow .fileList .item .name .icon img {
  max-width: 20px;
  max-height: 20px;
}
.window.resourceSelectWindow .fileList .item:hover {
  border-left: 5px solid #f59505;
}
.window.resourceSelectWindow .fileTiles .item {
  border-radius: 4px;
  background: #fff 0px 0px, 50% 50%;
  background-size: auto, cover;
  float: left;
  width: 130px;
  height: 140px;
  margin: 5px;
  border: solid 1px #f8f8f8;
  cursor: pointer;
  overflow: hidden;
}
.window.resourceSelectWindow .fileTiles .item:hover {
  color: #288edf;
  border: solid 1px #b3b3b3;
}
.window.resourceSelectWindow .fileTiles .item .icon {
  margin: 5px auto 0px auto;
  font-size: 50px;
  line-height: 1.2em;
  text-align: center;
  min-height: 75px;
  position: relative;
}
.window.resourceSelectWindow .fileTiles .item .icon img {
  max-width: 75px;
  max-height: 75px;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.window.resourceSelectWindow .fileTiles .item .title {
  margin: 0px auto;
  text-align: center;
  word-break: break-all;
}
.window.resourceSelectWindow .filePreviewBox {
  height: 408px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.window.resourceSelectWindow .filePreviewBox .filePreviewHeaderRow,
.window.resourceSelectWindow .filePreviewBox .filePreviewRow {
  flex: 1;
  width: 100%;
  position: relative;
}
.window.resourceSelectWindow .filePreviewBox .filePreviewHeaderRow {
  flex-grow: 0;
}
.window.resourceSelectWindow .filePreviewBox .filePreviewRow {
  flex-grow: 1;
  flex-shrink: 1;
}
.window.resourceSelectWindow .filePreviewBox .filePreviewRow {
  margin-top: 5px;
  overflow: auto;
}
.window.resourceSelectWindow .filePreview {
  overflow: auto;
  height: 100%;
}
.window.resourceSelectWindow .filePreview .icon {
  font-size: 256px;
  line-height: 256px;
  height: 300px;
}
/* Tiles */
.tiles {
  border-width: var(--tileViewBorderThickness);
  border-style: var(--tileViewBorderType);
  border-color: var(--tileViewBorderColor);
  border-radius: var(--tileViewBorderRadius);
  background: var(--tileViewBackground);
  box-shadow: var(--tileViewShadow);
  display: flex;
  flex-wrap: wrap;
  gap: var(--tileViewGap);
  margin: var(--tileViewMargin);
  padding: var(--tileViewPadding);
}
.tiles > .tile,
.tiles > a.tile {
  display: block;
  /*flex: 1 1 auto;*/
  width: var(--tileViewTileWidth);
  height: var(--tileViewTileHeight);
  max-width: var(--tileViewTileWidth);
  max-height: var(--tileViewTileHeight);
  position: relative;
  border-width: var(--tileViewTileBorderThickness);
  border-style: var(--tileViewTileBorderType);
  border-color: var(--tileViewTileBorderColor);
  border-radius: var(--tileViewTileBorderRadius);
  background: var(--tileViewTileBackground);
  box-shadow: var(--tileViewTileShadow);
  cursor: pointer;
}
.tiles > .tile > .icon,
.tiles > a.tile > .icon {
  color: var(--tileViewTileIconColor);
  display: block;
  margin: 0px auto;
  position: relative;
  padding: var(--tileViewTileIconPadding);
  text-align: center;
  font-size: var(--tileViewTileIconSize);
}
.tiles > .tile > .icon img,
.tiles > a.tile > .icon img {
  max-width: var(--tileViewTileIconSize);
  max-height: var(--tileViewTileIconSize);
}
.tiles > .tile > .title,
.tiles > a.tile > .title {
  margin: 0px auto;
  text-align: center;
  padding: var(--tileViewTileTitlePadding);
  font-family: var(--tileViewTileTitleFontName);
  line-height: var(--tileViewTileTitleFontLineHeight);
  font-style: var(--tileViewTileTitleFontStyle);
  text-decoration: var(--tileViewTileTitleFontDecoration);
  text-shadow: var(--tileViewTileTitleFontShadow);
  color: var(--tileViewTileTitleFontColor);
  font-size: var(--tileViewTileTitleFontSize);
  font-weight: var(--tileViewTileTitleFontWeight);
  letter-spacing: var(--tileViewTileTitleFontLetterSpacing);
  text-transform: var(--tileViewTileTitleTextTransform);
  word-break: break-word;
}
.tiles > .tile:hover,
.tiles > a.tile:hover {
  border-width: var(--tileViewTileHoverBorderThickness);
  border-style: var(--tileViewTileHoverBorderType);
  border-color: var(--tileViewTileHoverBorderColor);
  border-radius: var(--tileViewTileHoverBorderRadius);
  background: var(--tileViewTileHoverBackground);
  box-shadow: var(--tileViewTileHoverShadow);
}
.tiles > .tile:hover > .icon,
.tiles > a.tile:hover > .icon {
  color: var(--tileViewTileHoverIconColor);
}
.tiles > .tile:hover > .title,
.tiles > a.tile:hover > .title {
  font-family: var(--tileViewTileHoverTitleFontName);
  line-height: var(--tileViewTileHoverTitleFontLineHeight);
  font-style: var(--tileViewTileHoverTitleFontStyle);
  text-decoration: var(--tileViewTileHoverTitleFontDecoration);
  text-shadow: var(--tileViewTileHoverTitleFontShadow);
  color: var(--tileViewTileHoverTitleFontColor);
  font-size: var(--tileViewTileHoverTitleFontSize);
  font-weight: var(--tileViewTileHoverTitleFontWeight);
  letter-spacing: var(--tileViewTileHoverTitleFontLetterSpacing);
}
.tiles > .tile .messageBox,
.tiles > a.tile .messageBox {
  display: block;
  width: auto;
  height: 16px;
  position: absolute;
  top: -7px;
  right: -7px;
}
.tiles > .tile .messageBox .errorBox,
.tiles > a.tile .messageBox .errorBox,
.tiles > .tile .messageBox .warningBox,
.tiles > a.tile .messageBox .warningBox,
.tiles > .tile .messageBox .infoBox,
.tiles > a.tile .messageBox .infoBox {
  float: right;
  display: block;
  height: 16px;
  background: #d0151e;
  border-radius: 15px;
  color: #fff;
  font-size: 0.8em;
  font-weight: 400;
  padding: 2px 3px 2px 3px;
  text-align: center;
  line-height: 1em;
  margin: 0px 0px 0px 5px;
}
.tiles > .tile .messageBox .warningBox,
.tiles > a.tile .messageBox .warningBox {
  background: #c19a12;
}
.tiles > .tile .messageBox .infoBox,
.tiles > a.tile .messageBox .infoBox {
  background: #46aaff;
}
@media screen and (max-width: 1024px) {
  .tiles > .tile,
  .tiles > a.tile {
    width: var(--tileViewTileMediumScreenWidth);
    height: var(--tileViewTileMediumScreenHeight);
    max-width: var(--tileViewTileMediumScreenWidth);
    max-height: var(--tileViewTileMediumScreenHeight);
  }
  .tiles > .tile > .icon,
  .tiles > a.tile > .icon {
    font-size: var(--tileViewTileMediumScreenIconSize);
    padding: var(--tileViewTileMediumScreenIconPadding);
  }
  .tiles > .tile > .icon img,
  .tiles > a.tile > .icon img {
    max-width: var(--tileViewTileMediumScreenIconSize);
    max-height: var(--tileViewTileMediumScreenIconSize);
  }
}
@media screen and (max-width: 1024px) {
  .tiles {
    gap: var(--tileViewMediumScreenGap);
  }
}
.loading:after {
  content: '';
  background-image: url("../image/icons/16/loading.gif");
  background-repeat: no-repeat;
  background-position: 0px 2px;
  display: inline-block;
  width: 20px;
  height: 20px;
  bottom: 0;
  vertical-align: bottom;
}
.dirty:after {
  /*content: '\E81D';
  font-family: 'fontello';
  font-size: 24px;
  color: #bd1010;
  display: inline-block;
  width: 20px;
  height: 20px;*/
}
/* Statusses */
.clientStatusCancelled {
  color: #de8300;
}
.surveyBlocked,
.userStatusBlocked,
.clientStatusArchive,
.clientStatusInstalling {
  color: #d0151e;
}
.userStatusActive,
.clientStatusActive,
.surveyActive {
  color: #47b815;
}
.userStatusValidating,
.clientStatusProspect,
.userStatusChangingPassword,
.userStatusActivating {
  color: #c19a12;
}
.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
/* DashboardView */
.dashboardView .toolOptions {
  background: var(--dashboardViewOptionsBackground);
  box-shadow: var(--dashboardViewOptionsBoxShadow);
  border-width: var(--dashboardViewOptionsBorderThickness);
  border-style: var(--dashboardViewOptionsBorderType);
  border-color: var(--dashboardViewOptionsBorderColor);
  border-radius: var(--dashboardViewOptionsBorderRadius);
  padding: var(--dashboardViewOptionsPadding);
  margin-bottom: 25px;
  display: flex;
  gap: var(--dashboardViewOptionsSpace);
  /*&.horizontal {
	  .toolOptionHeaderItem {
		display: none;
	  }
	}*/
}
.dashboardView .toolOptions .toolOptionItem {
  background: var(--dashboardViewOptionsItemBackground);
  box-shadow: var(--dashboardViewOptionsItemBoxShadow);
  border-width: var(--dashboardViewOptionsItemBorderThickness);
  border-style: var(--dashboardViewOptionsItemBorderType);
  border-color: var(--dashboardViewOptionsItemBorderColor);
  border-radius: var(--dashboardViewOptionsItemBorderRadius);
  padding: var(--dashboardViewOptionsItemPadding);
  margin: var(--dashboardViewOptionsItemMargin);
}
.dashboardView .toolOptions .toolOptionItem .toolOptionsHeader {
  text-align: center;
  background: var(--dashboardViewOptionsHeaderBackground);
  box-shadow: var(--dashboardViewOptionsHeaderBoxShadow);
  position: relative;
  overflow: hidden;
  border-width: var(--dashboardViewOptionsHeaderBorderThickness);
  border-style: var(--dashboardViewOptionsHeaderBorderType);
  border-color: var(--dashboardViewOptionsHeaderBorderColor);
  border-radius: var(--dashboardViewOptionsHeaderBorderRadius);
  color: var(--dashboardViewOptionsHeaderFontColor);
  font-weight: var(--dashboardViewOptionsHeaderFontWeight);
  font-size: var(--dashboardViewOptionsHeaderFontSize);
  line-height: var(--dashboardViewOptionsHeaderFontLineHeight);
  text-shadow: var(--dashboardViewOptionsHeaderFontShadow);
  letter-spacing: var(--dashboardViewOptionsHeaderFontLetterSpacing);
  font-family: var(--dashboardViewOptionsHeaderFontName);
  text-decoration: var(--dashboardViewOptionsHeaderFontDecoration);
  font-style: var(--dashboardViewOptionsHeaderFontStyle);
  padding: var(--dashboardViewOptionsHeaderPadding);
  min-height: var(--dashboardViewOptionsHeaderMinHeight);
  box-sizing: content-box;
}
.dashboardView .toolOptions .toolOptionItem .toolOptionsField {
  min-height: var(--inputContentMinimumHeight);
  background: var(--dashboardViewOptionsFieldBackground);
  box-shadow: var(--dashboardViewOptionsFieldBoxShadow);
  position: relative;
  border-width: var(--dashboardViewOptionsFieldBorderThickness);
  border-style: var(--dashboardViewOptionsFieldBorderType);
  border-color: var(--dashboardViewOptionsFieldBorderColor);
  border-radius: var(--dashboardViewOptionsFieldBorderRadius);
  color: var(--dashboardViewOptionsFieldFontColor);
  font-weight: var(--dashboardViewOptionsFieldFontWeight);
  font-size: var(--dashboardViewOptionsFieldFontSize);
  line-height: var(--dashboardViewOptionsFieldFontLineHeight);
  text-shadow: var(--dashboardViewOptionsFieldFontShadow);
  letter-spacing: var(--dashboardViewOptionsFieldFontLetterSpacing);
  font-family: var(--dashboardViewOptionsFieldFontName);
  text-decoration: var(--dashboardViewOptionsFieldFontDecoration);
  font-style: var(--dashboardViewOptionsFieldFontStyle);
  box-sizing: content-box;
  /*
		border: 1px solid #D6D6D6;
		border-top: none;*/
  vertical-align: top;
  padding: var(--dashboardViewOptionsFieldPadding);
  margin: var(--dashboardViewOptionsFieldMargin);
  /*&.toolOptionsFullSize {
		  padding: 0px;
		}*/
}
.dashboardView .toolOptions .toolOptionItem .toolOptionsField .checkbox,
.dashboardView .toolOptions .toolOptionItem .toolOptionsField .checkbox:hover,
.dashboardView .toolOptions .toolOptionItem .toolOptionsField .checkbox.focus {
  border: none;
  background: none;
}
.dashboardView .toolOptions .toolOptionItem .toolOptionsField > .input.checkbox {
  width: 100%;
}
.dashboardView .toolOptions .toolOptionItem .toolOptionsField > .input.checkbox::after {
  content: '\E81D';
}
.dashboardView .toolOptions .toolOptionItem .toolOptionsField > .input.checkbox.checked::after {
  content: '\e8c7';
}
.dashboardView .toolOptions .toolOptionItem .toolOptionsField > label.checkbox {
  display: none;
}
.dashboardView .toolOptions .toolOptionItem .toolOptionsField .selectBox,
.dashboardView .toolOptions .toolOptionItem .toolOptionsField .selectBox:hover,
.dashboardView .toolOptions .toolOptionItem .toolOptionsField .selectBox.focus {
  display: block;
  border: none;
  background: none;
  padding: 0px;
}
.dashboardView .toolOptions .toolOptionItem .toolOptionsField .slider {
  margin: 0px;
  border: none;
  background: none;
}
.dashboardView .toolOptions .toolOptionItem .toolOptionsField .slider.numberSlider {
  padding: 0px 5px;
}
.dashboardView .toolOptions .toolOptionItem .toolOptionsField .slider.numberSlider .values .value {
  font-size: 0.9em;
  line-height: 1em;
}
.dashboardView .toolOptions .toolOptionItem .toolOptionsField .slider.numberSlider .points {
  display: none;
}
.dashboardView .toolOptions .toolOptionItem .toolOptionsField .slider.numberSlider .bar {
  height: 3px;
}
.dashboardView .toolOptions .toolOptionItem .toolOptionsField .slider.numberSlider .bar .thumb {
  height: 12px;
  width: 5px;
  border: none;
  margin-top: -5px;
}
.dashboardView .toolOptions.columnRow .toolOptionsHeader {
  margin-top: 5px;
}
@media screen and (max-width: 1024px) {
  .dashboardView .toolOptions.row1024 .toolOptionsHeader {
    margin-top: 5px;
  }
  .dashboardView .toolOptions.row1024 .toolOptionsHeader,
  .dashboardView .toolOptions.row1024 .toolOptionsField,
  .dashboardView .toolOptions.row1024 .toolOptionsAdd {
    border-right: 1px solid #D6D6D6;
  }
}
.dashboardView .toolOptions .toolOptionsAdd div {
  padding: 3px 5px;
}
.dashboardView .dashboardItem {
  position: relative;
  /*
	&.loading:before,
	&.dirty:before {
	  content: '';
	  position: absolute;
	  background: #b3b3b3;
	  display: block;
	  opacity: 0.5;
	  left: 0;
	  top: 0;
	  right: 0;
	  bottom: 0;
	}*/
}
.dashboardView .dashboardItem.downloadableItem .downloadbar {
  position: absolute;
  left: 50%;
  margin-top: -40px;
  display: none;
}
.dashboardView .dashboardItem.downloadableItem {
  position: relative;
  width: auto;
}
.dashboardView .dashboardItem.downloadableItem .selected .downloadbar {
  display: block;
}
.dashboardView .dashboardItem.loading > *,
.dashboardView .dashboardItem.dirty > * {
  filter: blur(4px);
}
.dashboardView .dashboardItem.loading:after,
.dashboardView .dashboardItem.dirty:after {
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
.dashboardView .dashboardItem.groupItem.layoutNone,
.dashboardView .dashboardItem.groupItem.layoutFloatLeft,
.dashboardView .dashboardItem.groupItem.layoutFloatRight,
.dashboardView .dashboardItem.groupItem.layoutOneColumnLeft,
.dashboardView .dashboardItem.groupItem.layoutOneColumnRight,
.dashboardView .dashboardItem.groupItem.layoutOneColumnCenter {
  display: flex;
  flex-wrap: wrap;
}
.dashboardView .dashboardItem.groupItem.layoutFloatRight {
  flex-direction: row-reverse;
}
.dashboardView .dashboardItem.groupItem.layoutNone {
  flex-direction: column;
}
.dashboardView .dashboardItem.groupItem.layoutOneColumnLeft {
  flex-direction: column;
  justify-content: left;
  align-content: flex-start;
}
.dashboardView .dashboardItem.groupItem.layoutOneColumnRight {
  flex-direction: column;
  justify-content: right;
  align-content: flex-end;
}
.dashboardView .dashboardItem.groupItem.layoutOneColumnCenter {
  flex-direction: column;
  justify-content: center;
  align-content: center;
}
.dashboardView .dashboardItem > .title {
  color: var(--dashboardViewTileTitleFontColor);
  letter-spacing: var(--dashboardViewTileTitleFontLetterSpacing);
  font-size: var(--dashboardViewTileTitleFontSize);
  line-height: var(--dashboardViewTileTitleFontLineHeight);
  font-weight: var(--dashboardViewTileTitleFontWeight);
  font-family: var(--dashboardViewTileTitleFontName);
  text-shadow: var(--dashboardViewTileTitleFontShadow);
  text-decoration: var(--dashboardViewTileTitleFontDecoration);
  font-style: var(--dashboardViewTileTitleFontStyle);
}
.dashboardView .dashboardItem.tilesItem {
  gap: var(--dashboardViewTileGap);
  margin-bottom: var(--dashboardViewTileGap);
  /*
	  &:after {
		display: block;
		content: '';
		flex-basis: 100%;
		width: 0;
	  }*/
}
.dashboardView .dashboardItem.tilesItem > .dashboardItem {
  padding: var(--dashboardViewTilePadding);
  border-radius: var(--dashboardViewTileBorderRadius);
  border-color: var(--dashboardViewTileBorderColor);
  border-style: var(--dashboardViewTileBorderType);
  border-width: var(--dashboardViewTileBorderThickness);
  background: var(--dashboardViewTileBackground);
  box-shadow: var(--dashboardViewTileBoxShadow);
  flex: 1;
}
.dashboardView .dashboardItem.bigNumberItem .bigNumber {
  margin: var(--dashboardViewBigNumberMargin);
  padding: var(--dashboardViewBigNumberPadding);
  color: var(--dashboardViewBigNumberFontColor);
  letter-spacing: var(--dashboardViewBigNumberFontLetterSpacing);
  font-weight: var(--dashboardViewBigNumberFontWeight);
  font-size: var(--dashboardViewBigNumberFontSize);
  line-height: var(--dashboardViewBigNumberFontLineHeight);
  font-family: var(--dashboardViewBigNumberFontName);
  text-shadow: var(--dashboardViewBigNumberFontShadow);
  text-decoration: var(--dashboardViewBigNumberFontDecoration);
  font-style: var(--dashboardViewBigNumberFontStyle);
}
.dashboardView .dashboardItem.bigNumberItem .compareNumber {
  margin: var(--dashboardViewCompareNumberMargin);
  padding: var(--dashboardViewCompareNumberPadding);
  color: var(--dashboardViewCompareNumberFontColor);
  letter-spacing: var(--dashboardViewCompareNumberFontLetterSpacing);
  font-weight: var(--dashboardViewCompareNumberFontWeight);
  font-size: var(--dashboardViewCompareNumberFontSize);
  line-height: var(--dashboardViewCompareNumberFontLineHeight);
  font-family: var(--dashboardViewCompareNumberFontName);
  text-shadow: var(--dashboardViewCompareNumberFontShadow);
  text-decoration: var(--dashboardViewCompareNumberFontDecoration);
  font-style: var(--dashboardViewCompareNumberFontStyle);
}
.dashboardView .dashboardItem.bigNumberItem .shrinkage {
  color: var(--dashboardViewBigNumberShrinkageColor);
}
.dashboardView .dashboardItem.bigNumberItem .growth {
  color: var(--dashboardViewBigNumberGrowthColor);
}
.dashboardView .dashboardItem.diagramItem {
  text-align: center;
}
.dashboardView .dashboardItem.diagramItem .diagram {
  display: inline-block;
  margin: 0px auto;
  position: relative;
  border: 1px solid transparent;
}
.dashboardView .dashboardItem.diagramItem .diagram svg {
  display: block;
}
.dashboardView .dashboardItem.diagramItem .caption {
  text-align: left;
}
.dashboardView .dashboardItem.tableItem .table {
  border: 1px solid transparent;
}
.dashboardView .dashboardItem.diagramItem.downloadableItem .diagram.selected,
.dashboardView .dashboardItem.tableItem.downloadableItem .table.selected {
  background: #f3f1ee;
  border: 1px solid #d4d4d4;
}
.dashboardView .dashboardItem.downloadableItem .downloadbar {
  position: absolute;
  left: 50%;
  margin-top: -40px;
  display: none;
  z-index: 100;
}
.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;
  background: #dddddd;
}
.dashboardView .dashboardItem.downloadableItem.selected .downloadbar {
  display: block;
}
.dashboardView .dashboardItem.lineItem {
  height: 1px;
  border-top: solid 1px #E8E8E8;
  margin: 5px auto;
}
/* Button */
.button,
a.button {
  transition: background-color 200ms ease;
  display: inline-block;
  border-width: var(--buttonBorderThickness);
  border-style: var(--buttonBorderType);
  border-color: var(--buttonBorderColor);
  border-radius: var(--buttonBorderRadius);
  background: var(--buttonBackground);
  font-family: var(--buttonFontName);
  font-size: var(--buttonFontSize);
  color: var(--buttonFontColor);
  font-weight: var(--buttonFontWeight);
  line-height: var(--buttonFontLineHeight);
  font-style: var(--buttonFontStyle);
  text-decoration: var(--buttonFontDecoration);
  text-shadow: var(-buttonFontShadow);
  padding: var(--buttonPadding);
}
.button[disabled],
a.button[disabled] {
  background: var(--buttonDisabledBackground);
  color: var(--buttonDisabledFontColor);
  border-width: var(--buttonDisabledBorderThickness);
  border-style: var(--buttonDisabledBorderType);
  border-color: var(--buttonDisabledBorderColor);
  border-radius: var(--buttonDisabledBorderRadius);
}
.button:not([disabled]):hover,
a.button:not([disabled]):hover {
  cursor: pointer;
  background: var(--buttonHoverBackground);
  color: var(--buttonHoverFontColor);
  border-width: var(--buttonHoverBorderThickness);
  border-style: var(--buttonHoverBorderType);
  border-color: var(--buttonHoverBorderColor);
  border-radius: var(--buttonHoverBorderRadius);
  text-decoration: var(--buttonFontDecoration);
}
.button.secondair,
a.button.secondair {
  background: var(--buttonSecondairBackground);
  color: var(--buttonSecondairFontColor);
  border-width: var(--buttonSecondairBorderThickness);
  border-style: var(--buttonSecondairBorderType);
  border-color: var(--buttonSecondairBorderColor);
  border-radius: var(--buttonSecondairBorderRadius);
}
.button.secondair[disabled],
a.button.secondair[disabled] {
  background: var(--buttonSecondairDisabledBackground);
  color: var(--buttonSecondairDisabledFontColor);
  border-width: var(--buttonSecondairDisabledBorderThickness);
  border-style: var(--buttonSecondairDisabledBorderType);
  border-color: var(--buttonSecondairDisabledBorderColor);
  border-radius: var(--buttonSecondairDisabledBorderRadius);
}
.button.secondair:not([disabled]):hover,
a.button.secondair:not([disabled]):hover {
  cursor: pointer;
  background: var(--buttonSecondairHoverBackground, --buttonHoverBackground);
  color: var(--buttonSecondairHoverFontColor, --buttonHoverFontColor);
  border-width: var(--buttonSecondairHoverBorderThickness, --buttonHoverBorderThickness);
  border-style: var(--buttonSecondairHoverBorderType, --buttonHoverBorderType);
  border-color: var(--buttonSecondairHoverBorderColor, --buttonHoverBorderColor);
  border-radius: var(--buttonSecondairHoverBorderRadius, --buttonHoverBorderRadius);
  text-decoration: var(--buttonSecondairFontDecoration, --buttonFontDecoration);
}
.cssValueBox.cssColorValueBox > .minicolors {
  left: 0px;
  right: 0px;
  display: block;
}
/*# sourceMappingURL=c2cbase.css.map */